/* codeDESIGN - layout_project_specific.css */
@charset "utf-8";



/* CUSTOM SHAPE DIVIDERS */
.custom_shape_divider_main_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 9999;
}
.custom_shape_divider_main_slider svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 50px;
}
.custom_shape_divider_main_slider .custom_shape_divider_main_slider_shape_fill {
	fill: #ffffff;
}
@media only screen and (max-width: 768px) {

	.custom_shape_divider_main_slider svg {
		width: calc(128% + 1.3px);
		height: 50px;
	}
	
}



/* CUSTOM SHAPE DIVIDERS TOP AND BOTTOM */
.custom_shape_divider_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom_shape_divider_top svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 100px;
}
.custom_shape_divider_top_to_bttom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.custom_shape_divider_top_to_bttom svg {
    position: relative;
    display: block;
    width: calc(128% + 1.3px);
    height: 100px;
}
.custom_shape_divider_top_to_bttom .custom_shape_divider_top_to_bttom_shape_fill {
    fill: #ffffff;
}
.custom_shape_divider_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom_shape_divider_bottom svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 100px;
	/* transform: rotateY(180deg); */
	transform: rotateX(180deg);
}
.custom_shape_divider_bottom_reverse svg {
	transform: rotateX(180deg) rotateY(180deg);
}
.custom_shape_divider_top .custom_shape_divider_top_shape_fill,
.custom_shape_divider_bottom .custom_shape_divider_bottom_shape_fill {
	fill: #ffffff;
}
@media only screen and (max-width: 768px) {

	.custom_shape_divider_top svg,
	.custom_shape_divider_top_to_bttom svg,
	.custom_shape_divider_bottom svg {
		width: calc(128% + 1.3px);
		height: 50px;
	}
	
}



/* WAVES PAGE TITLE */
div.waves_page_title_wrapper {
	position: relative;
}
div.waves_page_title_wrapper_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
div.waves_page_title_wrapper_inner svg {
	position: relative;
	display: block;
	width: calc(150% + 1.3px);
	height: 50px;
}
@media only screen and (max-width: 768px) {

	div.waves_page_title_wrapper_inner svg {
		height: 25px;
	}
	
}
div.waves_page_title_wrapper_inner .shape-fill {
	fill: #F3F3F3;
}



/* WAVES FOOTER */
div.waves_header_wrapper {
	width: 100%;
	top: 0px;
	z-index: 99;
	position: absolute;
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}
.waves_header {
	width: 100%;
	height: 15vh;
	min-height: 45px;
	max-height: 45px;
	margin-bottom: -7px; /* fix for safari gap */
	position: relative;
}
.waves_footer {
	width: 100%;
	height: 15vh;
	min-height: 80px;
	max-height: 80px;
	margin-bottom: -7px; /* fix for safari gap */
	position: relative;
}
/* WAVES FOOTER ANIMATION */
.waves_footer_parallax > use {
	animation: animation_for_waves_footer 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;
}
.waves_footer_parallax > use:nth-child(1) {
	animation-delay: -8s;
	animation-duration: 24s;
}
.waves_footer_parallax > use:nth-child(2) {
	animation-delay: -12s;
	animation-duration: 40s;
}
.waves_footer_parallax > use:nth-child(3) {
	animation-delay: -16s;
	animation-duration: 52s;
}
.waves_footer_parallax > use:nth-child(4) {
	animation-delay: -20s;
	animation-duration: 80s;
}
@keyframes animation_for_waves_footer {

	0% {
		transform: translate3d(-90px,0,0);
	}
	100% { 
		transform: translate3d(85px,0,0);
	} 
	
}
@media only screen and (max-width: 768px) {

	.waves_header, 
	.waves_footer {
		height: 20px;
		min-height: 20px;
	}
	
}



/* HISTORIC LIST - USE TIMELINE INSEAD */
ul.content_item_historic_list {
	list-style: none;
}
ul.content_item_historic_list li {
	margin: 0px 0px 20px 0px !important;
	padding: 0px 0px 0px 80px !important;
}
ul.content_item_historic_list li:before {
	background: #CFCDCE;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font: normal 13px/50px 'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-align: center;
}
ul.content_item_historic_list li:after {
	background: #CFCDCE;
	content: '';
	width: 100%;
	height: 1px;
	display: inline-block;
	margin: 25px 0px 0px 0px;
}
ul.content_item_historic_list li:last-child:after {
	display: none;
}
ul.content_item_historic_list li:nth-child(1):before {
	content: '1948' !important;
}
ul.content_item_historic_list li:nth-child(2):before { 
	content: '1968' !important;
}
ul.content_item_historic_list li:nth-child(3):before { 
	content: '1989' !important;
}
ul.content_item_historic_list li:nth-child(4):before { 
	content: '2000' !important;
}
ul.content_item_historic_list li:nth-child(5):before { 
	content: '2020' !important;
}



