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

/* page header */

.pageHeader {
display: block;
width: 100%;
height: 150px;
margin: 0 auto;
padding: 80px 0 0 0;
border-bottom: 1px solid #eeeeee;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.pageHeader .contentBlock {
display: flex;
align-items: center;
/*justify-content: center;*/
width: 1220px;
text-align: left;
height: 40px;
position: relative;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.pageHeader a {
text-decoration: none;
}

.pageLogo {
float: left;
display: flex;
align-items: center;
justify-content: center;
width: 140px;
height: 24px;
margin: 0;
text-align: left;
cursor: pointer;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.pageLogo a {
width: 100%;
height: auto;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.pageLogo img {
display: block;
width: 100%;
height: auto;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

nav {
display: inline-block;
width: auto;
max-width: calc(100% - 140px);/* less width of logo */
box-sizing: border-box;
padding: 0.5em 0 0 2em;
margin: 0 0 0 auto;
text-align: right;
line-height: 1;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

nav .navContentsWrapper {
display: block;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: width 0.3s;
}

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


/* 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: #3C3748;
}

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: #3C3748;
}

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: none;
width: auto;
}

.navTopRight-onTop {
/* on top: */
font-size: 0.9em;
position: absolute;
top: -1.1em;
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 {
float: left;
display: block;
margin: 0 0 0 1em;
}

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

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

nav:not(.openOnMobiles) .countryLangWrapper {
display: none;
}

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

.langChangeLabel {
display: inline-block;
margin-right: 0.5em;
}

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: right center;
color: #ffffff;
background-color: #59514E;
}

select.langChanger option {
padding: 0;
}

nav.openOnMobiles select.langChanger {
background-image: url(../images/select-arrow-right-white.svg) !important;
}

/**/

.mobileNaviOpener {
float: right;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 0px solid;
border-color: #3C3748;
background-color: transparent;
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: 2px;
background-color: #3C3748;
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) {
width: 25%;
margin-left: auto;
margin-right: 0;
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) {
width: 25%;
margin-top: 15%;
}

.mobileNaviOpener.opened {
border-color: transparent;
background-color: transparent;
position: absolute;
top: 0;
right: 0;
}

.mobileNaviOpener.opened span {
width: 50%;
height: 1px;
margin-left: -25%;
margin-top: 0;
background-color: #ffffff;
}

.mobileNaviOpener.opened span:nth-child(1) {
width: 50%;
-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) {
width: 50%;
-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: inline-block;
width: auto;
/*max-width: calc(100% - 40px);*/
max-width: 100%;
padding: 0;
margin: 0.25em 0 0 auto;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.mainNavi li {
display: inline-block;
float: left;
width: auto;
padding: 0;
text-align: center;
background-image: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}

.mainNavi li a {
display: block;
padding: 0 1.5em 0 0;
color: #59514E;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}

.mainNavi li a.active, 
.mainNavi li a:hover, 
.mainNavi li a.activeSubpage, 
.mainNavi li a.navButton__active {
color: #FF00FF;
}

.mainNavi li .subnavBox {
display: none;
}

nav:not(.openOnMobiles) {
white-space: nowrap;
}

nav:not(.openOnMobiles) .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(../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;
}

/* search */

.searchOpenerWrapper {
float: right;
display: block;
width: 40px;
height: 20px;
}

.searchOpener {
display: block;
width: 40px;
height: 20px;
margin: 0;
background-image: url(../images/search-icon.svg);
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
-webkit-transition: color 0.3s, background 0.3s;
-moz-transition: color 0.3s, background 0.3s;
-o-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}

nav.openOnMobiles .searchOpenerWrapper {
float: left;
width: calc(100% - 4em);
height: 40px;
margin: 2em 2em 0 2em;
}

nav.openOnMobiles .searchOpener {
display: inline-block;
width: auto;
height: 40px;
padding: 0;
margin: 0;
background-image: url(../images/search-icon-white.svg);
background-repeat: no-repeat;
background-size: auto 20px;
background-position: right center;
overflow: hidden;
}

nav.openOnMobiles .searchOpener:before {
content: attr(data-searchlabel);
float: left;
display: block;
width: auto;
height: 40px;
box-sizing: border-box;
padding: 0.75em 1em 0.75em 0;
margin-right: 1em;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.searchBox {
display: none;
width: 100%;
/*height: 100px;*/
padding: 2em;
font-size: initial;
text-align: center;
background-color: rgba(255,255,255,1);
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}

#pagesearch {
width: 750px;
max-width: 100%;
margin: 0 auto;
position: relative;
}

.pagesearchField {
width: calc(100% - 5px);
max-width: calc(100% - 5px);
display: block;
border: 0;
border-bottom: 1px solid #eeeeee;
padding: 0.65em 1.5em 0.65em 2em;
margin: 0;
font-size: 1.2em;
color: #000000;
background-color: #ffffff;
background-image: url(../images/search-icon.svg);
background-repeat: no-repeat;
background-size: 22px auto;
background-position: 0 50%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.pagesearchField:focus {
border-bottom: 1px solid #FF00FF;
}

.pagesearchCloser {
position: absolute;
top: 10px;
right: 0;
z-index: 100;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
}

.pagesearchCloser:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(../images/close-black.png);
background-repeat: no-repeat;
background-size: 14px auto;
background-position: center center;
overflow: hidden;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

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

.resultsWrapper {
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.resultsWrapper .searchResultRow {
padding: 2em;
border-bottom: 1px solid rgba(158,129,155,0.7);
position: relative;
-webkit-transition: 0.35s ease;
-moz-transition: 0.35s ease;
-o-transition: 0.35s ease;
transition: 0.35s ease;
}

.resultsWrapper .searchResultRow:hover {
padding-bottom: 3em;
-webkit-transition: 0.75s ease;
-moz-transition: 0.75s ease;
-o-transition: 0.75s ease;
transition: 0.75s ease;
}

.resultsWrapper .searchResultRow h3 {
font-family: 'TT Norms W01 Regular', sans-serif;
font-size: 1em;
text-transform: uppercase;
color: #989593;
}

.resultsWrapper .searchResultRow p {
font-size: 1.2em;
}

.resultsWrapper .searchResultRow a.readMoreLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
text-indent: 100%;
font-size: 0;
opacity: 0;
overflow: hidden;
}


/**/
nav.openOnMobiles {
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 110;/*10*/
width: 72%;
height: 100vh;
padding: 150px 80px 130px 80px;
margin: 0;
color: #909090;
background-color: #59514E;
text-align: left;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

nav.openOnMobiles:after {
content: '';
display: block;
width: 28%;
height: 100vh;
box-sizing: border-box;
background-color: rgba(0,0,0,0.75);
position: fixed;
top: 0;
left: 0;
z-index: -1;
}

nav.openOnMobiles .navContentsWrapper {
width: 980px;
max-width: 100%;
}

nav.openOnMobiles .mainNavi {
float: left;
display: block;
width: 60%;
padding: 0 4em 0 2em;
margin: 0 auto;
opacity: 1;
position: static;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

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

nav.openOnMobiles .mainNavi li:before {
content: '';
display: block;
width: 2.75em;
height: 1px;
background-color: #FF00FF;
position: absolute;
left: 0;
top: 2.1875em;
}

nav.openOnMobiles .mainNavi li a {
padding: 0.4em 2em 0.6em 2.5em;
font-family: Cirka-Regular;
color: #B8B5B4;
font-size: 2.1875em;
line-height: 1;
border-bottom: 1px solid #909090;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}

nav.openOnMobiles .mainNavi li:nth-child(1) a  {
/*border-top: 1px solid #909090;*/
}

nav.openOnMobiles .mainNavi li a:hover {
color: #ffffff;
border-bottom: 1px solid #FF00FF;
}

nav.openOnMobiles .mainNavi li a:hover:after {
content: '';
display: block;
width: 100%;
height: 1px;
border-bottom: 1px solid #FF00FF;
position: absolute;
left: 0;
bottom: 1px;
}

nav.openOnMobiles .mainNavi li a.navButton:hover {
background-image: url(../images/arrow-right-white.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 18px auto;
}

nav.openOnMobiles .mainNavi li a.navButton__active {
border-bottom: 2px solid #FF00FF;
}

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

nav.openOnMobiles .mainNavi li ul li {
border: 0;
}

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

nav.openOnMobiles .mainNavi li ul li:before {
display: none;
}

nav.openOnMobiles .mainNavi li ul li a {
border: 0;
padding: 1em 0 1em 4.5em;
font-family: inherit;
font-size: 1.2em;
}

nav.openOnMobiles .mainNavi li ul li a:hover:after {
display: none;
}

nav.openOnMobiles .navTopRight {
display: block;
float: left;
width: 40%;
padding: 0 2em 2em 2em;
font-size: initial;
position: static;
}

nav.openOnMobiles .countryLangWrapper {
display: block;
width: 100%;
padding: 0 2em 2em 2em;
}

nav.openOnMobiles .countryLangWrapper--divleft {
float: left;
display: block;
width: 60%;
padding: 2em 2em 2em 0;
text-align: left;
}

nav.openOnMobiles .countryLangWrapper--divright {
float: right;
display: block;
width: 40%;
padding: 2em 2em 2em 2em;
}

nav.openOnMobiles .countryLangWrapper ul.countryLangItems {
float: left;
display: block;
width: auto;
margin: 1.25em 0 0 0;
}

nav.openOnMobiles .countryLangWrapper ul.countryLangItems li {
margin: 0;
}

nav.openOnMobiles .countryLangWrapper .buttonStyle {
margin: 0 0 0 0.5em;
color: #ffffff;
}

nav.openOnMobiles ul.navTopRightItems {
float: none;
display: inline-block;
width: auto;
min-width: 240px;
margin: 0;
}

nav.openOnMobiles ul.navTopRightItems li {
float: none;
margin: 0;
line-height: 1.5;
}

nav.openOnMobiles ul.navTopRightItems li a {
font-family: Cirka-Light, sans-serif;
font-size: 1.375em;
color: #ffffff;
line-height: inherit;
}

nav.openOnMobiles ul.navTopRightItems li a.active {
color: #FF00FF;
}

nav.openOnMobiles ul.navTopRightItems li a:hover {
color: #909090;
}

nav.openOnMobiles .mainNavi li .mobileSubnavExpander {
display: inline-block;
position: absolute;
top: 0.75em;
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;
}

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

nav.openOnMobiles .mainNavi li .subnavBox {
display: block;
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;
}

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

/**/


/**/

main {
overflow-x: hidden;
}

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

.width-100.beige {
background-color: rgba(230, 213, 171, 0.1);
}

main.tightLayout {
/**/
}

main.tightLayout .contentBlock[id^="cblock_"] {
width: 910px;
margin: 0 auto;
}

main.tightLayout .contentBlock[id^="cblock_"]:not(.flexStyle) {
display: block;
}

main.tightLayout .contentBlock[id^="cblock_"]:not(.contentBlock-inforight):nth-child(1) {
padding-top: 200px;
}

main.tightLayout:not(.tightLayout-jobs) p:not(.text-112):not(.marginBottom0):not(.placeHolder) {
margin-bottom: 2em;
}

main.tightLayout:not(.tightLayout-jobs) .text-112, 
main.tightLayout:not(.tightLayout-jobs) p.text-112 {
margin-bottom: 3em;
line-height: 1.8;
}

main.tightLayout .newsBackLinkModule {
position: fixed;
top: 290px;
left: 50%;
width: 1220px;
max-width: 100%;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

main.tightLayout .newsBackLinkWrapper {
position: absolute;
top: 0;
left: 0;
width: 100px;
padding: 0;
text-align: left;
}

main.tightLayout .newsBackLinkWrapper a.newsBackLink {
padding-left: 2.5em;
background-image: url(../images/arrow-back.svg);
background-repeat: no-repeat;
background-size: 18px auto;
background-position: left 5px center;
font-size: 0.8125em;
text-transform: uppercase;
}

main.tightLayout .newsBackLinkWrapper a.newsBackLink:hover {
background-position: left 0 center;
}

main.tightLayout.tightLayout-jobs {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: calc(1220px + 4em);
max-width: 100%;
margin: 0 auto;
padding-bottom: 10em;
position: relative;
}

main.tightLayout.tightLayout-jobs .contentBlock[id^="cblock_"] {
width: 66.666%;
margin: 0;
align-self: flex-start;
}

main.tightLayout.tightLayout-jobs .newsBackLinkModule {
position: absolute;
top: 9em;
}

main.tightLayout.tightLayout-jobs > div.infoRowRight {
width: 33.333%;
padding-top: 200px;
align-self: flex-start;
position: absolute;
top: auto;
right: 0;
}

main.tightLayout.tightLayout-jobs div.infoRowRight > div.contentBlock[id^="cblock_"] {
width: 100% !important;
}

main.tightLayout.tightLayout-jobs div.infoRowRight > div.contentBlock[id^="cblock_"] .width-50 {
width: 100%;
}

main.tightLayout.tightLayout-jobs .contentBlock-inforight:first-of-type {
padding-top: 0;
}






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

/**/

a.ajaxLoadFormLink {
display: block;
}

a.fadeInandOutLink {
/**/
}

/* buttons */

.buttonStyle {
display: inline-block;
min-width: 100px;
padding: 1.4em 2.5em 1.4em 2.5em;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.75em;
line-height: 1;
text-align: center;
border-radius: 0;
border: 1px solid;
border-color: #FF00FF;
background-color: transparent;
color: initial;
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;
}

.buttonStyle:before {
content: '';
float: left;
display: block;
width: 5px;
height: 5px;
margin: 3px 1em auto -10px;
border-radius: 50%;
background-color: #FF00FF;
}

.buttonStyle:hover:before {
background-color: #ffffff;
}

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

.buttonStyle.buttonStyle-simple {
/**/
}

.buttonStyle.buttonStyle-simple:before {
display: none;
}

.buttonStyle-smaller {
padding: 1em 2em 1em 2em;
}

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

.buttonStyle.buttonStyle-grey {
border-color: #B8B5B4;
}

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

.buttonStyle.buttonStyle-grey:hover:before {
background-color: #000000;
}

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

.popUpButton {
/**/
}


/* font styles */

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

span.h1Style {
display: block;
}

.h1Wrapper h1.h1BigStyle {
font-size: 5.625em;
line-height: 1.05;
margin-bottom: 0.3em;
}

.negativeIndentLeft {
display: block;
text-align: left;
text-indent: -0.5em;
}

.negativeIndentRight {
display: block;
text-align: right;
text-indent: 0.5em;
}

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

span.h2Style {
display: block;
}


.h2bigStyle {
font-size: 2.75em;
}

h3 {
font-size: 2em;
line-height: 1.3;
margin-bottom: 0.5em;
}

h4 {
font-family: Cirka-Bold, sans-serif;
font-size: 1.25em;
line-height: 1.5;
}

h3.text-112, 
h3.text-137, 
h3.text-162 {
font-family: 'Cirka-Bold', sans-serif;
}

.text-112, 
p.text-112, 
ul.text-112 {
font-size: 1.125em;
}

.text-137, 
p.text-137 {
font-size: 1.375em;
line-height: 1.68;
}

.text-162, 
p.text-162 {
font-weight: normal;
font-size: 1.625em;
line-height: 1.68;
}

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

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

.thinStyle {
font-weight: normal;
}

.mediumStyle {
font-weight: normal;
}

.regularStyle {
font-weight: normal;
}

.boldStyle {
font-weight: normal;
}

.textToUpper {
text-transform: uppercase;
}


/* 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;
}


/**/

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

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

ul.simpleList li:before {
content: "\2022";
display: block;
width: 1em;
height: 1em;
box-sizing: border-box;
font-size: initial;
color: #FF00FF;
position: absolute;
left: 0;
top: 0;
}



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;
position: relative;
}

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

.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 2em;
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: #000000;
}

/* 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-33 {
width: 33.333%;
}

.width-25 {
width: 25%;
}

.width-20 {
width: 20%;
}

.width-20.mobile-max-width-50, 
.width-25.mobile-max-width-50, 
.width-33.mobile-max-width-50 {
/**/
}

.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-800 .max-width-60 {
width: 100%;
max-width: 100%;
}

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

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

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

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

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


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

.max-width-1100 {
width: 1100px;
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;
}

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

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

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

/**/

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

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

.flexStyle-contentVerticalCenter {
display: flex;
align-items: center;
/*justify-content: center;*/
}

.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):not(.iconTextHorizontal), 
.flexStyle .width-50:not(.flexStyle):not(.iconTextHorizontal) {
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: #e8002f;
}

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

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

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

.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-family: Cirka-Light;
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) {
font-family: Cirka-Bold;
}

.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: #e8002f;
}

.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: 0 2em 0 2em;
font-weight: normal;
}

.width-100.flexStyle .width-33 .boxStyle--text {
width: 450px;
max-width: 100%;
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: 0.65em;
font-weight: normal;
font-size: initial;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #989593;
}

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

.boxReadmore {
display: inline-block;
min-width: 38px;
min-height: 20px;
font-size: 0;
text-indent: 100%;
overflow: hidden;
padding: 0;
font-weight: normal;
text-transform: uppercase;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
background-size: auto 16px;
background-position: right 16px top 0;
white-space: nowrap;
vertical-align: middle;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.boxReadmore:hover {
background-position: right 0 top 0;
}

.boxStyle--text .boxTeaser, 
.boxStyle--text .boxReadmore, 
.contentBox_textWrapper .boxTeaser, 
.contentBox_textWrapper .boxReadmore {
/*color: #989593;*/
}

.boxReadmore:hover {
color: #000000;
}

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

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

.contentBlock-leftrightpadding .iconTextHorizontalRow {
padding-left: 0;
padding-right: 0;
}

.iconTextHorizontal {
display: flex;
flex-wrap: wrap;
flex: 1;
align-items: center;
padding: 1.5em 0 1.5em 0;
border-bottom: 1px solid;
border-color: #FF00FF;
}

.iconTextHorizontalRow .iconTextHorizontal.width-50 {
width: calc(50% - 1em);
}

.iconTextHorizontalRow .iconTextHorizontal.width-50:nth-child(odd) {
margin: 0 0.5em 0 0;
}

.iconTextHorizontalRow .iconTextHorizontal.width-50:nth-child(even) {
margin: 0 0 0 0.5em;
}

.iconTextHorizontal--text {
display: flex;
align-items: center;
width: calc(100% - 150px);
padding: 0 2em 0 2em;
}

.iconTextHorizontal--text p {
display: block;
text-align: left;
word-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.iconBox-circle {
width: 150px;
height: 150px;
padding: 0;
border-radius: 50%;
background-color: #59514E;
color: #ffffff;
overflow: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

a:hover .iconBox-circle {
background-color: #756964;
}

.iconBox-circle.iconBox-circle-socialmedia {
width: 70px;
height: 70px;
margin: 1.5em 0 1.5em 2.5em;
background-color: #B8B5B4;
}

.alignRight .iconBox-circle.iconBox-circle-socialmedia:last-child {
/*margin-right: 0;*/
}

.iconBox-circle.iconBox-circle-socialmedia a.socialmediaLink {
width: 100%;
height: 100%;
margin: 0 auto;
background-size: auto 18px;
}

.iconBox-circle.iconBox-circle-socialmedia a.socialmediaLink:hover {
background-position: center center;
background-size: auto 20px;
}

.horizontalScrollingWrapper {
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
white-space: nowrap;
position: relative;
z-index: 1;
}

.horizontalScrollingWrapper::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}

.stepStylesWrapper {
display: flex;
flex-wrap: nowrap;
width: 1280px;
padding: 0 2em 0 2em;
position: relative;
z-index: 1;
-ms-overflow-style: none;
scrollbar-width: none;
white-space: nowrap;
}

.stepStylesWrapper::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}

.stepStylesTimeline {
position: absolute;
top: 36px;
left: 150px;/* 101px */
z-index: -1;
width: 980px;/* 1070px */
height: 4px;
border-bottom: 1px solid;
border-color: #B8B5B4;
white-space: nowrap;
}

.stepStylesTimeline span {
/*float: left;*/
display: block;
width: 0;
height: 4px;
background-color: #FF00FF;
position: absolute;
bottom: -2px;
left: 0;
}

.stepStyle {
width: 243px/*20%*/;
padding: 0 0.5em 0 0.5em;
margin-bottom: 2em;
text-align: center;
white-space: initial;
}

.stepStyle .stepBubble {
display: block;
width: 75px;
height: 75px;
box-sizing: border-box;
border: 1px solid;
border-radius: 50%;
padding: 1em;
margin: 0 auto;
margin-bottom: 1em;
/*background-color: #FCFAF6;*/
border-color: #B8B5B4;
color: #B8B5B4;
font-family:'Cirka-Bold';
font-size: 1.375em;
line-height: 1.1;
text-align: center;
overflow: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.stepStyle.completed .stepBubble {
background-color: #FF00FF;
border-color: #FF00FF;
color: #ffffff;
}

.stepStyle .buttonStyle, 
.buttonStyle.buttonStyle-moreinfos {
border: 0;
padding-top: 0;
padding-bottom: 0;
margin: 1.25em auto;
}

.stepStyle .buttonStyle:hover, 
.buttonStyle.buttonStyle-moreinfos:hover {
background-color: transparent;
color: initial;
}

.stepStyle .buttonStyle:hover:before, 
.buttonStyle.buttonStyle-moreinfos:hover:before {
background-color: #000000;
}


.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: Cirka-Light;
font-weight: normal;
font-size: 2.25em;
line-height: 1.3;
}

.quotationStyle:before {
content: '„';
display: block;
width: 100%;
height: 0.6em;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
text-align: center;
font-family: Cirka-Bold;
font-size: 2.2em;
line-height: 0;
color: #000000;
}

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

.imgBgCover.coverLeftCenter {
background-position: left center;
}

.imgBgCover.coverRightCenter {
background-position: right center;
}

.imgBgCover.coverCenterTop {
background-position: center top;
}

.eventRow {
display: flex;
flex-wrap: wrap;
width: 80%;
max-width: 100%;
padding: 2em;
margin: 0 auto;
text-align: left;
position: relative;
}

.eventRow:after {
content: '';
display: block;
width: calc(100% - 4em);
height: 1px;
background-color: #909090;
position: absolute;
bottom: 0;
left: 2em;
}

.contentBlock-leftrightpadding .eventRow {
padding-left: 0;
padding-right: 0;
}

.contentBlock-leftrightpadding .eventRow:after {
width: 100%;
left: 0;
}

.eventRow:hover:after {
background-color: #FF00FF;
}

.eventRow--text {
display: block;
width: 85%;
padding: 2em 0;
}

.eventRow--text .boxTeaser { 
color: #FF00FF;
font-size: 0.875em;
display: block;
margin-bottom: 0.65em;
font-weight: normal;
font-size: initial;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #989593;
}

.eventRow--text .date {
font-size: 0.875em;
display: block;
margin-bottom: 0.65em;
font-weight: normal;
font-size: initial;
text-transform: uppercase;
letter-spacing: 0.11em;
color: #FF00FF;
}

.eventRow--text .boxTeaser:before {
content: '';
float: left;
display: block;
width: 5px;
height: 5px;
margin: 8px 10px auto -10px;
border-radius: 50%;
background-color: #FF00FF;
}

.eventRow--text h3 {
font-size: 2em;
line-height: 1.3;
font-family: Cirka-Regular, sans-serif;
font-weight: bold;
margin: 0 0 0.25em 0 !important;
} 

.eventRow--text p {
margin: 0;
}

/*.eventRow--text p .text-137 {
   font-size: 1.375em;
   line-height: 1.68;
   text-align: inherit;
}*/

.eventRow--link {
display: flex;
width: 100%;
text-align: right;
align-items: flex-end;
margin: 0.5em 0;
}

.eventRow--link .buttonStyle {
   position: absolute;
    bottom: 0;
    right: 0;
}

.eventRow .language {
   position: absolute;
   bottom: 1.15em;
   left: 0;
   font-size: 1em;
   font-weight: normal;
   letter-spacing: 0.05em;
   line-height: 1.5;  
}

.eventRegLink {
display: inline-block;
width: 36px;
height: 36px;
padding: 18px;
font-size: 0;
border-radius: 50%;
border: 1px solid;
border-color: #FF00FF;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
background-size: 12px auto;
background-position: center center;
position: relative;
}

.eventRegLink:hover {
background-color: #FF00FF;
background-image: url(../images/arrow-right-white.svg);
color: #ffffff;
}


.eventRow--link .eventRegLink {
margin-left: auto;
}

.eventRow--link .eventRegLink:hover {
border-color: transparent !important;
background-color: transparent !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.eventRow--link .eventRegLink:before {
content: '';
width: 36px;
height: 36px;
box-sizing: border-box;
border-radius: 50%;
color: transparent;
border: 1px solid;
border-color: transparent;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 0;
-webkit-transition: width 0.3s, color 0.5s;
-moz-transition: width 0.3s, color 0.5s;
-o-transition: width 0.3s, color 0.5s;
transition: width 0.3s, color 0.5s;
}

.eventRow--link .eventRegLink:hover:before {
content: attr(title);
width: 200px;
height: 36px;
box-sizing: border-box;
border: 1px solid;
border-color: #FF00FF !important;
border-radius: 36px;
padding: 0.5em 2.5em 0.5em 2em;
background-color: #FF00FF;
background-image: url(../images/arrow-right-white.svg);
background-repeat: no-repeat;
background-size: 12px auto;
background-position: right 13px center;
color: #ffffff;
font-size: 13px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

/* modules */

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

.overViewWrapper {
width: 1240px;
max-width: 100%;
margin: 0 auto;
}

.overViewWrapper.newsTeaserWrapper {
cursor: auto;
cursor: url('../images/cursor-news.svg') 28 28, auto;
}

.overViewWrapper.newsTeaserWrapper .width-33 {
width: calc(33.333% - 0.7em);
margin-left: 0;
margin-right: 0;
margin-bottom: 1em;
background-color: #000000;
position: relative;
}

.overViewWrapper.newsTeaserWrapper .width-33.imgBgCover {
background-color: #59514E;
}

.overViewWrapper.newsTeaserWrapper .width-33:nth-child(2), 
.overViewWrapper.newsTeaserWrapper .width-33:nth-child(5) {
margin-left: 1em;
margin-right: 1em;
}

.overViewWrapper.newsTeaserWrapper a {
cursor: auto;
cursor: url('../images/cursor-news.svg') 28 28, auto;
}

.overViewWrapper.newsTeaserWrapper .prevVideoBlock {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.overViewWrapper.newsTeaserWrapper .prevVideoWrapper {
position: relative;
padding-top: 56.25%;
}

.overViewWrapper.newsTeaserWrapper .prevVideoWrapper video {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

.overViewWrapper.newsTeaserWrapper .contentBox_textWrapper {
padding-top: 36%;
overflow: hidden;
position: relative;
z-index: 1;
pointer-events: none;
}

.overViewWrapper.newsTeaserWrapper .contentBox_textWrapper h3 {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
font-size: 1.375em;
height: 2.8em;
max-height: 2.8em;
line-height: 1.4;
margin-bottom: 0;
font-family: 'Cirka-Light', sans-serif;
color: #ffffff;
}

.overViewWrapper.newsTeaserWrapper .contentBox_textWrapper:before {
content: '';
width: 100%;
height: 100%;
background-image: linear-gradient(transparent, black);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}


.overViewWrapper.newsWrapper {
/**/
}

.overViewWrapper .blockStyle.grid-item {
width: calc(33.333% - 1.5em);
margin: 0 0.75em 2em 0.75em;
-webkit-transition: visibility 0.25s, opacity 0.25s;
-moz-transition: visibility 0.25s, opacity 0.25s;
-o-transition: visibility 0.25s, opacity 0.25s;
transition: visibility 0.25s, opacity 0.25s;
}

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

.boxcontentHeader video {
display: block;
width: 100%;
}

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

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

.overViewWrapper.newsWrapper .boxcontentHeader, 
.overViewWrapper.jobsWrapper .boxcontentHeader {
background-color: #59514E;
}

.overViewWrapper.jobsWrapper {
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
-o-transition: height 0.5s;
transition: height 0.5s;
}

.overViewWrapper.newsWrapper .boxcontentHeader.boxcontentHeader-img, 
.overViewWrapper.jobsWrapper .boxcontentHeader.boxcontentHeader-img, 
.overViewWrapper.teamWrapper .boxcontentHeader.boxcontentHeader-img {
height: 0;
padding-top: 65%;/*56.25%*/
overflow: hidden;
position: relative;
}

.overViewWrapper.newsWrapper .boxcontentHeader.boxcontentHeader-img img.setBg, 
.overViewWrapper.jobsWrapper .boxcontentHeader.boxcontentHeader-img img.setBg, 
.overViewWrapper.teamWrapper .boxcontentHeader.boxcontentHeader-img img.setBg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0;
height: 0;
}

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

.boxcontentText p {
margin: 0;
}

.newsDate {
display: block;
margin-bottom: 0.25em;
text-transform: uppercase;
color: #aca8a6;
font-size: 0.75em;
}

.newsDate > span.newsCatLabel {
/**/
}

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

.boxcontentFooter {
float: left;
width: 100%;
height: auto;
box-sizing: border-box;
border: 0;
padding: 0 2em 2em 2em;
}

.readMoreLink {
border: 0;
padding-left: 0;
padding-right: 0;
}

.readMoreLink:hover {
color: initial;
background-color: transparent;
}

.readMoreLink:hover:before {
background-color: #000000;
}

.overViewWrapper.relatedPagesWrapper {
width: 1065px;
max-width: 100%;
margin: 0 auto;
}

.overViewWrapper.relatedPagesWrapper > div.flexStyle {
align-items: center;
padding: 0 0 2em 0;
margin-bottom: 2em;
border-bottom: 1px solid #b8b5b4;
}

.overViewWrapper.relatedPagesWrapper .contentBox_textWrapper {
padding-left: 0 !important;
}

.overViewWrapper.relatedPagesWrapper .contentBox_textWrapper .boxTeaser {
font-size: 0.875em;
}

.overViewWrapper.relatedPagesWrapper .contentBox_textWrapper h3 {
margin: 0 0 0.25em 0 !important;
}

.overViewWrapper.relatedPagesWrapper .contentBox_textWrapper p {
margin: 0 !important;
}

.overViewWrapper.relatedPagesWrapper .contentBox_imgWrapper {
padding: 0 0 0 2em;
}

.overViewWrapper.relatedPagesWrapper .contentBox_imgWrapper div {
display: block;
width: 100%;
height: 0;
padding: 0;
padding-top: 40%;
overflow: hidden;
position: relative;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.overViewWrapper.relatedPagesWrapper .relatedPageRow .contentBox_imgWrapper div:after {
content: '';
width: 110%;
height: 110%;
background-image: inherit;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 0;
position: absolute;
left: -5%;
top: -5%;
-webkit-transition: opacity 0.75s;
-moz-transition: opacity 0.75s;
-o-transition: opacity 0.75s;
transition: opacity 0.75s;
}

.overViewWrapper.relatedPagesWrapper .relatedPageRow:hover .boxReadmore {
background-position: right 0 top 0;
}

.overViewWrapper.relatedPagesWrapper .relatedPageRow:hover .contentBox_imgWrapper div:after {
opacity: 1;
}

.overViewWrapper.relatedPagesWrapper .contentBox_imgWrapper div img.imgToBg {
/*max-height: 130px !important;*/
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0;
height: 0;
}

/* events */
.overViewWrapper.eventsWrapper {
width: 1065px;
max-width: 100%;
margin: 0 auto;
text-align: left;
}

.overViewWrapper.eventsWrapper > div.flexStyle {
align-items: center;
padding: 0 0 2em 0;
margin-bottom: 2em;
border-bottom: 1px solid #b8b5b4;
}

.overViewWrapper.eventsWrapper .contentBox_textWrapper {
padding-left: 0 !important;
}

.overViewWrapper.eventsWrapper .contentBox_textWrapper .boxTeaser {
font-size: 0.875em;
}

.overViewWrapper.eventsWrapper .contentBox_textWrapper h3 {
margin: 0 0 0.25em 0 !important;
}

.overViewWrapper.eventsWrapper .contentBox_textWrapper p {
margin: 0 !important;
}

.overViewWrapper.eventsWrapper .contentBox_imgWrapper {
padding: 0 0 0 2em;
}

.overViewWrapper.eventsWrapper .contentBox_imgWrapper div {
display: block;
width: 100%;
height: 0;
padding: 0;
padding-top: 40%;
overflow: hidden;
position: relative;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.overViewWrapper.eventsWrapper .relatedPageRow .contentBox_imgWrapper div:after {
content: '';
width: 110%;
height: 110%;
background-image: inherit;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 0;
position: absolute;
left: -5%;
top: -5%;
-webkit-transition: opacity 0.75s;
-moz-transition: opacity 0.75s;
-o-transition: opacity 0.75s;
transition: opacity 0.75s;
}

.overViewWrapper.eventsWrapper .relatedPageRow:hover .boxReadmore {
background-position: right 0 top 0;
}

.overViewWrapper.eventsWrapper .relatedPageRow:hover .contentBox_imgWrapper div:after {
opacity: 1;
}

.overViewWrapper.eventsWrapper .contentBox_imgWrapper div img.imgToBg {
/*max-height: 130px !important;*/
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0;
height: 0;
}

.overViewWrapper.eventsWrapper {
padding: 10.4375em 0 7.375em;
}

.overViewWrapper.eventsWrapper .relatedPageRow {
position: relative;
}

.overViewWrapper.eventsWrapper .relatedPageRow .language {
position: absolute;
bottom: 1.15em;
left: 0;
font-size: 1em;
font-weight: normal;
letter-spacing: 0.05em;
line-height: 1.5;
}

.overViewWrapper.eventsWrapper .relatedPageRow .buttonStyle {
position: absolute;
bottom: 0;
right: 0;
}

/***************/

.overViewWrapper.newsWrapper .boxcontentText, 
.overViewWrapper.newsWrapper .boxcontentFooter, 
.overViewWrapper.jobsWrapper .boxcontentText, 
.overViewWrapper.jobsWrapper .boxcontentFooter {
background-color: #F6F4EE;
}

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

.overViewWrapper.newsWrapper .readMoreLink, 
.overViewWrapper.jobsWrapper .readMoreLink {
display: inline-block;
border: 0;
margin: 0;
}

/* testimonials */

.testimonialsWrapper {
cursor: auto;
cursor: url('../images/cursor-stories.svg') 28 28, auto;
}

.testimonialStoryPrev {
text-align: center;
background-color: #59514E;
color: #ffffff;
overflow: hidden;
position: relative;
}

.testimonialStoryPrev:before {
content: '';
width: 100%;
height: 100%;
background-image: linear-gradient(transparent, black);
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}

.testimonialStoryPrev--text {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
max-height: 100%;
padding: 2em;
}

.testimonialStoryPrev h3 {
margin-bottom: 0.25em;
font-size: 1.75em;
color: #ffffff;
}

.testimonialStoryPrev h3:before {
content: '«';
margin-left: -0.5em;
margin-right: 0.15em;
color: #ff00ff;
}

.testimonialStoryPrev h3:after {
content: '»';
margin-right: -0.5em;
margin-left: 0.15em;
color: #ff00ff;
}

.testimonialStoryPrev--text .buttonStyle {
width: 90%;
color: #ffffff;
}

.testimonialStoryPrev--text .buttonStyle:before {
float: none;
display: inline-block;
}

.testimonialStoryPrev--answer {
position: absolute;
left: 0;
bottom: -100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 100%;
padding: 2em;
background-color: #59514E;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.testimonialStoryPrev--answer p {
display: block;
width: 100%;
max-height: 75%;
line-height: 1.5;
overflow: hidden;
}

.testimonialStoryPrev--answer div {
width: 100%;
padding: 1em 0 1.5em 0;
text-align: center;
}

.testimonialStoryPrev--answer a.buttonStyle {
display: inline-block;
margin: 0 auto;
border: 0;
color: #ffffff;
overflow: hidden;
-webkit-transform: translateY(150px);
-moz-transform: translateY(150px);
-o-transform: translateY(150px);
-ms-transform: translateY(150px);
transform: translateY(150px);
}

.testimonialStoryPrev:hover .testimonialStoryPrev--answer {
bottom: 0;
opacity: 1;
}

.testimonialStoryPrev--answer:hover a.buttonStyle {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}


/* jobs */

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


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

.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-right: 2em;
background-image: url(../images/download-pink-icon.svg);
background-repeat: no-repeat;
background-size: auto 19px;
background-position: right top;
}

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-pink-icon.svg);
background-repeat: no-repeat;
background-size: auto 19px;
background-position: right 0 top 0.9em;
}


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

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

/* downloads list events */
ul.downloadsList.downloadsList-events {
font-size: 1.25em;
line-height: 1.5;
}

ul.downloadsList.downloadsList-events > li {
margin: 0;
border-top: 1px solid #B8B5B4;
}

ul.downloadsList.downloadsList-events > li:last-of-type {
border-bottom: 1px solid #B8B5B4;
}

ul.downloadsList.downloadsList-events > li > a {
padding: 0.5em 2em 0.5em 0;
background-position: right 0 top 0.75em;
}


/* jobs filter */

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

.jobsFilterBar {
display: inline-block;
padding: 0;
text-align: left;
/*white-space: nowrap;*/
}


ul.jobsFilterList {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0;
}

ul.jobsFilterList li {
display: inline-block;
min-width: 174px;
max-width: 250px;
box-sizing: border-box;
padding: 0;
margin: 1em 1em 1em 0;
position: relative;
}


ul.jobsFilterList li a {
display: inline-block;
width: 100%;
max-width: 100%;
border: 1px solid;
border-color: #D8D8D8;
border-radius: 2em;
padding: 1em 2.5em 1em 2.5em;
text-transform: uppercase;
font-size: 0.75em;
text-align: center;
overflow: hidden;
}

ul.jobsFilterList li a.active {
background-color: #D8D8D8;
}

ul.jobsFilterList li a:hover {
border-color: #000000;
}

ul.jobsFilterList li > div.jobsFilterOptions {
width: 280px;
height: 0;
padding: 0 1em;
border-radius: 0.25em;
background-color: #ffffff;
width-space: nowrap;
text-align: left;
opacity: 0;
overflow: hidden;
position: absolute;
top: 100%;
left: 50%;
z-index: 101;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.4s, height 0.2s;
-moz-transition: opacity 0.4s, height 0.2s;
-o-transition: opacity 0.4s, height 0.2s;
transition: opacity 0.4s, height 0.2s;
}

ul.jobsFilterList li > div.jobsFilterOptions.active {
height: auto;
padding: 2em 1em;
opacity: 1;
}

ul.jobsFilterList li > div.jobsFilterOptions > div {
margin-bottom: 0.35em;
}

ul.jobsFilterList li > div.jobsFilterOptions[data-group="city"] {
padding: 0 1em;
}

ul.jobsFilterList li > div.jobsFilterOptions[data-group="city"] > div {
margin: 2em 0 0 0;
}

.jobsFilterOptions .checkboxStyle {
border-radius: 50%;
border-color: #dddddd;
}

.jobsFilterBarWrapper .jobsFilterReset.jobsFilterReset-style {
float: right;
display: block;
margin: 1.6em 0 0 auto;
padding-left: 2em;
background-image: url(../images/filter-icon.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: 0 0;
}

.jobsWrapper .jobTags {
float: left;
display: block;
width: 100%;
margin-top: 1em;
}

.jobsWrapper .jobTag {
float: left;
display: block;
box-sizing: border-box;
padding: 0.75em 1em;
margin: 1em 1em 0 0;
border: 1px solid #dddddd;
font-size: 0.75em;
text-transform: uppercase;
pointer-events: none;
}

.tightLayout-jobs .jobTags {
float: left;
display: block;
width: 100%;
margin: 0 0 3em 0;
}

.tightLayout-jobs .jobTag {
float: left;
display: block;
box-sizing: border-box;
padding: 0.75em 1em;
margin: 0 1em 1em 0;
border: 1px solid #dddddd;
font-size: 0.75em;
text-transform: uppercase;
pointer-events: none;
}


/* news filter */

.newsFilterBarWrapper {
padding: 0 2em 0 2em;
overflow: hidden;
}

.newsFilterBar {
display: inline-block;
padding: 0;
text-align: left;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
white-space: nowrap;
}

.newsFilterBar::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}

ul.newsFilterList {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0;
}

ul.newsFilterList li {
display: inline-block;
min-width: 174px;
box-sizing: border-box;
padding: 0;
margin: 0 1em 1.5em 0;
text-align: center;
}

ul.newsFilterList li:last-child {
margin-right: 0;
}

ul.newsFilterList li a {
display: inline-block;
width: 100%;
border: 1px solid;
border-color: #E9E8E8;
border-radius: 2em;
padding: 1em 2.5em 1em 2.5em;
text-transform: uppercase;
font-size: 0.75em;
text-align: center;
}

ul.newsFilterList li a:hover {
border-color: #000000;
}

ul.newsFilterList li a span {
display: none;
}

ul.newsFilterList li a.activeFilter {
background-color: #D8D8D8;
}

ul.newsFilterList li a.activeFilter:hover {
border-color: #D8D8D8;
}


/* 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.5em;
}

ul.biglistStyle.simplelistStyle {
/**/
}

ul.biglistStyle.simplelistStyle li {
padding: 0.2em 0.5em 0.6em 1em;
margin: 0 0 0.5em 0;
border-bottom: 1px solid #FF00FF;
position: relative;
}

ul.biglistStyle.simplelistStyle li:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 0.25em;
height: 0.25em;
box-sizing: border-box;
border-radius: 50%;
margin: 0.75em 0 0 0;
background-color: #FF00FF;
}

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;
cursor: auto;
cursor: url('../images/cursor-scroll.svg') 54 54, auto;
}

.h1Wrapper {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
max-width: 100%;
padding: 4em 4em 4em 4em;
-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;
}

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

.h1Wrapper .width-60 {
width: 60%;
}

.locationLink, 
a.locationLink {
display: block;
padding-left: 1.8em;
font-family: 'TT Norms W01 Regular', sans-serif;
font-size: 0.75em;
text-transform: uppercase;
background-image: url(../images/location-icon.svg);
background-repeat: no-repeat;
background-size: 11px auto;
background-position: 0 1px;
}

.locationLink:hover {
color: #FF00FF;
}

.emailLink, 
a.emailLink {
display: inline-block;
padding: 0.2em 0 0.2em 1.8em;
margin-bottom: 0.5em;
font-family: 'TT Norms W01 Regular', sans-serif;
font-size: 0.75em;
text-transform: uppercase;
background-image: url(../images/email-icon.svg);
background-repeat: no-repeat;
background-size: 11px auto;
background-position: 0 6px;
}

.boxcontentText a.emailLink {
margin-bottom: initial;
border-bottom: 1px solid;
}

.emailLink:hover {
color: #FF00FF;
}

/* akkordion */
.akkordTitle {
display: block;
padding: 0 0 0.5em 50px;
margin: 0 0 0.75em 0;
border-bottom: 1px solid #000000;
font-weight: normal;
font-size: 1.625em;
-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: left;
display: block;
width: 35px;
height: 35px;
border-radius: 50%;
box-sizing: border-box;
padding: 0;
margin: 0 0 0 -50px;
font-size: 1em;
line-height: 1.35;
text-align: center;
color: #000000;
vertical-align: middle;
overflow: hidden;
background-color: #eeeeee;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
}

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

.akkordTitle.akkordOpened:before {
content: '–';
font-size: 1em;
color: #ffffff;
background-color: #000000;
}

.akkord-desc, 
p.akkord-desc, 
div.akkord-desc {
display: block;
max-width: 100%;
padding: 0 0 2em 50px;
margin-top: 0;
margin-bottom: 0;
opacity: 1;
}


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


.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 */

.teamFilterBarLocations {
min-height: 2em;
padding: 0 2em 0 2em;
margin: 0.5em 0 2em 0;
position: relative;
}

.teamFilterBarLocations > div {
float: left;
display: block;
width: 100%;
min-height: 1px;
padding: 0;
text-align: center;
position: absolute;
top: 0;
left: 0;
}

.teamFilterBarLocations > div a {
display: none;
}

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

.teamSortButton {
float: left;
display: block;
width: 33.333%;
margin: 0 !important;
padding: 0.75em 1em 0.75em 1em !important;
border-radius: 0;
border: 0;
border-bottom: 1px solid;
text-align: center;
text-transform: none;
font-size: 1.375em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.teamSortButton:before {
display: none;
}

.teamSortButton:hover {
background-color: transparent;
border-color: #FF00FF;
color: #FF00FF;
}

.teamSortButton.active {
color: #FF00FF;
background-color: transparent;
border-color: #FF00FF;
}

.overViewWrapper.teamWrapper {
display: flex;
flex-wrap: wrap;
}

.staffBox {
-webkit-transition: opacity 0.5s, visibility 0.75s !important;
-moz-transition: opacity 0.5s, visibility 0.75s !important;
-o-transition: opacity 0.5s, visibility 0.75s !important;
transition: opacity 0.5s, visibility 0.75s, height 0.5s !important;
}

.staffBox:not(.staffBox-visible) {
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
overflow: hidden;
}

.staffBox.staffBox-visible {
opacity: 1;
visibility: visible;
}

.staffBox .boxcontentText {
padding: 0;
}


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

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


/* 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;
}


/* 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;
}

/* share box */

.shareBoxModule {
/**/
}

.shareBoxWrapper {
padding: 1.2em 1em 1em 1em;
}

.shareBoxWrapper .shareLabel {
display: block;
margin: 0 0 1em 0;
}

.shareBoxWrapper .socialmediaLink {
display: inline-block;
width: 24px;
height: 24px;
padding: 0;
margin: 0 1em 0 0;
text-align: center;
background-size: 24px auto;
background-position: center center;
}

/* q form opener */

div.quickContactOpenerWrapper {
position: fixed;
bottom: 100px;
width: inherit;
z-index: 3;
}

a.quickContactOpener {
position: absolute;
top: -130px;
right: -130px;
width: 220px;
border-radius: 1.75em;
padding: 1em 2.5em;
background-color: #FF00FF;
color: #ffffff;
text-transform: uppercase;
font-size: 0.85em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}

/* 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;
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-imgRight .contentBox_imageWrapper {
text-align: right;
}

.flexStyle-imgRight .contentBox_imageWrapper img.jpgType {
float: right;
}

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


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



.mod-downloads-signin > div.contentBlock:first-of-type {
display: none;
}

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

.popUpBlock {
display: inline-block;
width: 800px;
max-width: calc(100% - 4em);
min-height: 500px;
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;
-moz-transition: width 0.3s, height 0.3s, opacity 1s ease;
-o-transition: width 0.3s, height 0.3s, opacity 1s ease;
transition: width 0.3s, height 0.3s, opacity 1s ease;
}

.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 h3, 
.popUpBlock .h3Style {
font-size: 1.2em;
}

.popUpCloser {
position: absolute;
top: -6.6em;
right: -2em;
z-index: 100;
display: block;
width: 28px;
height: 28px;
background-image: url(../images/close-white.svg);
background-repeat: no-repeat;
background-size: 28px 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 .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-800, 
.popUpBlock .max-width-980, 
.popUpBlock .max-width-1100 {
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-162 {
padding-left: 2em;
padding-right: 2em;
font-size: 1.4em;
line-height: 1.4;
}

.popUpBlock .alignLeft .text-162, 
.popUpBlock .alignRight .text-162 {
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 .placeHolder {
height: 0;
}

.popUpBlock .shareBoxWrapper {
padding: 0;
}

/* colors */

.greyStyle {
color: #909090;
}

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

.verylightgreyStyle {
color: #F5F5F6;
}

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

.lightgreyStyle {
color: #d8d7da;
}

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

.greenStyle {
color: #8fa89d;
}

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

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

.yellowStyle {
color: #FCFAF6;
}

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

.bg-brownStyle {
background-color: #D2CAC1;
}

.redStyle {
color: #e8002f;
}

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

.darkredStyle {
color: #E51313;
}

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

.pinkStyle {
color: #FF00FF;
}

.bg-pinkStyle {
background-color: #FF00FF;
color: #ffffff;
}

.blueStyle {
color: #84A3C4;
}

.bg-blueStyle {
background-color: #84A3C4;
color: #ffffff;
}

.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-inheritStyle {
background-color: inherit;
}

.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: #909090;
border-color: #909090;
}

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

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

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

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

.hr-beige {
background-color: #909090;
border-color: #909090;
}

/* some form things */

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

main .formWrapperLoader .text-162 {
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 {
height: 36px;
padding: 0.5em 0 0.5em 0;
border: 0;
border-bottom: 1px solid;
border-color: #B8B5B4;
background-color: transparent;
font-size: 1em;
}

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

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

select.inputsimpleBorderBottom {
box-sizing: border-box;
padding-left: 0 !important;
padding-right: 1em;
-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;
font-size: 0.9em !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;
  }
}
*/

.formStyles .inputsimpleBorderBottom {
height: 50px;
font-size: 1.375em;
}

.formStyles select.inputsimpleBorderBottom {
background-position: right 0 center;
}

.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: #3C3748;
font-size: 0.9375em;
}

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

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

form .inputsimpleBorderBottom.requiredEmpty {
border-color: #FF00FF/*#e8002f*/;
}


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

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

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

.paddingLeft {
padding-left: 2em;
}

.paddingRight {
padding-right: 2em;
}

.paddingTop {
padding-top: 2em;
}

.paddingBottom {
padding-bottom: 2em;
}

.marginBottom {
margin-bottom: 2em;
}

.marginBottom1 {
margin-bottom: 1em;
}

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

.margin0 {
margin: 0 !important;
}

.marginAuto {
margin: 0 auto !important;
}


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

.autoHeight {
height: auto !important;
}

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

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

.centeredOnMobiles {
/**/
}

.relativePositioned {
position: relative;
}

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

.hideOnMobiles {
/**/
}

.hideOnPhones {
/**/
}

.showOnPhones {
display: none;
}

.showOnMobiles {
display: none;
}

.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: #59514E;
background-color: #D2CAC1;
text-align: center;
font-size: initial;
position: relative;
z-index: 2;
}

.pageFooter a:not(.buttonStyle) {
color: #59514E;
}

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

.pageFooter hr {
margin: 0;
}

.contentBlock-footer:first-child {
padding-top: 6em;
}

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

.contentBlock-footer-small {
color: #59514E;
font-size: 0.9em;
}

.contentBlock-footer-copyright {
position: relative;
}

.contentBlock-footer-copyright:before {
content: '';
display: block;
width: 95vw;
height: 1px;
padding: 0;
margin: 0 auto;
background-color: #D2CAC1;
-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;
}

.socialmediaLink {
display: inline-block;
width: 24px;
height: 24px;
padding: 0;
margin: 0 0 0 12px;
color: transparent;
font-size: 0;
line-height: 0;
background-repeat: no-repeat;
background-size: auto;
background-position: center center;
overflow: hidden;
}

.socialmediaLink:hover {
background-position: center top;
}

.socialmediaLink.liLink {
background-image: url(../images/sm-linkedin-icon.svg);
}

.socialmediaLink.inLink {
background-image: url(../images/sm-insta-icon.svg);
}

.socialmediaLink.ytLink {
background-image: url(../images/sm-youtube-icon.svg);
}

.socialmediaLink.twLink {
background-image: url(../images/sm-twitter-icon.svg);
}

.socialmediaLink.fbLink {
background-image: url(../images/sm-fb-icon.svg);
}

.socialmediaLink.mailLink {
background-image: url(../images/sm-mail-icon.svg);
}


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

.sitemapListBlock:before {
content: '';
display: block;
float: left;
width: 1px;
height: 100%;
background-color: #989593;
margin-left: -2em;
}

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

.sitemapListBlock li a, 
.pageFooter .sitemapListBlock li a {
font-family: Cirka-Light, sans-serif;
font-size: 1.625em;
color: #000000;
}

.sitemapListBlock li a:hover, 
.pageFooter .sitemapListBlock li a:hover {
color: #989593;
}

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


/* 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;
}

body.bodyFreeze {
max-height: 100vh;
overflow-y: hidden;
}


/* 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: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}

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


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

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

nav.openOnMobiles {
padding: 150px 50px 130px 50px;
}

.h1Wrapper h1.h1BigStyle {
font-size: 5.2em;
}

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

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

div.quickContactOpenerWrapper {
width: 1280px;
max-width: calc(100% - 4em);
}

a.quickContactOpener {
top: -80px;
right: -110px;
}

}



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

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

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

div.quickContactOpenerWrapper {
bottom: 120px;
}

}




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

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

.h1Wrapper h1.h1BigStyle {
font-size: 4em;
}

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

.h2bigStyle {
font-size: 2.2em;
}

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

.text-137, 
p.text-137 {
font-size: 1.2em;
line-height: 1.5;
}

.text-162, 
p.text-162 {
font-size: 1.4em;
line-height: 1.4;
}

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

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

nav.openOnMobiles .mainNavi li .mobileSubnavExpander {
top: 0.35em;
}

nav.openOnMobiles {
padding: 150px 50px 130px 50px;
}

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

nav.openOnMobiles .mainNavi li a {
font-size: 1.8em;
}

nav.openOnMobiles ul.navTopRightItems li a {
font-size: 1.2em;
}

nav.openOnMobiles .mainNavi li ul li a {
padding: 1em 0 1em 3.7em;
}

main.tightLayout .contentBlock[id^="cblock_"]:not(.contentBlock-inforight):nth-child(1) {
padding-top: 100px;
}

main.tightLayout .newsBackLinkModule, 
main.tightLayout.tightLayout-jobs .newsBackLinkModule {
position: relative;
top: auto;
left: auto;
width: 910px;
max-width: 100%;
padding-bottom: 100px;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}

main.tightLayout .newsBackLinkWrapper, 
main.tightLayout.tightLayout-jobs .newsBackLinkWrapper {
position: static;
}

main.tightLayout.tightLayout-jobs > div.infoRowRight {
padding-top: 100px;
}


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

.overViewWrapper.newsTeaserWrapper {
max-width: 100%;
margin: 0 auto;
}

.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(230,138,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;
}

.iconTextHorizontal--text {
width: calc(100% - 120px);
}

.iconBox-circle {
width: 120px;
height: 120px;
padding: 0;
}

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

.sitemapListBlock li a, 
.pageFooter .sitemapListBlock li a {
font-size: 1.4em;
}

}


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


nav.openOnMobiles {
padding: 150px 20px 130px 20px;
}

.overViewWrapper.relatedPagesWrapper .contentBox_imgWrapper {
padding: 0;
}

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

ul.jobsFilterList li {
display: inline-block;
min-width: 6em;
max-width: 140px;
margin: 0 0.5em 0.5em 0;
}

ul.jobsFilterList li a {
max-width: 100%;
border-radius: 2em;
padding: 0.65em 1.2em 0.65em 1.2em;
}

.jobsFilterBarWrapper .jobsFilterReset.jobsFilterReset-style {
float: none;
display: inline-block;
margin: 0.5em 0 0.5em auto;
vertical-align: top;
}


}


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

.pageHeader {
position: fixed;
top: 0;
z-index: 1000;
height: 80px;
padding: 2em 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;
}

.pageLogo {
width: 100px;
height: 20px;
}

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

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

#pagecontent {
padding-top: 80px;
}

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

.text-162, 
p.text-162 {
font-size: 1.3em;
}

.pageHeader .contentBlock {
height: auto;
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: #F5F5F6;
}

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: #3C3748;
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.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: 40px;
height: 40px;
position: absolute;
top: -10px;
right: 0;
}


/* navi type 2  */

nav.openOnMobiles {
width: 100%;
max-width: 100%;
padding: 80px 2em 80px 2em;
}

nav.openOnMobiles:after {
display: none;
}

.mobileNaviOpener.opened {
top: -10px;
}

/**/


#pagecontent.halfOpaque {
opacity: 1;
}

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

main.tightLayout.tightLayout-jobs .contentBlock[id^="cblock_"] {
width: 100%;
}

main.tightLayout.tightLayout-jobs > div.infoRowRight {
width: 100%;
padding-top: 0;
position: static;
}

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

.h1Wrapper h1.h1BigStyle {
font-size: 3.5em;
}

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

.overViewWrapper.jobslistWrapper .jobsContent {
width: 100%;
padding: 0;
}
 
.max-width-60, 
.max-width-50 {
max-width: 100%;
}

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

.max-width-800, 
.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: calc(50% - 1.5em);
margin: 0 0.75em 2em 0.75em;
padding: 0;
}

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

.teamFilterBarLocations > div {
width: 100%;
}

.overViewWrapper.newsTeaserWrapper .width-33 {
width: calc(50% - 0.75em);
margin-bottom: 1.5em;
}

.overViewWrapper.newsTeaserWrapper .width-33:nth-child(1), 
.overViewWrapper.newsTeaserWrapper .width-33:nth-child(3) {
margin-left: 0;
margin-right: 0.75em;
}

.overViewWrapper.newsTeaserWrapper .width-33:nth-child(2), 
.overViewWrapper.newsTeaserWrapper .width-33:nth-child(5) {
margin-left: 0.75em;
margin-right: 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: 100%;
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%);
}

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

