/*

ORANGE BG 0.2 == #F8F0E7 rgba(248, 240, 231,1)
ORANGE BG 0.2 == #EEE8E2

GREY WARM 0.5 == #ECE8E4
GREY WARM 0.6 == #E7E1DE
GREY WARM 0.7 == #DDD6D0

BLUE 1 == #81AEC5

GREEN 1 == #E6EBEA


*/

@media screen {
	/* montserrat-regular - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Montserrat';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/montserrat-v26-latin/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/montserrat-v26-latin/montserrat-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}	

	/* montserrat-600 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Montserrat';
	  font-style: normal;
	  font-weight: 600;
	  src: url('/fileadmin/_shared/fonts/montserrat-v26-latin/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/montserrat-v26-latin/montserrat-v26-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}	

	/* montserrat-700 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Montserrat';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/montserrat-v26-latin/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/montserrat-v26-latin/montserrat-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}

}

/* ======================= */
/* RESET BTSTRP */
body { line-height: inherit; font-weight: inherit; }

a { color: inherit; text-decoration: none; transition: color .5s; }
a:hover { color: inherit; text-decoration: underline; }

figure { margin-bottom: 0; }

button { color: inherit; }

.stretched-link--custom::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0,0,0,0);
}	


.border-top, .border-bottom { border-color: #919BAA !important;}
.border-top 	{ border-top-width: 1px !important;  }
.border-bottom 	{ border-bottom-width: 1px !important; }


.bg-dark 		{ background-color: #333333 !important; }
.bg-primary 	{ background-color: #E8B300 !important; }
.bg-secondary 	{ background-color: #999999 !important; }
.bg-light 		{ background-color: #EBEBEB !important; }
.bg-light-50p 	{ background-color: #EEEEEE !important; }


.text-highlight { color: #CEFFCC !important; }
.text-light 	{ color: #B4B4B4 !important; }
.text-light-darker 	{ color: #969696 !important; }
.text-primary 	{ color: #E8B300 !important; }
.text-secondary { color: #90B9AE !important; }
.text-important { color: #CC0000 !important; }

.text-dark { color: #333333 !important; }

@media(min-width: 576px){
	.border-sm-top-0 { border-top: 0 !important; }
}

.ctel.vw-100 { width: auto !important }

.container-fluid { max-width: 1200px; padding-left: 20px; padding-right: 20px; }
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

@media(min-width: 767px){
	.container-fluid { padding-left: 30px; padding-right: 30px; }
}


/* === WEBSITE-LAYOUT GENERELL ========================================== */
html, body { background: #FFFFFF; }
body { overflow-y: scroll; margin: 0; padding: 0; }


/* POSITIONIERUNGEN */
#canvas, #page, #main, #footer  { position: relative; }
#header, #nav { position: relative; }
#canvas { overflow: hidden; }

/* Z-INDEXES */
#header 	{ z-index: 2; }
#logo 		{ z-index: 2; }
#nav 		{ z-index: 1; }
#main 		{ z-index: 0; }
#footer 	{ z-index: 1; }


#canvas { padding: 0 0; }
@media(min-width: 768px){
	#canvas { padding: 0 0; }
}

#page { padding-top: 0; }
@media(min-width: 768px){
	
}

#footer { margin-bottom: 0; }
#main 		{  }

/* === HEADER === */
#header { background: #333333; padding-top: 1.5rem; padding-bottom: 1.5rem; color: #FFFFFF;  }

@media(min-width: 576px){
	#header:before { content: ''; position: absolute; z-index: 999; top: 100%; left: 0; right: 0; height: 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0)); pointer-events: none; }	
}

/* HEADER: LOGO */
.logo { position: relative; top: 0; left: 0; margin: 0; text-transform: uppercase; text-align: center; }
.logo a:hover { text-decoration: none !important; }
.logo a:focus { outline: none; }

.logo { position: relative; top: 0; left: 0; white-space: nowrap; margin: 0; background: center bottom no-repeat url('../assets/erkan_altun__logo.svg') transparent; background-size:contain; }
.logo { transition: all .5s; max-width: 500px; }

.logo a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; outline: 0; text-indent: -999px; overflow: hidden; }
.logo:after { content: ''; display: block; width: 100%; height: 0; padding-bottom: 11%; }

.logo {  }
.logo__title { margin: 0; }

/*
@media(min-width: 768px){
	.logo { max-width: 200px; }
}

@media(min-width: 1100px){
	.logo { max-width: 16rem; }
}
*/

/* HEADER: MINIHEADER@SCROLL*/
@media(min-width: 1px){
	.header--fixed { position: fixed !important; top: 0; left: 0; right: 0; height: auto; z-index: 1; background: rgba(0,0,0,0); }
	
	.header--fixed { transition: background-color .3s; }
	.miniheader .header--fixed { background: rgba(0,0,0,0.8); }
	
	.miniheader #header .logo { max-width: 240px; }

}

@media(min-width: 576px){
	.header--fixed { transition: padding .3s; }
	.miniheader .header--fixed { padding-top: .5rem !important; padding-bottom: .5rem !important; }
}


/* = HEADER: MENU ========================================== */
.col--nav { position: static; }

@media (max-width: 767px) {
	#page { overflow: hidden; }
	
	#nav { position: absolute; z-index: 1; top: 100%; bottom: auto; left: 0; width: auto; right: 0; margin: 0 0 0 0; padding: .25em 0 !important; background: rgba(50,50,50,.7); }
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
	
		transform: translateX(120%);
		-webkit-transform: translateX(120%);
	}
	.menu--is-active #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@media(min-width: 768px){
	.navbar-toggle { display: none !important; }
}

		
.navbar-toggle {
	position: absolute;

	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 999;
	padding: 15px 24px;
	height: 60px;
	width: 70px;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 0;
	
	display: block;
	border: 0;
}

.navbar-toggle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0); z-index: 2; }
.menu--is-active .navbar-toggle:before { left: 99%; }

.navbar-toggle:focus { outline: 0; }

.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 2px;
	border-radius: 0;
	background: #FFFFFF;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

.navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }

.menu--is-active .navbar-toggle .icon-bar { opacity: 0;  }
.menu--is-active .navbar-toggle .sr-only + .icon-bar,
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ opacity: 1; }
.menu--is-active .navbar-toggle .sr-only + .icon-bar 		{ transform: translateY(7px) rotate(45deg) }
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ transform: translateY(-7px) rotate(-45deg)  }



/* HEADER: MENU */
.menu, .menu ul { list-style: none; margin: 0; padding: 0; line-height: 1; position: relative;  }
.menu__item { margin: 0; padding: 0; }
.menu__item { position: relative; }
.menu__item a { text-decoration: none; display: block; position: relative; }
.menu__item b { font-weight: inherit; }

/* ALL LEVELS */
.menu--primary { font-size: 1.333rem; font-weight: 400; color: #FFFFFF; }
.menu--primary a { transition: color .3s; }
.menu--primary a:hover { color: inherit; }

.menu--primary a { display: block; padding: 1rem 2rem; }

.menu--primary .act > a, 
.menu--primary .cur > a { }

/* LEVEL 1 */
.menu--primary > .menu__item { position: relative; }
.menu--primary > .menu__item > a { }
.menu--primary > .act > a, 
.menu--primary > .cur > a { color: #E8B300; }

.menu--primary > li > a:hover { }
.menu--primary > li > a,
.menu--primary > li > ul {
/*	border-bottom: 1px solid #7a7d80;*/
}

@media (min-width: 768px) {
	.menu--primary { margin-left: -2rem; margin-right: -2rem; text-align: right; }
	.menu--primary a { padding-top: 1rem; padding-bottom: 1rem; text-transform: uppercase; }
	
	.menu--primary > .menu__item { display: inline-block; }	
}



/* LEVEL 2 */
.menu--primary .l2 { font-size: 1rem; line-height: 1.5; }
.menu--primary .l2 a { padding: .5rem 2rem; hyphens: auto; }
.menu--primary .l2 > .menu__item > a {  }
.menu--primary .l2 > .menu__item:last-child > a { border-bottom: none; }

.menu--primary .l2 .act > a, 
.menu--primary .l2 .cur > a {  }

/* ================ */
@media (min-width: 576px) {
	.menu--primary .l2 a { padding-left: 3rem; }	
}
	
/* LEVEL 2: TOGGLE */
#canvas #primarynav .tggl { display: none; }
@media (max-width: 9910px) {	
	#canvas #primarynav .tggl { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; height: auto; padding: 0; background: transparent; border: 0; text-indent:-999em; overflow: hidden; }
	#primarynav .tggl:after {
		content: '';
		border: 4px solid #fff;
		display: block;
		width: 12px;
		height: 12px;
		margin-bottom: -4px;
		position: absolute;
		bottom: 50%;
		left: 50%;
		margin-left: -6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#primarynav .tggl:after {
		border-top: 0;
		border-left: none;
	}
	
	#primarynav .opnd > a > .tggl:after {
		margin-bottom: -10px;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	
	#primarynav .l2 { max-height: 0; overflow: hidden; }
	#primarynav .opnd > .l2 { max-height: 1000px; }

	#primarynav .l3 { max-height: 0; overflow: hidden; }
	#primarynav .opnd > .l3 { max-height: 1000px; }
	
}


@media(min-width: 993px){
/*  .miniheader .menu--contacts a { padding-top: .6rem !important; padding-bottom: 0.2rem !important; }
  .miniheader .menu--primary a { padding-top: .3em; padding-bottom: .3em; }
*/
}


@media(max-width: 575px){
	.menu--contacts 		{ font-size: 1.5rem !important; }
}

.menu--contacts a b { font-weight: 400; }
.menu--contacts a { position: relative;  z-index: 999; color: #000;}
.menu--contacts .sr-only { position: absolute; top: 100%; right: 0; background: #fff; padding: .3rem .6rem; clip: unset; height: auto; max-height: 0; width: auto; line-height: 1; opacity: 0; }

.menu--contacts .sr-only {  transition: all .3s; transform: translateY(60%); }
.menu--contacts a:hover .sr-only { transform: translateY(-40%); max-height: 2rem; opacity: 1; }


/* BODYTEXT */
/* === TEXTSTILE ======================================= */
body, 
.font-weight-normal, 
.font-weight-light { 
/*	-webkit-font-smoothing: antialiased;*/
	-moz-osx-font-smoothing: grayscale;
	color: #706F6F; font-family: 'Montserrat', Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: 400 !important;
}

.text-default { color: #706F6F !important; }

.btn--1, 
.font-weight-bold, 
strong { 
	font-weight: 700 !important;
}


/* FONTSIZES ALL TOGETHER */
html 		{ font-size: 14px; line-height: 1.5; }
@media(min-width: 576px){
	html 		{ font-size: 15px; }
}
@media(min-width: 992px){
	html 		{ font-size: 15px; }
}
@media(min-width: 1200px){
	html 		{ font-size: 15px; }
}

.text-size--xxl { font-size: 2.00rem; }
.text-size--xl 	{ font-size: 1.50rem; }
.text-size--l 	{ font-size: 1.20rem; }

.imgwrap figcaption, 
.text-size--s { font-size: 0.9rem; }

.text-size--xs 	{ font-size: 0.7rem; }
@media(min-width: 992px){
	.text-size--xs 	{ font-size: 0.6111rem; }
}


/* FONT SIZES RELATIVE TO VW */
.text-size--rel { font-size: 1vw; }
.text-size--rel .text-size--xxl { font-size: 2.50em; }
.text-size--rel .text-size--xl 	{ font-size: 1.50em; }
.text-size--rel .text-size--l 	{ font-size: 1.30em; }
.text-size--rel .text-size--s 	{ font-size: 0.72em; }
.text-size--rel .text-size--xs 	{ font-size: 0.72rem; }

@media(max-width: 767px){
	.text-size--rel { font-size: 2vw; }
}


/* HEADINGS */
.header { margin-bottom: 2rem; /*overflow: hidden;*/ }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; font-weight: 700; line-height: inherit; }

.h1, h1 { color: #E8B300; font-size: 3.0rem; text-transform: uppercase; font-weight: 600 !important; letter-spacing: 0; }
.h2, h2 { color: inherit; font-size: 2.00rem; text-transform: none; }
.h3, h3 { color: inherit; font-size: 1.55rem; text-transform: none; }
.h4, h4 { font-size: 1em; }


.h1, h1 { font-size: 3rem; }
.header__preheading { font-size: 2.1rem; }
.header__subheading { font-size: 1.5rem; }

@media(min-width: 576px){
	.h1, h1 { font-size: 4rem; }
	.header__preheading { font-size: 3rem; }
	.header__subheading { font-size: 2rem; }
}
@media(min-width: 992px){
	.h1, h1 { font-size: 6rem; }
	.header__preheading { font-size: 5rem; }
	.header__subheading { font-size: 3rem; }
}


.ctype-header .header, 
.ctype-header .header * { margin-bottom: 0; }

.text-justify .header { text-align: center; }

.text-white .header * {  color: #FFFFFF !important; }

.header { line-height: 1.2; }
.header__heading {  }
.header__preheading, 
.header__subheading { color: #E8B300; font-weight: 600 }

.header__preheading { margin-bottom: 0; margin-top: 0; text-transform: uppercase;  }
.header__subheading { margin-bottom: 0; margin-top: 1rem; }

@media(min-width: 768px){
	.header__heading span { display: block; }
}


/* === CTEL === */
.ctel { overflow: hidden; }
.ctel--vh100 .ctel__layout { height: 100vh; max-height: -webkit-fill-available !important; }

@media(max-width: 767px){
	#content > .ctel.mt-9 { margin-top: 4rem !important; }
/*	#content .ctel.mt-n9 { margin-top: -4rem !important; }*/
}
	
.ctel__layout { }
/*#content [class^="bg-"], #content [class*=" bg-"] { padding: 3em; }*/


.ctel__layout--intro-xl { background: #F0ECEA no-repeat 70% 20vw url('../assets/p_ffffff_flip.svg'); background-size: 110%; min-height: 35vw; }
@media(min-width: 767px){
	.ctel__layout--intro-xl {
		background-image: url('../assets/p_ffffff.svg');
		background-size: 75vw;
		background-position: 15% 15vw;
	}
}

.ctel__layout--intro { background: #F0ECEA no-repeat 95% 10vw url('../assets/p_ffffff_flip.svg'); background-size: 60%; }
@media(min-width: 767px){
	.ctel__layout--intro {
/*		background-image: url('../assets/p_ffffff.svg');*/
		background-size: 45%;
		background-position: 85% 45%;
	}
}

.text-justify p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.hyph-off { word-wrap: unset; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; text-align: left; } 

p { margin-bottom: 1.5rem; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.5rem; }
li { padding: 0; margin: 0; }

.csc-text-text :first-child { margin-top: 0; }
.csc-text-text li p { margin-bottom:0; }
.csc-text-text li p + p { margin-top:1.5rem; }
.csc-text-text ul li, 
.csc-text-text ol li { margin-left: 0; padding-left: 1.4em; margin-bottom: .3em; position: relative; }
.csc-text-text ul li { list-style: none; }
.csc-text-text ul li:before {
	content:"";
	overflow: hidden;
	position: absolute;
	width: .4em;
	height: .4em;
	left: 0;
	top: .6em;
	font-size: 1.2em;
	line-height: 1;
	background-color: #919BAA;
	opacity: 1;
	border-radius: 4px;
}
.csc-text-text ul.list-unstyled { margin-bottom: 0; }
.csc-text-text ul.list-unstyled li { padding-left: 0; position: static; }
.csc-text-text ul.list-unstyled li:before { content: none; }

.csc-text-text ul.list--1 { margin: 0 -3rem;  }
.csc-text-text ul.list--1 li { border-top: 3px solid #E5E4E2; padding: 1rem 3rem 1rem 4.8rem; margin-bottom: 0; }
.csc-text-text ul.list--1 li:before { margin-top: 1rem; margin-left: 3rem; }

.csc-text-text  ol {counter-reset: root; padding-left: 0;}
.csc-text-text  ol > li { display: block; margin-left: 0; position: relative; padding-left: 1.6em; }
.csc-text-text  ol > li:before { position: absolute; line-height: inherit; left:0; top: 0; content: counter(root) ". "; counter-increment: root; }

.csc-text-text ol.ol--big-numbers > li { padding-left: 2.4em; }
.csc-text-text ol.ol--big-numbers > li:before { color: #f9b82b; font-size: 2em; }



/* BTNs */
.link-btn { background: #E8B300; display: inline-block; padding: .4em 1em; margin: 0.2em 0; text-align: center; border-radius: 50rem; transition: all .3s; border: 0 !important; }
.link-btn { font-size: 1.33rem; line-height: 1; letter-spacing: .005rem; font-weight: 700; text-transform: uppercase; word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } 
.link-btn, .link-btn:link, .link-btn:visited, .link-btn:active { text-decoration: none; color: #333333;  }
.link-btn:hover { text-decoration: none; }

.ctel--links-dark .btn--1, 
.btn--1-dark { background: #233255; }
.ctel--links-dark .btn--1, .ctel--links-dark .btn--1:link, .ctel--links-dark .btn--1:visited, .ctel--links-dark .btn--1:active { color: #FFFFFF !important; }
.ctype-gridelements_pi1.ctel--links-dark .btn--1 { margin: 5px; }

/* LINKS */
.link-internal::after, .link-internal-new-window::after, .link-external::after, .link-external-new-window::after, .download::after, .mail::after, .link-down::after, .link-download::after {
	background: transparent;
	width: 1em;
	margin-right: 0;
	margin-left: .4em;
	margin-top: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none !important;
	color: inherit;
	font-size: .8em;
	font-family: 'fontello' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	transition: all .2s;
}


.link-internal { text-decoration: none !important; border-bottom: 1px dotted #aaa; }

.link-internal::after, 
.link-down::after { content: '\e833'; margin-top: -.1em; margin-left: 0.1em; transform: translateX(.0001em); }

.link-down::after { font-size: 1.2em; position: relative; }

.btn--1.link-internal:hover::after { transform: translateX(.3em); }

.link-down::after { transform: rotate(90deg); }

.ctel a { text-decoration: underline; }
.link-external::after, 
.link-internal-new-window::after { margin-top: -.1em;  content: '\f08e'; }

.link-download::after { content: '\e81b'; }

.link-internal:after {
	font-size: 1.2rem;
	/*
	width: 4em;
	height: 1em;
	content:'';
	background: transparent no-repeat center center;
	background-size: contain;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='11px' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cpolygon fill='%23ffffff' points='17.166,0 16.601,0.565 20.714,4.678 0,4.678 0,5.478 20.714,5.478 16.601,9.59 17.166,10.156 22.244,5.078'/%3E%3C/svg%3E");
*/
}

/* CONTACT LINKS */
.icon { white-space: nowrap; }

.icon-phone:before, 
.icon-mail:before, 
.icon-facebook:before,
.icon-xing:before, 
.icon-youtube:before, 
.icon-instagram:before,
.icon-twitter:before, 
.icon-whatsapp:before, 
/* --- */
.icon-facebook:after,
.icon-xing:after, 
.icon-youtube:after, 
.icon-instagram:after,
.icon-twitter:after, 
.icon-whatsapp:after, 
/* --- */
.icon-thumbs-up:before { content: 'X'; margin:0; font-size: 1.1em; line-height: 1; vertical-align: top; text-indent: -99em; overflow: hidden; background: transparent no-repeat center center; background-size: contain; }

[class^="icon-"]::after, [class*=" icon-"]::after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0;
	text-align: center;
	/* opacity: .8; */
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0;
	/* font-size: 120%; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-facebook:after,
.icon-xing:after, 
.icon-youtube:after, 
.icon-instagram:after,
.icon-twitter:after,
.icon-whatsapp:after { opacity: 0; transition: all .5s; margin-left: -1em; }
a:hover .icon:after { opacity: 1; }

.icon-phone:before 		{ background-image: url('../assets/phone.svg'); }
.icon-mail:before 		{ background-image: url('../assets/mail.svg'); }

.icon-facebook:before	{ background-image: url('../assets/icon-facebook-1c.svg'); }
.icon-xing:before		{ background-image: url('../assets/icon-xing-1c.svg'); }
.icon-youtube:before 	{ background-image: url('../assets/icon-youtube-1c.svg'); } 
.icon-instagram:before 	{ background-image: url('../assets/icon-instagram-1c.svg'); }
.icon-twitter:before 	{ background-image: url('../assets/icon-twitter-1c.svg'); }
.icon-whatsapp:before 	{ background-image: url('../assets/icon-whatsapp-1c.svg'); }

/* FULLCOLOR */
.icon-facebook:after	{ background-image: url('../assets/icon-facebook-c.svg'); }
.icon-xing:after		{ background-image: url('../assets/icon-xing-c.svg'); }
.icon-youtube:after 	{ background-image: url('../assets/icon-youtube-c.svg'); } 
.icon-instagram:after 	{ background-image: url('../assets/icon-instagram-c.svg'); }
.icon-twitter:after 	{ background-image: url('../assets/icon-twitter-c.svg'); }
.icon-whatsapp:after 	{ background-image: url('../assets/icon-whatsapp-c.svg'); }

.icon-thumbs-up:before {
	vertical-align: baseline;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45px' height='55px' xml:space='preserve'%3E%3Cpath fill='%23706F6F' d='M44.516,37.168c0-3.466-0.773-6.846-2.32-10.141h-5.027c-1.176,0-2.027-0.193-2.557-0.58 c-0.531-0.387-1.439-1.453-2.729-3.201l-1.203-1.59c-1.347-1.805-2.292-3.021-2.836-3.652l-7.949-8.465L17.746,0L16.5,0.301 c-4.497,1.061-6.746,3.725-6.746,7.992c0,1.547,0.745,3.738,2.234,6.574l0.688,1.203c1.23,2.406,2.02,4.898,2.363,7.477h-1.074 c-4.211,0-7.591,0.719-10.141,2.155S0,29.035,0,31.392c0,2.041,0.761,3.895,2.281,5.561c-0.604,0.995-0.906,1.934-0.906,2.815 c0,1.081,0.294,1.977,0.881,2.687c0.587,0.711,1.454,1.223,2.6,1.536c-0.058,0.517-0.086,0.918-0.086,1.205 c0,2.697,1.547,4.176,4.641,4.434c-0.058,0.344-0.086,0.603-0.086,0.773c0,3.008,2.105,4.512,6.316,4.512h1.848l1.547-0.773 c1.861,0.516,3.523,0.773,4.984,0.773c0.516,0,1.317-0.043,2.406-0.129c3.438-1.575,6.632-4.053,9.582-7.434h6.402 C43.813,43.943,44.516,40.549,44.516,37.168'/%3E %3Cpath fill='%23FFFFFF' d='M17.059,52.895H15.63c-2.8,0-4.2-0.959-4.2-2.879v-0.258h3.996l6.145-2.75 c0.83,0.631,1.519,1.332,2.062,2.105c0.113,0.144,0.271,0.344,0.473,0.602L17.059,52.895z'/%3E %3Cpath fill='%23FFFFFF' d='M14.996,47.566h-3.223c-3.352,0-5.027-0.847-5.027-2.541l0.129-0.553h6.961l6.574-2.911 c0.945,0.463,1.762,1.099,2.449,1.907c0.086,0.116,0.2,0.261,0.344,0.434L14.996,47.566z'/%3E %3Cpath fill='%23FFFFFF' d='M13.449,42.367H8.895c-1.748,0-3.058-0.221-3.932-0.658c-0.874-0.439-1.311-1.099-1.311-1.978 c0-0.454,0.187-0.937,0.559-1.446c1.11,0.602,2.733,0.902,4.871,0.902h2.264l6.443-2.842c1.403,0.368,2.606,1.215,3.609,2.541 L13.449,42.367z'/%3E %3Cpath fill='%23FFFFFF' d='M35.062,45.117c-2.378,3.151-5.472,5.83-9.281,8.035l-1.676,0.043c-0.602,0-1.332-0.086-2.191-0.258 l5.285-2.363c-0.889-1.947-2.062-3.451-3.523-4.512l2.664-1.268c-1.117-2.004-2.335-3.42-3.652-4.251l1.676-0.721 c-0.974-2.188-2.363-3.721-4.168-4.602l1.461-0.692c-1.69-3.741-4.369-5.611-8.035-5.611c-0.688,0-1.446,0.101-2.277,0.301 c-0.831,0.201-1.747,0.516-2.75,0.945l-3.48,0.043l2.02,2.158l2.02-0.086c1.088-0.462,2.033-0.808,2.836-1.038 c0.802-0.231,1.461-0.347,1.977-0.347c1.977,0,3.552,0.895,4.727,2.683l-7.806,3.505H8.26c-1.721,0-3.177-0.574-4.368-1.725 c-1.19-1.15-1.786-2.56-1.786-4.228c0-1.84,1.149-3.213,3.447-4.118c2.298-0.907,5.73-1.359,10.299-1.359h1.551l-0.043-1.203 c0-3.38-1.117-6.932-3.352-10.656l-0.559-0.945c-0.975-1.633-1.461-3.15-1.461-4.555c0-2.692,1.433-4.525,4.297-5.5l1.719,7.949 l8.637,9.195c1.461,1.834,2.562,3.252,3.309,4.254c1.832,2.578,3.207,4.082,4.125,4.512c0.916,0.43,3.18,0.645,6.789,0.645 c0.974,2.722,1.461,5.486,1.461,8.293c0,2.378-0.444,4.87-1.332,7.477H35.062z'/%3E%3C/svg%3E");
}

/* CTEL: IMAGES */
@media(max-width: 576px){
	.type-picture .ctel__layout { height: auto !important; }
}

@media(max-width: 767px){
	.type-picture .container-fluid { padding-left: 0; padding-right: 0; }
}

.ctel figcaption { margin-top: .75rem; }

figcaption { position: relative; z-index: 1; }
.type-picture figcaption { margin-top: 0; }

figcaption .caption__copyright { position: absolute; transform: translateY(-100%); top: 0; left: auto; right: 0; color: #fff; text-shadow: 0 0 3px #000; padding: 1em 1em 0.5em 1em; }

/* CTEL: IMG-STYLE */
.imgwrap .img { position: relative; }
.icon--play .imgwrap a, a.icon--play .img { position: relative; display: block; }
.icon--play .imgwrap a:after, a.icon--play .img:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 15vw; height: 15vw; max-width: 80px; max-height: 80px; z-index: 1; pointer-events: none; border-radius: 50%; border: 5px solid #fff; opacity: .7; transition: opacity .3s; cursor: pointer }
.icon--play .imgwrap a:after, a.icon--play .img:after {
	background: transparent 60% center no-repeat;
	background-size: 55%;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='47px' height='57px' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='0,0 0,56.222 46.562,28.111' /%3E%3C/svg%3E");
}
a.icon--play:hover .img:after, 
.icon--play .imgwrap a:hover::after { opacity: 1; }


/* CTEL: DECORATION */
/* PEARLS */ 
.decoration--pearls-above { position: relative; }
.decoration--pearls-above::after {  content: ''; position: absolute; height: 70px; width: 18px; left: 50%; top: 0; margin-top: -35px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

.decoration--pearls-below { position: relative; }
.decoration--pearls-below::after {  content: ''; position: absolute; height: 70px; width: 18px; left: 50%; bottom: 0; margin-bottom: -35px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

/* DIVIDER LINE */
.decoration--divider-above { position: relative; padding-top: .5rem; }
.decoration--divider-above::after {  content: ''; position: absolute; height: 4px; width: 50%; left: 25%; top: 6px;
	border-radius: 2px;
	background: #F3F0EF;
}

.decoration--divider-below { position: relative; padding-bottom: 1rem; }
.decoration--divider-below::after {  content: ''; position: absolute; height: 4px; width: 50%; left: 25%; bottom: 6px;
	border-radius: 2px;
	background: #F3F0EF;
}


/* CTEL: TEASER */
.teaser { position: relative; z-index: 0; /*overflow: hidden;*/ width: 100%; height: 100%; }
.teaser__images { position: relative; z-index: 1; }
.teaser__images figure { margin: 0; }

.teaser__content { padding: 0; background: transparent; line-height: 1.4; hyphens: auto;  }
/*.teaser__content { position: absolute; top: 1em; left:1em; right: 1em; bottom: 1em; background: rgba(255,255,255,0.9); z-index: 1; padding: 1em; }*/
.teaser__content * {  }

.teaser__headings { }
.teaser__heading { /*margin: 0;*/ line-height: 1.3; margin:0; }
.teaser__preheading { margin-bottom: .35rem; }
.teaser__subheading {  }

.teaser__links {  }
.teaser .teaser__links { }

.teaser__links a { text-decoration: none; color: inherit; margin: 0; }

.teaser--hide-link .teaser__links { padding: 0; height: 0; overflow: hidden; }
.teaser--hide-link .teaser__content { }
.teaser--hide-link .btn--1 { padding: 0; }
/*.teaser--hide-link .btn--1:hover { padding-left: 3em; }*/
.teaser--hide-link:hover .teaser__content { }



/* TEASER W ICONS */
.teaser--icons .teaser__images { padding: 1rem 1rem; /*margin-top: auto;*/ }
.teaser--icons .teaser__images img, 
.teaser--icons .teaser__images svg { width: 100%; object-fit: contain; height: 4.5rem; }

.teaser--icons .teaser__images svg { fill: #919BAA; transition: fill .5s; }
.teaser--icons:hover .teaser__images svg { fill: #00A5B5; }

.teaser--icons-white { color: #fff; }
.teaser--icons-white .teaser__images svg { fill: #ffffff; transition: fill .5s; }
.teaser--icons-white:hover .teaser__images svg { fill: #ffffff; }

.teaser--is-active .teaser__images svg { fill: #00A5B5; transition: fill .5s; }
.teaser--is-active:hover .teaser__images svg { fill: #00A5B5; }


/* === POSTER === */
.ctel.text-over-img { padding: 0;  }
.ctel.text-over-img .container-fluid { height: 100%; }

.poster { position: relative; display: flex; flex-flow: column; justify-content: flex-end; height: 100%; }
.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: 0em; top: 0; background: transparent; overflow: hidden; }

.poster__content { position: relative; z-index: 1; }
.poster__content * { text-shadow: 0 0 7px #000 !important; }

.poster__images {  }
.poster__image { }

.poster__images, .poster__images .imgwrap, .poster figure, .poster .img { height: 100%; }
.poster__images, .poster figure, .poster .img { margin: 0 !important; }
.poster figure img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: right top; --image-rendering: optimizespeed }

.text-over-img--top .poster { justify-content: flex-start; } 
.text-over-img--bottom .poster { justify-content: flex-end; } 

.text-over-img--bottom-center .poster__content { align-self: center; margin-bottom: 3em; } 
	

@media(min-width: 992px){
	.poster__images { left: 22%; }
	.poster { justify-content: center; } 
	.poster__content * { text-shadow: none !important; } 
}

@media(max-width: 767px){
	.ctel.text-over-img > div { height: 100vw !important; }
}

@media(min-width: 1260px){
	.poster__images { left: calc(50% - 22rem); }
}

/* === FOOTER === */
#footer { margin-top: 0; }
#footer {  }
#footer p, 
#footer table { margin-bottom: .6em; }

.footer__content, .footer__footer {  }
.footer__content {  }
.footer__content a { color: inherit; text-decoration: none; }

.footer__content .table td, .footer__content .table th { padding: 0 inherit 0 0; }

/* LEGAL */
.menu--mn {  color: #fff; margin: 0 -1em; }
.menu--mn li { position: relative; display: inline-block; margin-left: 0 !important; }
.menu--mn li:before { content: ''; position: absolute; right: 0; left: auto; top: 50%; margin-top: -.42em; height: 1em; width: 1px; background: #fff; opacity: .9; }
.menu--mn li:last-child::before { display: none; }

.menu--mn a { display: block; padding: .5em 1em; }



/* TOPLINK*/
#toTopLink { 
	position: fixed; left: auto; right: -2.5em; top: auto; bottom: 2em; z-index: 100;
	text-indent: 0; display: block; font-size: .9em; line-height: 1.5; text-transform: uppercase;

	transition: all .3s; 
	transform: scale(1);
	opacity: 1;
	
	background: #F3F0EF;
	padding: .5em;
	width: 2.5em;
	overflow: hidden;
	border-radius: 5px;
	
	display: none;
		
}

#toTopLink b { font-weight: 400; white-space: nowrap; float: right; }

#toTopLink b:after { content: '';
	display: inline-block; vertical-align: middle;
	width: 1.5em; height: 1.5em; margin-left: 1em; margin-top: 0em; border-radius: 50%; 
	border: 0;
	background: transparent no-repeat center center;
	outline: 0; 
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='8px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23444444;stroke-width:1;stroke-linecap:round' points='1,7 8,1 15,7'/%3E%3C/svg%3E");
	background-size: 100%;
	
}
html.miniheader #toTopLink { opacity: 1; right: 2.5em; }


@media(max-width: 767px){
	#toTopLink { width: 32px; height: 30px; text-indent: 200px; }
	#toTopLink:after { position: absolute; top: 5px; left: 5px; margin: 0; }
	html.miniheader #toTopLink { right: 1em; }
}

/* ============================================== */


/* GRID */
.l-grid { list-style:none; }

/* REVEAL@SCROLL */
/* TRANSTION FADE */
.js-reveal-top { transition: all .7s; }
.js-reveal-top { transform: translateY(0); opacity: 1; }

.js-reveal-top.js-reveal--hidden { transition: none; }
.js-reveal-top.js-reveal--hidden { transform: translateY(10vh); opacity: 0; }

/* TRANSTION FADE OPACITY */
.js-reveal-fade { transition: all 1.5s; }
.js-reveal-fade { opacity: 1; }

.js-reveal-fade.js-reveal--hidden { transition: none; }
.js-reveal-fade.js-reveal--hidden { opacity: 0; }


.l-grid > * { transition: all 1s; }
.l-grid > * { opacity: 1; }
.js-reveal--hidden.l-grid > * { opacity: 0; }

/* TRANSITION COLUMNS */

.js-reveal-animated-columns .column-header { animation: scaleIn 1s ease forwards 1 running; transform: scale(.5); opacity: 0;  }
.js-reveal-animated-columns.js-reveal--hidden .column-header { animation-play-state: paused; }

.js-reveal-animated-columns .col-num-1 { transform: translateX(-100px); opacity: 0; animation:slideInLeft 1s ease 1s forwards 1 running; }
.js-reveal-animated-columns.js-reveal--hidden .col-num-1 { animation-play-state: paused; }

.js-reveal-animated-columns .col-num-2 { transform: translateX(100px); opacity: 0; animation:slideInRight 1s ease 1s forwards 1 running; }
.js-reveal-animated-columns.js-reveal--hidden .col-num-2 { animation-play-state: paused; }

.js-reveal-fadeinleft { transform: translateX(-100px); opacity: 0; animation:slideInRight .5s ease 1s forwards 1 running; }
.js-reveal-fadeinleft.js-reveal--hidden { animation-play-state: paused; }

/* COLUMNS: SCALE IN, SLIDELEFT/RIGHT*/

/* IMG EFFECTS */
.transform-scale { transform:scale(1.1); transform-origin: right top; animation:zoomOutRightTop 10s linear forwards 1; }

.poster .header__preheading { opacity:0; display: block; animation:fadeIn 1s linear 1 forwards; animation-delay: 1s }

/*.poster .header__heading span { opacity:0; display: block; animation:fadeIn 2s cubic-bezier(0,0.53,0,1) 1 forwards; }*/
.poster .header__heading span { opacity:0; display: block; animation:fadeIn 1s linear 1 forwards; }
.poster .header__heading span:nth-child(1) { animation-delay:1.50s; }
.poster .header__heading span:nth-child(2) { animation-delay:2.50s; }
.poster .header__heading span:nth-child(3) { animation-delay:3.50s; }

.sliced-image { position: relative; height:0; padding-bottom: 50%; }
.sliced-image__slice { position: absolute;top:0;left:0;bottom:0; overflow:hidden; }
.sliced-image__slice div { position: absolute;top:0;left:0;bottom:0;right: 0; background: transparent left top no-repeat; background-size: cover; }
.sliced-image__slice { transition: width 1s; }

.js-reveal--hidden .sliced-image__slice { width: 0 !important; }

/* LETTER FADE EFFECT */
.miniheader .poster .header__preheading, 
.miniheader .poster .header__heading span,
.miniheader .poster .header__subheading b {
	animation: none;
}

.poster .header__subheading b { 
	font-weight: inherit;
	opacity: 0;
	animation: fadeIn .5s linear 1 forwards;
}


/* EFFECTS */
@keyframes zoomOutRightTop {
 from {
  transform:scale(1.1);
 }
 to {
  transform:scale(1.0);
 }
}

@keyframes fadeInLeft {
 from {
  opacity:0;
  transform:translateX(-100px)
 }
 to {
  opacity:1;
  transform:translateX(0)
 }
}


@keyframes fadeInTop ){
 from {
  opacity:0;
  transform:translateY(-70px)
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}

@keyframes slideInLeft {
 from {
  opacity:0;
  transform:translateX(-100px)
 }
 to {
  opacity:1;
  transform:translateX(0)
 }
}

@keyframes slideInRight {
 from {
  opacity:0;
  transform:translateX(100px)
 }
 to {
  opacity:1;
  transform:translateX(0)
 }
}

@keyframes scaleIn {
 from {
  opacity:0;
  transform:scale(.5)
 }
 to {
  opacity:1;
  transform:scale(1)
 }
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* === RELLAX === */
@media(max-width: 767px){
	.rellax__wrap { height: auto !important; }
}


/* === FANCYBOX ===*/
.fancybox-bg {  background: rgba(50,50,50,.8); }
.fancybox-is-open .fancybox-bg { /*opacity: 1;*/ }

.fancybox-stage { 
	overflow-y: auto !important;
}

.fancybox-slide--iframe {
    padding: 44px 10px;
	height: auto;
}

.fancybox-slide--iframe .fancybox-content {
	max-width: 768px;	
	max-height: 100% !important;
	
	margin: 0 auto !important;
	overflow: hidden;
	background: transparent;
}

@media(min-width: 768px){
	.fancybox-slide--iframe .fancybox-content { border-radius: 1.5rem; }	
}

.js-lightbox-close { position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; line-height: 3rem; background: rgba(0,0,0,.001); text-align: center; cursor: pointer; }