:root{
    --white: #ffffff;
    --dark: #101714;
    --hell: #F5F3F5;
    --font: #797979;
    /* 
    Knallerfarben Seiteneinstellungen Stand 01.07.2025
        :root{
        --main: #4fbf8c;
        --sec: #525252;
        --button: #4fbf8c;
        --buttonhover: #82d1ad;
    } 
    Maler Wernsing Seiteneinstellungen Stand 04.07.2025
        :root{
        --main: #e14e2a;
        --sec: #525252;
        --button: #e14e2a;
        --buttonhover: #f27826;
    } 
    */
    
}

body,html,*{font-size:21px;line-height:1.8;font-family:'Outfit';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;}
ul li{list-style:none;position:relative;padding-left:50px;margin-bottom:30px; line-height:1.4;}
ul li:before{content:'';background:url('media/icons/tick.svg');width:34px;height:34px;display:block;position:absolute;top:3px;left: 0;}

img{max-width:100%;height:auto;border-radius:20px;}

h1{font-size:325%;font-weight:800;display:block;width:max-content;position:relative;color:var(--main);margin:0;line-height:1!important;margin-bottom: 2rem!important;}
h2{font-size:200%;font-weight:800;display:block;color:var(--main);margin:0;line-height:1;}
h3{font-size:150%;font-weight:800;display:block;color:var(--main);margin:0;line-height:1;}

.headline{font-size:225%;font-weight:700;display:block;color:var(--dark);margin:0px;line-height:1.2;width:100%;}
.headline.small{font-size:125%;}
.subline{font-size:130%;font-weight:400;display:block;color:var(--font);position:relative;padding-left:0px;margin-bottom: 5px;;}

.brushmark{position: relative;font-size: 100%;line-height: 0.9 !important;z-index: 10;font-weight: unset;}

.brushmark .brush{position: absolute;top: 55%;left: 0;transform: translateY(-50%);width: 100%;height: 150% !important;display: block;z-index: -1;opacity:0.4;}

.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;}
.blog-id-2 .btn{padding:4px 40px;}
.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:1400px;}
.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%;transform:translateY(-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[type="checkbox"]{margin:0;width:15px;}
input[type="submit"]{margin:15px 0;}


.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{background: #F7F6F6;border-radius: 5px;font-family: 'Outfit'!important;padding:5px 15px;color: var(--font);font-size:100%;margin-bottom:5px;border:none;box-shadow:none;line-height:1;width:100%;}
.wpcf7-list-item{margin:0;}
.wpcf7-list-item label {font-size: 95%;margin-top: -30px;color:var(--font);padding:0!important}
.wpcf7-list-item-label{font-size: 75%;font-family: 'Outfit';}
.wpcf7-submit.has-spinner{border-radius: 5px; background-color: var(--main);color: white;font-family: 'Outfit';padding: 10px;font-weight: 600;}
.wpcf7-submit.has-spinner:hover{background-color: var(--buttonhover);transition:all .3s ease;}
.wpcf7-quiz-label{font-size: 95%;}
.wpcf7-quiz{background: #F7F6F6;border-radius: 5px;}

.wpcf7-form.sent .row,
.wpcf7 form.sent input[type="submit"]{display: none;}
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;background-color: #46b450;text-align: center;padding: 3rem;font-weight: 500;color: var(--white);}
.wpcf7-acceptance label{display: flex!important;}
.wpcf7-acceptance label wpcf7-list-item-label{line-height:1.3;display:block;}
.wpcf7-acceptance input{margin: 6px 5px 0 0;height:max-content;width:max-content;}

.wpcf7-not-valid-tip{font-size: 14px!important;margin-top: -10px;}
wpcf7-form p{margin-bottom: 10px;}


#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;}

/* -----------------------------------Änderungen für blog-id-2 = Malerbetriebseite----------*/

.blog-id-2 #leistungen,
.blog-id-2 #ueber-mich,
.blog-id-2 #referenzen{padding-top: 3rem;margin-top: -3rem;}
.blog-id-2 #kontakt{padding-top: 5rem;margin-top: -3rem;}

.blog-id-2 #page-header .button .text .wishlist,
.blog-id-2 #page-header .button .text .cart,
.blog-id-2 #page-header .button .text .mein-konto{display: none;}
.blog-id-2 #page-header #toppermenu{justify-content: end;}
.blog-id-2 #page-header #toppermenu .menu li a:hover{color: var(--buttonhover);}
.blog-id-2 #page-header #toppermenu .burgerbutton{top:-10px;}
.blog-id-2 #page-header #toppermenu .menu.active{padding-top: 70px;}
.blog-id-2 #page-header .logo img{width:90%;}
.blog-id-2 #page-header.bottom .logo img{width:90%;}
.blog-id-2 .malerbetrieb {display: none;}
.blog-id-2 .flx_ueber_mich .socials a.whatsapp:before{content:'';background:url('media/icons/whatsapp_orange.png');width:50px;height:50px;display:block;position:absolute;bottom:0px;left:-40px;background-repeat:no-repeat;background-size: 65%;}
.blog-id-2 .flx_ueber_mich .socials a.instagram:before{content:'';background:url('media/icons/insta_orange.png');width:50px;height:50px;display:block;position:absolute;bottom:0px;left:0px;background-repeat:no-repeat;background-size: 65%;}
.blog-id-2 .flx_ueber_mich .socials a.facebook:before{content:'';background:url('media/icons/facebook_orange.png');width:50px;height:50px;display:block;position:absolute;bottom:0px;left:40px;background-repeat:no-repeat;background-size: 65%;}

.blog-id-2 ul li:before{content:'';background:url('media/icons/tick_orange.svg');width:34px;height:34px;display:block;position:absolute;top:3px;left: 0;}

.blog-id-2 .flx_textblock.mitteaser{padding: 35px 0;}

.blog-id-2 .flx_textblock.referenzen .btn-link:after{content:'';display:flex;position: absolute; width:67px;height:67px;background:url('media/icons/pfeil_button_orange.png');transition:all .3s ease;background-repeat: no-repeat;background-size: 100%;transform:rotate(134deg);top:10px;right:30px;}
.blog-id-2 .flx_textblock.referenzen .btn-link.collapsed:after{content:'';display:flex;position: absolute; width:67px;height:67px;background:url('media/icons/pfeil_button_orange.png');transition:all .3s ease;background-repeat: no-repeat;background-size:100%;right:30px;transform: none;} 

.blog-id-2 #page-footer .adresse .adresse{padding-left: 0;padding-top: 0;}
.blog-id-2 #page-footer .adresse a{color: var(--font);line-height: 1.8;font-weight: 400;font-size: 100%;}
.blog-id-2 #page-footer .adresse a:hover{color: var(--main);}


/*------------------------------------Header-------------------------------------------------*/
.blog-id-1 .sidebar{display: none;}
.sidebar{position: fixed;right: 20px;top: 60%;z-index: 1000;background-color: #fff5;padding: 12px;backdrop-filter: blur(16px);border-radius: 10px;}
.sidebar img{width: 30px;}
.sidebar a{margin: 15px 0;display: block;}
.sidebar .whatsapp{content:'';background: url('media/icons/whatsapp_orange.png')no-repeat;background-size: 100%;width: 40px;height: 40px;display: block;transition: 0.3s;}
.sidebar .instgram{content:'';background: url('media/icons/insta_orange.png')no-repeat;background-size: 100%;width: 40px;height: 41px;display: block;transition: all ease 0.3s;}
.sidebar .facebook{content:'';background: url('media/icons/facebook_orange.png')no-repeat;background-size: 100%;width: 40px;height: 40px;display: block;transition: all ease 0.3s;}
.sidebar span:hover{transform: scale(1.1);}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:25px 0;background:var(--white);z-index:999;}
#page-header .logo img{width:75%;}
#page-header.bottom{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%;}

@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:20px 0;}
#page-header .button .text {display: flex;}
#page-header .button .text .mein-konto img{max-width:90%;border-radius:0px;}
#page-header .button .text .cart img:nth-child(1){max-width: 93%;border-radius:0px;position: relative;bottom:-2px;}
#page-header .button .text .cart:hover img:nth-child(1){transform:scale(1.1);}
#page-header .button .text .wishlist img{max-width: 120%;border-radius:0px;}
#page-header .button .text .mein-konto{position: relative;right: -360px;margin-right: 35px;bottom: -11px;}
#page-header .button .text .cart {position: relative;right: -345px; bottom: -4px;}
#page-header .button .text .wishlist {position: relative; right: -370px; bottom: -14px;}

#menu-item-1277{display: none!important;}
.malerbetrieb{text-align: right;margin-top: -20px;}
.malerbetrieb a{font-size: 90%;line-height: 1;font-weight: 400;color: var(--dark);}
.malerbetrieb a:hover{color: var(--main);}

#page-header .row{align-items: center;margin-right: 0px;}
#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 .logo img{width:65%;border-radius: 0px;}
#page-header #toppermenu{display:flex;align-items:center;margin-top:-15px;}
#page-header #toppermenu .menu-topmenu-container{width:100%;}
#page-header #toppermenu .menu{text-align:center;margin-bottom: 0;padding-top: 15px;}
#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 16px;color:var(--dark);}
.blog-id-1 #page-header #toppermenu .menu li:nth-child(1) > a:hover{color:var(--main);transition:all .3s ease;}
.blog-id-1 #page-header #toppermenu .menu li:nth-child(2) > a:hover{color:#F08473;transition:all .3s ease;}
.blog-id-1 #page-header #toppermenu .menu li:nth-child(3) > a:hover{color:#9B827E;transition:all .3s ease;}

#page-header #toppermenu .menu li.current_page_item a{font-weight: 600;}


#page-header .menu_buttons{display: flex;}

#page-header #toppermenu .menu li:last-child{background: var(--main);background-color: rgb(79, 191, 140);margin:0px 0px 0px 30px;padding: 0px 30px;border-radius: 25px;background-color: var(--main);border: 1px solid var(--main);width: max-content;transition: all ease .3s;}
#page-header #toppermenu .menu li:last-child a{color: white;}
#page-header #toppermenu .menu li:last-child:hover{background-color:var(--buttonhover);border: 1px solid var(--buttonhover);transition: all ease .3s;}
#page-header #toppermenu .menu li:last-child a:hover{color:var(--white);}



#exampleModalCenter.modal.fade{display: none;margin:auto;width: 50%!important;top: 0!important;position: fixed!important;z-index: 99999!important; background-color: var(--white);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: 50%;}
#exampleModalCenter.modal.fade.show{display: block;}
#exampleModalCenter.modal.fade.show .modal-header .close {left: 96%;  top: -1%; position: absolute;padding: 0px;background-color: transparent; border: none;height: 1px;}
#exampleModalCenter.modal.fade.show .modal-header .close span{padding: 0px; color: var(--main);font-size: 200%;font-weight: 300;}
#exampleModalCenter.modal.fade.show .modal-header{display: flex;justify-content: center;}
#exampleModalCenter.modal.fade.show .popup-products{display: flex; margin: 0 auto;width: 90% !important;height: max-content;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .btn{border: var(--dark) 2px solid; border-radius: 30px; padding: 10px 60px; color: var(--dark);font-size: 80%;background-color: transparent;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) p{color: white;font-size: 90%;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .popheadline{color: white; font-size: 115%;font-weight: 600;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .button_div{display: flex; justify-content: center;}


#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .btn{border: var(--main) 2px solid; border-radius: 30px; padding:10px 60px; color: var(--main);font-size: 80%;background-color: transparent;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) p{color:var(--font);font-size: 90%;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .popheadline{color:var(--main); font-size: 115%;font-weight: 600;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even) .button_div{display: flex; justify-content: center;}

#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd){border: var(--main) 1px solid;border-radius: 20px;padding:10px 20px 10px;background-color: var(--main);margin-right: 20px;max-width:48%;}
#exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even){border: var(--main) 2px solid;border-radius: 20px;padding:10px 20px 10px;background-color:transparent;margin-right: 20px;max-width:48%;}
#exampleModalCenter.modal.fade.show .popup .topline{display: flex;justify-content: center;color: var(--dark);font-size: 130%;font-weight: 500;}
#exampleModalCenter.modal.fade.show .popup .topline .brushmark{color: var(--dark);line-height:1.8 !important;padding-left: 5px;}
#exampleModalCenter.modal.fade.show h5{padding-bottom: 10px;}
#exampleModalCenter.modal.fade.show .modal-content{padding-top: 15px;}

.modalwrapper-background{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.7;z-index:9999;}
.modalwrapper-background.show{display:block;}

#page-header .trigger{background: transparent;border: none; color: var(--dark);position: relative; bottom: -8px; right: -20px;}
#page-header .trigger:hover{color:var(--main);transition:all .3s ease;}

#page-header .count{position: absolute;bottom: -20px;right: 40%;border: 1px solid var(--main);border-radius: 50%;background-color: var(--main); color: white; padding: 0px; font-size: 80%;line-height:1.3;width:25px;height:25px;text-align:center;}

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

#page-footer{padding:70px 0 0;position: relative;z-index:5;}
#page-footer .logoimg{max-width:90%;width: 100%;border-radius: 0;}
#page-footer .headline{font-size:120%;margin-bottom:10px;}
#page-footer .headline.bot{margin-top: 20px;}
#page-footer .adresse p, #page-footer .adresse a{font-size: 90%;color:var(--dark);font-weight: 300;margin-bottom: 0px;}
#page-footer .adresse p span{font-size:100%;color:var(--dark);font-weight: 300;margin-bottom: 0px;}
#page-footer .daten{padding-top: 80px;font-size: 90%;font-weight: 300;}
#page-footer li:before{display:none;}
#page-footer a{position:relative;color:var(--dark);display:block;padding-left:0;margin-bottom:0;font-weight:300;line-height: 1.4; font-size: 90%;}
#page-footer a:hover{transition:all .3s ease;color:var(--main);}

.blog-id-1 #page-footer .socials{display: block;}
.blog-id-1 #page-footer .socials a.facebook,
.blog-id-1 #page-footer .socials a.insta{position: relative;width: 50px;height: 50px;margin-bottom: 20px;padding-right: 70px;}
.blog-id-1 #page-footer .socials a.insta::before{content:'';background:url('media/insta.svg');width:50px;height:50px;display:block;position:absolute;top:0;right: 0;background-repeat:no-repeat;}
.blog-id-1 #page-footer .socials a.facebook::before{content:'';background:url('media/facebook.svg');width:50px;height:50px;display:block;position:absolute;top:0;right: 0;background-repeat:no-repeat;}

#page-footer .mail{padding-left:0px;}
#page-footer .mail:before{content:'';width:25px;height:25px;display:block;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:0;}

#page-footer .zahlungversand .paymentimg{padding: 0 10px 0 0;}
.blog-id-2 #page-footer .zahlungversand{display: none;}

#page-footer .versandimg{max-width: 30%; height: auto; padding: 0 20px 0 0;}

#page-footer.menu-footermenu-container li{font-size: 135%;}
#page-footer .copyright{display:flex;width:100%;margin-top:50px;border-top: 1px solid var(--dark);padding:35px 15px 20px;align-items: center;}
#page-footer .copyright span{float:left;width:50%;text-align:left;color:var(--dark);font-size:75%;font-weight: 300;}
#page-footer .copyright .menu-footermenu-container{float:left;width:50%;text-align:right;}
#page-footer .copyright .menu-footermenu-container ul{padding: 0px 60px;font-size: 100%;display: flex;justify-content: space-between;margin-bottom: 0;}
#page-footer .copyright .menu-footermenu-container ul li{display:inline-block;padding:0 0 0 5px;color:var(--dark);font-size:75%;position:relative;margin:0;line-height:1;}
#page-footer .copyright .menu-footermenu-container ul li:last-child:after{display:none;}
#page-footer .copyright .menu-footermenu-container ul li a{padding:0;margin:0;line-height:1;font-weight:300;}
#page-footer .additional_info p{padding-top: 50px;font-size: 70%;font-weight: 300; color: black;margin-bottom: 0px;}


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

.inhaltsbloecke{margin-top:120px;}
.startseite .inhaltsbloecke{margin-top:65px;}
.ueber-jockel .inhaltsbloecke{margin-top:120px!important;}

.flx_headerbild{position:relative;margin-top:-125px!important;}
.flx_headerbild.mittext .hintergrundbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);z-index:4;}
.flx_headerbild.mittext .inner{position:absolute;top:25%;left:12%;max-width:30%;z-index:9;}
.flx_headerbild.mittext .inner .topline{color:var(--white);text-transform:none;font-size:150%;font-weight:400;}
.flx_headerbild.mittext .inner .headline{color:var(--white);font-size:275%;margin-bottom:15px;line-height:1.1;}
.flx_headerbild.mittext .inner .content p{color:var(--white);}

