:root{
    --white: #ffffff;
    --dark: #00192B;
    --orange_hell: #F27C00;
    --orange_dark: #D85B06;
    /* :root{
        --main: #4fbf8c;
        --sec: #525252;
        --button: #f8bf00;
        --buttonhover: #525252;
    } */
    
}

body,html,*{font-size:21px;line-height:1.8;font-family:'Barlow Condensed';font-weight:400;color:var(--font);}
html{scroll-behavior: smooth;overflow-x:hidden;}

p{line-height: 1.4;}

a{color:var(--button);text-decoration:none;font-size:100%;font-weight:700;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--buttonhover);transition:all .3s ease;}
a:focus{text-decoration:none;}
a:not([href]):not([tabindex]){color:var(--main)}
p a{letter-spacing:0.2px;}

ul{padding:0;/*margin-top:-45px;*/}
ul li{list-style:none;position:relative;padding-left:50px;margin-bottom:30px; line-height:1.4;}

img{max-width:100%;height:100%;}

h1{font-size:325%;font-weight:700;display:block;width:max-content;position:relative;color:var(--main);margin:0;line-height:1;}
h2{font-size:265%;font-weight:700;display:block;color:var(--main);margin:0;line-height:1;}
h3{font-size:150%;font-weight:700;display:block;color:var(--main);margin:0;line-height:1;}

.headline{font-size:265%;font-weight:700;display:block;color:white;margin:0px;line-height:1.2;width:100%;}
.headline.small{font-size:125%;}
.subline{font-size:140%;font-weight:600;display:block;color:var(--orange_hell);position:relative;padding-left:0px;margin-bottom: 5px;;}

.btn{position:relative;padding:4px 70px;font-size:95%;font-weight:600;background-color:var(--main);color:var(--white);transition:all .3s ease;line-height:1.5;text-align:center;border-radius:5px;margin-top: 5px;}
.btn:hover{background:var(--buttonhover);transition:all .3s ease;color:var(--white);}
.btn.disabled, .btn:disabled{opacity:1;}

strong{font-weight:600;font-size:100%;line-height: 1.4;}

.container{max-width:1600px;}
.container.wide{max-width:1800px;}

.owl-controls{position: absolute; top: calc(50% - 5px) !important;left: 50px;right: 50px;}
.owl-carousel .owl-nav{right:-7.5%;translate:Y(-50%);width:100%;}
.owl-carousel .owl-nav .owl-prev{position:absolute;display:block;width:20px;height:35px;background:url('media/pfeil_carousel_links.svg');background-size:cover;background-position:center;background-repeat:no-repeat;left: 10px;}
.owl-carousel .owl-nav .owl-next{position:absolute;right:10px;display:block;width:20px;height:35px;background:url('media/pfeil_carousel_rechts.svg');background-size:cover;background-position:center;background-repeat:no-repeat;;}

input, textarea, select{background:var(--white);padding:5px 15px;color: var(--font);font-size:100%;margin-bottom:15px;border:none;box-shadow:none;line-height:1;width:100%;}
input[type="checkbox"]{margin:0;width:15px;}
input[type="submit"]{margin:15px 0;}

.wpcf7-list-item-label{color:var(--font);}
.wpcf7-list-item{margin:0;}
.wpcf7-form label{padding:0!important;}

#BorlabsCookieBox ._brlbs-box-advanced ul li::before{display: none;}

.wrapper{overflow: hidden;}

.wunschliste .social-buttons ul li::before {display: none;}
.tinv-wishlist .social-buttons li{margin: 0 -25px 0 0;}
.tinv-wishlist .social-buttons > span{margin-right: -43px;}

.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 10px;  height: 10px;}
.swiper-pagination-bullet{width: 10px;  height: 10px;}

/*------------------------------------Abweichungen-------------------------------------------------*/
.impressum .inhaltsbloecke,
.datenschutz .inhaltsbloecke{margin-top: 150px;}
.impressum h1,
.datenschutz h1{color: var(--dark);}




/*------------------------------------Header-------------------------------------------------*/

#page-header{position:absolute;top:0;right:0;left:0;padding:25px 0;background:var(--white);z-index:999;opacity: 0.85;}
#page-header .logo img{width:75%;}
#page-header.bottom{opacity: 1;padding:15px 0;position:fixed;top:0;left:0;right:0;background:var(--white);-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:999;}
#page-header.bottom .logo img{width:45%;width: 70%; margin-top: -10px;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header{padding:10px 0;}
#page-header .button .text {display: flex;}
#page-header .button .text .mein-konto img{max-width:90%;border-radius:0px;}

#page-header .row{align-items: center;margin-right: 0px;}
/* #page-header .button {position: absolute;right: 325px;} */
#page-header .button .btn{margin-left: 0px;margin-right: 10px;margin-top: 10px;position: relative;display: ruby;padding: 7px 50px;}
#page-header .button {display: flex;}
/* #page-header .button .cart img{max-width:40px;border-radius: 0;} */
#page-header .logo img{width:85%;border-radius: 0px;}
#page-header #toppermenu{margin-top:-15px;}
#page-header #toppermenu .menu-topmenu-container{width:100%;}
#page-header #toppermenu .menu{text-align:center;margin-bottom: 0;padding-top: 15px;display: flex;justify-content: end;}
#page-header #toppermenu .menu li{display:inline-block;margin:0;padding:0;font-size: 95%;}
#page-header #toppermenu .menu li:before{display:none;}
#page-header #toppermenu .menu li a{font-weight:400;display:block;padding:5px 30px;color:var(--dark);}
/* #page-header #toppermenu .menu li a:hover{font-weight: 600;transition: all ease-in-out.1s;} */
#page-header #toppermenu .menu li a::after {content: ''; width: 0;height:3px; display: block; background-color: var(--orange_dark); background-repeat: no-repeat; background-size: 40%; background-position: center; position: absolute; bottom:7px; left:30px;  transition: all ease .3s;}
#page-header #toppermenu .menu li a:hover::after{width: 20px;}
#page-header #toppermenu .menu li.current-menu-item a:after{width: 20px;}

#page-header #toppermenu .menu li:last-child a{background-color: var(--orange_dark); border-radius: 20px; font-weight: 400; position: relative;color: white;  padding: 0px 12px 2px}
#page-header #toppermenu .menu li:last-child a:hover{background-color: var(--orange_hell);transition: all ease .3s;}
#page-header #toppermenu .menu li:last-child a:hover::after{width: 0px;}
#page-header .menu_buttons{display: flex;}


.iconblock.fixed{position:fixed;right:25px;bottom:50%;z-index:99;background: var(--orange_hell);border-radius: 50px;padding: 10px 0;}
.iconblock.fixed a{display:block;margin:10px;transition:all .3s ease;}
.iconblock.fixed a:hover{transform:scale(1.05);transition:all .3s ease;}

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{position: relative; z-index: 999;}
#page-footer{background-color: var(--dark);clip-path: polygon(-5px 25.11%, 102.85% 0.95%, 103% 111%, -2% 107%);}
#page-footer .headline{font-size: 130%;padding-bottom: 20px;}
#page-footer p{color: white;font-size: 80%;position: relative;} 
#page-footer .adresse p::before{content:'';background:url('media/location.webp');width:50px;height:50px;display:block;position:absolute;bottom:0px;left: 0;background-repeat:no-repeat;}
#page-footer .adresse p{padding-left: 30px;}
#page-footer .mail a{color: white;font-weight: 400;font-size: 80%;padding-left: 30px;}
#page-footer .mail {position: relative;}
#page-footer .mail a::before{content:'';background:url('media/mail.webp');width:50px;height:50px;display:block;position:absolute;bottom: -35px; left: 0;background-repeat:no-repeat;}
#page-footer .telefon {position: relative; }
#page-footer .telefon a{color: white;font-weight: 400;font-size: 80%;padding-left: 30px;}
#page-footer .telefon a::before{content:'';background:url('media/tel.webp');width:50px;height:50px;display:block;position:absolute;bottom: -30px; left: 0;background-repeat:no-repeat;}
#page-footer .copyright{color: white;font-weight: 400; border-top: 1px solid white;}
#page-footer .copyright span{font-size: 70%;margin-top: 160px;}
#page-footer .daten{height: 260px;margin-top:160px;}
#page-footer .logo img{height: auto;width: 50%;position: absolute;bottom: 0px;right: 0;}
#page-footer .additional_info{padding-top: 162px;}
#page-footer .menu-footermenu-container{display: flex; justify-content: end;}
#page-footer .menu-footermenu-container ul{display: flex; margin-top: -32px;}
#page-footer .menu-footermenu-container ul a{color: white; font-size: 70%;font-weight: 500;}
#page-footer .menu-footermenu-container ul li:nth-child(1){border-right: 2px solid white;margin-right: 0;padding-right: 25px;}
#page-footer .menu-footermenu-container ul li:nth-child(2){padding-left: 25px;}
#page-footer .footermenu{padding-right: 0px;  padding-left: 0px;}


