/* Karriere-Turbo */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-condensed-v27-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-condensed-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v27-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-condensed-v27-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/roboto-condensed-v27-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/roboto-condensed-v27-latin-800.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
.karriere-turbo h1, .karriere-turbo h2, .karriere-turbo h3, .karriere-turbo h4 {font-family: 'Roboto Condensed'; font-weight: 800;}
.karriere-turbo .o-button-primary[target]:after {display: none;}
#cookiescript_description a[target*=blank]:after {display: none}
.u-root {padding-left: 0rem; padding-right: 0rem;}

.karriere-turbo h1 {font-size: 4.6rem; margin-bottom: 3rem;}
.karriere-turbo h2 {font-size: 2.8rem; margin-bottom: 2.2rem;}
.karriere-turbo p.bigger {font-size: 1.3rem; line-height: 1.7; margin-bottom: 1.7rem;}
.karriere-turbo h1 strong, .karriere-turbo h2 strong {position: relative; font-weight: 800;}
.karriere-turbo h1 strong:after, .karriere-turbo h2 strong:after {content: ''; position: absolute; z-index: -1; background-image: url('/files/content/karriere/turbo/underline.svg');  background-repeat: no-repeat; background-size: 100%; height: 100%; left: -0.5rem; right: -0.5rem;}
.karriere-turbo h1 strong:after {bottom: -4.5rem;}
.karriere-turbo h2 strong:after {bottom: -3rem;}
.karriere-turbo .c-cardSimple__text>*:last-child {display: initial;}
.karriere-turbo .turbo-gradient {background: linear-gradient(300deg,#3d5f5d,#344545); background-size: 120% 120%; animation: gradient-animation 12s ease infinite; padding: 10rem 1rem 9rem 1rem;}
.karriere-turbo .turbo-gradient h2 {font-size: 3.2rem; color: #fff;}
.karriere-turbo .turbo-gradient .o-button-primary {font-size: 1.25rem; padding: 1rem 1.5rem;}

.karriere-turbo .col-lg-9 .c-cardSimple__text h3 {margin-bottom: 2rem;}
.karriere-turbo .col-lg-9 .c-cardSimple__text hr {margin: 2rem 0 2.5rem 0;}
 .tabs-content {margin-top: 1rem;}
 .karriere-turbo .mt2{margin-top: 9rem}
.karriere-turbo .m-article[class*="--bgGrey"] {padding-top: 0; padding-bottom: 0;}



.arrow {
  position: absolute;
  left: 50%;
  bottom: 12%;
  margin-left:-20px;
  z-index: 8;
  animation-delay: 2s;
}
.arrow:before,
.arrow:after{
  content: '';
  position: absolute;
  top: 0;
  right: -24px;
  width: 30px;
  height: 7px;
  border-radius: 10px;
  display: block;
  background: #b0b0b0;
  transform:rotate(135deg);
  -webkit-transform:rotate(135deg); 
}
.arrow:after{
  right: inherit;
  left: -24px;
  transform:rotate(-135deg);
  -webkit-transform:rotate(-135deg); 
}
 
.animated{
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s both infinite;
}
 
 
@-webkit-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: 1;}
  100% {-webkit-transform: translateY(30px); opacity: 0}
}
 
@-moz-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: 1;}
  100% {-webkit-transform: translateY(30px); opacity: 0}
}
 
@-o-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: 1;}
  100% {-webkit-transform: translateY(30px); opacity: 0}
}
@keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: 1;}
  100% {-webkit-transform: translateY(30px); opacity: 0}
}



