/*------------------------------ACF-Flexible-Content-----------------------------------------*/


.inhaltsbloecke{margin-top:175px;overflow:hidden;}
div[class^="flx_"], div[class*="flx_"]{padding:100px 0;}

.flx_headerblock{position:relative;padding:0!important;}
.flx_headerblock .content{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:calc(100% - 150px);}
.flx_headerblock .content .headerbox{width:100%;float:left;}
.flx_headerblock .content .headerbox .subline{color:var(--white);font-size:290%;font-weight:600;margin-bottom:0;display:block;text-align:center;}
.flx_headerblock .content .headerbox .headline{color:var(--white);font-size:290%;font-weight:300;margin-bottom:75px;display:block;width:100%;text-align:center;}
.flx_headerblock .content .headerbox p{color:var(--white);font-size:100%;}

.flx_headerblock.mitbild .container:before{content:'';position:absolute;top:0;right:75px;bottom:0;left:75px;background:var(--main);opacity:0.75;z-index:5}

.flx_headerblock.mitvideo:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(90deg,rgba(7, 31, 53, 0.7) 0%, rgba(7, 31, 53, 0) 100%);z-index:5}
.flx_headerblock.mitvideo:after{content:'';position:absolute;right:0;bottom:0;left:0;width: 0px;height: 0px;transform:rotate(180deg);border-style: solid;border-width: 100px 2560px 0 0;border-color:var(--white) transparent transparent transparent;z-index:5}

.flx_headerblock.mitfarbe{height:250px;}
.flx_headerblock.mitfarbe .content{top:unset;bottom:20%;}

.flx_textblock.mitzahl{position:relative;}
.flx_textblock.mitzahl .container-fluid{padding:0;}
.flx_textblock.mitzahl .zahl{text-align:center;padding-top:25px;}
.flx_textblock.mitzahl .zahl span{color:var(--button);font-weight:700;font-size:850%;}
.flx_textblock.mitzahl .text{padding-top:70px;padding-right:170px;}
.flx_textblock.mitzahl .text .headline{font-size:175%;}
.flx_textblock.mitzahl .bordertop{display:block;width:100%;height:2px;background:var(--darkgray);position:absolute;top:0;left:0;}
.flx_textblock.mitzahl .borderbottom{display:block;width:100%;height:2px;background:var(--darkgray);position:absolute;bottom:0;left:0;}

.flx_textblock.mitheadlinerechts .sublinebox{padding-left:11.5%;}
.flx_textblock.mitheadlinerechts .sublinebox .subline{color:var(--main);font-size:150%;width:60%;}
.flx_textblock.mitheadlinerechts .headlinebox .headline{color:var(--main);font-size:250%;width:60%;}

.flx_textblock.miticon .text .headerbox{margin-bottom:25px;display:flex;align-content:center;}
.flx_textblock.miticon .text .headerbox img{max-height:45px;}
.flx_textblock.miticon .text .headerbox .headline{font-size:130%;margin-left:20px;margin-bottom:0;align-content: center;}

.flx_textblock.mitzitat .zitatbox{width:80%;}
.flx_textblock.mitzitat .zitatbox .zitat{font-size:300%;font-weight:600;line-height:1.1;}
.flx_textblock.mitzitat .zitatbox .name{display:block;margin-top:25px;font-size:200%;}
.flx_textblock.mitzitat .zitatbox .position{display:block;font-size:100%;}

.flx_bildblock.gridblock{margin-top:325px;}
.flx_bildblock .gridwrapper{display:grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(4, auto);gap:45px;margin-top:-425px;}
.flx_bildblock .gridwrapper .griditem1{grid-column: 1/span 5;grid-row: 1/span 2;}
.flx_bildblock .gridwrapper .griditem2{grid-column: 6/span 7;grid-row: 2/span 1;}
.flx_bildblock .gridwrapper .griditem3{grid-column: 1/span 3;grid-row: 3/span 1;}
.flx_bildblock .gridwrapper .griditem4{grid-column: 4/span 9;grid-row: 3/span 2;}
.flx_bildblock .gridwrapper .item .inhalt{color:var(--white);font-weight:600;padding:80px 80px 80px 0;display:block;min-width:375px;}
.flx_bildblock .gridwrapper .item .bild img{width:100%;height:auto;}

