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


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

.flx_headerblock{position:relative;padding-top: 0px!important; padding-bottom: 50px;}
.flx_headerblock .container{position: relative;}
.flx_headerblock .container:before{content: '';display:block;width:200px;height:200px;background:url('../media/badge_germany.png');background-size:100%;background-position:center;background-repeat:no-repeat;position: absolute; top: 75px; right:75px;z-index: 1;transform:rotate(5deg);}
.flx_headerblock .content{position:absolute;bottom: 0;z-index:10;width:100%;}
.flx_headerblock .content .headerbox{width:100%;float:left;}
.flx_headerblock .content .headerbox .headline{color:var(--orange);font-size:525%;font-weight:800;margin-bottom:30px;display:block;width:100%;text-align:center;}
.flx_headerblock .content .headerbox .subline{color:var(--orange);font-size:100%;font-weight:800;margin-bottom: 120px;display:block;text-align:center;}
.flx_headerblock .content .headerbox p{color:var(--orange);font-size:100%;}


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

.flx_textblock.nurtext .text h1{font-size: 250%; margin-bottom: 50px;}
.flx_textblock.nurtext .text h2{font-size: 175%; margin-bottom: 25px; margin-top: 50px;}
.flx_textblock.nurtext .text h3{margin-bottom: 25px; margin-top: 50px;}

.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:75px;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 .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{padding-bottom: 25px;}
.flx_textblock.miticon .text .headerbox{display:block;align-content:center;}
.flx_textblock.miticon .text .headerbox img{max-height: 50px; display: block;}
.flx_textblock.miticon .text .headerbox .headline{font-size:125%; padding: 15px 0 0; margin-bottom: 0; display: block; font-weight: 800; min-height: 90px;}
.flx_textblock.miticon .text .inhalt p{opacity: 0.4; font-weight: 600;font-size:85%;line-height: 1.6;letter-spacing:0.8;}


.flx_textblock.mitzitat{padding: 180px 0;}
.flx_textblock.mitzitat .zitatbox{width:95%;}
.flx_textblock.mitzitat .zitatbox .zitat{font-size:250%;font-weight:600;line-height:1.5;}
.flx_textblock.mitzitat .zitatbox .name{display:block;margin-top:50px;font-size:160%; font-weight: 600;}
.flx_textblock.mitzitat .zitatbox .position{display:block;font-size:100%; font-weight: 600;margin-top:5px;}

.flx_bild.zweibilder .kachel{padding-bottom: 25px;}
.flx_bild.zweibilder a .bild{transition: all 0.3s ease;}
.flx_bild.zweibilder a:hover .bild{scale: 1.03;}
.flx_bild.zweibilder .bild{border-radius: 20px;}

/* .flx_teaser{padding:125px 0!important;} */
.flx_teaser h2.headline{padding-bottom: 50px;}
.flx_teaser h3.headline{padding: 25px 0;}
.flx_teaser .item{padding-bottom: 50px;}
.flx_teaser .zoom{transition: all 0.3s ease;}
.flx_teaser .zoom:hover{scale: 1.05;}
.flx_teaser .kachel{border-radius: 20px; background-color: var(--light); padding: 25px; height: 100%; position: relative;}
.flx_teaser .kachel.kategoriekachel{align-content: end;}
.flx_teaser .kachel .headline{text-align: center;}
.flx_teaser .kachel .headline.oben{padding-top: 75px; padding-bottom: 25px; font-size: 175%;}
.flx_teaser .kachel h4.headline.oben{font-size: 105%;}
.flx_teaser .kachel .subline{width: 60%; text-align: center; margin: auto; font-size: 90%; font-weight: 600;}
.flx_teaser .kachel.kategoriekachel .headline.unten{padding-top: 70px;}
.flx_teaser .kachel .produktbild{text-align: center;margin-top:35px;}
.flx_teaser .kachel .kategoriebild{text-align: center;}
.flx_teaser .kategorieteaser .kachel .kategoriebild{text-align: center;height:225px;}
.flx_teaser .kategorieteaser .kachel .kategoriebild img{height:100%;object-fit:cover;}
.flx_teaser .headline{margin-bottom: 0; padding: 10px 0;}
.flx_teaser a{text-decoration: none; font-weight: 600;}
.flx_teaser .textlink:hover{color: var(--orange);}
.flx_teaser .badge{position: absolute; top: 35px; right: 35px; background-color: var(--orange); width: 150px; height: 150px; border-radius: 100px; font-size: 125%; font-weight: 800; color: white; text-align: center; align-content: center;transform:rotate(10deg);} 