.flx_textblock.textzwei .text{margin-top:50px;}
.flx_textblock.textzwei .woocommerce #customer_login.u-columns.row h2{font-size: 200%;}
.flx_textblock.textzwei .woocommerce .cart_totals #shipping_method li::before{display: none;}
.flx_textblock.textzwei .woocommerce .ppc-button-wrapper{margin-top: 20px;width:100%;}

.flx_textblock.mitbild.rechts{margin-bottom: 0px;}
.flx_textblock.mitbild.links{margin-top: 3rem;margin-bottom: 100px;}
.flx_textblock.mitbild.links .text{padding-top:85px;}
.flx_textblock.mitbild.links .text ul{margin-top: -45px}
.flx_textblock.mitbild.links .bild img{height: 550px; width: 100%;object-fit: cover;object-position: top;}
.flx_textblock.mitbild.links .owl-carousel .owl-item{min-height: 120px;}
.flx_textblock.mitbild .text .headline{padding-bottom:0px;}
.flx_textblock.mitbild .bild{position:relative;}
.flx_textblock.mitbild .bild img{width:100%;}
.flx_textblock.mitbild.links .col-lg-6.col-sm-12{position: relative;}
.flx_textblock.mitbild.links .col-lg-6.col-sm-12 .signet{width: 100px;display: flex;position: absolute;  z-index: 1; bottom: -49px;left: 50px;}
.flx_textblock.mitbild.links .col-lg-6.col-sm-12 .signet img{margin-right: 20px;}
.flx_textblock.mitbild.links .owl-carousel .owl-controls .owl-nav .owl-prev {left: 10px;}
.flx_textblock.mitbild.links .owl-carousel .owl-controls .owl-nav .owl-next{right: 10px;}
.flx_textblock.mitbild.links .owl-carousel .owl-controls{left: 0px!important;right: 0px!important;}

.flx_textblock.mitbild.links.klein .text{padding-top: 25px; text-align: center;}
.flx_textblock.mitbild.links.klein p{font-size: 120%;}
.flx_textblock.mitbild.links.klein .bild img{height: auto; scale: 0.65;}

.flx_textblock.mitbild.links .headline{text-align: center;font-weight: 700;margin-bottom: 20px;padding-top:30px;}
.flx_textblock.mitbild.links p{display: block; margin: 0 auto; font-weight: 500; font-size: 140%;line-height:1.3;margin-bottom: 50px;}
.produktseite .flx_textblock.mitbild.links p .brushmark{color: var(--font);}
.flx_textblock.mitbild.links .text{padding-left:30px;}


.flx_produktteaser.bestseller{background: var(--hell);}
.flx_produktteaser .headerbox{margin-bottom:35px;position: relative;z-index: 5;padding-top: 70px;margin-left: -15px;}
.flx_produktteaser .item{width: 100%;margin:0 auto;padding: 25px;background: var(--hell);position: relative;z-index:5;}

.flx_produktteaser .item .onsale{position: absolute;top: 85px;left: 25px;width: 50px;height: 50px;display: block;padding: 12.5px;font-size: 150%;font-weight: 700;line-height: 1;background: var(--sec);color: var(--white);z-index:99;}
.flx_produktteaser .item .produktbild{position:relative;overflow:hidden;margin-bottom: -15px;}
.flx_produktteaser .item .produktbild .buttons{width:100%;max-height:0;transition:all .5s ease;height:auto;}
.flx_produktteaser .item:hover .produktbild .buttons{max-height:100%;transition:all .5s ease;}
.flx_produktteaser .item .produktbild .buttons .btn{width:50%;background:var(--hell);transform:all .3s ease;border-radius:0;float:left;padding:5px;height:46px;position: relative;z-index: 100;border-right:solid 1px var(--dark);}
.flx_produktteaser .item .produktbild .buttons .btn:hover{background:var(--hell);transform:all .3s ease;}
.flx_produktteaser .item .produktbild .buttons .btn:last-child{border:none;}
.flx_produktteaser .item .produktbild .buttons img{width:17.5%;}
.flx_produktteaser .item .produktbild img{width:100%;}
.flx_produktteaser .item .produktcontent{justify-content: start;display: grid;padding:25px 50px 50px;margin-top: 15px;}
.flx_produktteaser .item:hover .produktcontent{justify-content: start;display: grid;margin-top:15px;background-color: rgba(168, 244, 210, 0.4);border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}

