/*

GREY WARM 0.6 == #E0D5C5
GREY WARM 0.2 == #F4F1EC

*/

@media screen {
  /* overpass-400 - 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: 'Overpass';
    font-style: normal;
    font-weight: 400;
    src: url('/fileadmin/_shared/fonts/overpass-v16-latin/overpass-v16-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fileadmin/_shared/fonts/overpass-v16-latin/overpass-v16-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }

  /* overpass-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: 'Overpass';
    font-style: normal;
    font-weight: 700;
    src: url('/fileadmin/_shared/fonts/overpass-v16-latin/overpass-v16-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fileadmin/_shared/fonts/overpass-v16-latin/overpass-v16-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }

  /* overpass-800 - 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: 'Overpass';
    font-style: normal;
    font-weight: 800;
    src: url('/fileadmin/_shared/fonts/overpass-v16-latin/overpass-v16-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('/fileadmin/_shared/fonts/overpass-v16-latin/overpass-v16-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
  /* MONOSPACE TW */
  
  @font-face {
    font-family: 'UC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
	src: url('/fileadmin/karriere-wenden/templates/site/assets/font.woff2') format('woff2');
  }
  
}

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

.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: #000000 !important;}
.border-top 	{ border-top-width: 2px !important;  }
.border-bottom 	{ border-bottom-width: 2px !important; }