.flx_downloads h2{padding: 50px 0;}
.flx_downloads .kachel{padding: 35px; background-color: var(--light); margin-bottom: 30px;border-radius: 10px;}
.flx_downloads .kachel h3{font-size: 120%; padding-bottom: 0; font-weight: 800;}
.flx_downloads .kachel .btn{margin: auto; display: block; width: 100%; font-size: 80%; padding: 8px 0;}

.flx_haendler h1{padding: 50px 0;font-size:250%;}
.flx_haendler .kachel{padding: 25px; background-color: var(--light); border-radius: 10px;}
.flx_haendler .col-12:nth-child(even) .kachel{background-color: white;}
.flx_haendler .kachel span, .flx_haendler .kachel a{font-weight:500;line-height:1.5;display:block;height:100%;align-content: center;}
.flx_haendler .kachel .name{font-weight:700;}
.flx_haendler .kachel .webseite .btn{margin-left: auto; display: block; width: fit-content;}

.flx_kontaktblock .textinner{position:relative;padding-bottom:15px;margin-bottom:25px;}
.flx_kontaktblock .textinner .headline{width:30%;font-weight:700;}
.flx_kontaktblock .textinner .subline{position:absolute;bottom:0;left:20%;width:25%;color:var(--main);margin:0;}
.flx_kontaktblock .formularinner{margin:50px 0;}
.flx_kontaktblock .formularinner .wpcf7-form-control-wrap{width: 50%;display: inline-block;padding:10px;}
.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 .btn{margin:10px;}



@media (max-width:1640px) {
    .flx_headerblock.mitbild .container{padding: 0 10px;}
    .flx_headerblock .content{padding: 0 10px; left: 0;}
    
}
@media (max-width:1280px) {
    .flx_teaser .badge{top: 5px; right: 5px;}

    .flx_haendler .col-md-20{flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:991px){
    .flx_headerblock .container::before{width: 100px; height: 100px; top: 50px; right: 50px;}
    .flx_headerblock .content .headerbox .headline{font-size: 350%;}
    .flx_headerblock video{height: 500px;}

    .flx_textblock.miticon .text{text-align: center;}
    .flx_textblock.miticon .text img{margin: auto;}

    .flx_teaser .badge{width: 100px; height: 100px; font-size: 85%;}

    .flx_downloads .kachel h3{padding-bottom: 30px;}
}
@media (max-width:767px) {
    div[class^="flx_"], div[class*="flx_"]{padding: 50px 0;}

    .flx_headerblock .content .headerbox .subline{margin-bottom: 15px;}
    .flx_headerblock .content .headerbox .headline{font-size: 250%; margin-bottom: 25px;}

    .flx_textblock.mitzitat .zitatbox .zitat{font-size: 150%;}
    .flx_textblock.mitzitat .zitatbox .name{font-size: 125%;}

    .flx_teaser .item{text-align: center;}

    .flx_haendler .kachel .webseite .btn{margin-right: auto; margin-top: 10px;}
}
@media (max-width:600px) {
    div[class^="flx_"], div[class*="flx_"]{padding: 25px 0;}
    .inhaltsbloecke{margin-top:150px;}

    .flx_headerblock video{height: auto;}
    .flx_headerblock .container::before {top: 25px; right: 25px; width: 75px; height: 75px;}
    .flx_headerblock .content .headerbox{padding: 25px;}
    .flx_headerblock .content .headerbox .headline{font-size: 200%;}
    .flx_headerblock .content .headerbox .subline{font-size: 90%;}

    .flx_textblock.miticon .text .headerbox .headline{font-size: 100%; min-height: auto; padding: 7px 0;}
    .flx_textblock.miticon .text .inhalt p{font-size: 75%;}

    .flx_textblock.nurtext .text h1{font-size: 150%;}
    .flx_textblock.nurtext .text h2{font-size: 140%; margin-bottom: 10px;}
    .flx_textblock.nurtext .text h3{margin-bottom: 10px;}

    .flx_teaser .kategorieteaser .kachel .kategoriebild{height: 175px;}
    .flx_teaser .kachel.kategoriekachel .headline.unten{padding-top: 20px;}

    .flx_haendler .col-md-20{margin-bottom: 10px;}
    .flx_haendler h1{font-size: 150%;}
    .flx_haendler .email, .flx_haendler .adresse, .flx_haendler .telefon{font-size: 80%; margin-bottom: 0;}

    .flx_teaser .kachel .headline.oben{padding-top: 20px; padding-bottom: 10px;}

}
@media (max-width:480px) {
    .flx_headerblock .content .headerbox .headline{font-size: 170%; margin-bottom: 15px;}
     .flx_headerblock .content .headerbox .subline{font-size: 70%;}
}