.flx_produktteaser .item .produktcontent .produktname{display:grid;font-size: 100%;font-weight: 500;color: var(--dark);justify-content: start;line-height: 1.4;min-height: 60px;}
.flx_produktteaser .item .produktcontent .beschreibung{padding-bottom:5px;line-height: 1.3;min-height:70px;}
.flx_produktteaser .item .produktcontent .preis{display: grid; justify-content: start;}
.flx_produktteaser .item .produktcontent .preis bdi{font-size: 150%;color:var(--dark);font-weight:500;}
.flx_produktteaser .item .produktcontent .produktname .woocommerce-Price-amount.amount{font-size: 110%;color: var(--dark);font-weight: 500;}
.flx_produktteaser .item .produktcontent .preis .woocommerce-Price-currencySymbol{font-size: 100%;color:var(--dark);font-weight:600;}
.flx_produktteaser .item .produktcontent .preis del{color:#aaa;}
.flx_produktteaser .item .produktcontent .preis ins{text-decoration:none;}
.flx_produktteaser .item .produktcontent .steuer{display: block;font-size: 70%;margin-top: -5px;}
 .flx_produktteaser .item{padding: 0px;background: white;border-radius: 25px;display: block;margin: 15px 0;}

 .item.swiper-slide.swiper-slide-active{border-radius: 25px;}

.flx_produktteaser.neuheiten{background-color: #F7F6F6;}
.flx_produktteaser .item .produktbild img{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.flx_produktteaser .item .pfeil_icon {width: 37px!important; height: 37px; position: absolute; top: 15px; right: 15px;transition: all ease .2s;}
.flx_produktteaser .item:hover .pfeilicon img {transform: rotate(45deg);transition: all ease .2s;}
.flx_produktteaser .container-fluid{padding-left: 590px;padding-right:0px;}
.flx_produktteaser .headline .brushmark{color:var(--dark);}
.flx_produktteaser .btn.cart{background-color: transparent;position: relative;bottom:-25px; right:-60px;padding: 0px;}
.flx_produktteaser .icon-already-on-wishlist{border-radius: 0px;max-width: 29px!important;max-height: 26px!important;}
.flx_produktteaser .icon-add-on-wishlist{border-radius: 0px;max-width: 29px!important;max-height: 26px!important;}
.flx_produktteaser .buttons.cta{display: flex;position: absolute; bottom: 40px; right: 80px;}
.flx_produktteaser .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-shortcode-add-to-cart.tinvwl-no-action{position: relative;bottom: 0%; right: -75%;}
.flx_produktteaser .swiper-pagination-bullet-active{background:var(--main);}
.flx_produktteaser .produkte{padding-bottom: 40px;}

#phpsingle .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom.no-txt{display: none;} 
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom.no-txt{width: 18px; height: 18px; line-height: 1; position: absolute; bottom: -15px;right: -5px;}

.item.swiper-slide.swiper-slide-next{margin: 0px 15px 0px 15px;}
.item.swiper-slide.swiper-slide-active{margin: 0px 0px;}
.item.swiper-slide{margin: 0px 15px 0px 15px;}

.hausmeister, .kleingaertner .flx_textblock.mitbild.links .brushmark{color:var(--font) ;}

.swiper {width: 100%;height: 100%;padding-bottom: 45px;}
.swiper-slide {text-align: auto;font-size: 18px;background: var(--white);display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: auto;object-fit: cover;}


.flx_kontaktformular .headline{width:100%;display:block;}
.flx_kontaktformular .strong{font-size:125%;font-weight:600;}
.flx_kontaktformular .buttons{display:block;width:100%;margin:25px 0;}
.flx_kontaktformular .buttons .btn{width:33%;}
.flx_kontaktformular .buttons .btn img{max-height:50px;margin-right:15px;}
.flx_kontaktformular form .headline{margin-bottom:25px;}
.flx_kontaktformular form .fbox{width:50%;float:left;padding:10px 20px 10px 0;}
.flx_kontaktformular form .fbox.wide{width:100%;}
.flx_kontaktformular form .fbox input, .flx_kontaktformular form .fbox textarea{width:100%;background:var(--hell);border:none;padding:5px 15px;color:#444;}
.flx_kontaktformular form .fbox input[type="checkbox"]{width:15px;margin-right:5px;display:inline-block;}

.flx_anfrageformular{padding: 100px 0 50px;margin-top: -50px;}

.flx_kategorieteaser{background:var(--hell);padding:50px 0;}
.flx_kategorieteaser .headline{text-align:center;display:block;}
.flx_kategorieteaser .subline{text-align:center;display:block;}
.flx_kategorieteaser .row{justify-content:center;margin-top:50px;}
.flx_kategorieteaser .item{margin:15px 0;}
.flx_kategorieteaser .item .headline{font-size:125%;color:var(--white);padding:15px;background:var(--main);display:block;text-align:center;transition:all .3s ease;}
.flx_kategorieteaser .item .headline:hover{background:var(--sec);transition:all .3s ease;}

.flx_textblock.mitteaser{background-color: var(--dark);padding: 35px 0px;}
.startseite .flx_textblock.mitteaser{background-color: #F7F6F6;}
.blog-id-2 .flx_textblock.mitteaser{background-color: #dddddd!important;}
.startseite .flx_textblock.mitteaser .headline{color: var(--dark);}
.startseite .flx_textblock.mitteaser .headline .brushmark{color: var(--dark);}
.startseite .flx_textblock.mitteaser .subline{color: var(--dark);}
.startseite .flx_textblock.mitteaser{padding: 35px 0px 25px;}
.flx_textblock.mitteaser .text{text-align:center;margin:60px 0px 60px 0px;}
.flx_textblock.mitteaser .headline{text-align:center;color:var(--white);font-weight: 700;}
.flx_textblock.mitteaser .headline .brushmark{color: var(--white);font-weight: 700;}
.flx_textblock.mitteaser span.headline {text-align:justify;color:var(--white);}
.flx_textblock.mitteaser .content{background-color: var(--white);padding: 25px 30px;text-align: left;height:275px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.flx_textblock.mitteaser .content p{font-size:100%;line-height: 1.3;font-size: 90%;}
.flx_textblock.mitteaser .row{margin: 0px;justify-content: space-between;}
.flx_textblock.mitteaser .row img{width:400px; height:200px;object-fit: cover;border-bottom-right-radius:unset;border-bottom-left-radius:unset;background-color: var(--white);}
.flx_textblock.mitteaser .row .headline{color: var(--dark);font-weight: 700;font-size: 25px;text-align: left;margin: 0px 0px 15px 0px;}
.flx_textblock.mitteaser div .item{border-radius: 25px;margin: -9px;}
.flx_textblock.mitteaser .subline{color: var(--white);font-weight: 500;margin-bottom: 30px}
.flx_textblock.mitteaser .text p{font-size: 90%;width: 65%;margin: 0 auto;}
.flx_textblock.mitteaser .container.text.headline.subline p{width: 60%;margin:25px auto;}

#warum.flx_textblock.mitteaser img{object-fit: contain;padding: 2.5rem;}
#warum.flx_textblock.mitteaser .content{height: max-content!important;}
#warum.flx_textblock.mitteaser .row .headline{text-align: center;}

/* .malerbetrieb .flx_textblock.mitbild.rechts .headline{font-size: 280%;} */

.flx_textblock.mitbild.rechts .alle_buttons{display: flex;}
.flx_textblock.mitbild.rechts {background-color: #F7F6F6;padding-bottom: 10px;}
.flx_textblock.mitbild.rechts .headline{font-weight:700;;font-size:320%;} 
.flx_textblock.mitbild.rechts .text p{padding: 0px;font-size: 100%;}
.flx_textblock.mitbild.rechts .headline .brushmark{color:var(--dark);font-weight: 700;}
.flx_textblock.mitbild.rechts img.brush{width:100%;margin:0px;max-width: 200%;}
.flx_textblock.mitbild.rechts .btn{margin-left: 0px;margin-right: 10px;margin-top: 10px;}
.flx_textblock.mitbild.rechts .row{display: flex;align-items: center; padding: 120px 0px;}
.flx_textblock.mitbild.rechts  .subline{margin-bottom: 20px;font-size: 150%;margin-top:-10px;line-height: 1.2;}
.startseite .flx_textblock.mitbild.rechts .text a{margin-left: 0px;margin-right: 10px;margin-top: 10px;padding: 0px 40px;}
.startseite .flx_textblock.mitbild.rechts .text a:hover{background:var(--buttonhover) ;transition: none;}
.startseite .flx_textblock.mitbild.rechts .farbebtnzwei a{background-color:#F08473!important;}
.startseite .flx_textblock.mitbild.rechts .farbebtnzwei a:hover{background-color: #E8988B!important;}
.startseite .flx_textblock.mitbild.rechts .farbebtndrei a{background-color:#9B827E!important;}
.startseite .flx_textblock.mitbild.rechts .farbebtndrei a:hover{background-color:#B6A3A0!important;} 
.startseite .flx_textblock.mitbild.rechts.btn-primary:focus{  box-shadow: unset;}
.startseite .flx_textblock.mitbild.rechts .btn-primary:not(:disabled):not(.disabled):active{background-color:var(--main); border-color:transparent;}
.startseite .flx_textblock.mitbild.rechts .btn-primary{border-color: transparent;padding: 0px 40px;}

.flx_beispiele{background-color: white;margin-bottom: 100px;}
.flx_beispiele .headline{font-size: 150%;}
.flx_beispiele .headline .brushmark{color:var(--dark);}
.flx_beispiele .content{position: relative;}
.flx_beispiele .content .headline{padding-bottom: 5px;font-size: 160%;font-weight: bold;}
.flx_beispiele .content p{font-size: 90%;min-height: 90px;}
.flx_beispiele .subline{font-size: 135%;font-weight: 500;margin-bottom: 20px;line-height: 1.4;}
.flx_beispiele .text p{margin-bottom: 125px;font-size: 100%;}
.flx_beispiele .row{padding: 10px 0px;}
.flx_beispiele .bild img {position: absolute;right:-75px;bottom:-60px;height: 310px;height: 310px;}
.flx_beispiele .item{position: relative;}
.flx_beispiele .signet{position: absolute;display: grid;bottom:20px;right: -50px;}
.flx_beispiele .signet img{margin-bottom: 20px;width: 100px;height: 100px;}

.flx_tabelle{background-color:#F7F6F6;padding-top: 100px;position: relative;}
.flx_tabelle .headline .brushmark{color: black;font-weight: 700;}
.flx_tabelle .row .grafik{position: absolute;right:0px;}
.flx_tabelle .bild1{top:-75px;position: absolute;width:15%;right:15%;}
.flx_tabelle .bild2 img{max-width:98%;}
.flx_tabelle .row table{border-collapse: collapse;border: none #BEBEBE !important; width: 100%;}
.flx_tabelle .row tr{border-bottom: 1px solid #BEBEBE;}
.flx_tabelle .row tfoot tr{border-bottom: none;}
.flx_tabelle .row th{font-size: 110%; font-weight: 500;color: black;text-align: center;}
.flx_tabelle .row tr .eins{font-weight: 400;color: black;width:25%}
.flx_tabelle th .brushmark{font-size: 110%;color: black;}
.flx_tabelle tbody .brushmark{color: black;}
.flx_tabelle tfoot p span{font-weight: 600;}
.flx_tabelle tfoot td h2 span {font-weight: 400; font-size: 70%;color: black;}
.flx_tabelle .row table tbody .zwei{width:20%;text-align: center;}
.flx_tabelle .row table tbody .drei{padding-left: 0px;text-align: center;width: 30%;}
.flx_tabelle tfoot td h2{margin-bottom: 0px;} 
.flx_tabelle tfoot td h2 strong{color: black;line-height: 1;}
.flx_tabelle tfoot td p{margin-top: 0;margin-bottom:10px;color:black;font-weight:400;text-align: center !important;}
.flx_tabelle tfoot td p span{font-weight:400;line-height: 1;font-size: 80%;}
.flx_tabelle tfoot td:nth-child(2){vertical-align: baseline;}
.flx_tabelle tfoot td{padding-top: 15px;}
.flx_tabelle tfoot td:nth-child(3) h2{font-size: 140%;}
.flx_tabelle tfoot td:nth-child(3) .preis{text-align: center;}
.flx_tabelle tfoot td:nth-child(3) .preis span{color: black;font-size: 125%;font-weight: 400;line-height: 1.4;}
.flx_tabelle .klammer .fazit{margin:200px 0 200px 75px;position:relative;}
.flx_tabelle .klammer .fazit:before{content:'';display:block;width:40px;height:415px;background:url('media/Klammer.svg');background-position:center;background-repeat:no-repeat;background-size:100;position:absolute;left:-75px;top:-160px;}
.flx_tabelle .klammer .fazitheadline{margin-bottom: 0;font-weight: 600;color: var(--main);font-size: 130%;}
.flx_tabelle .klammer .fazitcontent{line-height:1;}
.flx_tabelle .btn{margin-left: 0px;margin-right: 10px;margin-top: 10px;margin-bottom: 100px;}


.startseite .flx_ueber_mich{padding: 50px 0px;}
.flx_ueber_mich{padding: 50px 0px;}
.flx_ueber_mich .block{padding: 20px;}
.flx_ueber_mich .row{background: var(--dark);border-radius: 38px;}
.flx_ueber_mich .bild{width: 111%;}
.flx_ueber_mich .bild img{max-width: 100%;width:100%;border-radius:0;}
.flx_ueber_mich .text{padding-right: 30px;}
.flx_ueber_mich .text p{color: white;}
.flx_ueber_mich .text p .btn{margin-bottom: 0.75rem;}
.flx_ueber_mich .text .content{padding: 20px 85px;}
.flx_ueber_mich .headline{font-size: 270%;color: white;font-family:'Delicious Handrawn'!important;font-weight: 400;padding-bottom: 10px;}
.flx_ueber_mich .nopadding{padding: 0px;}
.flx_ueber_mich .socials{display: flex;justify-content:end;position: relative;}
.flx_ueber_mich .socials a.whatsapp{position: relative;}
.flx_ueber_mich .socials a.whatsapp:before{content:'';background:url('media/whatsapp.svg');width:50px;height:50px;display:block;position:absolute;bottom:0px;left:-40px;background-repeat:no-repeat;}
.flx_ueber_mich .socials a.instagram{position: relative;}
.flx_ueber_mich .socials a.instagram:before{content:'';background:url('media/insta_ueber_mich.svg');width:50px;height:50px;display:block;position:absolute;bottom:0px;left:0px;background-repeat:no-repeat;}
.flx_ueber_mich .socials a.facebook{position: relative;}
.flx_ueber_mich .socials a.facebook:before{content:'';background:url('media/facebook_ueber_mich.svg');width:50px;height:50px;display:block;position:absolute;bottom:0px;left:40px;background-repeat:no-repeat;}

.flx_equipment{background-color: var(--dark);padding: 70px 0 30px;margin-bottom:0px}
.flx_equipment .headline{text-align: center;color: var(--white);}
.flx_equipment .equipment{display: flex;flex-wrap: wrap;justify-content: center;padding-top: 50px;}
.flx_equipment .equipment .item{border: 2px solid var(--main);border-radius: 50px;margin: 7px;}
.flx_equipment .equipment .item:hover{background-color: var(--main);color: white;}
.flx_equipment .equipment .item:hover span {color: white;}
.flx_equipment .equipment .item span{color: var(--main);padding: 10px 50px;font-weight: bold;font-size: 85%;}
.flx_equipment .button{text-align: center;}
.flx_equipment .button .btn{background-color:var(main);color:white;margin-top: 30px;margin-left: 0;border: var(--main) 2px solid;border-radius: 5px;}
.flx_equipment .btn:hover{color: white;}
.easypaint-box  .flx_equipment .brushmark{color: white;}


.flx_produkt_uebersicht .headline{text-align: center;}
.flx_produkt_uebersicht .item{border: 2px solid var(--main);border-radius: 50px;margin: 7px;width: max-content;}
.flx_produkt_uebersicht .btn{font-size: 80%;padding: 0px 25px 5px;background-color: transparent;color: var(--main);}
.flx_produkt_uebersicht .produkt_names{display: flex;flex-wrap: wrap;justify-content: center; padding-top: 30px;} 
.flx_produkt_uebersicht .item:hover .btn{color: white;}
.flx_produkt_uebersicht .item:hover {background-color:var(--main);}
.flx_produkt_uebersicht .brushmark{color: black;}
.flx_produkt_uebersicht{padding:50px 0px 80px;}
.flx_produkt_uebersicht .signet img{width:100px;margin-right: 20px;position: relative;top:-40px;height: 100px;}
.startseite .flx_produkt_uebersicht{padding: 0px 0px 80px;}

.flx_googlebewertung{background-color: var(--dark);padding: 50px 0;}
.flx_googlebewertung .headerbox{margin-bottom: 50px;}
.flx_googlebewertung .headline{text-align: center;}
.flx_googlebewertung .headline,
.flx_googlebewertung .headline span{color: var(--hell);}
.flx_googlebewertung .ti-rating-text span.nowrap{ color: white!important;}
.flx_googlebewertung .ti-rating-text span.nowrap strong{ color: white!important;}

.flx_googlebewertung .ti-header.source-Google{display: none!important;}
.flx_googlebewertung .ti-widget.ti-goog .ti-review-item > .ti-inner{border-radius: 23px !important;}

.flx_googlebewertung .ti-review-item{position: relative!important;}
.flx_googlebewertung .ti-review-item::before{content:'';background:url('media/icons/quote.svg');width:78px;height:56px;display:block!important;position:absolute;bottom:10px;left:0;background-repeat:no-repeat;}
.flx_googlebewertung .ti-review-item::after{content:'';background:url('media/icons/quote.svg');width:78px;height:56px;display:block!important;position:absolute;top:10px;right:0;background-repeat:no-repeat;}

.flx_googlebewertung .buttons{display: flex;justify-content: center;}
.flx_googlebewertung .buttonzwei a{color: white;background-color: #F08473;position: relative;padding: 8px 50px; font-size: 95%;font-weight: 600; transition: all .3s ease;line-height: 1.5;text-align: center;border-radius: 5px;margin-top: 5px;}
.flx_googlebewertung .buttondrei a{color: white;background-color: #9B827E;padding: 8px 50px!important;position: relative;padding: 7px 50px;font-size: 95%;font-weight: 600;transition: all .3s ease;line-height: 1.5;text-align: center; border-radius: 5px;margin-top: 5px;}
.flx_googlebewertung .buttonzwei{padding: 52px 10px;text-align: center;}
.flx_googlebewertung .buttondrei{padding: 52px 10px;text-align: center;}
.flx_googlebewertung .btnzwei{margin-top: 30px;margin-left: 0;}
.flx_googlebewertung .btndrei{margin-top: 30px;margin-left: 0;}
.startseite .flx_googlebewertung .button a:hover{  background-color: var(--buttonhover);transition: none;}
.startseite .flx_googlebewertung .buttonzwei a:hover{background-color: #E8988B;}
.startseite .flx_googlebewertung .buttondrei a:hover{background-color:#B6A3A0}

.startseite .flx_googlebewertung .btn-primary:focus{  box-shadow: unset;}
.startseite .flx_googlebewertung .btn-primary:not(:disabled):not(.disabled):active{background-color:var(--main); border-color:transparent;}
.startseite .flx_googlebewertung .btn-primary{border-color: transparent;}

.flx_googlebewertung .btn{margin-top:0px;}
.flx_googlebewertung .button{padding: 50px 10px;}


.ueber-jockel .flx_textblock.mitbild.rechts{background-color: white;padding-bottom: 0px;margin-bottom: 0px;}
.ueber-jockel .flx_textblock.mitbild.rechts .headline{font-size: 250%;padding-bottom: 15px;}
.ueber-jockel .flx_textblock.mitbild.rechts .subline .brushmark{color: var(--font);}
.ueber-jockel .flx_textblock.mitbild.rechts .text p{line-height: 1.6;padding-bottom: 15px;}
.ueber-jockel .flx_textblock.mitbild.rechts .btn{font-size: 85%;margin-right: 30px;padding-right: 60px; padding-left: 60px;}
.ueber-jockel .flx_textblock.mitbild.rechts .bild img{position: relative;z-index: 1;max-width:200%; width: 100%;height: 125%;top: -75px;right: -70px;}
.ueber-jockel .flx_textblock.mitbild.rechts .bild:after{content:'';background:url('media/big_brush.svg');width:160%;height:160%;position:absolute;top:110px;left:10px;background-repeat:no-repeat;}
.ueber-jockel .flx_textblock.mitbild.rechts .bild:before{content:'';background:url('media/small_brush.svg');width:130%;height:130%;position:absolute;top:500px;left:-100px;background-repeat:no-repeat;z-index:2;background-size: contain;}
.ueber-jockel .flx_textblock.mitbild.rechts .row{padding: 60px 0px 0px}
.ueber-jockel .flx_textblock.fazit .zahl{margin-bottom: -30px;}
.ueber-jockel .flx_textblock.fazit{background-color: var(--dark);}
.ueber-jockel .flx_textblock.fazit .content{background: #212C27;}
.ueber-jockel .flx_textblock.referenzen .subline .brushmark{color: var(--font);}
.ueber-jockel .flx_jockel_block .block{padding: 60px 0px 60px 0px;margin-bottom: 70px;}

.ueber-jockel #meisterbrief.flx_textblock.mitbild.rechts .bild{text-align: center;}
.ueber-jockel #meisterbrief.flx_textblock.mitbild.rechts .bild img{position: unset;max-width: 420px;}
.ueber-jockel #meisterbrief.flx_textblock.mitbild.rechts .bild:after{display: none!important;}
.ueber-jockel #meisterbrief.flx_textblock.mitbild.rechts .bild:before{display: none!important;}


.flx_jockel_block {background-color:var(--dark);}
.flx_jockel_block .headline{font-size: 300%;color: white;font-family:'Delicious Handrawn'!important;font-weight: 400;padding-bottom: 10px;}
.flx_jockel_block .block{padding: 100px 0px 100px 0px;}
.flx_jockel_block .content{padding: 40px 0 40px 40px;}
.flx_jockel_block .headline{padding-bottom: 30px;}
.flx_jockel_block p{line-height: 1.3;color: white;padding-bottom: 25px;}
.flx_jockel_block .btn{padding: 5px 25px;font-size: 80%;}
.flx_jockel_block .bild{border-radius: 30px;}
.flx_jockel_block .socials{display: flex;justify-content: end;}
.flx_jockel_block .socials a.whatsapp{position: relative;}
.flx_jockel_block .socials a.whatsapp:before{content:'';background:url('media/whatsapp.svg');width:50px;height:50px;display:block;position:absolute;bottom:-15px;left:-120px;background-repeat:no-repeat;}
.flx_jockel_block .socials a.instagram{position: relative;}
.flx_jockel_block .socials a.instagram:before{content:'';background:url('media/insta_ueber_mich.svg');width:50px;height:50px;display:block;position:absolute;bottom:-15px;left:-80px;background-repeat:no-repeat;}
.flx_jockel_block .socials a.facebook{position: relative;}
.flx_jockel_block .socials a.facebook:before{content:'';background:url('media/facebook_ueber_mich.svg');width:50px;height:50px;display:block;position:absolute;bottom:-15px;left:-40px;background-repeat:no-repeat;}

.flx_textblock.fazit{background-color:#212C27;padding: 100px 0px;}
.flx_textblock.fazit .content{padding: 50px;border:solid 1px #408063;display: grid;border-radius: 15px;text-align: center;margin: 0px;}
.flx_textblock.fazit .inhalt{color:#F7F6F6;}
.flx_textblock.fazit .zahl{color:#F7F6F6;font-size: 350%;font-weight:700;}

.flx_textblock.referenzen.accordion:hover{background-color: none;}
.flx_textblock.referenzen{padding: 110px 0px;}
.flx_textblock.referenzen .card{padding-bottom:0;border-radius: 25px;background-color: #F7F6F6;margin-bottom: 25px;overflow: hidden;}
.flx_textblock.referenzen .card button{margin-top: 0;background-color: transparent;width: 100%;}
.flx_textblock.referenzen .btn-link{background-color:none;border-radius:0;text-decoration: none;}
.flx_textblock.referenzen .name{color: var(--dark);font-size:100%;font-weight: 700;}
.flx_textblock.referenzen .beschreibung{color:var(--font);font-size: 60%;padding: 50px 60px 0px 0px}
.flx_textblock.referenzen .kurzbeschreibung{border-radius: 70px;font-size:85%;line-height: 1.3;text-align: left;}
.flx_textblock.referenzen .openbutton{font-size: var(--font);font-size: 70%;}
.flx_textblock.referenzen .text{text-align: center;padding-bottom: 50px;}
.flx_textblock.referenzen .padding{padding: 5px;}
.flx_textblock.referenzen .headline{padding-bottom: 20px;}
.flx_textblock.referenzen .headline .brushmark{color:var(--dark);}
.flx_textblock.referenzen .padding:nth-child(2){display: flex;}
.flx_textblock.referenzen .padding:last-child{display: flex;margin-top: 30px;}
.flx_textblock.referenzen .owl-carousel.owl-loaded{padding: 20px 40px 60px 40px;}
.flx_textblock.referenzen .btn-link:after{content:'';display:flex;position: absolute; width:67px;height:67px;background:url('media/icons/pfeil_button.svg');transition:all .3s ease;background-repeat: no-repeat;background-size: 100%;transform:rotate(134deg);top:10px;right:30px;}
.flx_textblock.referenzen .btn-link.collapsed:after{content:'';display:flex;position: absolute; width:67px;height:67px;background:url('media/icons/pfeil_button.svg');transition:all .3s ease;background-repeat: no-repeat;background-size:100%;right:30px;transform: none;} 
.flx_textblock.referenzen .btn {background-color: none;}
.flx_textblock.referenzen .subline{line-height: 1.2;}
.flx_textblock.referenzen .padding:nth-child(1){text-align: start!important;padding: 15px 5px;}
.flx_textblock.referenzen .owl-controls{top: calc(50% - 17px) !important;}
.flx_textblock.referenzen .card-body .col-md-6{margin: 0 auto;}
.flx_textblock.referenzen .accordion .card .openbutton.btn{margin-bottom: 20px;}

.hausmeister .flx_textblock.mitbild.links p .brushmark{color: var(--font);}
.startseite .flx_textblock.mitmenue{padding-top: 125px;}
.flx_textblock.mitmenue{background-color: var(--dark);padding-top: 55px;padding-bottom:75px;}
.flx_textblock.mitmenue .headline {color: white;text-align: center;}
.easypaint-box .flx_textblock.mitmenue .brushmark{color: var(--font);}
.flx_textblock.mitmenue .item1 .headline::before{content:'';display:flex;position: absolute; width:49px;height:54px;
    background:url('media/icons/studies_icon.png'); transition: transform 1s ease; background-repeat: no-repeat;background-size: 100%;top:40px;left: 80px;}
.flx_textblock.mitmenue .item1:hover .headline::before{content:'';display:flex;position: absolute; width:49px;height:54px;
    background:url('media/icons/studies_icon_hover.png');background-repeat: no-repeat;background-size: 100%;top:40px;left: 80px;}
.flx_textblock.mitmenue .item2 .headline::before{content:'';display:flex;position: absolute; width:49px;height:54px;
    background:url('media/icons/hausmeister_icon.png');transition: transform 1s ease;background-repeat: no-repeat;background-size: 100%;top:40px;left: 80px;}
.flx_textblock.mitmenue .item2:hover .headline::before{content:'';display:flex;position: absolute; width:49px;height:54px;
    background:url('media/icons/hausmeister_icon_hover.png');background-repeat: no-repeat;background-size: 100%;top:40px;left: 80px;}
.flx_textblock.mitmenue .item3 .headline::before{content:'';display:flex;position: absolute; width:49px;height:54px;
    background:url('media/icons/gaertner_icon.png');transition: transform 1s ease;background-repeat: no-repeat;background-size: 100%;top:40px;left: 80px;}
.flx_textblock.mitmenue .item3:hover .headline::before{content:'';display:flex;position: absolute; width:49px;height:54px;
    background:url('media/icons/gaertner_icon_hover.png');background-repeat: no-repeat;background-size: 100%;top:40px;left: 80px;}
.flx_textblock.mitmenue .subline{color: white;text-align: center;line-height: 1.2px;}
.flx_textblock.mitmenue .text{display: grid;justify-content: center;}
.flx_textblock.mitmenue .row{justify-content: center;}
.flx_textblock.mitmenue .padding{padding: 20px 10px;}
.flx_textblock.mitmenue .item{background-color: #212C27;border-radius: 20px;transition: background-color 0.4s ease;}
.flx_textblock.mitmenue .item1:hover{background-color:var(--main);} 
.flx_textblock.mitmenue .item2:hover{background-color: #F08473;} 
.flx_textblock.mitmenue .item3:hover{background-color: #9B827E;} 
.flx_textblock.mitmenue .item .headline {font-size: 100%;padding-top: 90px;display: flex;justify-content: start;padding-bottom: 10px;padding-left:70px;}
.flx_textblock.mitmenue .item p{padding: 0px 70px;color: white;width:100%;font-size: 85%;min-height: 130px;}
.flx_textblock.mitmenue .btn{width:84%;margin: 0px 8% 40px; padding: 5px 10px;border-radius: 25px;background-color:transparent;border:1px solid var(--main);color:var(--main);}
.flx_textblock.mitmenue .btn:hover{background-color:var(--dark);border:1px solid var(--main);color:white;}
.flx_textblock.mitmenue .item:hover .btn{background-color:transparent!important;border:1px solid #212C27;color:#212C27}
.flx_textblock.mitmenue .item .btn:hover {background-color:#212C27!important;border:1px solid #212C27;color:white;}
.flx_textblock.mitmenue .brushmark{color: white;}

.hausmeister, .kleingaertner .flx_ueber_mich{background-color: #F7F6F6!important;padding: 0px 0px;padding-bottom: 90px;}


.hausmeister .flx_produkt_uebersicht {background-color: var(--dark); content-visibility: visible!important;}
.hausmeister .flx_produkt_uebersicht .headline{color: white;}
.hausmeister .flx_produkt_uebersicht .brushmark{color: white;}
.hausmeister .flx_produkt_uebersicht .produkt_names{padding-top: 0px;}
.hausmeister .flx_produktteaser .headline{font-size: 315%;}
.hausmeister .flx_produktteaser .subline {font-size: 140%;}
.hausmeister .flx_produkt_uebersicht .signet img{top: -100px;}
.kleingaertner .flx_produkt_uebersicht {background-color: var(--dark);}
.kleingaertner .flx_produkt_uebersicht .headline{color: white;}
.kleingaertner .flx_produkt_uebersicht .brushmark{color: white;}
.kleingaertner .flx_produkt_uebersicht .signet img{top: -100px;}
.kleingaertner .flx_textblock.mitbild.links .brushmark{color: var(--font);}

.hausmeister .flx_produkt_uebersicht .produkt_names{display: flex;flex-wrap: wrap;justify-content: center; padding-top: 30px;} 

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

.hausmeister .flx_textblock.mitteaser{padding: 35px 0px 60px;}

.flx_kontaktformular .headline{margin-bottom: 10px;}
.flx_kontaktformular .termindaten{display: grid;padding-left: 0px;}
.flx_kontaktformular .termindaten a{color: var(--dark);font-size: 120%; font-weight: 500;}

.flx_textblock.videos .videos {display: grid;grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 20px 0;}
.flx_textblock.videos .videos .item video {width: 100%;height: auto;padding-bottom: 20px;}
.flx_textblock.videos .videos .item .video_headline{font-size: 120%; color: white;font-weight: 500;height:95px;padding: 15px 50px 20px;line-height: 1.1;background-color: black; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.flx_textblock.videos .videos .item .video_headline .brushmark{color: white;}
.flx_textblock.videos .headline .brushmark{color: var(--dark);}
.flx_textblock.videos .headline{padding: 20px 0px;}

.flx_kontaktformular {padding-top: 50px;}
.flx_kontaktformular .container .kontakt {margin-top: -10px;}
.flx_kontaktformular .container .headline {font-size: 120%;} 
.flx_kontaktformular .container .kontakt p{line-height: 1;margin-bottom:10px;font-weight: 400;}
.flx_kontaktformular .container .kontakt p span{line-height: 1;margin-bottom: 5px;font-weight: 400;}
.flx_kontaktformular .container .kontakt_info .telefon.tel_1{padding-top: 20px;}
.flx_kontaktformular .container .kontakt_info .telefon.tel_1 .headline{margin-bottom:10px; font-size: 120%;}
.flx_kontaktformular .container .kontakt_info .telefon.tel_1 a{color: var(--font);font-weight: 400;}
.flx_kontaktformular .container .kontakt_info .email .headline{padding-top: 20px;}
.flx_kontaktformular .container .kontakt_info .email a{color: var(--font);font-weight: 400;}
.flx_kontaktformular .kontakt_headline{font-size: 225%;font-weight: 700;color: var(--dark);display: block;padding-bottom: 50px;line-height: 1;}


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

.flx_bildblock{padding:50px 0 75px;}

.flx_service{padding: 50px 0;}
.flx_service p{color: #767070;font-size: 85%;}
.flx_service .headline p{font-weight: 700;font-size: 85%;color: #00192B;line-height: 1;}
.flx_service .row{padding-top: 20px;}
.flx_service .reihe{display: flex;align-items: center;line-height: 0.5;}
.flx_service .reihe .headline{color: #00192B;font-size: 120%; padding: 10px 0px 10px 15px;}
.flx_service .reihe p{margin-bottom: 0px;}
.flx_service .item{display: flex;}
.flx_service .content{width: 70%;}
.flx_service .pfeil_bild img{width: 100%;height: 40px;position: relative;top: 35px;border-radius: 0;padding-left: 10px;}
.flx_service .btn{width: max-content;height: max-content;margin-left: 15px;}

/*----------------------------------Abweichungen---------------------------------------------*/

.datenschutz .flx_textblock.links h1:nth-child(1){padding-bottom: 50px;}
.datenschutz .headline {padding-bottom: 30px;}
.datenschutz h4{font-size: 145%;color: black;padding-top: 10px}
.datenschutz strong{color: black;}
.datenschutz a{color: var(--font);}

.widerrufsrecht .flx_textblock .headline{margin-bottom: -70px;}
.widerrufsrecht .flx_textblock h2{color: var(--dark);padding-bottom: 30px;}
.widerrufsrecht p strong{font-weight: 700;font-size: 110%;color: var(--dark);}

.impressum .flx_textblock .headline{padding: 25px 0px 10px;}
.impressum .flx_textblock .flx_textblock.links h1{color: var(--dark);font-size: 115%;}
.impressum .flx_textblock .flx_textblock.links h1:nth-child(1){padding-bottom: 30px;font-size: 255%;}
.impressum .inhaltsbloecke h2{font-size: 230%; color: var(--dark);}
.impressum .inhaltsbloecke .headline strong{font-size: 45%;color: var(--font);}
.impressum .inhaltsbloecke .editor p {color: var(--font);}
.impressum .inhaltsbloecke .editor h4{font-size: 100%;}
.impressum .inhaltsbloecke .headline{font-size: 120%;}

.agb .flx_textblock .headline{padding: 25px 0px;}
.agb .flx_textblock .text h2{padding: 25px 0px;}
.agb .flx_textblock .headline{padding: 0px 0px 30px;font-size: 170%;}
.agb .flx_textblock h4{color: var(--dark);font-size: 145%;padding-bottom: 10px;}


/*-------------------------------------Woocommerce------------------------------------------*/

#phpsingle{margin-top:225px;}
#phpsingle h1.headline{margin-bottom: 0px;font-size: 250%;font-weight: 600;color: var(--dark);}
.single-product .teaser .subline{padding: 20px 0px;}
.woocommerce .single-product .woocommerce-product-details__short-description h2 .brushmark{color: var(--font)!important;}
.woocommerce .single-product .teaser .brushmark{color: var(--font)!important;}


.single-product .alternatives_rodukt h3{padding: 20px 5px;font-size: 200%;}
#sidebar{display:none;}

.content-area .header{margin-bottom:50px;}

.woocommerce-breadcrumb{display:none;}
.woocommerce-result-count{width:66%;display:inline-block;background:var(--hell);padding:5px 10px;line-height:1.5;margin:0;}
.woocommerce-ordering{width:32.4%;display:inline-block;background:var(--hell);padding:5px 10px;margin-left:12px;}
.woocommerce-ordering select{width:100%;background:none;border:none;}
.woocommerce ul#shipping_method{display:flex;flex-direction: column;}
.woocommerce ul#shipping_method li{padding: 0;}
.woocommerce ul#shipping_method li.local_pickup{order:2;}
.woocommerce ul#shipping_method li.free_shipping, .woocommerce ul#shipping_method li.wbs{order:1;}
.woocommerce ul#shipping_method li input{margin:6px 6px 0 0;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{border: none;background: #f5f5f5;padding: 15px;}
.woocommerce-input-wrapper{width: 100%;}
.woocommerce form .form-row{padding: 0;margin: 0 0 15px;}

.woocommerce table.shop_table{border:none;border-collapse:collapse;}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width:50%;}
.woocommerce .woocommerce-customer-details address{padding:25px;margin-top:25px;}

/*-------------------------------------WooCommerce Listing------------------------------------------*/

.show_filter_mobile{display:none;}

.tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_remove_from_wishlist-text{display: none !important;}
.woocommerce ul.products, .listing ul.products{margin-top:25px;}
.woocommerce ul.products li.product .price bdi, .listing ul.products li.product .price bdi{font-weight:600;font-size:150%;}
.woocommerce ul.products li.product, .listing ul.products li.product{display: inline-block;width:32.4%;padding: 25px;background: var(--hell);margin: 0 12.5px 12.5px 0;position:relative;}
.woocommerce ul.products li.product:before, .listing ul.products li.product:before{display:none;}
.woocommerce ul.products li.product:nth-child(4n), .listing ul.products li.product:nth-child(4n){margin-right:13px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .listing ul.products li.product .woocommerce-loop-product__title{display: block;margin:10px 0;font-size: 125%;font-weight: 600;line-height:1.3;min-height:65px;}
.woocommerce ul.products li.product .price, .listing ul.products li.product .price{display: block;font-size: 100%;color:var(--main);}
.woocommerce ul.products li.product .price ins bdi, .listing ul.products li.product .price ins bdi{font-weight:600;font-size:150%;}
.woocommerce ul.products li.product .price ins bdi .woocommerce-Price-currencySymbol, .listing ul.products li.product .price ins bdi .woocommerce-Price-currencySymbol{font-size:100%;font-weight:600;}
.listing ul.products li.product .price .woocommerce-Price-currencySymbol, .listing ul.products li.product .price .woocommerce-Price-currencySymbol{font-weight:600;font-size:100%;}
.woocommerce ul.products li.product .price del, .listing ul.products li.product .price del{color:var(--sec);margin-right:10px;opacity:1;}
.woocommerce ul.products li.product .price del bdi, .listing ul.products li.product .price del bdi{font-weight:600;font-size:100%;}
.woocommerce ul.products li.product .price ins, .listing ul.products li.product .price ins{text-decoration:none;}
.woocommerce ul.products li.product .wc-gzd-additional-info, .listing ul.products li.product .wc-gzd-additional-info{font-size: 70%;margin-top: -15px;color: #a7a7a7;}
/* .woocommerce ul.products li.product .wc-gzd-additional-info.tax-info, .woocommerce ul.products li.product .wc-gzd-additional-info.shipping-costs-info{display:none;} */
.listing ul.products li.product .wc-gzd-additional-info.tax-info, .listing ul.products li.product .wc-gzd-additional-info.shipping-costs-info{display:inline-block;}
.listing ul.products li.product .wc-gzd-additional-info.tax-info a, .listing ul.products li.product .wc-gzd-additional-info.shipping-costs-info a{color:#444;}
.woocommerce ul.products li.product .add_to_cart_button, .listing ul.products li.product .add_to_cart_button, ul.products li.product .button{background:var(--main);color:var(--white);width:100%;padding:5px;text-align:center;font-weight:500;transition:all .3s ease;position:relative;z-index:99;padding:10px 15px;}
.woocommerce ul.products li.product .add_to_cart_button:hover, .listing ul.products li.product .add_to_cart_button:hover{background:var(--sec);transition:all .3s ease;}
.woocommerce ul.products li.product .onsale, .listing ul.products li.product .onsale{position: absolute;top: 100px;left: 25px;width: 50px;height: 50px;display: block;padding: 10px;font-size: 150%;font-weight: 700;line-height: 1;background: var(--sec);color: var(--white);z-index:99;border-radius:0;min-height:0;min-width:0;}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link:before, .listing ul.products li.product .woocommerce-LoopProduct-link:before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:var(--main);background-image:url('media/icons/search_white.webp');background-position:center;background-size:20%;background-repeat:no-repeat;opacity:0;z-index:98;transition:all .3s ease;}
.woocommerce ul.products li.product:hover .woocommerce-LoopProduct-link:before, .listing ul.products li.product:hover .woocommerce-LoopProduct-link:before{opacity:0.6;transition:all .3s ease;}
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button, .listing ul.products li.product .tinvwl_add_to_wishlist_button{position: absolute;top: 0px;left: 35px;border-radius: 50px;width: 50px;height: 50px;display: block;padding: 7.5px;font-size: 150%;font-weight: 800;line-height: 1;background: var(--sec);color: var(--white);z-index:99;}
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before, .listing ul.products li.product .tinvwl_add_to_wishlist_button:before{font-size:35px;}
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text, .listing ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text{display:none;}
.woocommerce ul.products li.product a span.woocommerce-loop-product__title{line-height: 1.5;min-height: 85px;}

.related{margin:50px 0;}
.related h2{margin-bottom:50px;}
.related ul.products li.product{display: inline-block;width: 24%;padding: 25px;background: var(--hell);margin: 0 12.5px 12.5px 0;position:relative;}
.related ul.products li.product:before{display:none;}
.related ul.products li.product:nth-child(3){margin-right:12.5px;}
.related ul.products li.product:nth-child(4){margin-right:0;}
.related ul.products li.product .woocommerce-loop-product__title{display: block;margin:10px 0;font-size: 125%;font-weight: 600;line-height:1.3;min-height:55px;}
.related ul.products li.product .price{display: block;font-size: 100%;color:#666;}
.related ul.products li.product .price bdi{font-weight:600;font-size:150%;}
.related ul.products li.product .price .woocommerce-Price-currencySymbol{font-weight:600;font-size:100%;}
.related ul.products li.product .price del{color:#aaa;}
.related ul.products li.product .price ins{text-decoration:none;}
.related ul.products li.product .wc-gzd-additional-info{display: block;font-size: 70%;margin-top: 5px;color:#444;}
.related ul.products li.product .wc-gzd-additional-info.tax-info, .related ul.products li.product .wc-gzd-additional-info.shipping-costs-info{display:none;}
.related ul.products li.product .add_to_cart_button{background:var(--main);color:var(--white);width:100%;display:block;padding:5px;text-align:center;font-weight:500;transition:all .3s ease;position:relative;z-index:99;margin-top:25px;}
.related ul.products li.product .add_to_cart_button:hover{background:var(--sec);transition:all .3s ease;}
.related ul.products li.product .onsale{position: absolute;top: 85px;left: 25px;width: 50px;height: 50px;display: block;padding: 10px;font-size: 175%;font-weight: 600;line-height: 1;background: var(--sec);color: var(--white);z-index:99;border-radius:0;min-height:0;min-width:0;}
.related ul.products li.product .woocommerce-LoopProduct-link:before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:var(--main);;background-image:url('media/icons/search_white.webp');background-position:center;background-size:20%;background-repeat:no-repeat;opacity:0;z-index:98;transition:all .3s ease;}
.related ul.products li.product:hover .woocommerce-LoopProduct-link:before{opacity:0.6;transition:all .3s ease;}
.related ul.products li.product .tinvwl_add_to_wishlist_button{position: absolute;top: -1px;left: 25px;width: 50px;height: 50px;display: block;padding: 7.5px;font-size: 150%;font-weight: 800;line-height: 1;background: var(--sec);color: var(--white);z-index:99;}
.related ul.products li.product .tinvwl_add_to_wishlist_button:before{font-size:35px;}
.related ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text{display:none;}

.upsells{margin:50px 0;}
.upsells h2{margin-bottom:50px;}
.upsells ul.products li.product{display: inline-block;width: 24%;padding: 25px;background: var(--hell);margin: 0 12.5px 12.5px 0;position:relative;}
.upsells ul.products li.product:before{display:none;}
.upsells ul.products li.product:nth-child(3){margin-right:12.5px;}
.upsells ul.products li.product:nth-child(4){margin-right:0;}
.upsells ul.products li.product .woocommerce-loop-product__title{display: block;margin:10px 0;font-size: 125%;font-weight: 600;line-height:1.3;min-height:55px;}
.upsells ul.products li.product .price{display: block;font-size: 100%;color:#666;}
.upsells ul.products li.product .price bdi{font-weight:600;font-size:150%;}
.upsells ul.products li.product .price .woocommerce-Price-currencySymbol{font-weight:600;font-size:100%;}
.upsells ul.products li.product .price del{color:#aaa;}
.upsells ul.products li.product .price ins{text-decoration:none;}
.upsells ul.products li.product .wc-gzd-additional-info{display: block;font-size: 70%;margin-top: 5px;color:#444;}
.upsells ul.products li.product .wc-gzd-additional-info.tax-info, .related ul.products li.product .wc-gzd-additional-info.shipping-costs-info{display:none;}
.upsells ul.products li.product .add_to_cart_button{background:var(--main);color:var(--white);width:100%;display:block;padding:5px;text-align:center;font-weight:500;transition:all .3s ease;position:relative;z-index:99;margin-top:25px;}
.upsells ul.products li.product .add_to_cart_button:hover{background:var(--sec);transition:all .3s ease;}
.upsells ul.products li.product .onsale{position: absolute;top: 85px;left: 25px;width: 50px;height: 50px;display: block;padding: 10px;font-size: 175%;font-weight: 600;line-height: 1;background: var(--sec);color: var(--white);z-index:99;border-radius:0;min-height:0;min-width:0;}
.upsells ul.products li.product .woocommerce-LoopProduct-link:before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:var(--main);background-image:url('media/icons/search_white.webp');background-position:center;background-size:20%;background-repeat:no-repeat;opacity:0;z-index:98;transition:all .3s ease;}
.upsells ul.products li.product:hover .woocommerce-LoopProduct-link:before{opacity:1;transition:all .3s ease;}
.upsells ul.products li.product .tinvwl_add_to_wishlist_button{position: absolute;top: -1px;left: 25px;width: 50px;height: 50px;display: block;padding: 7.5px;font-size: 150%;font-weight: 800;line-height: 1;background: var(--sec);color: var(--white);z-index:99;}
.upsells ul.products li.product .tinvwl_add_to_wishlist_button:before{font-size:35px;}
.upsells ul.products li.product .tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text{display:none;}

.productfilter{margin-top:25px;padding:25px;background:var(--hell);}
.productfilter .yith-wcan-filters{background:none;}
.productfilter .yith-wcan-filters .filter-item{padding-left:0;}
.productfilter .yith-wcan-filters .filter-item:before{display:none;}
.productfilter .yith-wcan-filters .filter-item .term-label{color:#444!important;font-weight:500;}
.productfilter .yith-wcan-filters .filter-item input[type="checkbox"]{width:17px;height:17px;display:inline-block;margin-right:5px;}

.woocommerce-pagination ul.page-numbers{text-align:center;margin-top:50px;}
.woocommerce-pagination li{display:inline-block;margin:0 5px;padding:0;}
.woocommerce-pagination li:before{display:none;}
.woocommerce-pagination li .page-numbers{padding:5px 10px;color: #444;background: var(--hell);transition:all .3s ease;}
.woocommerce-pagination li:hover .page-numbers, .woocommerce-pagination li .page-numbers.current{color: var(--white);background: var(--sec);transition:all .3s ease;}

.angebote .woocommerce ul.products li.product, .angebote .listing ul.products li.product{width: 30%;}


/*-------------------------------------WooCommerce Shop------------------------------------------*/
.shop .woocommerce.columns-4 .tinvwl_remove_from_wishlist-text{display:none!important;}



/*-------------------------------------WooCommerce Single Product------------------------------------------*/

.single-product .product .galerie img{width:100%;background:var(--white);}

.single-product .product .produktinfos .product_title{font-size:275%;max-width:100%;}
.single-product .product .produktinfos .price{margin-bottom:-20px;}
.single-product .product .produktinfos .price bdi{font-weight:600;font-size: 200%;color:var(--main);}
.single-product .product .produktinfos .price .woocommerce-Price-currencySymbol{font-weight:600;font-size: 100%;color:var(--main);}
.single-product .product .produktinfos .price del{color:var(--main);font-size:125%;}
.single-product .product .produktinfos .price del bdi{font-weight:600;font-size: 125%;color:var(--sec);opacity:0.5;}
.single-product .product .produktinfos .price del .woocommerce-Price-currencySymbol{font-weight:600;font-size: 100%;color:var(--sec);}
.single-product .product .produktinfos .price ins{text-decoration:none;}
.single-product .product .produktinfos .price ins bdi{font-weight:600;font-size: 125%;color:var(--main);}
.single-product .product .produktinfos .price ins .woocommerce-Price-currencySymbol{font-weight:600;font-size: 100%;color:var(--main);}
.single-product .product .produktinfos .legal-price-info{display:inline-block;margin-left:15px;}
.single-product .product .produktinfos .legal-price-info .wc-gzd-additional-info{font-size:90%;}
.single-product .product .produktinfos .woocommerce-product-details__short-description{background:transparent;margin:25px 0;}
.single-product .product .produktinfos .woocommerce-product-details__short-description h2{font-size: 170%;font-weight: 400;color: var(--font);}
.single-product .product .produktinfos .woocommerce-product-details__short-description p{font-size:90%;line-height:1.4;margin-bottom:0;}
.single-product .product .produktinfos .quantity{display:inline-block;width:29%;}
.single-product .product .produktinfos .quantity input{width:100%;background:var(--hell);border:none;padding:13px 15px; margin-bottom: 0px;}
.single-product .product .produktinfos .bg{margin: 30px 0 10px!important;}
.single-product .product .produktinfos .single_add_to_cart_button{display:inline-block;width:70%;border:none;background:var(--main);color:var(--white);padding:15px 15px;font-weight: 600;transition:all .3s ease;}
.single-product .product .produktinfos .single_add_to_cart_button:hover{background:var(--sec);color:var(--white);transition:all .3s ease;}
.single-product .product .produktinfos .product_meta{display:none;}

.single-product .product .produktinfos .variations_form table{width:100%;}
.single-product .product .produktinfos .variations_form table .label{display:flex;}
.single-product .product .produktinfos .variations_form table select{padding: 10px 25px;margin-bottom: 15px;width:100%;border:solid 1px var(--hell);;border-radius: 0;background:var(--hell);}
.single-product .product .produktinfos .variations_form table label{padding: 10px 25px;margin:0;width:100%;font-weight:600;border-bottom:solid 1px var(--hell);}
.single-product .product .produktinfos .variations_form table .reset_variations{position:relative;padding:10px 25px;font-size:100%;font-weight:400;background:var(--main);color:var(--white);transition:all .3s ease;text-transform:uppercase;line-height:1;text-align:center;display:block!important;margin-bottom:25px;}
.single-product .product .produktinfos .variations_form table .reset_variations:hover{background:var(--sec);transition:all .3s ease;color:var(--white);}

.single-product .product .produktinfos .in-stock{font-size: 90%; display:inline-block;margin:0 15px 20px 0;position:relative;width:max-content;}

.single-product .product .produktinfos .yith-wcwl-add-to-wishlist{margin:15px 0;}

.single-product .product .beschreibung .woocommerce-tabs{margin:50px 0;padding:25px;background:var(--hell);}
.single-product .product .beschreibung .woocommerce-tabs .tabs li{display:inline-block;width:20%;border-right:solid 2px #444;padding:5px 15px;margin-bottom:10px;background:#ddd;margin-left:-5px;}
.single-product .product .beschreibung .woocommerce-tabs .tabs li:before{display:none;}
.single-product .product .beschreibung .woocommerce-tabs .tabs li:last-child{border:none;}
.single-product .product .beschreibung .woocommerce-tabs .tabs li.description_tab.active{margin-left:0;padding-left:0;}
.single-product .product .beschreibung .woocommerce-tabs .tabs li.active{background:var(--hell);}
.single-product .product .beschreibung .woocommerce-tabs .tabs li a{color:#212529;font-weight:500;}
.single-product .product .beschreibung .woocommerce-tabs .woocommerce-Tabs-panel{padding:25px 0 0;}
.single-product .product .beschreibung .woocommerce-tabs #tab-title-additional_information{display:none;}
.single-product .product .beschreibung .woocommerce-tabs .woocommerce-Tabs-panel ul li{width:49%;display:inline-block;font-size:80%;}

.single-product .product .galerie{position:relative;}
.single-product .product .galerie ol{padding:0;}
.single-product .product .galerie ol li{display:inline-block;width:15%;padding:15px 15px 15px 0;}
.single-product .product .galerie ol li:before{display:none;}
.single-product .product .galerie .woocommerce-product-gallery{position:relative;width:100%;}
.single-product .product .galerie .woocommerce-product-gallery .woocommerce-product-gallery__trigger{display:none;position: absolute;top:0;left:0;z-index: 9;padding: 5px 10px;background: var(--white);}
.single-product .product .galerie .onsale{position: absolute;top:0px;left: 15px;width: 50px;height: 55px;display: block;padding: 10px;font-size: 200%;font-weight: 700;line-height: 1;background: var(--sec);color: var(--white);z-index:99;border-radius:0;min-height:0;min-width:0;}

.single-product .product .after-product .headline{margin-bottom:50px;}
.single-product .product .after-product .accordion{color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:150%;transition:0.4s;background:none;padding-bottom:15px;border-bottom:solid 1px #444;}
.single-product .product .after-product .panel{padding:18px;display:none;background-color:white;overflow:hidden;}

.single-product .product .after-product h2{margin-bottom:25px;}
.single-product .product .after-product .accordionItem{border-bottom:solid 1px #aaa;padding:15px;cursor:pointer;}
.single-product .product .after-product .accordionItem.open{background:var(--hell);}
.single-product .product .after-product .accordionWrapper:last-child{border:none;}
.single-product .product .after-product .accordionWrapper .accordionItemContent{margin-top:15px;}
.single-product .product .after-product .accordionWrapper .close .accordionItemContent{height:0px;transition:opacity 0.1s ease-out;transition:height 1s ease-out;-webkit-transform: scaleY(0);-o-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);float:left;display:block;transition:all .3s ease;opacity:0;}
.single-product .product .after-product .accordionWrapper .accordionItemHeading{font-size:175%;margin-bottom:0;}

.single-product .woocommerce-product-details__short-description p a::before{content: ''; display: inline-block; background: url('media/icons/download.png') no-repeat; height: 25px; width: 30px; background-size: 25px; transform: translateY(4px);}

#phpsingle .cashback p{font-size: 90%;color: var(--dark);}
#phpsingle .cashback p strong{color: var(--main);font-size: 115%;}
#phpsingle .cashback{display: flex;   border: solid 2px var(--main);border-radius: 20px;padding: 10px 0px 10px 5px; margin-top: 25px;}
#phpsingle .cashback_bild{width: 15%;  height: 15%; margin-right: 30px;}

#phpsingle .sternchen_icon{display: flex;  justify-content: end;}
#phpsingle .sternchen_icon img{width: 15px;height: 15px;}

.artikelnunmmer{font-size: 90%;display:none;}

.paymentmethod{margin-top: 20px;}
.paymentimg{border-radius: 0; padding: 0 15px 0 0;}
.zusatzinforow{margin-top: 30px;}
.zusatzinforow .col-6{margin-bottom: 10px;}
.zusatzinforow .versand::before{content: ''; display: inline-block; background: url('media/icons/package-box.png') no-repeat; height: 25px; width: 40px; background-size: 25px; transform: translateY(6px);}
.zusatzinforow .rechnung::before{content: ''; display: inline-block; background: url('media/icons/receipt.png') no-repeat; height: 25px; width: 40px; background-size: 25px; transform: translateY(6px);}
.zusatzinforow .rueckgabe::before{content: ''; display: inline-block; background: url('media/icons/refund.png') no-repeat; height: 25px; width: 40px; background-size: 25px; transform: translateY(6px);}
.zusatzinforow .lager::before{content: ''; display: inline-block; background: url('media/icons/lieferbox.png') no-repeat; height: 25px; width: 40px; background-size: 25px; transform: translateY(6px);}

/*------------------------------WOOCOMMERCE WARENKORB----------------------------------------------------*/

.warenkorb .woocommerce .woocommerce-cart-form h1{margin-bottom: 30px;}
.warenkorb .woocommerce .woocommerce-cart-form .actions .coupon #coupon_code{width: max-content;padding: 10px 15px;margin-right: 10px;background:var(--hell);border:none;}
.warenkorb .woocommerce .woocommerce-cart-form .product-thumbnail img{max-width: 30%;}
.warenkorb .woocommerce .cart-collaterals .cart_totals h2{margin-bottom: 20px;}
.warenkorb .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button{background: var(--main);border-radius: 5px;width: 100%;text-align: center;padding: 15px;transition: 0.3s;}
.warenkorb .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover{background: var(--sec);transition: 0.3s;}
.warenkorb .woocommerce .cart-collaterals .cart_totals .shop_table{border: none;}
.warenkorb .woocommerce .cart-collaterals .cart_totals{margin-top: 30px;width: 50%;}

.warenkorb .woocommerce .shop_table .cart_item input{padding:5px 15px;background:var(--hell);border:none;width:75%;text-align:left;}
.warenkorb .woocommerce .shop_table .cart_item:nth-child(2n) input{background:var(--white);}
.warenkorb .woocommerce .shop_table{border:none;-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);}
.warenkorb .woocommerce .shop_table tr td{padding:20px 10px;}
.warenkorb .woocommerce .shop_table tr td.product-name a{color:#212529;}
.warenkorb .woocommerce .shop_table tr:nth-child(2n){background:var(--hell);}
.warenkorb .woocommerce .shop_table tr button{color:#515151!important;}
.warenkorb .woocommerce .shop_table tr.order-total td bdi{font-weight:600;color: var(--font);}
.warenkorb .woocommerce .shop_table tr.order-total td bdi .woocommerce-Price-currencySymbol{font-weight:600;color: var(--font);}
.warenkorb .woocommerce .cart_totals  .shop_table tr td{padding:10px 15px;}
.warenkorb .woocommerce .cart_totals  .shop_table .shipping-calculator-button{color:#212529;}
.tinvwl-table-manage-list tr:nth-child(2n){background:var(--hell);}

.warenkorb .cart_totals  ul li::before {display: none;}



/*------------------------------WooCommerce Kasse--------------------------------------------------------*/

.kasse .woocommerce h3{margin-bottom: 20px;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: var(--white);}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 0;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{padding: 0;}
.kasse .place-order #place_order{background: var(--main);border-radius: 5px;width: 100%;text-align: center;padding: 15px;transition: 0.3s;}
.kasse .place-order #place_order:hover{background: var(--sec);transition: 0.3s;}
.woocommerce-checkout .shop_table{background-color: var(--white)!important;}
.kasse .woocommerce table.shop_table{border: none;}
.kasse .woocommerce table.shop_table .product-name{width:65%;}
.kasse .shop_table tr:nth-child(2n){background-color: #f5f5f5;}
.woocommerce table.shop_table tbody .order-total th,
.woocommerce table.shop_table.cart th{color: #212529;}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{border-top: none;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 49%;}
.coupon label{display:none;}

.dhl-preferred-service-content .dhl-preferred-service-item{margin-bottom: 0;border-top: solid 1px #eee;padding: 20px 0;}
.dhl-preferred-service-content .dhl-preferred-service-item .dhl-preferred-delivery-types li, .dhl-preferred-service-content .dhl-preferred-service-item .dhl-preferred-location-types li{padding: 0;}

li::before{display: none;}

.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before{display: none;}
.woocommerce-error li::before, .woocommerce-info li::before, .woocommerce-message li::before{display: none;}

.kasse .woocommerce ul li::before {display: none;}
.kasse .woocommerce .woocommerce-table.woocommerce-table--order-details.shop_table.order_details th{color: #212529;}
.kasse .woocommerce thead th{font-size: 130%;}

.kasse .woocommerce-checkout #payment ul.payment_methods li input{position: absolute;  top: 15px;}


/*------------------------------WooCommerce Mein Konto------------------------------------------------------*/

#customer_login{width:100%;}

.mein-konto form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{border: none;padding: 0;margin: 50px 0;border-radius: 0;}
.mein-konto .woocommerce form .form-row{display: block;width: 100%;}
.mein-konto .woocommerce-form-login{width: 100%;}
.mein-konto .woocommerce-form-login .woocommerce-form-login__submit{color: var(--white);background: var(--main);border-radius: 0;width: 100%;text-align: center;padding: 15px;transition: 0.3s;}
.mein-konto .woocommerce-form-login .woocommerce-form-login__submit:hover{color: var(--white);background: var(--sec);transition: 0.3s;}
.mein-konto .woocommerce-form-register .woocommerce-form-register__submit{color: var(--white);background: var(--main);border-radius: 0;width: 100%;text-align: center;padding: 15px;transition: 0.3s;margin-top:42px;}
.mein-konto .woocommerce-form-register .woocommerce-form-register__submit:hover{color: var(--white);background: var(--sec);transition: 0.3s;}

.mein-konto .form{border:none;-webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);padding:25px;}
.mein-konto .woocommerce{display:flex;justify-content: center;}
.mein-konto .woocommerce-MyAccount-navigation{display:inline-block;width:20%;margin-right:5%;background:var(--main);padding:25px;height:375px;-webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);}
.mein-konto .woocommerce-MyAccount-navigation ul li{padding:10px;border-bottom:solid 1px var(--white);}
.mein-konto .woocommerce-MyAccount-navigation ul li::before{background: none;}
.mein-konto .woocommerce-MyAccount-navigation ul li:last-child{border:none;}
.mein-konto .woocommerce-MyAccount-navigation ul li a{color:var(--white);font-weight:300;}
.mein-konto .woocommerce-MyAccount-navigation ul li.is-active a{font-weight:600;}
.mein-konto .woocommerce-MyAccount-content{display:inline-block;width:70%;background:var(--hell);padding:25px;-webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);}
.mein-konto .woocommerce-MyAccount-content .woocommerce-Address-single{padding:15px;background:var(--white);height:100%;display:block;}
.mein-konto .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input{background:var(--white);}
.mein-konto .woocommerce-MyAccount-content .woocommerce-address-fields .form-row select{background:var(--white);padding:5px 15px;border:none;}

/*------------------------------WooCommerce Wishlist------------------------------------------------------*/
.tinv-wishlist.woocommerce.tinv-wishlist-clear .wishlist_item{border-top: 1px solid rgba(0,0,0,.1);}
.tinv-wishlist.woocommerce.tinv-wishlist-clear .wishlist_item{border-bottom: 1px solid rgba(0,0,0,.1);}
.tinv-wishlist.woocommerce.tinv-wishlist-clear .tinvwl-table-manage-list {box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);}
.tinvwl-full{color: #212529;font-weight:600;}
.tinv-wishlist.woocommerce.tinv-wishlist-clear .tinvwl-table-manage-list .product-price, .product-date, .product-stock{color: #212529;font-weight:600;}
.product-name a{color:#212529 ;}
.woocommerce a.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt {background-color:var(--main) ;}
.woocommerce a.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover {background-color:var(--main) ;transition:all .3s ease;}
.product-remove .ftinvwl.ftinvwl-times{display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1; border-radius: 100%;color: var(--wc-red) !important; text-decoration: none;font-weight: 700;border: 0;}
.product-remove .ftinvwl.ftinvwl-times:hover{ color: var(--white) !important;background: var(--wc-red);}
.tinv-wishlist .product-remove button{background-color:transparent;}

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


    #exampleModalCenter.modal.fade.show{display: block;margin:auto;width: 62%!important;top: 0!important;background-color: var(--white);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: max-content;}

    .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: -20px;}
    #page-header .button .text .cart{right: 0px;}
    #page-header .button .text .mein-konto{right: -15px;}

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

}
@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: var(--dark);}
    #page-header .menu_buttons{position: relative; left: -40px;}
    .blog-id-2 #page-header .menu_buttons{left: 0px;}
    #page-header .button .text .mein-konto{bottom: 0;right: 5px;}
    #page-header .button .text .cart{bottom: 6px;right:20px;}
    #page-header .button .text .wishlist{right: 0px; bottom: 2px;}

    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}
    
    .flx_textblock.mitteaser .content{padding: 15px;padding-left: 20px;}

    .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_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 .beschreibung{padding: 20px 60px 0px 0px;}
    .blog-id-2 .flx_textblock.referenzen .padding:nth-child(1){padding: 15px 0;}
    .flx_textblock.mitmenue .item .headline{padding-left: 40px;}
    .flx_textblock.mitmenue .btn{margin: 0px 35px 50px; padding: 5px 60px;}
    .flx_textblock.mitmenue .item p{padding: 0px 40px;}

    .flx_textblock.mitmenue .btn:hover{padding: 5px 60px;margin: 0px 35px 50px;}

    .ueber-jockel .flx_textblock.mitbild.rechts .btn{padding-right: 40px; padding-left: 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;}
    #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;}

    .ueber-jockel .flx_textblock.mitbild.rechts .bild::after {width: 107%; height: 107%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before {width: 120%;height: 120%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{right: -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;}
} 
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1360px){
    .blog-id-2 .flx_textblock.mitbild.links{margin-top: 1rem;margin-bottom: 50px;}
    .blog-id-2 .flx_textblock.referenzen{padding: 50px 0;}
    #page-header #toppermenu .menu li:last-child{margin: 0 0 0 20px;padding: 0 10px;}

    .flx_textblock.referenzen .padding:last-child{margin-top: 20px;}
    .flx_textblock.referenzen .name{display: block;width: 85%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before {width: 90%;height: 100%;top: 390px;left: 40px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{right: -10px;width: 90%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::after {width: 101%;height: 75%;}
    .flx_textblock.mitteaser .content {height: 310px;}

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

    .flx_textblock.mitmenue .btn:hover{margin: 0px 15px 50px;}

    .hausmeister .flx_produkt_uebersicht .signet img {top:10px;}

    .sidebar .instgram,
    .sidebar .whatsapp,
    .sidebar .facebook{width: 30px;height: 31px;}

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

    
    .headline{font-size:200%;}
 
    #page-header #toppermenu .menu li a{padding:5px 10px;font-size:85%;top: 345px;left: 88px;}
    .blog-id-2 #page-header #toppermenu .menu li a{padding:5px 15px;}

    #page-header #toppermenu .burgerbutton{display:block;width:30px;height:30px;position:absolute;top:-4px;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:absolute;top:-20px;right:-110%;left:110%;bottom:0;transition:all .3s ease;background:var(--white);height:460px;padding-top:140px;}
    #page-header #toppermenu .menu.active{display:block;right:0;left:unset;transition:all .3s ease;box-shadow: 0 5px 11px #0002;width:270px;height: max-content;padding-bottom: 50px;padding-top: 150px;}
    #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 .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:last-child{margin: 20px auto 0;}
    #page-header #toppermenu .menu li.current-menu-item::after, #page-header .middle .menu li.current_page_parent::after{bottom:10px;}

    #page-header .button .text .mein-konto{right: 35px;}
    #page-header .button .text .cart{right: 40px;}
    #page-header .button .text .wishlist{right: 10px}
    #menu-item-1277{display: block!important;text-align: center;}
    .malerbetrieb.obermenu{display: none;}

    
    #page-header.bottom .logo img{width:100px;}
    .blog-id-2 #page-header .logo img{width:170px;}
    .blog-id-2 #page-header.bottom .logo img{width:170px;}
    #page-header #toppermenu .menu{padding-top: 15px;}
    #page-header .trigger{font-size: 80%;top: 9px;right: -15px;}
    
    .flx_beispiele .content p{min-height: 106px;}

    .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 .padding:last-child{margin-top: 15px;}
    .flx_textblock.referenzen .btn-link.collapsed::after{top: 7px;}

    .flx_textblock.mitmenue .btn:hover{padding: 5px 110px;}
    .flx_textblock.mitmenue .btn:hover{margin: 0px 35px 50px;}

    .flx_textblock.mitbild.rechts .text p{font-size: 90%;}
    .flx_textblock.mitbild.rechts .bild {justify-content: center;display: flex;}
    .flx_textblock.mitbild .bild img{width: 100%!important;}

    .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%;}

    .flx_jockel_block .content{padding: 40px 0 60px 40px;}

    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{right: -30%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before{width:110%;top:370px;left: -70px;}

    .hausmeister .flx_produkt_uebersicht .signet img{top: -30px;}
    .kleingaertner .flx_produkt_uebersicht .signet img{top: -30px;}

    #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_textblock.mitmenue .item p{min-height: 150px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{right: 5%;width: 100%; top: -30px;}

    .ueber-jockel .flx_textblock.mitbild.rechts{padding-bottom: 20px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .btn{padding-right: 30px; padding-left: 30px;}

    .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: 5px 25px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd) .btn{padding: 5px 25px;}

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

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

    .flx_service .pfeil_bild{display: none;}
    .flx_service .content{width: 100%;}

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

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

    #page-header .logo img{position: relative;width: 25%;}
    #page-header #toppermenu .menu li:last-child{margin: 0 auto;}
    #page-header #toppermenu .menu li.current-menu-item::after, #page-header .middle .menu li.current_page_parent::after{bottom:10px;} */

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

    .zahlungversand{margin-top: 40px;}

    .flx_textblock.mitbild.links .text{padding-top: 120px;}
    .flx_textblock.mitbild .bild img{width: 100%!important;}
    .flx_textblock.mitbild.rechts .bild{margin-top:60px;}
    .flx_textblock.mitbild .bild {display: flex;justify-content: center;}
    .flx_textblock.mitbild.links .bild {display: flex;justify-content: center;}

    .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 .container{padding: 0px 15px 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}
    .blog-id-2 .flx_ueber_mich .socials{display: none;}
    .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%;}
    .blog-id-2 #page-footer a.logo img{width: 170px;}
    #page-footer .adresse{padding-left: 40px;}
    #page-footer .adresse p span{padding-left:0px;}
    #page-footer .socials{display: flex;padding-top: 50px;}


    .ueber-jockel .flx_textblock.mitbild.rechts .bild img {width: 90%;height: 90%;top:-80px;display: flex;right: -50px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before{top: 580px;}
    .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: 10px 0px 20px;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.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_textblock.mitteaser .row img{width: 431px;}

    .ueber-jockel .flx_textblock.mitbild.rechts{padding-bottom: 90px;}

    .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: 100%;}

    #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 .kontakt_info{padding-bottom: 100px;}

    .impressum .inhaltsbloecke{margin-top: 40px;}
    .widerrufsrecht .inhaltsbloecke{margin-top: 50px;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:945px) {
    .flx_ueber_mich .socials{padding-bottom: 20px;}
    .flx_ueber_mich .socials a.whatsapp::before {left: -105px;bottom: -30px;}
    .flx_ueber_mich .socials a.instagram::before {bottom: -30px;left: -65px;}
    .flx_ueber_mich .socials a.facebook::before {bottom: -30px;left: -25px;}

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

    .flx_textblock.mitteaser div .item{margin: -15px 0px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:887px) {
    .paymentmethod{margin-top: 75px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:850px) {
    .owl-controls{top: 45%;}

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

    .flx_textblock.referenzen .kurzbeschreibung{font-size: 80%;margin: 0 0 20px;}
    .flx_textblock.referenzen .padding:last-child{margin-top: 55px;}
    .flx_textblock.referenzen .name{font-size: 85%;}

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

    #page-footer .daten{padding-top: 56px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    #page-header.bottom{padding-top: 10px;}

    .paymentmethod{margin-top: 25px;}

    #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%;}

    .inhaltsbloecke{margin-top: 90px;}

    .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 img{height: 200px;}
    #warum.flx_textblock.mitteaser img{height: 150px!important;padding: 1.5rem;}
    .flx_textblock.mitteaser .text{padding-bottom: 25px;}

    .flx_textblock.mitbild.rechts .text{text-align: center;}
    .flx_textblock.mitbild.rechts .headline{font-size: 210%;}

    .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;}

    .flx_jockel_block .nopadding{padding-left: 55px;}
    .flx_jockel_block .bild{width: 300px !important;height: 300px !important;}

    #page-footer .logoimg{width: 50%;}
    #page-footer .daten{padding-top: 48px;margin-left: -40px;}
    #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%;}

    .blog-id-2 #page-footer .logos{width: 100%;max-width: 100%!important;flex: 0 0 100%;}
    .blog-id-2 #page-footer .adresse{padding-left: 15px;flex: 0 0 100%;max-width: 100%;padding-top: 3rem;}

    .flx_textblock.referenzen .padding:nth-child(2){padding-right: 30px;padding-top: 15px;padding-bottom: 20px;}
    .flx_textblock.referenzen .openbutton{padding-right: 30px;}
    .flx_textblock.referenzen .name{font-size:100%;margin: 0;line-height: 1.2;width: 90%;}
    .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: flex-start;}
    .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;}
    
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before{height: 150px;top: 380px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{width: 80%;top: -30px;}


    .owl-carousel .owl-nav{top: 42%;}
    .owl-carousel .owl-nav .owl-next{right: 18%;}

    #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%;}

    .antischimmel-box .related h2{font-size: 160%;}

    .owl-carousel .owl-nav .owl-next{right:5%;}
    
    .flx_textblock.mitmenue .btn{padding: 5px 110px;}

    .flx_googlebewertung .button .btn{padding: 4px 20px;}
    .flx_googlebewertung .buttonzwei .btnzwei{padding: 8px 20px;}
    .flx_googlebewertung .buttondrei .btndrei{padding: 8px 20px !important;}
    .startseite .flx_textblock.mitbild.rechts .text a{padding: 0px 10px;}

    .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%;}

    .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;}

    #page-footer .copyright .menu-footermenu-container ul li{font-size: 100%;}

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

    #page-footer .socials a.facebook{margin-left: 10px;}
    #page-footer .adresse{padding-left: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;}
   
    .widerrufsrecht .inhaltsbloecke{margin-top: 40px;}

    .warenkorb .woocommerce .cart-collaterals .cart_totals {width: 100%;}

    .flx_service .pfeil_bild img{display: none;}
    .flx_service .reihe img{height: 60px;}

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

    #exampleModalCenter.modal.fade.show .modal-header .close{left: 93%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(odd){max-width:100%;margin: 0;padding: 10px 20px 20px!important;margin-bottom: 15px;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product:nth-child(even){max-width:100%;margin: 0;padding: 10px 20px 20px!important;}
    #exampleModalCenter.modal.fade.show .icon{display: none;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product .popheadline{font-size: 90%;font-weight: 600;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product p{font-size: 80%;}


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

    .container{padding:0 15px;}

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

    .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_jockel_block .nopadding{padding-left: 15px;}
    .flx_jockel_block .text .content{padding: 0px 0 20px 5px;}
    .flx_jockel_block .btn {padding: 5px 25px;}

    #page-header .logo img{width:40%;}
    /* #page-header.bottom .logo img{width:45%;} */

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

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

    #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: 30px;}

    .blog-id-2 #page-footer .copyright .menu-footermenu-container ul{padding: 0;display: flex;justify-content: space-around;flex-wrap: wrap;}
    .blog-id-2 #page-footer .copyright .menu-footermenu-container ul li{padding: 0;}
    .blog-id-2 #page-footer .copyright span{text-align: center;}

    .ueber-jockel .flx_textblock.mitbild.rechts .headline {font-size: 200%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .subline {font-size: 120%;}

    .flx_jockel_block .bild{width: 130%;height: 100%;}
    .flx_jockel_block .content{padding: 30px 0 20px 40px;}
    .flx_jockel_block{font-size: 80%;padding-bottom: 5px;}
    .flx_jockel_block .btn{padding: 5px 5px;}
    .flx_jockel_block .socials a.whatsapp::before {left: -110px;}
    .flx_jockel_block .socials a.instagram::before {left: -70px;}
    .flx_jockel_block .socials a.facebook::before {left: -30px;}
    .flx_jockel_block .headline{font-size: 240%;}


    .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%;}


    .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%;}

    .flx_textblock.mitbild.links .text {margin-bottom: 50px;}

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

    .ueber-jockel.inhaltsbloecke{margin-top: -5px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before{height: 130px;left: 10px;top:370px; width: 100%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{width: 90%;height: 110%;top: -15px; right: 10px;}

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

    .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: 10px 0px;}
    .flx_textblock.mitmenue .btn:hover {padding: 10px 0px;}

    .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_textblock.mitbild.rechts .alle_buttons {justify-content: center;}

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

    .hausmeister .flx_produkt_uebersicht .signet img {top:0px;}
        
    .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;}

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

    .flx_service .reihe .headline{font-size: 100%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {

    .flx_textblock.referenzen .kurzbeschreibung{width: 90%;}
    .flx_textblock.referenzen .btn-link.collapsed::after,
    .flx_textblock.referenzen .btn-link::after{width: 47px!important;height: 47px!important;right: 15px!important;}
    
    .flx_textblock.mitbild.rechts .headline{font-size: 150%;}

    #page-footer a.logo img{width: 30%;}
    #page-footer .adresse{padding-top: 30px;padding-left: 20px;}
    #page-footer .daten{padding-left: 40px; padding-top: 20px;}
    #page-footer .additional_info{margin-top: -40px; padding-left: 20px;}
    #page-footer .socials{margin-top: -120px;  margin-left: -15px;}

    #page-footer .daten{padding-left: 60px;}
    #page-footer .copyright .menu-footermenu-container ul li a{font-size: 110%;}

    .sidebar .instgram,
    .sidebar .whatsapp,
    .sidebar .facebook{width: 25px;height: 26px;}



}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:500px) {
    #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;}
    #page-header #toppermenu .menu.active{left: 7.5px;}
    #page-header #toppermenu .menu li{margin: 0;
        text-align: center;
        max-width: 100%;
        width: 100%;}
    #page-header #toppermenu .burgerbutton{top: -8px;}
    #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%;}

    .sidebar{right: 10px;}


    .paymentmethod{margin-top: 75px;}

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

    .flx_textblock.mitbild.rechts .alle_buttons{display: flex;justify-content: center;flex-direction: column;    }
    .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 .buttons{display: grid;justify-content: center;padding-top: 15px;}
    .flx_googlebewertung .button{padding: 20px 0px; text-align: center;}
    .flx_googlebewertung .button .btn{padding: 6px 90px;}
    .flx_googlebewertung .buttonzwei{padding: 20px 0px; }
    .flx_googlebewertung .buttonzwei .btnzwei{padding: 8px 70px;}
    .flx_googlebewertung .buttondrei{padding: 20px 0px;}
    .flx_googlebewertung .buttondrei .btndrei{padding: 8px 70px !important;}

    .ueber-jockel .flx_textblock.mitbild.rechts .farbebtn .btn{padding-right: 50px;padding-left: 50px;}

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

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

    #exampleModalCenter.modal.fade.show .modal-header .headline{font-size: 125%;}
    #exampleModalCenter.modal.fade.show .popup .topline{font-size: 100%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product .popheadline{font-size: 90%;}
    #exampleModalCenter.modal.fade.show .popup-products .up-product p{font-size: 80%!important;margin-bottom: 10px;}

    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before {top: 330px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img {top: 6px;}

    #page-header .menu_buttons .trigger.active{top: 340px; left:0;position:absolute;width:105%;text-align:center;}

    .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%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    #page-header #toppermenu .burgerbutton{top: -10px;}
    #page-header.bottom #toppermenu .burgerbutton{top: 5px;}
    .blog-id-2 #page-header.bottom #toppermenu .burgerbutton{top: -10px;}
    #page-header.bottom .logo img{top: 10px;}
    .blog-id-2 #page-header.bottom .logo img{top: 0;}
    #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{width: 70%;}

    .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;}

    .flx_jockel_block .text{padding-right: 0px;}
    .flx_jockel_block .socials a.whatsapp::before {left: -120px;}
    .flx_jockel_block .socials a.instagram::before {left: -80px;}
    .flx_jockel_block .socials a.facebook::before {left: -40px;}

    .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_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%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::before {top: 297px;width: 90%;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild img{top: 32px;}
    .ueber-jockel .flx_textblock.mitbild.rechts .bild::after {width: 107%;left: -10px;}

    .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;}
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{width: 100%;}

    .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-header .close{left: 91%;top: -2%;}
    #exampleModalCenter.modal.fade.show{padding: 20px;}
    #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%;}

    #exampleModalCenter.modal.fade.show .popup-products .up-product p{display: none;}

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

    .blog-id-2 #page-footer .copyright .menu-footermenu-container ul{flex-direction: column;text-align: center;}



}