@keyframes gradient-animation {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
 

#turbo_stage, #ze_stage, .sunshine-layer {width: 100%; padding-top: 64.66%; background-size: cover; position: relative; margin: 0 auto; background-position: bottom;}
#turbo_stage {background-image: url('/files/content/karriere/turbo/0-background.webp');}
#ze_stage, .sunshine-layer {padding-top: 0; background-position: center; height: 100vh;}
#ze_stage, {background-image: url('/files/content/karriere/ziel-erreicht/00-background.webp');}
.sunshine-layer {background-image: url('/files/content/karriere/ziel-erreicht/01-sonnenschein.webp');}
.m-main:has(> div.breadcrump-overlay) {z-index: 5; position: relative; margin-top: 0px; padding-top: 6rem; background: #fff;}
#ze_stage img.layer.s02 {width: 100%; right: 0; bottom: 22%; top: inherit;}
#ze_stage img.layer.s04 {top: inherit; bottom: 0;}
 .arrow {visibility: hidden;}

#ze_stage .img-arrow {width: 45px; height: auto; position: absolute; left: 48.3%; bottom: 5%; z-index: 8; animation-delay: 2s; transform: translate(-50%, 50%); visibility: hidden;}


.layer {position: absolute; top: 15%; right: 15%; width: 70%; height: auto; visibility: hidden;}
.layer.s01 {z-index: 1;}
.layer.s02 {z-index: 2;}
.layer.s03 {z-index: 3;}
.layer.s04 {z-index: 4;}
.layer.s05 {z-index: 5;}
.layer.s06 {z-index: 6;}
.layer.s07 {top: 0px; right: 0px; z-index: 7;}

@keyframes svg-shadow {
from {filter: drop-shadow( 0 0 0 #fff) drop-shadow( 0 0 0 #1D8758) drop-shadow( 0 0 1px #D3FFEC);}
to {filter: drop-shadow( 0 0 2px #fff) drop-shadow( 0 0 2px #4fa176) drop-shadow( 0 0 3px #5da78f);}
}



@media screen and (min-width: 1900px) {
.layer {top: 4%;}
.arrow {bottom: 26%;}
}

@media screen and (max-width: 1279px) {
.karriere-turbo h1 {font-size: 3.8rem}
#ze_stage .layer.s02 {width: 140% !important; max-width: 140%; left: -20%; right: -20%;}
#ze_stage .layer.s04 {width: 100%; max-width: 100%; left: 0%; right: 0%; top: -10%}
#ze_stage .layer.s05, #ze_stage .layer.s06, #ze_stage .layer.s07 {top: 0%; width: 100%; max-width: 100%; left: 0%; right: 0%;}
}




@media (min-width: 992px) {
.svg-shadow {animation: svg-shadow 2.5s ease-in-out infinite alternate;}
}


 

@media (max-width: 991px) {
#turbo_stage {padding-top: 80%; min-height: 70vh;}
.layer {top: 5%; right: 0%; width: 100%; height: auto;}
.karriere-turbo h1 {font-size: 2.6rem}
.karriere-turbo h1 strong:after {bottom: -3rem;}
.karriere-turbo .turbo-gradient {text-align: center; padding: 3rem 2rem 5rem 2rem;}
.karriere-turbo h2, .karriere-turbo .turbo-gradient h2 {font-size: 1.6rem; margin-bottom: 1.5rem;}
.karriere-turbo h2 strong:after {bottom: -2.2rem;}
.karriere-turbo p.bigger {font-size: 1.1rem;}
.mw-880 {margin: 1rem auto 0 auto; padding: 0 1rem;}
.arrow {display: none;}
.tabs {display: flex; flex-direction: column; position: relative; background-color: #ededed; padding: 2rem; border-radius: 1.2rem; margin: 0 2rem -2rem 2rem; width: 100%; align-items: center;}
.tabContent, .tabContent2 {padding: 1rem;}
.karriere-turbo .mt2 {margin-top: 4rem;}
.karriere-turbo .col-lg-9 .c-cardSimple__text hr {margin: 1rem 0 1.5rem 0;}
.c-cardSimple__body {padding: 1.5rem;}






}

@media only screen and (max-width: 600px) {
    #turbo-stage {height: 70vh; background-position: center;}
	.karriere-turbo h1 {font-size: 2.2rem}
	.karriere-turbo h1 strong:after {bottom: -2.5rem;}
	.karriere-turbo p.bigger {font-size: 1rem;}
	.layer.s01, .layer.s02 {top: 20%; max-width: 140%; width: 140%; left: -20%; right: -20%;}
	.layer.s03, .layer.s04, .layer.s05 {top: 15%; max-width: 140%; width: 140%; left: -20%; right: -20%;}
	#ze_stage .layer.s06 {display: initial;}
	.layer.s06 {display: none;}
	.layer.s07 {top: 0%; max-width: 130%; width: 130%;}	
#ze_stage .layer.s02 {width: 240% !important; max-width: 240%;}
#ze_stage .layer.s04 {width: 220%; max-width: 220%; left: -60%; right: 60%;}
#ze_stage .layer.s05, #ze_stage .layer.s06 {top: 10%; width: 150%; max-width: 150%; left: -25%; right: 25%;}
#ze_stage .img-arrow {left: 43%; bottom: 12%;}
	
	
	
}