.pageWrapper {
display: block;
width: 100%;/* 1600px delimiter */
max-width: 100%;
margin: 0 auto;
padding: 0;
}

/* page header */

.pageHeader {
display: block;
width: 100%;
margin: 0 auto;
padding: 2.5em 0 0.75em 0;
background-color: transparent;
position: fixed;
top: 0;
z-index: 10000;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.pageHeader .devLabel {
display: block;
position: fixed;
top: -20px;
left: -40px;
z-index: 10001;
width: 100px;
height: 60px;
padding: 35px 0 0 0;
background-color: #000000;
color: #ffffff;
font-size: 0.75em;
pointer-events: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.pageHeader .contentBlock {
display: flex;
align-items: center;
/*justify-content: center;*/
width: 1440px;
text-align: left;
position: relative;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
-o-transition: width 0.5s;
transition: width 0.5s;
}

.pageHeader a {
text-decoration: none;
}

.pageHeader.header--scrolled {
top: -200px;
}


.pageLogo {
float: left;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 85px;
margin: 0;
text-align: left;
cursor: pointer;
}

.pageLogo a {
display: block;
max-width: 100%;
height: auto;
}

.pageLogo img {
display: block;
max-width: 100%;
height: auto;
}

nav {
display: inline-block;
width: calc(100% - 150px);
box-sizing: border-box;
padding: 0 0 0 2em;
margin-left: auto;
}


/* main navi type 1 */

ul.mainHeaderNavi {
list-style-type: none;
float: left;
display: block;
width: auto;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
color: #64616a;
}

ul.mainHeaderNavi li {
float: left;
display: block;
box-sizing: border-box;
margin: 0 1.5em 0 0;
position: relative;
}

ul.mainHeaderNavi li a {
display: block;
box-sizing: border-box;
margin: 0;
color: inherit;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

ul.mainHeaderNavi li a:hover, 
ul.mainHeaderNavi li a.navButton__active {
color: #000000;
}

ul.mainHeaderNavi li a.subnaviOpener {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

ul.mainHeaderNavi li a.subnaviOpener:after {
content: '';
float: right;
display: block;
width: 20px;
height: 20px;
background-image: url(../images/select-arrow-right.svg);
background-repeat: no-repeat;
background-size: auto 6px;
background-position: center center;
opacity: 1;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

ul.mainHeaderNavi li a.subnaviOpener.subnaviOpener-active {
color: #000000;
}

ul.mainHeaderNavi li a.subnaviOpener.subnaviOpener-active:after {
opacity: 1;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

ul.subNavi {
display: none;
text-align: left;
opacity: 0;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

ul.subNavi.subNavi-visible {
/**/
}

ul.subNavi li {
float: none;
display: block;
box-sizing: border-box;
margin: 0 0 0.25em 0;
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 0.75em 0.75em;
position: static;
}

.subNaviWrapper {
display: block;
width: 100%;
padding: 0 2em 0 2em;
background-color: #F5F5F6;
position: absolute;
left: 0;
z-index: 1000;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.subNaviWrapper .contentBlock {
/**/
}

.subNaviWrapper ul.subNavi {
display: inline-block;
width: 100%;
padding: 3em 0 3em 0;
margin: 2em 0 2em 0;
opacity: 1;
}

.subNaviWrapper ul.subNavi li {
float: left;
display: flex;
width: calc(25% - 1em);
min-width: 300px;
min-height: 150px;
padding: 1em 1.5em 1em 1em;
margin: 0 1em 1em 0;
text-align: left;
color: #635F6D;
/*background-color: #eeeeee;*/
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.subNaviWrapper ul.subNavi li:hover {
color: #000000;
background-color: #ffffff;
}

.subNaviWrapper ul.subNavi li.iconmenu {
padding-left: 3em;
}

.subNaviWrapper ul.subNavi li a {
flex-grow: 1;
width: 100%;
height: 100%;
}

.subNaviWrapper ul.subNavi li .subNavi-item-desc {
display: block;
box-sizing: border-box;
padding: 1em 0 1em 0;
font-size: 0.8125em;
color: #64616a;
}

.navTopRight {
float: right;
display: flex;
width: auto;
}

.navTopRight-onTop {
/* on top: */
font-size: 0.9em;
position: absolute;
top: -1.5em;
right: 0;
justify-content: space-between;
/*width: 100%;*/
}

ul.navTopRightItems, 
ul.countryLangItems {
list-style-type: none;
float: right;
display: block;
width: auto;
box-sizing: border-box;
margin: 0;
padding: 0;
}

ul.navTopRightItems li, 
ul.countryLangItems li {
float: left;
display: block;
margin: 0 0 0 1em;
}

ul.navTopRightItems li a:not(.buttonStyle), 
ul.countryLangItems li a:not(.buttonStyle) {
background-repeat: no-repeat;
background-size: 0 0;
background-position: 0 45%;
}

ul.navTopRightItems li a.buttonStyle, 
ul.countryLangItems li a.buttonStyle {
min-width: 0;
padding: 0.7em 1.5em 0.58em 1.5em !important;
margin-top: -0.5em;
margin-bottom: auto;
font-size: 0.875em;
}


.countrySelectorWrapper {
margin-left: 0;
text-align: right;
}

select.countrySelector {
display: inline-block;
width: auto;
height: auto;
border: 0;
padding: 0 0.75em 0 0;
text-align: right;
background-color: transparent;
background-size: auto 6px;
background-position: 100% 40%;
direction: rtl !important;
}

select.countrySelector option {
padding: 0;
text-align: right;
}

.langChangerWrapper {
margin-left: 0;
}

select.langChanger {
display: inline-block;
width: auto;
height: auto;
border: 0;
padding: 0 0.75em 0 0;
background-color: transparent;
background-size: auto 6px;
background-position: 100% 40%;
}

select.langChanger option {
padding: 0;
}

/**/

.mobileNaviOpener {
float: right;
display: none;
width: 72px;
height: 72px;
border-radius: 50%;
border: 0px solid;
border-color: #000000;
/*background-color: #ffffff;*/
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: 1px;
background-color: #000000;
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: #000000;
}

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

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

.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: 15%;
}

.mobileNaviOpener.opened {
border-color: #000000;
}

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

.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;
}

.whiteStyle .mobileNaviOpener:not(.opened) {
border-color: #ffffff;
}

.whiteStyle .mobileNaviOpener:not(.opened) span {
background-color: #ffffff;
}


/* main navi type 2 */
.mainNavi { 
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
width: 620px;
max-width: 100%;
height: 100px;
padding: 0;
margin: 0 0 0 auto;
font-size: 0.9em;
overflow: hidden;
}

.mainNavi:hover li a:not(.navButton__active):not(.activeSubpage) {
color: #999999;
}

.mainNavi li {
display: flex;
/*flex-wrap: wrap;*/
align-self: flex-start;
width: 30%;
padding: 0 0 0 1em;
margin-top: 0.35em;
margin-bottom: 0.35em;
text-align: left;
background-image: none;
}

.mainNavi li.specialDivider {
flex-basis: 100%;
width: 0;
height: auto;
}

.mainNavi li a {
display: block;
height: inherit;
padding: 0 1.5em 0 0;
color: initial;
position: relative;
}

.mainNavi li a.active, 
.mainNavi li a:hover, 
.mainNavi li a.activeSubpage {
color: #000000 !important;
}

.mainNavi li a.navButton__active {
color: initial;
}

.mainNavi li a.navButton__active:before {
content: '';
width: 6px;
height: 6px;
box-sizing: border-box;
border-radius: 50%;
padding: 0;
margin-left: -1em;
background-color: #000000;
position: absolute;
left: 0;
top: 0.5em;
}

.mainNavi li .subnavBox {
display: none;
}

.mainNavi li .mobileSubnavExpander {
display: none;
}

.mainNavi .showOnMobiles {
display: none;
}

.subNav {
display: block;
width: 100%;
max-width: 100%;
height: 400px;
padding: 0;
margin: 0 auto;
overflow: hidden;
opacity: 1;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(255,255,255,1);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.subNav .delimiter {
width: 100%;
}

.subNav .paddingBox {
width: 100%;
padding-top: 1.4em;
}

.subNavCloser {
position: absolute;
top: 1.8em;
right: 1.6em;
display: block;
width: 50px;
height: 50px;
background-image: url(https://www.berlincures.com/images/mobile-closer-icon-black.svg);
background-size: 28px auto;
background-repeat: no-repeat;
background-position: center center;
}

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

.subNav .subnavBox {
float: left;
position: absolute;
display: inline-block;
top: -400px;
padding: 1.2em 0;
opacity: 0;
}

.subNav .subnavBox.active {
left: 50%;
top: auto;
opacity: 1;
-webkit-transition: left 0.2s, opacity 0.5s;
-moz-transition: left 0.2s, opacity 0.5s;
-o-transition: left 0.2s, opacity 0.5s;
transition: left 0.2s, opacity 0.5s;
}

.subNav h3 {
display: none;
}

.subNav ul {
list-style-type: none;
width: 280px;
max-width: 100%;
padding: 0;
margin: 0;
}

.subNav ul li {
padding-left: 0;
background-image: none;
}

.subNav ul li a {
display: block;
padding: 0.25em 0 0.25em 0;
margin: 0 0 0.5em 0;
border-bottom: 1px solid;
border-color: #D9D9D9;
color: initial;
}

.subNav ul li a:hover {
border-color: #DA291C;
}

.subNav a.active {
color: #DA291C;
border-color: #DA291C;
}

.subNav a.activeSubpage {
color: #DA291C;
}

.subNav.subNavClosed {
height: 0 !important;
min-height: 0 !important;
opacity: 0;
z-index: -1000;
}

.subNav.subNavClosed .paddingBox {
padding-top: 0;
padding-bottom: 0;
}


.topSocialMediaWrapper {
position: absolute;
top: 0;
right: -20px;
width: 40px;
}

.topSocialMediaWrapper a {
display: block;
width: 32px;
height: 32px;
padding: 0.55em 0 0 0.3em;
margin: 0.3em 0 1.2em 0;
border: 1px solid transparent;
border-radius: 50%;
color: #FF1D43;
text-align: center;
font-size: 0.85em;
position: relative;
}

.topSocialMediaWrapper a:nth-child(2) {
margin-bottom: 0.35em;
}

.topSocialMediaWrapper a:after {
content: '';
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid;
border-color: #FF1D43;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.25s ease;
-moz-transition: 0.25s ease;
-o-transition: 0.25s ease;
transition: 0.25s ease;
}

.topSocialMediaWrapper a:hover:after {
content: '';
display: block;
width: 36px;
height: 36px;
top: -2px;
left: -2px;
}

/**/

main {
overflow-x: hidden;
}

main div[id^="cblock_"]:nth-of-type(1):not(.fullTeaser) {
padding-top: 250px;
}

main div[id^="cblock_"].width-100 {
overflow-x: hidden;
}

main.fadedOut:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}

.contentBlock {
display: inline-block;
width: 1280px;
max-width: 100%;
margin: 0 auto;
}

.contentBlock-verticalpadding {
padding-top: 6.25em;/* 100px */
padding-bottom: 6.25em;
}

.contentBlock-verticalpadding-plus {
padding-top: 11.25em;/* 180px */
padding-bottom: 11.25em;
}

.contentBlock-verticalpadding-less {
padding-top: 3.125em;/* 50px */
padding-bottom: 3.125em;
}

.contentBlock-leftrightpadding {
padding-left: 2em;
padding-right: 2em;
}

/* breadcrumb */

.breadcrumbNavigation {
width: calc(1280px + 4em);
padding: 2.375em 2em 2.375em 2em;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/*color: #8fa89d;*/
}

.breadcrumbNavigation a {
color: inherit;
}

.breadcrumbNavigation a:hover {
color: #43574b;
}

.bcitems-delimiter {
display: inline-block;
width: 18px;
text-align: center;
line-height: 0.75;
}

/**/


mark, code {
height: 1em;
padding-left: 0.25em;
padding-right: 0.25em;
font-family: inherit;
color: inherit;
background-color: #8FEEF2;
/*
background-image: url(https://www.berlincures.com/images/mark-icon.svg);
background-repeat: repeat-x;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
*/
}


p.highlightBox {
width: 400px;
max-width: 100%;
margin-top: 3em;
margin-bottom: 3em;
margin-left: auto;
padding: 2em 1.75em;
color: inherit;
background-color: #8FEEF2;
}

p.highlightBox a {
display: inline-block;
max-width: 100%;
padding: 0 0 0.15em 0;
margin: 2em 0 0 0;
border-bottom: 1px solid;
border-color: #FF1D43;
font-size: 0.8125em;
text-transform: uppercase;
}

p.highlightBox a:hover {
color: #FF1D43;
}

.anchorBanner {
display: block;
width: 100%;
padding: 0 0 1em 0;
}

.anchorBanner a {
display: inline-block;
margin: 0 2em 1em 0;
}

.anchorBanner a:hover, 
.anchorBanner a.active {
border-bottom: 1px solid #FF1D43;
}

.pageAnchorBanner {
display: block;
width: 100%;
height: 80px;
overflow: hidden;
position: relative;
}

.pageAnchorBanner.pageAnchorBanner--topsticky {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}

.pageAnchorBanner.pageAnchorBanner--topsticky .pageAnchorBanner-inner {
background-color: #ffffff;
}

.pageAnchorBanner-inner {
padding: 1.58em 1.75em 1.58em 1.75em;
margin: 0 0 7px 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}

.pageAnchorBanner-inner::-webkit-scrollbar {
display: none;
}

.pageAnchorBanner .scrollStatus {
display: block;
width: 10px;
height: 2px;
background-color: #FF1D43;
position: absolute;
bottom: 7px;
left: 0;
-webkit-transition: width 0.25s;
-moz-transition: width 0.25s;
-o-transition: width 0.25s;
transition: width 0.25s;
}

.pageAnchorBanner:after {
content: '';
display: block;
width: 100%;
height: 7px;
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 7px;
left: 0;
z-index: 2;
}

.pageAnchorBanner a {
margin: 0 3em 0 0;
color: #666666;
font-size: 0.9375em;
}

.pageAnchorBanner a:hover {
color: #000000;
}
.pageAnchorBanner a.active {
color: #ff1d43;
}

/* buttons */

.buttonStyle {
display: inline-block;
min-width: 180px;
max-width: 100%;
height: max-content;
border: 0;
border-color: initial;
border-radius: 2.65em;/*2.6em*/
padding: 1.3em 2em 1.1em 2em;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.3;
letter-spacing: 0.12em;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
position: relative;
}

.buttonStyle span {
display: block;
max-width: 100%;
margin: 0 auto;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
}

.buttonStyle:before {
content: '';
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
border: 1px solid;
background-color: inherit;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.buttonStyle:hover:before {
content: '';
width: 104%;
height: 104%;
top: -2%;
left: -2%;
border-color: #FF1D43;
background-color: inherit;
}

.buttonStyle-smaller {
min-width: 160px;
padding: 1em 1.75em 0.8em 1.75em;
}

.buttonStyle-smaller:-moz-read-only {
padding: 1em 1.75em 1em 1.75em;
}

.buttonStyle-grey {
background-color: #cccccc;
border-color: #cccccc;
}

.buttonStyle-grey:hover {
background-color: #999999;
border-color: #999999;
}

.buttonStyle-red {
color: #ffffff;
background-color: #FF1D43;
border-color: #FF1D43;
}

.buttonStyle-red:hover, 
.buttonStyle-red.active {
color: #ffffff;
background-color: #E51313;
border-color: #E51313;
}

.buttonStyle-green {
background-color: #8fa89d;
border-color: #8fa89d;
}

.buttonStyle-green:hover, 
.buttonStyle-green.active {
background-color: #43574b;
border-color: #43574b;
}

.buttonStyle-yellow {
background-color: #F4D293;
border-color: #F4D293;
}

.buttonStyle-yellow:hover, 
.buttonStyle-yellow.active {
background-color: #ebc071;
border-color: #ebc071;
}

.buttonStyle-white {
background-color: #ffffff;
color: #FF1D43;
border-color: #FF1D43;
}

.buttonStyle-minWidth-255 {
min-width: 255px;
}

.buttonStyle-autoWidth {
min-width: 0;
}

.buttonStyle-transparent {
color: initial;
background-color: transparent;
/*border: 1px solid;*/
border-color: initial;
}

.buttonStyle-transparent:hover {
color: #999999 !important;
background-color: transparent;
border-color: #999999;
}

.buttonStyle-transparent.redStyle {
color: #FF1D43 !important;
border-color: #FF1D43;
}

.buttonStyle-margintop0 {
margin-top: 0 !important;
}

.buttonStyle-marginright {
margin-right: 2em;
}

.buttonStyle-marginleft {
margin-left: 2em;
}

/*input.buttonStyle {
border: 0;
}*/

.popUpButton {
/**/
}


/* font styles */

h1, .h1Style {
font-size: 5.3125em;
line-height: 1;
margin-bottom: 0.75em;
}

h2, .h2Style, h2.initialStyle {
font-size: 2.8125em;
line-height: 1.2;
margin-bottom: 0.5em;
}

h2.h1Style {
/**/
}

h3, .h3Style {
font-size: 1.5625em;
line-height: 1.2;
margin-bottom: 0.5em;
}

.h2bigStyle {
display: block;
max-width: 1280px;
margin: 0 auto;
font-size: 7.5em;
line-height: 1;
}

.text-187 {
font-weight: normal;
font-size: 1.875em;
line-height: 1.4;
}

p.text-187 {
margin-bottom: 0;
}

.h1Style .buttonStyle, 
.h2Style .buttonStyle, 
.text-187 .buttonStyle, 
.h2bigStyle .buttonStyle {
font-size: initial;
}

.thinStyle {
font-weight: normal;
}

.mediumStyle {
font-family: 'TT Firs Neue W01 Medium', sans-serif;
font-weight: normal;
}

.regularStyle {
font-family: 'TT Firs Neue W01 Regular', sans-serif;
font-weight: normal;
}

.boldStyle {
font-family: 'TT Firs Neue W01 Medium', sans-serif;
font-weight: normal;
}


/* flex slider */

.flexslider {
margin-bottom: 2.75em;
border: 0;
border-radius: 0;
background: none;
background-color: transparent;
}

.flexslider.noControls {
margin-bottom: 0;
}

.flexslider.noControls .flex-control-nav {
display: none !important;
}

.flex-direction-nav a, 
.flex-direction-nav a:before {
font-size: 24px;
color: inherit;
text-shadow: none;
}

.flex-direction-nav a.flex-next:before {
content: '';
width: 45px;
height: 40px;
background-image: url(../images/slider-next-icon.svg);
background-repeat: no-repeat;
background-size: 12px auto;
background-position: center center;
}

.flex-direction-nav a.flex-prev:before {
content: '';
width: 45px;
height: 40px;
background-image: url(../images/slider-next-icon.svg);
background-repeat: no-repeat;
background-size: 12px auto;
background-position: center center;
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.flex-control-paging li a {
background-color: #dddddd;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.flex-control-paging li a:hover {
background-color: #666666;
}

.flex-control-paging li a.flex-active {
background-color: #333333;
}

.bg-redStyle .flex-control-paging li a.flex-active, 
.bg-greenStyle .flex-control-paging li a.flex-active {
background-color: #ffffff;
}


/* flex slider infinity */

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

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

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

.bg-blackStyle .flexslider-infinityWrapper:before, 
.bg-blackStyle .flexslider-infinityWrapper:after {
background-color: rgba(0,0,0,0.75);
}

.bg-whiteStyle .flexslider-infinityWrapper:before, 
.bg-whiteStyle .flexslider-infinityWrapper:after {
background-color: rgba(255,255,255,0.75);
}

.bg-greenStyle .flexslider-infinityWrapper:before, 
.bg-greenStyle .flexslider-infinityWrapper:after {
background-color: rgba(143,168,157,0.75);
}

.bg-redStyle .flexslider-infinityWrapper:before, 
.bg-redStyle .flexslider-infinityWrapper:after {
background-color: rgba(232,0,47,0.75);
}

.bg-yellowStyle .flexslider-infinityWrapper:before, 
.bg-yellowStyle .flexslider-infinityWrapper:after {
background-color: rgba(230,138,0,0.75);
}

.bg-verylightgreyStyle .flexslider-infinityWrapper:before, 
.bg-verylightgreyStyle .flexslider-infinityWrapper:after {
background-color: rgba(245,245,246,0.75);
}

.bg-greyStyle .flexslider-infinityWrapper:before, 
.bg-greyStyle .flexslider-infinityWrapper:after {
background-color: rgba(204,204,204,0.75);
}
*/

.bg-verylightgreyStyle .flexslider-infinity .boxStyle {
background-color: rgba(255,255,255,1);
}

.bg-blackStyle .flexslider-infinity .boxStyle, 
.bg-greenStyle .flexslider-infinity .boxStyle, 
.bg-redStyle .flexslider-infinity .boxStyle, 
.bg-yellowStyle .flexslider-infinity .boxStyle, 
.bg-greyStyle .flexslider-infinity .boxStyle {
background-color: rgba(245,245,246,0.4);
}

.flexslider-infinity {
margin-bottom: 5em;
}

.flexslider-infinity .flexStyle {
text-align: inherit;
}

.flexslider-infinity .flexStyle .width-100 {
margin-top: auto;
}

.flexslider-infinity .boxStyle {
margin: 0 0.75em 0 0.75em;
background-color: #F5F5F6;
color: initial;
}

.flexslider-infinity .width-100 .boxStyle .boxStyle--text {
padding: 2.75em 2.2em 2.75em 2.2em;
}

.flexslider-infinity .width-100 .boxStyle .boxStyle--text .boxStyle--pageicon, 
.boxStyle--pageicon {
float: right;
width: 40px;
}

.flexslider-infinity .width-100 .boxStyle .boxStyle--text h2 {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.infinitySliderScrollerBar {
display: none;
width: calc(100% - 1.5em);
height: 0.4em;
margin: 1em auto;
background-color: #eeeeee;
/*
position: absolute;
left: 0;
bottom: 0;
*/
}

.infinitySliderScrollerBar--dragbar {
display: block;
width: 10em;
height: 0.4em;
background-color: #8fa89d;
}

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

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

.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: -5em;
left: 50%;
width: 120px;
height: auto;
margin: 0 auto;
margin-left: -60px;
}

.flexslider-infinity .flex-direction-nav li {
float: left;
display: block;
width: 50%;
margin: 0;
}

.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 .flex-direction-nav a {
float: left;
display: block;
width: 100%;
top: auto;
opacity: 1;
}

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

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

.flex-direction-nav .flex-disabled {
opacity: 0.5 !important;
z-index: 0;
}

.iconLeft {
display: inline-block;
box-sizing: border-box;
padding-left: 2em;
background-repeat: no-repeat;
background-position: 0 2px;
}

.iconLeft-location {
background-image: url(../images/location-icon.svg);
background-size: auto 26px;
}

.iconLeft-email {
background-image: url(../images/email-icon.svg);
background-size: auto 17px;
background-position: 0 4px;
}

.iconLeft-phone {
background-image: url(../images/phone-icon.svg);
background-size: auto 19px;
}

/**/

ol {
list-style: none;
counter-reset: li;
padding-left: 2em;
text-align: left;
}

/*ol li::marker {
width: 24px;
text-align: left;
color: #FF1D43;
}*/

ol li {
margin: 0 0 0.65em 0;
counter-increment: li;
}

ol li:before {
content: counter(li);
color: #FF1D43;
display: inline-block;
width: 2em;
margin-left: -2em;
text-align: left;
}

ol.references {
font-size: initial !important;
}

ol.references li:before {
color: inherit;
}

ol.references li > a {
text-decoration: underline;
}

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

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

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

.bg-darkredStyle ul.strokeList li:before, 
.bg-blackStyle ul.strokeList li:before {
background-color: #ffffff;
}

.boxStyle--text ul {
list-style-type: none;
padding: 0;
font-size: 0.875em;
}

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

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

/* different widths */

.width-100 {
width: 100%;
}

.width-80 {
width: 80%;
}

.width-75 {
width: 75%;
}

.width-66 {
width: 66.666%;
}

.width-60 {
width: 60%;
}

.width-50 {
width: 50%;
}

.width-40 {
width: 40%;
}

.width-33 {
width: 33.333%;
}

.width-25 {
width: 25%;
}


.max-width-90 {
width: 100%;
max-width: 90%;
}

.max-width-80 {
width: 100%;
max-width: 80%;
}

.max-width-60 {
width: 100%;
max-width: 60%;
}

.max-width-770 .max-width-60 {
width: 100%;
max-width: 100%;
}

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

.max-width-40 {
width: 100%;
max-width: 40%;
}

.contentBlock.max-width-90, 
.contentBlock.max-width-80, 
.contentBlock.max-width-60, 
.contentBlock.max-width-50, 
.contentBlock.max-width-40 {
width: 1280px;
}

.alignCenter .max-width-90, 
.alignCenter .max-width-80, 
.alignCenter .max-width-60, 
.alignCenter .max-width-50, 
.alignCenter .max-width-40 {
margin: 0 auto;
}

span.width-80, 
span.width-75, 
span.width-66, 
span.width-60, 
span.width-50, 
span.width-40, 
span.width-33 {
display: inline-block;
}

.max-width-770 {
width: 770px;
max-width: 100%;
display: block;
}


.max-width-980 {
width: 980px;
max-width: 100%;
display: block;
}

.max-width-1000 {
width: 1000px;
max-width: 100%;
display: block;
}


.max-width-1250 {
width: 1250px;
max-width: 100%;
display: block;
}

.max-width-1280 {
width: 1280px;
max-width: 100%;
display: block;
}

.h2Style.inlineBlockStyle.width-60 {
max-width: 1000px;
}


/**/

.flexStyle {
display: flex;
flex-wrap: wrap;
}

.flexStyle.inlineFlex {
display: inline-flex;
}

.flexStyle-boxes-autoHeight {
align-items: flex-start;
}

.flexStyle-boxes-sameHeight {
align-items: stretch;
}

.flexStyle-alignRight {
justify-content: flex-end !important;/*right*/
}

.flexStyle-boxes-sameHeight .flexStyle-boxes--verticaldelimiter {
width: 1px;
}

.flexStyle-imgRight {
flex-direction: row-reverse;
}

.flexStyle-singleRight {
justify-content: flex-end;/*right*/
}

.flexStyle-textVerticalCenter {
flex-direction: column;
}

.flexStyle-singleRight div {
padding-left: 2em;
padding-right: 2em;
}

.flexStyle-spaceAround {
justify-content: space-around;
}

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

.topOverlay {
position: relative;
}

.topOverlay div:nth-child(1) {
margin-top: -8em;
}

.topOverlay .quotationStyle {
margin-top: -1.3em;
}

/**/
.flexStyle .width-33:not(.flexStyle), 
.flexStyle .width-50:not(.flexStyle) {
display: block;
}

.flexStyle.alignCenter {
justify-content: center;
}

.boxStyle {
display: block;
}

.boxStyle-coloredborder {
border: 1px solid;
}

.boxStyle-leftrightmargin {
margin: 0 0.75em 0 0.75em;
}

.flexStyle .boxStyle-coloredborder {
height: 100%;
}

.boxStyle-coloredborder-red {
border-color: #FF1D43;
}

.boxStyle-coloredborder-green {
border-color: #8fa89d;
}

.boxStyle-coloredborder-yellow {
border-color: #e68a00;
}

.boxStyle-coloredborder-grey {
border-color: #cccccc;
}

.boxStyle-coloredborder-lightgrey {
border-color: #d8d7da;
}

.boxStyle-coloredborder-trans {
border-color: transparent;
}

.flexStyle .width-33:nth-child(1) .boxStyle.boxStyle-coloredborder {
border-left: 0;
border-right: 0;
}

.flexStyle .width-33:nth-child(3) .boxStyle.boxStyle-coloredborder {
border-left: 0;
border-right: 0;
}


.contentBlock.flexStyle .width-33 h2:not(.initialStyle), 
.contentBlock.flexStyle .width-33 .h2Style:not(.initialStyle) {
font-weight: normal;
font-size: 1.625em;
line-height: 1.5;
}

.contentBlock.flexStyle .width-33 h2.boldStyle:not(.initialStyle), 
.contentBlock.flexStyle .width-33 .h2Style.boldStyle:not(.initialStyle) {
/**/
}

main.tightLayout {
/**/
}

main.tightLayout .contentBlock[id^="cblock_"] {
display: block;
width: calc(700px + 4em);
margin: 0 auto;
}

main.tightLayout .contentBlock h1, 
main.tightLayout .contentBlock .h1Style {
font-size: 2.8125em;
color: #FF1D43;
}

main.tightLayout .contentBlock h2, 
main.tightLayout .contentBlock .h2Style, 
main.tightLayout .contentBlock .quotationStyle {
font-size: 1.875em;
}

main.tightLayout .paddingBox.bg-highlightStyle {
padding: 3.5em;
}

.horizontalScrollingWrapper {
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
white-space: nowrap;
}

.horizontalScrollingWrapper::-webkit-scrollbar {
display: none;
}

/*
.horizontalScrolling {
display: flex;
width: auto;
flex-wrap: nowrap; 
overflow-x: auto;
}
*/

.contentBlock-horizontalscrolling {
display: flex;
flex-wrap: nowrap;
position: relative;
z-index: 0;

-ms-overflow-style: none;
scrollbar-width: none;
white-space: nowrap;

}

.contentBlock-horizontalscrolling::-webkit-scrollbar {
display: none;
}

.contentBlock-horizontalscrolling div.width-50 {
/**/
}

.contentBlock-horizontalscrolling .contentBox_textWrapper {
white-space: initial;
flex-shrink: 0;
}

.contentBlock-horizontalscrolling .contentBox_textWrapper > div:not(.bg-videoBubbleStyle) {
padding-right: 5em;
}

.pipelineGraphicWrapper {
width: 936px;
}

.fullTeaser {
display: flex;
flex-wrap: wrap;
min-height: 100vh !important;
padding-top: 250px;
padding-bottom: 150px;
overflow: hidden;
position: relative;
}

.fullTeaser.autoHeight {
min-height: 320px !important;
padding-top: 7.5em;
padding-bottom: 7.5em;
}

.fullTeaser .contentBlock {
display: flex;
align-self: center;
position: relative;
z-index: 2;
}

.fullTeaser .contentBlock .contentBox_textWrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}

.fullTeaser .contentBlock .contentBox_textWrapper .boxTeaser {
width: 100%;
align-self: flex-start;
font-size: 1.5625em;
}

.fullTeaser .contentBlock .contentBox_textWrapper p span.boxTeaser {
font-size: 0.8em;
}

.fullTeaser .contentBlock .contentBox_textWrapper h1, 
.fullTeaser .contentBlock .contentBox_textWrapper .h1Style {
padding-right: 0.5em;
margin-bottom: -15px;
}

.fullTeaser .contentBlock .contentBox_textWrapper h2, 
.fullTeaser .contentBlock .contentBox_textWrapper .h2Style {
padding-right: 2em;
margin-bottom: initial;
}

.fullTeaser .contentBlock .contentBox_textWrapper p {
display: block;
padding-left: 2em;
padding-right: 2em;
border-left: 1px solid;
}

.contentBox_textWrapper p:not(.text-187), 
.contentBox_textWrapper ul, 
.contentBox_textWrapper ol {
font-size: 1.125em;
}

.contentBox_textWrapper p.text-187 {
margin-bottom: 1em;
}

p.indentStyle, 
.contentBox_textWrapper p.indentStyle {
text-indent: 2em;
}

.bg-videoBubbleStyle {
position: absolute;
top: -25%;
left: -20%;
z-index: 1;
width: 60%;
height: auto;
}

.videoWrapperBg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background-color: #eeeeee;
overflow: hidden;
}

.videoWrapperBg video {
position: absolute;
top: 0;
left: 0;
width: auto !important;
max-width: initial !important;
min-width: 100% !important;
min-height: 100% !important;
}

.boxStyle--content {
/**/
}

.boxStyle--icon {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
width: 100px;
height: 100px;
margin: 0 auto;
text-align: center;
}

.boxStyle--icon-green {
/**/
}

.boxStyle--icon-red {
/**/
}

.boxStyle--icon:after {
content: '';
width: 2px;
height: 2.5em;
margin-top: 1em;
background-color: #d8d7da;
}

.boxStyle--icon-green:after {
background-color: #8fa89d;
}

.boxStyle--icon-red:after {
background-color: #FF1D43;
}

.boxStyle--icon img {
display: inline-block;
max-height: 50px;
margin: 0 auto;
}


.boxStyle--icon-simpleright {
display: block !important;
width: 100%;
height: auto;
padding: 2em 2em 0 2em;
margin: 0;
text-align: right !important;
}

.boxStyle--icon.boxStyle--icon-simpleright {
display: block !important;
}

.boxStyle--icon-simpleright img {
float: right;
display: inline-block;
width: auto;
max-height: 68px;
margin-right: 0;
}

.boxStyle--icon-simpleright:after {
display: none;
}

.boxStyle--text {
width: 600px;
max-width: 100%;
padding: 2em 2em 2em 2em;
font-weight: normal;
}

.boxStyle--text h2, 
.boxStyle--text .h2Style {
margin-bottom: 0.65em;
font-weight: normal;
}

.boxStyle--text h2.boldStyle, 
.boxStyle--text .h2Style.boldStyle {
/**/
}

.width-100.flexStyle .width-33 .boxStyle--text {
width: 450px;
max-width: 100%;
padding: 3em 4em 4em 4em;
margin: 0 auto;
}

.width-100.flexStyle .width-33 .boxStyle--icon-simpleright {
width: 600px;
max-width: 100%;
padding: 3em 3em 0 3em;
margin: 0 auto;
}

.boxTeaser {
display: block;
margin-bottom: 1em;
font-weight: normal;
font-size: 0.875em;
color: #FF1D43;
}

a.popUpButton, 
a.boxReadmore, 
a.boxReadmore.greenStyle {
/**/
}

.boxReadmore {
display: inline-block;
padding: 0.2em 3em 0.2em 0;
margin-top: 2em;
margin-bottom: 2em;
font-weight: normal;
font-size: 0.75em;
text-transform: uppercase;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
background-size: auto 12px;
background-position: right top 0.3em;
white-space: nowrap;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.boxReadmore:hover {
padding: 0.2em 3.3em 0.2em 0;
}

.boxStyle--text .boxTeaser, 
.boxStyle--text .boxReadmore, 
.contentBox_textWrapper .boxTeaser, 
.contentBox_textWrapper .boxReadmore {
color: #FF1D43;
}

.boxReadmore:hover {
color: #000000;
}

.bg-blueStyle .boxTeaser, 
.bg-redStyle .boxTeaser {
color: initial;
}

.width-500px, 
.width-100.flexStyle .width-33 .boxStyle--text.width-500px {
width: 500px;
max-width: 100%;
}

.productFeatures {
/**/
}

.productFeatures .boxStyle--productfeature .h2Style {
font-size: 2.5em;
}

/* prod prev boxes */
.productPrevBox {
width: 400px;
max-width: 100%;
padding: 1em;
}

.bannerStyle.quotation {
padding-top: 6.25em;
padding-bottom: 6.25em;
padding-left: 2em;
padding-right: 2em;
}

.quotationSlider {
margin-bottom: 0;
}

.quotationSlider .flex-control-nav {
bottom: 4em;
}

.quotationStyle {
display: block;
font-family: 'TT Firs Neue W01 Italic', sans-serif;
font-weight: normal;
font-size: 2.8125em;
line-height: 1.25;
}

.quotationStyle:before {
/*content: '„';*/
content: '';
display: block;
/*height: 0.6em;*/
width: 100%;
height: 38px;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
margin-bottom: 0.5em;
text-align: inherit;
/*
font-family: 'TT Firs Neue W01 Regular', sans-serif;
font-size: 5em;
line-height: 0;
color: #8FEEF2;
*/
background-image: url(../imgages/quote-icon.svg);
background-repeat: no-repeat;
background-size: 40px auto;
background-position: 0 0;
}

.bg-blackStyle .quotationStyle:before {
color: #999999;
}

.quotationStyle:after {
content: '';
display: block;
width: 100%;
margin: 0 auto;
line-height: 0;
clear: both;
}

.quotation-author {
display: inline-block;
margin-top: 1.2em;
margin-bottom: 1.2em;
font-weight: normal;
font-size: 0.875em;
color: #999999;
}

.max-width-60 .quotationStyle {
max-width: 740px;
margin-left: auto;
margin-right: auto;
}

.imgBox {
overflow: hidden;
}

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

/**/

.marquee {
width: 100%;
max-width: 100vw;
margin: 0 auto;
/*vertical-align: middle;*/
white-space: nowrap;
overflow: hidden;
position: relative;
z-index: 2;
}

.marquee div {
display: inline-block;
padding: 0;
margin-top: 4em;
margin-bottom: 4em;
vertical-align: middle;
animation: marquee 15s linear infinite;
}

.marquee.marquee-sloweronmobiles div {
animation: marquee 20s linear infinite;
}

.marquee.marquee-longtextslower div {
animation: marquee 25s linear infinite;
}

.marquee.marquee-hoverstop div:hover {
animation-play-state: paused;
}

.marquee div span {
display: inline-block;
max-width: initial;
margin: 0;
vertical-align: middle;
}

.marquee div a.buttonStyle {
display: inline-block;
margin: 0 4em 0 4em;
vertical-align: middle;
}

/*
@keyframes marquee {
0% { transform: translateX(101%); }
100% { transform: translateX(-101%); }
}
*/

@keyframes marquee {
0% { transform: translateX(101vw); }
100% { transform: translateX(-101%); }
}


/* modules */

.moduleWrapper {
display: inline-block;
position: relative;
}

/* news press etc. */

.overViewWrapper .blockStyle.grid-item {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: calc(50% - 1em);
padding: 2em;
margin: 0 1em 2em 0;
background-color: #ffffff;
position: relative;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}

.overViewWrapper .blockStyle.grid-item a.boxlink {
display: flex;
width: 100%;
height: 100%;
text-align: center;
align-items: center;
background-color: #ffffff;
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
-webkit-transition: opacity 0.25s, bottom 0.5s ease;
-moz-transition: opacity 0.25s, bottom 0.5s ease;
-o-transition: opacity 0.25s, bottom 0.5s ease;
transition: opacity 0.25s, bottom 0.5s ease;
}

.overViewWrapper .blockStyle.grid-item a.boxlink span {
display: inline-block;
max-width: 80%;
min-height: 25px;
box-sizing: border-box;
padding-left: 50px;
margin: 0 auto;
background-image: url(../images/readmore-icon.svg);
background-repeat: no-repeat;
background-size: 34px auto;
background-position: 0 0;
text-align: center;
}

.overViewWrapper .blockStyle.grid-item a.boxlink.boxlink-download span {
min-height: 28px;
text-align: left;
background-image: url(../images/download-pr-icon.svg);
background-repeat: no-repeat;
background-size: 28px auto;
background-position: 0 0;
}

.overViewWrapper .blockStyle.grid-item.grid-item-linked:hover {
background-color: transparent !important;
}

.overViewWrapper .blockStyle.grid-item.grid-item-linked:hover .boxcontentText, 
.overViewWrapper .blockStyle.grid-item.grid-item-linked:hover .boxcontentFooter {
opacity: 0 !important;
}

.overViewWrapper .blockStyle.grid-item:hover a.boxlink {
bottom: 0.5em;
opacity: 1;
}

.overViewWrapper .blockStyle.grid-item:nth-child(odd) {
margin-left: 0;
margin-right: 1em;
}

.overViewWrapper .blockStyle.grid-item:nth-child(even) {
margin-right: 0;
margin-left: 1em;
}

/* media specials */
div[id^="cblock_"].width-100.bg-whiteStyle .overViewWrapper.mediaWrapper {
max-width: 1220px;
}

div[id^="cblock_"].bg-whiteStyle .overViewWrapper.mediaWrapper .blockStyle.grid-item, 
div[id^="cblock_"].bg-whiteStyle .overViewWrapper.mediaWrapper .blockStyle.grid-item a.boxlink, 
div[id^="cblock_"].bg-whiteStyle .overViewWrapper.eventsWrapper .blockStyle.grid-item, 
div[id^="cblock_"].bg-whiteStyle .overViewWrapper.eventsWrapper .blockStyle.grid-item a.boxlink {
background-color: #E3F3F7;
}

.boxcontentHeader {
padding: 2em 2em 0 2em;
margin-bottom: 0;
text-align: center;
}

.boxcontentHeader img.setBg {
width: 100%;
height: auto;
}

.boxcontentHeader img.iconStyle {
margin: 2em;
}

.mediaWrapper .boxcontentHeader img {
width: auto;
height: 48px;
max-height: 100%;
margin: 0;
}

.boxcontentText {
float: left;
width: 100%;
height: auto;
box-sizing: border-box;
border: 0;
padding: 2em;
font-size: initial;
line-height: 1.6;
}

.boxcontentText h2 {
font-size: 1.5625em;
line-height: 1.4;
}

.boxcontentText .newsCat {
display: block;
margin-bottom: 0.75em;
font-size: 0.85em;
color: #FF1D43;
}

.textDelimiterShort {
display: block;
height: 0.25em;
}

.boxcontentFooter {
float: left;
width: 100%;
height: auto;
box-sizing: border-box;
border: 0;
padding: 2em;
padding-top: 0.5em;
font-size: 0.9em;
line-height: 1.6;
}

.readMoreLink {
display: block;
}

.overViewWrapper .boxcontentText, 
.overViewWrapper .boxcontentFooter {
/*background-color: #F8F8F8;*/
}

.overViewWrapper .boxcontentText:not(.autoHeight) {
height: 250px;
overflow: hidden;
}

.overViewWrapper .boxcontentText:not(.autoHeight) h2 {
display: block;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 5.6em;
}

.overViewWrapper .boxcontentFooter {
float: none;
height: 68px;
}

.bg-greenStyle .overViewWrapper .boxcontentText, 
.bg-greenStyle .overViewWrapper .boxcontentFooter, 
.bg-redStyle .overViewWrapper .boxcontentText, 
.bg-redStyle .overViewWrapper .boxcontentFooter, 
.bg-yellowStyle .overViewWrapper .boxcontentText, 
.bg-yellowStyle .overViewWrapper .boxcontentFooter {
color: initial;
/*background-color: rgba(245,245,246,0.4);*/
}

.overViewWrapper .readMoreLink {
display: block;
width: 100px;
height: 32px;
padding-top: 32px;
text-indent: 100%;
background-image: url(../images/arrow-more.svg);
background-repeat: no-repeat;
background-size: auto 32px;
background-position: 0 0;
overflow: hidden;
}

.overViewWrapper .readMoreLink.readMoreLink-extern {
width: 65px;
margin-left: -10px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.overViewWrapper .blockStyle.grid-item a.boxlink.startEnquiry span {
padding-left: 70px;
background-image: url(../images/arrow-more.svg);
background-repeat: no-repeat;
background-size: auto 32px;
background-position: 0 center;
}

/* jobs */

.overViewWrapper.jobslistWrapper {
padding: 2em 0 2em 0;
margin: 0 auto;
}


.overViewWrapper.jobslistWrapper .jobsInfo {
min-height: 200px;
margin-bottom: 2em;
border-radius: 0.35em;
}

.overViewWrapper.jobslistWrapper .jobsContent {
/**/
}

.overViewWrapper.jobslistWrapper .jobsContent .akkord-desc {
margin-bottom: 2em;
}

.overViewWrapper.jobslistWrapper .jobsContent .placeHolder {
display: none !important;
}

/**/
ul.inlineAnchorList {
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}

ul.inlineAnchorList li {
display: inline-block;
padding: 0;
margin: 0 1em 0 0;
color: inherit;
text-align: left;
background-image: none;
overflow: hidden;
}

ul.inlineAnchorList li a {
padding: 0.25em 0.25em 0.25em 0;
margin: 0;
color: inherit;
white-space: nowrap;
overflow: hidden;
}

ul.inlineAnchorList li a:before {
content: '#';
display: inline-block;
box-sizing: border-box;
padding-right: 0.25em;
}

ul.inlineAnchorList li a:hover,
ul.inlineAnchorList li a.active {
color: #DA291C;
}

ul.downloadsList {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

ul.downloadsList li {
display: block;
padding-left: 0;
margin: 0 0 0.5em 0;
background-image: none;
position: relative;
}

ul.downloadsList li a {
display: block;
padding-left: 1.5em;
background-image: url(../images/download-red-icon.svg);
background-repeat: no-repeat;
background-size: 14px auto;
background-position: 0 0;
}

ul.downloadsModuleList {
list-style-type: none;
padding: 0;
margin: 1em 0 2em 0;
}

ul.downloadsModuleList li {
padding: 0;
margin: 0;
background-image: none;
border-bottom: 1px solid;
}

ul.downloadsModuleList li a.dLink {
display: flex;
width: 100%;
padding: 0.75em 1.5em 0.8em 0;
background-image: url(../images/download-red-icon.svg);
background-repeat: no-repeat;
background-size: 18px auto;
background-position: right 1em;
}


ul.downloadsModuleList li a span.dDate {
width: 90px;
min-width: 90px;
opacity: 0.5;
}

ul.downloadsModuleList li a span.dInfo {
flex: auto;
}


/* blog filter */

ul.filterList {
list-style-type: none;
padding: 0;
margin: 0 0 2em 0;
}

ul.filterList li {
display: block;
box-sizing: border-box;
padding: 0;
margin: 0;
}

ul.filterList li a {
display: block;
padding: 0.75em 1em 0.15em 0;
border-bottom: 1px solid;
border-color: #E5E5E5;
font-size: 1em;
background-image: url(../images/arrow-right-small.svg);
background-repeat: no-repeat;
background-size: auto 12px;
background-position: right top 1em;
}

ul.filterList li a:hover {
border-color: #000000;
background-position: right 0.25em top 1em;
}

ul.filterList li a.activeFilter {
border-color: #000000;
}

ul.filterList li a span {
float: right;
display: inline-block;
margin: 0.1em 0 0.1em 0.5em;
color: initial;
font-size: 0.8em;
text-align: right;
}

/* general horizontal filter */
.horizontalFilterBox {
font-size: 0.9em;
}

.horizontalFilterBox .horizontalFilterBox-title {
display: block;
padding-left: 2em;
margin: 0.4em 0 1.2em 0;
background-image: url(../images/filter-title-icon.svg);
background-repeat: no-repeat;
background-size: auto 12px;
background-position: 0 2px;
}

.horizontalFilterBox a {
display: inline-block;
padding: 0.35em 1.4em 0.25em 1.4em;
margin: 0 1em 1em 0;
border: 1px solid #8fa89d;
background-color: transparent;
}

.horizontalFilterBox a:hover, 
.horizontalFilterBox a.activeFilter {
background-color: #8fa89d;
}

.horizontalFilterBox a span {
float: right;
display: inline-block;
padding: 0.2em 0 0 0;
margin: 0 0 0 0.35em;
color: initial;
font-size: 0.8em;
text-align: right;
}

.searchFilterBox {
display: inline-block;
text-align: left;
font-size: 0.9em;
}

.searchFilterBox .searchFilterBox-title {
display: block;
padding-left: 2em;
margin: 0.4em 0 1.2em 0;
background-image: url(../images/filter-title-icon.svg);
background-repeat: no-repeat;
background-size: auto 12px;
background-position: 0 2px;
}

.searchFilterBox a {
display: inline-block;
padding: 0.35em 1.4em 0.25em 1.4em;
margin: 0 1em 1em 0;
border: 1px solid #999999;
background-color: transparent;
}

.searchFilterBox a:hover, 
.searchFilterBox a.activeFilter {
border-color: transparent;
background-color: #dddddd;
}

.partnerLogo {
display: inline-flex;
max-width: 150px;
max-height: 80px;
margin: 4em;
opacity: 0.3;
vertical-align: middle;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.partnerLogo:hover {
opacity: 1;
}

.partnerLogo img {
display: block;
max-height: 100%;
}

ul.biglistStyle {
list-style-type: none;
padding: 0;
margin: 2em 0 2em 0;
font-weight: normal;
font-size: 1.75em;
}

ul.biglistStyle.checkedlistStyle {
/**/
}

ul.biglistStyle.checkedlistStyle li {
padding: 0.25em 0.5em 0.6em 2.75em;
margin: 0 0 0.5em 0;
border-bottom: 1px solid #999999;
background-image: url(../images/checked-icon-coloured.svg);
background-repeat: no-repeat;
background-size: 35px auto;
background-position: 0.5em 0.25em;
}

ul.biglistStyle.downloadslistStyle {
/**/
}

ul.biglistStyle.downloadslistStyle li {
padding: 0.25em 0.5em 0.6em 2em;
margin: 0 0 0.5em 0;
border-bottom: 1px solid #8fa89d;
background-image: url(../images/download-white-icon.svg);
background-repeat: no-repeat;
background-size: 19px auto;
background-position: 0.5em 0.45em;
}


.h1WrapperParent {
min-height: 400px;
}

.h1Wrapper {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
max-width: calc(100% - 4em);
padding: 4em 2em 4em 2em;
-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: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}


.downloadCat {
display: block;
color: #FF1D43;
}

div[id*="cblock_"] > .contentBox_textWrapper > .downloadCat {
-webkit-transform: translate(0,140%);
-moz-transform: translate(0,140%);
-o-transform: translate(0,140%);
-ms-transform: translate(0,140%);
transform: translate(0,140%);
}

.downloadCat:after {
content: '';
display: block;
width: 100%;
height: 3em;
box-sizing: border-box;
background-image: url(../images/arrow-more.svg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: auto;
}

/* akkordion */
.akkordTitle {
display: block;
padding: 0.75em 0 0.75em 0;
margin: 0;
border-bottom: 1px solid #979797;
font-weight: normal;
font-size: 1.75em;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.akkordTitle.akkordTitle-special {
/**/
}

.akkordTitle:hover {
/**/
}

.akkordTitle:before {
content: '';
float: right;
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
box-sizing: border-box;
padding: 0;
margin: 0;
font-size: inherit;
text-align: center;
color: #FF1D43;
vertical-align: middle;
overflow: hidden;
background-color: transparent;
background-image: url(../images/plus-icon-red.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

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

.akkordTitle.akkordOpened:before {
content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.akkord-desc, 
p.akkord-desc, 
div.akkord-desc {
display: none;
max-width: 100%;
padding: 0 0 3em 0;
margin-top: 0;
margin-bottom: 0;
border-bottom: 1px solid #FF1D43;
opacity: 1;
}

.akkord-desc > p {
margin-bottom: 1em;
}

.akkord-desc > p:last-of-type {
margin-bottom: 0;
}

p.akkordTitle {
display: block;
max-width: 100%;
font-size: 1.5625em;
}


.akkordTitle.akkordTitle-simple {
padding-left: 0;
font-size: initial;
}

.akkordTitle.akkordTitle-simple:before {
content: '';
display: none;
}

.akkord-desc.akkord-desc-simple, 
p.akkord-desc.akkord-desc-simple, 
div.akkord-desc.akkord-desc-simple {
padding: 1em 0 2em 0;
}


/* team */

.teamSortButton {
display: inline-block;
margin: 0 2em 2em 0;
}

.teamSortButton.active {
color: #ffffff;
background-color: #DA291C;
border-color: #DA291C;
}

.staffBox {
width: 500px;
max-width: 40%;
margin-bottom: 10em;
}

.staffBox-visible:nth-child(odd) {
float: left;
margin-right: 3em;
}

.staffBox-visible:nth-child(even) {
float: right;
margin-left: 3em;
-webkit-transform: translateY(4em);
-moz-transform: translateY(4em);
-o-transform: translateY(4em);
-ms-transform: translateY(4em);
transform: translateY(4em);
}

.teamBox {
float: left;
display: block;
width: 100%;
height: auto;
background-color: transparent;
text-align: center;
/*overflow: hidden;*/
position: relative;
}

.teamBox .width-100 {
float: left;
display: block;
min-height: 150px;
padding: 1em;
margin: 0 !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
overflow: hidden;
}

.teamBox .width-100.imgBgCover:not(.teamBoxImg) {
padding: 0;
}

.teamBox .teamBoxImg {
width: 100%;
height: 0;
padding-top: 66.66%;/* 3:2 Aspect Ratio */
overflow: hidden;
position: relative;
}

.teamBox .teamBoxImg img {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
max-height: 100%;
}

.teamBoxDesc {
width: 70%;
max-width: 90%;
min-height: 140px;
padding: 2em;
margin: 0 auto;
text-align: left;
background-color: #ffffff;
position: absolute;
bottom: -4em;
}

.staffBox-visible:nth-child(odd) .teamBoxDesc {
float: left;
margin-left: 0;
left: 0;
}


.staffBox-visible:nth-child(even) .teamBoxDesc {
float: right;
margin-right: 0;
right: 0;
}

.teamImg {
max-width: 100%;
}

.teamBox h3 {
margin: 0 0 0.1em 0;
}


.teamBox .teamInfoOpener {
position: absolute;
right: 0.5em;
bottom: 0.5em;
float: right;
display: block;
width: 30px;
height: 30px;
padding: 0;
margin: 0;
border: 0;
border-radius: 50%;
font-size: 1.7em;
line-height: 1;
text-align: center;
color: transparent;
background-color: #DA291C;
overflow: hidden;
}

.teamBox .teamInfoOpener:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: inherit;
height: inherit;
background-image: url(../images/close-icon-white.svg);
background-repeat: no-repeat;
background-size: 12px auto;
background-position: center center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.teamBox .teamInfoOpener.infoOpened:after {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

.showMemberDetailsBox a {
display: block;
margin: 0 0 0.25em 0;
}

.csvLink {
padding-bottom: 2px;
border-bottom: 1px solid #FF1D43;
text-transform: uppercase;
}

.csvLink:hover {
color: #FF1D43;
}

/* team details in popup */

.teamDetailsWrapper {
font-size: 1em;
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}


.teamDetailsWrapper .width-33 {
width: 33.333%;
}

.teamDetailsWrapper .width-66 {
width: 66.666%;
}

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

.teamTextDetails .cvInfo {
font-size: 1.1em;
}

.teamTextDetails ul {
margin: 0;
}

/* new team */

.moduleWrapper.teamWrapper {
/**/
}

.moduleWrapper.teamWrapper .flexStyle .width-50.contentBox_textWrapper:nth-child(odd) {
padding-left: 0;
padding-right: 1em;
}

.moduleWrapper.teamWrapper .flexStyle .width-50.contentBox_textWrapper:nth-child(even) {
padding-left: 1em;
padding-right: 0;
}


.moduleWrapper.teamWrapper .flexStyle .width-33.contentBox_textWrapper {
width: 32%;
padding-left: 0;
padding-right: 0;
}

.moduleWrapper.teamWrapper .flexStyle .width-33.contentBox_textWrapper:nth-child(3n+2) {
margin-left: 2%;
margin-right: 2%;
}


/* youtube videos */

.ytiframeWrapper {
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;
}

div.stickyAlert {
position: relative;
padding: 2em 3em;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}

div.stickyAlert--closer {
position: relative;
}

div.stickyAlert--closer > a[href="#"] {
position: absolute;
top: -0.5rem;
right: -1rem;
width: 2.5rem;
height: 2.5rem;
box-sizing: border-box;
border-radius: 50%;
font-size: 0;
background-color: #ffffff;
background-image: url(../images/close-black.svg);
background-repeat: no-repeat;
background-size: 1rem auto;
background-position: center center;
overflow: hidden;
}

div.stickyAlert--closer > a[href="#"]:hover {
-webkit-transform: trotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

div[id*="cblock_"] > div.stickyAlert {
position: fixed;
bottom: -50%;
left: 50%;
z-index: 1000;
width: 1280px;
max-width: calc(100% - 2rem);
opacity: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

div[id*="cblock_"] > div.stickyAlert.start {
bottom: 2.5rem;
opacity: 1;
}

/* popup info box */ 

.infoPopUp {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
margin-left: 0.25em;
background-image: url(../images/info-bubble-icon.svg);
background-repeat: no-repeat;
background-size: 18px auto;
background-position: center center;
vertical-align: middle;
}

.infoPopUp.textLink {
display: inline;
width: auto;
height: initial;
margin-left: auto;
background-image: none;
text-decoration: underline;
vertical-align: initial;
}


/* --- */

.infoOpener {
display: inline-block;
width: 18px;
height: 18px;
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: inline-block;
width: 18px;
height: 18px;
box-sizing: border-box;
text-align: center;
font-size: 0.8em;
line-height: 1.7;
}

.infoOpener--content {
width: 0;
height: 1em;
box-sizing: border-box;
padding: 1em;
background-color: #ffffff;
text-align: left;
color: initial;
font-weight: normal;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: -100;
overflow: hidden;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.infoOpener:hover .infoOpener--content {
width: 300px;
height: auto;
min-height: 100px;
z-index: 100000;
opacity: 1;
}

.imageLegend {
display: block;
width: 450px;
max-width: 100%;
box-sizing: border-box;
padding: 0 2em 0 2em;
margin: 0 auto;
margin-top: 1.5em;
margin-bottom: 2em;
}

.imageLegend:before {
content: '';
display: block;
width: 1px;
height: 75px;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
margin-bottom: 1em;
background-color: #8fa89d;
}

.imageLegend.greyStyle:before {
background-color: #979797;
}


.flexStyle .contentBox_textWrapper {
padding: 2em;
padding-top: 0 !important;
text-align: inherit;
}

.flexStyle .contentBox_imageWrapper {
display: flex;
justify-content: space-around;
align-items: center;
text-align: center;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.flexStyle .contentBox_imageWrapper .svgType,
.flexStyle .contentBox_imageWrapper .jpgType, 
.flexStyle .contentBox_imageWrapper .flexslider, 
.flexStyle .contentBox_imageWrapper video {
max-width: calc(100% - 4em);
margin: 0 2em 0 2em;
}

.flexStyle .contentBox_imageWrapper .flexslider:not(.noControls) {
margin-bottom: 2.75em;
}

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

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

.text-Image-left .contentBox_imageWrapper {
float: left;
display: flex;
justify-content: space-around;
text-align: center;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.text-Image-right .contentBox_imageWrapper {
float: right;
display: flex;
justify-content: space-around;
text-align: center;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.text-Image-left .contentBox_imageWrapper .svgType,
.text-Image-right .contentBox_imageWrapper .svgType {
max-width: calc(100% - 4em);
margin: 0 2em 0 2em;
}

.text-Image-left .contentBox_imageWrapper .jpgType,
.text-Image-right .contentBox_imageWrapper .jpgType, 
.text-Image-left .contentBox_imageWrapper .flexslider, 
.text-Image-left .contentBox_imageWrapper video, 
.text-Image-right .contentBox_imageWrapper .flexslider, 
.text-Image-right .contentBox_imageWrapper video {
max-width: calc(100% - 4em);
margin: 0 2em 0 2em;
}

.text-Image-left .contentBox_imageWrapper .flexslider:not(.noControls), 
.text-Image-right .contentBox_imageWrapper .flexslider:not(.noControls) {
margin-bottom: 2.75em;
}

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

.text-Image-left .contentBox_textWrapper p,
.text-Image-right .contentBox_textWrapper p {
display: block;
max-width: 530px;
}

/*.contentBox_textWrapper {
padding-top: 0 !important;
}*/

.width-100 .text-Image-left .contentBox_imageWrapper, 
.width-100 .text-Image-right .contentBox_imageWrapper {
flex-wrap: wrap;
justify-content: center;
}

.text-Image-left .contentBox_imageWrapper .imageLegend, 
.text-Image-right .contentBox_imageWrapper .imageLegend {
/**/
}

.flexStyle-max-1000 {
/**/
}

.checkedSimple-right-dark {
padding-right: 1.5em;
background-image: url(../images/checked-icon-simple-dark.svg);
background-repeat: no-repeat;
background-size: 26px auto;
background-position: right center;
}

.checkedSimple-right-dark.blockStyle {
width: 100%;
padding-top: 0.25em;
margin-bottom: 0.75em;
}

a.scrollTop {
display: block;
width: 25px;
height: 42px;
margin-top: 3em;
margin-bottom: 6em;
background-image: url(../images/scrolltop-arrow.svg);
background-repeat: no-repeat;
background-size: 19px auto;
background-position: 0 0;
}

a.scrollDown {
display: block;
width: 30px;
height: 55px;
font-size: 0;
color: transparent;
background-image: url(../images/arrow-scrolldown.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 0 0;
overflow: hidden;
}

.fullTeaser .scrollDownWrapper {
display: block;
width: 1440px;
max-width: 100%;
height: 55px;
margin: 0 auto;
text-align: left;
position: absolute;
left: 50%;
bottom: 4em;
z-index: 2;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

/* popUp */
.overAllPopUpWrapper {
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
/*background-color: rgba(0,0,0,0.75);*/
background-color: rgba(227,243,247,0.95);
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.overAllPopUpWrapper::-webkit-scrollbar {
display: none;
}

.overAllPopUpWrapper.bg-lightblueStyle {
background-color: #E3F3F7;
}

.popUpBlock {
display: inline-block;
width: 1370px;
max-width: calc(100% - 4em);
min-height: 500px;
top: 0;
border: 2em solid transparent;
border-radius: 3px;
padding: 0;
margin: 0 auto;
margin-top: 140px;
margin-bottom: 2em;
background-color: #ffffff;
text-align: left;
overflow-wrap: break-word;
-webkit-transition: width 0.3s, height 0.3s, opacity 1s ease-in;
-moz-transition: width 0.3s, height 0.3s, opacity 1s ease-in;
-o-transition: width 0.3s, height 0.3s, opacity 1s ease-in;
transition: width 0.3s, height 0.3s, opacity 1s ease-in;
}

.popUpBlock.popUpBlock-medium {
width: 800px;
}

.popUpBlock .fadeIn {
opacity: 1 !important;
}

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

.popUpBlock h1, 
.popUpBlock .h1Style {
font-size: 2.5em;
line-height: 1.3;
}

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

.popUpBlock.popUpBlock-centered {
margin-top: auto;
margin-bottom: auto;
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.popUpCloser {
position: absolute;
top: -6.6em;
right: -2em;
z-index: 100;
display: block;
width: 28px;
height: 28px;
background-image: url(../images/close-black.svg);
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

.popUpCloser:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

.popUpBlock.popUpBlock-small {
position: fixed;
top: 50%;
left: 50%;
width: 500px;
max-width: calc(100% - 2em);
min-height: 200px;
padding: 1em;
margin: 0 auto;
border: 1em solid transparent;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.popUpBlock.popUpBlock-small .popUpCloser {
top: -5em;
right: -2em;
}

.popUpBlock.popUpBlock-teamLayout {
width: 1160px;
border: 0;
background-color: transparent;
}

.popUpBlock.popUpBlock-teamLayout .popUpCloser {
background-image: url(../images/close-black.svg);
position: -webkit-sticky;
position: sticky;
top: 100px;
float: right;
margin: -100px -80px auto;
}

.popUpBlock.popUpBlock-teamLayout .text-Image-right .contentBox_textWrapper {
padding-top: 5em !important;
padding-right: 10%;
padding-bottom: 5em;
}

.popUpBlock.popUpBlock-teamLayout .text-Image-right .contentBox_imageWrapper img.jpgType.blockImg.width-100 {
position: -webkit-sticky;
position: sticky;
top: 150px;
}



.popUpBlock .fullscreenBlock {
width: calc(100% + 4em);
margin-left: -2em;
}

.popUpBlock .width-100.flexStyle.flexStyle-boxes-sameHeight.flexStyle-max-1000 .width-33:not(.width-33-bigger) {
width: 100%;
border: 0;
}

.popUpBlock .width-100.flexStyle.flexStyle-boxes-sameHeight.flexStyle-max-1000 .width-33 div {
width: 100%;
margin-left: 0;
margin-right: 0;
}

.popUpBlock .width-100.flexStyle.flexStyle-boxes-sameHeight.flexStyle-max-1000 .width-33 .boxStyle-coloredborder {
border-left: 0;
border-right: 0;
border-bottom: 0;
}

.popUpBlock .width-100.flexStyle .width-33:not(.width-33-bigger) .boxStyle--text {
padding-left: 0;
padding-right: 0;
}

.popUpBlock .width-100.flexStyle .width-33.width-33-bigger {
width: calc(50% - 1px);
}

.popUpBlock .width-100.flexStyle .width-33.width-33-bigger .boxStyle--text {
padding-left: 2em;
padding-right: 2em;
}

.popUpBlock .max-width-770, 
.popUpBlock .max-width-980, 
.popUpBlock .max-width-1000 {
display: inline-block;
}

.popUpBlock .bannerStyle.quotation {
padding-top: 4em;
padding-bottom: 4em;
}

.popUpBlock .bannerStyle.quotation .inlineBlockStyle.width-66 {
width: 100%;
}

.popUpBlock .bannerStyle.quotation .quotationStyle {
font-size: 1.6em;
}

.popUpBlock .quotationSlider .flex-control-nav {
bottom: 2em;
}

.popUpBlock .contentBlock-verticalpadding {
padding-top: 3.5em;
padding-bottom: 3.5em;
}

.popUpBlock .text-Image-right .contentBox_textWrapper {
padding: 0 2em 2em 0;
}

.popUpBlock .text-Image-left .contentBox_textWrapper {
padding: 0 0 2em 2em;
}

.popUpBlock .text-Image-right .contentBox_imageWrapper, 
.popUpBlock .text-Image-left .contentBox_imageWrapper {
padding: 0;
}

.popUpBlock .text-Image-right .contentBox_imageWrapper .jpgType, 
.popUpBlock .text-Image-left .contentBox_imageWrapper .jpgType, 
.popUpBlock .text-Image-right .contentBox_imageWrapper .flexslider, 
.popUpBlock .text-Image-right .contentBox_imageWrapper video, 
.popUpBlock .text-Image-left .contentBox_imageWrapper .flexslider, 
.popUpBlock .text-Image-left .contentBox_imageWrapper video {
width: 100%;
max-width: 100%;
margin: 0;
}

.popUpBlock .flexStyle .contentBox_imageWrapper .flexslider, 
.popUpBlock .flexStyle .contentBox_imageWrapper video {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}

.popUpBlock .text-Image-right .contentBox_imageWrapper .flexslider:not(.noControls), 
.popUpBlock .text-Image-left .contentBox_imageWrapper .flexslider:not(.noControls) {
margin-bottom: 2.75em;
}

.popUpBlock .flexStyle .contentBox_textWrapper {
padding-top: 0;
}

.popUpBlock .text-187 {
padding-left: 2em;
padding-right: 2em;
font-size: 1.4em;
line-height: 1.4;
}

.popUpBlock .alignLeft .text-187, 
.popUpBlock .alignRight .text-187 {
padding-left: 0;
padding-right: 0;
}

.popUpBlock .akkordTitle {
font-size: 1.4em;
}

.popUpBlock .akkordTitle:before {
font-size: 1.2em;
}

.popUpBlock .akkordTitle.akkordOpened:before {
font-size: 1.05em;
}

.popUpBlock .shareBoxModule {
text-align: center;
position: relative;
top: auto;
left: auto;
padding-bottom: 4em;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}

.popUpBlock .shareBoxWrapper {
position: static;
margin: 0 auto;
}

.popUpBlock .shareBoxModule .placeHolder {
height: 0;
}

.popUpBlock .shareBoxWrapper {
padding: 0;
}

/* colors */

.greyStyle {
color: #979797;
}

.bg-greyStyle {
background-color: #cccccc;
}

.lightgreyStyle {
color: #d8d7da;
}

.bg-lightgreyStyle {
background-color: #d8d7da;
}

.verylightgreyStyle {
color: #F5F5F6;
}

.bg-verylightgreyStyle {
background-color: #F5F5F6;
}

.lightblueStyle {
color: #E3F3F7;
}

.bg-lightblueStyle {
color: initial;
background-color: #E3F3F7;
}

.blueStyle {
color: #1C8FFF;
}

.bg-blueStyle {
color: #ffffff;
background-color: #1C8FFF;
}

.greenStyle {
color: #8fa89d;
}

.bg-greenStyle {
background-color: #8fa89d;
color: #ffffff;
}

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

.yellowStyle {
color: #F4D293;
}

.bg-yellowStyle {
background-color: #F4D293;
/*color: #ffffff;*/
}

.beigeStyle {
color: #f6f0e2;
}

.bg-beigeStyle {
color: initial;
background-color: #f6f0e2;
}

.redStyle {
color: #FF1D43;
}

.bg-redStyle {
background-color: #FF1D43;
color: #ffffff;
}

.darkredStyle {
color: #E51313;
}

.bg-darkredStyle {
background-color: #E51313;
color: #ffffff;
}

.bg-highlightStyle {
background-color: #8FEEF2;
}

.blackStyle {
color: #000000;
}

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

.whiteStyle {
color: #ffffff;
}

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

.bg-transStyle {
background-color: transparent;
}

.bg-whiteStyle-maxHeight-70 {
position: relative;
}

.bg-whiteStyle-maxHeight-70:before {
content: '';
display: block;
width: 100%;
height: 70%;
background-color: #ffffff;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}

.bg-whiteStyle-maxHeight-70 .contentBlock {
position: relative;
z-index: 1;
}

.initialStyle {
color: initial;
}

/* hrs */
.hr-lightgrey {
background-color: #d8d7da;
border-color: #d8d7da;
}

.hr-grey {
background-color: #cccccc;
border-color: #cccccc;
}

.hr-green {
background-color: #8fa89d;
border-color: #8fa89d;
}

.hr-lightgreen {
background-color: #c8f5dc;
border-color: #c8f5dc;
}

.hr-red {
background-color: #FF1D43;
border-color: #FF1D43;
}

.hr-yellow {
background-color: #F4D293;
border-color: #F4D293;
}


/* some form things */

main .formWrapperLoader .h1Style {
font-size: 2.25em;
line-height: 1.3;
margin-bottom: 0.5em;
}

main .formWrapperLoader .text-187 {
font-size: initial;
line-height: initial;
margin-bottom: initial;
}

main .formWrapperLoader .popUpCloser {
display: none !important;
}

.formWrapperLoader .popUpCloser {
display: none !important;
}

.popUpBlock .formWrapperLoader {
width: 100%;
max-width: 100%;
}

.inputsimpleBorderBottom {
padding: 0.5em 0 0.5em 0;
border: 0;
border-bottom: 1px solid;
border-color: initial;
background-color: transparent;
}

.inputsimpleBorderBottom::-webkit-input-placeholder {
opacity: 1 !important;
}

.inputsimpleBorderBottom::placeholder {
opacity: 1 !important;
}

select.inputsimpleBorderBottom {
box-sizing: border-box;
padding-left: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right 0 top 12px;
}


select.inputsimpleBorderBottom option {
box-sizing: border-box;
padding-left: 0 !important;
padding-right: 0 !important;
}


select.inputsimpleBorderBottom {
border-bottom: 1px solid;
}

select.inputsimpleBorderBottom:-moz-focusring {
border-bottom: 1px solid;
outline: initial;
color: initial;
text-shadow: 0 0 0 #000;
}

select.inputsimpleBorderBottom:-moz-focus-inner {
border: initial;
outline: initial;
}

@-moz-document url-prefix() { 
  select.inputsimpleBorderBottom {
     text-indent: -2px;
  }
}


.inputWhiteBg {
border: 0;
background-color: #ffffff;
font-size: 0.9375em;
}

.inputWhiteBg::-webkit-input-placeholder {
opacity: 1 !important;
}

.inputWhiteBg::placeholder {
opacity: 1 !important;
}

form .inputRow {
margin: 0;
margin-bottom: 2em;
}

form .inputRow textarea {
float: none;
width: 100%;
height: 400px;
margin: 0 auto;
border-color: #000000;
background-color: transparent;
font-size: inherit;
}

form .inputRow textarea::placeholder {
opacity: 0.6;
}

form .width-100 .width-50.inputRow:nth-child(odd) {
padding-right: 1em;
}

/**/

form .inputRow .inputField {
position: relative;
}

form .inputRow .inputField input[type="text"] {
padding-top: 0.5em;
}

form .inputRow .inputField input[type="text"]:focus {
border-bottom: 2px solid;
border-color: #8FEEF2;
outline: none;
}

form .inputRow .inputField span {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: text;
pointer-events: none;
}

form .inputRow .inputField input[type="text"]:focus+span, 
form .inputRow .inputField input[type="text"]:not(:placeholder-shown)+span {
font-size: 0.8em;
opacity: 0.6;
top: -5px;

}

form .inputRow .inputField input[type="text"],
form .inputRow .inputField span {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}

/**/

form .inputsimpleBorderBottom.requiredEmpty {
border-bottom: 2px solid;
}

form textarea.requiredEmpty, 
form .checkboxStyle.requiredEmpty {
border: 2px solid;
}

form .inputsimpleBorderBottom.requiredEmpty, 
form textarea.requiredEmpty, 
form .checkboxStyle.requiredEmpty {
border-color: #FF1D43 !important;
}

form .checkboxDesc {
display: inline-block;
max-width: calc(100% - 40px);
margin-top: 2px;
margin-bottom: 2px;
vertical-align: top;
}

form .inputDescLabel {
display: block;
margin: 0 0 0.5em 0;
}

.formStyles {
font-size: 1.125em;
}

.formStyles input[type="submit"], 
.formStyles input[type="reset"], 
.formStyles .buttonStyle {
background-color: transparent;
border-color: initial;
font-size: 0.75em;
}

.formStyles input[type="submit"].buttonStyle, 
.formStyles input[type="reset"].buttonStyle {
border: 1px solid;
}

.formStyles input[type="submit"].buttonStyle:hover, 
.formStyles input[type="reset"].buttonStyle:hover {
background-color: #000000;
color: #ffffff;
border: 0;
}


.placeHolder {
height: 6.25em;/* 100px */
margin-top: 0;
margin-bottom: 0;
text-align: center !important;
}

.placeHolder-small {
height: 3.125em;/* 50px */
}

p.placeHolder, 
p.placeHolder-small {
width: 100%;
margin-bottom: 0;
}

.overtheBottom {
display: inline-block;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translate(0,50%);
-moz-transform: translate(0,50%);
-ms-transform: translate(0,50%);
-o-transform: translate(0,50%);
transform: translate(0,50%);
position: relative;
z-index: 2;
}

.blockStyle, 
.blockImg {
display: block;
}

.blockImg {
height: auto;
}

.pageWrapper .blockStyle.width-100 {
overflow: hidden;
}

.portraitImg {
max-width: 380px;
}

.videoPoster {
display: block;
width: 100%;
}

.inlineBlockStyle {
display: inline-block;
}

.paddingBox {
padding: 2em;
}

.verticalPaddingBox {
padding-top: 2em;
padding-bottom: 2em;
}

.horizontalPaddingBox {
padding-left: 2em;
padding-right: 2em;
}

.prevboxStyle {
margin-bottom: 3em;
}

.filterItemLabel {
color: #8A8791;
}

.filterItemLabel:after {
content: '/';
}

.filterItemLabel:nth-last-child(1):after {
content: '';
}

.width-50.prevboxStyle:nth-child(odd) {
padding-right: 1em;
}

.width-50.prevboxStyle:nth-child(even) {
padding-left: 1em;
}

.prevboxStyle.prevboxStyle-blog {
margin-bottom: 0;
}

.prevboxStyle.prevboxStyle-blog .paddingBox {
padding: 4em 1.2em 2em 1.2em;
border-bottom: 2px solid;
border-color: #F5F5F6;
background-color: transparent;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.prevboxStyle.prevboxStyle-blog .paddingBox:hover {
background-color: #F5F5F6;
border-bottom: 2px solid;
border-color: #000000;
}

.prevboxStyle.prevboxStyle-blog .boxReadmore {
margin-top: 2em !important;
margin-bottom: 1em !important;
}

.prevboxStyle.prevboxStyle-blog .imgBox img {
max-height: 260px;
}

.borderBottom {
border-bottom: 1px solid;
}

.border0 {
border: 0;
}

.padding0 {
padding: 0 !important;
}

.paddingLeft0 {
padding-left: 0 !important;
}

.paddingTop0 {
padding-top: 0 !important;
}

.paddingBottom0 {
padding-bottom: 0 !important;
}

.paddingLeft {
padding-left: 2em;
}

.paddingRight {
padding-right: 2em;
}

.paddingTop {
padding-top: 2em !important;
}

.paddingBottom {
padding-bottom: 2em !important;
}

.margin0 {
margin: 0 !important;
}

.marginAuto {
margin: 0 auto !important;
}

.marginTop0 {
margin-top: 0 !important;
}

.marginBottom0 {
margin-bottom: 0 !important;
}


hr.margin0 {
margin: 0 auto !important;
}

.autoHeight {
height: auto !important;
min-height: 0 !important;
}

.minHeight-200 {
min-height: 200px !important;
}

.smoothTrans {
-webkit-transition: width 0.25s, opacity 0.5s, color 0.5s, background 0.75s;
-moz-transition: width 0.25s, opacity 0.5s, color 0.5s, background 0.75s;
-o-transition: width 0.25s, opacity 0.5s, color 0.5s, background 0.75s;
transition: width 0.25s, opacity 0.5s, color 0.5s, background 0.75s;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.alignLeft {
text-align: left;
}

.alignRight {
text-align: right;
}

.alignCenter {
text-align: center;
}

.relativePositioned {
position: relative;
}

.absolutePositioned {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.hideOnMobiles {
/**/
}

.hideOnPhones {
/**/
}

.showOnPhones {
display: none;
}

.showOnMobiles {
display: none;
}

.overflowXHidden {
overflow-x: hidden;
}

.overflowHidden {
overflow: hidden;
}

.opaque0 {
opacity: 0;
}

.halfOpaque {
opacity: 0.5 !important;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}

.halfOpaque.fadeIn.fadeIn--visible {
opacity: 0.5 !important;
}

.font-175 {
font-size: 1.75em;
}

.smallerFont {
font-size: 0.9375em;
}

.smallFont {
font-size: 0.8em;
}

/* footer */

.pageFooter {
display: flex;
flex-wrap: wrap;
width: 100%;
min-height: 150px;
margin: 0 auto;
padding: 0;
color: #8c8b8b;
background-color: #000000;
text-align: center;
font-size: 0.9375em;
position: relative;
}

.pageFooter a:not(.buttonStyle) {
color: #8c8b8b;
}

.pageFooter a:hover {
color: #ffffff;
}

.pageFooter hr {
margin: 0;
}

.contentBlock-footer:first-child {
min-height: 530px;
padding-top: 6em;
}

.contentBlock-footer {
padding: 2em;
text-align: left;
position: relative;
}

.contentBlock-footer-small {
color: #8c8b8b;
font-size: 0.9em;
}

.contentBlock-footer .footer-brandmark {
width: 32px;
margin-bottom: 2em;
}

.contentBlock-footer-copyright {
padding-bottom: 0 !important;
margin-bottom: 50px;
position: relative;
}

.contentBlock-footer-copyright:before {
content: '';
display: block;
width: 95vw;
height: 0;
padding: 0;
margin: 0 auto;
background-color: #8c8b8b;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
top: 0;
}

.pageFooter .socialMediaWrapper a {
display: block;
/* horizontal */
/*
float: left;
margin-right: 1.5em;
*/
}

/* share box */

.shareBoxModule {
text-align: center;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.shareBoxWrapper {
position: absolute;
top: 0;
left: 0;
width: 250px;
padding: 1em;
}

.shareBoxWrapper .shareLabel {
display: inline-block;
margin: 0 0 1em 0;
border-bottom: 1px solid;
}

.shareBoxWrapper .shareLinksWrapper {
display: none;
}

.shareBoxWrapper .socialmediaLink {
display: block;
width: 100%;
padding: 0;
margin: 0 1em 0.5em 0;
text-align: center;
}

.shareBoxWrapper a:hover {
color: #FF1D43;
}

.sitemapListBlock {
list-style-type: none;
display: inline-block;
box-sizing: border-box;
padding: 0 2em 2em 0;
margin: 0;
vertical-align: top;
}

.sitemapListBlock li {
margin-bottom: 0.5em;
}


.pageFooter .sitemapListBlock {
display: block;
height: auto;
padding: 0 2em 2em 0;
margin: initial;
}

.pageFooter .sitemapListBlock .text-187 {
color: #ffffff;
}

.pageFooter .siteByLink {
position: absolute;
right: 0;
bottom: 50px;
display: block;
width: 50px;
height: auto;
padding: 0;
margin: 0;
line-height: 1;
transform-origin: bottom left;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}


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

.cookiePolicy .contentBlock {
width: 1280px;
max-width: 100%;
border-radius: 0;
position: relative;
}

.cookiePolicy .buttonStyle {
width: 45px !important;
min-width: 45px !important;
max-width: 45px !important;
height: 45px !important;
padding: 1.25em 0.5em 1em 0.5em;
margin: 0;
color: initial;
background-color: #8fa89d;
text-align: center;
line-height: 1.4em;
overflow: hidden;
}

.cookiePolicy .buttonStyle:hover {
color: #ffffff;
background-color: #43574b;
}

.cookiePolicy .contentBlock .paddingBox {
width: 100%;
max-width: 100%;
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;
}


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

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

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

.slideUp {
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
-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);
}

.slideInLeft {
opacity: 0;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}

.slideInLeft.slideInLeft--slidedInLeft {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

.slideInRight {
opacity: 0;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}

.slideInRight.slideInRight--slidedInRight {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}


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

.pageHeader .contentBlock {
width: 1280px;
}

.fullTeaser .scrollDownWrapper {
width: 1280px;
padding: 0 1.25em;
}

}


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

.pageHeader {
padding-left: 2em;
padding-right: 2em;
}


.fullTeaser .scrollDownWrapper {
/**/
}

.subNaviWrapper ul.subNavi li {
width: calc(25% - 1em);
min-width: 280px;
}

.popUpBlock.popUpBlock-teamLayout .popUpCloser {
margin: -100px auto;
}

.pageFooter .contentBlock:not(.width-100) {
padding-left: 2em;
padding-right: 2em;
}

}



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

.overViewWrapper {
/*
max-width: calc(100% - 2em);
margin-left: 1em;
margin-right: 1em;
*/
max-width: 100%;
margin-left: 0;
margin-right: 0;
}

.flexStyle-max-1000 .width-33.width-33-bigger {
width: 45%;
}

}




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

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

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

.fullTeaser .contentBlock .contentBox_textWrapper .boxTeaser {
font-size: 1.15em;
}

.fullTeaser .contentBlock .contentBox_textWrapper h2, 
.fullTeaser .contentBlock .contentBox_textWrapper .h2Style {
align-self: self-start;
}

.fullTeaser .scrollDownWrapper, 
.fullTeaser .scrollDownWrapper a.scrollDown {
height: 40px;
}

.h2bigStyle {
font-size: 5em;
}

.text-187 {
font-size: 1.58em;
line-height: 1.58;
}

.font-175 {
font-size: 1.625em;
}

.marquee div {
margin-top: 2em;
margin-bottom: 2em;
}

.max-width-980 {
padding-left: 2em;
padding-right: 2em;
}

.productPrevBox {
width: 340px;
max-width: 100%;
}

.subNaviWrapper ul.subNavi li {
width: calc(25% - 1em);
min-width: 250px;
}

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

/*
.flexslider-infinityWrapper:before, 
.flexslider-infinityWrapper:after {
background-color: rgba(255,255,255,1);
}

.bg-blackStyle .flexslider-infinityWrapper:before, 
.bg-blackStyle .flexslider-infinityWrapper:after {
background-color: rgba(0,0,0,1);
}

.bg-whiteStyle .flexslider-infinityWrapper:before, 
.bg-whiteStyle .flexslider-infinityWrapper:after {
background-color: rgba(255,255,255,1);
}

.bg-greenStyle .flexslider-infinityWrapper:before, 
.bg-greenStyle .flexslider-infinityWrapper:after {
background-color: rgba(143,168,157,1);
}

.bg-redStyle .flexslider-infinityWrapper:before, 
.bg-redStyle .flexslider-infinityWrapper:after {
background-color: rgba(232,0,47,1);
}

.bg-yellowStyle .flexslider-infinityWrapper:before, 
.bg-yellowStyle .flexslider-infinityWrapper:after {
background-color: rgba(244,210,147,0,1);
}

.bg-verylightgreyStyle .flexslider-infinityWrapper:before, 
.bg-verylightgreyStyle .flexslider-infinityWrapper:after {
background-color: rgba(245,245,246,1);
}
*/

.flexslider-infinity .width-100 .boxStyle .boxStyle--text .boxStyle--pageicon, 
.boxStyle--pageicon {
width: 30px;
}

.boxStyle--icon-simpleright img {
max-height: 50px;
}

.contentBlock.flexStyle .width-33 h2, 
.contentBlock.flexStyle .width-33 .h2Style {
font-size: 1.5em;
}

.contentBlock.flexStyle .width-33 h2:not(.initialStyle), 
.contentBlock.flexStyle .width-33 .h2Style:not(.initialStyle) {
font-size: 1.5em;
}

main .formWrapperLoader .h1Style {
font-size: 1.625em;
}

.productFeatures .boxStyle--productfeature .h2Style {
font-size: 2.4em;
}

.teamBoxDesc {
width: 70%;
max-width: 90%;
}

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

.quotationStyle {
font-size: 2.25em;
}

.partnerLogo {
margin: 3em;
}

.shareBoxModule {
text-align: center;
position: relative;
top: auto;
left: auto;
padding-bottom: 4em;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}

.shareBoxWrapper {
position: static;
margin: 0 auto;
}

.contentBlock-footer-copyright {
margin-bottom: 30px;
}

.pageFooter .siteByLink {
bottom: 30px;
right: -25px;
}

}


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

.teamBoxDesc {
width: 70%;
max-width: 90%;
}

}


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

.pageHeader {
position: fixed;
top: 0;
z-index: 9000;
height: 80px;
padding: 1.75em 2em 1em 2em;
/*background-color: #ffffff;*/
-webkit-transition: 0.75s ease;
-moz-transition: 0.75s ease;
-o-transition: 0.75s ease;
transition: 0.75s ease;
}

.pageHeader.header--scrolled {
top: 0;
background-color: #ffffff;
}

.videoWrapperBg video {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.pageLogo {
width: 90px;
height: 40px;
}

.countrySelectorWrapper {
margin: 1em 0 1em 0;
text-align: left;
}

select.countrySelector {
width: calc(100% - 0.2em);
direction: ltr !important;
}

select.countrySelector, 
select.countrySelector option {
text-align: left;
}

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

@-moz-document url-prefix() { 
  select.countrySelector, 
  select.langChanger {
     text-indent: -2px;
  }
}

.marquee div {
animation: marquee 10s linear infinite;
}

.marquee.marquee-sloweronmobiles div {
animation: marquee 15s linear infinite;
}

.marquee.marquee-longtextslower div {
animation: marquee 30s linear infinite;
}

#pagecontent {
/*padding-top: 80px;*/
}

.pageHeader .contentBlock {
position: relative;
}

nav {
display: none;
position: fixed;
top: -110%;
left: 0;
z-index: -1000;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0;
background-color: #F4D293;
}

nav.openNav {
display: block;
top: 80px;
z-index: 1000;
height: calc(100% - 80px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

ul.mainHeaderNavi {
float: none;
display: block;
width: 100%;
padding: 0 0 1em 0;
margin: 0 auto;
color: #000000;
background-color: #eeeeee;
}

ul.mainHeaderNavi li {
float: none;
margin: 0 auto;
}


ul.mainHeaderNavi li a, 
ul.mainHeaderNavi li a.subnaviOpener {
display: block;
padding: 1em 2em 1em 2em;
text-align: left;
}

ul.mainHeaderNavi li a.navButton:before {
content: '';
display: block;
width: calc(100% - 4em);
height: 1px;
background-color: #dddddd;
position: absolute;
left: 2em;
bottom: -1px;
}

ul.mainHeaderNavi li:nth-last-child(1) a.navButton:before {
display: none;
}

ul.mainHeaderNavi li a.subnaviOpener {
background-position: right center;
}

ul.mainHeaderNavi li a.subnaviOpener.subnaviOpener-active {
color: #ffffff;
background-color: #999999;
}

ul.mainHeaderNavi li a.subnaviOpener.subnaviOpener-active:before {
display: none;
}

ul.mainHeaderNavi ul.subNavi {
display: block;
height: 0;
padding: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.navTopRight {
display: block;
float: none;
font-size: initial;
position: static;
}

ul.navTopRightItems, 
ul.countryLangItems {
display: block;
float: left;
width: 100%;
padding: 0;
margin: 0 auto;
}

/*
ul.countryLangItems {
border-top: 2px solid #eeeeee;
}
*/

ul.navTopRightItems li, 
ul.countryLangItems li {
display: block;
float: left;
width: 100%;
box-sizing: border-box;
padding-left: 2em;
padding-right: 2em;
margin: 0 auto;
/*border-bottom: 2px solid #eeeeee;*/
text-align: left;
}

ul.navTopRightItems li:nth-last-child(1) {
border: 0;
}

ul.navTopRightItems li a:not(.buttonStyle), 
ul.countryLangItems li a:not(.buttonStyle) {
display: block;
padding: 1em 0 1em 2em;
text-align: left;
background-size: 20px auto;
}


ul.navTopRightItems li a.buttonStyle, 
ul.countryLangItems li a.buttonStyle {
display: inline-block;
width: auto;
margin: 0 auto;
padding: 0.9em 2.5em 0.9em 2.5em !important;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
}


ul.mainHeaderNavi.openNav {
/*
top: 80px;
height: calc(100% - 80px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
*/
}

ul.mainHeaderNavi.openNav ul.subNavi li a:before {
display: none;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible {
height: auto;
padding: 0 2em 0 2em;
background-color: #ffffff;
opacity: 1;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li {
float: left;
display: flex;
width: calc(33.333% - 1em);
min-width: 200px;
min-height: 120px;
padding: 1em 0 1em 0;
margin: 0 0 1em 0;
border: 0;
text-align: left;
background-position: 0.75em 1.75em;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li:hover {
background-color: #ffffff;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li.iconmenu {
padding-left: 2.5em;
background-position: 0 1.75em;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li a {
padding: 1em 2em 1em 0;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li .subNavi-item-desc {
display: block;
box-sizing: border-box;
padding: 1em 0 0 0;
font-size: 0.8125em;
color: #64616a;
}

.subNaviWrapper {
display: none !important;
}

.mobileNaviOpener {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: -15px;
right: -12px;
}


/* navi type 2  */

.mainNavi {
font-size: 1.2em;
}

.mainNavi li.specialDivider {
display: none !important;
}

nav.openOnMobiles {
display: initial;
position: fixed;
top: 0;
left: 0;
z-index: -1;
height: 100%;
padding-top: 2em;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

nav.openOnMobiles .mainNavi {
float: none;
display: block;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0 auto;
margin-top: 100px;
opacity: 1;
position: static;
}

nav.openOnMobiles .mainNavi li {
float: none;
display: block;
width: 100%;
padding: 0;
margin-bottom: 0.5em;
text-align: left;
position: relative;
}

nav.openOnMobiles .mainNavi li a {
width: 100%;
padding: 0.25em 1em 0.25em 2em;
}

nav.openOnMobiles .mainNavi li a.navButton__active::before {
margin-left: 1em;
top: 0.75em;
}

nav.openOnMobiles .mainNavi li ul {
padding: 0 2em;
}

nav.openOnMobiles .mainNavi li ul li:last-child {
border: 0;
padding-bottom: 1em;
}

nav.openOnMobiles .mainNavi li ul li a {
padding: 0.75em 0 0.75em 0;
font-family: inherit;
}

.mainNavi:hover li a:not(.navButton__active):not(.activeSubpage) {
color: initial;
}

.mainNavi li .mobileSubnavExpander {
/*display: inline-block;*/
position: absolute;
top: 0.2em;
right: 1.3em;
width: 48px;
height: 48px;
background-image: url(../images/select-arrow-right.svg);
background-repeat: no-repeat;
background-size: auto 6px;
background-position: center center;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.mainNavi li .mobileSubnavExpander.expanderOpened {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.mainNavi li .subnavBox {
display: none !important;
width: 100%;
height: 0;
padding: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.mainNavi li .subnavBox.subnavBox-openOnMobiles {
height: auto;
border-top: 1px solid #dddddd;
opacity: 1;
}

.subNav {
display: none !important;
height: 0;
padding: 0;
}

.subNav .delimiter {
display: none !important;
}

.subNav .subnavBox {
display: none !important;
}

.topSocialMediaWrapper {
width: auto;
right: auto;
padding: 1em 2.2em;
position: static;
}

.topSocialMediaWrapper a {
display: inline-block;
margin: 0 1em 0 0;
}

/**/

main div[id^="cblock_"]:nth-of-type(1):not(.fullTeaser) {
padding-top: 120px;
}

.fullTeaser {
padding-top: 120px;
}


#pagecontent.halfOpaque {
opacity: 1;
}

.breadcrumbNavigation {
padding: 2em 2.3em 2em 2.3em;
font-size: 0.875em;
}

.pageAnchorBanner.pageAnchorBanner--topsticky-mob {
position: fixed;
top: auto;
bottom: -7px;
z-index: 9999;
}

.pageAnchorBanner.pageAnchorBanner--topsticky-mob:before {
content: '';
display: block;
width: 100%;
height: 7px;
-moz-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
position: absolute;
top: 7px;
left: 0;
z-index: 2;
}

.pageAnchorBanner.pageAnchorBanner--topsticky-mob .pageAnchorBanner-inner {
padding: 1.1em 2.25em 1.55em 1.75em;
margin: 7px 0 0 0;
}

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

ul.filterList li {
float: left;
width: auto;
margin: 0 1em 0.5em 0;
}

ul.filterList li a {
font-size: 1em;
}

ul.filterList li a span {
margin-top: 0.15em;
}

a.featureinfosLink:after {
color: initial;
}

.overViewWrapper .boxcontentText:not(.autoHeight) {
height: auto;
}

.overViewWrapper.jobslistWrapper .jobsInfo {
width: 100%;
min-height: 0;
text-align: center;
}

.overViewWrapper.jobslistWrapper .jobsContent {
width: 100%;
padding: 0;
}

.contentBlock-horizontalscrolling .contentBox_textWrapper {
padding-left: 0 !important;
padding-right: 2em !important;
}
 
.max-width-60, 
.max-width-50, 
.max-width-40 {
max-width: 100%;
}

.flexStyle-max-1000 {
display: block;
}

.max-width-770, 
.max-width-980 {
padding-left: 2em;
padding-right: 2em;
}

.flexStyle.flexStyle-max-1000 .width-33, 
.flexStyle.flexStyle-max-1000 .width-50 {
width: 600px;
max-width: 100%;
margin: 0 auto;
}

.flexStyle.flexStyle-max-1000 .boxStyle-leftrightmargin {
margin: 0 auto;
}

.flexStyle.flexStyle-max-1000 hr.width-100 {
display: block;
width: 600px;
max-width: calc(100% - 4em);
margin: 0 auto;
}

.flexStyle.flexStyle-max-1000 .width-33 .boxStyle.boxStyle-coloredborder, 
.flexStyle.flexStyle-max-1000 .width-33:nth-child(1) .boxStyle.boxStyle-coloredborder, 
.flexStyle.flexStyle-max-1000 .width-33:nth-child(2) .boxStyle.boxStyle-coloredborder, 
.flexStyle.flexStyle-max-1000 .width-33:nth-child(3) .boxStyle.boxStyle-coloredborder {
border-left: 0;
border-right: 0;
border-bottom: 0;
}

.flexStyle.flexStyle-max-1000 .flexStyle-boxes--verticaldelimiter {
display: block;
width: 600px;
max-width: calc(100% - 4em);
height: 1px;
margin: 0 auto;
}

.productPrevBox {
float: left;
width: 300px;
max-width: 100%;
}

.productFeatures .boxStyle--productfeature .h2Style {
font-size: 2em;
}

.popUpBlock .flexStyle.flexStyle-max-1000 hr.width-100 {
width: 100%;
max-width: 100%;
}

.popUpBlock .width-100.flexStyle .width-33.width-33-bigger {
width: 100%;
}

.popUpBlock .width-100.flexStyle .width-33 .boxStyle--icon-simpleright {
padding: 2em 0 0 2em;
}

.popUpBlock .width-100.flexStyle .width-33.width-33-bigger .boxStyle--text {
padding: 2em 0 2em 0;
}

.popUpBlock .flexStyle.flexStyle-max-1000 .flexStyle-boxes--verticaldelimiter {
width: 100%;
max-width: 100%;
}

.width-33.prevboxStyle {
width: 50%;
max-width: 100%;
margin: 0 auto;
margin-bottom: 2em;
}

.teamBoxDesc {
width: 70%;
max-width: 90%;
}

.prevboxStyle.prevboxStyle-blog .paddingBox {
padding: 2em 2em 2em 0;
margin: 0 0 2em 0;
}

.prevboxStyle.prevboxStyle-blog .paddingBox:hover {
background-color: initial;
}

.overViewWrapper .blockStyle.grid-item {
width: 100%;
min-height: initial;
margin: 0 0 1em 0;
padding: 0;
}

.overViewWrapper .blockStyle.grid-item:nth-child(odd) {
margin-left: 0;
margin-right: 0;
}

.overViewWrapper .blockStyle.grid-item:nth-child(even) {
margin-right: 0;
margin-left: 0;
}

.contentBox_imageWrapper {
margin-bottom: 2em;
}

.staffBox {
max-width: 66.666%;
}

.staffBox-visible:nth-child(even) {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.akkord-desc, 
p.akkord-desc, 
div.akkord-desc {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.h1WrapperParent {
min-height: 300px;
}

.h1Wrapper {
position: absolute;
top: 50%;
left: 50%;
max-width: calc(100% - 2em);
padding: 4em 1em 4em 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%);
}

.h1Wrapper.top0 {
top: 0;
margin: 0 auto;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
}

.topOverlay div:nth-child(1) {
margin-top: -3em;
}

.topOverlay .quotationStyle {
margin-top: -1.3em;
}

.imageLegend:before {
height: 60px;
}

.partnerLogo {
margin: 2em;
}

.sitemapListBlock {
/*width: 50%;*/
}

.popUpBlock {
margin-top: 4em;
}

.popUpCloser {
position: absolute;
top: 0;
right: 0;
}

.popUpBlock.popUpBlock-teamLayout {
margin-top: 4em;
}

.popUpBlock.popUpBlock-teamLayout .popUpCloser {
/*
top: -3em;
right: 0;
*/
position: -webkit-sticky;
position: sticky;
top: 100px;
float: right;
}

.placeHolder {
height: 5em;/* 80px */
}

.placeHolder-small {
height: 2.5em;/* 40px */
}

.stretchOnMobiles {
width: 100% !important;
max-width: 100% !important;
}

.hideOnMobiles {
display: none;
}

.showOnMobiles {
display: initial;
}

p.showOnMobiles {
display: block;
}

.pageFooter {
z-index: 9001;
position: relative;
}

}


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

h1, .h1Style {
font-size: 3em;
line-height: 1.2;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

main.tightLayout .contentBlock h1, 
main.tightLayout .contentBlock .h1Style {
font-size: 2.5em;
}

h2, .h2Style, 
.contentBlock.flexStyle .width-33 h2, 
.contentBlock.flexStyle .width-33 .h2Style {
font-size: 1.6em;
}

.contentBlock.flexStyle .width-33 h2:not(.initialStyle), 
.contentBlock.flexStyle .width-33 .h2Style:not(.initialStyle) {
font-size: 1.6em;
}

.h2bigStyle {
font-size: 4em;
}

.text-187 {
font-size: 1.4em;
line-height: 1.5;
}

.width-40, 
.width-50, 
.width-60, 
.width-66,
.width-75, 
.width-80 {
width: 100%;
}

.width-25 {
width: 50%;
}

.productPrevBox {
width: 50%;
max-width: 50%;
}

.minHeight-200 {
min-height: 0;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li {
width: 100%;
min-width: 100%;
min-height: 50px;
padding-left: 0;
padding-right: 0;
margin: 0;
border-bottom: 1px solid #eeeeee;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li:nth-last-child(1) {
border-bottom: 0;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li a {
padding-left: 0;
padding-right: 0;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li.iconmenu {
padding-left: 2.5em;
background-position: 0 1.75em;
}

ul.mainHeaderNavi.openNav ul.subNavi.subNavi-visible li .subNavi-item-desc {
padding: 0;
color: #635F6D;
}

.subNaviWrapper ul.subNavi li {
width: calc(50% - 1em);
min-width: 0;
}

.fullTeaser .contentBlock {
display: block;
}

.fullTeaser .contentBlock .contentBox_textWrapper h1, 
.fullTeaser .contentBlock .contentBox_textWrapper .h1Style, 
.fullTeaser .contentBlock .contentBox_textWrapper h2, 
.fullTeaser .contentBlock .contentBox_textWrapper .h2Style {
padding-right: 0;
margin-bottom: 1em;
}

.fullTeaser .contentBlock .contentBox_textWrapper p {
padding-right: 0;
padding-left: 1em;
}

.fullTeaser.autoHeight {
min-height: 200px !important;
padding-top: 3em;
padding-bottom: 3em;
}

.fullTeaser.autoHeight .contentBlock .contentBox_textWrapper p {
padding-right: 0;
padding-left: 0;
border-left: 0;
}

.bg-videoBubbleStyle {
top: -50px;
left: -50px;
width: 250px;
}

.contentBlock-verticalpadding, 
.bannerStyle.quotation {
padding-top: 3.125em;/* 50px */
padding-bottom: 3.125em;
}

.contentBlock-verticalpadding-plus {
padding-top: 5em;
padding-bottom: 5em;
}

.contentBlock-verticalpadding-less {
padding-top: 1.562em;/* 25px */
padding-bottom: 1.562em;
}

.quotationSlider .flex-control-nav {
bottom: 2em;
}

.portraitImg {
max-width: 300px;
}

.popUpBlock.popUpBlock-teamLayout .text-Image-right .contentBox_textWrapper {
padding-top: 2em !important;
padding-right: 0;
}

.width-100.flexStyle .width-33 .boxStyle--text {
width: 100%;
}

.flexStyle .width-33 .boxStyle--icon-simpleright, 
.flexStyle .width-33 .boxStyle--text, 
.flexStyle .width-50 .boxStyle--icon-simpleright, 
.flexStyle .width-50 .boxStyle--text {
padding-left: 0;
padding-right: 0;
padding-top: 1em;
padding-bottom: 1em;
}
 
.width-100.flexStyle .width-50 .boxStyle--icon-simpleright, 
.width-100.flexStyle .width-50 .boxStyle--text {
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
}

.width-100.flexStyle .width-33 .boxStyle.boxStyle-coloredborder {
margin-left: 2em;
margin-right: 2em;
}

.width-100.flexStyle .width-33 .boxStyle.boxStyle-coloredborder .boxStyle--icon-simpleright, 
.width-100.flexStyle .width-33 .boxStyle.boxStyle-coloredborder .boxStyle--text {
padding-left: 0;
padding-right: 0;
padding-top: 1em;
padding-bottom: 1em;
}

.width-100 .contentBlock.flexStyle .width-50 .boxStyle--icon-simpleright, 
.width-100 .contentBlock.flexStyle .width-50 .boxStyle--text {
padding-left: 0;
padding-right: 0;
}

.boxStyle:not(.boxStyle-coloredborder) .boxStyle--content {
padding: 1em;
}

.boxStyle.boxStyle-leftrightmargin .boxStyle--content .boxStyle--text {
padding: 0;
}

.boxStyle--icon-simpleright, 
.width-100.flexStyle .boxStyle--icon-simpleright {
padding-top: 1em;
padding-bottom: 0;
}

.boxStyle--icon-simpleright img {
max-height: 40px;
}

.flexStyle.flexStyle-max-1000 .width-33 .boxStyle.boxStyle-coloredborder.boxStyle-coloredborder-trans {
padding-top: 2em;
padding-bottom: 2em;
}

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

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

.flexslider-infinity .boxStyle .boxStyle--content {
padding: 0;
}

.flexslider-infinity .width-100 .boxStyle .boxStyle--text .boxStyle--pageicon, 
.boxStyle--pageicon {
width: 25px;
}

.text-Image-left .contentBox_imageWrapper, 
.text-Image-right .contentBox_imageWrapper {
display: block;
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;
}

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

.productFeatures .boxStyle--productfeature .h2Style {
font-size: 1.8em;
}

.staffBox {
width: 75%;
max-width: 75%;
}

.teamBoxDesc {
width: 66.666%;
}

.moduleWrapper.teamWrapper .flexStyle .width-50.contentBox_textWrapper:nth-child(odd) {
padding-left: 0;
padding-right: 0;
}

.moduleWrapper.teamWrapper .flexStyle .width-50.contentBox_textWrapper:nth-child(even) {
padding-left: 0;
padding-right: 0;
}

.moduleWrapper.teamWrapper .flexStyle .width-33.contentBox_textWrapper {
width: 100%;
margin-left: 0;
margin-right: 0;
}

.moduleWrapper.teamWrapper .flexStyle .width-33.contentBox_textWrapper:nth-child(3n+2) {
margin-left: 0;
margin-right: 0;
}

.autoWidthCenteredOnPhones {
display: inline-block !important;
width: auto !important;
margin: 0 auto;
}

.prevboxStyle {
margin-bottom: 5em;
}

.prevboxStyle.prevboxStyle-addons {
margin-bottom: 0;
}

.width-50.prevboxStyle:nth-child(odd) {
padding-right: initial;
}

.width-50.prevboxStyle:nth-child(even) {
padding-left: initial;
}

.width-33.prevboxStyle {
width: 100%;
max-width: 100%;
}

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

.prevboxStyle.prevboxStyle-blog .paddingBox {
padding: 1em 0;
margin: 1em 0 1em 0;
}

.horizontalFilterBox {
width: 100%;
margin: 2em 0 2em 0;
}

.searchFilterBox {
width: 100%;
margin: 2em 0 0 0;
}

.quotationStyle {
font-size: 1.6em;
}

.topOverlay div:nth-child(1) {
margin-top: -2em;
}

main .formWrapperLoader .h1Style {
font-size: 1.6em;
}

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

form .inputRow textarea {
height: 300px;
}

.infoOpener--content {
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%);
}

.infoOpener:hover .infoOpener--content {
width: 300px;
}

ul.biglistStyle {
font-size: 1.4em;
}

ul.biglistStyle.checkedlistStyle li {
background-size: 30px auto;
}

ul.biglistStyle.downloadslistStyle li {
background-size: 17px auto;
}

.downloadCat {
margin-top: 2em;
}

.downloadCat:after {
display: none;
}

div[id*="cblock_"] > .contentBox_textWrapper > .downloadCat {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}

.akkordTitle {
font-size: 1.4em;
}

.akkordTitle:before {
font-size: 1.2em;
background-size: auto 0.75em;
}

.akkordTitle.akkordOpened:before {
font-size: 1em;
}

.font-175 {
font-size: 1.4em;
}

.placeHolder {
height: 3.125em;/* 50px */
}

.placeHolder-small {
height: 1.5625em;/* 25px */
}

div.stickyAlert {
padding: 2em 1em;
}

div[id*="cblock_"] > div.stickyAlert.start {
bottom: 1rem;
}

div.stickyAlert > div {
width: 100% !important;
max-width: 100% !important;
}

div.stickyAlert--closer > a[href="#"] {
right: 0;
}

div.stickyAlert .contentBox_textWrapper p.text-187 {
font-size: 1.25em !important;
}

div.stickyAlert .contentBox_textWrapper p:not(.text-187) {
font-size: 1em !important;
}

.contentBlock-footer {
padding: 2em 0 2em 0;
text-align: left;
}

.contentBlock-footer:first-child {
min-height: initial;
padding-top: 4em;
}

.marquee.marquee-sloweronmobiles div {
animation: marquee 20s linear infinite;
}

.marquee.marquee-longtextslower div {
animation: marquee 30s linear infinite;
}

.sitemapListBlock {
/*width: 50%;*/
}

.sitemapListBlock li  {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.popUpBlock.popUpBlock-teamLayout .popUpCloser {
top: 20px;
}

.popUpBlock .contentBlock-verticalpadding {
padding-top: 2.5em;
padding-bottom: 2.5em;
}

.popUpBlock .text-Image-right .contentBox_textWrapper {
padding: 2em 0 2em 0;
}

.popUpBlock .text-Image-left .contentBox_textWrapper {
padding: 2em 0 2em 0;
}

.popUpBlock .flexStyle .contentBox_textWrapper {
padding-top: 2em;
}

.popUpBlock .contentBox_textWrapper, 
.popUpBlock .flexStyle .contentBox_textWrapper {
padding-left: 0;
padding-right: 0;
}

.popUpBlock .flexStyle .width-33.width-33-bigger .boxStyle, 
.popUpBlock .flexStyle .width-33.width-33-bigger .boxStyle--content {
padding-left: 0;
padding-right: 0;
}

.popUpBlock h1, 
.popUpBlock .h1Style {
font-size: 2.2em;
line-height: 1.3;
}

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

.popUpBlock .text-187 {
padding-left: 0;
padding-right: 0;
font-size: 1.2em;
line-height: 1.4;
}

.popUpBlock .bannerStyle.quotation .quotationStyle {
font-size: 1.4em;
}

.cookiePolicy .contentBlock .width-25, 
.cookiePolicy .contentBlock .width-33, 
.cookiePolicy .contentBlock .width-66, 
.cookiePolicy .contentBlock .width-75 {
width: 100%;
}

.cookiePolicy .contentBlock .width-33.alignRight, 
.cookiePolicy .contentBlock .width-25.alignRight {
text-align: center;
}

.showOnPhones {
display: initial;
}

p.showOnPhones {
display: block;
}

.contentBlock-footer-copyright .alignRight {
text-align: left !important;
}

.contentBlock-footer-copyright .width-75, 
.contentBlock-footer-copyright .width-25 {
width: 100% !important;
}

.contentBlock-footer-copyright .width-25 {
padding-top: 2em;
}

div.contentBox_textWrapper:empty {
display: none !important;
}

}


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

nav {
padding: 0;
}

ul.mainHeaderNavi {
padding: 0 0 1em 0;
}

h1, .h1Style {
font-size: 2em;
line-height: 1.2;
}

main.tightLayout .contentBlock h1, 
main.tightLayout .contentBlock .h1Style {
font-size: 2em;
}

main.tightLayout .paddingBox.bg-highlightStyle {
padding: 2em;
}

h2, .h2Style, 
.contentBlock.flexStyle .width-33 h2, 
.contentBlock.flexStyle .width-33 .h2Style {
font-size: 1.4em;
}

.contentBlock.flexStyle .width-33 h2:not(.initialStyle), 
.contentBlock.flexStyle .width-33 .h2Style:not(.initialStyle) {
font-size: 1.2em;
}

.h2bigStyle {
font-size: 3em;
}

.text-187 {
font-size: 1.1em;
line-height: 1.5;
}

.quotationStyle {
font-size: 1.4em;
}

.imageLegend:before {
height: 45px;
}

.pageAnchorBanner a {
margin: 0 2em 0 0;
}

.anchorBanner a {
margin: 0 2em 1em 0;
}

.width-100.flexStyle .width-33 .boxStyle--icon-simpleright {
padding: 0 1em 0 1em;
}

.width-100.flexStyle .width-33 .boxStyle--text {
padding: 1em 0 1em 0;
margin: 0 auto;
}

.productFeatures .boxStyle .boxStyle--content {
padding-top: 0;
padding-bottom: 1em;
}

.flexStyle .width-33 .boxStyle--text.boxStyle--productfeature {
padding: 0;
}

.productFeatures .boxStyle--productfeature .h2Style {
font-size: 1.4em;
}

.max-width-90, 
.max-width-80 {
max-width: 100%;
padding-left: 2em;
padding-right: 2em;
}

.width-25, 
.width-33, 
.width-66 {
width: 100%;
}

.productPrevBox {
width: 100%;
max-width: 100%;
}

.subNaviWrapper ul.subNavi li {
width: 100%;
min-width: 100%;
margin: 0 0 1em 0;
}

.buttonStyle {
padding: 0.9em 2em 0.8em 2em;
}

.buttonStyle:not(.overtheBottom) {
margin-top: 1.2em;
margin-bottom: 1.2em;
}

.checkedSimple-right-dark {
background-size: 16px auto;
}

.boxStyle--icon {
width: 80px;
height: 80px;
}

.boxStyle--icon-simpleright {
width: auto;
height: auto;
}

.boxStyle--icon:after {
height: 1.75em;
margin-top: 0.75em;
}


ul.biglistStyle {
margin: 1.5em 0 1.5em 0;
font-size: 1.25em;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}


ul.biglistStyle.checkedlistStyle li {
background-size: 25px auto;
}

ul.biglistStyle.downloadslistStyle li {
background-size: 15px auto;
}

.akkordTitle {
font-size: 1.25em;
line-height: 1.2;
}

.akkordTitle:before {
font-size: 1.4em;
margin-top: -0.2em;
}

.akkordTitle.akkordOpened:before {
font-size: 1.2em;
}

ul.strokeList {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

a.scrollTop {
height: 32px;
margin-top: 2em;
margin-bottom: 2em;
}

.contentBlock-footer:first-child {
padding-top: 3em;
}

.font-175 {
font-size: 1.25em;
}

main .formWrapperLoader .h1Style {
font-size: 1.4em;
}

.teamDetailsWrapper .width-33 {
width: 200px;
max-width: 100%;
}

.teamDetailsWrapper .width-66 {
width: 100%;
}

.staffBox {
width: 100%;
max-width: 100%;
margin: 0 auto;
margin-bottom: 6em;
}

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

.teamBoxDesc {
width: 85%;
min-height: 120px;
padding: 1.5em;
font-size: 0.9em;
}

.teamBox .teamInfoOpener {
font-size: 1.5em;
line-height: 1.3;
}

.partnerLogo {
max-width: 120px;
max-height: 60px;
margin: 1em 2em 1em 2em;
}

.sitemapListBlock {
/*width: auto;*/
max-width: 100%;
}

ul.downloadsModuleList li a span.dDate {
display: none;
}

.contentBlock-verticalpadding-plus {
padding-top: 3.5em;
padding-bottom: 3.5em;
}

.contentBlock-horizontalscrolling .contentBox_textWrapper > div:not(.bg-videoBubbleStyle) {
padding-right: 2em;
}

.overViewWrapper .blockStyle.grid-item {
width: 100%;
padding-right: 0;
margin: 0 0 1em 0;
}

.popUpBlock {
max-width: calc(100% - 3em);
border: 1.5em solid transparent;
padding: 0;
margin-top: 1em;
}

.popUpBlock .width-100.flexStyle .width-33 .boxStyle--icon-simpleright {
padding: 2em 0 0 2em;
}

.popUpBlock .fullscreenBlock {
width: calc(100% + 3em);
margin-left: -1.5em;
}

.popUpBlock .contentBlock, 
.popUpBlock .max-width-770, 
.popUpBlock .max-width-980, 
.popUpBlock .max-width-1000 {
display: inline-block;
padding-left: 0;
padding-right: 0;
}

.popUpBlock .bannerStyle.quotation {
padding-left: 1em;
padding-right: 1em;
}

.popUpBlock h1, 
.popUpBlock .h1Style {
font-size: 2em;
line-height: 1.2;
}

.popUpCloser {
width: 22px;
height: 22px;

}

}


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

h1, .h1Style {
font-size: 2em;
line-height: 1.2;
}

.h2bigStyle {
font-size: 2.75em;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.text-187 {
font-size: 1.1em;
line-height: 1.5;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.contentBox_textWrapper p, 
.contentBox_textWrapper ul, 
.contentBox_textWrapper ol, 
.formStyles {
font-size: 1em;
}

.formStyles input[type="submit"], 
.formStyles input[type="reset"], 
.formStyles .buttonStyle {
font-size: 0.8125em;
}

p.highlightBox {
padding: 1.5em;
}

ul.navTopRightItems li a.buttonStyle, 
ul.countryLangItems li a.buttonStyle {
width: 100%;
}

.portraitImg {
max-width: 220px;
}

.quotationStyle {
font-size: 1.4em;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.quotationStyle br {
display: none;
}

.boxStyle--icon {
width: 50px;
height: 80px;
}

.boxStyle--icon.boxStyle--icon-simpleright {
max-height: 40px;
}

.boxStyle--icon.boxStyle--icon-simpleright img {
max-height: 35px;
}

.overViewWrapper .boxcontentText h2 {
font-size: 1.25em;
line-height: 1.4;
}

.overViewWrapper .readMoreLink {
display: block;
width: 50px;
height: 25px;
padding-top: 25px;
text-indent: 100%;
background-image: url(../images/arrow-more.svg);
background-repeat: no-repeat;
background-size: auto 25px;
background-position: 0 0;
overflow: hidden;
}

.overViewWrapper .readMoreLink.readMoreLink-extern {
width: 45px;
margin-left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

ul.biglistStyle {
margin: 1em 0 1em 0;
font-size: 1em;
}

ul.biglistStyle.checkedlistStyle li {
padding-left: 2.5em;
background-size: 22px auto;
}

ul.biglistStyle.downloadslistStyle li {
background-size: 14px auto;
background-position: 0.5em 0.35em;
}

.horizontalFilterBox a {
padding: 0.35em 1.2em 0.25em 1.2em;
margin: 0 0.5em 0.5em 0;
}

.overViewWrapper .blockStyle.grid-item a.boxlink span {
font-size: 1.25em;
}

.contentBlock-horizontalscrolling .contentBox_textWrapper > div:not(.bg-videoBubbleStyle) {
padding-right: 0;
}

.akkordTitle, 
p.akkordTitle {
font-size: 1.25em;
}

.akkordTitle:before {
width: 28px;
height: 28px;
}

.akkordTitle.akkordOpened:before {
/**/
}

.akkord-desc, 
p.akkord-desc, 
div.akkord-desc {
/**/
}

ul.strokeList li {
padding: 0 0 0 1.2em;
}

.fullTeaser .scrollDownWrapper {
bottom: 4.5em;
padding: 0 1.3em;
}

form .inputRow {
margin-bottom: 1.5em;
}

@keyframes marquee {
0% { transform: translateX(414px); }
100% { transform: translateX(-101%); }
}

.popUpBlockItemContentBox {
font-size: 96%;
}

.popUpBlock .fullscreenBlock {
width: calc(100% + 3.2em);
margin-left: -1.6em;
overflow: hidden;
}

.popUpBlock .fullscreenBlock .flexslider {
width: calc(100% + 2px);
max-width: calc(100% + 2px);
margin-left: -1px;
}

.popUpBlock .horizontalPaddingBox {
padding-left: 1.5em;
padding-right: 1.5em;
}

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

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

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

.popUpBlock .akkordTitle:before {
font-size: 1em;
}

.popUpBlock .akkordTitle.akkordOpened:before {
font-size: 0.9em;
}

.cookiePolicy {
font-size: 0.9em;
}

.cookiePolicy .buttonStyle {
line-height: 1.6em;/*3em*/
}

.hideOnPhones {
display: none;
}

}


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

h1 br, .h1Style br {
display: none;
}

.h2bigStyle {
font-size: 2.5em;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.pageHeader, 
.contentBlock-leftrightpadding, 
.fullTeaser .scrollDownWrapper, 
.flexStyle .contentBox_textWrapper, 
.pageAnchorBanner-inner, 
.pageAnchorBanner.pageAnchorBanner--topsticky-mob .pageAnchorBanner-inner, 
.pageFooter .contentBlock:not(.width-100) {
padding-left: 1em;
padding-right: 1em;
}

main.tightLayout .paddingBox.bg-highlightStyle {
padding: 2em 1.5em;
}

.popUpBlock {
max-width: calc(100% - 2em);
border: 1em solid transparent;
}

.popUpBlock .fullscreenBlock {
width: calc(100% + 2.2em);
margin-left: -1.1em;
}

.popUpBlock .horizontalPaddingBox {
padding-left: 1em;
padding-right: 1em;
}

.popUpCloser {

}

.popUpBlock h1, 
.popUpBlock .h1Style {
/**/
}

}


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

html {
font-size: 95%;
}

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

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


.teamBoxDesc {
width: 90%;
min-height: 110px;
padding: 1em;
}

.popUpBlock h1, 
.popUpBlock .h1Style {

}

}