.frontendBody {
width: 100%;
background-color: #ffffff;
}


#pagecontent {
width: 1800px;
max-width: 100%;
padding: 0;
margin: 0 auto;
position: relative;
background-color: #ffffff;
}

header {
display: block;
width: 100%;
box-sizing: border-box;
border: 0;
margin: 0 auto;
padding: 0;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}

header.headerStatic {
position: absolute;
}

.header-wrapper {
display: inline-block;
width: 1800px;
max-width: 100%;
padding-top: 50px;
padding-left: 100px;
padding-right: 100px;
vertical-align: middle;
position: relative;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.pageLogo {
float: left;
display: inline-block;
width: 126px;
margin-top: 1.25em;
overflow: hidden;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.pageLogo a {
display: block;
width: 126px;
min-width: 126px;
}

.pageLogo a img {
display: block;
}

.header--scrolled .pageLogo {
width: 34px;
margin-left: 0;
}

nav {
position: fixed;
top: -100%;
left: 0;
z-index: 2000;
display: block;
width: 100%;
height: 100%/*100%*/;
box-sizing: border-box;
padding: 2em;
text-align: center;
color: #ffffff;
background-color: rgba(58,104,117,1);
opacity: 0;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}

nav::-webkit-scrollbar {
display: none;
}

.mainNaviWrapper {
display: inline-block;
width: 1400px;
max-width: 100%;
padding: 120px 2em 200px 2em;
margin: 0 auto;
}

.mainNavi {
display: block;
width: 100%;
max-width: 100%;
list-style-type: none;
box-sizing: border-box;
padding: 0;
margin: 0;
margin-bottom: 5em;
}

.mainNavi li {
display: block;
width: auto;
box-sizing: border-box;
padding: 0;
text-align: left;
position: relative;
}

.mainNavi > li > a {
font-family: "AvertaBold";
font-weight: normal;
font-size: 4em;
line-height: initial;
}

.mainNavi li a:hover {
color: #c4dddf;
}

.navButton, 
a.navButton {
display: block;
padding: 0.4em 0 0.425em 0;
border-bottom: 1px solid #ffffff;
position: relative;
}

a.navButton:after {
content: attr(data-status);
display: block;
width: 50px;
height: 50px;
box-sizing: border-box;
padding: 0;
font-family: "AvertaLight";
font-weight: normal;
font-size: 100%;
line-height: 0.55;
text-align: right;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}

a.navButton.navButton__directlink {
/**/
}

.mainNavi li > div.navdirectlinkOpener {
position: absolute;
top: 4.5em;
right: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: center;
width: 50px;
height: 50px;
}

.mainNavi li > div.navdirectlinkOpener > a {
width: 50px;
height: 50px;
font-family: "AvertaLight";
font-weight: normal;
font-size: 4.5em;
line-height: 0.45;
}

a.navButton.navButton__directlink:after {
display: none;
}

a.navButton:hover {
color: #CAE1E7;
}

.navButton__active {
color: #ffffff;
font-family: "AvertaBold";
font-weight: normal;
}

.mainNavi li a.navButton__active:hover {
color: #ffffff;
}

nav.openNav {
top: 0;
opacity: 1;
}

nav .buttonStyle {
white-space: nowrap;
position: relative;
}

nav .buttonStyle:hover {
color: #3a6875;
background-color: #d5d305;
border-color: #d5d305;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}

nav .subNavi {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 3em 0 3em 0;
border-top: 3px solid #ffffff;
border-bottom: 4px solid #ffffff;
font-family: "Averta";
font-weight: normal;
}

nav .subNavi li {
width: 33.333%;
/*min-height: 150px;*/
padding: 0 2em 2em 0;
}

nav .subNavi > li > a {
display: block;
padding: 0.125em 0 0.125em 0;
font-size: 2.2em;
color: #CAE1E7;
font-family: "Averta";
font-weight: normal;
}

nav .subNavi > li > a:hover, 
nav .subNavi > li > a.activeSubpage {
color: #ffffff;
}

nav .subNavi > li > span.subNaviAnchorOpener {
position: absolute;
top: 26px;
right: 26px;
width: 30px;
height: 30px;
font-size: 2.2em;
line-height: 0.75;
text-align: center;
cursor: pointer;
display: none;
}

nav .subNavi > li > div.subNaviAnchorwrapper {
margin-bottom: 1em;
}

nav .subNavi > li > div.subNaviAnchorwrapper.subNaviAnchorwrapper-opened {
display: block;
}

nav .subNavi > li > div.subNaviAnchorwrapper > a {
display: block;
margin: 0.75em 0 0.75em 0;
font-size: 1.25em;
color: #CAE1E7;
}

nav .subNavi > li > div.subNaviAnchorwrapper > a:hover {
color: #ffffff;
}

.navBottom > a:not(.navButton) {
display: inline-block;
margin: 0 1em 1em 0;
font-size: 1.875em;
}

.navBottom .navButton {
display: inline-block;
margin: 0 1em 1em 0;
font-size: 1.2em;
}

.navBottom .width-50:nth-child(1) {
margin-top: 0.75em;
}

.navBottom .width-50:nth-child(2) {
white-space: nowrap;
}

.navBottom .subNavi {
display: none;
}

nav .buttonStyle.clientPortalButton {
padding-left: 2.5em;
margin-right: 1em;
background-image: url(../images/clientportal-icon.svg);
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 0.8em 0.9em;
}

nav .buttonStyle.clientPortalButton:hover {
color: #ffffff;
}

.mobileNaviOpener {
float: right;
display: inline-block;
width: 72px;
height: 72px;
border-radius: 50%;
border: 2px solid;
border-color: #d5d305;
margin-right: -3em;
text-align: center;
line-height: 0;
cursor: pointer;
z-index: 2001;
position: relative;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.mobileNaviOpener span {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25%;
display: inline-block;
width: 50%;
height: 3px;
background-color: #d5d305;
line-height: 0;
opacity: 1;
overflow: hidden;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}

.mobileNaviOpener:hover span {
background-color: #999999;
}

.mobileNaviOpener:hover {
border-color: #999999;
}

.mobileNaviOpener span:nth-child(1) {
margin-top: -12%;
}

.mobileNaviOpener span:nth-child(2) {
-webkit-transition: width 0.3s, opacity 0.25s;
-moz-transition: width 0.3s, opacity 0.25s;
-o-transition: width 0.3s, opacity 0.25s;
transition: width 0.3s, opacity 0.25s;
}

.mobileNaviOpener span:nth-child(3) {
margin-top: 12%;
}

.mobileNaviOpener.opened {
border-color: #ffffff;
background-color: rgba(58,104,117,1);
}

.mobileNaviOpener.opened span {
margin-top: 0;
background-color: #ffffff;
}

.mobileNaviOpener.opened span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.mobileNaviOpener.opened span:nth-child(2) {
width: 0;
opacity: 0;
}

.mobileNaviOpener.opened span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.mobileNaviOpener.whiteSyle {
border-color: #ffffff;
background-color: transparent;
}

.mobileNaviOpener.whiteSyle span {
background-color: #ffffff;
}

main {
display: block;
width: 100%;
max-width: 100%;
min-height: 600px;
box-sizing: border-box;
border: 0;
padding-top: 150px;
z-index: 1;
overflow: hidden;
-webkit-transition: height 0.25s;
-moz-transition: height 0.25s;
-o-transition: height 0.25s;
transition: height 0.25s;
position: static;
}

main.main--topPadding {
padding-top: 40px;
}

.fullBox {
display: inline-block;
width: 100%;
}

.contentBox {
display: inline-block;
width: 1400px;
max-width: calc(100% - 200px);
margin: 0 100px 0 100px;
position: relative;
}

.contentBox.introBox {
width: 100%;
max-width: 100%;
margin: 0 auto;
}

.contentBox.introBox .imgBox {
margin-right: 45px;
overflow: hidden;
}

.contentBox.introBox .imgBox img {
max-width: 100%;
height: auto;
}

.contentBox.introBox .flexslider {
margin: 0;
}

.contentBox.introBox .flexslider a.imgBgCover {
float: inherit;
display: block;
width: 100%;
height: inherit;
min-height: inherit;
position: relative;
}

/* hide introbox slider controls */
.contentBox.introBox .flex-control-nav {
display: none;
}

.contentBox.contentBox--streched {
display: block;
width: 100%;
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper {
width: 1464px;
max-width: calc(100% - 136px);
flex-wrap: wrap;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-50 h2 {
width: 600px;
max-width: 100%;
margin: 0;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper div.paddingBox hr {
margin: 0 0 2em 0;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper h3, 
.contentBox.flexStyle.flexStyle-25boxeswrapper p {
display: block;
font-size: 1.5em;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper p {
margin: 0;
}

.halfsizeOpaque {

}

.paddingBox {
padding: 2em;
}

.verticalPaddingBox {
padding: 2em 0 2em 0;
}

.verticalPaddingBannerStyle {
padding: 100px 0 100px 0;
}

.horizontalPaddingBox {
padding: 0 2em 0 2em;
}

.horizontalPaddingLeftBox {
padding-left: 2em;
}

.horizontalPaddingRightBox {
padding-right: 2em;
}

.paddingTextBox {
padding: 0 2em 0 2em;
}

.fullBox.bannerStyle {
width: 100%;
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
/*padding: 100px 2em 100px 2em;*/
padding: 100px 0 100px 0;
}

.fullBox.bannerStyle .contentBox {
width: 800px;
max-width: 100%;
margin: 0 auto;
}

.fullBox.bannerStyle.bannerimage {
display: block;
padding: 0 !important;
}

.fullBox.bannerStyle.bannerimage .contentBox.imgBgCover {
display: block;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}

.fullBox.bannerStyle.quotation {
/**/
}

.fullBox.bannerStyle.quotation .contentBox {
width: 900px;
max-width: 100%;
margin: 0 auto;
text-align: left;
}

.fullBox.bannerStyle.quotation .h2Style {
display: inline-block;
margin-bottom: 0.75em;
text-align: left;
position: relative;
}

.fullBox.bannerStyle.quotation .h2Style:before {
content: '\201E';
font-size: 2.5em;
line-height: 0;
color: #3A6875;
position: absolute;
left: -1em;
top: 0;
}

.fullBox.bannerStyle.bannerteaser {
position: relative;
}

.fullBox.bannerStyle.bannerteaser .contentBox {
display: flex;
flex-wrap: wrap;
width: 1400px;
max-width: calc(100% - 200px);
margin: 0 auto;
}

.fullBox.bannerStyle.bannerteaser .contentBox .absolutePositioned.absolutePositioned--centerLeft.rotatedStyle {
left: -3em;
}


.flexStyle {
display: flex;
/*flex-wrap: wrap;*/
margin: 0 auto;
justify-content: center;
align-items: flex-start;
}

.flexStyle--space-between {
justify-content: space-between;
}

.flexStyle.alignLeft {
justify-content: left;
}

.contentCentered {
display: flex;
align-items: center;
justify-content: center;
}

.flexStyle.alignRight {
justify-content: flex-end;
}

.blockStyle, 
.blockImg {
display: block;
}

.blockImg {
height: auto;
}

.inlineBlock {
display: inline-block;
vertical-align: top;
}

.floatLeft {
float: left;
display: block;
}

.floatRight {
float: right;
display: block;
}

.width-auto {
width: auto !important;
}

.width-100 {
width: 100%;
}

.width-25 {
width: 25%;
}

.width-50 {
width: 50%;
}

.width-33 {
width: 33.333%;
}

.width-66 {
width: 66.666%;
}

.max-formwidth {
width: 810px;
max-width: 100%;
}

.max-formwidth p.fontBigger {
width: 660px;
max-width: 100%;
}

/**/
.text-Image-left .contentBox_textWrapper {
float: left;
padding: 0 0 0 4em;
text-align: left;
}

.text-Image-right .contentBox_textWrapper {
float: left;
padding: 0 2em 0 0;
text-align: left;
}

.text-Image-left .contentBox_imageWrapper {
float: left;
width: calc(50% + 7.5em);
margin-left: -155px;
text-align: center;
}

.text-Image-right .contentBox_imageWrapper {
float: right;
width: calc(50% + 7.5em);
margin-right: -155px;
text-align: center;
}

.text-Image-left .contentBox_textWrapper .valignBottom, 
.text-Image-right .contentBox_textWrapper .valignBottom {
position: absolute;
bottom: 0;
left: 0;
padding: inherit;
}

.introClaimWrapper {
position: absolute;
left: 0;
bottom: 3em;
z-index: 2;
width: 100%;
text-align: center;
}

div[id*="cblock_"] .introClaimWrapper {
pointer-events: none;
}

.introClaimDelimiter {
display: inline-block;
width: 1400px;
max-width: calc(100% - 200px);
margin: 0 100px 0 100px;
overflow: hidden;
position: relative;
}

.teaser-beforeClaim {
display: block;
padding: 0.5em 0.5em 0 0;
margin: 0 0 0.75em 0;
font-family: "AvertaBold";
font-size: 1.875em;
}

.introClaimWrapper .teaser-beforeClaim {
display: inline-block;
box-sizing: border-box;
padding: 0.5em 0.5em 0.75em 0;
margin: 0 0 1px 0;
background-color: #ffffff;
}

.introClaimWrapper .teaser-beforeClaim:after {
content: '';
display: block;
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.claim-BigStyle {
display: inline;
font-size: 5em;
line-height: 1.2;
/*background-color: #eeeeee;*/
font-family: "AvertaBold";
font-weight: normal;
margin-bottom: 0;
}

.claim-BigStyle > span.bg-whiteStyle {
display: inline;
white-space: pre-wrap;
}

.introClaimWrapper p {
width: 850px;
max-width: 100%;
margin: 0;
}

.introClaimDelimiter div {
width: 850px;
max-width: 100%;
margin: 0;
}

ul.strokeList {
list-style-type: none;
padding: 0;
}

ul.strokeList li {
display: block;
width: auto;
box-sizing: border-box;
padding: 0 0 0 1em;
margin: 0;
position: relative;
}

ul.strokeList li:before {
content: '';
position: absolute;
left: 0;
top: 0.65em;
display: block;
width: 0.4em;
height: 1px;
box-sizing: border-box;
margin: 0 0.5em 0 0;
background-color: #000000;
}

/**/
ul.arrowList {
list-style-type: none;
padding: 0;
margin-bottom: 1em;
font-size: 1.1875em;
}

ul.arrowList li {
padding-left: 1.75em;
margin: 0 0 1.2em 0;
background-image: url(../images/arrowlist-icon.svg);
background-repeat: no-repeat;
background-size: 19px auto;
background-position: 0 0.25em;
}

/**/


ul.benefitsList {
list-style-type: none;
padding: 0;
font-size: 1.5em;
}

ul.benefitsList li {
display: block;
width: auto;
box-sizing: border-box;
padding: 0 0 0 1.1em;
margin: 0;
position: relative;
}

ul.benefitsList li:before {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 1em;
height: 1.5em;
box-sizing: border-box;
margin: 0;
background-image: url(../images/benefit-icon.svg);
background-repeat: no-repeat;
background-position: left center;
}

ul.benefitsList li.disadvantage, 
li.disadvantage {
/**/
}

ul.benefitsList li.disadvantage:before {
background-image: url(../images/disadvantage-icon.svg);
}


ul.jobList {
list-style-type: none;
padding: 0;
margin-bottom: 1em;
font-size: 1.375em;
}

ul.jobList li {
padding: 0.8em 0 0.8em 0;
border-bottom: 1px solid #c4dddf;
}

ul.jobList li a {
color: #3a6875;
}

ul.jobList li a:hover {
color: #141b34;
}

/**/
ul.inlineSubnavi {
list-style-type: none;
max-width: 400px;
max-height: 100%;
padding: 0;
margin: 0;
font-size: 1.1875em;
-webkit-transition: max-height 0.4s;
-moz-transition: max-height 0.4s;
-o-transition: max-height 0.4s;
transition: max-height 0.4s;
}

ul.inlineSubnavi li {
padding: 0;
color: #3A6875;
}

ul.inlineSubnavi li span {
display: inline-block;
margin-bottom: 0.75em;
font-family: "AvertaBold";
}

ul.inlineSubnavi li span:after {
content: '';
float: left;
display: block;
width: 26px;
height: 26px;
margin-left: -30px;
background-image: url(../images/arrow-icon.svg);
background-repeat: no-repeat;
background-size: 19px auto;
background-position: center center;
}

ul.inlineSubnavi li a {
display: inline-block;
padding: 0.2em 0 0.2em 0;
color: #93b7ba;
font-family: "Averta";
}

ul.inlineSubnavi li a:hover {
color: #3a6875;
}

ul.inlineSubnavi.topFixed {
position: fixed;
top: 3.9em;
z-index: 1000;
max-height: 1.5em;
padding-left: 1.5em;
padding-right: 1.5em;
margin-left: -1.5em;
/*background-color: #ffffff;*/
overflow: hidden;
}

ul.inlineSubnavi.topFixed:hover {
max-height: 100%;
}

ul.inlineSubnavi.topFixed li:nth-child(1) {
margin-bottom: 0.3em;
}

ul.inlineSubnavi.topFixed li span {
margin-bottom: 0.5em;
border-bottom: 2px solid #d5d305;
}

ul.inlineSubnavi.topFixed li a {
padding: 0.25em 0.25em 0.25em 0;
background-color: #ffffff;
}

/*
.blogContentWrapper > ul.inlineSubnavi.topFixed {
z-index: 2;
}
*/

a.downloadPDF {
display: flex;
align-items: center;
max-width: 100%;
min-height: 50px;
padding-right: 2em;
padding-left: 55px;
color: #727685;
background-image: url(../images/download-pdf-icon.svg);
background-repeat: no-repeat;
background-size: 44px auto;
background-position: left center;
}

a.downloadPDF:hover {
color: initial;
background-image: url(../images/download-pdf-icon-hover.svg);
}

a.scrollDown {
padding: 0 1.75em 0 0;
background-image: url(../images/scrolldown-icon.svg);
background-repeat: no-repeat;
background-size: 17px auto;
background-position: right center;
}


a.scrollTop {
padding: 0 1.75em 0 0;
background-image: url(../images/scrolltop-icon.svg);
background-repeat: no-repeat;
background-size: 17px auto;
background-position: right center;
}

p a.scrollTop {
padding-top: 0;
}

a.globe-iconStyle {
display: inline-block;
padding-left: 2em;
margin-bottom: 0.2em;
background-image: url(../images/globe-icon.svg);
background-repeat: no-repeat;
background-size: 24px auto;
background-position: left center;
}

a.phone-iconStyle {
display: inline-block;
height: 26px;
padding-left: 1.5em;
margin-bottom: 0.2em;
background-image: url(../images/phone-green-icon.svg);
background-repeat: no-repeat;
background-size: 16px auto;
background-position: left 0.2em center;
}

a.mail-iconStyle {
display: inline-block;
padding-left: 2em;
margin-bottom: 0.2em;
background-image: url(../images/mail-green-icon.svg);
background-repeat: no-repeat;
background-size: 24px auto;
background-position: left center;
}

a.phone-iconStyle.yellowStyle, 
a.phone-iconStyle.yellowIconStyle {
background-image: url(../images/phone-yellow-icon.svg);
}

a.mail-iconStyle.yellowStyle, 
a.mail-iconStyle.yellowIconStyle {
background-image: url(../images/mail-yellow-icon.svg);
}

.buttonStyle {
display: inline-block;
min-width: 200px;
/*height: 61px;*/
padding: 0.8em 2em 0.8em 2em;
margin-bottom: 0.5em;
border: 2px solid;
/*border-color: #3a6875;*/
border-radius: 1.8em;
/*color: #3a6875;*/
text-align: center;
font-size: 1.1em;
line-height: 1.7em;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}


.buttonStyle img {
vertical-align: top;
}

.whiteStyle .buttonStyle {
border-color: #ffffff;
}

.buttonStyle:hover {
color: #ffffff;
background-color: #3a6875;
border-color: #3a6875;
opacity: 1;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}

.buttonStyle:hover, 
.buttonStyle:active { 
-webkit-user-select: none;
-webkit-touch-callout: none;
}

.buttonStyle--blockButton {
display: table;
width: auto;
white-space: nowrap;
margin-top: 2em;
margin-bottom: 2em;
}

nav .buttonStyle {
height: 55px;
padding: 0.7em 2em 0.7em 2em;
}

nav .buttonStyle.roundStyle {
width: 55px !important;
min-width: 55px !important;
max-width: 55px !important;
height: 55px !important;
padding: 0;
border-radius: 50% !important;
overflow: hidden;
position: relative;
}

nav .buttonStyle.roundStyle img {
position: absolute;
top: 50%;
left: 50%;
max-width: 24px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

nav .buttonStyle.roundStyle:hover {
color: #ffffff;
background-color: #d5d305;
border-color: #d5d305;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}

.buttonStyle.buttonStyle-small {
min-width: 150px;
padding: 0.6em 1.75em 0.65em 1.75em;
border-width: 1px;
font-size: 0.9em;
line-height: initial;
}

/* less high buttons */
.buttonStyle.lesshighButton {
padding: 0.6em 2em 0.6em 2em;
line-height: 1.7;
}

.buttonStyle.lesshighButton.roundStyle {
width: 55px !important;
min-width: 55px !important;
max-width: 55px !important;
height: 55px !important;
padding: 0;
border-radius: 50% !important;
overflow: hidden;
position: relative;
}

.buttonStyle.lesshighButton.roundStyle img {
position: absolute;
top: 50%;
left: 50%;
max-width: 24px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.buttonStyle.lesshighButton.clientPortalButton {
padding-left: 2.5em;
background-image: url(../images/clientportal-green-icon.svg);
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 0.8em 0.9em;
}

.buttonStyle.lesshighButton.clientPortalButton:hover {
background-image: url(../images/clientportal-icon.svg);
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 0.8em 0.9em;
}

.buttonStyle.greenStyle.emailButton {
-webkit-transition: background-color 0.5s, color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.5s, color 0.3s, border-color 0.3s;
-o-transition: background-color 0.5s, color 0.3s, border-color 0.3s;
transition: background-color 0.5s, color 0.3s, border-color 0.3s;
}

.buttonStyle.greenStyle.emailButton:hover {
color: #ffffff;
background-color: #3a6875;
background-image: url(../images/mail-white-icon.svg);
background-repeat: no-repeat;
background-size: 22px auto;
background-position: center center;
}

.buttonStyle.greenStyle.emailButton img {
opacity: 1;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.buttonStyle.greenStyle.emailButton:hover img {
opacity: 0;
}

.buttonStyle.noBorder {
border: 0;
}

p a.buttonStyle {
font-size: 0.95em;
}

.buttonStyle-readmore {
position: absolute;
top: auto;
left: auto;
bottom: 2.5em;
right: 3em;
z-index: 3;
max-width: 350px;
padding: 0.6em 2.5em 0.65em 2.5em;
margin-bottom: 0;
border: 0;
font-family: "AvertaBold", sans-serif;
font-size: 1.35em;
line-height: 1.2;
background-color: #d5d305;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}

.rotatedStyle {
display: block;
position: absolute;
top: 50%;
left: 50%;
padding: 0 0 0 0;
text-align: center;
white-space: nowrap;
-webkit-transform: translate(-50%,-50%) rotate(-90deg);
-moz-transform: translate(-50%,-50%) rotate(-90deg);
-o-transform: translate(-50%,-50%) rotate(-90deg);
-ms-transform: translate(-50%,-50%) rotate(-90deg);
transform: translate(-50%,-50%) rotate(-90deg);
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

.relativePositioned {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}

.absolutePositioned {
position: absolute;
top: 0;
left: 0;
}

.absolutePositioned--centerLeft {
position: absolute;
top: 50%;
left: 0;
}

.absolutePositioned--topLeft {
position: absolute;
top: 5em;
left: 0;
}

.absolutePositioned--topLeft-less {
top: 8em;
}

.rotatedStyle.absolutePositioned {
text-align: right;
left: 0;
-webkit-transform: translate(-100%,0) rotate(-90deg);
-moz-transform: translate(-100%,0) rotate(-90deg);
-o-transform: translate(-100%,0) rotate(-90deg);
-ms-transform: translate(-100%,0) rotate(-90deg);
transform: translate(-100%,0) rotate(-90deg);
-ms-transform-origin: top right;
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
transform-origin: top right;
}

.rotatedStyle.absolutePositioned--centerLeft {
text-align: center;
left: 0.5em;
top: 50%;
-webkit-transform: translate(-50%,-50%) rotate(-90deg);
-moz-transform: translate(-50%,-50%) rotate(-90deg);
-o-transform: translate(-50%,-50%) rotate(-90deg);
-ms-transform: translate(-50%,-50%) rotate(-90deg);
transform: translate(-50%,-50%) rotate(-90deg);
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}


.rotatedStyle.absolutePositioned--topLeft {
transform-origin: center right;
}



.blogPrevWrapper {
display: inline-block;
width: calc(100% + 4em);
max-width: calc(1400px + 4em);
margin: 0 auto;
text-align: left;
vertical-align: top;
position: relative;
}

.blogPrevWrapper .width-33.paddingTextBox {
display: inline-block;
width: calc(33.333% - 0.2em);
margin-left: -2em;
margin-right: 2em;
margin-bottom: 4em;
text-align: left;
vertical-align: top;
}

/* if streched */
.contentBox.contentBox--streched .blogPrevWrapper .width-33.paddingTextBox {
width: calc(33.333% - 0.2em);
margin-left: 0;
margin-right: 0;
}

/* blog main page module */
.blogOvervieFilterWrapper {
width: 100%;
padding: 3em 0 2em 0;
}

.blogOvervieFilterWrapper .buttonStyle {
display: inline-block;
min-width: 156px;
height: auto;
padding: 0.5em 1.75em 0.5em 1.75em;
margin: 0 1.5em 1em 0;
}

.blogOvervieFilterWrapper .buttonStyle:hover, 
.blogOvervieFilterWrapper .buttonStyle.active {
color: #141b34 !important;
background-color: #d5d305 !important;
}

.blogOverviewWrapper {
display: inline-block;
width: calc(100% + 4em);
max-width: calc(1400px + 4em);
margin: 0 auto;
text-align: left;
vertical-align: top;
position: relative;
}

.blogOverviewWrapper .width-33.paddingTextBox {
display: inline-block;
width: calc(33.333% - 0.2em);
margin-left: -2em;
margin-right: 2em;
margin-bottom: 4em;
text-align: left;
vertical-align: top;
}

.blogprevImgWrapper {
display: block;
min-height: 30px;
position: relative;
background-position: center center;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}

.blogprevImgWrapper.imgBgCover {
height: 0;
padding: 0 0 75% 0;
background-size: auto 100%;
background-color: #eeeeee;
overflow: hidden;
}

a.blogPrevLink:hover .blogprevImgWrapper {
background-size: auto 110%;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}

.blogprevImgWrapper img {
display: block;
}

.blogprevImgWrapper.imgBgCover img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.blogprevImgWrapper .blogDate, 
.blogdetailpageImgWrapper .blogDate {
display: block;
padding: 0.8em 1.2em 0.8em 1.2em;
background-color: rgba(255,255,255,0.6);
position: absolute;
right: 0;
bottom: 0;
font-size: 1em;
}

.blogdetailpageImgWrapper {
margin-bottom: 4em;
}

.blogdetailpageImgWrapper .blogDate {
font-size: 1.375em;
}

.blogPrevWrapper h3, 
.blogOverviewWrapper h3 {
margin: 1em 0 1em 0;
}

/*  max success stories overview */
.blogOverviewWrapper.successStoriesMax .width-33.paddingTextBox:nth-child(n+7) {
display: none;
}

.backToBlogOverview {
display: inline-block;
padding: 1em 0.5em 0.5em 2.2em;
margin: 0;
font-size: 80%;
text-align: left;
color: #c4dddf;
}

.backToBlogOverview:hover {
color: #3a6875;
}

.backToBlogOverview:after {
content: '';
display: block;
float: left;
width: 20px;
height: 20px;
margin-left: -32px;
background-image: url(../images/arrow-icon.svg);
background-repeat: no-repeat;
background-size: 19px auto;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}


.introClaimDelimiter.overflowInitial {
overflow: initial;
}

.teaser-beforeClaim.teaser-beforeClaim-story {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
-webkit-transform: translate(-1em,-1em);
-moz-transform: translate(-1em,-1em);
-o-transform: translate(-1em,-1em);
-ms-transform: translate(-1em,-1em);
transform: translate(-1em,-1em);
}

.teaser-beforeClaim > .backToBlogOverview {
padding: 0 0 0 2em;
margin: 0;
font-size: 1.15rem;
white-space: nowrap;
pointer-events: initial;
}

.teaser-beforeClaim > .backToBlogOverview:after {
width: 20px;
height: 25px;
background-position: left 0 bottom 3px;
}
 
.contentBox > .blogContentWrapper {
max-width: 800px;
margin: 0 auto;
}

.contentBox.contentBox--streched > .blogContentWrapper {
max-width: 1050px;
margin: 0 auto;
}

.contentBox.contentBox--streched.verticalPaddingBannerStyle > .blogContentWrapper {
max-width: 100%;
}

.contentBox.contentBox--streched.verticalPaddingBannerStyle > .blogContentWrapper > div.contentBlock.flexslider-infinityWrapper {
max-width: 1400px;
}

.fullBox > .blogContentWrapper {
max-width: 100%;
margin: 0 auto;
}

.flexBoxes > .blogContentWrapper {
display: inherit;
justify-content: inherit;
}

div[id*="cblock_"].alignCenter > div.blogContentWrapper {
margin: 0 auto;
}

.blogContentWrapper .flexslider-infinityWrapper:before, 
.blogContentWrapper .flexslider-infinityWrapper:after {
background-image: none !important;
}

/*
.contentBox .blogContentWrapper h3 {
margin-top: 3em;
font-size: 1.1875em;
color: #e1e000;
}

.contentBox .blogContentWrapper h3:nth-child(1) {
margin-top: 0;
}
*/

.contentBox .blogContentWrapper h2, 
.contentBox .blogContentWrapper .h2Style {
font-size: 2em;
line-height: 1.25;
}


.contentBox .blogContentWrapper p:not(.fontBigger), 
.contentBox .blogContentWrapper ol, 
.contentBox .blogContentWrapper ul {
font-size: 1.25em;
}

.contentBox .blogContentWrapper p:not(.fontBigger):last-of-type {
margin-bottom: 0;
}

.contentBox .blogContentWrapper ol:last-of-type, 
.contentBox .blogContentWrapper ul:last-of-type {
margin-bottom: 0;
}

.contentBox .blogContentWrapper p.fontBigger {
margin-bottom: 2.5em;
}

.blogContentWrapper ul.inlineSubnavi li span:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}


div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper {
text-align: left;
}

div[id*="cblock_"].bannerStyle.quotation:not(.fullBox) .blogContentWrapper {
max-width: 680px;
margin: 0 auto;
padding: 100px 0;
}

div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > .h2Style, 
div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > h2 {
display: block;
margin-bottom: 0.5em;
font-size: 2.25em;
line-height: 1.2;
font-family: "AvertaBold";
color: #1F9FAA;
}

div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > .h2Style:before {
content: '«';
font-size: inherit;
line-height: 1;
color: #1F9FAA;
margin-right: 0.25em;
position: relative;
left: 0;
}

div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > .h2Style:after {
content: '»';
font-size: inherit;
line-height: 1;
color: #1F9FAA;
margin-left: 0.25em;
position: relative;
right: 0;
}

div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > .titleStyle {
display: block;
margin: 0;
color: inherit;
font-size: 1.06em;
}


/* blog page end, cats & tags */
.blogTagsRow a {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.blogTagsRow a:hover {
border-bottom: 1px solid #3a6875;
color: #3a6875;
}

.blogTagsRow a:after {
content: ',';
display: inline-block;
}

.blogTagsRow a:last-child:after {
content: '';
}

/* blog prev link */
.blogPrevWrapper a.blogPrevLink, 
.blogOverviewWrapper a.blogPrevLink {
display: block;
}

/* clients */
.clientsOvervieFilterWrapper {
width: 100%;
padding: 3em 0 2em 0;
}

.clientsOvervieFilterWrapper .buttonStyle {
display: inline-block;
min-width: 156px;
height: auto;
padding: 0.5em 1.75em 0.5em 1.75em;
margin: 0 1.5em 1em 0;
}

.clientsOvervieFilterWrapper .buttonStyle:hover, 
.clientsOvervieFilterWrapper .buttonStyle.active {
color: #141b34 !important;
background-color: #d5d305 !important;
}


.width-50-Wrapper {
display: flex;
justify-content: space-around;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
/*align-items: center;*/
width: 1400px;
max-width: calc(100% - 95px);
margin: 0 auto;
vertical-align: top;
position: relative;
}

.width-25-Wrapper {
display: flex;
justify-content: space-around;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
/*align-items: center;*/
width: calc(1400px + 2em);
max-width: calc(100% - 160px);
margin: 0 auto;
vertical-align: top;
position: relative;
}

.width-25-Wrapper.width-25-Wrapper--teamWrapper {
justify-content: left;
}

.width-25-Wrapper .width-25.paddingTextBox {
padding: 0 1em 0 1em;
margin-bottom: 4em;
text-align: left;
vertical-align: top;
}

.width-25-Wrapper .width-25.paddingTextBox .imgBox {
height: 230px;
margin: 0 auto;
margin-bottom: 1em;
background-color: #c4dddf;
text-align: center;
overflow: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.width-25-Wrapper .width-25.paddingTextBox .imgBox img {
max-width: 100%;
max-height: 100%;
}


.teaserArticlePreview  {
/**/
}

.teaserArticlePreview .flexBoxes {
justify-content: start;
}

.teaserArticlePreview .flexBoxes .contentBox_textWrapper {
padding: 0 5em;
}

div[id*="cblock_"].contentBox.contentBox--streched > span.rotatedStyle.absolutePositioned {
font-size: 1.25em;
margin-bottom: 1em;
}

div[id*="cblock_"].contentBox.contentBox--streched > .rotatedStyle.absolutePositioned {
left: 3.5em;
}

.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
left: 3.5em;
}

/**/

div[id*="cblock_"].stickyForm {
position: relative;
z-index: 1000;
}

.stickyFormWrapper {
width: 620px;
max-width: calc(100% - 5em);
max-height: 90vh;
position: fixed;
right: 2.5em;
bottom: 4em;
z-index: 2;
padding: 2.75em 2.75em 3.75em;
border-radius: 0.75em;
color: #141b34;
background-color: #FF94A8;
text-align: left;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.stickyFormWrapper:after {
content: '';
position: absolute;
right: 1.5em;
bottom: -40px;
display: block;
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
border-style: solid;
border-width: 0 40px 40px 0;
border-color: transparent #FF94A8 transparent transparent;
}

.stickyFormWrapper > .stickyFormWrapper--closer {
display: block;
width: 2.25em;
height: 2.25em;
border-radius: 50%;
background-color: #ffffff;
background-image: url(../images/close-black.png);
background-repeat: no-repeat;
background-size: 14px auto;
background-position: center center;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
cursor: pointer;
position: absolute;
top: 1.75em;
right: 1.5em;
z-index: 2;
}

.stickyFormWrapper > h2 {
display: none;
font-size: 1.75em;
}

.stickyFormWrapper > div[id*="stickyformwrapperloader_"] {
overflow: hidden;
}

.stickyFormWrapper:not(.stickyFormWrapper-minified):not(.stickyFormWrapper-closed) > div[id*="stickyformwrapperloader_"] {
opacity: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}


.stickyFormWrapper--content {
max-height: 75vh;
overflow-x: hidden !important;
overflow-y: auto !important;
-ms-overflow-style: none;
scrollbar-width: none;
}

.stickyFormWrapper--content::-webkit-scrollbar {
display: none;
}

.stickyFormWrapper--content h2 {
font-size: 1.75em;
line-height: 1.2;
}

.stickyFormWrapper--content p, 
.stickyFormWrapper--content p.fontBigger {
font-size: 1.15em;
}

.stickyFormWrapper--content p.greenStyle {
color: #141b34;
}

.stickyFormWrapper--content h3, 
.stickyFormWrapper--content p {
max-width: 95%;
margin-bottom: 1em !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.stickyFormWrapper--content p.placeHolder {
display: none !important;
}

.stickyFormWrapper--content .incformStyle {
float: left;
display: block;
font-size: 1em;
}

.stickyFormWrapper--content .incformStyle input[type="text"], 
.stickyFormWrapper--content .incformStyle select, 
.stickyFormWrapper--content .incformStyle textarea {
border-color: transparent;
border-radius: 0.35em;
margin-bottom: 1em;
}

.stickyFormWrapper--content .incformStyle input[type="text"], 
.stickyFormWrapper--content .incformStyle select {
height: 40px;
}

.stickyFormWrapper--content .incformStyle select {
padding: 8px 30px 8px 10px;
background-position: right 16px top 16px;
}

.stickyFormWrapper--content .incformStyle textarea {
height: 180px;
}

.stickyFormWrapper--content .incformStyle .width-50, 
.stickyFormWrapper--content .incformStyle .width-100 {
margin-bottom: 1em;
}

.stickyFormWrapper--content .incformStyle .width-50:nth-child(odd) {
padding-right: 1.5%;
}

.stickyFormWrapper--content .incformStyle .width-50:nth-child(even) {
padding-left: 1.5%;
}

.stickyFormWrapper--content .incformStyle .buttonStyle {
color: #ffffff;
border-color: transparent;
background-color: #000000;
cursor: pointer;
}

.stickyFormWrapper-minified {
width: 350px;
padding: 2em 2em 3em 2em;
cursor: pointer;
}

.stickyFormWrapper-minified > .stickyFormWrapper--closer {
top: -1em;
right: -1em;
}

.stickyFormWrapper-minified > h2 {
display: inline;
white-space: pre-wrap;
background-color: #ffffff;
line-height: 1.4 !important;
margin: initial; 
}

.stickyFormWrapper-minified > div[id*="stickyformwrapperloader_"] {
height: 0;
opacity: 0;
}

.stickyFormWrapper-closed {
width: 120px;
height: 75px;
padding: 0;
cursor: pointer;
background-image: url(../images/stickyform-closed-icon.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center center;
}

.stickyFormWrapper-closed > h2, 
.stickyFormWrapper-closed > div, 
.stickyFormWrapper-closed > .stickyFormWrapper--closer {
display: none;
}

.stickyFormWrapper.stickyFormWrapper-visibilityend {
bottom: -100vh;
opacity: 0;
}

/* popUp */
.overAllPopUpWrapper {
background-color: rgba(0,0,0,0.9);
}

.popUpBlock {
display: inline-block;
width: 900px;
max-width: 100%;
min-height: 600px;
padding: 2em;
margin: 0 auto;
margin-top: 100px;
background-color: #ffffff;
text-align: left;
/*font-size: 1em;*/
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.popUpBlock.popUpBlock-centered {
position: absolute;
top: 50%;
left: 50%;
padding: 0 !important;
margin: 0 auto;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: width 0.3s, opacity 0.3s;
-moz-transition: width 0.3s, opacity 0.3s;
-o-transition: width 0.3s, opacity 0.3s;
transition: width 0.3s, opacity 0.3s;
}

.popUpCloser {
position: absolute;
top: 0;
right: 0;
z-index: 100;
display: block;
width: 28px;
height: 28px;
background-image: url(../images/close-black.png);
background-repeat: no-repeat;
background-size: 28px auto;
}

.popUpCloser.popUpCloser-video {
background-image: url(../images/close-white.png);
}

.popUpBlock .contentBox {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}

.popUpBlockItemContentBox {
padding: 2em;
}

.popUpBlock .contentBox .placeHolder:first-child {
max-height: 30px;
}

.stoererLeft {
display: block;
}

.bannerStyle .contentBox .stoererLeft {
position: absolute;
left: 0;
bottom: 0;
width: 130px;
height: 130px;
-webkit-transform: translateX(-90%);
-moz-transform: translateX(-90%);
-o-transform: translateX(-90%);
-ms-transform: translateX(-90%);
transform: translateX(-90%);
}


/**/
a.videoBoxPlaceholder {
display: block;
width: 100%;
position: relative;
}


a.videoBoxPlaceholder:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
padding: 0;
margin: -40px 0 0 -40px;
background-image: url(../images/videobutton-icon-white.svg);
background-repeat: no-repeat;
background-size: 80px auto;
background-position: center center;
}

a.videoBoxPlaceholder.displayYTvideo {
/**/
}

/* youtube videos */

.ytiframeWrapper {
/*
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
height: 100%;
*/
background-color: rgba(0,0,0,0.8);
overflow: hidden;
}

.ytiframeWrapper iframe {
float: left;
width: 100%;
height: 100%;
}

.fittoWrapper {
float: left;
display: inline-block;
padding: 0;
margin: 0;
width: 100%;
height: 0;
padding-top: 56.25%;/* don't change */
position: relative;
}

.fittoWrapper > iframe {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}


/* form styles */
.incformStyle {
font-size: 1.125em;
}

.incformStyle .width-50, 
.incformStyle .width-100 {
float: left;
margin: 0 0 2em 0;
}

.incformStyle .width-50:nth-child(odd) {
padding-right: 4%;
}

.incformStyle .width-50:nth-child(even) {
padding-left: 4%;
}

.incformStyle input[type="text"] {
height: 51px;
}

.incformStyle input[type="text"], 
.incformStyle select, 
.incformStyle textarea {
margin: 0 0 2em 0;
border-radius: 0.5em;
border-color: #3a6875;
color: #3a6875;
}

.incformStyle select {
height: 51px;
background-image: url(../images/select-arrow-right.svg);
background-repeat: no-repeat;
background-size: 14px auto;
background-position: right 20px top 20px;
}

.incformStyle .width-50 input[type="text"], 
.incformStyle .width-50 textarea {
margin: 0;
}

.incformStyle .checkboxStyle {
border-radius: 3px;
border-color: #3a6875;
}

.incformStyle input[type="submit"] {
/*padding: 0.7em 2em 0.7em 2em;*/
background-color: initial;
font-size: 1em;
cursor: default;
}

.incformStyle input[type="submit"].buttonStyle.greenStyle {
background-color: transparent;
cursor: pointer;
}

.incformStyle input[type="submit"].buttonStyle.greenStyle:hover {
color: #3a6875;
}

.incformStyle input[type="submit"].buttonStyle.bg-greenStyle {
background-color: #3a6875;
cursor: pointer;
}

.incformStyle input[type="submit"].buttonStyle.bg-greenStyle:hover {
color: #ffffff;
}

/* --- */

.infoOpener {
display: inline-block;
width: 17px;
height: 17px;
box-sizing: border-box;
padding: 0;
margin-left: 0.75em;
border-radius: 50%;
background-color: #666666;
color: #ffffff;
vertical-align: middle;
position: relative;
cursor: pointer;
}

.infoOpener:after {
content: '?';
position: absolute;
top: 0;
left: 0;
display: block;
width: 17px;
height: 17px;
box-sizing: border-box;
text-align: center;
font-size: 0.8em;
}

.infoOpener--content { 
/*display: none;*/
width: 300px;
height: auto;
min-height: 100px;
box-sizing: border-box;
padding: 1em;
background-color: #ffffff;
color: initial;
font-family: "Averta";
font-weight: normal;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: -100;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.infoOpener:hover .infoOpener--content {
/*display: block;*/
z-index: 100000;
opacity: 1;
}


/* flexslider */
.flexslider {
display: block;
margin: 0 0 3em 0;
border: 0;
background-color: transparent;
}


.flexslider .slides {
/**/
}

.flexslider .slides li {
box-sizing: border-box;
padding: 0;
margin: 0;
}

.flexslider .slides li img {
display: block;
margin: 0 auto;
}

.imgBgCover {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.flexslider.logoBoxSlider {
max-width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

.flexslider.logoBoxSlider .slides, 
.flexslider.logoBoxSlider .slides li {
height: 100% !important;
max-height: 100% !important;
}

.flexslider.logoBoxSlider .slides img {
height: auto !important;
max-height: 100% !important;
}

.flex-direction-nav a, 
.flex-direction-nav a:before {
font-size: 24px;
}

.flex-direction-nav a.flex-prev {

}

.flex-direction-nav a.flex-next {

}

/* flex slider infinity */

.slideBlock {
width: calc(732px - 4em);
max-width: calc(100% - 4em);
margin: 0 4em 0 0;
background-color: #ffffff;
-moz-box-shadow: rgba(202, 216, 219, 0.6) 0px 1px 3px 0px;
-webkit-box-shadow: rgba(202, 216, 219, 0.6) 0px 1px 3px 0px;
box-shadow: rgba(202, 216, 219, 0.6) 0px 1px 3px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.slideBlock:hover {
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px;
}


.slideBlock--media {
position: relative;
}

.slideBlock--media > a.videoBoxPopUp {
display: block;
position: relative;
}

.slideBlock--media > a.videoBoxPopUp:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
background-image: url(../images/videobutton-icon-white.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 65px auto;
pointer-events: none;
}

div[id*="cblock_"] .slideBlock--media {
padding: 56% 0 0 0;
overflow: hidden;
}

div[id*="cblock_"] .slideBlock--media > a, 
div[id*="cblock_"] .slideBlock--media > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

div[id*="cblock_"] .slideBlock--media > a > img, 
div[id*="cblock_"] .slideBlock--media > img {
object-fit: cover;
}


.slideBlock--text {
min-height: 310px;
padding: 3em 2em;
background-color: #ffffff;
text-align: left;
}

.slideBlock--text p {
max-width: 90%;
font-size: 1em !important;
}


.slideBlock.slideBlock-simpledescription, 
.slideBlock.slideBlock-simpledescription:hover {
background-color: transparent;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.slideBlock.slideBlock-simpledescription > .slideBlock--text {
min-height: initial;
padding: 1em 0 !important;
color: inherit !important;
background-color: transparent;
}



.flexslider-infinityWrapper {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto;
/*margin-bottom: 100px;*/
position: relative;
}

.flexslider-infinityWrapper:before {
content: '';
float: left;
width: 50%;
height: 100%;
/*background-color: rgba(255,255,255,0.75);*/
position: absolute;
top: 0;
left: -50%;
z-index: 1;
}

.flexslider-infinityWrapper:after {
content: '';
float: right;
width: 50%;
height: 100%;
/*background-color: rgba(255,255,255,0.75);*/
position: absolute;
top: 0;
right: -50%;
z-index: 1;
}

.flexslider-infinityWrapper:before {
background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
}

.flexslider-infinityWrapper:after {
background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}

.bg-lightgreenStyle .flexslider-infinityWrapper:before, 
.bg-lightgreenStyle .flexslider-infinityWrapper:after {
/*background-color: rgba(243,248,249,0.75);*/
}

.bg-lightgreenStyle .flexslider-infinityWrapper:before {
background-image: linear-gradient(to left, rgba(243,248,249,0), rgba(243,248,249,1));
}

.bg-lightgreenStyle .flexslider-infinityWrapper:after {
background-image: linear-gradient(to right, rgba(243,248,249,0), rgba(243,248,249,1));
}

.flexslider-infinity {
margin: 0 auto;
overflow: initial;
}

.flexslider-infinity .flex-viewport {
overflow: initial !important;
}

.flexslider-infinity ul.slides {
display: flex;
align-items: flex-start;
}

.flexslider-infinity .slides li {
opacity: 1;
position: relative;
}

.flexslider-infinity .slides li.flex-active-slide {
opacity: 1;
}

.flexslider-infinity .flex-direction-nav {
position: absolute;
bottom: auto;
top: 21em;/*48%*/
left: 0;
z-index: 2;
width: 106%;
height: 80px;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
margin-left: -3%;
pointer-events: none;
}

.flexslider-infinity.flexslider-infinity-smaller .flex-direction-nav {
top: 12.5em;/*35%*/
}

.flexslider-infinity.flexslider-infinity-mediaonly .flex-direction-nav {
top: 50%;
margin-top: -40px;
}

.flexslider-infinity .flex-direction-nav li {
float: left;
display: block;
width: 80px;
height: 80px;
box-sizing: border-box;
padding: 0;
margin: 0;
pointer-events: initial;
/*position: relative;*/
}

.flexslider-infinity .flex-direction-nav li:nth-child(2) {
float: right;
}

.flexslider-infinity:hover .flex-direction-nav .flex-prev {
opacity: 1;
left: 0;
}

.flexslider-infinity:hover .flex-direction-nav .flex-next {
opacity: 1;
right: 0;
}

.flexslider-infinity:hover .flex-direction-nav .flex-prev:hover, 
.flexslider-infinity:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}

.flexslider-infinity .flex-direction-nav a {
float: left;
display: block;
width: 80px;
height: 80px;
margin: 0;
font-size: 0;
box-sizing: border-box;
border-radius: 50%;
background-color: #ffffff;
opacity: 1;
top: 0;
-moz-box-shadow: rgba(202, 216, 219, 0.6) 0px 1px 3px 0px;
-webkit-box-shadow: rgba(202, 216, 219, 0.6) 0px 1px 3px 0px;
box-shadow: rgba(202, 216, 219, 0.6) 0px 1px 3px 0px;
}

.flexslider-infinity .flex-direction-nav .flex-prev {
left: 0;
margin-left: 0;
opacity: 0.6;
position: relative;
}

.flexslider-infinity .flex-direction-nav .flex-prev:before {
content: '';
float: left;
display: block;
width: 80px;
height: 80px;
box-sizing: border-box;
border-radius: 50%;
background-color: #ffffff;
background-image: url(../images/sliderarrow-green-icon.svg);
background-repeat: no-repeat;
background-size: 24px auto;
background-position: center center;
font-size: 0;
position: absolute; 
top: 0;
left: 0;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.flexslider-infinity .flex-direction-nav .flex-next {
right: 0;
margin-right: 0;
position: relative;
}

.flexslider-infinity .flex-direction-nav .flex-next:before {
content: '';
float: left;
display: block;
width: 80px;
height: 80px;
box-sizing: border-box;
border-radius: 50%;
background-color: #ffffff;
background-image: url(../images/sliderarrow-green-icon.svg);
background-repeat: no-repeat;
background-size: 24px auto;
background-position: center center;
font-size: 0;
position: absolute; 
top: 0;
right: 0;
}

.flex-direction-nav .flex-disabled {
opacity: 1 !important;
z-index: 0;
pointer-events: none;
}


.flex-direction-nav .flex-disabled:before {
opacity: 0.65 !important;
}


.fontSmaller {
font-size: 90%;
}

.whiteStyle {
color: #ffffff;
}

.bg-whiteStyle {
background-color: #ffffff;
}

.blackStyle {
color: #000000;
}

.bg-blackStyle {
color: #ffffff;
background-color: #000000;
}

.darklilaStyle {
color: #232337;
}

.bg-darklilaStyle {
color: #ffffff;
background-color: #232337;
}

.lightgreenStyle {
color: #93b7ba;
}

.bg-lightgreenStyle {
background-color: #f3f8f9;
}

.lightgreenStyle-2 {
color: #C4DDDF;
}

.bg-lightgreenStyle-2 {
background-color: #C4DDDF;
}

.greenStyle {
color: #3a6875;
}

.bg-greenStyle {
color: #ffffff;
background-color: #3a6875;
}

.yellowStyle {
color: #d5d305;
}

.bg-yellowStyle {
background-color: #d5d305;
}

.bg-lightyellowStyle {
background-color: rgba(213,211,5,0.1);
}

.buttonStyle.yellowStyle {
color: #d5d305;
border-color: #d5d305;
}

.buttonStyle.yellowStyle:hover {
color: #ffffff;
background-color: #d5d305;
border-color: #d5d305;
}

.pinkStyle {
color: #d98397;
}

.bg-pinkStyle {
background-color: #d98397;
}

.buttonStyle.pinkStyle {
color: #d98397;
border-color: #d98397;
}

.buttonStyle.pinkStyle:hover {
color: #ffffff;
background-color: #d98397;
border-color: #d98397;
}

.buttonStyle.greenStyle {
color: #3a6875;
border-color: #3a6875;
}

.buttonStyle.greenStyle:hover {
color: #ffffff;
background-color: #3a6875;
border-color: #3a6875;
}

.buttonStyle.bg-greenStyle {
color: #ffffff;
background-color: #3a6875;
border-color: #3a6875;
}

hr.lightgreenStyle {
background-color: #c4dddf;
border-top: 1px solid #c4dddf;
}

.greyStyle {
color: #95ACB5;
}

.bg-greyStyle {
background-color: #95ACB5;
}

.buttonStyle.bg-greyStyle {
color: #141B34;
background-color: #95ACB5;
border-color: #95ACB5;
}

.bg-transparentStyle {
background-color: transparent !important;
}

.clientsListWrapper h4 {
margin: 0;
}

.clientsListWrapper h4 span.thinStyle {
font-size: 98%;
}

.clientsListWrapper hr {
margin: 1.2em 0 1.2em 0;
}

.iconBox {
float: left;
height: 320px;
padding: 0;
margin: 0 0 5em 0;
border: 1em solid transparent;
text-align: center;
position: relative;
}

.iconBox h2, 
.iconBox h3 {
position: absolute;
left: 50%;
bottom: 0;
display: table;
margin-bottom: 0;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.iconBox h2 {
font-size: 2em;
}

.width-25 h2 {
font-size: 1.33em;
}

.iconBox h3 {
font-size: 1.33em;
}

.inlineIcon {
display: inline-block;
}

.iconBox .inlineIcon {
max-width: 100%;
max-height: 190px;
position: absolute;
left: 50% !important;
top: auto;
bottom: 6em !important;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}

.iconBox .inlineIcon.aniLoadWrapper {
max-width: 210px;
}

a.iconBox {
display: block;
}

a.iconBox:hover h2 {
color: #3a6875;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

a.iconBox h2 {
white-space: nowrap;
}

a.iconBox h2:after {
content: '';
display: inline-block;
width: 0;
height: 20px;
box-sizing: border-box;
background-image: url(../images/arrow-icon.svg);
background-repeat: no-repeat;
background-size: auto 20px;
background-position: right center;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

a.iconBox.width-25 h2:after {
height: 15px;
background-size: auto 15px;
}

a[href*="https"].iconBox h2:after {
background-image: url(../images/external-link-icon.svg);
background-size: auto 12px;
background-position: right 4px top;
}

a.iconBox:hover h2:after {
width: 30px;
}

a.iconBox.width-25:hover h2:after {
width: 25px;
}

a.iconBox:hover .inlineIcon:not(.aniLoadWrapper) {
-webkit-transform: translate(-50%,-1em);
-moz-transform: translate(-50%,-1em);
-o-transform: translate(-50%,-1em);
-ms-transform: translate(-50%,-1em);
transform: translate(-50%,-1em);
}

/* links with icons */
.iconLinkBox {
float: left;
display: block;
width: 25%;
height: 230px;
margin: 0;
text-align: center;
/*overflow: hidden;*/
}

.iconLinkBoxLink {
/*float: left;*/
display: block;
width: calc(100% - 2em);
height: calc(100% - 2em);
padding: 0.5em;
margin: 1em;
border: 1px solid rgba(196,221,223,0.4);
border-radius: 4px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.iconLinkBoxLink:hover {
background-color: rgba(196,221,223,0.4);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}

.iconLinkBoxLink img {
display: block;
margin: 2em auto;
margin-bottom: 1em;
}

.iconLinkBox p {
display: block;
max-width: 100%;
}

.iconLinkBox .autoHyphens {
max-width: 100%;
/*word-wrap: break-word;*/
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

/* akkordion */
.akkordTitle {
display: block;
padding: 0 30px 0.5em 0;
margin: 0 0 0.5em 0;
border-bottom: 1px solid;
font-family: "AvertaBold";
font-weight: normal;
position: relative;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.akkordTitle:hover {
color: #3a6875;
}

.akkordTitle:after {
content: '+';
display: block;
float: right;
width: 30px;
height: 30px;
box-sizing: border-box;
margin: 0 -30px 0 0;
text-align: right;
opacity: 1;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}

.akkordTitle.akkordOpened {
/**/
}

.akkordTitle.akkordOpened:after {
content: '–';
opacity: 1;
}

.akkord-desc {
display: none;
max-width: 100%;
padding: 0 0 2em 0;
margin-top: 0;
margin-bottom: 1em;
opacity: 1;
}


p.akkordTitle {
display: inline-block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0 30px 0.5em 0;
margin: 0 0 0.5em 0;
/*white-space: nowrap;*/
overflow: hidden;
}

p.akkord-desc {
padding: 0 0 2em 0;
margin-bottom: 0;
}

.akkordTitle.akkordTitle-big {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
color: #7a7979;
position: relative;
}

.akkordTitle.akkordTitle-big:after {
position: absolute;
top: 50%;
right: 0;
padding: 0;
margin-right: 0;
font-family: "AvertaLight";
font-size: 3em;
line-height: 0.3;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.akkordTitle.akkordTitle-big > span {
display: flex;
height: 120px;
box-sizing: border-box;
align-items: center;
/*justify-content: center;*/
}

.akkordTitle.akkordTitle-big > span.alignCenter {
justify-content: center;
text-align: center;
}

.akkordTitle.akkordTitle-big > span > img {
display: block;
width: auto;
max-width: 80%;
height: auto;
max-height: 80px;
margin: 0 auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%) brightness(70%) contrast(2);
}

.akkordTitle.akkordTitle-big:hover > span > img {
-webkit-filter: none;
filter: none;
}

.akkordTitle.akkordTitle-big > span:nth-child(1) {
width: 25%;
padding-right: 1em;
font-size: 2.2em;
line-height: 1;
}

.akkordTitle.akkordTitle-big > span:nth-child(2) {
width: 75%;
padding-right: 50px;
overflow: hidden;
text-overflow: ellipsis;
}

.akkordTitle.akkordTitle-big > span:nth-child(2) > span {
display: block;
height: 3em;
overflow: hidden;
text-overflow: ellipsis;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}


.akkordTitle.akkordTitle-big:hover {
color: initial;
}

.akkordTitle.akkordTitle-big.akkordOpened {
border-bottom: 1px solid transparent;
color: initial;
}

.akkordTitle.akkordTitle-big.akkordOpened > span > img {
-webkit-filter: none;
filter: none;
}

.akkord-desc.akkord-desc-big {
padding: 1em 0 3em 0;
padding-left: 25%;
border-bottom: 1px solid;
}


.akkord-desc.akkord-desc-big span.width-25, 
.akkord-desc.akkord-desc-big span.width-33, 
.akkord-desc.akkord-desc-big span.width-50, 
.akkord-desc.akkord-desc-big span.width-66 {
display: inline-block;
}



/* page on top intro desc */
.pageDescGraphic {
max-height: 520px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.IE11 .pageDescGraphic.opaque0 {
opacity: 1;
max-width: 500px;
max-height: 520px;
}

.IE11 div#angebot_cloud, 
.IE11 div#angebot_iot, 
.IE11 div#angebot_ict, 
.IE11 div#angebot_connectivity {
display: none;
}


.aniLoadWrapper {
/**/
}

.aniLoadWrapper.absolutePositioned {
width: 100%;
}

.aniLoadWrapper svg {
max-width: 100%;
max-height: 100%;
left: 0;
top: 0;
}

.iconBox .aniLoadWrapper div {
position: absolute;
bottom: 0;
width: 100%;
height: auto;
}

/* special connectivity prev ani */
#connectivity_prev svg {
max-height: 190px;
}

/* temp beta sticky */
.betaStickyWrapper {
/**/
}

.betaSticky {
top: 350px !important;
padding-left: 30px;
color: #93b7ba;
cursor: default;
z-index: 100;
}

.betaSticky:before {
content: '';
float: left;
display: block;
width: 17px;
height: 17px;
border: 2px solid #93b7ba;
border-radius: 50%;
box-sizing: border-box;
margin: 3px 10px 0 -17px;
}

.betaStickyWrapper .betaStickyInfo {
position: absolute;
top: 220px;
left: 1.8em;
z-index: 100;
width: 295px;
min-height: 150px;
border-radius: 1em;
box-sizing: border-box;
padding: 1.5em 2em 1.5em 2em;
text-align: left;
color: #141b34;
background-color: #c4dddf;
display: none;
}

.betaStickyWrapper .betaStickyInfo:before {
content: '';
position: absolute;
top: 50%;
left: 0;
float: left;
display: block;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background-color: #c4dddf;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

div.flexBoxes {
display: inline-flex !important;
flex-wrap: nowrap;
flex-direction: row;
}

div.flexBoxes.alignCenter {
justify-content: center;
}

div.text-Image-right.flexBoxes {
flex-direction: row-reverse; 
}



div.flexBoxes > .contentBox_imageWrapper {
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
overflow: hidden;
}

div.flexBoxes > .contentBox_imageWrapper > img {
flex-shrink: 1;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
object-fit: cover;
}


.placeHolder {
display: inline-block;
width: 100%;
height: 100px;
box-sizing: border-box;
line-height: 1.4;
margin: 0 auto;
}

.placeHolder-small {
display: inline-block;
width: 100%;
height: 50px;
box-sizing: border-box;
line-height: 1.4;
margin: 0 auto;
}

.width-25 > .placeHolder, 
.width-33 > .placeHolder, 
.width-50 > .placeHolder, 
.width-66 > .placeHolder {
height: 50px;
}

.alignLeft {
text-align: left;
}

.alignCenter {
text-align: center;
}

.alignRight {
text-align: right;
}

h1, h2, h3, h4 {
margin-top: 0;
font-weight: normal;
}

h1, .h1Style {
max-width: 100%;
margin-top: 0;
margin-bottom: 1em;
font-size: 3em;
line-height: 1.2;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

h2, .h2Style {
max-width: 100%;
margin-top: 0;
margin-bottom: 1em;
font-size: 3em;
line-height: 1.3;
}

h3, .h3Style {
margin-top: 0;
margin-bottom: 1em;
font-size: 1.75em;
line-height: 1.2;
}

h4, .h4Style {
margin-top: 0;
margin-bottom: 1em;
font-size: 1.5em;
line-height: 1.2;
}

.titleStyle {
display: block;
margin-bottom: 1em;
font-family: "Averta", sans-serif;
font-size: 1.375em;
}

p:not(.fontBigger) {
margin-top: 0;
font-size: 1.25em;/*1.1875em*/
}

p.fontBigger {
margin-top: 0;
font-size: 1.625em; /* 1.4375em */
}

.h2Style a {
display: block;
}

.thinStyle {
font-family: "AvertaLight", sans-serif;
font-weight: normal;
}

.marginTop0 {
margin-top: 0;
}

.margin0, 
p.margin0, 
h1.margin0, 
h2.margin0, 
h3.margin0, 
ul.margin0, 
ol.margin0 {
margin: 0;
}

.padding0 {
padding: 0 !important;
}

.fadeIn {
opacity: 0;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.fadeIn.fadeIn--visible {
opacity: 1;
}

.slideUp {
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}

.slideUp.slideUp--slidedUp {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.delimiter {
display: inline-block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

div[id*="cblock_"] > .delimiter {
display: block;
}

.buttonsDelimiter {
display: inline-block;
width: 1em;
}

.halfOpaque {
opacity: 0.5;
}

.opaque0 {
opacity: 0;
}

.autoHeight {
height: auto !important;
}

.hideOnDesktop {
display: none;
}

.hideOnMobiles {
/* --- */
}

.hideOnPhones {
/* --- */
}

p:not(.placeHolder):not(.placeHolder-small):empty {
display: block;
height: 1px;
}

.overflowHidden {
overflow: hidden;
}

.noHyphens {
-webkit-hyphens: none;
   -moz-hyphens: none;
    -ms-hyphens: none;
        hyphens: none;
}

.autoHyphens {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

/* -------------------- */
footer {
display: block;
width: 100%;
min-height: 100px;
color: #ffffff;
background-color: #3a6875;
position: relative;
}

.footer__wrapper {
display: inline-block;
width: 1400px;
max-width: calc(100% - 200px);
margin: 0 auto;
margin-left: 100px;
margin-right: 100px;
padding: 3em 0 0 0;
font-size: 1.25em;
line-height: 1.8;
}
 
.footer__wrapper .width-50 {
margin-bottom: 3em;
}

.footer__wrapper a.phone-iconStyle {
height: auto;
background-image: url(../images/phone-white-icon.svg);
background-repeat: no-repeat;
background-size: 16px auto;
}

.footer__wrapper a.mail-iconStyle {
background-image: url(../images/mail-footer-icon.svg);
background-repeat: no-repeat;
background-size: 26px auto;
}

.footer__wrapper .copyRight {
font-size: 0.8em;
line-height: 1.2;
margin-top: 0.5em;
white-space: nowrap;
}

.footer__wrapper .copyRight a {
margin: 0 0.5em 0 0.5em;
border-bottom: 1px solid transparent;
}

.footer__wrapper .copyRight a:hover {
border-bottom: 1px solid;
}

.footer__wrapper .copyRight a:last-child {
margin-right: 0 !important;
}

.footer__wrapper .socialMediaIconLink {
margin-left: 1em;
}

/* EU cookie policy */
.cookiePolicy {
display: none;
float: left;
width: 100%;
max-width: 100%;
text-align: center;
font-size: 1em;
position: fixed;
left: 0;
bottom: 0;
z-index: 1000;
box-sizing: border-box;
padding: 0;
background-color: #f3f8f9;
}

.cookiePolicy .contentBox {
border-radius: 0;
position: relative;
}

.cookiePolicy .buttonStyle {
width: 55px !important;
min-width: 55px !important;
max-width: 55px !important;
height: 55px !important;
margin: 0;
margin-bottom: 2em;
padding: 1em 0.5em 1em 0.5em;
border-radius: 50% !important;
text-align: center;
line-height: 1.25em;
border-color: #93b7ba;
color: #93b7ba;
overflow: hidden;
}

.cookiePolicy .buttonStyle:hover {
color: #ffffff;
border-color: #3a6875;
}

.cookiePolicy .contentBox .paddingBox {
display: inline-block;
width: 100%;
max-width: 100%;
padding: 2em 0 0 0 !important;
margin: 0 auto;
font-size: 0.9em;
text-align: left;
position: relative;
}

.cookiePolicy_closer {
display: block;
float: right;
width: 28px;
height: 28px;
margin: 1em 1.5em 0 0;
background-image: url(../images/close-black.png);
background-repeat: no-repeat;
background-size: 28px auto;
background-position: center center;
}

.statusBarAlert {
display: none;
color: #ffffff;
font-size: 0.9em;
}

.statusBarAlert .buttonStyle {
float: right;
display: block;
width: 34px;
min-width: 0;
height: 34px;
border: 1px solid;
border-radius: 50%;
padding: 0;
margin: 0 0 1em 1em;
background-image: url(../images/close-white.png);
background-repeat: no-repeat;
background-size: 14px auto;
background-position: center center;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

.statusBarAlert .buttonStyle:hover {
border-color: #141b34;
background-color: #141b34;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

/* magic scroller classes */
.fadeIn {
opacity: 0;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.fadeIn.fadeIn--onStart {
opacity: 1;
}

.fadeIn.fadeIn--visible {
opacity: 1;
}

.slideUp {
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}

.slideUp.slideUp--slidedUp {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}



@media all 
and (max-width: 1800px) {


.fullBox.bannerStyle {
width: 100%;
max-width: 100%;
margin: 0 auto;
}

/* hide the themes arrow */
ul.inlineSubnavi.topFixed li span:after {
display: none;
}


.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
left: 5.8em;
}

}

@media all 
and (max-width: 1750px) {

.header--scrolled .pageLogo {
margin-left: -3em;
}

.mainNaviWrapper {
padding: 100px 2em 200px 2em;
}

div[id*="cblock_"].contentBox.contentBox--streched > .rotatedStyle.absolutePositioned {
left: 1.25em;
}

.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
left: 3.5em;
}

}


@media all 
and (max-width: 1680px) {

.width-25-Wrapper {
max-width: calc(100% - 70px);
}


.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
left: 3.4em;
}

}

@media all 
and (max-width: 1650px) {

.header--scrolled .pageLogo {
margin-left: -4em;
}

div[id*="cblock_"].contentBox.contentBox--streched > .rotatedStyle.absolutePositioned {
left: 0.5em;
}

.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
left: 2.75em;
}

}


@media all 
and (max-width: 1600px) {

.teaser-beforeClaim {
font-size: 1.6em;
}

.claim-BigStyle {
font-size: 4.5em;
}

.contentBox.contentBox--streched .blogPrevWrapper {
width: 100%;
max-width: calc(100% - 2.5em);
}

.width-25-Wrapper {
width: 100%;
max-width: calc(100% - 70px);
}

.text-Image-left .contentBox_imageWrapper {
float: left;
width: calc(50% + 100px);
margin-left: -100px;
}

.text-Image-right .contentBox_imageWrapper {
float: right;
width: calc(50% + 100px);
margin-right: -100px;
}

}


@media all 
and (max-width: 1480px) {


.mainNaviWrapper {
width: 1280px;
padding: 100px 2em 100px 2em;
}

.mainNavi {
margin-bottom: 3em;
}

.mainNavi > li > a {
font-size: 3.2em;
}

.mainNavi > li > a:after {
line-height: 0.75;
}

.mainNavi li > div.navdirectlinkOpener {
top: 3.5em;
}

.mainNavi li > div.navdirectlinkOpener > a {
font-size: 4em;
line-height: 0.6;
text-align: right;
}

.navButton, 
a.navButton {
padding: 0.4em 0 0.425em 0;
}

nav .subNavi > li > div.subNaviAnchorwrapper > a {
margin: 0.5em 0 0.5em 0;
font-size: 1.15em;
}

nav .subNavi > li > a {
font-size: 1.8em;
}

.navBottom > a:not(.navButton) {
font-size: 1.5em;
}

.introClaimWrapper {
bottom: 2em;
}

.teaser-beforeClaim {
font-size: 1.5em;
}

.claim-BigStyle {
font-size: 4em;
}

.iconBox .inlineIcon {
max-width: 190px;
max-height: 150px;
}

.iconBox .inlineIcon.aniLoadWrapper {
max-width: 190px;
}

}


@media all 
and (max-width: 1380px) {

.mobileNaviOpener {
width: 60px;
height: 60px;
}

.mobileNaviOpener span {
height: 2px;
}

.teaserArticlePreview .flexBoxes .contentBox_textWrapper {
padding: 0 0 0 3em;
}

}


@media all 
and (max-width: 1280px) {

.mobileNaviOpener {
width: 60px;
height: 60px;
}

.naviDelimiter {
width: 20% !important;
}

.mainNaviWrapper {
padding: 80px 2em 80px 2em;
}

.mainNaviWrapper .width-66 {
width: 80%;
}

.mainNavi {
/**/
}

.mainNavi > li > a {
font-size: 3.2em;
}

.mainNavi > li > a:after {
line-height: 0.75;
}

.mainNavi li > div.navdirectlinkOpener {
top: 2.5em;
}

.mainNavi li > div.navdirectlinkOpener > a {
font-size: 3.2em;
line-height: 0.75;
}

nav .subNavi > li > a {
font-size: 1.5em;
}

.navBottom > a:not(.navButton) {
font-size: 1.3em;
}

.teaser-beforeClaim {
font-size: 1.3em;
}

.claim-BigStyle {
font-size: 3.5em;
}

.width-25-Wrapper {
width: calc(100% - 2.5em);
max-width: calc(100% - 2.5em);
margin: 0 auto;
vertical-align: top;
}

.width-25-Wrapper .width-25.paddingTextBox {
display: inline-block;
width: calc(50% - 0.5em) !important;
padding: 0 2em 0 2em;
vertical-align: top;
}

.iconBox .inlineIcon {
max-width: 180px;
max-height: 140px;
}

.iconBox .inlineIcon.aniLoadWrapper {
max-width: 180px;
}

.iconBox h2 {
font-size: 1.7em;
}

p.fontBigger {
font-size: 1.35em;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

ul.benefitsList {
font-size: 1.35em;
}

/* important links */
.width-25-Wrapper.width-25-Wrapper-iconLinkBox {
width: calc(100% - 5em);
max-width: calc(100% - 5em);
justify-content: left;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox .iconLinkBox p {
font-size: 1.1em;
}

.blogprevImgWrapper .blogDate, 
.blogdetailpageImgWrapper .blogDate {
padding: 0.6em 1em 0.6em 1em;
}

.blogdetailpageImgWrapper {
margin-bottom: 4em;
}

.blogdetailpageImgWrapper .blogDate {
font-size: 1.2em;
}

.betaSticky {
top: 300px !important;
}

.betaStickyWrapper .betaStickyInfo {
top: 170px;
}

.teaserArticlePreview .flexBoxes .contentBox_textWrapper {
padding: 0 0 0 3em;
}

.teaserArticlePreview .flexBoxes .contentBox_textWrapper p {
font-size: 1.125em;
}


}


@media all 
and (max-width: 1250px) {

.fullBox.bannerStyle.quotation .contentBox {
width: 100%;
max-width: calc(100% - 200px);
margin: 0 100px 0 100px;
}

.fullBox.bannerStyle.quotation .h2Style {
margin-top: 1em;
}

.fullBox.bannerStyle.quotation .h2Style:before {
left: 0;
top: -0.6em;
}

}


@media all 
and (max-width: 1150px) {

.teaser-beforeClaim {
font-size: 1.2em;
}

.claim-BigStyle {
font-size: 3em;
}

.iconBox.width-25 {
width: 50%;
border: 2em solid transparent;
}

.iconBox .inlineIcon {
bottom: 5em !important;
}

.iconBox .inlineIcon.aniLoadWrapper {
bottom: 5em !important;
}

.bannerStyle .contentBox .stoererLeft {
width: 130px;
height: 130px;
-webkit-transform: translate(0,30%);
-moz-transform: translate(0,30%);
-o-transform: translate(0,30%);
-ms-transform: translate(0,30%);
transform: translate(0,30%);
}

.contentBox.flexStyle.flexStyle-25boxeswrapper p {
font-size: 1.2em;
}

.fullBox.bannerStyle {
padding-left: 45px;
padding-right: 45px;
}

.fullBox.bannerStyle.quotation {
padding-left: 0;
padding-right: 0;
}

.fullBox.bannerStyle.bannerteaser {
padding-left: 0;
padding-right: 0;
}

.fullBox.bannerStyle.bannerteaser .contentBox .width-33, 
.fullBox.bannerStyle.bannerteaser .contentBox .width-66, 
.fullBox.bannerStyle.bannerteaser .contentBox:not(.teaserArticlePreview) .width-50 {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
margin-bottom: 2em;
}

.fullBox.bannerStyle.bannerteaser .contentBox .width-33 {
width: 66%;
max-width: 100%;
}

.placeHolder {
height: 80px;
}

.placeHolder-small {
height: 40px;
}

.footer__wrapper {
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.footer__wrapper .flexStyle {
display: inline-block;
}

.footer__wrapper .width-50 {
width: 100% !important;
text-align: center !important;
}

.footer__wrapper .socialMediaIconLink {
margin-left: 0.5em;
margin-right: 0.5em;
}

}


@media all 
and (max-width: 1024px) {

h1, .h1Style {
font-size: 2.2em;
}

h2, .h2Style {
font-size: 2.2em;
}

h3, .h3Style {
font-size: 1.3em;
}

h4, .h4Style {
font-size: 1.2em;
}

.claim-BigStyle {
font-size: 3em;
}

.titleStyle {
font-size: 1.2em;
}

p {
font-size: 1.1em;
}

p:not(.fontBigger) {
font-size: 1.1em;
}



.introClaimDelimiter div {
/**/
}

ul.arrowList {
font-size: 1.1em;
}

ul.jobList {
font-size: 1.2em;
}

p.fontBigger {
font-size: 1.2em;
}

ul.benefitsList {
font-size: 1.2em;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox .iconLinkBox p {
font-size: 1em;
}

.iconBox {
height: 280px;
}

.blogOvervieFilterWrapper {
padding: 2em 0 2em 0;
}

.blogOvervieFilterWrapper .buttonStyle {
min-width: 130px;
padding: 0.5em 1.5em 0.5em 1.5em;
margin: 0 1em 1em 0;
}

.clientsOvervieFilterWrapper {
padding: 2em 0 2em 0;
}

.clientsOvervieFilterWrapper .buttonStyle {
min-width: 130px;
padding: 0.5em 1.5em 0.5em 1.5em;
margin: 0 1em 1em 0;
}

.bannerStyle .contentBox .stoererLeft {
width: 120px;
height: 120px;
-webkit-transform: translate(0,33%);
-moz-transform: translate(0,33%);
-o-transform: translate(0,33%);
-ms-transform: translate(0,33%);
transform: translate(0,33%);
}

.placeHolder {
height: 70px;
}

.placeHolder-small {
height: 35px;
}

.betaSticky {
top: 210px !important;
}

.betaStickyWrapper .betaStickyInfo {
top: 80px;
}

div[id*="cblock_"].contentBox.contentBox--streched > span.rotatedStyle.absolutePositioned {
font-size: 1.1em;
}

.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
left: 2.9em;
}


}


@media all 
and (max-width: 1000px) {

.naviDelimiter {
width: 10% !important;
}

.mainNaviWrapper .width-66 {
width: 90%;
}

nav .subNavi li {
width: 50%;
}

nav .subNavi > li > div.subNaviAnchorwrapper > a {
margin: 0.25em 0 0.25em 0;
font-size: 1em;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper {
max-width: calc(100% - 30px);
margin: 0 15px 0 15px;
flex-wrap: wrap;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25 {
width: 50%;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-50 {
width: 100%;
}

.bannerStyle .contentBox .stoererLeft {
display: none;
}

}


@media all 
and (max-width: 950px) {

.header-wrapper {
padding-top: 2em;
padding-left: 3em;
padding-right: 3em;
}

.header--scrolled .pageLogo {
margin-left: -2.5em;
}

/*.contentBox.mainNaviWrapper {
max-width: calc(100% - 2em);
margin: 0 1em 0 1em;
padding: 100px 0 100px 0;
}*/

.mainNaviWrapper {
padding: 80px 1.5em 80px 1.5em;
}

.mobileNaviOpener {
width: 45px;
height: 45px;
margin-right: 0;
margin-top: 0.75em;
}

.mobileNaviOpener span {
height: 2px;
}

main.main--topPadding {
padding-top: 100px;
}

.introClaimWrapper {
bottom: 0 !important;
margin-bottom: -50px;
}

.introClaimDelimiter {
display: inline-block;
width: 95%;
max-width: 95%;
margin: 0 5% 0 0;
}

.contentBox.introBox .imgBox {
width: 100%;
margin: 0;
}

.teaser-beforeClaim {
font-size: 1.4em;
}

.claim-BigStyle {
font-size: 3.5em;
}

.contentBox:not(.mainNaviWrapper) {
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.fullBox.bannerStyle.quotation .contentBox {
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.fullBox.bannerStyle.bannerteaser {
display: block;
}

.fullBox.bannerStyle.bannerteaser .contentBox {
display: block;
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.fullBox.bannerStyle.bannerteaser .contentBox .absolutePositioned.absolutePositioned--centerLeft.rotatedStyle {
position: static !important;
top: auto !important;
left: auto !important;
display: block;
font-size: 1.2em;
text-align: left !important;
white-space: normal;
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}

.fullBox.bannerStyle.bannerteaser .contentBox .width-33, 
.fullBox.bannerStyle.bannerteaser .contentBox .width-66, 
.fullBox.bannerStyle.bannerteaser .contentBox .width-50:not(.teaserArticlePreview) {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
margin-bottom: 2em;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper {
max-width: calc(100% - 30px);
margin: 0 15px 0 15px;
flex-wrap: wrap;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25 {
width: 50%;
}

.width-25-Wrapper {
width: 100%;
max-width: 100%;
text-align: center;
margin: 0 auto;
}

.width-50-Wrapper {
max-width: 100%;
}

.contentBox.contentBox--streched .width-50-Wrapper {
max-width: calc(100% - 70px);
}

.blogPrevWrapper .width-33.paddingTextBox, 
.contentBox.contentBox--streched .blogPrevWrapper .width-33.paddingTextBox {
width: calc(50% - 0.2em);
padding: 0 1em 0 1em;
margin-left: 0;
margin-right: 0;
}

.width-50-Wrapper .width-50 {
width: 100%;
max-width: 100%;
}

.width-50-Wrapper .width-50.horizontalPaddingRightBox, 
.width-50-Wrapper .width-50.paddingTextBox {
padding: 0;
margin-bottom: 2em;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox {
width: calc(100% - 1.5em);
max-width: calc(100% - 1.5em);
}


a.videoBoxPlaceholder:after {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
background-size: 60px auto;
}

.iconLinkBox {
width: 50%;
}

ul.inlineSubnavi {
margin-left: 30px;
}

ul.inlineSubnavi.topFixed {
top: 2.9em;
margin-left: 0;
}

ul.inlineSubnavi.topFixed li span:after {
display: none;
}

.buttonStyle-readmore {
position: absolute;
right: auto !important;
bottom: auto !important;
top: 50% !important;
left: 50% !important;
max-width: 280px !important;
min-width: 100px;
font-size: 1em;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.betaStickyWrapper {
display: none !important;
}

div.flexBoxes {
flex-wrap: wrap;
}

div.flexBoxes > .width-50 {
width: 100% !important;
max-width: 100% !important;
padding-top: 0;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}

div.flexBoxes > .contentBox_imageWrapper {
display: block;
margin: 0 auto;
margin-bottom: 1.5em !important;
}


div[id*="cblock_"].contentBox.contentBox--streched > .rotatedStyle.absolutePositioned {
left: -0.5em;
}

.rotatedStyle.absolutePositioned.teaserArticlePreviewTitle {
display: block;
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
margin-bottom: 1em;
text-align: left;
position: static;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}


.teaserArticlePreview .flexBoxes {
display: block !important;
}

.teaserArticlePreview .width-50, 
.fullBox.bannerStyle.bannerteaser .contentBox.teaserArticlePreview .width-50 {
width: 100% !important;
}

.cookiePolicy .buttonStyle {
width: 45px !important;
min-width: 45px !important;
max-width: 45px !important;
height: 45px !important;
padding: 0.6em 0.5em 0.6em 0.5em;
line-height: 1.4;
}

}


/* mobiles */
@media all 
and (max-width: 800px) {

.header-wrapper {
padding-top: 2em;
padding-left: 1em;
padding-right: 1em;
}

.pageLogo {
margin-top: 0.25em;
}

.header--scrolled .pageLogo {
margin-left: -0.5em;
}

.mainNaviWrapper .width-66 {
width: 90%;
}

.naviDelimiter {
width: 10% !important;
}

.mainNavi {
/**/
}

nav .subNavi {
padding: 2em 0 2em 0;
}

.mobileNaviOpener {
width: 45px;
height: 45px;
margin-right: 0;
margin-top: 0;
}

.mobileNaviOpener span {
height: 2px;
}

main {
padding-top: 100px;
}

.contentBox {
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.contentBox.flexStyle {
display: block;
box-sizing: border-box;
}

.contentBox.flexStyle .horizontalPaddingBox {
padding-left: 0;
padding-right: 0;
}


.contentBox.flexStyle.flexStyle-25boxeswrapper {
display: flex;
max-width: calc(100% - 30px);
margin: 0 15px 0 15px;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25 {
width: 50%;
}

.mobile-showlesswrapper {
padding-bottom: 1em;
position: relative;
}

.mobile-showlesswrapper:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 1000;
display: block;
width: 100%;
height: 10em;
box-sizing: border-box;
padding: 2em 2em 0 2em;
background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}

.mobile-showlesswrapper.allOpened:before {
bottom: -3em;
height: 3em;
padding: 1em 2em 1em 2em;
}

.mobile-showlesswrapper--toggleButton {
position: absolute;
left: 50%;
bottom: -2em;
z-index: 1001;
display: inline-block;
box-sizing: border-box;
border-bottom: 1px solid #d98397;
padding: 0.25em;
text-align: center;
font-size: 0.9em;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.mobile-showlesswrapper--toggleButton.clickedopened {
bottom: -2.5em;
}

.mobile-showlesswrapper .flexStyle-25boxeswrapper {
opacity: 0.2;
}

.mobile-showlesswrapper .flexStyle-25boxeswrapper.firstVisible {
opacity: 1;
}


.fullBox.bannerStyle {
padding: 80px 45px 80px 45px;
}

.verticalPaddingBannerStyle {
padding: 80px 0 80px 0;
}

.contentBox.mainNaviWrapper {
max-width: calc(100% - 2em);
margin: 0 1em 0 1em;
padding: 100px 0 100px 0;
}

.contentBox.imgBgCover {
min-height: 350px;
}

.bg-alignleft-onMobiles {
background-position: left center;
}

.bg-alignright-onMobiles {
background-position: right center;
}

.width-25 {
width: 50%;
}

.width-33 {
width: 100%;
}

.width-50, 
.width-66 {
width: 100%;
}

.paddingTextBox {
padding: 2em 0 2em 0;
}

.paddingTextBox-top0 {
padding-top: 0 !important;
}

.horizontalPaddingLeftBox {
padding-left: 0;
}

.horizontalPaddingRightBox {
padding-right: 0;
}

.navBottom .width-50 {
width: 50%;
}

.introClaimWrapper {
bottom: 1.5em !important;
}

.teaser-beforeClaim {
font-size: 1.2em;
}

.claim-BigStyle {
font-size: 3.5em;
}

.contentBox_imageWrapper {
margin-bottom: 4em;
}

.text-Image-left .contentBox_imageWrapper, 
.text-Image-right .contentBox_imageWrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.text-Image-left .contentBox_textWrapper, 
.text-Image-right .contentBox_textWrapper {
height: auto !important;
min-height: 0 !important;
padding-left: 0;
padding-right: 0;
}

.text-Image-left .contentBox_textWrapper .valignBottom, 
.text-Image-right .contentBox_textWrapper .valignBottom {
position: static;
padding: initial;
}

ul.inlineSubnavi.topFixed {
top: 2em;
}

.blogPrevWrapper, 
.contentBox.contentBox--streched .blogPrevWrapper {
/*display: inline-block;*/
width: 100%;
max-width: 100%;
padding: 0;
margin-top: 1em;
}

.blogPrevWrapper .width-33.paddingTextBox, 
.contentBox.contentBox--streched .blogPrevWrapper .width-33.paddingTextBox {
display: inline-block;
width: calc(50% - 5px);
padding-left: 1em;
padding-right: 1em;
margin: 0 1em 0 -1em;
margin-bottom: 4em;
vertical-align: top;
}

.blogOverviewWrapper {
display: inline-block;
width: 100%;
max-width: 100%;
padding: 0;
text-align: left;
}

.blogOverviewWrapper .width-33.paddingTextBox {
display: inline-block;
width: calc(50% - 5px);
padding-left: 1em;
padding-right: 1em;
margin: 0 1em 0 -1em;
margin-bottom: 4em;
}

.contentBox.contentBox--streched .width-25-Wrapper {
width: calc(100% + 70px);
max-width: calc(100% + 70px);
margin-left: -25px;
margin-right: -25px;
}

.contentBox.contentBox--streched .rotatedStyle {
position: static !important;
top: auto !important;
left: auto !important;
display: block;
text-align: left !important;
white-space: normal;
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox {
width: 100% !important;
max-width: 100% !important;
margin-left: -1em !important;
}

.iconBox {
height: 340px;
}

.pageDescGraphic {
max-height: 400px;
}

ul.arrowList {
display: block;
width: 550px;
max-width: 100%;
}

.incformStyle .width-50 {
width: 50%;
}

div.flexBoxes {
flex-wrap: wrap;
}

.placeHolder {
height: 50px;
}

.placeHolder-small {
height: 25px;
}

.footer__wrapper {
max-width: calc(100% - 90px);
margin: 0 45px 0 45px;
}

.footer__wrapper .flexStyle {
display: inline-block;
}

.footer__wrapper .width-50 {
width: 100% !important;
text-align: center !important;
}

.footer__wrapper .socialMediaIconLink {
margin-left: 0.5em;
margin-right: 0.5em;
}


.hideOnDesktop {
display: block;
}

.hideOnMobiles {
display: none;
}

}


@media all 
and (max-width: 750px) {

header.header--scrolled .header-wrapper {
padding-bottom: 1em;
}

.header--scrolled .pageLogo {
margin-left: 0;
}

.naviDelimiter {
display: none !important;
}

.mainNavi {
margin: 0 0 2em 0;
/**/
}

nav .subNavi {
/**/
}

.navBottom .width-50 {
width: 100%;
}

.mainNaviWrapper .width-50.alignRight {
text-align: left;
margin-top: 3em;
}

.navBottom .navButton {
display: block;
margin: 0 1em 0.25em 0;
}

.navBottom .navButton:nth-last-child() {
margin-bottom: 2em;
}

.rotatedStyle {
position: static !important;
top: auto !important;
left: auto !important;
display: block;
text-align: center !important;
white-space: normal;
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}

.contentBox:not(.mainNaviWrapper) {
max-width: calc(100% - 3em);
margin: 0 1.5em 0 1.5em;
}

.contentBox.introBox {
margin-bottom: 30px;
}

.fullBox.bannerStyle.quotation .contentBox {
max-width: calc(100% - 3em);
margin: 0 1.5em 0 1.5em;
}

.fullBox.bannerStyle.bannerteaser .contentBox {
max-width: calc(100% - 3em);
margin: 0 1.5em 0 1.5em;
}

.flexStyle {
display: inline-block;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper {
max-width: 100%;
margin: 0;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .paddingBox {
padding-left: 1.5em;
padding-right: 1.5em;
}

.width-25 {
width: 50%;
}

.width-33 {
width: 100%;
}

.width-50, 
.width-66 {
width: 100%;
}

.iconLinkBox {
width: 50%;
}

.text-Image-left .contentBox_textWrapper, 
.text-Image-right .contentBox_textWrapper {
padding: 1em 0 2em 0;
}

.contentBox_imageWrapper {
margin-bottom: 1em;
}

.text-Image-left .contentBox_imageWrapper, 
.text-Image-right .contentBox_imageWrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.horizontalPaddingBox {
padding: 0;
}

.paddingTextBox {
padding: 2em 0 2em 0;
}

.introClaimWrapper {
bottom: 0 !important;
margin-bottom: -50px;
}

.teaser-beforeClaim {
font-size: 1.1em;
}

.introClaimWrapper .teaser-beforeClaim {
padding: 0.5em 0.5em 0.25em 0;
}

.claim-BigStyle {
font-size: 2.8em;
}

.teaser-beforeClaim > .backToBlogOverview {
font-size: initial;
}

.teaser-beforeClaim > .backToBlogOverview:after {
background-position: left 0 bottom 1px;
}

.blogPrevWrapper, 
.contentBox.contentBox--streched .blogPrevWrapper {
display: block;
width: 100%/*450px*/;
max-width: 100%;
margin: 0 auto;
text-align: center;
}

.blogPrevWrapper .width-33.paddingTextBox, 
.contentBox.contentBox--streched .blogPrevWrapper .width-33.paddingTextBox {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-bottom: 4em;
margin-top: 1em;
}

.blogOvervieFilterWrapper {
padding: 1em 0 1em 0;
}

.blogOvervieFilterWrapper .buttonStyle {
min-width: 120px;
padding: 0.5em 1.5em 0.5em 1.5em;
margin: 0 1em 1em 0;
}

.blogOverviewWrapper {
display: block;
width: 100%/*450px*/;
max-width: 100%;
margin: 0 auto;
text-align: center;
}

.blogOverviewWrapper .width-33.paddingTextBox {
width: 100%;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
margin-bottom: 2em;
}

.blogPrevWrapper h3, 
.blogOverviewWrapper h3 {
font-size: 1.8em;
}

.blogdetailpageImgWrapper {
margin-bottom: 3em;
}

.contentBox.contentBox--streched .width-50-Wrapper {
max-width: 100%;
}

.width-25-Wrapper {
width: 100%;
max-width: 100%;
text-align: center;
margin: 0 auto;
}

.contentBox.contentBox--streched .width-25-Wrapper {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}

.width-25-Wrapper .width-25.paddingTextBox {
width: 100% !important;
padding: 0;
vertical-align: top;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox {
width: calc(100% + 25px) !important;
max-width: calc(100% + 25px) !important;
margin-left: -25px;
margin-right: -25px;
}

.clientsOvervieFilterWrapper {
padding: 1em 0 1em 0;
}

.clientsOvervieFilterWrapper .buttonStyle {
min-width: 120px;
padding: 0.5em 1.5em 0.5em 1.5em;
margin: 0 1em 1em 0;
}

.incformStyle .width-50 {
width: 100%;
}

.incformStyle .width-50:nth-child(odd) {
padding-right: 0;
}

.incformStyle .width-50:nth-child(even) {
padding-left: 0;
}

.akkordTitle.akkordTitle-big {
flex-wrap: wrap;
align-items: flex-start;
justify-content: left;
}

.akkordTitle.akkordTitle-big > span {
height: auto;
}

.akkordTitle.akkordTitle-big > span.alignCenter {
justify-content: left;
text-align: left;
}

.akkordTitle.akkordTitle-big > span > img {
margin: 0;
}

.akkordTitle.akkordTitle-big > span:nth-child(1) {
width: 50%;
padding-right: 0;
margin: 0.5em 0 0.5em 0;
font-size: 1.8em;
}


.akkordTitle.akkordTitle-big > span:nth-child(2) {
width: 100%;
padding-right: 50px;
margin-bottom: 1em;
}

.akkord-desc.akkord-desc-big {
padding-left: 0;
}

.flexslider-infinity .flex-direction-nav {
top: 30%;
display: none;
}

.slideBlock--text p {
max-width: 100%;
font-size: 1em !important;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.stickyFormWrapper {
max-width: calc(100% - 3em);
right: 1.5em;
}

.stickyFormWrapper:not(.stickyFormWrapper-closed):not(.stickyFormWrapper-minified) {
padding: 2.5em 1.75em;
}

.stickyFormWrapper--content .incformStyle .width-50:nth-child(odd) {
padding-right: 0;
}

.stickyFormWrapper--content .incformStyle .width-50:nth-child(even) {
padding-left: 0;
}

.popUpBlock {
margin: 0 auto;
}

.popUpCloser {
right: -0.5em;
width: 22px;
height: 22px;
background-size: 22px auto;
}

.strech-below-750 {
width: 100% !important;
}

.footer__wrapper {
max-width: calc(100% - 3em);
margin: 0 1.5em 0 1.5em;
}

.footer__wrapper .copyRight {
white-space: normal;
line-height: 1;
}

.footer__wrapper .copyRight a:nth-child(1) {
display: block;
height: 0;
margin: 0 0 0.5em 0;
}


.footer__wrapper .copyRight span:nth-last-child(1) {
display: inline !important;
}

.footer__wrapper .copyRight span {
display: none;
}

.cookiePolicy {
bottom: 0;
}

.cookiePolicy_closer {
margin: 1em 0 0 0;
}

.cookiePolicy .contentBox {
border-radius: 0;
}

}


@media all 
and (max-width: 580px) {

nav .subNavi li {
width: 100%;
/*min-height: 50px;*/
padding: 0 0 1em 0;
}

.navBottom > a:not(.navButton) {
font-size: 1.2em;
}

.slideBlock {
max-width: calc(100% - 2em);
margin: 0 2em 0 0;
}

.flexslider .claim-BigStyle > span > br {
display: none !important;
}

.stickyFormWrapper-closed {
width: 90px;
height: 55px;
background-size: 60px auto;
}

.stickyFormWrapper.stickyFormWrapper-closed:after {
bottom: -30px;
}

}


@media all 
and (max-width: 480px) {

nav {
padding: 0;
}

.mainNaviWrapper {
width: 100%;
max-width: 100%;
padding: 80px 0 80px 0;
margin: 0;
}

.mainNavi > li > a {
padding-left: 0;
padding-right: 0;
margin-left: 30px;
margin-right: 30px;
font-size: 2.5em;
}

.mainNavi > li > a:after {
line-height: 1.1;
}

.mainNavi > li > a.navButton.navButton__active {
border-bottom: 3px solid;
}

.mainNavi li > div.navdirectlinkOpener {
top: 1.55em;
right: 30px;
}

.mainNavi li > div.navdirectlinkOpener > a {
font-size: 2.5em;
line-height: 1;
}

nav .subNavi > li > span.subNaviAnchorOpener {
display: block;
}

nav .subNavi {
padding: 0;
border: 0;
}

nav .subNavi li {
padding: 0;
}

nav .subNavi > li > a {
padding: 1em 0 1em 0;
margin: 0 30px 0 30px;
border-bottom: 1px solid #ffffff;
}

nav .subNavi > li > div.subNaviAnchorwrapper {
display: none;
padding: 1em 2em;
margin: 0;
margin-top: -1px;
background-color: #CAE1E7;
}

nav .subNavi > li > div.subNaviAnchorwrapper.subNaviAnchorwrapper-opened {
display: block;
}

nav .subNavi > li > div.subNaviAnchorwrapper > a {
display: block;
margin: 0;
padding: 0.5em 0 0.5em 0;
color: initial;
}

nav .subNavi > li > div.subNaviAnchorwrapper > a:hover {
color: #3A6875;
}

.navBottom {
padding-left: 30px;
padding-right: 30px;
}

main {
padding-top: 80px;
}

h1, .h1Style {
font-size: 1.8em;
}

h2, .h2Style {
font-size: 1.8em;
}

h3, .h3Style {
font-size: 1.2em;
}

h4, .h4Style {
font-size: 1.2em;
}

div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > .h2Style, 
div[id*="cblock_"].bannerStyle.quotation .blogContentWrapper > h2 {
font-size: 1.8em;
}

.bannerStyle.quotation .h2Style, 
.bannerStyle.quotation h2 {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

p, 
.titleStyle, 
.buttonStyle {
font-size: 1em;
}

.buttonStyle {
height: auto;
padding: 0.7em 2em 0.7em 2em;
}

.introClaimDelimiter {
padding-left: 0;
}

.introClaimWrapper .claim-BigStyle:before {
width: 0;
}

.teaser-beforeClaim {
font-size: 1em;
}

.claim-BigStyle {
font-size: 2.5em;
}


.iconBox.width-25 {
float: none;
display: table;
width: 250px;
margin: 0 auto;
margin-bottom: 2em;
}

.iconBox h2 {
font-size: 1.5em;
}

ul.inlineSubnavi {
max-width: calc(100% - 80px);
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25 {
width: 100%;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25.iconBox {
height: 280px;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25.iconBox h2 {
white-space: initial;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper .width-25.iconBox h2:after {
display: none !important;
}

.contentBox.flexStyle.flexStyle-25boxeswrapper h3, 
.contentBox.flexStyle.flexStyle-25boxeswrapper p {
font-size: 1.2em;
}

.infoOpener--content {
width: 300px;
max-width: 90%;
max-height: 90%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.blogOvervieFilterWrapper {
padding: 0 0 1em 0;
}

.blogOverviewWrapper .width-33.paddingTextBox {
padding-top: 0;
}

.blogPrevWrapper h3, 
.blogOverviewWrapper h3 {
font-size: 1.5em;
}

.blogdetailpageImgWrapper {
margin-bottom: 2em;
}

.clientsOvervieFilterWrapper {
padding: 0 0 1em 0;
}

.fullBox.bannerStyle {
padding: 50px 2em 50px 2em;
}

.verticalPaddingBannerStyle {
padding: 50px 0 50px 0;
}

.popUpBlockItemContentBox {
padding: 2em 0 2em 0;
}

.cookiePolicy .buttonStyle {
padding: 0.75em 0.5em 0.7em 0.5em;
}

}


@media all 
and (max-width: 414px) {

.pageLogo {
width: 110px;
margin-top: 0.35em;
}

.pageLogo a {
width: 110px;
min-width: 110px;
}

.header--scrolled .pageLogo {
width: 30px;
}

.mainNavi {
/**/
}

.contentBox.introBox .imgBox, 
.contentBox.introBox .flexslider {
min-height: 500px;
}

.contentBox.introBox .flexslider ul.slides, 
.contentBox.introBox .flexslider ul.slides li {
min-height: 500px;
}

p:not(.fontBigger) {
font-size: 1.1em;
}

.introClaimDelimiter div {
/* */
}

/*
.introClaimDelimiter .claim-BigStyle br {
display: none;
}
*/

p.fontBigger {
font-size: 1.2em;
}

ul.benefitsList {
font-size: 1.2em;
}

.strech-below-414 {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

.strech-below-414 .contentBox_textWrapper, 
.strech-below-414 .paddingTextBox {
max-width: calc(100% - 3em);
margin-left: 1.5em;
margin-right: 1.5em;
}

.pageDescGraphic {
max-height: 340px;
}

.width-25-Wrapper .width-25.paddingTextBox {
width: 100% !important;
padding: 0 0 2em 0;
vertical-align: top;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding-top: 1em;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox .iconLinkBox {
margin-left: 0 !important;
}

.iconLinkBox {
width: 100%;
}

.width-25-Wrapper.width-25-Wrapper-iconLinkBox.logosWrapper .iconLinkBox {
width: calc(50% - 0.5em);
margin: 0.25em !important;
}

.iconLinkBoxLink {
width: 100%;
padding: 0;
margin: 0;
}

.slideBlock {
max-width: calc(100% - 1.5em);
margin: 0 1.5em 0 0;
}

.slideBlock--text {
padding: 2.5em 1.5em;
}

a.downloadPDF {
min-height: 44px;
padding-right: 1.5em;
padding-left: 45px;
background-size: 36px auto;
}

ul.arrowList li {
padding-left: 1.5em;
}

ul.jobList {
font-size: 1.1em;
}

ul.jobList strong, 
ul.jobList b {
display: block;
}

.hideOnPhones {
display: none;
}

}


@media all 
and (max-width: 375px) {

.header-wrapper {
padding-top: 1em;
padding-bottom: 1em;
}

.mobileNaviOpener {
width: 40px;
height: 40px;
}

nav {
padding: 0;
}

.mainNavi {
/**/
}

main {
padding-top: 80px;
}

main.main--topPadding {
padding-top: 80px;
}

.contentBox.mainNaviWrapper {
max-width: calc(100% - 4em);
margin: 0 2em 0 2em;
padding: 80px 0 80px 0;
}

.contentBox.introBox {
margin-bottom: 0;
}

.contentBox.introBox .imgBox, 
.contentBox.introBox .flexslider {
min-height: 380px;
}

.contentBox.introBox .flexslider ul.slides, 
.contentBox.introBox .flexslider ul.slides li {
min-height: 380px;
}

.introClaimWrapper {
margin-bottom: -30px;
}

.claim-BigStyle {
font-size: 2.3em;
}

.width-25 {
width: 100%;
}

.iconBox {
height: 240px;
}

.iconBox.width-25 {
width: 220px;
}

.iconBox .inlineIcon {
max-width: 140px;
max-height: 120px;
bottom: 5em !important;
}

.iconBox .inlineIcon.aniLoadWrapper {
max-width: 140px;
bottom: 5em !important;
}

ul.inlineSubnavi.topFixed {
top: 1.2em;
}

.pageDescGraphic {
max-height: 260px;
}

.backToBlogOverview {
padding-left: 1.5em;
}

.backToBlogOverview:after {
margin-left: -25px;
}

.blogOvervieFilterWrapper .buttonStyle {
min-width: 90px;
padding: 0.5em 1em 0.5em 1em;
margin: 0 0.5em 1em 0;
}

.blogdetailpageImgWrapper .blogDate {
font-size: 1em;
}

.clientsOvervieFilterWrapper .buttonStyle {
min-width: 90px;
padding: 0.5em 1em 0.5em 1em;
margin: 0 0.5em 1em 0;
}

.placeHolder {
height: 40px;
}

.placeHolder-small {
height: 20px;
}


}


@media all 
and (max-width: 320px) {

.introClaimDelimiter {
width: 100%;
max-width: 100%;
margin: 0;
}

.claim-BigStyle {
font-size: 1.9em;
}

ul.inlineSubnavi {
max-width: 210px;
padding-right: 0.25em;
}

.slideBlock {
max-width: calc(100% - 1em);
margin: 0 1em 0 0;
}

}


/* ipads specific landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.iconBox.width-25 {
width: 25%;
}

}


/* ipads specific portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.contentBox.introBox .imgBox, 
.contentBox.introBox .flexslider {
min-height: 750px;
}

.contentBox.introBox .flexslider ul.slides, 
.contentBox.introBox .flexslider ul.slides li {
min-height: 750px;
}

.iconBox.width-25 {
display: table;
margin-bottom: 3em;
}

.iconBox .inlineIcon {
max-width: 180px;
}

.iconBox .inlineIcon.aniLoadWrapper {
max-width: 180px;
}

}