/* Generated by Script - DO NOT MODIFY */ @media screen and (min-width:1360px){/*Desktop*/
body > header{max-width:1920px;width:100%;position:fixed}body > header{background-color:rgba(255,255,255,0.85);& > div{& > div{display:grid;grid-template-columns:min-content minmax(0, 1fr) min-content}}}#navigation{/* margin-top:1rem;*/ min-height:auto!important;display:flex;justify-content:end;& img{display:block}& > nav{height:100%}}/*1. Ebene*/
#navigation > nav > ul{height:100%;margin:0;padding:0;font-size:1.15rem;display:flex;align-items:center;& > li{height:100%;list-style:none outside none;&:hover, &.open{background-color:rgba(255,255,255,1)}&.reg{position:relative}&.mobil{display:none}& > a, & > a:visited, & > a:hover{height:100%;display:flex;align-items:center;color:var(--color-darker);box-sizing:border-box;line-height:1;padding:1rem 1rem 0 1rem;text-decoration:none}&.active > a, &.active > a:visited, &.active > a:hover, &.open > a, &.open > a:visited, &.open > a:hover, & > a:hover{color:var(--color-accent)}}}/* Englische Seite */
html[lang="en"] #navigation > nav > ul{& > li{&.mobil{display:block}}}/*2. Ebene*/
#navigation > nav > ul > li{& > div{font-size:1rem;display:none;z-index:450;position:absolute;left:0;& > div{padding:2rem 0;background-color:rgba(255,255,255,1);box-shadow:0px 2px 3px -2px rgba(38,32,38,0.7)}& ul{margin:0;padding:0;list-style:none outside none;& a, & a:visited, & a:hover{color:var(--color-darker);display:block;padding:0.25rem;text-decoration:none;text-wrap:nowrap}& a.active, & a.active:visited, & a.active:hover, & a:hover{color:var(--color-accent)}}}&.reg > div{& > div{padding:1rem}}&.flyout{& > div{width:100%;& a, & a:visited{color:var(--color-darker);overflow:hidden;display:block;text-decoration:none;height:100%;display:flex;flex-direction:column;align-items:center;& > span{display:block;&.teaserelement{width:70%}&:nth-child(2){background-color:var(--color-dark);color:var(--color-white);font-weight:400;border-radius:2rem;display:flex;width:100%;height:3.5rem;box-sizing:border-box;justify-content:center;align-items:center;text-align:center;margin-top:1rem;& > span{padding:0 1rem;&:after{content:'double_arrow';font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:-3px}}}}}& a:hover, & a.active{color:var(--color-accent);& > span{&:nth-child(2){background-color:var(--color-accent)}}}& > div > div{margin:0 auto}& > div > div > div{display:grid;gap:2rem;grid-template-columns:repeat(4, minmax(0, 1fr))}& ul a{text-transform:none}}}&.flyoutText{& > div{& > div > div{display:grid;gap:5rem;grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);& > div{display:block;&:nth-child(1){& > div{font-size:2rem;color:var(--color-darker);margin-bottom:1rem}}&:nth-child(2){display:grid;gap:1rem;grid-template-columns:repeat(3, minmax(0, 1fr))}}}}}&.open > div{display:block}}.mfooter{display:none}.navdown{display:none}.navup{display:none}#navigationIcon{display:none}.sprache{padding-top:1rem}}@media screen and (max-width:1359px){/*Mobile*/
body > header{background-color:rgba(255,255,255,1);& > div{& > div{display:grid;grid-template-columns:minmax(0, 1fr) min-content min-content;gap:2rem}}}#navigation{display:none;position:absolute;left:0;width:100%;z-index:450;box-sizing:border-box;background-color:rgba(255,255,255,1);&.open{display:block}/*1. Ebene*/ & > nav{margin:0;background-color:rgba(255,255,255,1);width:100%;height:100%;box-sizing:border-box;display:block;& > ul{margin:0 auto;display:block;padding:3rem 0;position:relative;& > li{border-bottom:1px solid var(--color-darker);display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;&.mobil{padding-bottom:1.5rem;& > .navup{display:none}&.open > .navup{display:block}&.open > a{display:none}}&.open{& > .navdown{display:none}& > div{display:block}}& > a, & > a:visited, & > a:hover{color:var(--color-darker);padding:0rem 0.5rem;font-size:1.4rem;text-decoration:none}/*2. Ebene*/ & > div{display:none;position:absolute;background-color:rgba(255,255,255,1);height:100%;width:100%;top:110px;left:0;& ul{list-style:none outside none;margin:0;padding:0}& ul > li{border-bottom:1px solid var(--color-darker);display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;& > a, & > a:visited, & > a:hover{color:var(--color-darker);padding:0rem 0.5rem;font-size:1.4rem;text-decoration:none}}& > div > div > div > div{border-bottom:1px solid var(--color-darker);display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;& > a, & > a:visited, & > a:hover{color:var(--color-darker);padding:0rem 0.5rem;font-size:1.4rem;text-decoration:none;& > span > span br{display:none}}}}&.flyoutText > div{& > div > div > div:nth-child(1){display:none}}}}& .teaserimage{display:none}}}#navigationIcon{position:relative;top:0;z-index:550;display:inline-block;cursor:pointer;align-self:center;line-height:1;color:var(--color-accent)}#navigationIcon:before{font-size:2.5rem;content:'Menu'}#navigationIcon.open:before{content:'Close'}.navdown, .navup{display:block;flex:0 0 auto;background-color:var(--color-accent);border-radius:200px 200px 200px 200px;cursor:pointer;color:var(--color-white);font-size:2.0rem;padding:0.5rem}.sprache{grid-area:1 / 2 / 1 / 2}}@media screen and (min-width:1800px){/*Breite 1 (FHD+)*/
html{font-size:18px}h1, h2, h3, h4, h5,
.headerGrp{font-size:2rem;line-height:1.25}/*##########*/ .videoBox:after{font-size:300px}/*##########*/ body > header > div > div,
body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild,
body > main > section > .vollbildOverflow .contentWrapper > div,
#navigation > nav > ul > li > div > div > div,
.vollbildOverflow .stageInfo > div{width:1540px}/*##########*/ body > header{height:140px;& #logo > a{width:300px}}#navigation > nav > ul > li > div{}/*##########*/ .formrowsGroup{grid-template-columns:1fr 1fr;gap:3em}/*##########*/ body > main > section{& > div{& > div{gap:5rem;& > div{&.buttonElement{position:relative;& > div{bottom:calc(-5rem + -32px)}}}&.c11{grid-template-columns:repeat(2, minmax(0, 1fr))}&.c111{grid-template-columns:repeat(3, minmax(0, 1fr))}&.c1111{grid-template-columns:repeat(4, minmax(0, 1fr))}&.c11111{grid-template-columns:repeat(5, minmax(0, 1fr))}&.c111111{grid-template-columns:repeat(6, minmax(0, 1fr))}&.c21{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}&.c12{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr)}&.contentJobs{& > div{grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:2rem;row-gap:3rem;& > div{& > div:nth-child(2){padding:1rem 1rem 3rem 1rem;& > div:nth-child(1){& > div:nth-child(1){font-size:1.5rem}}& > div:nth-child(2){bottom:-32px}}}}}&.contentBewerbung{& > div{width:66%}}}&.vollbild{height:800px;&.vollbildStart{max-height:1080px;height:100vh}&.vollbildAuto{height:auto}}&.vollbildOverflow{& .slidesWrapper{width:1920px}}&.vollbildContent{& > .vollbildContentIcon, & > .vollbildContentText{position:absolute;left:0;width:100%;& > div{width:1540px;& > .buttonContent{bottom:calc(-3rem + -32px)}}}& > .vollbildContentText{bottom:3rem}& > .vollbildContentIcon{top:2rem;& > div{& > div{& > img{width:250px}}}}&.vollbildContentBox{& > .vollbildContentImage > div:before{display:block}& > .vollbildContentIcon{& > div{& > div{display:flex;/* justify-content:center;*/}}}& > .vollbildContentText{top:17rem}}&.vollbildContentBoxLeft33, &.vollbildContentBoxRight33{& > .vollbildContentImage > div:before{width:704px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:33%}}&.vollbildContentBoxLeft50, &.vollbildContentBoxRight50{& > .vollbildContentImage > div:before{width:960px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:50%}}&.vollbildContentBoxLeft66, &.vollbildContentBoxRight66{& > .vollbildContentImage > div:before{width:1217px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:66%}}&.vollbildContentBoxLeft33, &.vollbildContentBoxLeft50, &.vollbildContentBoxLeft66{& > .vollbildContentIcon > div, & > .vollbildContentText > div{display:flex;justify-content:left;& > div{padding-right:2rem;box-sizing:border-box}}}&.vollbildContentBoxRight33, &.vollbildContentBoxRight50, &.vollbildContentBoxRight66{& > .vollbildContentIcon > div, & > .vollbildContentText > div{display:flex;justify-content:right;& > div{padding-left:2rem;box-sizing:border-box}}}&.vollbildContentNoBox{.textGrp1{grid-template-columns:repeat(2, minmax(0, 1fr))}.textGrp1.center{grid-template-columns:repeat(1, minmax(0, 1fr))}}}}&:first-child{& > div{&.vollbildContent.vollbildContentNoBox{& > .vollbildContentIcon{top:10rem}}}}&.overflow{& > div{& > div{width:1920px;&.c12 > .text:nth-child(2), &.c21 > .text:nth-child(1){width:1088px}&.c12 > .text:nth-child(1), &.c21 > .text:nth-child(2){width:448px}&.c11 > .text{width:768px}}}}}.zweispaltig{column-count:2;column-gap:4rem}/*##########*/ body > footer{& > div:nth-child(1){& .logo{width:300px}& h5{font-size:1.5rem;margin:30px 0 30px 0}}}/*##########*/ /*SLICK*/
.sliderWrapper{& > .dotsWrapper{bottom:1rem;& > ul{gap:1rem;& > li{& > div{width:1rem;height:1rem;border:2px solid var(--color-accent)}}}}& > .slick-arrow{&:after{font-size:7rem;margin:-2.2rem}&.slick-prev{padding-left:1rem}&.slick-next{padding-right:1rem}}}.stageInfo{& > div{padding:7rem}}.vollbild .slick-slide .stageInfo h1,
.vollbild .slick-slide .stageInfo h2,
.vollbild .slick-slide .stageInfo h3,
.vollbild .slick-slide .stageInfo h4,
.vollbild .slick-slide .stageInfo h5{font-size:2.5rem}}@media screen and (min-width:1360px) and (max-width:1799px){/*Breite 2 (Desktop)*/
html{font-size:16px}h1, h2, h3, h4, h5,
.headerGrp{font-size:2rem;line-height:1.25}/*##########*/ .videoBox:after{font-size:200px}/*##########*/ body > header > div > div,
body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild,
body > main > section > .vollbildOverflow .contentWrapper > div,
#navigation > nav > ul > li > div > div > div,
.vollbildOverflow .stageInfo > div{width:1280px}/*##########*/ body > header{height:120px;& #logo > a{width:250px}}/*##########*/ .formrowsGroup{grid-template-columns:1fr 1fr;gap:3rem}/*##########*/ body > main > section{& > div{& > div{gap:5rem;& > div{&.buttonElement{position:relative;& > div{bottom:calc(-5rem + -29px)}}}&.c11{grid-template-columns:repeat(2, minmax(0, 1fr))}&.c111{grid-template-columns:repeat(3, minmax(0, 1fr))}&.c1111{grid-template-columns:repeat(4, minmax(0, 1fr))}&.c11111{grid-template-columns:repeat(5, minmax(0, 1fr))}&.c111111{grid-template-columns:repeat(6, minmax(0, 1fr))}&.c21{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}&.c12{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr)}&.contentJobs{& > div{grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:2rem;row-gap:3rem;& > div{& > div:nth-child(2){padding:1rem 1rem 3rem 1rem;& > div:nth-child(1){& > div:nth-child(1){font-size:1.5rem}}& > div:nth-child(2){bottom:-29px}}}}}&.contentBewerbung{& > div{width:66%}}}&.vollbild{height:750px;&.vollbildStart{max-height:1013px;height:100vh}&.vollbildAuto{height:auto}}&.vollbildOverflow{& .slidesWrapper{width:1800px}}&.vollbildContent{&.vollbildContentBox{& > .vollbildContentImage > div:before{display:block}}&.vollbildContentBoxLeft33{& > .vollbildContentImage > div:before{width:687px}}}&.vollbildContent{& > .vollbildContentIcon, & > .vollbildContentText{position:absolute;left:0;width:100%;& > div{width:1280px;& > .buttonContent{bottom:calc(-3rem + -29px)}}}& > .vollbildContentText{bottom:3rem}& > .vollbildContentIcon{top:2rem;& > div{& > div{& > img{width:200px}}}}&.vollbildContentBox{& > .vollbildContentImage > div:before{display:block}& > .vollbildContentIcon{& > div{& > div{display:flex;/* justify-content:center;*/}}}& > .vollbildContentText{top:17rem}}&.vollbildContentBoxLeft33, &.vollbildContentBoxRight33{& > .vollbildContentImage > div:before{width:687px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:33%}}&.vollbildContentBoxLeft50, &.vollbildContentBoxRight50{& > .vollbildContentImage > div:before{width:900px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:50%}}&.vollbildContentBoxLeft66, &.vollbildContentBoxRight66{& > .vollbildContentImage > div:before{width:1114px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:66%}}&.vollbildContentBoxLeft33, &.vollbildContentBoxLeft50, &.vollbildContentBoxLeft66{& > .vollbildContentIcon > div, & > .vollbildContentText > div{display:flex;justify-content:left;& > div{padding-right:2rem;box-sizing:border-box}}}&.vollbildContentBoxRight33, &.vollbildContentBoxRight50, &.vollbildContentBoxRight66{& > .vollbildContentIcon > div, & > .vollbildContentText > div{display:flex;justify-content:right;& > div{padding-left:2rem;box-sizing:border-box}}}&.vollbildContentNoBox{.textGrp1{grid-template-columns:repeat(2, minmax(0, 1fr))}.textGrp1.center{grid-template-columns:repeat(1, minmax(0, 1fr))}}}}&:first-child{& > div{&.vollbildContent.vollbildContentNoBox{& > .vollbildContentIcon{top:10rem}}}}&.overflow{& > div{& > div{width:1800px;&.c12 > .text:nth-child(2), &.c21 > .text:nth-child(1){width:940px}&.c12 > .text:nth-child(1), &.c21 > .text:nth-child(2){width:338px}&.c11 > .text{width:638px}}}}}.zweispaltig{column-count:2;column-gap:4rem}/*##########*/ body > footer{& > div:nth-child(1){& .logo{width:250px}& h5{font-size:1.5rem;margin:20px 0 30px 0}}}/*##########*/ /*SLICK*/
.sliderWrapper{& > .dotsWrapper{bottom:1rem;& > ul{gap:1rem;& > li{& > div{width:1rem;height:1rem;border:2px solid var(--color-accent)}}}}& > .slick-arrow{&:after{font-size:7rem;margin:-2.2rem}&.slick-prev{padding-left:1rem}&.slick-next{padding-right:1rem}}}.stageInfo{& > div{padding:7rem}}.vollbild .slick-slide .stageInfo h1,
.vollbild .slick-slide .stageInfo h2,
.vollbild .slick-slide .stageInfo h3,
.vollbild .slick-slide .stageInfo h4,
.vollbild .slick-slide .stageInfo h5{font-size:2.5rem}}@media screen and (min-width:1020px) and (max-width:1359px){/*Breite 3 (Tablet+)*/
html{font-size:15px}h1, h2, h3, h4, h5,
.headerGrp{font-size:1.75rem;line-height:1.25}/*##########*/ .videoBox:after{font-size:200px}/*##########*/ body > header > div > div,
body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild,
body > main > section > .vollbildOverflow .contentWrapper > div,
#navigation > nav > ul, .vollbildOverflow .stageInfo > div{width:1000px}/*##########*/ body > header{padding:1rem 0 1rem 0;& #logo > a{width:220px}}/*##########*/ #navigation.open{top:86px}/*##########*/ .formrowsGroup{grid-template-columns:1fr 1fr;gap:3rem}/*##########*/ body > main > section{& > div{& > div{gap:3rem;& > div{&.buttonElement{position:relative;& > div{bottom:calc(-5rem + -27px)}}}&.c11{grid-template-columns:repeat(2, minmax(0, 1fr))}&.c111{grid-template-columns:repeat(3, minmax(0, 1fr))}&.c1111{grid-template-columns:repeat(4, minmax(0, 1fr))}&.c11111{grid-template-columns:repeat(5, minmax(0, 1fr))}&.c111111{grid-template-columns:repeat(3, minmax(0, 1fr))}&.c21{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}&.c12{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr)}&.contentJobs{& > div{grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:2rem;row-gap:3rem;& > div{& > div:nth-child(2){padding:1rem 1rem 3rem 1rem;& > div:nth-child(1){& > div:nth-child(1){font-size:1.4rem}}& > div:nth-child(2){bottom:-27px}}}}}&.contentBewerbung{& > div{width:66%}}}&.vollbild{height:567px;&.vollbildStart{max-height:765px;height:100vh}&.vollbildAuto{height:auto}}&.vollbildOverflow{& .slidesWrapper{width:1360px}}/* &.vollbildContent{& > .vollbildContentIcon, & > .vollbildContentText{position:absolute;left:0;width:100%;& > div{width:1000px;& > .buttonContent{bottom:calc(-3rem + -27px)}}}& > .vollbildContentText{bottom:3rem}& > .vollbildContentIcon{top:2rem;& > div{& > div{& > img{width:230px}}}}&.vollbildContentBox{& > .vollbildContentImage > div:before{display:block}& > .vollbildContentIcon{& > div{& > div{display:flex;justify-content:center}}}& > .vollbildContentText{top:21rem}}&.vollbildContentBoxLeft33, &.vollbildContentBoxRight33{& > .vollbildContentImage > div:before{width:514px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:33%}}&.vollbildContentBoxLeft50, &.vollbildContentBoxRight50{& > .vollbildContentImage > div:before{width:680px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:50%}}&.vollbildContentBoxLeft66, &.vollbildContentBoxRight66{& > .vollbildContentImage > div:before{width:847px}& > .vollbildContentIcon > div > div, & > .vollbildContentText > div > div{width:66%}}&.vollbildContentBoxLeft33, &.vollbildContentBoxLeft50, &.vollbildContentBoxLeft66{& > .vollbildContentIcon > div, & > .vollbildContentText > div{display:flex;justify-content:left;& > div{padding-right:1rem;box-sizing:border-box}}}&.vollbildContentBoxRight33, &.vollbildContentBoxRight50, &.vollbildContentBoxRight66{& > .vollbildContentIcon > div, & > .vollbildContentText > div{display:flex;justify-content:right;& > div{padding-left:1rem;box-sizing:border-box}}}&.vollbildContentNoBox{.textGrp1{grid-template-columns:repeat(2, minmax(0, 1fr))}.textGrp1.center{grid-template-columns:repeat(1, minmax(0, 1fr))}}}*/ &.vollbildContent{& > .vollbildContentIcon{position:absolute;left:0;top:2rem;width:100%;& > div{width:1000px;& > div{& > img{width:200px}}}}& > .vollbildContentText{& > div{width:1000px;padding:3rem 0;& > .buttonContent{bottom:-25px}}}}}&.overflow{& > div{& > div{min-width:1360px;&.c12 > .text:nth-child(2), &.c21 > .text:nth-child(1){width:726px}&.c12 > .text:nth-child(1), &.c21 > .text:nth-child(2){width:272px}&.c11 > .text{width:498px}}}}}.anspStart{& > div{flex-direction:column;& > div:nth-child(2){& > div:nth-child(1){}}}}/*##########*/ body > footer{& > div:nth-child(1){& .logo{width:200px}& h5{font-size:1.4rem;margin:16px 0 22px 0}}}/*##########*/ /*SLICK*/
.sliderWrapper{& > .dotsWrapper{bottom:1rem;& > ul{gap:1rem;& > li{& > div{width:1rem;height:1rem;border:2px solid var(--color-accent)}}}}& > .slick-arrow{&:after{font-size:7rem;margin:-2.2rem}&.slick-prev{padding-left:1rem}&.slick-next{padding-right:1rem}}}.stageInfo{& > div{padding:4rem 5rem}}.vollbild .slick-slide .stageInfo h1,
.vollbild .slick-slide .stageInfo h2,
.vollbild .slick-slide .stageInfo h3,
.vollbild .slick-slide .stageInfo h4,
.vollbild .slick-slide .stageInfo h5{font-size:2.25rem}}@media screen and (min-width:760px) and (max-width:1019px){/*Breite 4 (Tablet)*/
html{font-size:14px}h1, h2, h3, h4, h5,
.headerGrp{font-size:1.65rem;line-height:1.25}/*##########*/ .videoBox:after{font-size:175px}/*##########*/ body > header > div > div,
body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild,
body > main > section > .vollbildOverflow .contentWrapper > div,
#navigation > nav > ul,
.vollbildOverflow .stageInfo > div{width:738px}/*##########*/ body > header{padding:1rem 0 1rem 0;& #logo > a{width:200px}}/*##########*/ #navigation.open{top:79px}/*##########*/ .formrowsGroup{grid-template-columns:1fr 1fr;gap:2rem}/*##########*/ body > main > section{& > div{& > div{gap:2rem;& > div{&.buttonElement{position:relative;& > div{bottom:calc(-5rem + -25px)}}}&.c11{grid-template-columns:repeat(2, minmax(0, 1fr))}&.c111{grid-template-columns:repeat(3, minmax(0, 1fr))}&.c1111{grid-template-columns:repeat(4, minmax(0, 1fr))}&.c11111{grid-template-columns:repeat(5, minmax(0, 1fr))}&.c111111{grid-template-columns:repeat(3, minmax(0, 1fr))}&.c21{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}&.c12{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr)}&.contentJobs{& > div{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:2rem;row-gap:3rem;& > div{& > div:nth-child(2){padding:1rem 1rem 3rem 1rem;& > div:nth-child(1){& > div:nth-child(1){font-size:1.4rem}}& > div:nth-child(2){bottom:-25px}}}}}}&.vollbild{height:425px;&.vollbildStart{height:574px}&.vollbildAuto{height:auto}}&.vollbildOverflow{& .slidesWrapper{width:1020px}}&.vollbildContent{& > .vollbildContentIcon{position:absolute;left:0;top:2rem;width:100%;& > div{width:738px;& > div{& > img{width:170px}}}}& > .vollbildContentText{& > div{width:738px;padding:3rem 0;& > .buttonContent{bottom:-25px}}}}.textGrp2{grid-template-columns:repeat(1, minmax(0, 1fr));gap:2rem}}&.overflow{& > div{& > div{min-width:1020px;&.c12 > .text:nth-child(2), &.c21 > .text:nth-child(1){width:538px}&.c12 > .text:nth-child(1), &.c21 > .text:nth-child(2){width:198px}&.c11 > .text{width:368px}}}}}/*##########*/ body > footer{& > div:nth-child(1){& .logo{width:200px}& h5{font-size:1.4rem;margin:0 0 1rem 0}& > div{grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-areas:"footer1 footer1 footer1" "footer2 footer3 footer4";gap:3rem;& > div:nth-child(1){grid-area:footer1}& > div:nth-child(2){grid-area:footer2}& > div:nth-child(3){grid-area:footer3}& > div:nth-child(4){grid-area:footer4}}}}/*##########*/ /*SLICK*/
.sliderWrapper{& > .dotsWrapper{bottom:1rem;& > ul{gap:1rem;& > li{& > div{width:1rem;height:1rem;border:2px solid var(--color-accent)}}}}& > .slick-arrow{&:after{font-size:7rem;margin:-2.2rem}&.slick-prev{padding-left:1rem}&.slick-next{padding-right:1rem}}}.stageInfo{& > div{padding:4rem 5rem}}.vollbild .slick-slide .stageInfo h1,
.vollbild .slick-slide .stageInfo h2,
.vollbild .slick-slide .stageInfo h3,
.vollbild .slick-slide .stageInfo h4,
.vollbild .slick-slide .stageInfo h5{font-size:2rem}}@media screen and (min-width:480px) and (max-width:759px){/*Breite 5 (Mobile+)*/
html{font-size:14px}h1, h2, h3, h4, h5,
.headerGrp{font-size:1.5rem;line-height:1.25}/*##########*/ .videoBox:after{font-size:175px}/*##########*/ body > header > div > div,
body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild,
body > main > section > .vollbildOverflow .contentWrapper > div,
#navigation > nav > ul,
.vollbildOverflow .stageInfo > div{width:440px}/*##########*/ body > header{padding:1rem 0 1rem 0;& #logo > a{width:150px}}/*##########*/ #navigation.open{top:67px}/*##########*/ .formrowsGroup{gap:2rem}/*##########*/ body > main > section{& > div{& > div{grid-template-columns:minmax(0, 1fr);gap:2rem;& > div{&.buttonElement{position:relative;& > div{bottom:calc(-5rem + -25px)}}}& > div{&.icon{& > div{&.iconBox{& > div{width:50%}}}}&:empty{display:none}}&.contentJobs{& > div{grid-template-columns:repeat(1, minmax(0, 1fr));column-gap:2rem;row-gap:3rem;& > div{& > div:nth-child(2){padding:1rem 1rem 3rem 1rem;& > div:nth-child(1){& > div:nth-child(1){font-size:1.4rem}}& > div:nth-child(2){bottom:-25px}}}}}}&.vollbild{height:317px;&.vollbildStart{height:428px}&.vollbildAuto{height:auto}}&.vollbildOverflow{& .slidesWrapper{width:760px}}&.vollbildContent{& > .vollbildContentIcon{position:absolute;left:0;top:2rem;width:100%;& > div{width:440px;& > div{& > img{width:170px}}}}& > .vollbildContentText{& > div{width:440px;padding:3rem 0;& > .buttonContent{bottom:-25px}}}}.textGrp2{grid-template-columns:repeat(1, minmax(0, 1fr));gap:2rem}& > div.subnav.subnavIcon{& > div.icon{& > div{&.iconBox{& > div{width:50%}}}}}}&.overflow{& > div{padding:5rem 0;& > div{& > .text{padding:2rem 0}&.contentTextBild{grid-template-areas:"overflowBild" "overflowText";& > div:nth-child(1){grid-area:overflowText}& > div:nth-child(2){grid-area:overflowBild}}}}&.icon12, &.icon13, &.icon14, &.icon15, &.icon16{& > div{& > div{& > .text{& > .textBoxHeader{display:flex;flex-direction:column;gap:0.5rem;&:after{width:10rem;aspect-ratio:1 / 1;position:static;order:1}& > div{order:2}}&:nth-child(2){& > div{padding-right:0}}&:nth-child(1){& > div{padding-left:0}}}}}}}}.ablauf{display:flex;flex-direction:column;gap:3rem;& > div{grid-template-columns:minmax(0, 1fr);gap:1rem;& > div:nth-child(1){text-align:center;padding:0}& > div:nth-child(2){flex-direction:row;& > div:nth-child(1), & > div:nth-child(3){height:0.25rem;width:auto}}& > div:nth-child(3){padding:0}&:first-child > div:nth-child(2) > div:nth-child(1), & > div:nth-child(2) > div:nth-child(1){background:linear-gradient(271deg, rgba(25, 27, 28, 1) 0%, rgba(25, 27, 28, 0) 100%)}&:last-child > div:nth-child(2) > div:nth-child(3), & > div:nth-child(2) > div:nth-child(3){background:linear-gradient(91deg, rgba(25, 27, 28, 1) 0%, rgba(25, 27, 28, 0) 100%)}}}.contentIcon{justify-content:center}/*##########*/ body > footer{& > div:nth-child(1){& .logo{width:150px}& h5{font-size:1.4rem;margin:0 0 1rem 0}& > div{grid-template-columns:repeat(1, minmax(0, 1fr));gap:2rem}}}/*##########*/ /*SLICK*/
.sliderWrapper{& > .dotsWrapper{bottom:0.75rem;& > ul{gap:1rem;& > li{& > div{width:0.75rem;height:0.75rem;border:2px solid var(--color-accent)}}}}& > .slick-arrow{display:none!important;&:after{font-size:7rem;margin:-2.2rem}&.slick-prev{padding-left:1rem}&.slick-next{padding-right:1rem}}}.stageInfo{& > div{padding:3rem 4rem}}.vollbild .slick-slide .stageInfo h1,
.vollbild .slick-slide .stageInfo h2,
.vollbild .slick-slide .stageInfo h3,
.vollbild .slick-slide .stageInfo h4,
.vollbild .slick-slide .stageInfo h5{font-size:1.75rem}}@media screen and (max-width:479px){/*Breite 6 (Mobil)*/
html{font-size:12px}h1, h2, h3, h4, h5,
.headerGrp{font-size:1.5rem;line-height:1.25}/*##########*/ .videoBox:after{font-size:150px}/*##########*/ body > header > div > div,
body > footer > div > div, body > main > section > div > div.content,
body > main > section > .vollbild,
body > main > section > .vollbildOverflow .contentWrapper > div,
#navigation > nav > ul,
.vollbildOverflow .stageInfo > div{width:300px}/*##########*/ body > header{padding:1rem 0 1rem 0;& #logo > a{width:130px}}/*##########*/ #navigation.open{top:57px}/*##########*/ .formrowsGroup{gap:2rem}/*##########*/ body > main > section{& > div{& > div{grid-template-columns:minmax(0, 1fr);gap:2rem;& > div{&.buttonElement{position:relative;& > div{bottom:calc(-5rem + -22px)}}}& > div{&.icon{& > div{&.iconBox{& > div{width:60%}}}}&:empty{display:none}}&.contentJobs{& > div{grid-template-columns:repeat(1, minmax(0, 1fr));column-gap:2rem;row-gap:3rem;& > div{& > div:nth-child(2){padding:1rem 1rem 3rem 1rem;& > div:nth-child(1){& > div:nth-child(1){font-size:1.4rem}}& > div:nth-child(2){bottom:-22px}}}}}}&.vollbild{height:200px;&.vollbildStart{height:270px}&.vollbildAuto{height:auto}}&.vollbildOverflow{& .slidesWrapper{width:480px}}&.vollbildContent{& > .vollbildContentIcon{position:absolute;left:0;top:2rem;width:100%;& > div{width:300px;& > div{& > img{width:140px}}}}& > .vollbildContentText{& > div{width:300px;padding:3rem 0;& > .buttonContent{bottom:-22px}}}}.textGrp2{grid-template-columns:repeat(1, minmax(0, 1fr));gap:2rem}& > div.subnav.subnavIcon{& > div.icon{& > div{&.iconBox{& > div{width:60%}}}}}}&.overflow{& > div{padding:5rem 0;& > div{& > .text{padding:2rem 0}&.contentTextBild{grid-template-areas:"overflowBild" "overflowText";& > div:nth-child(1){grid-area:overflowText}& > div:nth-child(2){grid-area:overflowBild}}}}&.icon12, &.icon13, &.icon14, &.icon15, &.icon16{& > div{& > div{& > .text{& > .textBoxHeader{display:flex;flex-direction:column;gap:0.5rem;&:after{width:10rem;aspect-ratio:1 / 1;position:static;order:1}& > div{order:2}}&:nth-child(2){& > div{padding-right:0}}&:nth-child(1){& > div{padding-left:0}}}}}}}}.ablauf{display:flex;flex-direction:column;gap:3rem;& > div{grid-template-columns:minmax(0, 1fr);gap:1rem;& > div:nth-child(1){text-align:center;padding:0}& > div:nth-child(2){flex-direction:row;& > div:nth-child(1), & > div:nth-child(3){height:0.25rem;width:auto}}& > div:nth-child(3){padding:0}&:first-child > div:nth-child(2) > div:nth-child(1), & > div:nth-child(2) > div:nth-child(1){background:linear-gradient(271deg, rgba(25, 27, 28, 1) 0%, rgba(25, 27, 28, 0) 100%)}&:last-child > div:nth-child(2) > div:nth-child(3), & > div:nth-child(2) > div:nth-child(3){background:linear-gradient(91deg, rgba(25, 27, 28, 1) 0%, rgba(25, 27, 28, 0) 100%)}}}.contentIcon{justify-content:center}/*##########*/ body > footer{& > div:nth-child(1){& .logo{width:130px}& h5{font-size:1.4rem;margin:0 0 1rem 0}& > div{grid-template-columns:repeat(1, minmax(0, 1fr));gap:2rem}}}/*##########*/ /*SLICK*/
.sliderWrapper{& > .dotsWrapper{bottom:0.75rem;& > ul{gap:1rem;& > li{& > div{width:0.75rem;height:0.75rem;border:2px solid var(--color-accent)}}}}& > .slick-arrow{display:none!important;&:after{font-size:7rem;margin:-2.2rem}&.slick-prev{padding-left:1rem}&.slick-next{padding-right:1rem}}}.stageInfo{& > div{padding:3rem 3rem}}.vollbild .slick-slide .stageInfo h1,
.vollbild .slick-slide .stageInfo h2,
.vollbild .slick-slide .stageInfo h3,
.vollbild .slick-slide .stageInfo h4,
.vollbild .slick-slide .stageInfo h5{font-size:1.75rem}}