/* SOME CUSTOM TABS */
div.custom_hardcoded_tabs_wrapper {
	margin: 40px 0px;
}
div.custom_hardcoded_tabs_wrapper figure { 
	display: block; 
	margin: 0; 
	/*border-bottom: 1px solid #e5e8ee;*/
	clear: both;
}
div.custom_hardcoded_tabs_wrapper > input {
	display: none;
}
div.custom_hardcoded_tabs_wrapper figure > div {
	display: none;
}
div.custom_hardcoded_tabs_wrapper figure>div {
	padding: 20px;
	width: 100%;
	/*border: 1px solid #e5e8ee;*/
	border-top: 1px solid #e5e8ee;
	background: var(--ci_color_white);
	line-height: 1.5em;
	letter-spacing: 0.3px;
	color: var(--ci_color_black);
}
@media only screen and (max-width: 991px) {
	div.custom_hardcoded_tabs_wrapper figure>div {
		padding: 0px;
	}
}
#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3 {
	display: block !important;
}
nav.custom_hardcoded_tabs_navigation {
	position: relative;
	left: calc((100vw - 1170px + 0px) / 2);
}
@media only screen and (max-width: 1199px) {
	nav.custom_hardcoded_tabs_navigation {
		left: calc((100vw - 970px + 0px) / 2);
	}
}
@media only screen and (max-width: 991px) {
	nav.custom_hardcoded_tabs_navigation {
		left: calc((100vw - 750px + 0px) / 2);
	}
}
@media only screen and (max-width: 768px) {
	nav.custom_hardcoded_tabs_navigation {
		left: 40px;
	}
}
@media only screen and (max-width: 430px) {
	nav.custom_hardcoded_tabs_navigation label:nth-child(3) {
		display: none;
	}
}
nav.custom_hardcoded_tabs_navigation label {
	float: left;
	padding: 15px 15px;
	border-top: 1px solid #e5e8ee;
	border-right: 1px solid #e5e8ee;
	background: var(--ci_color);
	color: var(--ci_color_white);
	text-transform: uppercase;
	cursor: pointer;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
nav.custom_hardcoded_tabs_navigation label:nth-child(1) {
	border-left: 1px solid #e5e8ee;
}
nav.custom_hardcoded_tabs_navigation label:hover {
	background: var(--ci_color_white);
	color: var(--ci_color_black);
}
nav.custom_hardcoded_tabs_navigation label:active {
	background: var(--ci_color_white);
}
#tab1:checked ~ nav.custom_hardcoded_tabs_navigation label[for="tab1"],
#tab2:checked ~ nav.custom_hardcoded_tabs_navigation label[for="tab2"],
#tab3:checked ~ nav.custom_hardcoded_tabs_navigation label[for="tab3"] {
	background: var(--ci_color_white);
	color: var(--ci_color_black);
	position: relative;
	border-bottom: none;
}
#tab1:checked ~ nav.custom_hardcoded_tabs_navigation label[for="tab1"]:after,
#tab2:checked ~ nav.custom_hardcoded_tabs_navigation label[for="tab2"]:after,
#tab3:checked ~ nav.custom_hardcoded_tabs_navigation label[for="tab3"]:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--ci_color_white);
	left: 0;
	bottom: -1px;
}
.layout_navigation_horizontal_opaque.layout_navigation_background_1 {
	background: var(--ci_color);
}



/* STATIC JOB OFFER */
div.static_job_offer {
	background: var(--ci_color);
	color: var(--ci_color_white);
	margin: 0px 40px 40px 0px;
	padding: 0px 0px 0px 0px;
}
div.static_job_offer h2 {
	text-transform: uppercase;
	color: var(--ci_color_white);
	border-bottom: none;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}
div.static_job_offer h2:after {
	display: none;
}
div.static_job_offer div.static_job_offer_image {
	position: relative;
}
div.static_job_offer span.static_job_offer_image_overlay {
    background: rgba(255, 255, 255, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.static_job_offer span.static_job_offer_image_overlay:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
div.static_job_offer span.static_job_offer_image_overlay i {
	font-size: 30px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



/* STATIC SIDEBAR CONTENT */
div.static_sidebar_content {
	background: var(--ci_color);
	color: var(--ci_color_white);
	margin: 0px 40px 40px 0px;
	padding: 0px 0px 0px 0px;
}
div.static_sidebar_content h2 {
	text-transform: uppercase;
	color: var(--ci_color_white);
	font-size: 24px;
	border-bottom: none;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}
div.static_sidebar_content h2:after {
	display: none;
}
div.static_sidebar_content div.static_sidebar_content_content {
	background: #f0f0f0;
	font: normal 14px/20px 'Oxygen','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-weight: 300;
	color: var(--ci_color_black);
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}
div.static_sidebar_content div.static_sidebar_content_content span.name {
	font: var(--font-h1_component);
	font-style: normal;
	font-size: 28px;
	color: var(--ci_color_black);
	letter-spacing: -1px;
	display: inline-block;
	margin: 0px 0px px 0px;
	padding: 20px 0px 0px 0px;
	position: relative;
}
div.static_sidebar_content div.static_sidebar_content_content span.name:after {
	background: var(--ci_color);
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: var(--ci_color_white);
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 8px;
	z-index: 99;
	content: 'neu';
}
div.static_sidebar_content div.static_sidebar_content_image {
	position: relative;
}
div.static_sidebar_content span.static_sidebar_content_image_overlay {
    background: rgba(255, 255, 255, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.static_sidebar_content span.static_sidebar_content_image_overlay:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
div.static_sidebar_content span.static_sidebar_content_image_overlay i {
	font-size: 30px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}