ul.newsFilterList li {
min-width: 140px;
}

.teamSortButton {
width: auto;
min-width: 33%;
font-size: initial;
}

.imageLegend:before {
height: 60px;
}

.partnerLogo {
margin: 2em;
}

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

.popUpBlock {
margin-top: 110px;
}

.popUpCloser {
position: absolute;
top: -6.6em;
right: -1.85em;
}

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

.sitemapListBlock li a, 
.pageFooter .sitemapListBlock li a {
font-size: 1.25em;
}


}


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

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

.h1Wrapper h1.h1BigStyle {
font-size: 3em;
}

.h1Wrapper .text-137, 
.h1Wrapper p.text-137 {
font-size: initial;
}

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

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

.h2bigStyle {
font-size: 1.8em;
}

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

.text-112, 
p.text-112, 
ul.text-112, 
.text-137, 
p.text-137 {
font-size: 1em;
line-height: 1.5;
}

.text-162, 
p.text-162 {
font-size: 1.4em;
line-height: 1.4;
}

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

.width-25 {
width: 50%;
}

.width-20 {
width: 50%;
}

.eventRow {
width: 100%;
}

.iconTextHorizontalRow {
display: block;
}

.iconTextHorizontalRow .iconTextHorizontal.width-50 {
width: 100%;
margin: 0;
}

