/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{overflow:hidden;}
div[class^="flx_"], div[class*="flx_"]{padding:100px 0;}

.flx_headerblock{position:relative;padding:0!important;}
.flx_headerblock .content{position:absolute;bottom:10%;z-index:10;width:50%;}
.flx_headerblock .content .headerbox .topline{color:var(--white);font-size:125%;}
.flx_headerblock .content .headerbox .headline{color:var(--white);font-size:300%;font-weight:400;margin-bottom:0;letter-spacing:5px;}
.flx_headerblock .content .headerbox .subline{color:var(--white);font-size:125%;margin-bottom:20px;}
.flx_headerblock .content .headerbox p{color:var(--white);font-size:125%;}

.flx_headerblock.mitbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;  background: linear-gradient(90deg, rgba(53, 59, 60, 1) 0%, rgba(53, 59, 60, 0) 100%);mix-blend-mode: multiply;pointer-events: none;z-index:5}
.flx_headerblock.mitbild img{width:100%;height:auto;}
.flx_headerblock.mitvideo:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;  background: linear-gradient(90deg, rgba(53, 59, 60, 1) 0%, rgba(53, 59, 60, 0) 100%);mix-blend-mode: multiply;pointer-events: none;z-index:5}

.flx_headerblock.mitfarbe{height:400px;}
.flx_headerblock.mitfarbe .content{top:unset;bottom:5%;}

.flx_headerblock .content.mitres{bottom:30%;}

.flx_textblock .text{align-content:center;}
.flx_textblock .text.white .topline, .flx_textblock .text.white .headline, .flx_textblock .text.white .subline, .flx_textblock .text.white p, .flx_textblock .text.white li{color:var(--white);}
.flx_textblock .text.white li:before{background:url('../media/arrow-right-white.svg');background-size:contain;background-position:center;background-repeat:no-repeat;}

.flx_textblock.mitbilderlinks .bilder .bildwrapper .image{margin:10px 0;}
.flx_textblock.mitbilderlinks .bilder .bildwrapper .image:nth-child(3n - 2){margin-left:-80px;}
.flx_textblock.mitbilderlinks .bilder .bildwrapper .image:nth-child(3n - 1){margin-left:80px;}
.flx_textblock.mitbilderlinks .bilder .bildwrapper .image:nth-child(3n){margin-left:0px;}
.flx_textblock.mitbilderrechts .bilder .bildwrapper .image{margin:10px 0;}
.flx_textblock.mitbilderrechts .bilder .bildwrapper .image:nth-child(3n - 2){margin-left:-80px;}
.flx_textblock.mitbilderrechts .bilder .bildwrapper .image:nth-child(3n - 1){margin-left:80px;}
.flx_textblock.mitbilderrechts .bilder .bildwrapper .image:nth-child(3n){margin-left:0px;}
.flx_textblock.mitbilderlinks .bilder .bildslider .owl-controls, .flx_textblock.mitbilderrechts .bilder .bildslider .owl-controls{margin-top:25px;}
.flx_textblock.mitbilderlinks .bilder .bildslider .owl-controls .owl-dots, .flx_textblock.mitbilderrechts .bilder .bildslider .owl-controls .owl-dots{align-content:center;}
.flx_textblock.mitbilderlinks .bilder .bildslider .owl-controls .owl-dots .owl-dot, .flx_textblock.mitbilderrechts .bilder .bildslider .owl-controls .owl-dots .owl-dot{width:100px;height:1px;background:var(--white);display:inline-block;margin:2px -2px;border-radius:5px;transition:all .3s ease;}
.flx_textblock.mitbilderlinks .bilder .bildslider .owl-controls .owl-dots .owl-dot.active, .flx_textblock.mitbilderrechts .bilder .bildslider .owl-controls .owl-dots .owl-dot.active{height:5px;margin:0;transition:all .3s ease;}

.flx_textblock.zitat .zitat{display:block;width:50%;margin:10px auto;text-align:center;text-transform:uppercase;color:var(--main);font-weight:600;font-size:165%;line-height:1.4;}
.flx_textblock.zitat .name{display:block;width:100%;text-align:center;}

.flx_iconblock .item{width:calc(100% / 3);padding:0 15px;}
.flx_iconblock .item img{margin-bottom:35px;}
.flx_iconblock .item .inhalt{width:70%;padding-right:15px;}
.flx_iconblock .item .inhalt .headline{color:var(--white);font-size:140%;margin-bottom:25px;}
.flx_iconblock .item .inhalt .content{color:var(--white);}

.flx_lieferantenblock .item{width:calc(100% / 5);padding:15px;}
.flx_lieferantenblock .item img{margin-bottom:25px;max-width:75px;}
.flx_lieferantenblock .item .inhalt{width:80%;padding-right:15px;}
.flx_lieferantenblock .item .inhalt .headline{font-size:140%;margin-bottom:10px;}

.flx_kontaktblock .headrow{margin-bottom:50px;}
.flx_kontaktblock .headrow .headlinewrapper .topline{color:var(--white);}
.flx_kontaktblock .headrow .headlinewrapper .headline{color:var(--white);}
.flx_kontaktblock .headrow .textinner{color:var(--white);height:100%;align-content:end;}
.flx_kontaktblock .headrow .textinner p{margin:0;}
.flx_kontaktblock .formrow p{margin-bottom:0;}
.flx_kontaktblock .formrow label{color:var(--white);width:100%;font-size:85%;margin-bottom:0;}
.flx_kontaktblock .formrow input{width:100%;margin:5px 0 15px;padding:10px 25px;border:none;border-radius:5px;}
.flx_kontaktblock .formrow textarea{width:100%;margin:5px 0 15px;padding:10px 25px;border:none;border-radius:5px;height:150px;}
.flx_kontaktblock .formrow input[type="checkbox"]{width:15px;margin-right:5px;margin-bottom:0;}
.flx_kontaktblock .formrow .wpcf7-list-item{margin-left:0;}
.flx_kontaktblock .formrow .wpcf7-list-item a{color:var(--white);}
.flx_kontaktblock .formrow .wpcf7-list-item a:hover{color:var(--white-hover);}
.flx_kontaktblock .formrow .pflicht{color:var(--white);display:block;margin:15px 0;}
.flx_kontaktblock .formrow .wpcf7-not-valid-tip{margin:-10px 0 10px;}
.flx_kontaktblock .formrow input[type="submit"]{width: max-content;float: right;margin-top: -70px;font-weight:600;color:var(--sec);text-transform:uppercase;}
.flx_kontaktblock .formrow input[type="submit"]:disabled{color:var(--white);}
.flx_kontaktblock .formrow .wpcf7 form .wpcf7-response-output{background:#ffb900;color: #fff;text-align: center;padding: 50px;font-size: 150%;font-weight: 600;margin:0;}
.flx_kontaktblock .formrow .wpcf7 form.sent .wpcf7-response-output{background: green;color: #fff;text-align: center;padding: 50px;font-size: 150%;font-weight: 600;position: absolute;top: 50%;left: 0;margin:0;}

.flx_kartenblock .headerwrapper{margin-bottom:50px;color:var(--white);position:relative;}
.flx_kartenblock .headerwrapper .topline{color:var(--white);}
.flx_kartenblock .headerwrapper .headline{color:var(--white);}
.flx_kartenblock .karte{position:relative;}
.flx_kartenblock .karte .btn{position:absolute;bottom:25px;right:25px;}
.flx_kartenblock .zusatz{padding:50px;background:var(--white-hover);height:100%;}
.flx_kartenblock .zusatz .headline{margin-top:25px;margin-bottom:10px;}