.flx_kontaktblock .textinner{position:relative;padding-bottom:15px;margin-bottom:25px;}
.flx_kontaktblock .textinner .headline{width:30%;font-weight:700;font-size:300%;margin-bottom:20px;color:var(--main);}
.flx_kontaktblock .textinner .subline{position:absolute;bottom:0;left:20%;width:25%;color:var(--main);margin:0;font-size:175%;line-height:1.2;}
.flx_kontaktblock .formularinner{margin:50px 0;}
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap, .flx_kontaktblock .formularinner .pflichtwrapper{width: 50%;display: inline-block;padding:10px;}
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap[data-name="datenschutz"],
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap[data-name="anliegen"]{width:100%;}
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap input, .flx_kontaktblock .formularinner .wpcf7-form-control-wrap textarea{width:100%;padding:10px 25px;border:none;background:var(--gray);}
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap .wpcf7-list-item{margin-left:0;}
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap input[type="checkbox"]{width:15px;margin-right:5px;}
.flx_kontaktblock .formularinner .btn{margin:10px;}

.flx_iconblock .headerbox .headline{font-size:165%;color:var(--main);width:50%;margin-bottom:50px;}
.flx_iconblock .item{display:flex;flex-direction:row;margin-bottom:30px;gap:15px;}
.flx_iconblock .item .icon{width:25%;}
.flx_iconblock .item .inhalt{width:75%;line-height:1.4;font-weight:500;align-content:center;}

.flx_teamblock .item{margin-bottom:50px;}
.flx_teamblock .item .inhalt{padding:25px 0;}
.flx_teamblock .item .inhalt .name{font-size:165%;font-weight:600;display:block;line-height:1.2;}
.flx_teamblock .item .inhalt .position{font-size:100%;font-weight:600;display:block;}

.flx_stimmenblock .headerbox .headline{color:var(--main);}
.flx_stimmenblock .item{margin-top:25px;}
.flx_stimmenblock .item .inhalt{padding:25px 0;}
.flx_stimmenblock .item .inhalt .name{font-size:165%;font-weight:600;display:block;line-height:1.2;}
.flx_stimmenblock .item .inhalt .position{font-size:100%;font-weight:600;display:block;margin-bottom:10px;}

.flx_standortblock .karte{text-align:center;margin-top:50px;position:relative;}
.flx_standortblock .karte .standorte .item{text-align:left;width:350px;}
.flx_standortblock .karte .standorte .item .name{font-size:165%;font-weight:600;display:block;line-height:1.2;margin-bottom:25px;}

.flx_projektblock .item{margin-top:50px;}
.flx_projektblock .item .imagewrapper{height:575px;}
.flx_projektblock .item .imagewrapper img{height:100%;width:100%;object-fit:cover;object-position:center;}
.flx_projektblock .item .inhalt{padding:25px 0;}
.flx_projektblock .item .inhalt .name{font-size:165%;font-weight:600;display:block;line-height:1.2;margin-bottom:15px;}
.flx_projektblock .item .inhalt .kurzbeschreibung{font-size:100%;font-weight:400;display:block;margin-bottom:15px;line-height:1.3;}

.flx_projektblock.teaser .item .imagewrapper{height:350px;}

.flx_benefits .headerbox .headline{color:var(--main);}
.flx_benefits .item .inhalt .headline{margin-bottom:10px;letter-spacing: 0;font-family: 'Poppins';font-weight: 700;font-size:115%;}
/* .flx_benefits .item .inhalt p{line-height:1.7;} */
.flx_benefits .item{margin-top:25px;}

