html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
@media screen and (max-width: 400px) { @
-ms-viewport {
width: 320px
}
}
*,*:before,*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen {
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.grid-container:before,
.clearfix:before,
.grid-container:after,
.clearfix:after
{
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0
}
.grid-container:after,
.clearfix:after {
clear: both
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1400px;
padding-left: 10px;
padding-right: 10px
}
.grid-5,.mobile-grid-5,.grid-10,.mobile-grid-10,.grid-15,.mobile-grid-15,.grid-20,.mobile-grid-20,.grid-25,.mobile-grid-25,.grid-30,.mobile-grid-30,.grid-35,.mobile-grid-35,.grid-40,.mobile-grid-40,.grid-45,.mobile-grid-45,.grid-50,.mobile-grid-50,.grid-55,.mobile-grid-55,.grid-60,.mobile-grid-60,.grid-65,.mobile-grid-65,.grid-70,.mobile-grid-70,.grid-75,.mobile-grid-75,.grid-80,.mobile-grid-80,.grid-85,.mobile-grid-85,.grid-90,.mobile-grid-90,.grid-95,.mobile-grid-95,.grid-100,.mobile-grid-100,.grid-33,.mobile-grid-33,.grid-66,.mobile-grid-66 {
padding-left: 10px;
padding-right: 10px
}
.grid-parent {
padding-left: 0;
padding-right: 0
}
body {
min-width: 320px
}
}
@media screen and (max-width: 959px) {
.mobile-grid-100:before,.mobile-grid-100:after{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.mobile-grid-100:after{clear:both}
.mobile-push-5,.mobile-pull-5,.mobile-push-10,.mobile-pull-10,.mobile-push-15,.mobile-pull-15,.mobile-push-20,.mobile-pull-20,.mobile-push-25,.mobile-pull-25,.mobile-push-30,.mobile-pull-30,.mobile-push-35,.mobile-pull-35,.mobile-push-40,.mobile-pull-40,.mobile-push-45,.mobile-pull-45,.mobile-push-50,.mobile-pull-50,.mobile-push-55,.mobile-pull-55,.mobile-push-60,.mobile-pull-60,.mobile-push-65,.mobile-pull-65,.mobile-push-70,.mobile-pull-70,.mobile-push-75,.mobile-pull-75,.mobile-push-80,.mobile-pull-80,.mobile-push-85,.mobile-pull-85,.mobile-push-90,.mobile-pull-90,.mobile-push-95,.mobile-pull-95,.mobile-push-33,.mobile-pull-33,.mobile-push-66,.mobile-pull-66{position:relative}
.hide-on-mobile {display: none !important}
.mobile-grid-5 {float:left;width:5%}
.mobile-prefix-5 {margin-left:5%}
.mobile-suffix-5 {margin-right:5%}
.mobile-push-5 {left:5%}
.mobile-pull-5 {left:-5%}
.mobile-grid-10 {float:left;width:10%}
.mobile-prefix-10 {margin-left:10%}
.mobile-suffix-10 {margin-right:10%}
.mobile-push-10 {left:10%}
.mobile-pull-10 {left:-10%}
.mobile-grid-15 {float:left;width:15%}
.mobile-prefix-15 {margin-left:15%}
.mobile-suffix-15 {margin-right:15%}
.mobile-push-15 {left:15%}
.mobile-pull-15 {left:-15%}
.mobile-grid-20 {float:left;width:20%}
.mobile-prefix-20 {margin-left:20%}
.mobile-suffix-20 {margin-right:20%}
.mobile-push-20 {left:20%}
.mobile-pull-20 {left:-20%}
.mobile-grid-25 {float:left;width:25%}
.mobile-prefix-25 {margin-left:25%}
.mobile-suffix-25 {margin-right:25%}
.mobile-push-25 {left:25%}
.mobile-pull-25 {left:-25%}
.mobile-grid-30 {float:left;width:30%}
.mobile-prefix-30 {margin-left:30%}
.mobile-suffix-30 {margin-right:30%}
.mobile-push-30 {left:30%}
.mobile-pull-30 {left:-30%}
.mobile-grid-35 {float:left;width:35%}
.mobile-prefix-35 {margin-left:35%}
.mobile-suffix-35 {margin-right:35%}
.mobile-push-35 {left:35%}
.mobile-pull-35 {left:-35%}
.mobile-grid-40 {float:left;width:40%}
.mobile-prefix-40 {margin-left:40%}
.mobile-suffix-40 {margin-right:40%}
.mobile-push-40 {left:40%}
.mobile-pull-40 {left:-40%}
.mobile-grid-45 {float:left;width:45%}
.mobile-prefix-45 {margin-left:45%}
.mobile-suffix-45 {margin-right:45%}
.mobile-push-45 {left:45%}
.mobile-pull-45 {left:-45%}
.mobile-grid-50 {float:left;width:50%}
.mobile-prefix-50 {margin-left:50%}
.mobile-suffix-50 {margin-right:50%}
.mobile-push-50 {left:50%}
.mobile-pull-50 {left:-50%}
.mobile-grid-55 {float:left;width:55%}
.mobile-prefix-55 {margin-left:55%}
.mobile-suffix-55 {margin-right:55%}
.mobile-push-55 {left:55%}
.mobile-pull-55 {left:-55%}
.mobile-grid-60 {float:left;width:60%}
.mobile-prefix-60 {margin-left:60%}
.mobile-suffix-60 {margin-right:60%}
.mobile-push-60 {left:60%}
.mobile-pull-60 {left:-60%}
.mobile-grid-65 {float:left;width:65%}
.mobile-prefix-65 {margin-left:65%}
.mobile-suffix-65 {margin-right:65%}
.mobile-push-65 {left:65%}
.mobile-pull-65 {left:-65%}
.mobile-grid-70 {float:left;width:70%}
.mobile-prefix-70 {margin-left:70%}
.mobile-suffix-70 {margin-right:70%}
.mobile-push-70 {left:70%}
.mobile-pull-70 {left:-70%}
.mobile-grid-75 {float:left;width:75%}
.mobile-prefix-75 {margin-left:75%}
.mobile-suffix-75 {margin-right:75%}
.mobile-push-75 {left:75%}
.mobile-pull-75 {left:-75%}
.mobile-grid-80 {float:left;width:80%}
.mobile-prefix-80 {margin-left:80%}
.mobile-suffix-80 {margin-right:80%}
.mobile-push-80 {left:80%}
.mobile-pull-80 {left:-80%}
.mobile-grid-85 {float:left;width:85%}
.mobile-prefix-85 {margin-left:85%}
.mobile-suffix-85 {margin-right:85%}
.mobile-push-85 {left:85%}
.mobile-pull-85 {left:-85%}
.mobile-grid-90 {float:left;width:90%}
.mobile-prefix-90 {margin-left:90%}
.mobile-suffix-90 {margin-right:90%}
.mobile-push-90 {left:90%}
.mobile-pull-90 {left:-90%}
.mobile-grid-95 {float:left;width:95%}
.mobile-prefix-95 {margin-left:95%}
.mobile-suffix-95 {margin-right:95%}
.mobile-push-95 {left:95%}
.mobile-pull-95 {left:-95%}
.mobile-grid-33 {float:left;width:33.33333%}
.mobile-prefix-33 {margin-left:33.33333%}
.mobile-suffix-33 {margin-right:33.33333%}
.mobile-push-33 {left:33.33333%}
.mobile-pull-33 {left:-33.33333%}
.mobile-grid-66 {float:left;width:66.66667%}
.mobile-prefix-66 {margin-left:66.66667%}
.mobile-suffix-66 {margin-right:66.66667%}
.mobile-push-66 {left:66.66667%}
.mobile-pull-66 {left:-66.66667%}
.mobile-grid-100 {clear:both;width:100%}
.mobile-grid-parent {padding-left:0;padding-right:0}
}
@media screen and (min-width: 960px) {
.grid-100:before,.grid-100:after{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.grid-100:after{clear:both}
.push-5,.pull-5,.push-10,.pull-10,.push-15,.pull-15,.push-20,.pull-20,.push-25,.pull-25,.push-30,.pull-30,.push-35,.pull-35,.push-40,.pull-40,.push-45,.pull-45,.push-50,.pull-50,.push-55,.pull-55,.push-60,.pull-60,.push-65,.pull-65,.push-70,.pull-70,.push-75,.pull-75,.push-80,.pull-80,.push-85,.pull-85,.push-90,.pull-90,.push-95,.pull-95,.push-33,.pull-33,.push-66,.pull-66{position:relative}
.hide-on-desktop{display:none !important}
.grid-5{float:left;width:5%}
.prefix-5{margin-left:5%}
.suffix-5{margin-right:5%}
.push-5{left:5%}
.pull-5{left:-5%}
.grid-10{float:left;width:10%}
.prefix-10{margin-left:10%}
.suffix-10{margin-right:10%}
.push-10{left:10%}
.pull-10{left:-10%}
.grid-15{float:left;width:15%}
.prefix-15{margin-left:15%}
.suffix-15{margin-right:15%}
.push-15{left:15%}
.pull-15{left:-15%}
.grid-20{float:left;width:20%}
.prefix-20{margin-left:20%}
.suffix-20{margin-right:20%}
.push-20{left:20%}
.pull-20{left:-20%}
.grid-25{float:left;width:25%}
.prefix-25{margin-left:25%}
.suffix-25{margin-right:25%}
.push-25{left:25%}
.pull-25{left:-25%}
.grid-30{float:left;width:30%}
.prefix-30{margin-left:30%}
.suffix-30{margin-right:30%}
.push-30{left:30%}
.pull-30{left:-30%}
.grid-35{float:left;width:35%}
.prefix-35{margin-left:35%}
.suffix-35{margin-right:35%}
.push-35{left:35%}
.pull-35{left:-35%}
.grid-40{float:left;width:40%}
.prefix-40{margin-left:40%}
.suffix-40{margin-right:40%}
.push-40{left:40%}
.pull-40{left:-40%}
.grid-45{float:left;width:45%}
.prefix-45{margin-left:45%}
.suffix-45{margin-right:45%}
.push-45{left:45%}
.pull-45{left:-45%}
.grid-50{float:left;width:50%}
.prefix-50{margin-left:50%}
.suffix-50{margin-right:50%}
.push-50{left:50%}
.pull-50{left:-50%}
.grid-55{float:left;width:55%}
.prefix-55{margin-left:55%}
.suffix-55{margin-right:55%}
.push-55{left:55%}
.pull-55{left:-55%}
.grid-60{float:left;width:60%}
.prefix-60{margin-left:60%}
.suffix-60{margin-right:60%}
.push-60{left:60%}
.pull-60{left:-60%}
.grid-65{float:left;width:65%}
.prefix-65{margin-left:65%}
.suffix-65{margin-right:65%}
.push-65{left:65%}
.pull-65{left:-65%}
.grid-70{float:left;width:70%}
.prefix-70{margin-left:70%}
.suffix-70{margin-right:70%}
.push-70{left:70%}
.pull-70{left:-70%}
.grid-75{float:left;width:75%}
.prefix-75{margin-left:75%}
.suffix-75{margin-right:75%}
.push-75{left:75%}
.pull-75{left:-75%}
.grid-80{float:left;width:80%}
.prefix-80{margin-left:80%}
.suffix-80{margin-right:80%}
.push-80{left:80%}
.pull-80{left:-80%}
.grid-85{float:left;width:85%}
.prefix-85{margin-left:85%}
.suffix-85{margin-right:85%}
.push-85{left:85%}
.pull-85{left:-85%}
.grid-90{float:left;width:90%}
.prefix-90{margin-left:90%}
.suffix-90{margin-right:90%}
.push-90{left:90%}
.pull-90{left:-90%}
.grid-95{float:left;width:95%}
.prefix-95{margin-left:95%}
.suffix-95{margin-right:95%}
.push-95{left:95%}
.pull-95{left:-95%}
.grid-33{float:left;width:33.33333%}
.prefix-33{margin-left:33.33333%}
.suffix-33{margin-right:33.33333%}
.push-33{left:33.33333%}
.pull-33{left:-33.33333%}
.grid-66{float:left;width:66.66667%}
.prefix-66{margin-left:66.66667%}
.suffix-66{margin-right:66.66667%}
.push-66{left:66.66667%}
.pull-66{left:-66.66667%}
.grid-100{clear:both;width:100%}
}
body {
background: #fff;
font: 12pt "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif;
color: white
}
*,
:focus {
-webkit-tap-highlight-color: #fff;
-webkit-focus-ring-color: #fff;
outline: 0
}
::selection {
background-color: #fff;
color: #1989c7
}
::-moz-selection {
background-color: #fff;
color: #1989c7
}
.cf:before,
.cf:after {
content: " ";
display: table
}
.cf:after {
clear: both
}
h1 {
font-size: 3.4em;
color: #84d0f0;
line-height: 1.2em;
margin: 1em 0 0.25em
}
h2 {
margin: 1em 0;
font-size: 2em
}
h3 {
margin: 0.85em 0;
font-size: 1.5em
}
h4,
h5,
h6 {
margin: 0.75em 0;
font-size: 1.25em
}
p {
font-size: 1.375em;
margin-bottom: 1em
}
input,
textarea {
font-family: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif
}
strong {
font-family: "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif;
}
textarea {
overflow: auto
}
dt,
dd {
display: inline-block;
float: left
}
dt {
font-family: "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif;
clear: left
}
dt.reg {
width: 3.5em
}
.data dt {
font-family: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif
}
.data dd {
clear: left
}
.big {
font-size: 1.5em
}
.large {
font-size: 2em
}
.ultralarge {
font-size: 3em
}
.small {
font-size: 1em
}
.float-right {
float: right
}
.bolder {
font: bold 1em "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif
}
.bold {
font-weight: bold;
font: normal 1em "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif
}
.ultrabold {
font-weight: bold;
font: normal 1em "Brandon Grot W01 Black", Trebuchet, Arial, sans-serif
}
input[type=text] {
border: 0;
border-radius: 0
}
a,
a:visited {
color: #fff;
text-decoration: underline
}
a:hover,
a:focus {
text-decoration: underline
}
a.pdf,
.jobOffer tbody td+td+td+td a {
background: transparent url(../images/aPdf.png) 0 0 no-repeat;
background-size: contain;
width: 37px;
height: 37px;
display: block;
text-indent: -5000em;
margin: 0 auto
}
.img {
padding: 2em 0 1em
}
.img img {
max-width: 100%;
height: auto
}
.mapimg {
height: auto;
width: auto;
max-width: 100%
}
.leftAlone {
width: 90%;
margin: 30px 5%;
height: auto
}
.diamond img.diamond {
margin-top: 4em;
max-width: 100%;
height: auto;
max-width: 202px
}
.jumper {
font-weight: bold;
font: normal 1em "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif
}
.consulting {
color: #006c73
}
.dataManagement {
color: #bfd1c3
}
.execution {
color: #3c88c3
}
.improvement {
color: #0c3b5c
}
.data dt {
color: #DBD78E
}
.data dd {
color: #FF5041
}
ul,
ol {
margin-bottom: 1em
}
ul.bullets {
list-style-type: disc;
margin-left: 1.25em
}
ul.topNoSpace,
ol.topNoSpace {
margin-top: -1em
}
ol.numbers {
list-style-type: decimal;
margin-left: 1.5em
}
#toTop {
position: fixed;
bottom: 40px;
right: 40px
}
#toTop a {
display: block;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
vertical-align: middle;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
color: #000;
font: 64px "FontAwesome";
position: relative
}
#toTop a .fa-stack {
height: 1em;
width: 1em;
line-height: 1em
}
#toTop a .arrow {
color: #fff;
font-size: .666em;
position: absolute;
top: -1px;
left: 0
}
#toTop a,
#toTop a:visited,
#toTop a:hover,
#toTop a:focus {
text-decoration: none
}
#toTop a:hover,
#toTop a:focus {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7
}
.fa-rotate-45 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.5);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
header,
.header {
position: relative;
display: block;
width: 100%;
height: 94px
}
header .grid-container,
.header .grid-container {
height: 94px;
position: relative
}
header a.brand,
header a.brand:visited,
.header a.brand,
.header a.brand:visited {
background: url(../images/logo.png) 50% 0 no-repeat;
background-size: contain;
width: 87px;
height: 73px;
display: block;
text-decoration: none
}
header a.brand h1,
header a.brand:visited h1,
.header a.brand h1,
.header a.brand:visited h1 {
white-space: nowrap;
overflow: visible;
margin: 0;
padding-top: 55px;
font: 1.5em/1.25em "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif;
text-transform: uppercase;
color: #000
}
header a.brand:hover,
header a.brand:focus,
.header a.brand:hover,
.header a.brand:focus {
text-decoration: none
}
header ul,
.header ul {
line-height: 1.25em;
font-size: 1.25em;
display: block
}
header ul li,
.header ul li {
float: left;
display: inline-block;
margin: 0 2em;
font-size: .95em
}
header ul li a,
.header ul li a {
color: #b6b6b6;
text-decoration: none
}
header .mainmenu,
.header .mainmenu {
margin: 45px 0 0 24.5px;
line-height: 1.5em;
display: inline-block;
padding-left: 24.5px;
width: 65%;
width: calc(100% - 186px);
min-width: 823px
}
header .mainmenu li,
.header .mainmenu li {
margin: 0 36.75px 0 0;
position: relative
}
header .mainmenu li a,
.header .mainmenu li a {
color: #999;
display: block;
height: 49px;
line-height: 49px;
vertical-align: middle
}
header .mainmenu li .current,
header .mainmenu li .section,
header .mainmenu li a:hover,
.header .mainmenu li .current,
.header .mainmenu li .section,
.header .mainmenu li a:hover {
color: #fff;
background-color: #BEC0AF
}
header .mainmenu li .current:before,
header .mainmenu li .section:before,
header .mainmenu li a:hover:before,
.header .mainmenu li .current:before,
.header .mainmenu li .section:before,
.header .mainmenu li a:hover:before {
display: block;
content: " ";
position: absolute;
width: 49px;
height: 49px;
left: -49px;
top: 0;
background: -moz-linear-gradient(135deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: -webkit-gradient 135deg, transparent 34.65px, #BEC0AF 34.65px bottom right;
background: -webkit-linear-gradient(315deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: -o-linear-gradient(135deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: -ms-linear-gradient(135deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: linear-gradient(135deg, rgba(0, 0, 0, 0) 34.65px, #bec0af 34.65px) bottom right
}
header .mainmenu li .current:after,
header .mainmenu li .section:after,
header .mainmenu li a:hover:after,
.header .mainmenu li .current:after,
.header .mainmenu li .section:after,
.header .mainmenu li a:hover:after {
display: block;
content: " ";
position: absolute;
width: 49px;
height: 49px;
left: 100%;
top: 0;
background: -moz-linear-gradient(315deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: -webkit-gradient 315deg, transparent 34.65px, #BEC0AF 34.65px bottom right;
background: -webkit-linear-gradient(135deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: -o-linear-gradient(315deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: -ms-linear-gradient(315deg, transparent 34.65px, #BEC0AF 34.65px) bottom right;
background: linear-gradient(315deg, rgba(0, 0, 0, 0) 34.65px, #bec0af 34.65px) bottom right
}
header .submenu,
.header .submenu {
line-height: 1.5em;
display: inline-block;
position: absolute;
top: 0;
right: 325px;
width: 60px
}
header .submenu li a,
.header .submenu li a {
color: #999;
font-size: 12px;
text-transform: none
}
header .submenu .jumper,
.header .submenu .jumper {
font: 0.75em "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif
}
header .group:before,
.header .group:before {
position: relative;
display: block;
color: #999;
font-size: 15px;
line-height: 21px;
text-transform: none;
background: url(../images/arrowDownGu.png) 0 50% no-repeat;
padding-left: 12px;
cursor: pointer
}
header .group,
.header .group {
overflow: hidden;
height: 1.5em;
width: 100px;
display: block;
position: absolute;
margin: 0;
top: 3px;
right: 180px
}
header .group ul,
.header .group ul {
position: relative;
right: 0;
top: 5px;
z-index: 1002
}
header .group li,
.header .group li {
display: block;
clear: both;
background: #a9b097;
width: 100%;
padding: 3px 5px 5px;
margin-left: 0
}
header .group li a,
.header .group li a {
color: #fff;
font-size: 12px;
text-transform: none;
line-height: 1.5em;
display: block;
width: 100%
}
header .translations,
.header .translations {
height: 1.5em;
width: 97px;
display: block;
position: absolute;
margin: 0;
top: 3px;
right: 180px
}
header .translations ul li,
.header .translations ul li {
color: #999;
font-size: 15px;
line-height: 21px;
text-transform: none;
background: url(../images/arrowDownGu.png) 0 10px no-repeat;
padding-left: 12px;
cursor: pointer;
margin: 0
}
header .translations ul ul,
.header .translations ul ul {
display: none;
background: #a9b097;
margin-left: -12px
}
header .translations ul ul li,
.header .translations ul ul li {
background: transparent none;
padding: .2em .4em
}
header .translations ul ul li a,
.header .translations ul ul li a {
color: #fff
}
header .translations ul li:hover ul,
.header .translations ul li:hover ul {
display: block
}
header .group,
.header .group {
right: 280px
}
header .group:hover,
header .group:focus,
header .group.hover_effect,
.header .group:hover,
.header .group:focus,
.header .group.hover_effect {
height: auto
}
header fieldset,
.header fieldset {
position: relative
}
header .searchform,
.header .searchform {
max-height: 24px;
position: absolute;
height: 24px;
width: 163px;
right: 365px;
top: 0
}
header .searchform .search-dropdown-icon,
.header .searchform .search-dropdown-icon {
display: none
}
header .searchform fieldset,
.header .searchform fieldset {
position: relative
}
header .searchform .action,
.header .searchform .action {
display: block;
position: absolute;
top: 0;
left: 0;
background: transparent url(../images/searchBtn.png) 0 50% no-repeat;
border: 0
}
header .searchform .field,
.header .searchform .field {
display: block;
background: transparent url(../images/headerBgSearch.png) 0 1px no-repeat;
height: 24px
}
header .searchform input[type=text],
.header .searchform input[type=text] {
position: absolute;
top: 1px;
left: 33px;
height: 23px;
width: 100px;
padding: 2px 5px;
border-top: 1px solid #c5c7b0;
border-bottom: 1px solid #ecede4
}
header .searchform input[type=submit],
.header .searchform input[type=submit] {
left: auto;
right: -11px;
text-indent: -9999px;
background: transparent url(../images/headerBtnSearch.png) 50% 0 no-repeat;
display: block;
width: 63px;
height: 24px
}
header .menuBlock,
.header .menuBlock {
height: 94px !important
}
.Page .section .grid-container {
padding-top: 5em;
padding-bottom: 5em;
position: relative
}
.main .section .ui-accordion-header:before {
font-family: FontAwesome;
content: '\f0da';
margin: 0 .3em;
display: inline-block;
width: .5em;
text-align: center
}
.main .section .ui-accordion-header {
cursor: pointer
}
.main .section .ui-accordion-header-active:before {
content: '\f0d7'
}
.main .section .diamond li:before {
content: "Ôùå";
font: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif;
position: relative;
display: inline-block;
padding-right: .3em
}
.main .section .diamond li {
font-size: 1.5em;
line-height: 2em
}
.main .section .fa-stack-2x {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50 );
opacity: 0.5
}
.main .section:after {
content: '';
display: table;
clear: both
}
.section0,
.subsites {
background: transparent url(../images/section0bg.png) 45% 0 repeat-y;
width: 100%;
height: 30px;
position: absolute;
overflow: hidden;
z-index: 1001
}
.section0 ul,
.subsites ul {
line-height: 1.5em;
display: block;
position: relative;
margin-left: 0;
padding-left: 12%;
padding-left: calc(10% + 17px)
}
.section0 li:first-child:before,
.subsites li:first-child:before {
display: block;
content: " ";
position: absolute;
width: 30px;
height: 30px;
left: -30px;
top: 0;
background: -moz-linear-gradient(135deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: -webkit-gradient 135deg, transparent 21.2132px, #BEC0AF 21.2132px bottom right;
background: -webkit-linear-gradient(315deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: -o-linear-gradient(135deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: -ms-linear-gradient(135deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: linear-gradient(135deg, rgba(0, 0, 0, 0) 21.2132px, #bec0af 21.2132px) bottom right
}
.section0 li:first-child,
.subsites li:first-child {
padding-left: 30px
}
.section0 li,
.subsites li {
font-size: 1.25em;
float: left;
display: inline-block;
padding: 0 1em 0 0;
margin: 0 !important;
background-color: #BEC0AF;
position: relative
}
.section0 li a,
.subsites li a {
color: #fff;
text-decoration: none;
height: 30px;
line-height: 30px;
vertical-align: middle;
font-family: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif
}
.section0 li a:hover,
.section0 li .section,
.subsites li a:hover,
.subsites li .section {
color: #666
}
.section0 .grid-container,
.subsites .grid-container {
padding: 0 !important
}
.section1 {
background: #0f1c24
}
.section1 div {
color: #b9b9b9;
height: auto !important;
padding-bottom: 1rem;
}
.section1 h1,
.section1 h2,
.section1 h3,
.section1 h4,
.section1 h5,
.section1 h6 {
color: #3a78a6
}
.section1 .fa-stack-1x {
color: #0f1c24
}
.section-big p {
font-size: 1.5em
}
.section-big h1 {
font-size: 4em
}
.section-big h2 {
font-size: 3em
}
.section-big h3 {
font-size: 2em
}
.section-big h4,
.section-big h5,
.section-big h6 {
font-size: 1.5em
}
.section1-2 {
background: #D7E3D8;
color: #474747
}
.section1-2 h1 {
color: #3C3C3C
}
.section1-2 .fa-stack-1x {
color: #D7E3D8
}
.section2 {
background: #00282b
}
.section2 h3,
.section2 div {
color: #007C82
}
.section2 .brighter {
color: #54ABB0
}
.section2 h1 {
color: #fff
}
.section2 .fa-stack-1x {
color: #00282b
}
.section3 {
background: #618168
}
.section3 h3,
.section3 div {
color: #bfd1c3
}
.section3 .brighter {
color: #d3dfd5
}
.section3 .brighter2 {
color: #edf1ed
}
.section3 h1 {
color: #fff
}
.section3 .fa-stack-1x {
color: #618168
}
.section4 {
background: #235073
}
.section4 li {
color: #3c88c3
}
.section4 h4,
.section4 h4+p {
color: #fff
}
.section4 .brighter {
color: #6f9ecf
}
.section4 .brighter2 {
color: #9fbbd8
}
.section4 h1 {
color: #fff
}
.section4 .fa-stack-1x {
color: #235073
}
.section5 {
background: #082236;
color: #5F7B93
}
.section5 h4,
.section5 h4+p,
.section5 h4+p+p {
color: #fff
}
.section5 .brighter {
color: #7392A4
}
.section5 h1 {
color: #fff
}
.section5 .fa-stack-1x {
color: #082236
}
.section5 p {
color: #bfd1c5
}
.section6,
.searchResults {
background: #fff;
color: #666
}
.section6 a,
.searchResults a {
color: #666
}
.section6 .brighter,
.searchResults .brighter {
color: #999
}
.section6 h1,
.searchResults h1 {
color: #666
}
.section6 .fa-stack-1x,
.searchResults .fa-stack-1x {
color: #fff
}
.section7 {
background: #000;
color: #fff
}
.section7 h1 {
color: #8CC38C
}
.section7 h2 {
color: #DDD78D
}
.section7 .fa-stack-1x {
color: #000
}
.section8 {
background: #BFC9A7;
color: #000
}
.section8 h1 {
color: #000
}
.section8 h2 {
color: #DDD78D
}
.section8 .fa-stack-1x {
color: #BFC9A7
}
.section9 {
background: #CEEBF9;
color: #000
}
.section9 h1 {
color: #000
}
.section9 h2 {
color: #DDD78D
}
.section9 .fa-stack-1x {
color: #CEEBF9
}
.section10 {
background: #c0d1c3;
color: #006d7e
}
.section10 h1 {
color: #006d7e
}
.section10 h2 {
color: #006d7e
}
.section10 .fa-stack-1x {
color: #c0d1c3
}
.section11 {
background: #0f1c24;
color: #00a091
}
.section11 h1 {
color: #00a091
}
.section11 h2 {
color: #00a091
}
.section11 .fa-stack-1x {
color: #0f1c24
}
.itdata.section .grid-container,
.career.section .grid-container {
min-height: 800px
}
.searchResults a+p {
margin-bottom: 0
}
.searchResults li {
margin-top: 1em
}
.searchResults li:first-child {
margin-top: 0
}
ul.countries a,
ul.countries a:hover,
ul.countries a:focus,
ul.countries a:visited {
text-decoration: none;
border-bottom: 1px solid #1989c7
}
ul.countries a:hover,
ul.countries a:focus {
color: #84d0f0
}
.map-section {
background: #0f1c24;
color: #fff
}
.map-section h1 {
margin-top: 70px
}
.map-section h2 {
margin: 0.25em 0 0.1em 0
}
.map-section h3 {
font-size: 2em
}
.map-section img {
margin-bottom: 100px
}
.map-section .inner {
margin-top: 94px
}
.map-section .inner li {
margin-bottom: .5em
}
.map-section .inner li:before {
font-family: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif;
content: '\25C6';
margin: 0 5px
}
.map-section .inner .austria:before {
color: #CD84B1
}
.map-section .inner .egypt:before {
color: #fbba00
}
.map-section .inner .france:before {
color: #2E4680
}
.map-section .inner .germany:before {
color: #97BF1A
}
.map-section .inner .iraq:before {
color: #F8E91B
}
.map-section .inner .italy:before {
color: #FBBA00
}
.map-section .inner .netherlands:before {
color: #F8E91B
}
.map-section .inner .oman:before {
color: #006C73
}
.map-section .inner .poland:before {
color: #FAF3A6
}
.map-section .inner .russia:before {
color: #2E4680
}
.map-section .inner .saudiArabia:before {
color: #FBBA00
}
.map-section .inner .southAfrica:before {
color: #139d88
}
.map-section .inner .spain:before {
color: #3C88C3
}
.map-section .inner .switzerland:before {
color: #C1003C
}
.map-section .inner .syria:before {
color: #CD84B1
}
.map-section .inner .turkey:before {
color: #139D88
}
.map-section .inner .unitedKingdom:before {
color: #FAF3A6
}
.map-section .inner .yemen:before {
color: #3C88C3
}
.map-section .inner .assisted:before {
color: #e7f0cf
}
.location {
background: #000 no-repeat 50% 0;
background-size: inherit;
padding: 5em 0;
height: 600px
}
.location h1,
.location h2 {
margin: 0
}
.location [href *="tel:"] {
color: #000;
text-decoration: none
}
.location [href *="tel:"]:hover,
.location [href *="tel:"]:focus {
text-decoration: underline
}
.location-barcelona {
background-image: url("../images/locations/barcelonaBg.jpg")
}
.location-berlin {
background-image: url("../images/locations/berlinBg.jpg")
}
.location-cairo {
background-image: url("../images/locations/cairoBg.jpg")
}
.location-halle {
background-image: url("../images/locations/halleBg.jpg")
}
.location-oberhausen {
background-image: url("../images/locations/oberhausenBg.jpg")
}
.location-johannesburg {
background-image: url("../images/locations/johannesburgBg.jpg")
}
.location-moskow {
background-image: url("../images/locations/moskowBg.jpg")
}
.location-schwetzingen {
background-image: url("../images/locations/schwetzingenBg.jpg")
}
.location-sofia {
background-image: url("../images/locations/sofiaBg.jpg")
}
.location-warsaw {
background-image: url("../images/locations/warsawBg.jpg")
}
.location-zurich {
background-image: url("../images/locations/zurichBg.jpg")
}
.location-dubai {
background-image: url("../images/locations/dubaiBg.jpg")
}
.location+.location {
border-top: 5px solid #0f1c24
}
.company {
background: #000 no-repeat right top;
background-size: cover
}
.office {
background: #E9F0E0 no-repeat right top;
background-image: url("../images/office.jpg");
background-size: cover
}
.company-bg1 {
background-image: url("../images/companyBg1.jpg")
}
.company-bg2 {
background-image: url("../images/companyBg2.jpg")
}
.career {
background: #000 no-repeat right top;
background-size: cover;
position: relative
}
.career h1 {
margin-bottom: 80px
}
.Career .section ul,
.Career .section ol {
margin-bottom: 2.5em
}
.Career .section li {
font-size: 22px
}
.Career .section4 .fa-stack-2x,
.Career .section4 .linktext {
color: #647f88
}
.Career .section4 .fa-stack-1x {
color: #043b5d
}
.Career .section5 {
color: #fff
}
.Career .section5 h4 {
font-weight: bold;
margin-bottom: .25em
}
.Career .section5 .fa-stack-2x,
.Career .section5 .linktext {
color: #b9bbab
}
.Career .section5 .fa-stack-1x {
color: #0f1c24
}
.Career .section10 .fa-stack-2x,
.Career .section10 .linktext {
color: #7f8687
}
.Career .section10 .fa-stack-1x {
color: #c0d1c3
}
.Career .section6 {
padding-bottom: 2em
}
.career-bg1 {
background-image: url("../images/careerBg1.jpg")
}
.jobOffer {
padding-bottom: 1em
}
.jobOffer h4 {
color: #b9bbab
}
.jobOffer table {
border-top: 1px solid #1e688d;
margin-bottom: 1em
}
.jobOffer table thead td {
color: #0090cc;
text-transform: uppercase
}
.jobOffer table td {
font-size: 1.2em;
padding: .25em .5em
}
.jobOffer table td:first-child {
width: 180px
}
.jobOffer table td:first-child+td {
width: 250px
}
.jobOffer table td:first-child+td+td {
width: 180px
}
.jobOffer table td:last-child {
padding-right: 0;
text-align: center
}
.jobOffer table tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.05)
}
.itdata {
background: #000 no-repeat right top;
background-size: cover
}
.itdata-bg1 {
background-image: url("../images/itpersonnel_Bg1.jpg")
}
.itdata-bg2 {
background-image: url("../images/itpersonnel_Bg2.jpg")
}
.itdata-bg3 {
background-image: url("../images/itpersonnel_Bg2.jpg")
}
.itdata-bg4 {
background-image: url("../images/itpersonnel_Bg4.jpg")
}
.itdata-bg5 {
background-image: url("../images/itpersonnel_Bg5.jpg")
}
.contactSubmit {
background: #000 no-repeat right top
}
.name {
position: absolute;
right: 5%;
bottom: 2em;
padding: .25em 1em;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #fff
}
.name p {
margin: 0;
font-size: 1em
}
.name p+p {
padding-top: .25em
}
.img .name {
position: relative;
right: auto;
bottom: 0;
margin-bottom: 1.5em
}
.onPageJumpers li:before {
content: "" !important;
padding: .5em !important
}
.onPageJumpers a {
border-bottom: 2px solid #fff;
text-decoration: none;
font-size: 1.5rem
}
.section5.unsere-leistungen .onPageJumpers li {
margin-bottom: .75rem
}
.section8.unsere-leistungen h3,
.section8.unsere-leistungen li,
.section8.unsere-leistungen p,
.section10.unsere-leistungen h3,
.section10.unsere-leistungen li,
.section10.unsere-leistungen p {
color: #666
}
.section8.unsere-leistungen h1,
.section10.unsere-leistungen h1 {
color: #006d7e
}
.section8.unsere-leistungen h3,
.section10.unsere-leistungen h3 {
font-weight: bold
}
.section8.unsere-leistungen .jump2next,
.section10.unsere-leistungen .jump2next,
.section.salesfunnel .jump2next {
color: #666
}
.section8.unsere-leistungen {
background-color: #ecf3da
}
.section10.unsere-leistungen {
background-color: #bfd1c5
}
.competenceDetail li {
font-size: 22px;
padding-bottom: 16px;
color: #fff
}
.link2cases img,
.link2cases .block {
display: inline-block;
float: left
}
.link2cases img {
clear: both
}
.link2cases .block {
padding-top: 5em
}
.link2cases .block h4 {
text-decoration: underline;
margin-bottom: 0;
font-size: 24px
}
.link2cases .block p a {
text-decoration: none;
font-size: 34px;
font-weight: 700;
line-height: 36px
}
.section.details div,
.section.details h3 {
color: #fff
}
.section.details h3 {
font-weight: 700
}
.section.details .grid-container {
padding-top: 40px
}
.section2 .onPageJumpers a {
border-color: #007C82
}
.section2+.section2 {
border-top: 2px solid #007C82
}
.section3 .onPageJumpers a {
border-color: #bfd1c3
}
.section3+.section3 {
border-top: 2px solid #bfd1c3
}
.section4 .onPageJumpers a {
border-color: #3c88c3
}
.section4+.section4 {
border-top: 2px solid #3c88c3
}
.section5 .onPageJumpers a {
border-color: #5F7B93
}
.section5+.section5 {
border-top: 2px solid #5F7B93
}
.jump2next {
margin: 50px 10px 50px 50px;
display: block;
width: 140px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
color: #b6b6b6;
font-size: 1em;
background: transparent no-repeat 50% top
}
.jump2next span {
width: 100%
}
.jump2next .fa-stack {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50 );
opacity: 0.5
}
.jump2next .fa-stack-1x {
color: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60 );
opacity: 0.6
}
.branches .jump2next {
color: #666;
display: block;
margin: 50px auto
}
.branches .jump2next .fa-stack-1x {
color: #CEEBF9
}
footer,
.footer {
background-color: #96b6c8;
color: #fff
}
footer h1,
.footer h1 {
color: #fff;
margin: 0;
font-size: 2em
}
footer h2,
.footer h2 {
font-size: 1.33em
}
footer fieldset,
.footer fieldset {
width: 80%
}
footer fieldset label,
.footer fieldset label {
display: none
}
footer fieldset .field,
.footer fieldset .field {
float: left;
margin: 1%;
width: 98%;
padding: 1.5%;
background-color: #b0c8d6;
border: 2px solid transparent;
border-radius: 5px
}
footer fieldset .field input,
footer fieldset .field textarea,
.footer fieldset .field input,
.footer fieldset .field textarea {
background-color: #b0c8d6;
width: 100%;
color: #fff;
border: none;
resize: none
}
footer fieldset #Name,
footer fieldset #Company,
.footer fieldset #Name,
.footer fieldset #Company {
width: 48%
}
footer .Actions,
.footer .Actions {
position: relative;
top: -120px;
left: 80%;
height: 70px;
width: 70px
}
footer .Actions input,
.footer .Actions input {
display: block;
height: 70px;
width: 70px;
overflow: hidden;
color: transparent;
border: none;
cursor: pointer;
background: transparent url("../images/footerBtnContact.png") no-repeat 50% 50%
}
footer .menu,
.footer .menu {
margin: 0 0 5em 0
}
footer .menu li,
.footer .menu li {
display: inline-block;
float: left
}
footer .menu li a,
.footer .menu li a {
text-decoration: none;
display: block;
overflow: hidden;
width: 40px;
height: 40px
}
footer .menu li a:before,
.footer .menu li a:before {
line-height: 40px;
font-family: FontAwesome;
text-align: center;
color: #fff;
display: block;
width: 40px;
height: 40px
}
footer .menu li [href *="facebook"]:before,
.footer .menu li [href *="facebook"]:before {
background-color: #2B5997;
content: '\f09a'
}
footer .menu li [href *="facebook"]:hover:before,
.footer .menu li [href *="facebook"]:hover:before {
background-color: #666;
content: '\f09a'
}
footer .menu li [href *="twitter"]:before,
.footer .menu li [href *="twitter"]:before {
background-color: #32AADC;
content: '\f099'
}
footer .menu li [href *="twitter"]:hover:before,
.footer .menu li [href *="twitter"]:hover:before {
background-color: #666;
content: '\f099'
}
footer .menu li [href *="linkedin"]:before,
.footer .menu li [href *="linkedin"]:before {
background-color: #006897;
content: '\f0e1'
}
footer .menu li [href *="linkedin"]:hover:before,
.footer .menu li [href *="linkedin"]:hover:before {
background-color: #666;
content: '\f0e1'
}
footer .menu li [href *="xing"]:before,
.footer .menu li [href *="xing"]:before {
background-color: #00605E;
content: '\f168'
}
footer .menu li [href *="xing"]:hover:before,
.footer .menu li [href *="xing"]:hover:before {
background-color: #666;
content: '\f168'
}
footer .menu .last,
.footer .menu .last {
height: 40px;
padding: 0 15px;
line-height: 40px;
background-color: #999
}
footer ul,
.footer ul {
float: left
}
footer .legal,
.footer .legal {
clear: both
}
footer .legal ul,
.footer .legal ul {
margin: 30px 0
}
footer .legal li,
.footer .legal li {
float: left;
display: inline-block;
margin: 0 40px 0 0
}
footer .legal a,
.footer .legal a {
text-decoration: none;
text-transform: uppercase
}
.Homepage header+.subsites,
.Homepage .header+.subsites,
.level1 header+.subsites,
.level1 .header+.subsites {
display: none
}
.Homepage .section1 {
background: #000 url("../images/hpBgS1.jpg") no-repeat right top;
background-size: cover;
min-height: 1220px
}
.Homepage .section1.section1-2 {
background-image: url("../images/hpBgS1-2.jpg")
}
.Homepage .section1 h1 {
color: #84D0F0;
margin-top: 5em;
margin-bottom: 0.2em
}
.Homepage .section1 .small {
color: #84D0F0;
font-size: 1em
}
.Homepage .section2 {
background: #cdebf9;
color: #666
}
.Homepage .section2 h1 {
color: #99C2C8
}
.Homepage .section2 .jump2next {
color: #99C2C8
}
.Homepage .section2 .jump2next .fa-stack-1x {
color: #cdebf9
}
.Homepage .section6 {
background: #fff url(../images/hpBgS3.png) 50% 0 no-repeat;
padding: 0
}
.Homepage .section6 h1 {
margin-top: 20px
}
.Homepage .section6 h2 {
margin-bottom: 0
}
.Homepage .section6 .jump2next {
color: #666
}
.Homepage .section6 .jump2next .fa-stack-1x {
color: #fff
}
.Homepage .section6 a,
.Homepage .section6 a:visited {
color: #b6b6b6
}
.Homepage .section6 p a,
.Homepage .section6 p a:visited {
color: #1989c7
}
.Homepage .section4 {
background: #bfc8a7;
color: #fff
}
.Homepage .section4 h1 {
color: #fff
}
.Homepage .section4 .jump2next {
color: #183018
}
.Homepage .section4 .jump2next .fa-stack-1x {
color: #bfc8a7
}
.Homepage .left {
padding: 45px 0 80px
}
.Homepage .right {
background: #b6b6b6
}
.Homepage .right .heading {
padding: 16px 0;
background: #999 url(../images/logoPDF.png) 95% 50% no-repeat
}
.Homepage .right .heading h3 {
color: #fff;
margin: 0;
padding-left: 10%
}
.Homepage .right .content a {
display: block;
margin: 0 auto;
text-align: center;
color: #fff !important
}
.Homepage .right .content .leftAlone {
width: auto !important;
margin-bottom: 10px
}
.salesfunnel.section {
background: #bfc8a7
}
.salesfunnel.section img {
width: 100%;
height: auto
}
.salesfunnel.section h1,
.salesfunnel.section h2,
.salesfunnel.section h2 a {
color: #007C82
}
.salesfunnel.section h2 a {
text-decoration: none;
font-weight: bold
}
.salesfunnel.section p {
color: #666;
margin-bottom: 2rem
}
@media screen and (min-width: 960px) {
.salesfunnel.section p {
margin-top: 5rem
}
}
.accordion-wrapper {
position: relative;
min-height: 50em
}
.accordion-action {
position: absolute;
left: -9%;
top: 0;
z-index: 50
}
.accordion-action a {
position: absolute;
left: 0;
display: block;
width: 100%;
text-align: center;
line-height: 100%;
vertical-align: middle;
text-decoration: none;
font-size: 1.1vw;
text-transform: uppercase
}
.accordion-action .kontakte {
height: 19%;
top: 14%;
padding-top: 13%
}
.accordion-action .leadsq {
height: 14%;
top: 33%;
padding-top: 9%
}
.accordion-action .leadse {
height: 12%;
top: 47%;
padding-top: 7%
}
.accordion-action .chance {
height: 10.5%;
top: 59%;
padding-top: 6%
}
.accordion-action .abschluss {
height: 9%;
top: 69.5%;
padding-top: 5%;
color: #666
}
.accordion-action .kunden {
height: 9%;
top: 78.5%;
padding-top: 5%;
color: #666
}
.Homepage .accordion-action {
position: relative
}
.Homepage .accordion-action a {
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.Homepage .accordion-action a:hover {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.funnelinformation {
padding-top: 11%
}
.funnelinformation p {
color: white !important;
margin-top: 2em !important;
font-size: 1rem;
padding-right: 5%
}
.funnelinformation h3 {
position: relative;
padding: .2em .2em .2em 14%;
margin: 0;
cursor: pointer;
background-position: 3% .3rem;
background-size: auto 1.5rem;
background-repeat: no-repeat;
line-height: 1
}
@media screen and (min-width: 960px) {
.funnelinformation h3 {
padding-left: 48%;
background-position: 44% 50%;
background-size: auto 80%
}
}
.funnelinformation h3:after {
content: "";
display: block;
position: absolute;
width: 50%;
height: auto;
background-color: transparent;
left: -40%
}
.funnelinformation h3+div {
padding-left: 5%;
content: '';
display: table;
clear: both;
display: none
}
@media screen and (min-width: 960px) {
.funnelinformation h3+div {
padding-left: 42%
}
}
.funnelinformation h3.kontakte {
background-color: #497092;
background-image: url(../images/pages/sales-competences/kontakte.png)
}
.funnelinformation h3.kontakte+div {
background-color: #497092;
display: table
}
.funnelinformation h3.kontakte:after {
top: 0;
padding-bottom: 20%
}
.funnelinformation h3.leadsq {
background-color: #7077a1;
background-image: url(../images/pages/sales-competences/leadsq.png)
}
.funnelinformation h3.leadsq+div {
background-color: #7077a1
}
.funnelinformation h3.leadsq:after {
top: 20%;
padding-bottom: 20%
}
.funnelinformation h3.leadse {
background-color: #4997a3;
background-image: url(../images/pages/sales-competences/leadse.png)
}
.funnelinformation h3.leadse+div {
background-color: #4997a3
}
.funnelinformation h3.leadse:after {
top: 40%;
padding-bottom: 20%
}
.funnelinformation h3.chance {
background-color: #49baa6;
background-image: url(../images/pages/sales-competences/chance.png)
}
.funnelinformation h3.chance+div {
background-color: #49baa6
}
.funnelinformation h3.chance:after {
top: 60%;
padding-bottom: 20%
}
.funnelinformation h3.abschluss {
background-color: #afd287;
background-image: url(../images/pages/sales-competences/abschluss.png)
}
.funnelinformation h3.abschluss+div {
background-color: #afd287
}
.funnelinformation h3.abschluss+div p {
color: #666 !important
}
.funnelinformation h3.abschluss:after {
top: 80%;
padding-bottom: 20%
}
.funnelinformation h3.kunden {
background-color: #f6cb4c;
background-image: url(../images/pages/sales-competences/kunden.png)
}
.funnelinformation h3.kunden+div {
background-color: #f6cb4c
}
.funnelinformation h3.kunden+div p {
color: #666 !important
}
.funnelinformation h3.kunden:after {
top: 100%;
padding-bottom: 20%
}
.unsere-kompetenzen h1 {
color: #006d7e
}
.unsere-kompetenzen p {
color: #666
}
.unsere-kompetenzen p a {
color: #bfd1c3;
text-decoration: none
}
.unsere-kompetenzen img {
width: 100%;
height: auto
}
.unsere-kompetenzen .competences {
padding-bottom: 10%;
padding-top: 5%
}
.unsere-leistungen .competences {
padding-bottom: 10%;
padding-top: 5%
}
.casesHome a {
text-decoration: none
}
.casesHome a:hover {
text-decoration: underline
}
.casesHome .caseLink h2 {
font-size: 1.5em;
line-height: 1.25em
}
.casesHome .caseLink h2 a {
color: #000
}
.casesHome .caseLink h2,
.casesHome .caseLink h3,
.casesHome .caseLink h4 {
margin: 0
}
.casesHome .caseLink h3,
.casesHome .caseLink h4 {
font-size: 1.1em
}
.casesHome .caseLink h3 a,
.casesHome .caseLink h4 a {
color: #006d7e
}
.casesHome .caseLinkImg img {
width: 100%;
height: auto
}
.casesHome .caseLink.second,
.casesHome .caseLink.third {
padding: 0 1em
}
.casesOv img {
display: block;
margin: 60px auto;
max-width: 370px;
height: auto;
width: 100%
}
.casesOv h3,
.casesOv h4,
.casesOv h5 {
text-align: center;
margin: 0 5%
}
.casesOv h3 a,
.casesOv h4 a,
.casesOv h5 a {
text-decoration: none
}
.casesOv h3 a:hover,
.casesOv h4 a:hover,
.casesOv h5 a:hover {
text-decoration: underline
}
.casesOv h3 a,
.casesOv h5 a {
color: #033d5d
}
.casesOv h3 a {
font-size: 1.25em
}
.casesOv h4 a {
color: #000;
font-size: 1.8em;
line-height: 1.25em
}
.casesOv h5 a {
font-size: 1.5em
}
.casesOv .caseOv.direct {
background-color: #c0d1c3
}
.casesOv .caseOv.general {
background-color: #dcd78c
}
.casesOv .caseOv.consulting {
background-color: #006c73
}
.casesOv .caseOv.consulting h3 a,
.casesOv .caseOv.consulting h5 a {
color: #fff
}
.casesOv .caseOv.darkBackground h3 a,
.casesOv .caseOv.darkBackground h5 a {
color: #fff
}
.casesOv .caseOv.ninaHenny {
background-color: #ceebf9
}
.casesOv .caseOv.database {
background-color: #fff6a7
}
.casesOv .caseOv.tools {
background-color: #c0d1c3
}
.casesOv .caseOv.dataProfiling {
background-color: #95c154
}
.casesOv .caseOv.demandGeneration {
background-color: #c0d1c3
}
.casesOv .caseOv.insideSales {
background-color: #006d7e
}
.casesOv .caseOv.digitalMarketing {
background-color: #c2e5f1
}
.casesOv .caseOv.afterSales {
background-color: #c2e5f1
}
.casesOv .caseOv.customerSatisfaction {
background-color: #95c154
}
.casesOv .caseOv.nurturing {
background-color: #e3d7b0
}
.casesOv .caseOv.coMarketing {
background-color: #fff6a7
}
.casesOv .caseOv {
padding-bottom: 80px
}
.casesOv .caseOv>a {
display: block;
padding: 0 5%
}
.casesOv .caseOv:nth-child(3n+1) {
clear: both
}
.Page .casesOv .grid-container {
padding-top: 0;
padding-bottom: 0
}
.CaseDetail #main ul {
clear: both
}
.CaseDetail #main p,
.CaseDetail #main li,
.CaseDetail #main dd,
.CaseDetail #main dt {
font-size: 1.75em;
font-family: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif
}
.CaseDetail #main dt {
font-size: 2.25em
}
.CaseDetail #main dd,
.CaseDetail #main dt {
float: none;
display: block;
clear: both
}
.CaseDetail #main dd {
margin-top: 1.5em
}
.CaseDetail #main li {
position: relative;
padding-left: 1em
}
.CaseDetail #main li:before {
content: '\003e';
padding-right: .5em;
position: absolute;
left: 0
}
.CaseDetail #main strong {
font-family: "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif
}
.CaseDetail #main ul.icons {
padding-top: 4em
}
.CaseDetail #main ul.icons li {
padding-left: 0
}
.CaseDetail #main ul.icons li:before {
padding: 0;
content: ""
}
.CaseDetail #main ul.icons span {
padding-right: 1.6em
}
.CaseDetail .section {
background-position: 75% 0;
background-repeat: no-repeat;
background-size: cover
}
.CaseDetail .section .aufzaehlung ul {
margin-top: 0em;
}
.CaseDetail .section .aufzaehlung p {
margin-bottom: 0em;
}
.CaseDetail .section1 .abschlussUnten h2 {
margin-bottom: 5em;
}
.CaseDetail .section1 .abschlussUnten p {
margin-bottom: 1em !important
}
.CaseDetail .section ul {
margin: 2em 0
}
.CaseDetail .section.inverse {
background-position: 25% 0;
background-color: #090a0c
}
.CaseDetail .section1 {
background-color: #000;
max-height: 960px;
overflow: hidden
}
.CaseDetail .section1 h1,
.CaseDetail .section1 h2,
.CaseDetail .section1 p {
font-family: "BrandonGrotW01-Regular", Trebuchet, Arial, sans-serif
}
.CaseDetail .section1 h2,
.CaseDetail .section1 p {
color: #fff
}
.CaseDetail .section1 h1 {
font-size: 2em;
color: #dcd78c;
margin: 4em 0 0
}
.CaseDetail .section1 h2 {
font-size: 4em;
line-height: 1.05em;
margin: 0
}
.CaseDetail .section1 p {
font: 1.7em;
margin: .5em 0 40em
}
.CaseDetail .section.inverse h1 {
font-size: 3.4em;
margin: 3em 0 1em
}
.CaseDetail .section6 h2 {
font-size: 2.5em;
color: #1989c7
}
.CaseDetail .section10 .fa-stack-1x {
color: #c0d1c3;
opacity: 1
}
.CaseDetail .section10 .fa-stack-2x {
color: #666;
opacity: 1
}
.CaseDetail .section10 .linktext {
color: #666
}
.CaseDetail .section11 p,
.CaseDetail .section11 h3,
.CaseDetail .section11 li {
color: #fff
}
.CaseDetail .section11 p,
.CaseDetail .section11 li {
line-height: 1.25em
}
.CaseDetail .section11 h3 {
font-family: "Brandon Grot W01 Bold", Trebuchet, Arial, sans-serif;
margin-bottom: 0
}
.CaseDetail .section11 h3+ul {
margin-top: .5em
}
.CaseDetail .cristinaGonzalez {
background-image: url(../images/cases/cristinaGonzalez.jpg)
}
.CaseDetail .cristinaGonzalez.inverse {
background-image: url(../images/cases/cristinaGonzalez_rev.jpg)
}
.CaseDetail .ninaHenny {
background-image: url(../images/cases/ninaHenny.jpg)
}
.CaseDetail .ninaHenny.inverse {
background-image: url(../images/cases/ninaHenny_rev.jpg)
}
.CaseDetail .yvonneMullins {
background-image: url(../images/cases/yvonneMullins.jpg)
}
.CaseDetail .yvonneMullins.inverse {
background-image: url(../images/cases/yvonneMullins_rev.jpg)
}
.CaseDetail .michaelWohlfahrt {
background-image: url(../images/cases/michaelWohlfahrt.jpg)
}
.CaseDetail .michaelWohlfahrt.inverse {
background-image: url(../images/cases/michaelWohlfahrt_rev.jpg)
}
.CaseDetail .andreasAlex {
background-image: url(../images/cases/andreasAlex.jpg)
}
.CaseDetail .andreasAlex.inverse {
background-image: url(../images/cases/andreasAlex_rev.jpg)
}
.CaseDetail .andreasAckermann {
background-image: url(../images/cases/andreasAckermann.jpg)
}
.CaseDetail .andreasAckermann.inverse {
background-image: url(../images/cases/andreasAckermann_rev.jpg)
}
.CaseDetail .dragicaVujovic {
background-image: url(../images/cases/dragicaVujovic.jpg)
}
.CaseDetail .dragicaVujovic.inverse {
background-image: url(../images/cases/dragicaVujovic_rev.jpg)
}
.CaseDetail .joergSchwarz {
background-image: url(../images/cases/jörgSchwarz.jpg)
}
.CaseDetail .joergSchwarz.inverse {
background-image: url(../images/cases/jörgSchwarz_rev.jpg)
}
.CaseDetail .saschaEgner {
background-image: url(../images/cases/saschaEgner.jpg)
}
.CaseDetail .saschaEgner.inverse {
background-image: url(../images/cases/saschaEgner_rev.jpg)
}
.CaseDetail .zesurKurtisov {
background-image: url(../images/cases/zesurKurtisov.jpg)
}
.CaseDetail .zesurKurtisov.inverse {
background-image: url(../images/cases/zesurKurtisov_rev.jpg)
}
.CaseDetail .backgroundBottom {
background-position: 50% 100%;
background-size: contain;
padding-bottom: 800px
}
.CaseDetail .walldorf {
background-image: url(../images/cases/walldorf.jpg)
}
.CaseDetail .berlin {
background-image: url(../images/cases/berlin.jpg)
}
.CaseDetail .hamburg {
background-image: url(../images/cases/hamburg.jpg)
}
.CaseDetail .bensheim {
background-image: url(../images/cases/bensheim.jpg)
}
.CaseDetail .bonn {
background-image: url(../images/cases/bonn.jpg)
}
.CaseDetail .ehningen {
background-image: url(../images/cases/ehningen.jpg)
}
.tiling {
position: absolute;
display: none
}
.tiling .row {
position: absolute;
display: block;
width: 100%;
clear: both
}
.tiling .tile {
display: inline-block;
float: left;
overflow: hidden;
padding: 1px;
position: relative
}
.tiling .tile a,
.tiling .tile p {
display: block;
position: absolute;
top: 15%;
left: 15%;
width: 69%;
height: 69%
}
.tiling .tile img {
width: 100%;
height: auto
}
.tiling:after {
content: '';
display: table;
clear: both
}
.js.csstransforms .tiling {
width: 100%
}
.js.csstransforms .tiling.desktop {
display: block
}
.js.csstransforms .noscript {
display: none
}
.js.csstransforms .tile a,
.js.csstransforms .tile p {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
@media screen and (max-width: 1240px) {
header,
.header {
background-position: right -94px top 0 !important
}
header .translations,
.header .translations {
right: 100px
}
header .submenu,
.header .submenu {
right: 245px
}
.CaseDetail .backgroundBottom {
padding-bottom: 600px
}
}
@media screen and (max-width: 1135px) {
header,
.header {
background-position: right -198px top 0 !important
}
header .translations,
.header .translations {
right: 0
}
header .submenu,
.header .submenu {
right: 145px
}
.CaseDetail .backgroundBottom {
padding-bottom: 540px
}
}
@media screen and (max-width: 1075px) {
header .mainmenu,
.header .mainmenu {
display: block
}
header .mainmenu ul,
.header .mainmenu ul {
padding-left: 100px
}
header .mainmenu li,
.header .mainmenu li {
margin-right: 12px
}
header .mainmenu li .current:before,
header .mainmenu li .section:before,
header .mainmenu li a:hover:before,
.header .mainmenu li .current:before,
.header .mainmenu li .section:before,
.header .mainmenu li a:hover:before {
width: 25px;
left: -25px;
background: -moz-linear-gradient(113deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: -webkit-gradient 113deg, transparent 23.65px, #BEC0AF 23.65px bottom right;
background: -webkit-linear-gradient(357deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: -o-linear-gradient(113deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: -ms-linear-gradient(113deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: linear-gradient(113deg, rgba(0, 0, 0, 0) 23.65px, #bec0af 23.65px) bottom right
}
header .mainmenu li .current:after,
header .mainmenu li .section:after,
header .mainmenu li a:hover:after,
.header .mainmenu li .current:after,
.header .mainmenu li .section:after,
.header .mainmenu li a:hover:after {
width: 25px;
background: -moz-linear-gradient(293deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: -webkit-gradient 293deg, transparent 23.65px, #BEC0AF 23.65px bottom right;
background: -webkit-linear-gradient(173deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: -o-linear-gradient(293deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: -ms-linear-gradient(293deg, transparent 23.65px, #BEC0AF 23.65px) bottom right;
background: linear-gradient(293deg, rgba(0, 0, 0, 0) 23.65px, #bec0af 23.65px) bottom right
}
.section0 li:first-child:before,
.subsites li:first-child:before {
display: block;
content: " ";
position: absolute;
width: 30px;
height: 30px;
left: -30px;
top: 0;
background: -moz-linear-gradient(113deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: -webkit-gradient 113deg, transparent 21.2132px, #BEC0AF 21.2132px bottom right;
background: -webkit-linear-gradient(357deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: -o-linear-gradient(113deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: -ms-linear-gradient(113deg, transparent 21.2132px, #BEC0AF 21.2132px) bottom right;
background: linear-gradient(113deg, rgba(0, 0, 0, 0) 21.2132px, #bec0af 21.2132px) bottom right
}
}
@media screen and (max-width: 1015px) {
header,
.header {
background-image: none
}
.CaseDetail .backgroundBottom {
padding-bottom: 500px
}
}
@media screen and (max-width: 992px) {
.unsere-kompetenzen .competences,
.unsere-leistungen .competences {
padding: 5% 10% 10%
}
}
@media screen and (min-width: 960px) {
header,
.header {
background: transparent url(../images/headerBgOver.png) 100% 0 no-repeat
}
header a.brand,
header a.brand:visited,
.header a.brand,
.header a.brand:visited {
float: left;
margin-left: 7%;
margin-left: calc(10% - 64px)
}
.ui-accordion-content {
font-size: 1.125em
}
}
@media screen and (max-width: 959px) {
p {
font-size: 1.25em
}
#menuCaller:before {
content: "\f0c9";
font: 27px "FontAwesome";
line-height: 47px;
vertical-align: middle
}
#menuCaller {
display: block;
width: 47px;
height: 47px;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
background: transparent;
color: #666
}
#menuCaller.active {
background: #bfc8a7;
color: #fff
}
.menuBlock {
display: none
}
.menuBlock.active {
height: auto;
width: 100%;
display: block;
position: absolute;
top: 47px;
left: 0;
z-index: 5000;
background: #bfc8a7
}
.mainmenu,
.searchform,
.group,
.translations {
display: block
}
.submenu {
display: inline-block
}
.grid-container {
padding: 0
}
.inner {
margin-top: 1em;
margin-bottom: 1em
}
ul.countries {
padding-bottom: 1.5em
}
.leftAlone {
margin-bottom: 0 !important
}
header a.brand,
header a.brand:visited,
.header a.brand,
.header a.brand:visited {
float: none;
margin: 0 auto;
text-align: center
}
header .mainmenu,
.header .mainmenu {
width: 100%;
background-color: #bfc8a7;
margin: 0;
padding: .5em 1em;
min-width: 0
}
header .mainmenu ul,
.header .mainmenu ul {
padding-left: 0
}
header .mainmenu li,
.header .mainmenu li {
width: 97%
}
header .mainmenu li a,
.header .mainmenu li a {
color: #fff;
padding: .5em .5em;
display: block;
height: auto;
line-height: inherit
}
header .mainmenu li .current:before,
header .mainmenu li .section:before,
header .mainmenu li a:hover:before,
header .mainmenu li .current:after,
header .mainmenu li .section:after,
header .mainmenu li a:hover:after,
.header .mainmenu li .current:before,
.header .mainmenu li .section:before,
.header .mainmenu li a:hover:before,
.header .mainmenu li .current:after,
.header .mainmenu li .section:after,
.header .mainmenu li a:hover:after {
display: none
}
header .mainmenu li .current,
.header .mainmenu li .current {
background: transparent;
color: #fff
}
header .menuBlock,
.header .menuBlock {
height: auto !important
}
header .submenu,
header .searchform,
header .group,
header .translations,
.header .submenu,
.header .searchform,
.header .group,
.header .translations {
position: relative;
right: 0;
background: #b6b6b6 none;
width: 100%
}
header .submenu,
.header .submenu {
width: 100%;
display: inline-block;
position: relative;
right: 0;
top: 0;
padding: .5em 0;
margin-top: -8px
}
header .submenu li,
.header .submenu li {
width: 90%;
display: block;
float: none;
margin-left: 1.3em
}
header .submenu li a,
.header .submenu li a {
display: block;
text-transform: uppercase;
font-size: 1em;
padding: .25em .5em .25em 0;
color: #fff
}
header .searchform,
.header .searchform {
width: 100%;
position: relative;
right: 0;
top: -.5em;
padding: 12px 1.5em;
max-height: 48px;
height: auto
}
header .searchform input[type=text],
.header .searchform input[type=text] {
width: 150px
}
header .searchform input[type="submit"],
.header .searchform input[type="submit"] {
right: auto;
left: 160px;
top: 1px
}
header .group:before,
.header .group:before {
font-size: 1em;
color: #fff;
background-image: url(../images/arrowDown.png);
margin-left: 1.5em
}
header .group,
header .translations,
.header .group,
.header .translations {
width: 100%;
position: relative;
right: 0;
top: 0;
margin: 0;
height: auto
}
header .group li,
header .translations li,
.header .group li,
.header .translations li {
background: #c4c4c4
}
header .group li a,
header .translations li a,
.header .group li a,
.header .translations li a {
padding: 0 0 .3em 2.5em
}
header .group li:first-child a,
header .translations li:first-child a,
.header .group li:first-child a,
.header .translations li:first-child a {
padding-top: .3em
}
header .translations ul li,
.header .translations ul li {
display: block;
width: 90%;
background-image: none;
padding-left: 0;
margin: 0 1.3em 0 1.3em;
padding-top: .5em
}
header .translations ul ul,
.header .translations ul ul {
display: block;
margin-bottom: .5em;
margin-left: 0
}
header .translations ul ul li,
.header .translations ul ul li {
display: block;
width: 100%;
margin: 0
}
header .translations ul ul li a,
.header .translations ul ul li a {
padding-left: .5em
}
.footer .menu {
float: right
}
.Homepage .main .section1 {
background: #000 none
}
.Homepage .main .section1 h1 {
margin-top: 90px;
font-size: 56px
}
.Homepage .main .section1 .img {
padding: 0
}
.Homepage .main .section2 img,
.Homepage .main .section4 img,
.Homepage .main .section5 img {
margin: 30px 0;
width: 100%
}
.Homepage .main .section3 {
background-image: none
}
.Homepage .main .left {
padding-bottom: 40px
}
.Homepage .main .right {
background: transparent
}
.Homepage .main .right .heading {
background-color: transparent
}
.Homepage .main .right .heading h3 {
padding-left: 0;
color: #1989c7
}
.Homepage .main .right .content a {
color: #666 !important
}
.Homepage .main .inner {
margin-top: 32px;
margin-bottom: 32px
}
.Page .section h1 {
font-size: 2.4em
}
.diamond img.diamond {
margin-top: 0
}
.subsites,
.section0 {
background: #BEC0AF none;
height: auto
}
.subsites li:first-child,
.section0 li:first-child {
padding-left: 0
}
.subsites ul,
.section0 ul {
padding-left: 1em
}
.section0 li:first-child:before,
.subsites li:first-child:before {
background: transparent none;
width: 0;
height: 0
}
.section0+.section {
padding-top: 3em
}
.location {
height: 600px
}
.location h1,
.location h2,
.location dt,
.location dd {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.67);
padding: 2px 10px
}
.location-barcelona {
background-image: url("../images/locations/barcelonaBg_mob.jpg")
}
.location-berlin {
background-image: url("../images/locations/berlinBg_mob.jpg")
}
.location-cairo {
background-image: url("../images/locations/cairoBg_mob.jpg")
}
.location-halle {
background-image: url("../images/locations/halleBg_mob.jpg")
}
.location-johannesburg {
background-image: url("../images/locations/johannesburgBg_mob.jpg")
}
.location-moskow {
background-image: url("../images/locations/moskowBg_mob.jpg")
}
.location-schwetzingen {
background-image: url("../images/locations/schwetzingenBg_mob.jpg")
}
.location-sofia {
background-image: url("../images/locations/sofiaBg_mob.jpg")
}
.location-warsaw {
background-image: url("../images/locations/warsawBg_mob.jpg")
}
.location-zurich {
background-image: url("../images/locations/zurichBg_mob.jpg")
}
.location-dubai {
background-image: url("../images/locations/dubaiBg_mob.jpg")
}
.career,
.company,
.itdata {
background-image: none
}
.jobOffer table,
.jobOffer thead,
.jobOffer tbody,
.jobOffer th,
.jobOffer td,
.jobOffer tr {
display: block;
height: auto !important;
width: auto !important
}
.jobOffer table thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.jobOffer table tr {
border: 1px 0 0 0 solid #84d0f0;
margin-top: 10px
}
.jobOffer table td {
border: none;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left
}
.jobOffer table td:first-child {
width: auto
}
.jobOffer table td a.pdf {
margin-left: 0
}
.jobOffer table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
line-height: 1em;
font-size: .8em;
padding-right: 10px;
text-align: left;
color: #0090cc;
text-transform: uppercase
}
.jobOffer table td:first-child:before {
content: "Position"
}
.jobOffer table td:first-child+td:before {
content: "Field of responsibilities"
}
.jobOffer table td:first-child+td+td:before {
content: "Location"
}
.jobOffer table td:first-child+td+td+td a:before {
position: absolute;
top: 16px;
left: 50%;
width: 45%;
line-height: 1em;
font-size: 12px;
padding-right: 10px;
text-align: left;
color: white;
text-transform: uppercase;
content: "Download (PDF)";
text-indent: 0
}
#toTop {
bottom: 20px;
right: 20px
}
.casesOv .caseOv:nth-child(3n+1) {
clear: none
}
.casesOv .caseOv:nth-child(2n+1) {
clear: both
}
.casesOv h3 a {
font-size: 1.1em
}
.casesOv h4 a {
font-size: 1.4em;
line-height: 1.1em;
padding-bottom: .2em
}
.casesOv h5 a {
font-size: 1.25em
}
.CaseDetail .backgroundBottom {
padding-bottom: 300px
}
.CaseDetail .walldorf {
background-image: url(../images/cases/walldorf_mob.jpg)
}
.CaseDetail .berlin {
background-image: url(../images/cases/berlin_mob.jpg)
}
.CaseDetail .hamburg {
background-image: url(../images/cases/hamburg_mob.jpg)
}
.CaseDetail .section1 {
max-height: none;
background-image: none !important
}
.CaseDetail .section1 p {
margin-bottom: 1.5em
}
.CaseDetail .section.inverse h1 {
margin-top: 1.5em
}
.casesHome .caseLink.second,
.casesHome .caseLink.third {
padding: 0
}
.casesHome .caseLink {
margin-bottom: 1.5em
}
.casesHome .caseLink img,
.casesHome .caseLink div {
display: inline-block;
float: left
}
.casesHome .caseLink img {
width: 40%;
max-width: 250px;
height: auto
}
.casesHome .caseLink div {
width: 60%;
padding-left: 1em
}
.casesHome .caseLink:after {
content: "";
position: relative;
display: block;
clear: both
}
.js.csstransforms .tiling {
width: 90%
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
header a.brand,
header a.brand:visited,
.header a.brand,
.header a.brand:visited {
background-image: url(../images/retina/logo2x.png)
}
.Homepage .right .heading {
background-image: url(../images/retina/logoPDF2x.png);
background-size: auto 37px
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-moz-min-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3 / 1),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 288dpi),
only screen and (min-resolution: 3dppx) {
header a.brand,
header a.brand:visited,
.header a.brand,
.header a.brand:visited {
background-image: url(../images/retina/logo3x.png)
}
header .Homepage .right .heading,
.header .Homepage .right .heading {
background-image: url(../images/retina/logoPDF3x.png);
background-size: auto 37px
}
}
.no-cssgradients header .mainmenu li .current:before,
.no-cssgradients header .mainmenu li .section:before,
.no-cssgradients header .mainmenu li a:hover:before,
.no-cssgradients .header .mainmenu li .current:before,
.no-cssgradients .header .mainmenu li .section:before,
.no-cssgradients .header .mainmenu li a:hover:before {
background: transparent url(../images/mainmenuBefore.png) 0 100% no-repeat
}
.no-cssgradients header .mainmenu li .current:after,
.no-cssgradients header .mainmenu li .section:after,
.no-cssgradients header .mainmenu li a:hover:after,
.no-cssgradients .header .mainmenu li .current:after,
.no-cssgradients .header .mainmenu li .section:after,
.no-cssgradients .header .mainmenu li a:hover:after {
background: transparent url(../images/mainmenuAfter.png) 100% 0 no-repeat
}
.no-cssgradients .section0 li:first-child:before,
.no-cssgradients .subsites li:first-child:before {
background: transparent url(../images/mainmenuBefore.png) 0 100% no-repeat
}
@media screen and (min-width: 768px) {
.no-js .Homepage .caseLink.second,
.no-js .Homepage .caseLink.third {
padding-top: 240px
}
}
/* Axivas × Make Relations */
.sticker {
position: fixed;
right: 0;
top: 30vh;
display: block;
z-index: 100;
}
.sticker a {
display: block;
width: 60px;
height: 160px;
background: #fff url(../images/axivas-make-relations-small.png) 50% 50%/17px auto no-repeat;
}
@media screen and (max-width:480px) {
.sticker {
top: 10vh;
}
.sticker a {
width: 28px;
height: 116px;
background-size: 13px auto;
}
}
.footer fieldset .field.checkbox input {
width: auto;
}
.footer fieldset .field.checkbox label {
display: inline;
background-color: transparent;
}
#Form_Form + p {
font-size: 1rem;
margin-top: -4rem;
margin-bottom: 2rem;
padding-left: .75rem;
padding-right: 6.75rem;
}
.ui-accordion div li {
padding-left: 1.5rem;
}
.ui-accordion div > ul > li + li {
padding-top: 1rem;
}
.ui-accordion div > p {
font-size: 1.25rem;
}