.iconTextHorizontalRow .iconTextHorizontal.width-50:nth-child(odd), 
.iconTextHorizontalRow .iconTextHorizontal.width-50:nth-child(even) {
margin: 0;
}

.iconTextHorizontal--text {
width: calc(100% - 100px);
padding: 0 0 0 1em;
}

.iconBox-circle {
width: 100px;
height: 100px;
padding: 0;
}

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

nav.openOnMobiles .mainNavi {
width: 100%;
max-width: 100%;
margin-bottom: 2em;
}

nav.openOnMobiles .navTopRight {
width: 100%;
max-width: 100%;
}

nav.openOnMobiles .countryLangWrapper--divleft, 
nav.openOnMobiles .countryLangWrapper--divright {
float: left;
width: 100%;
padding: 0;
}

nav.openOnMobiles .countryLangWrapper .buttonStyle {
margin: 0 0 2em 0;
}

main.tightLayout.tightLayout-jobs {
padding-bottom: 5em;
}

main.tightLayout .contentBlock[id^="cblock_"]:not(.contentBlock-inforight):nth-child(1) {
padding-top: 3.125em;
}

main.tightLayout.tightLayout-jobs .newsBackLinkModule {
position: static;
top: auto;
padding-bottom: 0;
}

.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, 
.quoteRow {
padding-top: 1.562em;/* 25px */
padding-bottom: 1.562em;
}

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