.flx_faq .headerbox{margin-bottom:50px;}
.flx_faq .headerbox .headline{color:var(--main);}
.flx_faq .accordion{width:70%;}
.flx_faq .accordion .accordion-item{border:none;padding:10px 25px;}
.flx_faq .accordion .accordion-item .accordion-button{background:none;border:none;font-size:115%;font-weight:600;color:var(--black);box-shadow:none;padding:0;line-height:1;position:relative;}
.flx_faq .accordion .accordion-item .accordion-button:not(.collapsed){color:var(--main);}
.flx_faq .accordion .accordion-item .accordion-button:after{content:'';display:block;width:25px;height:15px;background:url('../media/arrow_top.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:2.5px;left:-30px;transition:all .3s ease;}
.flx_faq .accordion .accordion-item .accordion-button:not(.collapsed):after{transform:rotate(180deg);transition:all .3s ease;}
.flx_faq .accordion .accordion-item .accordion-body{padding:0;padding-top:5px;}

.flx_stellenausgabe .stellen{margin-top:75px;}
.flx_stellenausgabe .stellen .item{padding:15px 25px 12px;background:var(--gray);transition:all .3s ease;margin-bottom:10px;position:relative;}
.flx_stellenausgabe .stellen .item:after{content:'';display:block;width:35px;height:35px;position:absolute;top:50%;right:15px;background:url('media/icons/arrow_circle.svg');background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotate(90deg) translateX(-50%);}
.flx_stellenausgabe .stellen .item:hover{background:var(--main);transition:all .3s ease;}
.flx_stellenausgabe .stellen .item a{display: block;height: max-content;}
.flx_stellenausgabe .stellen .item a span.name{display: inline-block;width: 75%;font-size:165%;font-weight:600;}
.flx_stellenausgabe .stellen .item a span.ort{font-weight:300;font-size:165%;display:inline-block;width:20%;padding-left: 25px;position: relative;}
.flx_stellenausgabe .stellen .item a span.ort:before{content:'';display:block;width:15px;height:20px;background:url('media/icons/pin.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:7.5px;left:0;}
.flx_stellenausgabe .stellen .item:hover a span{color:var(--white)!important;}
.flx_stellenausgabe .stellen .item:hover a span.ort:before{filter:brightness(25);}
.flx_stellenausgabe .infobox{padding:25px;background:var(--main);}
.flx_stellenausgabe .infobox .headline{color:var(--white);font-size:175%;font-weight:500;}

/*------------------------------SINGLE PROJEKTE-----------------------------------------*/

#single-projekte{margin-top:225px;overflow:hidden;}
#single-projekte .btn.back{margin-bottom:100px;}

#single-projekte #maincontent .headline{margin-bottom:50px;width:50%;}

#single-projekte #maincontent .hero{margin-bottom:50px;}
#single-projekte #maincontent .hero .kurzinfos{background:var(--main);padding:25px;height:100%;align-content:center;}
#single-projekte #maincontent .hero .kurzinfos .info{margin-bottom:25px;}
#single-projekte #maincontent .hero .kurzinfos .info .headline{color:var(--white);margin-bottom:0;}
#single-projekte #maincontent .hero .kurzinfos .info .inhalt{color:var(--white);}

#single-projekte #maincontent .inhalt .bilditem:first-child{margin-top:50px;}
#single-projekte #maincontent .inhalt .bilditem{margin-bottom:30px;padding:0 15px;width:100%;}
#single-projekte #maincontent .inhalt .bilditem img{width:100%;}
#single-projekte #maincontent .inhalt h2{color:var(--main);margin:50px 0 15px;font-weight:600;font-size:180%;}

#single-projekte #feedback{padding:100px 0;}
#single-projekte #feedback .headline{margin-bottom:35px;color:var(--main);font-size:275%;}
#single-projekte #feedback .inhalt{height:100%;align-content:center;}

#single-projekte #projekteteaser{margin-top:75px;padding:100px 0;background:var(--lightgreen);}
#single-projekte #projekteteaser .topline, #single-projekte #projekteteaser .headline{color:var(--main);line-height:1.2;}
#single-projekte #projekteteaser .item{margin-top:50px;}
#single-projekte #projekteteaser .item .imagewrapper{height:350px;}
#single-projekte #projekteteaser .item .imagewrapper img{height:100%;width:100%;object-fit:cover;object-position:center;}
#single-projekte #projekteteaser .item .inhalt{padding:25px 0;}
#single-projekte #projekteteaser .item .inhalt .name{font-size:165%;font-weight:600;display:block;line-height:1.2;}
#single-projekte #projekteteaser .item .inhalt .kurzbeschreibung{font-size:100%;font-weight:400;display:block;margin-bottom:0;}


/*------------------------------SINGLE KARRIERE-----------------------------------------*/

#single-karriere{margin-top:225px;overflow:hidden;}

#single-karriere .inhaltsbloecke{margin-top:100px;}

#single-karriere .headerblock{margin-bottom:50px;}
#single-karriere .headerblock .btn.back{margin-bottom:100px;}
#single-karriere .headerblock .headline{max-width:100%;color:var(--main);line-height:1.2;}

#single-karriere .content h2{font-size:150%;margin:50px 0 15px;color:var(--main);}

#single-karriere .kurzbewerbung #bewerben{margin-top:-200px;padding-top:200px;}
#single-karriere .kurzbewerbung .inner{background-color: var(--gray);padding: 50px;margin-top:0;}
#single-karriere .kurzbewerbung .headline{font-size: 250%;font-weight: 600;display: block;margin-bottom: 50px;}