.bg-light .border-top, .bg-light .border-bottom { border-color: #FFCC00 !important;}

/*
.bg-primary,
.bg-dark 		{ background-color: #233255 !important; }
.bg-secondary 	{ background-color: #00A5B5 !important; }
.bg-light 		{ background-color: #D8DCE1 !important; }
.bg-light-50p 	{ background-color: #ECEEF0 !important; }
*/

.bg-warm {  }
.bg-warm-20p, 
.bg-light { background-color: #F4F1EC !important; }

.rounded-lg { border-radius: 0.75rem !important; }
.rounded-sm { border-radius: 0.40rem !important; }

.text-highlight { color: #001F96 !important; }
.text-light 	{ color: #B4B4B4 !important; }
.text-light-darker 	{ color: #969696 !important; }
.text-primary 	{ color: #90B9AE !important; }
.text-secondary { color: #00ACA8 !important; }
.text-important { color: #509D8C !important; font-size: 1.1em; line-height: 0.9; }

@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 ========================================== */
body { overflow-y: scroll; background: #fff; margin: 0; padding: 0; }

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

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



#footer { margin-bottom: 0; }
#main 		{ background: transparent; min-height: 50vw;}

.page__header   { position: relative; padding: 0; height: 0; }
.page__content  { background: #fafaee; }
.page__footer   { background: #B5BF00; }

/* === HEADER === */

/* HEADER: LOGO */
.logo { position: relative; top: 1.5rem; margin: 0 0 0 auto; white-space: nowrap; background: center bottom no-repeat url('../assets/hgp-wenden__logo.svg') #B5BF00; background-size:contain; }
.logo { transition: all .5s; max-width: 80px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.5); }

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

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

@media(min-width: 576px) {
	.logo { max-width: 100px;}
}

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

@media(max-width: 850px) and (orientation: landscape){
	.logo { max-width: 100px; margin-right: 5%; top: .5rem;}
}

@media(min-width: 1200px){
	.logo { max-width: 170px; }
}

/*

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

	.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: 991px) {
/*	#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: #F4F1EC }
	#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: 992px){
	.navbar-toggle { display: none !important; }
}

		
.navbar-toggle {
	position: absolute;

	top: 37%;
	transform: translateY(-50%);
	right: 15px;
	z-index: 999;
	padding: 10px 13px;
	height: 50px;
	width: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: #fff;
	border-radius: 50%;
	
	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: 3px;
	border-radius: 2px;
	background: #CABB9F;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

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

.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: 1rem; font-weight: 400; color: inherit; }
.menu--primary a { transition: color .3s; }
.menu--primary a:hover { color: inherit; }

.menu--primary a { display: block; padding: 1rem 30px; text-transform: uppercase;}

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

/* LEVEL 1 */
.menu--primary > .menu__item { position: relative; }
.menu--primary > .menu__item > a { letter-spacing: 1px; }
.menu--primary > .act > a, 
.menu--primary > .cur > a { color: #9272B1; }

.menu--primary > li > a:hover { }
.menu--primary > li > a,
.menu--primary > li > ul { }

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

.menu--primary .tggl { display: none; }
.menu--primary .l2 { display: none; }
/* ================ */

	
/* BODYTEXT */
/* === TEXTSTILE ======================================= */
body { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #5C5C5D; font-family: 'Overpass', Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

.text-default { color: #5C5C5D !important; }

/* WEIGHTS */
body { font-weight: 400 !important; } 
.font-weight-normal, 
.font-weight-light { 
	font-weight: 500 !important;
}


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


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

.text-size--xxl { font-size: 3.00rem; }
.text-size--xl 	{ font-size: 1.25rem; }
.text-size--l 	{ font-size: 1.125rem; }
.text-size--m 	{ font-size: 1.00rem !important; }
@media(min-width: 767px){
	.text-size--xxl { font-size: 3.55rem; }
	.text-size--xl 	{ font-size: 2.11rem; }
	.text-size--l 	{ font-size: 1.33rem; }
	.text-size--m 	{ font-size: 1.00rem !important; }
	.text-size--xs 	{ font-size: 0.72rem; }	
}

.text-size--s, 
.imgwrap figcaption 	{ font-size: 0.9rem !important; }
@media(min-width: 576px){
	.text-size--s, 
	.imgwrap figcaption 	{ font-size: 0.866667rem !important; }
}	


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


/* HEADINGS */
.header { line-height: 1.1; margin-bottom: 1rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; font-weight: 700; line-height: inherit; }
.csc-text-text .h1, .csc-text-text .h2, .csc-text-text .h3, .csc-text-text .h4, .csc-text-text .h5, .csc-text-text .h6, .csc-text-text h1, .csc-text-text h2, .csc-text-text h3, .csc-text-text h4, .csc-text-text h5, .csc-text-text h6 { margin-top: 1rem; margin-bottom: .25rem; }

.h1, h1 { color: #B5BF00; font-size: 2.75rem; text-transform: none; }
.h2, h2 { color: #B5BF00; font-size: 2.25rem; text-transform: none; }
.h3, h3 { color: #001F96; font-size: 1.375rem; text-transform: none; }
.h4, h4 { font-size: 1em; line-height: 1.5; }


@media(min-width: 767px){
	.h1, h1 { font-size: 3.55rem; }
	.h2, h2 { font-size: 3.00rem; }
	.h3, h3 { font-size: 1.55rem; }
}


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

.ctel.text-white .header * {  color: #fff !important; }
.text-white > .header * {  color: #fff !important; }

/*
.wsh { margin-bottom: 1em; }
.wsh * { margin-bottom:0; }
.wsh p { margin-top: .2em; }
*/

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

.header__heading {  }
.header__preheading, 
.header__subheading {  }

.header__preheading { margin-bottom: 1rem; margin-top: 0; }
.header__subheading { margin-bottom: 0; margin-top: .2rem; }


.h1 b, h1 b { font-weight: inherit; }

/*
.h1, h1 { 
	font-weight: 600 !important;
	text-transform: uppercase;
	font-size: 4.0rem !important;
	line-height: 1.1 !important;
	letter-spacing: 1px;
}

.h1 + .header__subheading, h1 + .header__subheading { 
	font-size: 1.5rem !important;
}
*/


/* === CTEL === */
.ctel { position: relative; z-index: 1; }
.ctel--vh100 .ctel__layout { height: 100vh; max-height: -webkit-fill-available !important; }

.ctel__layout {  }

.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.0rem;  }
/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.0rem; }
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, 
.list > li { margin-left: 0; padding-left: 1.4em; margin-bottom: .3em; position: relative; }
.csc-text-text ul li, ul.list > li { list-style: none; }
.csc-text-text ul li:before, ul.list > li:before {
	content:"";
	overflow: hidden;
	position: absolute;
	width: 7px;
	height: 7px;
	left: 0;
	top: .40em;
	font-size: 1.2em;
	line-height: 1;
	background-color: #D8CEBE;
	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--2 { padding-left: 2rem; list-style: none; position: relative;  }
.csc-text-text ul.list--2:before { content: ''; background: #A4D6D5; width: 1.2rem; height: 100%; border-radius: .45rem; position: absolute; left: -.3rem; }
.csc-text-text ul.list--2 li { padding-left: 0; position: static; }
.csc-text-text ul.list--2 li:before { display: 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: #B5BF00; display: inline-block; padding: .3em 1em .1em 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; 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: #001F96;  }
.link-btn:hover { text-decoration: none; }

.btn--1 { background: #F4F1EC; display: inline-block; padding: .2em 1em; margin: 0.2em 0; line-height: 1; text-align: left; border-radius: 0; text-decoration: none; transition: all .3s; border: 0 !important; letter-spacing: 1px;  }
.btn--1 { word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } 
.btn--1, .btn--1:link, .btn--1:visited, .btn--1:active { color: inherit !important; }
.btn--1:hover { text-decoration: none; }

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

/* LINKS */
.ctel a { color: #001F96; }


.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: '\e81f'; 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); }


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

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

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

/* CTEL: IMAGES */
.ctel figcaption { margin-top: .75rem; }

figcaption { position: relative; z-index: 1; }
.type-picture figcaption, .npgs-teaser 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: 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; }
.decoration--divider-above::before {  content: ''; position: absolute; z-index: 1; top: -8vh; right: -5vw; left: -5vw; height: 25vh; background: rgba(255,255,255,.3); transform: rotate(4deg); }

.decoration--divider-below { position: relative; }
.decoration--divider-below::before {  content: ''; position: absolute; z-index: 1; top: auto; bottom: -8vh; right: -5vw; left: -5vw; height: 25vh; background: rgba(255,255,255,.3); transform: rotate(4deg); }

.decoration--divider-above-1 { position: relative; }
.decoration--divider-above-1::before {  content: ''; position: absolute; z-index: 1; top: -8vh; right: -5vw; left: -5vw; height: 25vh; background: rgba(255,255,55,1); transform: rotate(-3deg); }

.decoration--divider-below-1 {  }
.decoration--divider-below-1::after {  content: ''; position: absolute; z-index: 0; top: auto; bottom: -8vh; right: -5vw; left: -5vw; height: 25vh; background: rgba(255,255,255,1); transform: rotate(-3deg); }

.decoration--cut-prev {  }
.decoration--cut-prev::before {  content: ''; position: absolute; z-index: 0; top: -10vh; right: -1px; left: -1px; height: 10vh; 
	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='100' height='50' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cpolygon points='0,50 100,50 100,0' style='fill:%23cccccc' /%3E%3C/svg%3E");
	background-size: 100% 100%;
	
}


/* 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; }
.teaser__content { /*position: absolute; top: 1em; left:1em; right: 1em; bottom: 1em; background: rgba(255,255,255,0.9); z-index: 1; */padding: 1em 0 0 0;  }
.teaser__content * {  }

.teaser .header { line-height: 1.2; }
.teaser .header * { margin-bottom: 0; }

.teaser__heading { /*margin: 0;*/ line-height: 1.3; margin:0; font-weight: 400; }
.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: 2rem 1rem; margin-top: auto; }
.teaser--icons .teaser__images img { width: 100%; object-fit: contain; height: 4.5rem; }


/* LINKS MENU*/
.links--menu .links ul { margin: 0 -.5rem; }
.links--menu .links li { position: relative !important; margin: 0 .5rem; }


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

@media(min-width: 768px){
	.poster { position: relative; display: flex; flex-flow: column; justify-content: center; height: 100%; }
	.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: 0em; top: 0; background: transparent; overflow: hidden; }

/*	.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: auto; top: 0; }*/
}

.poster__content { position: relative; z-index: 1; /*background: linear-gradient(180deg,rgba(0,76,157,.7), rgba(34,65,121,.7)); padding: 4vw 1em;*/ }
.poster__content p { /*text-shadow: 0 2px 2px rgba(0,0,0,.15), 0 0 20px rgba(0,0,0,.3);*/ }

.poster__images {  }
.poster__image { }

.poster__images .imgwrap { height: auto; }
.poster__images, .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: center center; --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(max-width: 767px){
	.ctel.text-over-img > div { height: auto !important; }
	.poster__content { background: #DCEAF4; }
	.poster__content * { color: #313131; text-shadow: unset !important; }
}

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

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

/* LEGAL */
.menu--mn { margin-left: -1em; margin-right: -1em; text-align:center; }
.menu--mn li { position: relative; display: inline-block; margin-left: 0 !important; padding-left: 0 !important; }
.menu--mn a { display: block; padding: 1.5em 1em; text-decoration: none; text-transform: uppercase; }


/* 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: #B5Bf00;
	padding: .5em;
	width: 2.5em;
	overflow: hidden;
	border-radius: 50%;
		
}

#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' x='0' y='0' viewBox='0 0 142 142' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='34.85,54.46 34.85,77.91 62.45,50 62.45,123.07 79.28,123.07 79.28,50 106.88,77.91 106.88,54.46 70.83,18.66 '/%3E%3C/svg%3E");
	background-size: 140%;
	
}
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; }
}


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

.def { background: #F6F4F2; height: 100%; margin-top: .5rem  !important; }
.def__title { color: #FFF; background: #001F96; padding: 1rem; font-size: 1.3rem; }
.def__text { padding: .75rem 1rem; padding-bottom: 0; }

/* ============================================== */
/* === JQUERY UI === */
.acc { }
.acc .header { text-align: left; }

.ui-accordion .ui-state-focus { outline: 0; }
.ui-accordion .ui-accordion-header { display: block; position: relative; }
.ui-accordion .ui-accordion-header { cursor: pointer; }

.ui-accordion .ui-accordion-header { padding: 1rem 30px .9rem 45px; margin: 2px 0 0 0 !important; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; height: 1.5rem; width: 1.5rem; right: auto; left: 0; top: 1rem; margin-top: 0; 
	background: #001f96 no-repeat center center;
	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='10px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:1' points='3,3 8,8 13,3'/%3E%3C/svg%3E");
	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='24px' height='20px' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='24,7 24,0 12,13 0,0 0,7 12,20 '/%3E%3C/svg%3E");
	background-size: 60%;
	border-radius: 50%;
	overflow: hidden; 
	opacity: 1;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { transition: transform .5s; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { transform: rotate(0); }
.ui-accordion .ui-state-active .ui-accordion-header-icon { transform: rotate(-180deg); }

.ui-accordion .ui-accordion-content { padding: 1px 0 1px 45px; border-top: 0; overflow: hidden; }

/*.ui-accordion .ui-accordion-header * { margin-bottom: 0; transition: color .3s; line-height: 1.2; text-transform: none; border: 0; padding-bottom: 0; }*/



/* ============================================== */
/* HERO ANIMATION */
@media(max-width: 576px){
	#c1000.ctel--vh100 .ctel__layout { max-height: 700px !important; }
}

.animation { position: relative; width: 100%; height: 100%; }

/* ANIMATION -- BACKGROUND / MASKED */
@media screen { 
	
	.masked {
		position: absolute; width: 100%; height: 100%; background: url('/fileadmin/karriere-wenden/templates/site/assets/Himmel__.jpg') no-repeat center center; background-size:cover;
		
		overflow: hidden;
		top: 0; 
		left: 0;

		/* Store the SVG in a variable so it's easy to use */
		--svg: url('data:image/svg+xml,\
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210 92" preserveAspectRatio="none" >\
		<polygon points="29,7 210,0 210,92 26,89" />\
		</svg>');		

		/* Chrome, still requires prefix in 2022 */
		-webkit-mask: var(--svg);
		-webkit-mask-size: 100% 90%;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;

		/* Firefox and Safari */
		mask: var(--svg);
		mask-size: 100% 90%;
		mask-repeat: no-repeat;
		mask-position: center center;
	}

	.masked__content { 
		position: absolute; bottom: 0; top: 25%; left: 57%; transform: translatex(-50%); width: 70%; background: url('/fileadmin/karriere-wenden/templates/site/assets/ortschild_d1000x.png') no-repeat center top; background-size:100%
	}

	.place { 
		position: absolute; margin-top: 30%; left: 50%; transform: translatex(-50%); width: 65%; height: 0; padding-bottom: 20%;
		
		background: top left no-repeat;
		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' x='0px' y='0px' viewBox='0 0 544 118' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M477.62,116.54h16.7V67.11c0-11.29,7.04-17.84,16.53-17.84c9.33,0,16.37,6.55,16.37,17.84v49.43h16.7V61.38 c0-18.82-14.73-28.81-27.66-28.81c-8.84,0-16.37,3.27-21.6,9.82h-0.33v-8.84h-16.7V116.54z M408.38,67.6 c0.33-12.6,7.69-19.32,17.51-19.32c9.82,0,17.02,6.71,17.51,19.32H408.38z M460.11,81.35V67.6c0-21.44-15.88-35.03-34.21-35.03 c-16.04,0-34.21,10.48-34.21,42.72c0,34.05,19.8,42.23,36.83,42.23c11.13,0,21.77-3.93,29.95-13.42l-12.11-10.31 c-4.91,5.07-11.79,8.02-18.17,8.02c-11.46,0-19.8-6.87-19.8-20.46H460.11z M344.06,49.27c15.55,0,16.37,13.75,16.37,25.7 c0,12.11-0.82,25.86-16.37,25.86c-15.71,0-16.53-12.93-16.53-25.86C327.53,62.2,328.35,49.27,344.06,49.27 M360.43,116.54h16.7V0 h-16.7v42.39c-6.22-5.89-12.93-9.82-21.44-9.82c-10.15,0-17.51,4.58-22.26,10.8c-4.58,5.89-5.89,11.29-5.89,31.59 c0,20.46,1.31,25.86,5.89,31.75c4.75,6.22,12.11,10.8,22.26,10.8c8.51,0,16.2-3.93,21.44-9.66V116.54z M222.94,116.54h16.69V67.11 c0-11.29,7.04-17.84,16.53-17.84c9.33,0,16.37,6.55,16.37,17.84v49.43h16.7V61.38c0-18.82-14.73-28.81-27.66-28.81 c-8.84,0-16.37,3.27-21.61,9.82h-0.33v-8.84h-16.69V116.54z M153.71,67.6c0.33-12.6,7.69-19.32,17.51-19.32 c9.82,0,17.02,6.71,17.51,19.32H153.71z M205.43,81.35V67.6c0-21.44-15.88-35.03-34.21-35.03c-16.04,0-34.21,10.48-34.21,42.72 c0,34.05,19.8,42.23,36.83,42.23c11.13,0,21.77-3.93,29.95-13.42l-12.11-10.31c-4.91,5.07-11.78,8.02-18.17,8.02 c-11.46,0-19.8-6.87-19.8-20.46H205.43z M29.13,116.54h14.73l22.26-83.97h0.33l22.26,83.97h14.73L132.58,0h-18.66L95.59,82.82h-0.33 L72.67,0H59.91L37.32,82.82h-0.33L18.66,0H0L29.13,116.54z' /%3E%3C/svg%3E");
	}

	.smile {
		position: absolute; margin-top: 41.5%; left: 74.2%; width: 16%; height: 0; padding-bottom: 10%;
		
		background: top left no-repeat;
		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' x='0px' y='0px' viewBox='0 0 139 80' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M68.99,58.48c-23.19,0-41.84-6.15-60.21-19.89L0,51.35c19.28,17.17,38.73,28.53,69.86,28.53 c32.06,0,52.1-13.57,68.82-28.52l-8.79-12.76C111.36,52.52,93.03,58.48,68.99,58.48'/%3E %3Cpath fill='%23000000' d='M110.97,11.9c0-6.46-5.44-11.9-11.9-11.9s-11.9,5.44-11.9,11.9s5.45,11.9,11.9,11.9 S110.97,18.36,110.97,11.9'/%3E%3C/svg%3E");
	}
}

/* ANIMATION -- LAYER 1 PEOPLE */
@media screen {
	.layer1 {
		position: relative; 
		width: 100%;
		height: 100%; 
		z-index: 1;
		pointer-events: none;
	}

	.layer1__mfa-1, 
	.layer1__mfa-2 {
		position: absolute;
		left: -10%;
		bottom: -2vw;
		top: auto;
		width: 70%;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: top left;
		background-size:100%;
		background-image: url('/fileadmin/karriere-wenden/templates/site/assets/MFA-Frau__dx750.png');
		padding-bottom: 80%;
	}

	.layer1__mfa-2 {
		left: auto;
		right: -10%;
		width: 67%;
		padding-bottom: 77%;
		background-position: top right;
		background-image: url('/fileadmin/karriere-wenden/templates/site/assets/MFA-Mann__dx750.png');
	}
}


.benefit, .message { 
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	color: #fff;
	line-height: 1;
	font-weight: 600;
	font-size: 9vw;
	z-index: 1;
 }

.benefit { text-align: center; text-shadow: 0 0 20px rgba(0,0,0,.5); }
.benefit b { display: block; }

.benefit--gk { margin: -25% 0 0 -5%; }
.benefit--wm { margin: 0 -14% 0 0; top: auto; bottom: 20%; }
.benefit--fa { margin: 83% 0 0 -8%; }

.message {
	font-family: 'UC', Courier, monospace;
	font-size: 10vw;
	text-transform: uppercase;
	margin: 6% 0 0 -5%;
	text-shadow: 0 0 10px rgba(0,0,0,.2);
    white-space: nowrap;    
}

.message div {
    transform: rotate(-10deg);
}

/* LETTER FADE EFFECT */
/*
.miniheader .message b {
	animation: none;
}
*/

.message b { 
	font-weight: inherit;
}



/* ANIMATION -- POSITIONS @ SM */
@media(min-width: 576px), (max-width: 850px) and (orientation: landscape){
	.layer1__mfa-1 { left:1.5%; width:55%; padding-bottom:60%; }
	.layer1__mfa-2 { left: auto; right: -5%; width:53%; padding-bottom:58%; }	
}

/* ANIMATION -- POSITIONS @ MD */
@media(min-width: 900px), (max-width: 850px) and (orientation: landscape){
	.masked__content { width: 45%; top: 20%; left: 55%; }
	.benefit { font-size: 5vw; white-space: nowrap; }
	.benefit { text-align: left; }
	.benefit b { display: inline; }
	
	
	.benefit--gk { margin: 14% 0 0 -33%; top: 0; left: 0 }
	.benefit--wm { margin: 0 0 0 -10%; top: auto; left: 0; bottom: 10%; }
	.benefit--fa { margin: 48% 0 0 -37%; }
	
	.message { font-size: 6vw; }
    .benefit, .message { text-shadow: 0 0 20px rgba(0,0,0,.5); }

    

	.layer1__mfa-1 { left:1.5%; width:33%; padding-bottom:39%; }
	.layer1__mfa-2 { left: auto; right: 0; width:31%; padding-bottom:35%; }	

}

/* ANIMATION -- POSITIONS @ LARGE */
@media(min-width: 1920px), (max-width: 850px) and (orientation: landscape){
	.masked__content { width: 35% }
	.message { font-size: 5vw; }
	.benefit { font-size: 4vw; }
}
	

 

/* ANIMATION -- TIMELINE */
@media screen {
	
	.a-done .benefit {
		animation: none;
	}
 
	.benefit {
		opacity: 0;
		animation: fadeInOut 2s linear 1 forwards;
	}
	.benefit--gk {
		animation-delay: 1s
	}
	.benefit--wm {
		animation-delay: 3s
	}
	.benefit--fa {
		animation-delay: 5s
	}

	.layer1__mfa-1, 
	.layer1__mfa-2 {
		transform: scaleY(0);
		transform-origin: center bottom;
		animation: scaleYIn .5s ease 1 forwards;
		animation-delay: 7.5s
	}
	 
	.message b { 
		font-weight: inherit;
		opacity: 0;
		animation: fadeIn 0s linear 1 forwards;
	}
	

	.smile {
		opacity: 0;
		animation: fadeIn .5s linear 1 forwards;
		animation-delay: 11s
	}
}
 
/* ANIMATION -- TRANSITIONS */
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes fadeInOut {
	0%, 100% {
		opacity: 0;
	}

	30%, 70% {
		opacity: 1;
	}
}

@keyframes scaleYIn {
	from {
		transform:scaleY(0);
	}
	to {
		transform:scaleY(1);
	}
}
/* ============================================== */


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

/* === IMAGE-GRID === */
.grid-sizer { width: 0.08%; }
.grid-item { width: 33.3%; overflow: hidden; }
.grid-item--width33 { width: 33.3%; }
.grid-item--width66 { width: 66.6%; }

.grid-item--width50 { width: 50%; }
.grid-item--width25 { width: 25%; }

.grid-item > div { background: transparent; position: relative; overflow: hidden; height: 0; padding-bottom: 60%; }
.grid-item--width66 > div { padding-bottom: 59.909%;  /* (66/67) * 60% */ padding-bottom: 60%; }
.grid-item--width50 > div { padding-bottom: 39.96%; }
.grid-item--width25 > div { padding-bottom: 80%; }

.grid-item--height2 > div { padding-bottom: 120%; }
.grid-item--height1 > div { padding-bottom: 30%; }

.grid-item img { margin: 0 auto; object-fit: cover; width: 100%; height: 100%; /*display: none;*/ }


.gallery.grid { margin-left: -6px; margin-right: -6px; }
.grid-item > div img { position: absolute; top: 0; left: 0;  }
.grid-item > div > div { position: absolute; top: 6px; left:6px; right: 6px; bottom: 6px; overflow: hidden; background: #eee; }

@media(max-width: 1023px){
	.gallery.grid { margin-left: -4px; margin-right: -4px; }
	.grid-item > div > div { top: 4px; left:4px; right: 4px; bottom: 4px; }
}

@media(max-width: 767px){
	.gallery.grid { margin-left: -3px; margin-right: -3px; }
	.grid-item > div > div { top:3px; left:3px; right:3px; bottom:3px; }
	
	.grid-item { width: 100% !important; }
}


/* === VIDEO === */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.fancybox-content { transition: height .5s; }
.fancybox-slide--iframe {
    padding: 44px 10px;
}

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


/* === IMG ROTATE === */
.imgwrap.img { position: relative; margin: 0 auto; padding: 0; /*overflow: hidden; */
	animation-name: rotation;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 12s;
	transform: rotate3d(0, 1, 0, 0deg);
	transform-style: preserve-3d;
}
.img figure:nth-child(2) { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index:2; }


.img figure { 
	background: #639645;
	
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;

     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
             backface-visibility: hidden;
}
.imgwrap.img figure:nth-child(1) { transform: rotateY(0deg); }
.imgwrap.img figure:nth-child(2) { transform: rotateY(180deg); }


@keyframes rotation {
  0%,45% {
    transform: rotate3d(0, 1, 0, 0deg);
  }
  50%,95% {
    transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 360deg);
  }
}