.portraitImg {
max-width: 300px;
}

.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: 0;
padding-bottom: 0;
}
 
.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: 2em;
}

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

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

nav.openOnMobiles .searchOpenerWrapper {
margin: 0 2em 2em 2em;
}

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

form .inputRow textarea {
height: 300px;
}

.formStyles .inputsimpleBorderBottom {
height: 46px;
font-size: 1em;
}

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

.akkordTitle {
font-size: 1.4em;
}

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

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

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

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

.placeHolder-small {
height: 1.5625em;/* 25px */
}

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

.contentBlock-footer:first-child {
padding-top: 4em;
}

.pageFooter .contentBlock-footer-copyright .width-25:last-child {
width: 100%;
padding: 2em 0 0 0;
text-align: left;
}

.pageFooter .contentBlock-footer-copyright .width-25:last-child a.socialmediaLink {
margin: 0 1em 0 0;
}

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

.sitemapListBlock li  {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.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 h3, 
.popUpBlock .h3Style {
font-size: 1.2em;
}

.popUpBlock .text-162 {
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;
}

.centeredOnMobiles {
text-align: center;
}

.showOnPhones {
display: initial;
}

p.showOnPhones {
display: block;
}

}


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

nav {
padding: 0;
}

nav.openOnMobiles {
width: 100%;
max-width: 100%;
padding: 80px 0 80px 0;
}