#page-footer a.button{position: relative;padding-left: 30px;color: white;}
#page-footer a.button:before{content:'';background:url('media/2 pfeile.svg');width:50px;height:50px;display:block;position:absolute;bottom:-30px;left: 0;background-repeat:no-repeat;}



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

.flx_headerbild img{width: 100%;}

.flx_service.punkte{background-color:#00192B;padding-top: 80px;padding-bottom: 150px;clip-path:polygon(-6px 12.19%, 101% 0%, 100% 83%, -0.9% 98.67%);}
.flx_service.punkte .headline{color: white;font-size: 140%;padding: 10px 0px 10px 25px;}
.flx_service.punkte .headline p{font-weight: 700;line-height: 1;}
.flx_service.punkte h2.headline p{text-align: center;margin-bottom: 0;}
.flx_service.punkte .text .headline{padding-top: 70px;display: flex; justify-content: center;font-size:265%}
.flx_service.punkte .subline{color: var(--orange_hell);display: flex; justify-content: center;}
.flx_service.punkte p{color: white;font-size: 85%;}
.flx_service.punkte .reihe{display: flex;}
.flx_service.punkte .item{padding-right: 120px;padding-bottom: 50px;}
.flx_service.punkte .row{padding-top: 50px;}
.flx_service.punkte .btn{background-color: var(--orange_hell);font-size: 110%;border-radius: 20px;font-weight: 400;padding: 0px 20px;position: relative;}
.flx_service.punkte .btn:hover{background-color: var(--orange_dark);transition: all ease .3s;}

.bild_punkte img{clip-path: polygon(21% 0, 100% 0, 100% 85%, 2% 96%);position: relative;top: -425px;right: -1120px;}
.bild_punkte{position: relative;  right: -175px;}
.bild_punkte::before{content:'';background:url('media/before.webp');width:120%;height:250%;display:block;position:absolute;top: -469px;right: -1113px;background-repeat:no-repeat;clip-path: polygon(29.09% 75px, 101.72% 69px, 98.27% 41.3%, 14.70% 46.35%);}


.flx_service.schritte .reihe .headline{color: #00192B;font-size: 140%; padding: 10px 0px 10px 25px;}
.flx_service.schritte .reihe{display: flex;align-items: center;line-height: 0.5;}
.flx_service.schritte .headline p{font-weight: 700;font-size: 85%;color: #00192B;line-height: 1;}
.flx_service.schritte p{color: #767070;font-size: 85%;}
.flx_service.schritte .pfeil_bild img{width: 100%;height: 50px;position: relative;top: 35px; padding-right: 30px;}
.flx_service.schritte .item {display: flex;}
.flx_service.schritte .content {width: 70%;}
.flx_service.schritte h2{color: #00192B;}
.flx_service.schritte .row{padding-top: 50px;}
.flx_service.schritte .btn {background-color: transparent; color: var(--dark);font-weight: 600;padding: 4px 45px;}
.flx_service.schritte .btn::before{content:'';background:url('media/pfeil_before.webp');width:50px;height:50px;display:block;position:absolute;top: 12px;right: 150px;background-repeat:no-repeat;}
.flx_service.schritte{margin-top: -230px;padding-bottom: 100px;}
.flx_service.schritte .reihe p{margin-bottom: 0px;}
/* .flx_service.schritte .container{max-width: 1400px;} */

.wpcf7 form.invalid .wpcf7-response-output{color: white; font-size: 70%;}
.wpcf7 form.sent .wpcf7-response-output{color: white; font-size: 70%;border-color: var(--orange_hell);}
.wpcf7-not-valid-tip {color:var(--orange_hell); font-size: 70%;}
.wpcf7{background-color: #00192B;width: 100%;height: auto;padding: 15px;}
.wpcf7 .wpcf7-form-control-wrap input, .wpcf7 .wpcf7-form-control-wrap textarea{background-color: #132D41;font-size: 65%;}
.wpcf7 p input, .wpcf7 p textarea{background-color: #F27C00;color: white;}
.wpcf7 p input:hover, .wpcf7 p textarea:hover{background-color: var(--orange_dark);transition: all ease .3s;}
.wpcf7 .headline{font-size:160%;}
span.wpcf7-form-control-wrap[data-name="radio-478"]{display: inline-block; margin-bottom: 20px;}
.wpcf7-form{padding: 25px;}
.wpcf7-list-item-label{padding-left: 10px; padding-right: 25px;font-size: 75%;} 
.wpcf7-form-control-wrap .wpcf7-quiz-label{font-size: 60%;}
.wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner{font-size: 70%; border-radius: 20px; width: 50%;padding: 5px;padding-bottom: 10px;}
.wpcf7 input {padding: 10px 10px;margin-bottom:0}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input[type="radio"]{width: 15px;}
.flx_kontaktformular .formular .wpcf7-form-control-wrap[data-name="quiz-509"]label{width:80%;display: block;}
.flx_kontaktformular h1,
.flx_kontaktformular h2 {color: #00192B;}
.flx_kontaktformular .formular p{color:var(--white);}
.flx_kontaktformular p{color:var(--dark);}


.flx_kontaktformular .kontakt_content{padding-top: 60px;}
.flx_kontaktformular .subline{color: var(--orange_dark);}
.flx_kontaktformular .formular label{display: flex;}
.flx_kontaktformular .formular {margin-top: -226px;}
.flx_kontaktformular{padding-bottom: 38px;}
.flx_kontaktformular::before{content: ''; width: 100%;height: 100%; background: white; display: block; position: absolute;  clip-path: polygon(3px 1px, 125% -0.04%, 122.32% 47.53%, 106.34% 52.63%, 1px 66.93%);}
.flx_kontaktformular{margin-top: -50px; padding: 50px 0!important;}

.flx_kontaktformular .formular .sprungbuttonmobile{display:none;}
.flx_kontaktformular.onlymobile{display:none;}

.dienstleistungen .flx_kontaktformular {margin-top: 280px;}


/* .flx_bild_text .container{max-width: 1950px;} */
.flx_bild_text img{position: absolute;  width: 100%; height: auto; margin-top: -50px; margin-left:-45px;top:-50px;clip-path: polygon(4.08% 22.8%, 92.94% -1px, 79.97% 84.78%, 16px 86.43%);}
.flx_bild_text .nopadding::before{content:'';background:url('media/before2.webp');width:240%;height:120%;display:block;position:absolute;top:-225px;right: -852px;background-repeat:no-repeat;clip-path:polygon(1.12% 37.22%, 43.65% 56px, 37.85% 97.36%, 13px 99.3%);}
.flx_bild_text .nopadding {background-color: var(--dark);}
.flx_bild_text .text {background-color: var(--dark);z-index: -1;}
.flx_bild_text .text p{color: white;}
.flx_bild_text{padding:100px 0px;}
.flx_bild_text .btn{background-color: var(--orange_hell); font-size: 110%; border-radius: 20px; font-weight: 400;padding: 0px 20px;}
.flx_bild_text .btn:hover{background-color: var(--orange_dark);transition: all ease .3s;}
.flx_bild_text .content{padding-bottom: 50px;margin: 60px 170px 40px 50px;}

.flx_dienstleistungen{padding-top: 110px;}
.flx_dienstleistungen .headline p{font-size: 85%; font-weight: 700;color: #00192B;padding: 10px 0px 0px 25px;margin-top: -10px;}
.flx_dienstleistungen p{width: 50%;color: #767070; font-size: 80%;line-height: 1.7;}
.flx_dienstleistungen .reihe .headline{color: #00192B; font-size: 140%;}
.flx_dienstleistungen .text .subline{margin-top: -35px;color: var(--orange_dark);font-size: 115%;}
.flx_dienstleistungen .reihe {display: flex;}
.flx_dienstleistungen .reihe img{width: 20%;}
.flx_dienstleistungen .content p{width: 70%;padding-bottom: 20px;}
.flx_dienstleistungen .reihe  .headline p{font-size: 70%;}
.flx_dienstleistungen .reihe .headline p{padding-bottom: 0px;}
.flx_dienstleistungen .text .headline p{padding: 0;}
.flx_dienstleistungen .text p{padding-bottom: 60px;}
.flx_dienstleistungen .btn {background-color: var(--orange_dark);  font-size: 110%;border-radius: 20px; font-weight: 400; padding: 0px 20px; position: relative;}
#page264 .bild_punkte{margin-bottom: -250px;}
#page264 .bild_punkte::before{top: -275px;}
/* #page264  .bild_punkte img{top: -253px;} */

.impressum .flx_textblock {margin-top: 50px;}
.datenschutz .flx_textblock {margin-top: 50px;}

.dienstleistungen .flx_dienstleistungen{margin-top: 50px;}
.dienstleistungen .bild_punkte img{top: -225px;}



/*-------------------------------------------------------------------------------------------*/
/*------------------------------------RESPONSIVE---------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){
    .flx_bild_text img{width:70%;}
}


@media (max-width:1920px){
    .flx_produktteaser .container-fluid{padding-left: 270px;padding-right:0px;}


    #exampleModalCenter.modal.fade.show{display: block;margin:auto;width: 62%!important;top: 0!important;position: absolute!important;z-index: 13!important; background-color: #fff;color: #000;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);border-radius: 20px; padding:40px; bottom: 0; left: 0; right: 0; height: 68%;}

    .flx_textblock.mitbild.rechts{margin-bottom: 0px;}


    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .btn{padding: 10px 105px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .btn{padding: 10px 105px;}

    #exampleModalCenter.modal.fade.show{width: 80% !important;}
    #page-header .button .text .wishlist{right: -170px;}
    #page-header .button .text .cart{right: -152px;}
    #page-header .button .text .mein-konto{right: -170px;}

    .flx_produktteaser.neuheiten .row{display: grid;grid-template-columns: 110%;}

}

@media (max-width:1650px){

    .container{
        max-width: 1600px;padding: 0 50px;}

        .bild_punkte img{right: -940px;}
        .bild_punkte::before {right: -943px;}

        .flx_bild_text .nopadding::before {top: -193px;right: -642px;height: 90%;}
        


}



@media (max-width:1480px){
    .flx_produktteaser .container-fluid{padding-left: 70px;}

    .headline{font-size:200%;}
    /* .container{padding:0 15px;} */
    #page-header #toppermenu{justify-content: end;}
    #page-header #toppermenu .menu{padding-top: 5px;}
    #page-header .button .btn{padding: 7px 40px;}
    #page-header.bottom #toppermenu .menu-topmenu-container{width: max-content;}
    #page-header .trigger{top: 3px;background: transparent;border: none; color: #101714;}
    #page-header .menu_buttons{position: relative; text-align: center;margin-bottom: 0;padding-top: 15px;display: flex;justify-content: end;}
    #page-header .button .text .mein-konto{bottom: -10px;right: 5px;}
    #page-header .button .text .cart{bottom: -3px;right:20px;}
    #page-header .button .text .wishlist{right: 0px; bottom: -15px;}

    #page-header #toppermenu .menu li:last-child a{margin-top: 5px;}

    /* #page-footer  .container {max-width: 1400px;} */
    /* #page-footer .adresse p::before {bottom: 112px;}
    #page-footer .mail a::before {bottom: 27px;}
    #page-footer .telefon a::before{bottom: -8px;} */

    .iconblock.fixed {bottom: 60%;}

    div[class^="flx_"], div[class*="flx_"]{padding:0px 0;}

    .flx_bild_text .content{margin: 60px 40px 40px 50px;}
    
    .flx_textblock.mitteaser .content{padding: 15px;padding-left: 20px;}
    /* .flx_googlebewertung .container{max-width: 1400px;} */

    .flx_tabelle .row:nth-child(2){margin-right:15px;}
    .flx_tabelle .klammer .fazit{margin:200px 0 200px 50px;}
    .flx_tabelle .klammer .fazit::before{left:-60px;}

    .flx_beispiele .bild img{right:15px;bottom:0;}

    .flx_beispiele .signet{right:25px;bottom:-50px;display:block;}
    .flx_beispiele .signet img{margin:10px;}

    .flx_kontaktformular {margin-top: -40px;}
    .flx_kontaktformular:before {background: transparent;}

    .flx_kontaktformular .formular{display: flex;justify-content: center;}

    .bild_punkte img{right: -830px;}
    .bild_punkte:before{top: -481px;right: -827px;height: 261%;}

    .flx_service.schritte {margin-top: -170px;margin-bottom: 50px;}
    .flx_bild_text .nopadding::before {height: 92%;top: -186px;right: -642px;}
    .flx_bild_text {margin-bottom: 50px;}

    .flx_textblock.mitteaser .content{padding: 25px 30px;}

    .flx_textblock.fazit .zahl{font-size:330%;}
    .flx_textblock.fazit .inhalt{font-size: 84%}

    .flx_textblock.mitbild.rechts .btn{margin-right: 4px;}
    
    .flx_textblock.referenzen .name{font-size: 100%;}
    .flx_textblock.referenzen .kurzbeschreibung {font-size: 75%;}
    .flx_textblock.referenzen .padding:nth-child(2){padding-left:0px;}
    /* .flx_textblock.referenzen .btn-link.collapsed::after {top: 6px;}
    .flx_textblock.referenzen .btn-link::after {top: 6px;} */
    .flx_textblock.referenzen .beschreibung{padding: 20px 60px 0px 0px;}

    .flx_textblock.mitmenue .item .headline{padding-left: 40px;}
    .flx_textblock.mitmenue .btn{margin: 0px 35px 40px; padding: 5px 60px;}
    .flx_textblock.mitmenue .item p{padding: 0px 40px;}


    #exampleModalCenter.modal.fade.show{width: 80% !important;}
    #exampleModalCenter.modal.fade.show .popup-products{margin: 10px 0px 0px 0px;justify-content: center;width: 100% !important; height:50%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n){margin-right:0px;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .btn{padding: 10px 75px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .btn{padding: 10px 75px;}

    .flx_textblock.mitmenue .item1 .headline::before {left: 50px;}
    .flx_textblock.mitmenue .item2 .headline::before {left: 50px;}
    .flx_textblock.mitmenue .item3 .headline::before {left: 50px;}

    .flx_textblock.mitmenue .item1:hover .headline::before{left: 50px;}
    .flx_textblock.mitmenue .item2:hover .headline::before{left: 50px;}
    .flx_textblock.mitmenue .item3:hover .headline::before{left: 50px;}

    .flx_produktteaser.neuheiten .row{display: grid;grid-template-columns: 103%;padding-left: 10px;}
    .flx_produktteaser .headerbox{margin-left: 0px;}
    .datenschutz .inhaltsbloecke{margin-top: 50px;}
    .agb .inhaltsbloecke {margin-top: 100px;}
    .impressum .inhaltsbloecke {margin-top: 50px;}
    .widerrufsrecht .inhaltsbloecke{margin-top: 45px;}

    .flx_service.punkte .item{padding-right: 40px;}

    
} 
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1360px){
    

    .flx_textblock.referenzen .padding:last-child{margin-top: 20px;}
    .flx_textblock.mitteaser .content {height: 310px;}
/* 
    .bild_punkte img {right: -640px;}
    .bild_punkte::before {top: -471px;right: -647px;} */

    #page-header #toppermenu .menu li a {padding: 5px 30px;}

    /* #wpcf7-f6-p9-o1{width: 80%; } */
    .wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner{font-size: 55%;margin-top: 0;}

    /* .flx_service.punkte .container {max-width: 1300px;}
    .flx_googlebewertung .container{max-width: 1300px;}
    .flx_service.schritte .container{max-width: 1300px;}
    #page-footer  .container {max-width: 1300px;} */

    .bild_punkte img {right: -640px;}
    .bild_punkte::before {top: -411px;right: -637px;}

    .flx_bild_text .nopadding::before {top: -186px;right: -592px;height: 82%;}

   

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
   
   
    p{font-size: 90%;}
    .headline{font-size:200%;}
 
    #page-header #toppermenu .menu > li:last-child{padding-left:10px;}
    #page-header.bottom .logo img{width:85%;}
    #page-header #toppermenu .menu{padding-top: 15px;}
    #page-header .trigger{font-size: 80%;top: 9px;right: -15px;}

    .flx_service.punkte .item{padding-right: 50px;}

    #wpcf7-f6-p9-o1{width: 100%;}
    #page-header #toppermenu .menu li:last-child a{position: static;}
    
    .flx_beispiele .content p{min-height: 106px;}

    .flx_textblock.mitbild.links .container{margin-bottom: 70px;}
    .flx_textblock.mitbild.links .text{padding-top: 55px;}
    .flx_textblock.mitbild.links .text ul li{font-size: 90%;margin-bottom: 20px;}


    .flx_tabelle .bild1{width:20%;}
    .flx_tabelle .btn{padding:5px 25px;}

    .flx_textblock.mitbild.rechts .row{padding: 80px 0px;}

    .flx_ueber_mich .text .content{padding:20px 50px;}
    .flx_ueber_mich .socials a.whatsapp::before{left:35px;bottom:80px;}
    .flx_ueber_mich .socials a.instagram::before{left:35px;bottom:40px;}
    .flx_ueber_mich .socials a.facebook::before{left:35px;bottom:0;}

    .flx_textblock.mitteaser .content{font-size: 93%;padding:15px;}

    .flx_textblock.referenzen .padding{align-content: center;padding: 10px;}
    .flx_textblock.referenzen .padding:last-child{margin-top:25px;}
    .flx_textblock.referenzen .name{font-size:100%;}
    .flx_textblock.referenzen p{font-size: 150%;}
    .flx_textblock.referenzen .kurzbeschreibung{margin: 7px;}
    .flx_textblock.referenzen .padding:last-child{margin-top: 15px;}
    .flx_textblock.referenzen .btn-link.collapsed::after{top: 7px;}

    .owl-controls{top:45%;}
    .owl-carousel .owl-controls .owl-nav .owl-prev{left: 10px;}
    .owl-carousel .owl-nav .owl-next{right:10px;}

    .flx_textblock.fazit .inhalt{margin: 10px -25px;font-size: 75%;}
    .flx_textblock.fazit .zahl{font-size: 230%;}

    #phpsingle h1.headline{font-size: 190%;}
    .single-product .product .produktinfos .woocommerce-product-details__short-description h2{font-size: 120%;}
    .single-product .product .produktinfos .woocommerce-product-details__short-description p{font-size: 90%;}
    .single-product .alternatives_rodukt h3{font-size: 170%;}
    .single-product .teaser .headline{font-size: 190%;}

    .flx_textblock.mitmenue .item1 .headline::before {right: 75%;}
    .flx_textblock.mitmenue .item2 .headline::before {right:  79%;}
    .flx_textblock.mitmenue .item3 .headline::before {right: 76%;}
    .flx_textblock.mitmenue .btn {padding: 5px 50px;}

    .flx_produkt_uebersicht .signet img{width: 10%;}

    .flx_textblock.mitmenue .item p{min-height: 150px;}

    .flx_produktteaser.neuheiten .headline{font-size: 270%;}

    .flx_textblock.mitteaser .content{padding: 20px 20px;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .btn{padding: 10px 43px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .btn{padding: 10px 44px;}

    .flx_textblock.videos .videos .item .video_headline{font-size: 110%;}

    #page-footer .copyright .menu-footermenu-container ul{padding: 0px 30px;}
    .impressum .flx_textblock .flx_textblock.links h1:nth-child(1){padding-bottom: 40px;}

    /* .flx_service.punkte .container {max-width: 1100px;}
    .flx_googlebewertung .container{max-width: 1100px;}
    .flx_service.schritte .container{max-width: 1100px;}
    #page-footer  .container {max-width: 1100px;} */

    .bild_punkte img{right: -650px;top: -340px;}
    .bild_punkte::before {top: -391px;;right: -657px; }
    /* .flx_service.punkte {padding-bottom: 30px;} */

    .flx_service.schritte p{width: 140%;}

    .flx_bild_text .text {z-index: -9999;}
    /* .flx_bild_text .nopadding::before{height: 60%;top: -191px;} */

    .dienstleistungen .flx_dienstleistungen .content p{width: 100%;}

    .flx_bild_text .nopadding::before {top: -186px;right: -520px;height: 82%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    #page-header{opacity: 1;}

    .headline{font-size:225%;}
    .inhaltsbloecke{margin-top:100px;}

    .flx_kontaktformular .formular {margin-top:0;width: 100%;}
    .flx_kontaktformular .formular {justify-content: left;}

    #page-header .logo img{position: relative;right: -29px;width: 25%;}
    #page-header #toppermenu .burgerbutton{display:block;width:30px;height:30px;position:absolute;top: -200%;right:0;cursor:pointer;}
    #page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--main);border-radius:20px;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;}
    #page-header #toppermenu .menu{display:none;position:fixed;top:0;right:0;transition:all .3s ease;background:var(--white);height:100vh;padding:100px 25px;}
    #page-header #toppermenu .menu.active{display:block;right:0;transition:all .3s ease;box-shadow: 0 5px 11px #0002;width:50%;}
    #page-header #toppermenu .menu li{display:block;padding:15px 0;width:90%;margin:0 auto;}
    #page-header #toppermenu .menu li.menu-item-has-children:after{content: '';display: block;width: 10px;height: 25px;background: url('media/arrow-left.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-91deg);position: absolute;top: 50%;margin-top: -10px;right: 0;transition:all .3s ease;}
    #page-header #toppermenu .menu li.menu-item-has-children.active:after{transform: rotate(91deg);transition:all .3s ease;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu{left:50%;transform:translateX(-50%);top:50px;padding:10px 0;}
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{display:none;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{display:block;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a{text-align:center;}
    #page-header #toppermenu .burgerbutton + .trigger{top:260px;left:-95px;width: 100%;}
    #page-header #toppermenu .menu li a::after{left: 50%;transform: translateX(-50%);}
    #page-header #toppermenu .menu li.current-menu-item a::after, #page-header #toppermenu .menu li a:hover::after{width: 20px;left: 50%;transform: translateX(-50%);}
  
    #page-header #toppermenu .trigger{display: none;}
    #page-header .menu_buttons .trigger.active{display: block!important; top:345px;left:60%;width: 100%;}
 
    #page-header .menu_buttons{position:unset ;}
    #page-header .button{display: flex;position: relative;top: 60px;left: -20px;}
    #page-header .burgerbutton.active + .button{display: flex!important;}
    #page-header .button{display: none;}

    #page-header #toppermenu .menu li.current-menu-item::after, #page-header .middle .menu li.current_page_parent::after{bottom:10px;}
    #page-header.bottom .logo img{width:25%;}

    #page-footer .copyright .menu-footermenu-container ul{padding: 0px 0px;}
    #page-footer .copyright .menu-footermenu-container ul li{padding: 0px 10px;}

    .flx_textblock.mitbild.links .text{padding-top: 120px;}

    .wpcf7-list-item-label {padding-right: 22px;}
    .wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner {width: 30%;}
    .flx_textblock.mitbild.rechts .bild{margin-top:60px;}

    .flx_textblock.mitbild .bild img{width: 100%;}

    .flx_textblock.mitteaser .row .headline{font-size: 120%;}
    .flx_textblock.mitteaser .content{font-size: 100%;padding: 10px;padding-left: 20px;height: 240px !important;}
    .flx_textblock.mitteaser div .item{margin: -15px 10px;border-radius: 30px;}
    .flx_textblock.mitteaser .row .padding{padding-bottom: 60px;}
    .flx_textblock.mitteaser .text{margin: 20px 0px 60px 0px;}


    .flx_ueber_mich .row{margin-right: -15px;width: auto;border-radius: 20px;}
    .flx_ueber_mich .headline{font-size: 200%;}
    .flx_ueber_mich .text{padding-right: 0px;}
    .flx_ueber_mich .text p{font-size:75%;line-height: 1.7;}
    .flx_ueber_mich .bild{width: 100%;}
    .flx_ueber_mich .text p:last-child{margin-bottom: 30px;}
    .flx_ueber_mich .text .content{padding:10px 45px}
    .flx_ueber_mich .socials a.whatsapp::before {bottom: 0px;left: -90px;}
    .flx_ueber_mich .socials a.instagram::before {bottom: 0px;left: -45px;}
    .flx_ueber_mich .socials a.facebook::before {bottom: 0px;left: 0px;}

    .flx_tabelle .bild1{width: 30%;left: 25px;top:unset;bottom:-25px;}
    .flx_tabelle .row table{width:100%;}
    .flx_tabelle .klammer{display:none;}

    .flx_beispiele .item{margin:25px 0;}
    .flx_beispiele .content p{min-height:auto;}

    
    #page-footer .daten{padding-top: 80px;}
    #page-footer .socials{display: grid;}
    #page-footer .socials a.insta::before {top: 20px;}
    #page-footer .socials a.facebook::before {top: 19px;}
    #page-footer a.logo{padding-left:0;}
    #page-footer .copyright span{width:100%;font-size: 70%;}
    #page-footer .copyright .menu-footermenu-container{width:100%;text-align:left;font-size: 80%;}
  
    #page-footer .copyright .menu-footermenu-container ul li{font-size: 90%;}
    #page-footer a.logo img{width: 60%;padding-bottom: 20px;padding-top: 20px;}

    #page-footer .adresse p span{padding-left:0px;}
    #page-footer .socials{display: flex;padding-top: 50px;}

    .flx_textblock.mitbild.rechts{margin-bottom: 0px;}

    .flx_textblock.fazit .item:last-child{justify-content: center;display: flex;padding-top: 30px;}
   
    .flx_textblock.fazit.container{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .flx_textblock.fazit{padding: 60px 0px;}
    .flx_textblock.fazit .iteam {padding-bottom: 30px;}

    .flx_textblock.referenzen .btn-link.collapsed::after {width: 55px;height: 55px;right: 25px;top: 10px;}
    .flx_textblock.referenzen .btn-link::after {width: 65px;height: 65px;}
    .flx_textblock.referenzen .name{font-size:95%;}
    .flx_textblock.referenzen .padding:nth-child(2){padding: 0px;}
    .flx_textblock.referenzen .kurzbeschreibung{font-size: 85%;margin: 25px 0px;width: 90%;}
    .flx_textblock.referenzen .padding:last-child{margin-top: 15px;}
    .flx_textblock.referenzen p {font-size: 130%;}
    .flx_textblock.referenzen .beschreibung{padding: 20px 30px 0 0;}
    .flx_textblock.referenzen .kurzbeschreibung{padding: 15px 35px;}

    .flx_textblock.fazit .content{padding: 20px 20px 40px;}

    .owl-controls{top: 45%;}
    .owl-carousel .owl-nav .owl-next{right:10px;}

    .warenkorb .woocommerce .woocommerce-cart-form .product-thumbnail img{max-width: 80%;}

    .flx_textblock.mitmenue .subline{line-height:normal}

    .flx_textblock.mitmenue .item1 .headline::before {right: 70%;}
    .flx_textblock.mitmenue .item2 .headline::before {right: 70%;}
    .flx_textblock.mitmenue .item3 .headline::before {right: 70%;}
    .flx_textblock.mitmenue .btn{padding: 5px 110px;}

    .flx_produkt_uebersicht .signet img{width: 14%;}

    .flx_textblock.mitteaser .row img{width: 431px;}

    .flx_produktteaser .item .produktcontent{padding: 25px 10px 60px 20px;}
    .flx_produktteaser .item .produktcontent .preis span{font-size:100%;}
    .flx_produktteaser .item .produktcontent .produktname{font-size:110%;}

    .kleingärtner .hausmeister .flx_textblock.mitbild.rechts{padding-top: 0px;}

    .flx_textblock.mitbild.links .col-lg-6.col-sm-12{padding-left: 25px;}
    .flx_textblock.mitbild.links .headline{font-size: 180%;}
    .flx_textblock.mitbild.links p{font-size: 120%;}

    #exampleModalCenter.modal.fade.show{width: 90% !important;}

    .kasse .woocommerce thead th{font-size: 120%;}

    #exampleModalCenter.modal.fade.show .modal-header .close{left: 95%;}

    .flx_textblock.mitbild.rechts .subline{margin-top: 0px;}

    .flx_textblock.videos .videos .item .video_headline{font-size: 110%;}
    .flx_textblock.videos .videos .item .video_headline{padding: 15px 40px 20px;}

    .woocommerce ul.products li.product .add_to_cart_button, .listing ul.products li.product .add_to_cart_button, ul.products li.product .button{font-size: 85%;}
    .flx_kontaktformular .formular .wpcf7{display:none;}
    .flx_kontaktformular.onlymobile, .flx_kontaktformular.onlymobile .wpcf7, .flx_kontaktformular .formular .sprungbuttonmobile{display:block;}
    .flx_kontaktformular .kontakt_info{padding-bottom: 100px;}

    #page-header .button .text .mein-konto{right: 35px;}
    #page-header .button .text .cart{right: 40px;}
    #page-header .button .text .wishlist{right: 10px}
    .impressum .inhaltsbloecke{margin-top: 40px;}
    .widerrufsrecht .inhaltsbloecke{margin-top: 50px;}


    .bild_punkte {  position: unset;}
    .bild_punkte:before {display: none;} 
    .bild_punkte img {margin-bottom: 210px;width: 70%;clip-path: none;position: unset; margin-left: 50px;} 

    .flx_bild_text img{position: unset;width: 70%;clip-path: none;padding-top: 100px;margin-left: 50px;}
    .flx_bild_text .nopadding::before{display: none;}

    .dienstleistungen .flx_dienstleistungen .content p{width: 80%}
    .dienstleistungen .bild_punkte img{top: 50px;}
    .dienstleistungen .flx_kontaktformular{margin-top: 50px;}

    .flx_dienstleistungen p{width: 100%;}
    .flx_dienstleistungen .reihe img{width: 40%;}
    .dienstleistungen .flx_dienstleistungen .content p{width: 100%;}


    #page-footer .additional_info {padding-top: 65px;}
    #page-footer .copyright {margin-top:50px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:945px) {
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:850px) {
 
    #page-header .logo img {right: 1px;width: 30%;}



 
}
@media (max-width:767px) {
    #page-header.bottom{padding-top: 30px;}
    
    .inhaltsbloecke{margin-top: 90px;}
    #exampleModalCenter.modal.fade.show .modal-header .close{left: 94%;}

    .flx_textblock.mitbild.links .headline{font-size: 180%;}
    .flx_textblock.mitbild.links p{font-size: 100%;}

    .flx_textblock.mitbild.rechts{margin-bottom:0px;}
    .flx_textblock.mitbild.rechts .headline{font-size: 200%;}
    .flx_textblock.mitbild.rechts .subline{font-size: 140%;}
    .flx_textblock.mitbild.rechts .row{padding: 40px 0px 60px;}

    .flx_textblock.mitbild .bild img{width: 100%;}
    .flx_textblock.mitbild.links .bild .signet{bottom: -40px;}
    .flx_textblock.mitbild.links .bild .signet img{height: 90px;width: 90px;}

    .flx_textblock.mitteaser .content{font-size: 85%;padding:15px;padding-left:20px;}
    .flx_textblock.mitteaser .content p{line-height: 1.2;font-size: 95%; border-radius: 15px;}
    .flx_textblock.mitteaser div .item{padding: 0px;border-radius: 19px;}
    .flx_textblock.mitteaser .row{margin: -25px;}
    .flx_textblock.mitteaser .row img{height: 200px;}
    .flx_textblock.mitteaser .text{padding-bottom: 25px;}

    .flx_tabelle .bild1{width:35%;bottom:85px;}

    .flx_ueber_mich .row{border-radius: 50px;}
    .flx_ueber_mich .bild{height:350px!important;border-top-right-radius: 50px;border-bottom-left-radius: 0 !important;border-top-left-radius: 50px !important;}
    .flx_ueber_mich .bild img{border-radius: 50px;}
    .flx_ueber_mich .headline{font-size: 230%;}
    .flx_ueber_mich .text p{font-size: 95%;}
    .flx_ueber_mich .socials a.whatsapp::before {bottom: -20px;left: -100px;}
    .flx_ueber_mich .socials a.instagram::before {bottom: -20px;left: -55px;}
    .flx_ueber_mich .socials a.facebook::before {bottom: -20px;left: -10px;}

    .flx_beispiele .text p{margin-bottom:300px;}
    #page-footer img{width: 50%;}
    #page-footer .daten{padding-top: 0px;margin-left: -20px;margin-top: 60px;}
    #page-footer .additional_info {padding-top: 5px;}
    #page-footer .socials{display: flex;justify-content: start;}
    #page-footer .socials a.facebook::before {top: 18px;}
    #page-footer .copyright span{font-size: 70%;}
    #page-footer .copyright .menu-footermenu-container{font-size: 70%;}
   

    .flx_textblock.referenzen .padding:nth-child(2){padding-right: 30px;padding-top: 20px;padding-bottom: 20px;}
    .flx_textblock.referenzen .openbutton{padding-right: 30px;}
    .flx_textblock.referenzen .name{font-size:100%;margin: 15px 0 0;}
    .flx_textblock.referenzen .kurzbeschreibung{font-size: 60%;margin: 15px -10px;}
    .flx_textblock.referenzen .padding:last-child{display: block;text-align: start;padding-right: 0;padding-bottom: 10px;}
    .flx_textblock.referenzen .padding:last-child .openbutton{padding: 0;}
    .flx_textblock.referenzen .openbutton{font-size: 55%;}
    .flx_textblock.referenzen .beschreibung {margin-top: -35px;padding: 0px 60px 20px 50px;}
    .flx_textblock.referenzen .openbutton {font-size: 75%;}
    .flx_textblock.referenzen .kurzbeschreibung {font-size: 75%;padding: 3px 15px;}
    .flx_textblock.referenzen .card button .row{align-items: center;}
    .flx_textblock.referenzen .padding{margin: -4px;padding: 0px;display: flex;padding-right: 0;}
    .flx_textblock.referenzen .padding:last-child{margin-top: 0;}
    .flx_textblock.referenzen .btn-link.collapsed::after{width: 55px; height:55px;top: 14px;}
    .flx_textblock.referenzen .btn-link::after{width: 55px; height:55px;top: 14px;right: 25px;}
    .flx_textblock.referenzen .padding{padding-right: 20px;}
    .flx_textblock.referenzen .card button{padding: 4px 50px}

    .flx_textblock.referenzen .padding{justify-content: start!important;}
    .flx_textblock.referenzen .kurzbeschreibung{margin: 0px;}
    
    .owl-carousel .owl-nav{top: 42%;}
    .owl-carousel .owl-nav .owl-next{right: 18%;}
    .owl-carousel .owl-controls .owl-nav .owl-prev{left: 0px;}

    #phpsingle h1.headline{font-size: 160%;}
    .single-product .product .produktinfos .woocommerce-product-details__short-description h2{font-size: 100%;}
    .single-product .product .produktinfos .woocommerce-product-details__short-description p{font-size: 85%;}
    .single-product .teaser .headline{font-size: 160%;}
    .easypaint-box .related h2{font-size: 160%;}
   
    .owl-carousel .owl-controls .owl-nav .owl-prev{left:20px;}
    .owl-carousel .owl-nav .owl-next{right:5%;}
    
    .flx_textblock.mitmenue .btn{padding: 5px 110px;}
    .flx_produkt_uebersicht .signet img{width: 19%;top: -40px;}


    .flx_textblock.mitteaser .content{height: 200px!important;width: 490px;}

    .flx_textblock.mitteaser .padding {justify-content: center;display: flex;}

    .flx_textblock.mitteaser .row img{height: 330px; width: 490px;}
    .startseite .flx_textblock.mitteaser{padding: 35px 0px 2px;}

    .flx_produktteaser.neuheiten .headline{font-size: 240%;}

    #exampleModalCenter.modal.fade.show{height: 80%;}

    .flx_textblock.mitmenue .item1 .headline::before {right: 80%}
    .flx_textblock.mitmenue .item2 .headline::before {right: 80%}
    .flx_textblock.mitmenue .item3 .headline::before {right: 80%}

    .woocommerce .woocommerce-customer-details .woocommerce-column__title{padding-top: 30px;}

    .flx_textblock.referenzen .padding:last-child{display: none;}


    #page-footer {clip-path: none;}
    #page-footer .socials a.facebook{margin-left: 10px;}
    #page-footer .adresse{padding-left:0;}
    #page-footer .copyright .menu-footermenu-container ul li{font-size: 100%;}
    #page-footer a.logo img {width: 80%;padding-bottom: 0;}

    .flx_textblock.videos .videos .item .video_headline{ padding: 15px 30px 20px;}
    .flx_textblock.videos .videos .item .video_headline{font-size:110%;}
    .flx_textblock.videos .videos{grid-template-columns: repeat(2, 1fr);}
    .flx_textblock.mitbild.links{padding: 50px 0px 0px;margin-bottom: -105px;}
   
    .widerrufsrecht .inhaltsbloecke{margin-top: 40px;}

    .flx_service.punkte {padding-bottom: 100px; clip-path: none;margin-bottom: 50px;}
    .flx_service.punkte .text .headline {padding-top: 0px;}
    .flx_service.schritte .pfeil_bild img{display: none;}

    .flx_dienstleistungen .reihe img {width: 20%;}
    .dienstleistungen .flx_dienstleistungen .content p {width: 80%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    .container {padding: 0 20px;}

    #exampleModalCenter.modal.fade.show .modal-header .close{left: 93%;}

    .headline{font-size:125%;}
    .subline{font-size:90%;margin-bottom:5px;}
    .inhaltsbloecke{margin-top:115px;}

    #page-header.bottom{padding-top: 50px;}
    #page-header #toppermenu .menu.active{width:100%;right:0;}
    #page-header .button{left: 0px;}
    #page-header .count{bottom: -20px;right: 35%;}
    #page-header #toppermenu .burgerbutton{top: -30px;right:0;}
    #page-header.bottom #toppermenu .burgerbutton{top: -50px;right:0;}


    #page-header .logo img{right: 0;top: 10px;width:50%;}
    #page-header.bottom .logo img{width:40%;top: -10px;}

    .easypaint-box .flx_equipment  .headline{font-size: 175%; padding-top: 30px;}
    .flx_beispiele .signet img{width: 80px;height: 80px;}

    .flx_textblock.mitbild .bild img{width: 100%;}

    .flx_textblock.mitteaser .text{margin:0px;padding-top: 10px;}
    .flx_textblock.mitteaser .text p {margin-bottom: 40px;width:100%;}
    .flx_textblock.mitteaser .content{padding-left: 15px;}

    .flx_ueber_mich .text .content{padding:10px 20px;}
    .flx_ueber_mich .bild img{border-radius: 30px;}
    .flx_ueber_mich .socials a.whatsapp::before{bottom: -30px;left: -125px;}
    .flx_ueber_mich .socials a.instagram::before{bottom: -30px;left: -80px;}
    .flx_ueber_mich .socials a.facebook::before{bottom: -30px;left: -35px;}

    .flx_tabelle table *{font-size:90%;}
    .flx_tabelle table .brushmark{font-size:100%;display:block;}
    .flx_tabelle .row:nth-child(2){margin-right:-15px;}
    .flx_tabelle .row table tbody .eins{width:165px;}
    .flx_tabelle .row table tbody .zwei{width:100px;}
    .flx_tabelle .row table tbody .drei{width:100px;}
    .flx_tabelle .btn{margin:0;padding:5px 15px;line-height: 1.2;font-size:100%;}
    .flx_tabelle .bild1{bottom:-25px;}
 
    .flx_beispiele{margin-bottom:0;}
    .flx_beispiele .bild img{bottom:-15px;}

    div[class^="flx_"], div[class*="flx_"]{padding:60px 0;}

    .flx_textblock.referenzen .card{margin:0px;}
    .flx_textblock.referenzen .padding{display: grid;padding-right: 0px}
    .flx_textblock.referenzen .padding:nth-child(2){padding-right: 0px;}
    .flx_textblock.referenzen .openbutton{padding-right: 0px;}
    .flx_textblock.referenzen .name{font-size: 80%;}
    .flx_textblock.referenzen .openbutton{font-size: 85%;padding-bottom: 30px}

    .flx_textblock.fazit .row{margin-right:0px;}
    .flx_textblock.fazit .zahl{font-size: 195%;}
    .flx_textblock.fazit .inhalt{font-size: 65%;}
    .flx_textblock.mitbild.rechts .text p {font-size: 90%;}


    div[class^="flx_"], div[class*="flx_"]{padding: 10px 0;}

    .flx_textblock.referenzen .card{margin-bottom: 25px;}
    .flx_textblock.referenzen .kurzbeschreibung{border: none;background-color: transparent;padding:0px;padding-top: 20px;}
    .flx_textblock.referenzen .padding:nth-child(2){padding: 4px 0;padding-bottom: 20px;}
    .flx_textblock.referenzen .padding:last-child{padding-bottom: 30px;}

    .owl-carousel .owl-controls .owl-nav .owl-prev{left: 20px;}
    .owl-carousel .owl-controls .owl-nav .owl-next{right: 20px;}

    .related ul.products li.product .add_to_cart_button{font-size: 90%;}
    .related ul.products li.product .woocommerce-loop-product__title {font-size: 95%;}

    .single-product .alternatives_rodukt h3{font-size: 160%;}
    .single-product .teaser .headline{font-size: 140%;}

    .flx_textblock.mitmenue .btn{padding: 5px 80px;}

    .flx_produkt_uebersicht .signet img{width: 23%;}

    .flx_textblock.mitteaser .content{height: 200px; width: 400px;}
    .flx_textblock.mitteaser .row img{height: 270px;  width: 400px;}

    .flx_textblock.referenzen .card{border-radius: 35px;}

    .flx_textblock.mitbild.links .bild img{height: 450px;}

    .flx_produktteaser .container-fluid{padding-right: 70px;}
    .flx_produktteaser.neuheiten .headline{font-size: 200%;}
    

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) {padding: 15px 50px 40px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) {padding:20px 50px 40px;}
    
    .kasse .woocommerce-checkout #payment ul.payment_methods li input{left: 70px;}
    .kasse .woocommerce thead th{font-size: 110%;}

    .woocommerce .woocommerce-customer-details address{width: 150%;}

    .startseite .flx_googlebewertung .headline{margin-top: 20px;}

    #page-header .menu_buttons .trigger.active{top: 340px; left:0;position:absolute;width:105%;text-align:center;}
    #page-header .button .text .mein-konto{right: 45px;}
    #page-header .button .text .cart{right: 60px;}
    #page-header .button .text .wishlist{right: 40px;}

    .easypaint-box .flx_textblock.mitteaser .text .headline{font-size: 175%}

    .flx_textblock.videos .videos{grid-template-columns: repeat(1, 1fr);}
    .flx_textblock.videos .videos .item .video_headline{padding: 25px 110px 20px;}
    .flx_textblock.videos .videos .item .video_headline{font-size: 120%;}

    .flx_produktteaser.neuheiten .row{grid-template-columns: 90%; justify-content: center;}

    .flx_service.punkte {padding-top: 130px;}
    .flx_service.schritte {margin-bottom: -50px;}

    .datenschutz .inhaltsbloecke{margin-top: 50px;}
    .agb .inhaltsbloecke{margin-top: 100px;}
    .impressum .inhaltsbloecke{margin-top: 45px;}
    .datenschutz h2{font-size: 160%;}

    .bild_punkte img {width: 100%;margin-left: 0px;}
    .flx_bild_text img {width: 100%;margin-left: 0px;}

    .flx_service.punkte{clip-path:none;padding-bottom: 80px;padding-top: 30px;margin-bottom: 50px;}
    .flx_bild_text .content {margin: 60px 20px 40px 20px;}

    .iconblock.fixed {bottom: 5%;}


    #page-footer .container{padding: 0px 40px;}
    #page-footer .copyright{padding:15px;flex-direction: column;}
    #page-footer .copyright span{order:2;padding-left:5px;}
    #page-footer .copyright .menu-footermenu-container{order:1;}
    #page-footer .copyright .menu-footermenu-container ul{padding-top: 0px;display: grid;margin-bottom: 0px;}
    #page-footer .copyright .menu-footermenu-container ul li{padding-bottom: 10px;}
    #page-footer .daten{padding-top:10px;margin-top: 80px;}
    #page-footer .additional_info{padding-top: 25px;}
    #page-footer {clip-path: none;}
    #page-footer .menu-footermenu-container ul{margin-top: -52px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {

    .flx_kontaktformular .formular p{line-height: 1;}

    #page-footer .daten{padding-left: 40px; padding-top: 20px;}
    #page-footer .additional_info{ padding-left: 20px;}
    #page-footer .socials{margin-top: -120px;  margin-left: -15px;}

    #page-footer a.logo img {width: 40%;}

    .wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner {width: 95%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:500px) {

    #page-header{opacity: 1;}
    #page-header .menu_buttons{width: auto;}
    #page-header .menu_buttons ul li{padding-left: 20px; margin: 0;}
    #page-header #toppermenu .menu.active{width: 100%;text-align: left;right: 0;width: 100%;}
    #page-header #toppermenu .menu li{margin: 0;text-align: center;max-width: 100%;width: 100%;}
    #page-header.bottom{padding-top: 30px;}
    #page-header .button .text .wishlist img{max-width: 160%;}
    #page-header .button .text .mein-konto img{max-width: 120%;}
    #page-header .menu_buttons .trigger.active{left: 20px;}
    #page-header .burgerbutton.active + .button{width: 100%;text-align: center;}
    #page-header .button .text{width: 100%;}

    #page-header #toppermenu .burgerbutton {top: -20px;right: 0;}
    #page-header .logo img{right: 0;top: 20px;width:50%;}
    #page-header.bottom .logo img{top: -5px;width:45%;}
    #page-header.bottom #toppermenu .burgerbutton {top: -30px;}

    .container{padding: 0 20px;}

    .flx_textblock.mitteaser .row img{height: 240px;width: 370px;}
    .flx_textblock.mitteaser .content{width: 370px;}

    .flx_textblock.mitbild.rechts .alle_buttons{display: grid;justify-content: start;}
    .flx_textblock.mitbild.rechts .alle_buttons .farbebtn, .farbebtnzwei{padding-bottom: 10px;}
    .startseite .flx_textblock.mitbild.rechts .text .farbebtn .btn{padding: 6px 90px;}
    .startseite .flx_textblock.mitbild.rechts .text .farbebtnzwei .btn{padding: 6px 70px;}
    .startseite .flx_textblock.mitbild.rechts .text .farbebtndrei .btn{padding: 6px 70px;}

    .flx_googlebewertung .headline{color: var(--dark);}
    .flx_googlebewertung .headerbox{margin-bottom: 50px;}

    .flx_produkt_uebersicht .signet img{width: 27%;}

    .flx_produktteaser.neuheiten .headline{font-size: 170%;}

    .flx_textblock.mitbild.links .bild img{height: 400px;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) {padding: 15px 20px 20px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) {padding:20px 20px 20px;}
    #exampleModalCenter.modal.fade.show{height: 70%;padding: 0px;}
    #exampleModalCenter.modal.fade.show .modal-header{padding-bottom: 10px;}
    #exampleModalCenter.modal.fade.show .modal-header .headline{font-size: 155%;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .popheadline {font-size: 105%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .popheadline {font-size: 105%;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) p {font-size: 80%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) p {font-size: 80%;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .btn {padding: 5px 44px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .btn {padding: 5px 43px;}


    #page-header .menu_buttons .trigger.active{top: 340px; left:0;position:absolute;width:105%;text-align:center;}
    #page-header #toppermenu .menu > li:last-child{padding-left:0px;}
/* 
    #page-header .button .text .cart img:nth-child(2){display: none;}
    #page-header .button .text .cart:hover img:nth-child(2) {display: none;} */

    .flx_textblock.referenzen .kurzbeschreibung{text-align: start;}
    .flx_textblock.referenzen .name {text-align: start;}
    .flx_textblock.referenzen .btn-link.collapsed::after {width: 40px;height: 40px;top: 15px;right: 7px;}
    .flx_textblock.referenzen .btn-link::after {width: 40px;height: 40px;top: 15px;right: 7px;}

    .flx_equipment .equipment .item span{padding: 10px 30px;font-size: 70%;}

    .flx_textblock.videos .videos .item .video_headline{padding: 25px 80px 20px;}
    .flx_textblock.videos .videos .item .video_headline{font-size: 100%;}

    .woocommerce ul.products li.product:nth-child(4n), .listing ul.products li.product:nth-child(4n){margin-right: 0px;}
    #page-header .button .text .mein-konto{right: -25px;}
    #page-header .button .text .mein-konto{bottom: -18px;}
    #page-header .button .text .mein-konto img{max-width: 25px; height: 31px;}
    #page-header .button .text .cart{right: -25px;bottom: -13px;}
    #page-header .button .text .cart img:nth-child(1){max-width: 28px;height: 32px;}
    #page-header .button .text .cart img:nth-child(2){max-width: 35px;height: 47px;}
    #page-header .count{bottom: -15px; right: 50%;}
    #page-header .button .text .wishlist{right: -55px;bottom: -20px;}
    #page-header .button .text .wishlist img{max-width: 29px; height: 26px;}
    
    .flx_textblock.referenzen .owl-controls{top: calc(50% - 25px) !important;}
    .woocommerce ul.products li.product .button{height: 55px;}

    .widerrufsrecht .flx_textblock h2{font-size: 160%;}
    .agb .flx_textblock .headline{font-size: 130%;}
    .agb .flx_textblock h4{font-size: 105%;}

    .wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner {width: 75%;}

    .flx_service.punkte .reihe img{padding-bottom: 25px;}
    .flx_service.schritte .pfeil_bild img {padding-right: 0px;}
    
    .flx_kontaktformular .formular label {display: block;}


    #page-footer a.logo img{position: unset;width: 60%;}
}


/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {


    .container{max-width: 1600px;padding: 0 20px;}

    #page-header.bottom{padding: 35px 0;}
    #page-header #toppermenu .burgerbutton{right:0;}
    #page-header.bottom #toppermenu .burgerbutton{top: -20px;right: -150px;}
    #page-header.bottom .logo img{top: 2px;width: 50%;}
    #page-header .menu_buttons .trigger.active{left: 45px;}
    #page-header #toppermenu .menu.active{left: 0;}
    #page-header .menu_buttons .trigger.active{width:100%;}

    #page-header .logo img{right: 0;top: 10px;width:50%;}


    #exampleModalCenter.modal.fade.show .modal-header .close{left: 91%;top: -2%;}

    .inhaltsbloecke, #kurssingle{margin-top:80px;}

    .headline{font-size:115%;}

    .flx_textblock.mitbild.links .bild .signet img{height: 70px;width: 70px;}
    .flx_textblock.mitbild.links .text .btn{padding: 4px 35px;} 

    .flx_equipment .equipment .item span{padding: 10px 30px;}
    .flx_equipment .button .btn{padding: 5px 35px;}

    .flx_textblock.mitteaser .text{padding-top: 30px;}
    .flx_textblock.mitteaser .text p{font-size: 80%;}
    .flx_textblock.mitteaser .text .btn{padding: 1px 25px;}
    .flx_textblock.mitteaser .row .headline{margin: 15px 0px 15px 0px;}

    .flx_textblock.mitbild.rechts .btn{padding: 5px 40px;}

    .flx_beispiele .bild img{height: 190px;}
    .flx_beispiele .signet img{width:60px;height:60px;}

    .flx_ueber_mich .bild img{border-radius: 20px;}

    .flx_googlebewertung .button .btn{padding: 6px 90px;}
    .flx_textblock.referenzen .btn-link::after{width: 35px;height: 35px;top: 20px;}
    .flx_textblock.referenzen .name{font-size: 100%;}
    .flx_textblock.referenzen .btn-link.collapsed::after{width: 35px;height: 35px;}

    div[class^="flx_"], div[class*="flx_"]{padding: 10px 0;}

    .flx_textblock.referenzen .card{border-radius: 20px;}
    .flx_textblock.referenzen .card button{padding: 4px 40px;}
    .flx_textblock.referenzen .beschreibung{padding: 0 20px 20px;}

    #phpsingle h1.headline{font-size: 140%;}
    .single-product .teaser .headline{font-size: 130%;}
    .single-product .alternatives_rodukt h3{font-size: 140%;}
    .antischimmel-box .related h2{font-size: 140%;}
    .easypaint-box .related h2{font-size: 140%;}

    .flx_textblock.mitmenue .btn{padding: 5px 50px;}

    .flx_produkt_uebersicht .signet img{width: 31%;}

    .flx_textblock.mitteaser .content{width: 315px;height: 200px;}
    .flx_textblock.mitteaser .row img{height: 230px; width: 315px;}

    .flx_produktteaser.neuheiten .headline{font-size: 150%;}

    .hausmeister .flx_produktteaser .subline{font-size: 90%;}

    .kasse .woocommerce thead th{font-size: 90%;}
    .kasse .woocommerce-checkout #payment ul.payment_methods li input{left: 100px;}

    .woocommerce .woocommerce-customer-details address{width: 170%;}
    .woocommerce .woocommerce-customer-details .woocommerce-column__title {font-size: 175%;}

    .flx_textblock.videos .videos .item .video_headline{padding: 25px 50px 20px;}

    .woocommerce ul.products li.product .add_to_cart_button, .listing ul.products li.product .add_to_cart_button, ul.products li.product .button{font-size: 80%;}
    .woocommerce ul.products li.product .add_to_cart_button, .listing ul.products li.product .add_to_cart_button, ul.products li.product .button{padding: 10px 4px;}

    .flx_kontaktformular .kontakt_headline{font-size: 165%;}
    .flx_kontaktformular .kontakt_info .headline{font-size: 105%;}
    .flx_kontaktformular .kontakt_info p, a{font-size: 90%;}
    .flx_kontaktformular .kontakt_info span{font-size: 95%;}
    .flx_kontaktformular .container .kontakt_info .telefon.tel_1 .headline{font-size: 115%}
    .flx_kontaktformular .container .kontakt_info .email .headline{font-size: 115%}
    .flx_kontaktformular .wpcf7-form-control-wrap label .wpcf7-quiz-label{font-size: 85%;}

    #page-header .button .text .wishlist{right: -25px;}
    #page-header .button .text .mein-konto{right: 0;}
    #page-header .button .text .cart{right: 5px;}
    #page-header .menu_buttons .trigger.active{left:0;}

    .flx_textblock.mitbild.links .text{padding-left: 0px;}

    #exampleModalCenter.modal.fade.show .modal-content{padding-top: 30px;}
    #exampleModalCenter.modal.fade.show .headline{font-size: 130%;}
    #exampleModalCenter.modal.fade.show .popup .topline{font-size: 110%;}
    #exampleModalCenter.modal.fade.show .popup-products img {width: 20%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n+1) .popheadline{font-size: 100%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n+1) p{font-size: 75%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n+1) .btn{font-size: 70%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n) .popheadline{font-size: 100%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n) p{font-size: 75%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(2n) .btn{font-size: 70%;}

    .flx_produktteaser .produkte{padding-left: 0px;}

    /* .flx_kontaktformular .formular label{flex-direction: column;} */
    .wpcf7-list-item.last{display: block;}
    .flx_kontaktformular .formular label{display: block;}

    .wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner{width: 80%;}

    .flx_bild_text .content{margin: 60px 10px 40px 10px;}

    .flx_kontaktformular .kontakt_content{padding-top: 10px;}

    #page-footer{clip-path: none;}
    #page-footer .daten{margin-top: 30px;}

    #page-footer .logo img{position: unset;width: 60%;margin-bottom: 50px;}

    .flx_dienstleistungen .reihe img {width: 30%;}
    .dienstleistungen .flx_dienstleistungen .content p {width: 100%;}


}