ul.mainHeaderNavi {
padding: 0 0 1em 0;
}

h1, .h1Style {
font-size: 2em;
line-height: 1.2;
}

.h1Wrapper {
padding: 3em 2em 1em 2em;
}

.h1Wrapper h1.h1BigStyle {
font-size: 2.4em;
}

.h1Wrapper .text-137, 
.h1Wrapper p.text-137 {
font-size: initial;
}

h2, .h2Style, 
.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.2em;
}

.h2bigStyle {
font-size: 1.6em;
}

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

.text-162, 
p.text-162 {
font-size: 1.2em;
line-height: 1.4;
}

.quotationStyle {
font-size: 1.4em;
}

.imageLegend:before {
height: 45px;
}

.eventRow {
display: block;
}

.eventRow--text, 
.eventRow--link {
width: 100%;
}

.eventRow--text .boxTeaser {
font-size: 0.9em;
}

.eventRow--link .eventRegLink {
margin: 20px auto 0 auto;
}

.eventRow--link .eventRegLink:hover:before {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

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

.iconBox-circle.iconBox-circle-socialmedia {
width: 50px;
height: 50px;
margin: 0.25em !important;
}

.resultsWrapper .searchResultRow {
padding-left: 0;
padding-right: 0;
}

.teamSortButton {
width: 50%;
font-size: initial;
}

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

.width-20.mobile-max-width-50, 
.width-25.mobile-max-width-50, 
.width-33.mobile-max-width-50 {
width: 50%;
}

.h1Wrapper .width-50, 
.h1Wrapper .width-60 {
width: 75%;
}

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

.subNaviWrapper ul.subNavi li {
width: 100%;
min-width: 100%;
margin: 0 0 1em 0;
}

.buttonStyle {
padding: 1.2em 2em 1.2em 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;
}

.akkordTitle:before {
font-size: 1.25em;
margin-top: -0.2em;
}

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

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

.staffBox .boxcontentText {
padding: 0 2em 3em 2em;
}

.teamDetailsWrapper .width-33 {
width: 200px;
max-width: 100%;
}

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


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

.overViewWrapper {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}

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

ul.jobsFilterList li > div.jobsFilterOptions {
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-o-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}

.overViewWrapper .blockStyle.grid-item {
width: 100%;
padding-right: 0;
margin: 0;
}

.overViewWrapper.jobsWrapper .blockStyle.grid-item {
margin: 0 0 3em 0;
}

.overViewWrapper.newsTeaserWrapper .width-33 {
width: 100%;
}

.overViewWrapper.newsTeaserWrapper .width-33:nth-child(1), 
.overViewWrapper.newsTeaserWrapper .width-33:nth-child(3) {
margin-left: 0;
margin-right: 0;
}

.overViewWrapper.newsTeaserWrapper .width-33:nth-child(2), 
.overViewWrapper.newsTeaserWrapper .width-33:nth-child(5) {
margin-left: 0;
margin-right: 0;
}

.testimonialStoryPrev h3 {
font-size: 1.4em;
}

.testimonialStoryPrev--answer .text-137 {
font-size: 1.25em;
}

ul.newsFilterList li {
min-width: 100px;
}

.pageFooter .sitemapListBlock {
width: 50%;
padding: 0 1em 2em 0;
font-size: 0.95em;
}

.pageFooter .sitemapListBlock:before {
display: none;
}

.popUpBlock {
max-width: calc(100% - 3em);
border: 1.5em solid transparent;
padding: 0;
margin-top: 80px;
}

.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-800, 
.popUpBlock .max-width-980 {
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 {
top: -4.4em;
right: -1em;
}

}


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

h1, .h1Style {
font-size: 2em;
line-height: 1.2;
}

.h2bigStyle {
font-size: 1.6em;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.text-162, 
p.text-162 {
font-size: 1.1em;
line-height: 1.4;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

nav.openOnMobiles .mainNavi li a {
font-size: 1.6em;
}

nav.openOnMobiles .mainNavi li:before {
top: 1.8em;
}

nav.openOnMobiles .mainNavi li ul li a {
padding: 1em 0 1em 3.3em;
}

nav.openOnMobiles .mainNavi li .mobileSubnavExpander {
top: 0;
}

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

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


.akkordTitle {
padding: 0.2em 0 0.75em 40px;
margin: 0 0 0.6em 0;
font-size: 1em;
}

.akkordTitle:before {
width: 28px;
height: 28px;
margin: -0.1em 0 0 -40px;
}


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

ul.strokeList li {
padding: 0 0 0 1.2em;
}

form .inputRow {
margin-bottom: 1.5em;
}

div.quickContactOpenerWrapper {
bottom: 1em;
}

a.quickContactOpener {
/*
top: -50px;
right: -122px;
*/
top: -50px;
right: -50px;
width: 50px;
height: 50px;
padding: 0;
border-radius: 50%;
overflow: hidden;
font-size: 0;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}

a.quickContactOpener:after {
content: '?';
float: left;
display: block;
width: 50px;
height: 50px;
box-sizing: border-box;
padding: 0.5em;
font-size: 20px;
}

.stepStyle {
width: 220px;
}

.stepStylesTimeline {
width: 880px;
left: 140px;
}

.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: 1em;
}

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

.h1Wrapper .width-50, 
.h1Wrapper .width-60 {
width: 80%;
}

.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 {
top: -4.2em;
right: 0;
}

.popUpBlock h1, 
.popUpBlock .h1Style {
/**/
}

}


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

html {
font-size: 95%;
}

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

.h1Wrapper .width-50, 
.h1Wrapper .width-60 {
width: 100%;
}

.teamBoxDesc {
width: 90%;
min-height: 110px;
padding: 1em;
}

.pageFooter .sitemapListBlock {
width: 100%;
padding: 0 0 2em 0;
}

.popUpBlock h1, 
.popUpBlock .h1Style {
/**/
}

}


@media print {

.pageHeader {
border: 0;
position: relative;
}

main.tightLayout:not(.tightLayout-jobs) .contentBlock[id^="cblock_"]:nth-child(1) {
padding-top: 2em !important;
}

#pagecontent {
padding-top: 0;
}

nav, 
.mobileNaviOpener, 
div.quickContactOpenerWrapper, 
.newsBackLinkWrapper {
display: none;
}

.pageFooter {
background-color: #ffffff;
}

}