/* --------------Farben s. Header-Style------------- */ :root{ --white: #FFFFFF; --black: #444; --grey: #666; --lightgrey: #F5F6F7; /* --prime: ; --sec: ; --third: ; --btnhover: ; */ --br: 5px; } /* --------------Farben s. Header-Style------------- */ body,html,*{font-size:19px;line-height:1.388;font-family:'Hind';color: var(--black);font-weight: 400;} html{scroll-behavior: smooth;overflow-x: hidden;} /* *:focus{text-decoration:none;border: none;outline: none;box-shadow: none!important;} */ a{color:var(--black);text-decoration:none;font-size:100%;transition:all .3s ease;} a:hover{text-decoration:none;color:var(--prime);transition:all .3s ease;} a:focus{text-decoration:none;} p{color: var(--black);line-height: 1.388;} span{color: var(--black);} ul{padding:0;margin:15px 0;} ul li{list-style:none;position:relative;padding-left: 15px;} ul li:before{content:'';width:7.5px;height:7.5px;display:block;background:var(--prime);border-radius:50%;position:absolute;left:0;top:7.5px;} ol{padding-left:20px;margin:0;} label{display: flex;align-items: flex-start;gap:15px;} input[type="checkbox"], input[type="radio"]{margin-top: 5px;} img{max-width:100%;height:auto;border-radius: var(--br);} h1{font-size:340%;font-weight:600;display:block;position:relative;color:var(--prime);margin:0;line-height:1.133;} h2{font-size:200%;font-weight:600;display:block;color:var(--black);margin:0;line-height:1.133;} h3{font-size:120%;font-weight:600;display:block;color:var(--black);margin:0;line-height:1.133;} .headline{margin-bottom: 30px; color: var(--prime);} .topline{margin-bottom: 10px; color: var(--black);} .btn{position:relative;padding:10px 40px 8px;font-size:100%;font-weight:600;background:var(--prime);color:#fff;transition:all .3s ease;line-height:1.2;text-align:center;border-radius: var(--br);} .btn:hover{background:var(--btnhover);transition:all .3s ease;color: #fff!important;} strong{font-weight:600;font-size:100%;} .container{max-width:1600px;} .container.wide{max-width:1520px;} .ppcp-messages{display:none!important;} .select2-dropdown li:before{display:none;} #wpadminbar{display: none;} /*------------------------------------Header-------------------------------------------------*/ #page-header{position:absolute;top:0;right:0;left:0;z-index:999;background:#fff} #page-header li:before{display:none;} #page-header .logo{display:block;} #page-header .logo img{max-width: 180px;} #page-header.bottom .logo img{max-width: 120px; padding: 10px 0;} #page-header .topheader{background-color: var(--prime);} #page-header.bottom{position:fixed;top:0;left:0;right:0;background:#fff;-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} #page-header.bottom .left .logo img{max-width:75%;display:block;} #page-header.bottom .right{padding:15px;} #page-header.bottom .topheader{display: none;} #page-header.bottom .row.unten{margin-top: 0;padding: 0;} #page-header.bottom .row.unten .logo img{max-width: 120px;} @keyframes fadein { from { top: -200px; } to { top: 0; } } @-moz-keyframes fadein { from { top: -200px; } to { top: 0; } } @-webkit-keyframes fadein { from { top: -200px; } to { top: 0; } } @-ms-keyframes fadein { from { top: -200px; } to { top: 0; } } #page-header a{font-weight: 400;} #page-header .row{align-items: center;} #page-header .topheader .contact ul{display: flex;justify-content: flex-end;} #page-header .topheader .contact ul li a{color: #fff;font-size: 90%;font-weight: 400;font-weight: 400;} #page-header .topheader .contact ul li a img{margin-right:7.5px;filter: brightness(100);max-width: 20px;margin-top:-2px;} #page-header .topheader .contact ul li a.support img{max-width:17.5px;} #page-header .topheader .versand{text-align: center;} #page-header .topheader .versand ul{margin: 8px 0 5px;} #page-header .topheader .versand ul li{font-size: 85%;} #page-header .topheader .versand ul li{padding-left: 0;} #page-header .topheader li{color: #fff;font-size: 90%;font-weight: 400;} #page-header .bottomheader{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding: 10px 0;} #page-header .bottomheader .menu{position: relative;} #page-header .bottomheader .menu li{display: inline-block; width: fit-content; position: relative; padding-right: 25px; padding-bottom: 20px; margin-bottom: -20px;} #page-header .bottomheader .menu .sub-menu{display: none;} /* #page-header .bottomheader .menu .sub-menu li{display: block; padding-bottom: 10px; padding-left: 0; padding-right: 35px; flex: 0 0 auto; max-width: 185px;} #page-header .bottomheader .menu .menu-item-has-children{padding-bottom: 20px;margin-bottom: -20px;} #page-header .bottomheader .menu .menu-item-has-children:hover .sub-menu{display: block; position: absolute;top: 20px; background-color: white; padding: 20px 20px 10px; display: flex;} #page-header .bottomheader .menu .menu-item-has-children:hover .sub-menu li .sub-menu{display: block; top: 40px;} */ #page-header .bottomheader .menu > li.menu-item-has-children > a{position:relative;padding-right:16px; cursor: pointer;transition:color .2s ease;} #page-header .bottomheader .menu > li.menu-item-has-children > a:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease;} #page-header .bottomheader .menu > li.menu-item-has-children:hover > a:after{transform:translateY(-50%) rotate(180deg);} #page-header .bottomheader .menu > li.menu-item-has-children > a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .2s ease,transform .25s ease;} #page-header .bottomheader .menu > li.menu-item-has-children:hover > a:before{opacity:1;transform:scaleX(1);} #page-header .bottomheader .menu .sub-menu{display:none;} #page-header .bottomheader .bigmenu:hover > .sub-menu{display:flex;position:absolute;top: 20px;left:0;z-index:9999;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.12); padding:30px;gap:30px;align-items:flex-start;width:max-content;min-width:700px;} #page-header .bottomheader .bigmenu > .sub-menu > li{display:block;padding:0;margin:0;max-width:220px; padding-right: 20px;} #page-header .bottomheader .bigmenu > .sub-menu > li > a{display:block;font-weight:600;padding-bottom:25px;} #page-header .bottomheader .bigmenu > .sub-menu > li > .sub-menu{display:block;position:static;padding:0;margin:0;} #page-header .bottomheader .bigmenu > .sub-menu > li > .sub-menu > li{display:block;padding:0 0 10px 0;max-width:none; margin-bottom: 0;} #page-header .bottomheader .menu > li:not(.bigmenu):hover > .sub-menu{display:block;position:absolute;top: 20px;left:0;z-index:9999;background:#fff;padding:30px 10px 20px; box-shadow:0 8px 24px rgba(0,0,0,0.12); min-width: 250px;} #page-header .bottomheader .menu > li:not(.bigmenu) .sub-menu .sub-menu{display:none;} #page-header .bottomheader .menu > li:not(.bigmenu):hover > .sub-menu li{margin-bottom: 0; padding-bottom: 10px; width: 100%;} #page-header .bottomheader .menu > li:not(.bigmenu) > .sub-menu li a{width: 100%; display: block;} #page-header .bottomheader .cart img{width: 30px; height: 30px; display: block; position: absolute; right: 140px; top: 50%; transform: translateY(-50%);} #page-header .cart .cart-count {position: absolute; top: 0; right: 130px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 50px; background: red; color: #fff; font-size: 12px; line-height: 20px; text-align: center; font-weight: 700;} #page-header .bottomheader .account img{width: 30px; height: 30px; display: block; position: absolute; right: 80px; top: 50%; transform: translateY(-50%);} #page-header .burgerbutton{display:none; z-index: 9999; position: relative; width:40px;height:30px;cursor:pointer; background: none; border: none;} #page-header .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--dark);border-radius:20px;transition:all .3s ease;} #page-header .burgerbutton span:nth-child(1){margin-top: 0px;} #page-header .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:4px;} #page-header .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;} #page-header .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;} #page-header .account ul{display: flex;justify-content: flex-end;} #page-header .account ul li{padding-left: 10px;} #page-header .account ul li.cart img{max-width: 70%;} #page-header .account ul li.account img{max-width: 70%;} #page-header .count{position: absolute;bottom: -5px;background-color:var(--sec);color:#fff;border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 1.1;right: -5px;padding: 4px;font-size: 70%;} #page-header .count.wishlist_products_counter_number{background-color:var(--third);} #page-header .row.unten{align-items: center;padding: 10px 0;} #page-header .row.unten #toppermenu{display: flex;justify-content: space-between;} #page-header .row.unten #toppermenu.onlymobile{display:none;} #page-header .row.unten #toppermenu .menu{display: flex;justify-content: space-between;} #page-header .row.unten #toppermenu .menu li{margin-left: 20px;padding-left: 0;} #page-header .row.unten #toppermenu .menu li:first-child{margin-left: 0;} #page-header .row.unten #toppermenu .menu .sub-menu li{margin-left: 0;padding: 5px 0;} #page-header .row.unten #toppermenu .menu .sub-menu li:first-child{margin-left: 0px;;} #page-header .row.unten #toppermenu .menu li.current-menu-item > a, #page-header .row.unten #toppermenu .menu li.current-menu-parent > a{color: var(--prime);font-weight: 600;} #page-header .row.unten .right .row{justify-content: end;gap: 50px;padding-right:15px;} #page-header .row.unten .right .account ul{display: flex;justify-content: space-between;align-items: center;} #page-header .row.unten .right .account ul li:first-child{padding-left: 0;margin-right: 5px;} #page-header .menu-menu-container{width: 100%;} #page-header #toppermenu .menu li > a:hover{transition:all .3s ease;} #page-header #toppermenu .menu > li:last-child{padding-left:30px;} #page-header #toppermenu .menu > li:last-child a:hover{background:var(--buttonhover);transition: all .3s ease;} #page-header #toppermenu .menu > li:last-child:after{display:none;} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu{display:none;position:absolute;top:13px;left:0;width:305px;background:#eaf4f4;-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:1000;text-align:left;padding:10px 15px;} #page-header #toppermenu .menu li.menu-item-has-children:hover > .sub-menu{display:block;} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li{padding:0px 15px;width:100%;text-align:left;} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a{padding:5px 0;} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.current-menu-item a{color:var(--sec);} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.current-menu-item:after{display:none;} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{left:100%;top:-10px;background:var(--sec);} #page-header #toppermenu .menu li.menu-item-has-children{position: relative;} #page-header #toppermenu .menu li.menu-item-has-children::after{position: absolute;content: '';right: -25px;top: 4px;background: url('media/icons/arrow.svg');background-position: center;background-repeat: no-repeat;width: 20px;height: 20px;} #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a{color:var(--white);} /*------------------------------------Footer-------------------------------------------------*/ #page-footer{margin-top: 100px;padding:50px 0 15px;background: var(--prime);position: relative;} #page-footer *{color: var(--white);} /* #page-footer::before{position: absolute;content: '';background: url('media/background.png');background-repeat: no-repeat;background-size: cover;background-position: center;width: 770px;height: 100%;left: 0;bottom: 0;} */ #page-footer li{padding: 0;display: flex;align-items: center;} #page-footer li:before{display:none;} #page-footer .row.oben ul:first-child{margin-top: 60px;} #page-footer .row.oben ul:last-child{margin-top: 10px;} #page-footer .row.oben img{margin-bottom: 0px;} #page-footer a, #page-footer span, #page-footer p{font-size: 90%;} #page-footer a:hover{text-decoration: underline;} #page-footer .item.right .headline{color: var(--white);margin-bottom: 20px;font-weight: 400;font-weight: 600;} #page-footer .item.right span{font-weight: 400;} #page-footer .item.right .menu .menu{margin-top: 20px;} #page-footer .item.right .newsletter{margin-bottom: 60px;} #page-footer .item.right .menus{margin-bottom: 50px;} #page-footer .zahlungsarten li{display:inline-block;} #page-footer .zahlungsarten li img{width:60%; filter: invert(1);} .flx_benefits{padding-bottom: 0!important;} .flx_benefits .benefit{display: flex;} .flx_benefits .benefit .outer{padding: 15px; max-width: 40%; flex: 0 0 40%;} .flx_benefits .benefit .icon{ aspect-ratio: 1; background-color: var(--prime); border-radius: var(--br); padding: 25px; align-content: center;} .flx_benefits .benefit .icon img{width: 100%; filter: invert(1);} .flx_benefits .benefit .inhalt{max-width: 60%; flex: 0 0 60%; margin-left: 10px; align-content: center;} .flx_benefits .benefit .inhalt .headline{font-weight: 700; margin-bottom: 5px; font-size: 100%;} .flx_benefits .benefit .inhalt .text{font-size: 90%;line-height: 1.2;} p.footer-info{display: none!important;} /*------------------------------Contact Form 7-----------------------------------------*/ .wpcf7-form-control-wrap{width: 100%; display: block; margin-bottom: 20px;} .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input{width: 100%; display: block; padding: 7px 15px; border: solid 2px var(--prime); border-radius: 10px;} .wpcf7-form-control-wrap input#confirm{width: fit-content;} .wpcf7 p{margin-bottom: 0;} /*------------------------------ACF-Flexible-Content-----------------------------------------*/ div[class^="flx_"], div[class*="flx_"]{padding: 100px 0;} .inhaltsbloecke{margin-top:135px;} .startseite .inhaltsbloecke, .ueber-uns .inhaltsbloecke{margin-top:120px;} .flx_headerblock{position:relative;} .flx_headerblock .row{align-items: center;padding: 20px 0;} .flx_headerblock .headline{color: #fff;font-weight: 600;font-size:250%} .flx_headerblock p, .flx_headerblock strong{color: #fff;} .flx_headerblock .content{width: 100%; padding-bottom: 30px;} .flx_headerblock .text{padding: 50px 0 0; z-index: 1;} .flx_headerblock .btn{width: fit-content;} .flx_headerblock.hintergrundbild::after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ''; display: block; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);} .flx_headerblock.hintergrundbild a{display:block;} .flx_headerblock.hintergrundbild .row{align-items: unset;padding:0;} .flx_headerblock.hintergrundbild .text{align-content:center;} .flx_headerblock.hintergrundbild .text .headline{font-size:250%;line-height:1;} .flx_headerblock.hintergrundbild .text .content{width:100%;} .flx_headerblock.hintergrundbild .text .content p{font-size:125%;line-height:1.2;} .flx_headerblock.hintergrundbild .badge{padding-top:75px;} .flx_headerblock.hintergrundbild .hinweis{color: var(--white);position: absolute;bottom: 0;right: 0;writing-mode: sideways-lr;font-size: 80%;text-align: center;display: block;height: 100%;padding:25px;} .flx_headerblock.mitslider{padding: 0;} .flx_headerblock.mitslider .hintergrundbild{padding: 100px 0;} .flx_headerblock.mitslider .hintergrundbild::after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ''; display: block; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);} .flx_headerblock.mitslider .hintergrundbild a{display:block;} .flx_headerblock.mitslider .hintergrundbild .row{align-items: unset;padding:0;} .flx_headerblock.mitslider .hintergrundbild .text{align-content:center;} .flx_headerblock.mitslider .hintergrundbild .text .headline{font-size:250%;line-height:1;} .flx_headerblock.mitslider .hintergrundbild .text .content{width:100%;} .flx_headerblock.mitslider .hintergrundbild .text .content p{font-size:125%;line-height:1.2;} .flx_headerblock.mitslider .hintergrundbild .badge{padding-top:75px;} .flx_headerblock.mitslider .hintergrundbild .hinweis{color: var(--white);position: absolute;bottom: 0;right: 0;writing-mode: sideways-lr;font-size: 80%;text-align: center;display: block;height: 100%;padding:25px;} .flx_headerblock.mitslider .owl-nav.disabled{display: none;} .flx_headerblock.mitslider .header-slider {position: relative;} .flx_headerblock.mitslider .header-slider .owl-nav button.owl-prev, .flx_headerblock.mitslider .header-slider .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0 !important; background: #fff !important; border: none !important; box-shadow: none !important; outline: none !important; font-size: 50px !important; line-height: 1; color: #fff !important; cursor: pointer; width: 40px; height: 40px; border-radius: 20px;} .flx_headerblock.mitslider .header-slider .owl-nav button.owl-prev:hover, .flx_headerblock.mitslider .header-slider .owl-nav button.owl-next:hover, .flx_headerblock.mitslider .header-slider .owl-nav button.owl-prev:focus, .flx_headerblock.mitslider .header-slider .owl-nav button.owl-next:focus{background: #fff !important; border: none !important; box-shadow: none !important; outline: none !important; color: #fff !important;} .flx_headerblock.mitslider .header-slider .owl-nav button span{color: #000 !important; font-size: 40px;line-height: 1;} .flx_headerblock.mitslider .header-slider .owl-nav button.owl-prev {left: 20px;} .flx_headerblock.mitslider .header-slider .owl-nav button.owl-next {right: 20px;} .flx_headerblock.mitslider .header-slider .owl-nav {margin-top: 0;} .flx_headerblock.mitslider .header-slider .owl-nav button span {display: block;} .flx_intro .row{align-items: flex-start;} .flx_intro .titel{font-size: 150%;color: var(--black);} /*Kategorieteaser*/ .flx_kategorieteaser .row{align-items: center;} .flx_kategorieteaser .inner{position: absolute;bottom: 10%;left: 50%;z-index: 2;transform: translate(-50%);width: max-content;} .flx_kategorieteaser .item{padding: 0 15px;} .flx_kategorieteaser .item a{position:relative;display:block;height:100%;overflow:hidden;text-decoration:none;} .flx_kategorieteaser .item .headline{margin:0;color:white;} .flx_kategorieteaser .item img{transition:all .3s ease;width:100%;max-height:442px;object-fit:cover;aspect-ratio: 1 / 1;} .flx_kategorieteaser .item a:after{position:absolute;top:0;right:0;left:0;bottom:0;content:'';display:block;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 50%);pointer-events:none;border-radius: var(--br);} .flx_kategorieteaser .item:hover img{opacity:.8;transition:all .3s ease;} .flx_textblock a{color:var(--prime);} .flx_textblock a.btn{color:#fff;} .flx_textblock a:hover{color:var(--sec);} .flx_textblock .button{margin-top: 35px;} .flx_textblock .topline{width: 100%; text-align: center; padding-bottom: 25px; font-weight: 500;} .flx_textblock .headline{width: 100%; text-align: center;} .flx_textblock .inhalt{width: 100%; text-align: center;} .flx_textblock .swiper .item img{border-radius: 15px;height: 600px;object-fit: cover;width: 100%;} .flx_textblock .swiper-wrapper{height: 640px!important;} .flx_textblock .swiper .item{height: max-content;} .flx_textblock.text-bild .swiper-pagination{bottom: 0!important;width: unset!important;left: 30px!important;} .flx_textblock.bild-text .swiper-pagination{bottom: 0!important;} .swiper-pagination-bullet-active{background: var(--prime);} .navigationNext{float: right;position: relative;z-index: 999;cursor: pointer;} .flx_textblock.kategorie .kategorierow{padding-top: 50px;} .flx_textblock.kategorie .kategorie{padding: 0 50px; align-content: end;} .flx_textblock.kategorie .kategorie .kategoriename{display: block; font-size: 200%; font-weight: 700; text-align: center; padding: 40px 0;} .flx_textblock.kategorie .kategorie .btn{width: fit-content; display: block; margin: auto;} .flx_textblock.kategorie .produkt{padding: 0 50px; position: relative;} .flx_textblock.kategorie .produkt .produkt-inner{position: relative;} .flx_textblock.kategorie .produkt img { display: block; width: 100%; } .flx_textblock.kategorie .produkt .info { position: absolute; text-align: center; bottom: 30px; width: 100%; height: 100%; align-content: end; z-index: 1;border-radius: var(--br);} .flx_textblock.kategorie .produkt .info .btn{margin-top: 30px;} .flx_textblock.kategorie .produkt .produktname { text-align: center; font-size: 200%; font-weight: 700; color: white; } .flx_textblock.kategorie .produkt .produkt-inner::after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ''; display: block; background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 50%);border-radius: var(--br);} .flx_textblock.bild-text .text{padding-left: 120px;} .flx_textblock.text-bild .text{display: flex;flex-direction: column;justify-content: center;} .flx_textblock.text-bild .text{padding-right: 120px;} .flx_textblock.bild-text .text{display: flex;flex-direction: column;justify-content: center;} .flx_textblock.bild-text .text p{text-align: center;} #blue.flx_textblock{background-color: var(--prime);padding: 50px 0;} #blue.flx_textblock .text{display: flex;flex-direction: column;justify-content: center;} #blue.flx_textblock .text .headline{color: #fff;} #blue.flx_textblock .text p{color: #fff;} #blue.flx_textblock .bild{padding-left: 170px;} .flx_textblock.text-bild-unten .button{text-align: right;margin-top: 10px;} .flx_textblock.text-bild-unten img{width: 100%;height: 530px;object-fit: cover;border-radius: 15px;} .flx_textblock.text-bild-unten .row.unten{margin-top: 30px;} .flx_textblock.text-icons .icons{display: flex;align-items: center;} .flx_textblock.text-icons .icons .item{display: flex;justify-content: flex-end;margin-bottom: 40px;} .flx_textblock.text-icons .icons .item:nth-child(4){margin-bottom: 0;} .flx_textblock.text-icons .icons .item:nth-child(5){margin-bottom: 0;} .flx_textblock.text-icons .icons .item:nth-child(6){margin-bottom: 0;} /*.flx_iconblock .block{display: flex;justify-content: flex-start;align-items: center;}*/ .flx_iconblock .inhalt{text-align: center;} .flx_iconblock .inhalt .titel{font-weight: 600;font-size: 130%;margin-bottom: 10px;display: inline-block;color: var(--prime);} .flx_iconblock .item .image{margin-bottom: 20px;display: flex;align-items: center;justify-content: center;height: 230px;} .flx_iconblock .item .image img{max-width: 60%;} .flx_gridblock .grid-container{display: grid;grid-template-rows: repeat(11, 70px);grid-template-columns: repeat(4,1fr);gap: 30px;} .flx_gridblock .grid-container .grid-item.one{grid-column: 1 / 3;grid-row: 1 / 5;padding: 65px;} .flx_gridblock .grid-container .grid-item.two{grid-column: 1 / 3;grid-row: 6 / 11;} .flx_gridblock .grid-container .grid-item.two img{height: 100%;object-fit: cover;} .flx_gridblock .grid-container .grid-item.three{grid-column: 3 / 5;grid-row: 1 / 7;} .flx_gridblock .grid-container .grid-item.three img{height: 100%;object-fit: cover;} .flx_gridblock .grid-container .grid-item.four{grid-column: 3 / 5;grid-row: 7 / 11;padding: 65px;} .flx_kontakt .text p{width: 80%;} .flx_kontakt .fbox input{width: 100%;border: none;background-color: #fff;padding: 10px 20px;} .flx_kontakt .fbox textarea{width: 100%;border: none;background-color: #fff;padding: 10px 20px;} .flx_kontakt .wpcf7-list-item{margin: 0;margin-top: 5px;} .wpcf7-form.sent *{display: none;} .wpcf7-form.sent .wpcf7-response-output{display: block;background-color: #46b450;color: #fff;text-align: center;padding: 50px;font-weight: 600;} .wpcf7-form .wpcf7-not-valid-tip{padding-left:25px;margin-bottom:15px;} .flx_slider .swiper img{border-radius: 15px;width: 100%;object-fit: cover;object-position: center;} .flx_slider .swiper .item{height: 425px!important;} .flx_slider .swiper .swiper-wrapper{height: 530px!important;} .flx_bestseller .navigationNext{margin-top: 50px;} .flx_bestseller .artikelnummer{display: block;color: #c4c2c2;font-size: 80%;font-weight: 400;margin-bottom: 5px;} .flx_bestseller .infos{max-width:80%;} .flx_bestseller .infos .headline{display: block;font-size: 115%;min-height: 20px;color: #55626B;} .flx_bestseller .weiterleitung{position: relative;padding-right: 25px;display: block;line-height: 1;} .flx_bestseller .weiterleitung::after{position: absolute;content: '';background: url('media/icons/chevron.png');background-position: center;background-repeat: no-repeat;background-size: cover;width: 20px;height: 20px;right: 0;top: 0;object-fit: cover;} .flx_bestseller .swiper .produkt{padding: 20px;} .flx_bestseller .swiper .actions{position: absolute;right: 0;bottom: 15%;display: flex;justify-content: flex-end;padding-right: 30px;} .flx_bestseller .swiper .actions img{height: auto;} .flx_bestseller .swiper .actions ul li{text-align: end!important;} .flx_bestseller .swiper .actions li{padding: 0!important;margin-bottom: 20px;} .flx_bestseller .swiper .actions .wishlist{width: 30px!important;height: 30px!important;background: url('media/icons/heart-white.png')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;display: inline-block;position: relative;} .flx_bestseller .swiper .actions .wishlist::before{position: absolute;background-color: var(--third);height: 50px;width: 50px;content: '';z-index: -1;top: -11px;right: 0;left: -10px;bottom: 0;border-radius: 50%;} .flx_bestseller .swiper .actions .cart{width: 30px!important;height: 30px!important;background: url('media/icons/shopping-cart-white.png')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;display: inline-block;border: none;} .flx_bestseller .swiper .actions .cart::before{position: absolute;background-color: var(--prime);height: 50px;width: 50px;content: '';z-index: -1;top: -7px;right: 0;left: -9px;bottom: 0;border-radius: 50%;} .flx_produktteaser div.img{aspect-ratio: 340 / 420;width: 100%;height: unset!important;} .flx_produktteaser div.img, .flx_produktteaser .produkt{border-radius: var(--br);} .flx_produktteaser .headline{color:var(--prime); margin-bottom: 10px;} .flx_produktteaser .subline{padding-bottom: 40px;} .flx_produktteaser .produkt .shadow{position:relative;-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;-moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;} .flx_produktteaser .infos{max-width:100%;padding:25px 0 25px 25px; padding-right: 50px;background-color: #eeea;border-bottom-left-radius: var(--br);border-bottom-right-radius: var(--br);} .flx_produktteaser .infos .title{display: block;font-size: 115%;min-height: 20px;margin-bottom:15px;font-weight:600;} .flx_produktteaser .infos .price{padding:0;} .flx_produktteaser .infos .price .amount{color: var(--black);font-size: 90%;font-weight:300;} .flx_produktteaser .infos .price .amount bdi{color: var(--prime);font-size: 125%;font-weight:600;} .flx_produktteaser .infos .price.smaller{margin: 0;font-size: 100%;font-weight: 600;margin-left:0;color:#888;} .flx_produktteaser .infos .price.anfrage{display:block;margin-bottom:10px;} .flx_produktteaser .infos .price.anfrage .amount{font-size:100%;color:var(--prime);font-weight:600;padding:0;} .flx_produktteaser .infos .price .woocommerce-Price-currencySymbol{font-size:100%;font-weight:600;color:var(--prime);} .flx_produktteaser .infos .price del{text-decoration-color: var(--prime);text-decoration-thickness: 3px;} .flx_produktteaser .infos .price del .amount{font-size:100%;} .flx_produktteaser .infos .price ins{text-decoration:none;} .flx_produktteaser .infos .wc-gzd-additional-info{font-size:60%;margin:0;} .flx_produktteaser .actions{position: absolute;right:35px;bottom:35px;display: flex;justify-content: flex-end;} .flx_produktteaser .actions img{height: auto;} .flx_produktteaser .actions ul li{text-align: end!important;padding:0;} .flx_produktteaser .actions ul li:before{display:none;} .flx_produktteaser .actions .cart{width: 45px!important;height: 45px!important;background: var(--prime) url('media/icons/shopping-bag-white.svg')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: 50%!important;display: inline-block;border: none;padding:0;border-radius: 50%;transition:all .3s ease;} .flx_produktteaser .actions:hover .cart{width: 45px!important;height: 45px!important;background: var(--btnhover) url('media/icons/shopping-bag-white.svg')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: 50%!important;display: inline-block;border: none;padding:0;border-radius: 50%;transition:all .3s ease;} .flx_produktteaser .button{text-align:center;margin-top:50px;} .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-right: 10px;} .flx_faq .card .btn{background:none;border:none;color:var(--prime);padding:10px;width:100%;border-radius:0;text-align:left;} .flx_faq .card .btn.collapsed{border-bottom:solid 1px var(--prime);} .flx_faq .card .btn:hover{color:var(--sec)!important;text-decoration:none;} .flx_faq .card .btn:focus{text-decoration:none;} .flx_faq .card .card-body{padding:10px;} .flx_saleteaser{padding: 100px 0 50px!important;} .flx_saleteaser .container{background-color: var(--prime); padding-top: 50px; padding-bottom: 50px;border-radius: var(--br);} .flx_saleteaser *{text-align: center; color: white;} .flx_saleteaser .text{align-content: center;} .flx_saleteaser .text.borderright{border-right: 1px solid rgb(255 255 255 / 0.2);} .flx_saleteaser .btn{color: var(--black); background-color: white;} .flx_saleteaser .btn:hover{color: var(--prime)!important;} .flx_saleteaser .headline{font-size: 350%; font-style: italic; font-weight: 500; margin-bottom: 0; line-height: 1; padding: 20px 0;} .flx_saleteaser .headline_2{font-size: 250%; font-weight: 500; line-height: 1;} .flx_saleteaser .inhalt{padding: 20px 0;} /*---WOOCOMMERCE-----------------------------------------------------------------------------*/ .woocommerce-breadcrumb{display: none;} .container .woocommerce-breadcrumb{display: block;} .woocommerce-notices-wrapper, .woocommerce-no-products-found{max-width: 1600px;display: block;margin: 0 auto 0px;padding:0;} .woocommerce-notices-wrapper li:before, .woocommerce-no-products-found li:before{display:none;} .woocommerce-error{border-radius: var(--br);} .woocommerce-error:focus{border-top:3px solid #b81c23;} .woocommerce-info{border-top:3px solid var(--prime);border-radius: var(--br);} .woocommerce-message{background: var(--prime);border: solid 1px var(--sec);padding: 12px 30px 10px;border-radius: var(--br);width: 100%;color: var(--white);margin-bottom:75px;} .woocommerce-message li:before{display:none;} .woocommerce ul.products li.product{margin: 0 3% 2.992em 0;} .woocommerce ul.products li.product .woocommerce-loop-product__title{transition: all ease .3s;} .woocommerce ul.products li.product:hover .woocommerce-loop-product__title{color: var(--prime);} .warenkorb .woocommerce-message, .warenkorb .woocommerce-info, .warenkorb .woocommerce-error, .warenkorb .woocommerce-noreviews, .warenkorb p.no-comments{position:unset;transform:unset;} .kasse .woocommerce-message, .kasse .woocommerce-info, .kasse .woocommerce-error, .kasse .woocommerce-noreviews, .kasse p.no-comments{position:unset;transform:unset;} .added_to_cart.wc-forward{width:100%;} .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a{font-weight: 600;} input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text{box-shadow: none;} table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend{background-color: transparent;} .woocommerce-form-coupon-toggle{margin-bottom: 50px;} #payment .payment_methods > .woocommerce-PaymentMethod > label, #payment .payment_methods > .wc_payment_method > label{padding: 20px 0;} #payment .payment_methods li .payment_box{padding: 0;} .cart-collaterals h2{padding: 0px;margin-bottom: 10px;} .product .onsale{display: none;} .woocommerce-loop-product__title{text-align: left;font-size: 140%!important;min-height: 45px;} ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price{text-align: left;font-size: 130%;} .woocommerce-tabs .panel h2:first-of-type{margin-bottom: 25px;} ins .woocommerce-Price-amount{color: #07a3d9;} ins .woocommerce-Price-amount::after{content: '';background: url('media/icons/discount.webp')no-repeat;background-size: 100%;display: block;width: 60px;height: 60px;position: absolute;top: -10px;right:-10px;display:none;} del .woocommerce-Price-amount{font-weight: 400;opacity: 0.4;} ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button{border: none;border-radius: 0;float: left;margin-bottom: 10px;padding: 10px 0;width: 100%;} .woocommerce .cart-collaterals .cross-sells .product_type_simple{padding: 15px 50px;font-size: 110%;line-height: 1.2;} .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before{content: '';background: url('media/icons/info.webp')no-repeat;background-size: 100%;width: 20px;height: 20px;display: block;position: absolute;top: 20px;} #main{position: relative;} .woocommerce-message .button{padding-left: 15px;color: var(--white);} .woocommerce-message .button:hover{color: var(--dark);} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{background-color:#f4c000;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{background-color:var(--sec);} /*---WARENKORB------------------------------------------------------------------------------*/ .wc-proceed-to-checkout .button.checkout-button{font-size: 100%;background: var(--prime)!important;border-radius: var(--br);width: 100%;text-align: center;margin-bottom: 20px;display: block;padding: 15px 20px;} .wc-proceed-to-checkout .button.checkout-button:hover{background: var(--btnhover)!important;transition: all .3s ease;} .woocommerce-cart-form{border: 2px solid #eeea;border-radius: var(--br);padding: 25px;} .woocommerce-cart-form h1{color: var(--prime);font-weight: 600;margin-bottom: 50px;padding: 25px 25px 0 25px;} .woocommerce-cart-form table.shop_table td{border:none;} .woocommerce-cart-form table thead th{color:var(--prime);font-weight: 600!important;} .woocommerce-cart-form table td.product-thumbnail{width:200px;} .woocommerce-cart-form table td a.remove{padding:3px;} .woocommerce-cart-form table .cart_item:nth-child(2n){background:var(--third)} .woocommerce-cart-form table td.actions{padding:50px 25px 25px} /* table.cart td.product-subtotal{padding-bottom: 30px;} */ .shop_table .order-total .woocommerce-Price-amount{font-weight: 600;color: #07a3d9;} .shop_table .order-total th{font-weight: 600;color: var(--prime);} .cart-collaterals .cross-sells{display:none;} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{font-weight:600;} .cart-collaterals .cart_totals{float: right;padding:25px;border: 2px solid #eeea;border-radius: var(--br);padding: 25px;margin-top:50px;} .cart-collaterals .cart_totals h2{color: var(--prime);font-weight: 600;} .cart-collaterals .cart_totals .shop_table tr.order-total th, .cart-collaterals .cart_totals .shop_table tr.order-total td bdi{color: var(--prime);font-weight: 600;font-size:115%;} .cart-collaterals .cart_totals .shop_table tr.order-total td bdi span{color: var(--prime);font-weight: 600;font-size:100%;} .cart-collaterals .cart_totals tr:last-child th, .cart-collaterals .cart_totals tr:last-child td{border:none;} .cart-collaterals .cart_totals .shipping .woocommerce-shipping-destination{display:none;} .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button{padding:5px 10px 10px;color:#fff;background:#07a3d9;display: none;} .woocommerce-cart-form .delivery-time-info{display: none;} .woocommerce ul#shipping_method li{padding: 0!important;margin: 0!important;} .woocommerce ul#shipping_method li:before{display:none;} #order_payment_heading{margin: 50px 0 20px;} .shop_table .shipping tr:nth-child(2n){background:none;} .shop_table tr:nth-child(2n) .shop_table tr .item-sku{font-size:80%;} .wc-gzd-cart-info.delivery-time-info{display:none;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt{padding: 10px 20px;background: var(--prime);color: #fff;font-weight:600;border-radius: var(--br);font-size: 100%;transition: all ease .3s;line-height: 1.2;} :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt{width: max-content;} :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt span{padding: 0.7em 2em;color: #fff;font-weight:600;border-radius: var(--br);font-size: 85%;text-transform: uppercase;transition: all ease .3s;line-height: 1.2;} :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover{background-color: var(--btnhover);} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{color: #fff;background-color: var(--btnhover);} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]{padding:0.7em 2em 0.5em;background:#444;color: #fff;font-weight: 400;border-radius: var(--br);} .woocommerce #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width: 140px;border-radius: var(--br);border: solid 1px #aaa;padding: 5px 10px;} .woocommerce table.cart td.actions label{display:none;} .woocommerce table.cart td.actions .input-text {width: 250px;border-radius: var(--br);border: solid 1px #aaa;padding: 7.5px 10px;} .warenkorb .woocommerce table.shop_table{border: none;} .warenkorb .woocommerce .quantity .qty{border-radius: var(--br);border: solid 1px #aaa;padding: 5px;background: none;} /*---KASSE----------------------------------------------------------------------------------*/ .checkout.woocommerce-checkout{display:flex;} .woocommerce-checkout li:before{display:none!important;} .woocommerce-checkout .col2-set{width: 55%;display:inline-block;margin-right: 3%;height: max-content;} .woocommerce-checkout #order_review_heading{display:none;} .wc-gzd-edit-data-notice{border-radius: var(--br);} .woocommerce-additional-fields{padding: 0 3px;} .woocommerce-checkout #payment ul.payment_methods{padding: 0 0 1rem;} .woocommerce-checkout #order_review{width: 42%;margin-right:0;border: 2px solid #eeea;border-radius: var(--br);padding: 25px;} .woocommerce-checkout #order_review #order_payment_heading{margin:0 0 25px;color:var(--prime);} .woocommerce-checkout #order_review #payment{background:var(--third);} .woocommerce-checkout #order_review #payment ul{border-bottom:none;} .woocommerce-checkout #order_review #payment ul li{padding-left:0;} .woocommerce-checkout #order_review #payment ul li label{display:inline-block;line-height:1;padding:0;} .woocommerce-checkout #order_review #payment .place-order{padding:0;} .woocommerce-checkout #order_review #payment .payment_box{padding:0;background:var(--white);} .woocommerce-checkout #order_review #payment .payment_box:before{border-color:var(--white);border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;top:-15px;} .woocommerce-checkout #order_review #payment .payment_box p{font-size:85%;line-height:1.3;} .woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder.wc-gzd-checkbox-placeholder-legal{margin: 0;} .woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder p.form-row{padding-right:0;} .woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder p.form-row label{display: flex;margin-top: 0;flex-direction: row;} .woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder p.form-row input{margin: 2px 0 0 0;} /* .woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder p.form-row .woocommerce-gzd-legal-checkbox-text{display:inline-block;line-height:1.2;} .woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder p.form-row .woocommerce-gzd-legal-checkbox-text a{line-height:1.2;} */ .woocommerce-checkout #order_review .dhl-preferred-service-content{padding:15px;background:var(--third);margin:0;} .woocommerce-checkout #order_review .shop_table{border:none;background:var(--third);margin:25px 0;} .woocommerce-checkout #order_review .shop_table thead th{padding:10px 0;font-size:100%;} .woocommerce-checkout #order_review .shop_table td{padding:10px 0;} .woocommerce-checkout #order_review .shop_table td .product-quantity{padding:0 20px;} .woocommerce-checkout #order_review .shop_table .wc-gzd-cart-item-thumbnail{display:none;} table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper{justify-content: space-between;} .woocommerce-checkout #order_review .shop_table tfoot .order-total th{font-size:100%;} .woocommerce-checkout #order_review .shop_table tfoot .order-total td bdi, .woocommerce-checkout #order_review .shop_table tfoot .order-total td bdi span{color:var(--prime);font-weight:700} .woocommerce-checkout #order_review .shop_table tfoot .order-tax{display:none;} .woocommerce-checkout #order_review .wc-gzd-order-submit{order:3;margin:0 5px 25px;width:100%;} .woocommerce-checkout #order_review .wc-gzd-order-submit #place_order{background: var(--prime);transition: 0.3s;padding: 10px 50px 8px;width:100%;font-size:125%;} .woocommerce-checkout #order_review .wc-gzd-order-submit #place_order:hover{background:var(--sec);transition: 0.3s;} .woocommerce-checkout #customer_details{border: 2px solid #eeea;border-radius: var(--br);padding: 25px;} .woocommerce-checkout #customer_details .col-1{max-width: 100%;padding: 0;width:100%;} .woocommerce-checkout #customer_details h3{color:var(--prime);margin-bottom:25px;} .woocommerce-checkout #customer_details input{width:100%;border: 2px solid #eeea;border-radius: var(--br);padding:10px 15px;margin-bottom:0;background:var(--third);} .woocommerce-checkout #customer_details #shipping_country_field .woocommerce-input-wrapper{width:100%;border:none;border-radius:0;padding:10px 15px;margin-bottom:0;background:var(--third);} .woocommerce-checkout #customer_details #billing_country_field .woocommerce-input-wrapper{width:100%;border:none;border-radius:0;padding:10px 15px;margin-bottom:0;background:var(--third);} .woocommerce-checkout #customer_details input[type="checkbox"]{width:max-content;margin-bottom:0;margin-top:7.5px;} .woocommerce-checkout #customer_details textarea{width:100%;border:none;border-radius:0;padding:10px 15px;background:var(--third);height:125px;} .woocommerce-checkout #customer_details .select2-selection{height:48px;border:none;} .woocommerce-checkout #customer_details .select2-selection__rendered{width:100%;border:none;border-radius:0;padding:10px 15px;background:var(--third);} .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;} .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow b{left:unset;right:25px;} .woocommerce-checkout #customer_details #order_comments_field label{padding:0 5px;} .woocommerce-checkout #customer_details #billing_pickup_location_notice{display:none!important;padding:0 3px;margin:15px 0;} .woocommerce-checkout #customer_details #billing_pickup_location_notice .choose-pickup-location{padding:10px 15px;background:var(--third);width:100%;} .woocommerce-checkout #customer_details #billing_pickup_location_notice p{margin-bottom:0;} .woocommerce-checkout #customer_details #billing_pickup_location_notice a{padding:10px 40px 8px;font-size:85%;font-weight:600;background:var(--prime);color:#fff;transition:all .3s ease;text-transform:uppercase;line-height:1.2;text-align:center;border-radius: 25px;float:right;} .woocommerce-checkout #customer_details #shipping_pickup_location_notice{display:none!important;padding:0 3px;margin:15px 0;} .woocommerce-checkout #customer_details #shipping_pickup_location_notice .choose-pickup-location{padding:10px 15px;background:var(--third);width:100%;} .woocommerce-checkout #customer_details #shipping_pickup_location_notice p{margin-bottom:0;} .woocommerce-checkout #customer_details #shipping_pickup_location_notice a{padding:10px 40px 8px;font-size:85%;font-weight:600;background:var(--prime);color:#fff;transition:all .3s ease;text-transform:uppercase;line-height:1.2;text-align:center;border-radius: 25px;float:right;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width:49%;} .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper p{margin: 0 0 10px 0;} .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper label, .woocommerce-checkout #customer_details .woocommerce-shipping-fields label{width: 100%;padding:0 5px;line-height:1;margin-bottom:5px;} .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper span{width: 100%;} .woocommerce-checkout #customer_details .col-2{max-width: 100%;padding: 0;width:100%;} .woocommerce-checkout #customer_details .woocommerce-input-wrapper{width: 100%;} .woocommerce-checkout #customer_details .woocommerce-additional-fields #order_comments_field{padding: 0 5px;} .woocommerce-checkout .shop_table tfoot{border-top: solid 2px #eee;padding-top: 20px;} .woocommerce-checkout .shop_table tfoot th{padding: 0;} #payment .payment_methods > li:not(.woocommerce-notice){background-color: transparent;} #payment .payment_methods > li .payment_box, #payment .place-order{background-color: transparent;} .woocommerce-checkout .shop_table td, .woocommerce-checkout .shop_table th{background: #fff;padding: 20px 0;} .woocommerce-checkout .shop_table thead th{font-size: 120%;} .woocommerce-checkout .shop_table tfoot .cart-subtotal th{font-weight: 700;} .woocommerce-checkout .shop_table tfoot .cart-subtotal .woocommerce-Price-amount{font-weight: 700;} .woocommerce-checkout .shop_table img{display: none;} .woocommerce-checkout .shop_table tfoot .order-total th{font-weight: 700;color: var(--prime);font-size: 140%;} .woocommerce-checkout .shop_table tfoot .order-total .woocommerce-Price-amount{font-weight: 700;color: #07a3d9;font-size: 140%;} .woocommerce-checkout .shop_table .product-name .wc-gzd-product-name-right{padding-right: 10px;} .woocommerce-checkout input{border: none;background-color: #f4f4f4;padding: 10px 20px;} #order_review{display:flex;flex-direction:column;} .woocommerce-checkout-review-order-table{padding:15px;background:#f2f2f2;} .woocommerce-checkout .shop_table td, .woocommerce-checkout .shop_table th{background:transparent!important;border-color:#444!important;} .ppc-button-wrapper{width:100%;} /* .woocommerce-form-coupon-toggle{display:none;} */ #sidebar{display: none;} /* .kasse .woocommerce-form-login{padding: 1px 35px;background: #f2f2f2;position: absolute;left: 25%;right: 25%;z-index: 999;top: 15%;} .kasse .woocommerce-form-login:after{content:'';background:rgba(0,0,0,0.7);position:absolute;top:0;right:0;bottom:0;left:0;z-index:998;} */ .woocommerce-thankyou-order-details li:before{display:none;} /*---KONTO----------------------------------------------------------------------------------*/ .woocommerce-form-login .form-row{display: block;} .woocommerce-form-login .form-row .woocommerce-form-login__submit{margin-top: 0!important;margin-right: 30px;} .woocommerce-LostPassword a{padding-left: 10px;} .mein-konto .flx_topheader{margin-bottom: 50px;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation{padding-top:75px;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation ul{display: flex;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li{margin:0 0 50px 0;width: max-content;padding-left: 0;padding-right: 15px;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li:before{display:none;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li a{border-bottom: none;padding: 10px 20px;margin: 0;transition: 0.3s;display: block;background-color: var(--prime);} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li.is-active a{background-color:var(--sec); color: var(--prime); border: 1px solid var(--prime);} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li.is-active:hover a{background-color:var(--sec); color: var(--btnhover)!important;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li:hover a{background-color:var(--prime);} .mein-konto .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods{display:none;} .mein-konto .woocommerce .woocommerce-MyAccount-content a{font-weight: 600;} .mein-konto .woocommerce .woocommerce-MyAccount-content table thead tr th{background:#9d9c93;color:#fff;font-weight: 600;} .mein-konto .woocommerce .woocommerce-MyAccount-content table thead tr th span{color:var(--white);font-weight:600;} /* .mein-konto .woocommerce .woocommerce-MyAccount-content table tr:nth-child(2n) td{background:#f2f2f2;} */ .mein-konto .woocommerce button.button[type="submit"]{margin-top: 30px;} #customer_login .col-1{max-width: 100%;} #customer_login .col-2{max-width: 100%;} .password-input{width: 100%;} .woocommerce input, .woocommerce textarea, .woocommerce select{border: 2px solid #eeea;background-color: #fff;padding: 10px 20px;border-radius: var(--br);} .select2-container--default .select2-selection--single{border-radius: 0;border: 1px solid var(--prime);background-color: #fff;} .woocommerce-MyAccount-navigation ul{margin: 0;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width:48%;} .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .order-again{display:inline-block;margin-right:25px;} .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .download-invoice-pdf{display:inline-block;} .woocommerce .woocommerce-MyAccount-content .woocommerce-Address{padding:25px;background:#f4f4f4; max-width: 100%;border-radius: var(--br);} .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit{font-weight: 300;padding: 5px 15px 4px 30px;border: solid 1px var(--gray-dark);display: block;width: max-content;border-radius: 25px;margin: 10px 0;font-size: 80%;position:relative;} .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit:before{content:'';display:block;width:25px;height:25px;background:url('media/icons/pencil.svg');background-size:65%;background-position:center;background-repeat:no-repeat;position:absolute;top:2.5px;left:5px;} .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit:hover{border-color:var(--prime);} .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .edit:hover:before{color:var(--prime);} .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-input-wrapper{display:block;width:100%;} .woocommerce .woocommerce-MyAccount-content .edit-account fieldset{margin-top:50px;} .woocommerce .woocommerce-MyAccount-content .edit-account .woocommerce-form-row span:not(.password-input){display:none;} .woocommerce form .form-row .input-text, .woocommerce form .form-row select{border: 2px solid #eee;border-radius: var(--br);} /*---PRODUKTLIST----------------------------------------------------------------------------*/ #primary .inhaltsbloecke{margin-top:25px;} #primary .page-numbers li{width: fit-content; display: inline-block;} #primary .page-numbers li::before{display: none;} #primary span.page-numbers.current{color: var(--prime); text-decoration: underline;} #primary .kategorielinks .inner{margin:25px 0;display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 1.5rem;} #primary .kategorielinks .inner .btn{position: relative; cursor: pointer; padding: 10px 25px 8px; background-color: #e5e5e5; border: none; transition: all 0.3s ease; color: var(--black);} #primary .kategorielinks .inner .btn:hover{background:var(--prime);color:var(--white);transition:all .3s ease;} #primary .kategorielinks .inner .btn.active{background:var(--prime);color:var(--white);transition:all .3s ease;} #primary .headerbox .headline{color:var(--prime);font-weight:600;margin-bottom:15px;} #primary .seo .content{margin-bottom:75px;} #primary .term-description h1{font-size: 275%;margin-bottom: 25px;line-height: 1.1;} #primary .woocommerce-products-header{margin:25px 0;} #primary .listing .products .product-category{display:none;} #primary .listing .products{display:flex;flex-wrap:wrap;gap:15px;} .ck-owl-product-main .owl-nav{position: absolute;bottom: 0;left: 20px;right: 20px;display: flex;justify-content: space-between;transform: translateY(-50%);pointer-events: none;} .ck-owl-product-main .owl-nav button{pointer-events: all;background: var(--prime);border: 1px solid var(--prime);border-radius: var(--br);width: 40px;height: 40px;cursor: pointer;font-size: 20px;opacity: 1;padding: 0;} .ck-owl-product-main .owl-nav button.disabled{opacity: 0.5;} .ck-owl-product-main .owl-nav button button{background-color: transparent;color: var(--white);border: 0;font-size: 120%;} #primary .listing .products .product-category img{display: none;} #primary .listing .products .product-category a{display: block;width: 100%;} #primary .listing .products .product-category{margin: 0;text-align: center;margin-bottom: 10px;background: transparent;padding: 10px;margin-right: 10px;transition: 0.3s;border: solid 2px var(--black);min-height: 65px;align-items: center;display: flex;} #primary .listing .products .product-category:hover{background: var(--black);transition: 0.3s;} #primary .listing .products .product-category .woocommerce-loop-category__title{margin: 0;} #primary .listing .products .product-category:hover .woocommerce-loop-category__title{color: #fff;} #primary .listing .products .product-category:hover .woocommerce-loop-category__title mark{color: #fff;} */ #primary .listing .storefront-sorting{margin:25px 0;} #primary .listing .sub_terms .item{padding:0 5px;} #primary .listing .sub_terms .term_wrap{margin:5px 0;text-align: center;background: transparent;padding: 10px 15px;transition: 0.3s;border: solid 2px var(--black);align-items: center;display: flex;transition: 0.3s;} #primary .listing .sub_terms .term_wrap span{text-align: center;width:100%;transition: 0.3s;} #primary .listing .products .product:before{display:none;} #primary .listing .products .product{-webkit-box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.16);box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.16);} #primary .listing .products .product .woocommerce-loop-product__title, .product .related-products .card-title{display: block;font-size: 115%!important;min-height: unset;color: var(--black);margin-bottom:15px;font-weight:600;padding:0 25px;max-height: 50px;overflow: hidden;} #primary .listing .products .product .info{position:absolute;bottom:0;left:0;right:0;} #primary .listing .products .product .price{padding:0 25px;} #primary .listing .products .product .price .amount{color: var(--prime);font-size: 125%;font-weight:600;} #primary .listing .products .product .price .amount bdi{color: var(--prime);font-size: 100%;font-weight:600;} #primary .listing .products .product .price.smaller{margin: 0;font-size: 100%;font-weight: 600;margin-left:0;color:#888;} #primary .listing .products .product .price.anfrage{display:block;margin-bottom:10px;} #primary .listing .products .product .price.anfrage .amount{font-size:100%;color:var(--prime);font-weight:600;padding:0;} #primary .listing .products .product .price .woocommerce-Price-currencySymbol{font-size:100%;font-weight:600;color:var(--prime);} #primary .listing .products .product .price del{text-decoration-color: var(--prime);text-decoration-thickness: 3px;} #primary .listing .products .product .price del .amount{font-size:100%;} #primary .listing .products .product .price ins{text-decoration:none;} #primary .listing .products .product .product-units{display:none;} #primary .listing .products .product p{margin: 0;text-align: left;} #primary .listing .products .product p.wc-gzd-additional-info{font-size: 60%;padding:0 25px;margin-bottom:15px;} .product p.wc-gzd-additional-info{margin-bottom: 2rem!important;} #primary .listing .products .product .wc-gzd-additional-info-loop.tax-info{display:none;} #primary .listing .products .product .wc-gzd-additional-info-loop.shipping-costs-info{display: none;} #primary .listing .products .product .button{width: 100%;margin-top: 20px;} #primary .listing .products .product .button.xoo-wl-action-btn{margin-top:0;font-size:90%;} #primary .listing .products li.product .produktbild img{height:225px;width:80%;object-fit: cover;} #primary .listing .products .product .delivery-time-info{display:none;} #primary .listing .products .product .xoo-wl-open-form-btn{display:none;} #primary .listing .products .product .button{display: none;} #primary .listing .products .product .actions{position: absolute;right:5%;bottom:30%;display: flex;justify-content: flex-end;} #primary .listing .products .product .actions img{height: auto;} #primary .listing .products .product .actions ul li{text-align: end!important;padding:0;} #primary .listing .products .product .actions ul li:before{display:none;} .actions .cart{width: 45px!important;height: 45px!important;background: var(--prime) url('media/icons/shopping-bag-white.svg')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: 50%!important;display: inline-block;border: none;padding:0;border-radius: 50%;transition:all .3s ease;} .actions:hover .cart{width: 45px!important;height: 45px!important;background: var(--btnhover) url('media/icons/shopping-bag-white.svg')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: 50%!important;display: inline-block;border: none;padding:0;border-radius: 50%;transition:all .3s ease; scale: 1.1;} #primary .listing .products li.product .produktbild .actions{position: absolute;right: 0;top: 30%;width: 100%;} #primary .listing .products li.product .produktbild .actions img{height: auto;width: 10%;} #primary .listing .products li.product .produktbild .actions ul li{text-align: end;} #primary .listing .products li.product, .related-products .card a{transition: all .3s ease;width: 24%;position: relative;padding-left: 0;position:relative;padding-bottom:105px;border-radius: var(--br);background-color: #eeea;box-shadow: none;} /*#primary .listing .products li.product:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;transition: all .3s ease;}*/ #primary .listing .products li.product img{margin-bottom: 25px;width: 100%;height: 375px;object-fit: cover;aspect-ratio: 340 / 420;width: 100%;height: unset!important;} #primary .listing .seo-text a{color:var(--prime);} #primary .listing .seo-text a:hover{color:var(--sec);} /*-------------------- Produktseite -------------------*/ .produkte .woocommerce-products-header{margin-bottom: 50px;border-bottom: solid 1px #eee;display: none;} .produkte .products .product-category{display:none;} .produkte .products{display:flex;flex-wrap:wrap;justify-content: center;} /* #primary .listing .products .product-category img{display: none;} #primary .listing .products .product-category a{display: block;width: 100%;} #primary .listing .products .product-category{margin: 0;text-align: center;margin-bottom: 10px;background: transparent;padding: 10px;margin-right: 10px;transition: 0.3s;border: solid 2px var(--black);min-height: 65px;align-items: center;display: flex;} #primary .listing .products .product-category:hover{background: var(--black);transition: 0.3s;} #primary .listing .products .product-category .woocommerce-loop-category__title{margin: 0;} #primary .listing .products .product-category:hover .woocommerce-loop-category__title{color: #fff;} #primary .listing .products .product-category:hover .woocommerce-loop-category__title mark{color: #fff;} */ .produkte .artikelnummer span{color: #c4c2c2;font-size: 80%;font-weight: 400;margin-bottom: 5px;} .produkte .storefront-sorting{margin:25px 0;} .produkte .sub_terms .item{padding:0 5px;} .produkteg .sub_terms .term_wrap{margin:5px 0;text-align: center;background: transparent;padding: 10px 15px;transition: 0.3s;border: solid 2px var(--black);align-items: center;display: flex;transition: 0.3s;} .produkte .sub_terms .term_wrap span{text-align: center;width:100%;transition: 0.3s;} .flx_bestseller .artikelnummer{display: block;color: #c4c2c2;font-size: 80%;font-weight: 400;margin-bottom: 5px;} .flx_bestseller .infos .headline{display: block;font-size: 115%;min-height: 20px;color: #55626B;} .produkte .products .product .woocommerce-loop-product__title{text-align: left;margin-bottom: 5px;padding-top: 0!important;font-size: 115%!important;min-height: 50px;color: #55626B;} .produkte .products .product .price{color: var(--black);text-align: left;font-weight: 600;font-size: 175%;margin-bottom: 0;} .produkte .products .product .price.smaller{margin: 0;font-size: 100%;font-weight: 600;margin-left:0;color:#888;} .produkte .products .product .product-units{display:none;} .produkte .products .product p{margin: 0;text-align: left;} .produkte .products .product .wc-gzd-additional-info-loop.tax-info{display:none;} .produkte .products .product .button{width: 100%;margin-top: 20px;} .produkte .products .product .button.xoo-wl-action-btn{margin-top:0;font-size:90%;} .produkte .products .product .delivery-time-info{display:none;} .produkte .products .product .xoo-wl-open-form-btn{display:none;} .produkte .products li.product{padding: 30px!important;transition: all .3s ease;margin-bottom: 30px!important;width: 30%!important;position: relative!important;} .produkte .products li.product:before{display:none;} .produkte .products li.product .produktbild img{height:auto;width:80%;object-fit: contain;} .produkte .products li.product .produktbild .actions{position: absolute!important;right: 0!important;top: 30%!important;display: flex;justify-content: flex-end;padding-right: 50px;} .produkte .products li.product .produktbild .actions img{height: auto;} .produkte .products li.product .produktbild .actions ul li{text-align: end!important;} .produkte .produktbild .actions li{padding: 0!important;margin-bottom: 20px;} .produkte .actions .wishlist{width: 30px!important;height: 30px!important;background: url('media/icons/heart-white.png')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;display: inline-block;position: relative;} .produkte .actions .wishlist::before{position: absolute;background-color: var(--third);height: 50px;width: 50px;content: '';z-index: -1;top: -11px;right: 0;left: -10px;bottom: 0;border-radius: 50%;transition: all ease .3s;} .produkte .actions .wishlist:hover::before{background-color: var(--btnhover);} .produkte .actions .cart{width: 30px!important;height: 30px!important;background: url('media/icons/shopping-cart-white.png')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;display: inline-block;border: none;} .produkte .actions .cart::before{position: absolute;background-color: var(--prime);height: 50px;width: 50px;content: '';z-index: -1;top: -7px;right: 0;left: -9px;bottom: 0;border-radius: 50%;transition: all ease .3s;} .produkte .actions .cart:hover::before{background-color: var(--btnhover);} #primary #personalization_name_field .woocommerce-input-wrapper{width: 100%;} #primary #personalization_name{border: 2px solid var(--prime); border-radius: 10px; padding: 5px; width: 100%;} #personalization_name_field{margin:20px 0;} #personalization_name_field label{display:block;font-weight:600;margin-bottom:8px;color:#333;} #personalization_name_field .optional{font-weight:400;font-size:13px;color:#777;} #personalization_name_field .woocommerce-input-wrapper{display:block;} #personalization_name{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:15px;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:#333;} #personalization_name:hover{border-color:var(--prime);} #personalization_name:focus{border-color:var(--prime);box-shadow:0 0 0 3px color-mix(in srgb, var(--prime) 20%, transparent);outline:none;} #personalization_name::placeholder{color:#999;opacity:1;} #personalization_name_field .required{color:var(--prime);} #personalization_name:focus{background:color-mix(in srgb, var(--prime) 6%, white);} .wc-personalization-image{margin:20px 0;} .wc-personalization-image label{display:block;font-weight:600;margin-bottom:8px;color:#333;} .wc-personalization-image input[type="file"]{display:block;width:100%;padding:10px;border:2px dashed var(--prime);border-radius:6px;background:#f6fbf9;color:#333;cursor:pointer;transition:border-color .2s ease,background .2s ease;} .wc-personalization-image input[type="file"]:hover, .wc-personalization-image input[type="file"]:focus{border-color:var(--prime);background:#eef6f3;outline:none;} .wc-personalization-image .required{color:var(--prime);} .wc-personalization-image small{font-size:12px;color:#666;} .wc-personalization-image input[type="file"]::file-selector-button{padding:8px 14px;border:0;border-radius:4px;background:var(--prime);color:#fff;font-weight:600;margin-right:12px;cursor:pointer;transition:background .2s ease;} .wc-personalization-image input[type="file"]::file-selector-button:hover{background:var(--prime);} /*---------------------------------------*/ .woocommerce-result-count{margin-top: 5px; color: var(--prime); display: inline-block; width: 49%;} .woocommerce-ordering{margin-top: 0; width: 50%; display: inline-block; text-align: end;} .woocommerce-ordering select{border: 2px solid var(--black); border-radius: var(--br); color: var(--black);} .woocommerce-pagination{margin-top: 0;} .woocommerce-pagination .page-numbers{text-align: center;} ul.products li.product .tinvwl_add_to_wishlist_button{background: #f5f5f5;padding: 10px 0;width: 100%;margin-top: 0;transition: 0.3s;} /*---SINGLEPRODUKT--------------------------------------------------------------------------*/ .content-area{width: 100%;float: unset;margin: 0;margin-top: 230px;margin-bottom: 100px;} .content-area .product .galerie .product_title{display:none;} .content-area .product .galerie .woocommerce-product-gallery__trigger{display:none;} /* .content-area .product .galerie .woocommerce-product-gallery__wrapper .wp-post-image{width:100%;height:520px;object-fit: cover;} */ .content-area .product .galerie .woocommerce-product-gallery .flex-control-nav{padding-left:0;} .content-area .product .galerie .woocommerce-product-gallery .woocommerce-product-gallery__image a{width: 100%;display: block;} .content-area .product .galerie .woocommerce-product-gallery .woocommerce-product-gallery__image a img{width:100%;height:auto;} .product .product_meta{display: none!important;} .content-area .container{position:relative;} .content-area .product .btn.back{position:absolute;top:-50px;left:15px;background:none;color:var(--prime);padding:10px 15px 8px;transition:all .3s ease;} .content-area .product .btn.back:hover{color:var(--sec)!important;transition:all .3s ease;} .content-area .product .btn.back:before{position: absolute;height: 15px;width: 7.5px;content: '';top:12.5px;left:0px;transition: all .3s ease;background:url('media/icons/arrow-left.svg');background-size:100%;background-repeat:no-repeat;background-position:center;;} .content-area .product .produktinfos{padding: 0 50px 50px;} .content-area .product .produktinfos .product_title{font-weight:600;font-size: 200%;display: block;line-height: 1.133;margin-bottom: 10px;text-transform: unset;max-width: 700px;color:var(--black);} .content-area .product .produktinfos .price{margin: 0;font-size: 225%;font-weight: 600;display:inline-block;width:max-content;} .content-area .product .produktinfos .price.smaller{margin: 0;font-size: 100%;font-weight: 600;margin-left:5px;color:#888;} .content-area .product .produktinfos .legal-price-info{display:none;} .content-area .product .produktinfos .quantity{width: max-content;float: left;margin-right: 10px;} .content-area .product .produktinfos .quantity input{box-shadow: none;border-radius: var(--br);padding: 7px;outline: none;text-align: center;border: solid 2px var(--prime);background: transparent;} .content-area .product .produktinfos .bm-price-totals{display:none!important;} /* .content-area .product .produktinfos .inner{margin-bottom:25px;border-bottom:solid 1px #444} */ .content-area .product .produktinfos #yith-wcwtl-output{background:#f2f2f2;padding:15px;width:65%;} .content-area .product .produktinfos #yith-wcwtl-output p{margin:0 0 10px;font-weight:600;} .content-area .product .produktinfos #yith-wcwtl-output form{margin:0;} .content-area .product .produktinfos #yith-wcwtl-output form label{width:100%;position:relative;color:#f2f2f2;} .content-area .product .produktinfos #yith-wcwtl-output form label:before{content:'An diese E-Mail-Adresse senden:';font-size:100%;color:#000;position:absolute;top:-5px;left:0;} .content-area .product .produktinfos #yith-wcwtl-output form label input{float:right;background:#fff;width:100%;} .content-area .product .produktinfos #yith-wcwtl-output .button{padding:5px 75px 10px;display:block;width: 100%;text-align: center;} .content-area .product .produktinfos .price{text-decoration:none;} .content-area .product .produktinfos .price bdi{font-weight: 600;font-size: 200%;color: var(--prime);} .content-area .product .produktinfos .price bdi .woocommerce-Price-currencySymbol{font-weight: 600;font-size: 100%;color:var(--prime);} .content-area .product .produktinfos .price ins{text-decoration:none;} .content-area .product .produktinfos .price ins bdi{font-weight: 600;font-size: 200%;color: var(--prime);} .content-area .product .produktinfos .price ins bdi .woocommerce-Price-currencySymbol{font-weight: 600;font-size: 100%;color:var(--prime);} .content-area .product .produktinfos .price del{text-decoration-color: var(--prime);text-decoration-thickness: 3px;} .content-area .product .produktinfos .price del bdi{font-weight: 600;color: var(--prime);} .content-area .product .produktinfos .price del bdi .woocommerce-Price-currencySymbol{font-weight: 600;font-size: 100%;color:var(--prime);} .content-area .product .produktinfos .wishlist.tinvwl_add_to_wishlist_button{display: unset;} .content-area .beschreibung .shop_attributes th, .content-area .beschreibung .shop_attributes td{padding: 0;} .content-area .produktinfos .single_add_to_cart_button{width: 45%;background: var(--prime);transition: 0.3s;border: none;padding: 10px;border-radius: var(--br);color: #fff;margin-right: 20px;} .content-area .produktinfos .single_add_to_cart_button.disabled{opacity:0.3;cursor: not-allowed;} .content-area .produktinfos .single_add_to_cart_button.disabled:hover{background:var(--prime);} .content-area .produktinfos .wishlist img{margin-right: 10px;} .content-area .produktinfos .single_add_to_cart_button:hover{background:var(--btnhover);transition:all .3s ease;color: #fff!important;} .content-area .product .produktinfos .yith-wcwl-add-to-wishlist{display: none;} .content-area .product .produktinfos .tinv-wraper.tinv-wishlist{margin-bottom: 30px;} .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img, a.wishlist_products_counter.top_wishlist-custom img, span.wishlist_products_counter.top_wishlist-custom img{vertical-align: middle;} .tinvwl_add_to_wishlist-text{margin-left: 5px;} .content-area .product .produktinfos .edit-link{display: none;} .content-area .product .produktinfos .woocommerce-product-details__short-description{margin: 20px 0;margin-top: 50px;} .content-area .product .produktinfos .woocommerce-product-details__short-description ul{margin: 0;} .content-area .product .produktinfos .woocommerce-product-details__short-description ul li{margin: 0 0 5px 0;position: relative;padding-left: 30px;} .content-area .product .produktinfos .woocommerce-product-details__short-description ul li::before{content: '';background: url('media/icons/checked.webp')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 5px;} .content-area .product .galerie li{display: inline-block;margin:15px 15px 0 0;width: calc(25% - 11.5px);cursor:pointer;} .content-area .product .galerie li img{opacity:0.5;} .content-area .product .galerie li .flex-active{cursor:auto;opacity:1;} .content-area .product .galerie li:nth-child(4n){margin-right:0;} .content-area .product .produktinfos .price-rule-active td{background-color: #07a3d9!important;} .content-area .product .produktinfos .shop_table thead tr th{padding: 10px;} .content-area .product .produktinfos .shop_table tbody tr td{padding: 10px;} .content-area .product .produktinfos .vorteile ul{margin: 0;padding-left: 30px;} .content-area .product .produktinfos .vorteile ul li{display: inline-block;width: 40%;margin: 5px 0;padding: 0;} .content-area .product .produktinfos .vorteile .versand::before{content: '';background: url('media/icons/delivery.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;left: -33px;top: 4px;} .content-area .product .produktinfos .vorteile .kauf::before{content: '';background: url('media/icons/receipt.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;} .content-area .product .produktinfos .vorteile .rueckgabe::before{content: '';background: url('media/icons/package.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;} .content-area .product .produktinfos .vorteile .lager::before{content: '';background: url('media/icons/lieferbox.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;} .content-area .product .produktinfos .bezahlmethoden{margin: 20px 0;margin-top: 80px;} .content-area .product .produktinfos .bezahlmethoden li{display: inline-block;margin-right: 15px;margin-top: 0;margin-bottom: 0;padding: 0;} .content-area .product .produktinfos .bezahlmethoden li img{padding: 5px;border-radius: 5px;background-color: #dfe3e8;} .content-area .product .produktinfos .delivery-time-info{display: none!important;} .content-area .product .produktinfos .product_meta .product-units{display: none;} .content-area .product .produktinfos .product_meta .sku_wrapper{color: #B6B6B6;} .content-area .product .produktinfos .product_meta .wc-gzd-additional-info{display: none;} /* .content-area .product .produktinfos .eigenschaften p{font-size: 100%;margin-bottom:0;line-height: 1.3;} */ .content-area .product .galerie .button{position: absolute;right: 10%;top: 40%;background: var(--third);color: #fff;text-transform: uppercase;font-weight: 600;text-align: center;padding: 20px;border-radius: 50%;} .content-area .product .produktinfos{background-color: var(--third);} .content-area .product .produktinfos .stock{display:none;} .content-area .product .produktinfos .lagerbestand{display: flex;align-items: center;margin-bottom: 50px;margin-top: 20px;} .content-area .product .produktinfos .lagerbestand p{margin-bottom: 0;font-size:90%;} .content-area .product .produktinfos .lagerbestand span{margin-right: 10px;} .content-area .product .produktinfos .lagerbestand .available{width: 16px;height: 16px;background-color: #159f3f;border-radius: 50%;display: block; margin-top: -3px;} .content-area .product .produktinfos .lagerbestand .available.yellow{width: 16px;height: 16px;background-color:#F3BF00;border-radius: 50%;display: block; margin-top: -3px;} .content-area .product .produktinfos .lagerbestand .unavailable{width: 16px;height: 16px;background-color: red;border-radius: 50%;display: block; margin-top: -3px;} .content-area .product .beschreibung{margin-bottom: 2rem;} .content-area .product .benefitliste{margin-bottom: 2rem;} .content-area .product .benefitliste p{margin-bottom: 0.5rem;} .content-area .product .benefitliste .versandkosten{padding-left: 35px;position: relative;} .content-area .product .benefitliste .versandkosten::after{content: '';position: absolute;background: url('media/icons/package-box.png') no-repeat;background-size: 100%;height: 20px;width: 20px;object-fit: contain;top: 2px;left: 0;display: block;} .content-area .product .benefitliste .check{padding-left: 35px;position: relative;} .content-area .product .benefitliste .check::after{content: '';position: absolute;background: url('media/icons/check-mark.png') no-repeat;background-size: 100%;height: 20px;width: 20px;object-fit: contain;top: 1px;left: 0;display: block;filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(99%) contrast(84%);} .upsells-under-stock{padding-bottom: 25px;} .upsells-under-stock ul li:before{display: none;} .upsells-under-stock ul.products {display: flex; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none;} .upsells-under-stock ul.products li.product {flex: 0 0 33.3333%; max-width: 33.3333%; box-sizing: border-box;padding-left: 0;} .upsells-under-stock ul.products li.product .woocommerce-loop-product__title{font-size: 100%!important; padding-top: 10px; padding-bottom: 10px;} .upsells-under-stock ul.products li.product .price{font-size: 100%!important; width: 100%; text-align: end;} .upsells-under-stock ul.products li.product .price .amount, .upsells-under-stock ul.products li.product .price .woocommerce-Price-currencySymbol{font-size: 110%!important; color: var(--prime); font-weight: 600;} .upsells-under-stock ul.products li.product h2{display: block;} .product .related{margin:50px 0;} .product .related .products{display: flex;justify-content: space-between;} .product .related .products .product:before{display:none;} .product .related .woocommerce-loop-product__title{text-align: left;font-size: 130%!important;margin-bottom: 5px;min-height: 50px;line-height:1.2;} .product .related .price{color: var(--black);text-align: left;font-weight: 600;font-size: 130%;margin-bottom: 0;} .product .related p{margin: 0;text-align: left;} .product .related .button{width: 100%;margin-top: 20px;} .product .related .wc-gzd-additional-info-loop{display:none;} .product .related .xoo-wl-open-form-btn{display:none;} .product .onsale{position: absolute;top: 0;left: 0;border-color: #0f834d;color: #fff;background: #0f834d;} .product .galerie .ck-product-thumbs{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));gap: 15px;margin-top: 12px; padding-bottom: 100px;} .product .galerie .ck-product-thumb{padding: 0;border: 0;background: transparent;cursor: pointer;opacity: 0.7;} .product .galerie .ck-product-thumb.is-current {opacity: 1;} .product .galerie .ck-product-thumb-img{width: 100%;height: auto;display: block; aspect-ratio: 1; object-fit: cover;} .product .galerie .owl-nav.disabled{display: none;} .product .galerie .ck-product-thumb:focus{outline: none;} .product .produkttext{margin-top: 150px;} .product .produkttext .row{padding-bottom: 100px;} .product .produkttext .text{align-content: center;} .product .produkttext .headline{color: var(--black);} .product .benefitboxen{margin-bottom: 150px;} .product .benefitboxen img{margin-bottom: 2rem;border-radius: var(--br);background-color: var(--lightgrey);aspect-ratio: 1 / 1;object-fit: cover;width: 100%;height: auto;} .product .benefitboxen .headline, .product .benefitboxen .content{color: var(--black);text-align: center;width: 100%;margin-bottom: 10px;} .product .related-products .card-body{max-width:100%;padding:15px 0; padding-right: 50px;background-color: #eeea;border-bottom-right-radius: var(--br);border-bottom-left-radius: var(--br);position: relative;} .product .related-products img{width: 100%; aspect-ratio: 1; height: auto; object-fit: cover;} .product .related-products .card-title{display:block;font-size:115%;min-height:20px;margin-bottom:15px;font-weight:600;max-height: 50px;overflow: hidden;} .product .related-products .price{padding:0 25px;} .product .related-products .price .amount{color: var(--prime);font-size: 125%;font-weight:600;} .product .related-products .price .amount bdi{color: var(--prime);font-size: 100%;font-weight:600;} .product .related-products .price.smaller{margin:0;font-size:100%;font-weight:600;margin-left:0;color:#888;} .product .related-products .price.anfrage{display:block;margin-bottom:10px;} .product .related-products .price.anfrage .amount{font-size:100%;color:var(--prime);font-weight:600;padding:0;} .product .related-products .price .woocommerce-Price-currencySymbol{font-size:100%;font-weight:600;color:var(--prime);} .product .related-products .actions{position: absolute;right:35px;bottom:35px;display: flex;justify-content: flex-end;} .product .related-products .actions img{height: auto;} .product .related-products .actions ul li{text-align: end!important;padding:0;} .product .related-products .actions ul li:before{display:none;} /* .product .related-products .actions .cart{width: 45px!important;height: 45px!important;background: var(--prime) url('media/icons/shopping-bag-white.svg')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: 50%!important;display: inline-block;border: none;padding:0;border-radius: 50%;transition:all .3s ease;} */ /* .product .related-products .actions:hover .cart{width: 45px!important;height: 45px!important;background: var(--btnhover) url('media/icons/shopping-bag-white.svg')!important;background-position: center!important;background-repeat: no-repeat!important;background-size: 50%!important;display: inline-block;border: none;padding:0;border-radius: 50%;transition:all .3s ease;} */ .product .related-products p.wc-gzd-additional-info{padding: 0 25px;} .content-area .product .galerie .content p{margin:0;} .content-area .product .galerie .woocommerce-tabs .woocommerce-Tabs-panel{padding: 15px;background: #f2f2f2;margin:50px 0;} .content-area .product .galerie .woocommerce-tabs h2{display:none;} .content-area .product .galerie .woocommerce-tabs .headline{margin-bottom:15px;} .content-area .product .beschreibung .woocommerce-tabs .shop_attributes{margin:0;} .content-area .product .beschreibung .woocommerce-tabs .shop_attributes th{background: transparent;border-right:solid 1px #444;border-bottom:solid 1px #444;padding:5px 10px;} .content-area .product .beschreibung .woocommerce-tabs .shop_attributes tr:last-child th{border-bottom:none;} .content-area .product .beschreibung .woocommerce-tabs .shop_attributes td{background: transparent;border-bottom:solid 1px #444;padding:5px 10px;} .content-area .product .beschreibung .woocommerce-tabs .shop_attributes tr:last-child td{border-bottom:none;} .content-area .product .beschreibung .woocommerce-tabs .shop_attributes td p{padding:5px 10px;margin:0;} .content-area .product .produktinfos .stock{margin:0 0 20px;} .content-area .product .produktinfos .stock.out-of-stock{display:none;} .content-area .product .produktvideo{margin-top: 100px;} #video{padding-top: 150px;margin-top: -150px;} .content-area .product .produktinfos .xoo-wl-btc-popup{width: 60%;} button.xoo-wl-action-btn{border: none;} .content-area .galerie .content.desktop{display:block;} .content-area .produktinfos .content.mobile{display:none;} /* .related.products{display: none;} */ .flx_textblock .related.products{display: block;} .flx_textblock .related.products ul{display: flex;justify-content: space-between;} .weiterleitung{text-align: left;width:max-content;} .weiterleitung .link{position: relative;padding-right: 25px;} .weiterleitung .link::after{position: absolute;content: '';background: url('media/icons/chevron.png');background-position: center;background-repeat: no-repeat;background-size: cover;width: 20px;height: 20px;right: 0;top: 0;object-fit: cover;} .woocommerce-tabs{border-bottom:solid 1px #f4f4f4;} /*.content-area .product .beschreibung .up-sells{display:none;}*/ .related .actions{display: none;} .bm-bulk-table thead tr td{border-bottom:solid 1px #fff;border-right:solid 1px #fff;font-weight:600;text-align:center;color:#fff;background:#07a3d9;padding:0;} .bm-bulk-table tbody tr td{border-right:solid 1px #444;text-align:center;padding:0;} .bm-bulk-table tbody tr:nth-child(2n) td{background-color:#eee!important;} .bm-bulk-table tbody tr:last-child td{border-bottom:none;} .bm-bulk-table tr td:last-child{border-right:none;} .bm-cheapest-bulk{display:none!important;} .quantity .qty{width:90px;} .product.type-product .woocommerce-LoopProduct-link.woocommerce-loop-product__link > small{position:absolute;right:0;bottom:30px;max-width:40%;} .product.type-product .woocommerce-LoopProduct-link.woocommerce-loop-product__link > small .bm-cheapest-bulk{display:block!important;float: left;width:110px;margin-bottom: 0px; color: #fff;width: 120px;font-size: 110%;background: #159f3f;padding: 3px 5px;} /*--------------------------------Abweichungen--------------------------------------------------*/ #start p{width: 80%;} .unsere-mission .background{height: 70vh;} .unsere-mission .flx_textblock.text-bild .text .headline{width: 50%;} .warenkorb .background{z-index: -1;} .kasse .flx_benefits{padding-top: 0;} /*-------------------------------------------------------------------------------------------*/ @media (max-width:1919px){ .flx_banner .row .image{right: -30px;} .flx_banner .row::after{right: 250px;bottom: 40px;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter{padding: 20px 50px;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:1600px){ .flx_headerblock.hintergrundbild .hinweis{writing-mode: horizontal-tb;height:auto;} .flx_headerblock .text{padding: 200px 20px;} .flx_headerblock.mitslider .hintergrundbild{padding: 75px 0;} .flx_headerblock.mitslider .hintergrundbild .text{padding: 50px 0; padding-left: 75px!important; padding-right: 75px!important;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:1480px){ /* body,html,*{font-size: 19px;} */ /* .headline{font-size: 125%;} */ div[class^="flx_"], div[class*="flx_"]{margin-bottom:20px;padding: 50px 0;} #page-header .topheader .infos ul li{margin-left: 60px;} #blue.flx_textblock .bild{padding-left: 70px;} .flx_headerblock.hintergrundbild .text .headline{font-size:300%;} .flx_headerblock.mitslider .hintergrundbild .text .headline{font-size:300%;} .flx_textblock .row{align-items: center;} .flx_textblock .button{margin-top: 30px;} .flx_textblock.text-bild .text{padding-right: 50px;} .flx_textblock.bild-text .text{padding-left: 50px;} .flx_textblock .swiper-wrapper{height: 450px !important;} .flx_textblock .swiper .item img{height: 420px;} .flx_intro .titel{font-size:125%;} .flx_benefits{padding-top: 0!important;} .flx_banner .row .headlinebox .headline{font-size: 230%;} .flx_banner .row::after{right: 180px;width: 130px;height: 130px;} .actions{z-index: 1;} .flx_zitatblock .row .zitat{padding: 130px;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter{width: 60%;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter::after{border-bottom: 91px solid #75c9dc;} .flx_slider .swiper .swiper-wrapper{height: 340px!important;} .produktvideo video{height: 480px!important;} .content-area .product .produktinfos .vorteile ul li{width: 48%;} .content-area .product .produktinfos .wishlist{color: transparent;} /* #primary .listing .products .product .woocommerce-loop-product__title, .product .related-products .card-title{max-height: 50px!important;} */ #page-footer .item.right .headline{font-size:120%;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:1199px){ .headline{font-size: 200%;} .btn{padding: 10px 25px 8px;} div[class^="flx_"], div[class*="flx_"]{margin: 50px 0 0;} #page-header .account{margin-right:15px;} #page-header .account a .text{display: none;} #page-header .topheader .infos ul li{margin-left: 40px;} #page-header .topheader .shopitems ul li.account img{max-width: 71%;margin-right: 0;} #page-header .row.unten{margin-top: 0px;} #page-header .row.unten #toppermenu .menu li{margin-left: 0;} /* #page-header .left{max-width: 60%;} */ #page-header .left .logo{max-width: 35%;} /* #page-header .row.unten #toppermenu{max-width: 65%;flex:0 0 65%;} */ /* #page-header .right{max-width: 40%;} */ #page-header #toppermenu .menu li.menu-item-has-children::after{right:-20px;} #page-header .cart .cart-count{top: 12px;} .flx_benefits .benefit .outer{width: 100px; max-width: unset; flex: 0 0 auto;} .flx_benefits .benefit .inhalt{max-width: calc(100% - 100px); flex: 0 0 auto;} #blue.flx_textblock .bild{padding-left: 15px;justify-content: center;display: flex;padding-top: 30px;} #blue.flx_textblock .text, #blue.flx_textblock .bild{max-width: 100%!important;flex: 0 0 100%;} .flx_headerblock.hintergrundbild .badge{position: absolute;top: 15px;left: 15px;max-width: 200px;padding: 0;transform: rotate(-15deg);} .flx_headerblock.hintergrundbild .hinweis{padding:10px;} .flx_banner .row .headlinebox{padding-right: 0;} .flx_banner .row .content .button{margin-top: 100px;} .flx_banner .row .image{right: -20px;} .flx_banner .row::after{right: 150px;} .flx_bestseller .infos .headline{font-size: 125%;} .flx_bestseller .swiper .actions{top: 20%!important;} .flx_bestseller .infos .headline{min-height: 30px;} .flx_iconblock.gross .inhalt p{width: 90%;} .flx_iconblock.klein .inhalt .titel{font-size: 110%;} .flx_iconblock .item .image{height: 200px;} .flx_zitatblock .row .zitat{padding: 60px;} .flx_zitatblock .row .zitat .text::after{top: -80px;right: -70px;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter{width: 70%;} .flx_kategorieteaser .item{padding: 20px;} .flx_slider .swiper .swiper-wrapper{height: 270px!important;} .flx_kontakt .text{margin-bottom: 20px;} .flx_kontakt .fbox input, .flx_kontakt .fbox textarea{border: 1px solid var(--prime);} .content-area .product .galerie .button{top: 30%;} .content-area .produktinfos .single_add_to_cart_button{width: 50%;} .content-area .product .produktinfos{padding:0; padding-bottom: 50px;} .content-area .product .produktinfos .bezahlmethoden{margin-top: 20px;} .content-area .product .produktinfos .vorteile ul li{width: 100%;margin: 10px 0;} #primary .listing .products li.product{width:32.6%;} .content-area .product .after-product .products li.product{width:49.4%;} #primary .listing .products, .content-area .product .after-product .products{gap:10px;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation{padding-top:0;} .product .produkttext{margin-top: 50px;} .product .produkttext .leer{display: none;} .product .produkttext .textorder{order: 1;} .product .produkttext .bildorder{order: 2;} .product .benefitboxen img{margin-bottom: 1rem;} .product .benefitboxen .headline{font-size: 120%;} .product .benefitboxen .content{font-size: 95%;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:991px) { #page-header #toppermenu .menu{display: none!important;transition: all .3s ease;} #page-header #toppermenu.active .menu{z-index: 99;margin:0;display: flex!important;position: fixed;right: 0;background-color:var(--lightblue);transition: all .3s ease;flex-direction: column;height: 100%;width: 50%;top: 0;padding: 300px 45px;text-align: left;width: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} #page-header #toppermenu .menu li.opverpoint a{color:var(--prime);font-weight:600;margin-top:35px;display:block;} #page-header #toppermenu .menu li.menu-item-has-children.active:after{transform:rotate(180deg);} #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;left:unset;right:0;top:40px;} #page-header #toppermenu .menu li.menu-item-has-children > .sub-menu li{text-align:right;padding-right:35px;} #page-header #toppermenu.active .suche.mobile{display:block;position: fixed;right: 5%;z-index: 999;width: 40%;top: 12.5%;} #page-header .topheader .row{align-items: center;padding:0} #page-header .topheader .infos ul{justify-content: flex-start;} #page-header .topheader .infos ul li{margin-left: 0;font-weight: 400;font-size: 65%;padding-left: 20px;margin-right: 25px;} #page-header .topheader .infos ul li::before{top: 1px;width: 15px;height: 15px;} #page-header .row.unten #toppermenu .menu li{padding-bottom: 15px;font-size: 110%;} #page-header .menu-topmenu-container{display: none;} #page-header .menu-topmenu-container.active{display: block; position: absolute; width: 50vw; height: 100vh; right: 0; top: 0; background-color: white;} #page-header .bottomheader .menu li{display: block; margin: 0 auto;} #page-header .bottomheader .bigmenu:hover > .sub-menu{display: block; position: relative;} #page-header .menu-topmenu-container{display:none;} #page-header .menu-topmenu-container.active{display:block;position:fixed;right:0;top:0;width:min(420px,85vw);height:100vh;background:#fff;z-index:9999; box-shadow:-10px 0 30px rgba(0,0,0,0.12);overflow-y:auto;padding:90px 20px 20px;} #page-header .bottomheader .menu{display:block;margin:0;padding:0;} #page-header .bottomheader .menu li{display:block;margin:0;padding:0;list-style:none;border-bottom:1px solid rgba(0,0,0,0.06);} #page-header .bottomheader .menu li:last-child{border-bottom:none;} #page-header .bottomheader .menu > li > a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 8px;cursor:pointer;} #page-header .bottomheader .menu .sub-menu{display:none;margin:0;padding:6px 0 14px 6px;} #page-header .bottomheader .menu li.is-open > .sub-menu{display:block;} #page-header .bottomheader .bigmenu:hover > .sub-menu{display:block; box-shadow: none; padding: 6px 0 14px 6px; margin: 0; top: 0;} #page-header .bottomheader .menu .sub-menu li{border-bottom:none;} #page-header .bottomheader .menu .sub-menu li a{display:block;padding:10px 12px;border-radius:8px;} #page-header .bottomheader .menu > li > .sub-menu > li > .sub-menu{margin-top:4px;padding-left:14px;border-left:2px solid rgba(0,0,0,0.06);} #page-header .bottomheader .bigmenu > .sub-menu > li{max-width: 100%;} #page-header .bottomheader .menu .menu-item-has-children > a{font-weight:600;} #page-header .bottomheader .menu > li.menu-item-has-children > a:before{display:none;} #page-header .bottomheader .menu > li.menu-item-has-children > a:after{content:"";position:static;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .2s ease;flex:0 0 auto;} #page-header .bottomheader .menu li.is-open > a:after{transform:rotate(180deg);} #page-header .bottomheader .bigmenu:hover > .sub-menu{display:none;} #page-header .bottomheader .menu > li:not(.bigmenu):hover > .sub-menu{display:none;} #page-header .bottomheader .menu > li > .sub-menu > li > a{display:block;font-weight:600;padding:12px 8px 10px 8px; text-align: start;} #page-header .bottomheader .menu > li > .sub-menu > li > .sub-menu{display:none;margin:0;padding:0 0 14px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;} #page-header .bottomheader .menu > li.is-open > .sub-menu > li > .sub-menu{display:grid;} #page-header .bottomheader .menu > li:hover > .sub-menu > li > .sub-menu{display:grid;} #page-header .bottomheader .menu > li > .sub-menu > li > .sub-menu > li{margin:0;padding:0;border:none; text-align: start;} #page-header .bottomheader .menu > li > .sub-menu > li > .sub-menu > li > a{display:block;padding:4px 12px;border-radius:8px;width:100%;} #page-header .cart .cart-count{top: -12px;} #page-header .burgerbutton{display: block;margin-right: 0;margin-left: auto;top: 50%; transform: translateY(-50%); position: absolute; right: 15px;} #page-header .menucol{text-align: end;} #page-header .row.unten #toppermenu{display:none;} #page-header .row.unten #toppermenu.onlymobile{display:block;} #page-header .suche{display:none;} /* #page-header .left{max-width: 100%;order: 2;} */ #page-header .left .logo{max-width: 55%;display:block;} #page-header .row.unten #toppermenu{max-width: 70%;} /* #page-header .right{max-width: 100%;order: 1;} */ #page-header .row.unten #toppermenu .menu{justify-content:normal;padding-top:165px;} #page-header.bottom .row.unten .logo img{margin:10px 0;} .headline{margin-bottom: 20px;font-size: 180%;} .inhaltsbloecke{padding-top:1px;} .startseite .inhaltsbloecke, .ueber-uns .inhaltsbloecke{padding-top:0px;} .flx_headerblock .image{max-width: 30%;} .flx_headerblock .text{max-width: 70%;} .flx_headerblock .content{width: 100%;} .flx_headerblock.hintergrundbild::after{background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);} .flx_headerblock.hintergrundbild .image{max-width:100%;order:2;padding:50px 15px;} .flx_headerblock.hintergrundbild .text{max-width:100%;order:1;padding:50px 15px;} .flx_headerblock.hintergrundbild .badge{top: 20%;left:unset;right:15px;transform: rotate(0deg);z-index: 99;} .flx_headerblock.mitslider .hintergrundbild::after{background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);} .flx_headerblock.mitslider .hintergrundbild .image{max-width:100%;order:2;padding:50px 15px;} .flx_headerblock.mitslider .hintergrundbild .text{max-width:100%;order:1;padding:50px 15px;} .flx_headerblock.mitslider .hintergrundbild .badge{top: 20%;left:unset;right:15px;transform: rotate(0deg);z-index: 99;} .flx_textblock .button{margin-top: 10px;} .flx_textblock.text-bild .text{margin-bottom: 30px;padding-right: 15px;} .flx_textblock.bild-text .row{flex-direction: column-reverse;} .flx_textblock.bild-text .text{margin-bottom: 30px;padding-left: 15px;} .flx_kategorieteaser .item a{display:block;position:relative;} .flx_kategorieteaser .item a:before{content:'';position:absolute;bottom:0;right:0;left:0;top:0;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);transition:all .3s ease;} /* .flx_kategorieteaser .item .inner{bottom:5%;} */ .flx_kategorieteaser .item .inner .headline{font-size:150%;} .flx_kategorieteaser .item:hover img{opacity:1;transition: all .3s ease;} .flx_textblock.kategorie .produkt{padding-top: 50px;} .flx_intro{width:70%;margin:75px auto!important;display:block;} .flx_saleteaser .text.borderright{padding-bottom: 50px; border-bottom: 2px solid rgb(255 255 255 / 0.2);;} .flx_saleteaser .text.noborder{padding-top: 50px;} .flx_banner{margin-top: 100px!important;} .flx_banner .row{padding: 25px 30px;} .flx_banner .row .headlinebox .headline{font-size: 160%;} .flx_banner .row .headlinebox .subline{font-size: 120%;} .flx_banner .row .content{padding-left: 40px;} .flx_banner .row .content .button{margin-top: 30px;} .flx_banner .row .image{right: 20px;} .flx_banner .row .image img{max-width: 120%;} .flx_banner .row::after{right: 100px;width: 90px;height: 90px;font-size: 125%;} .flx_textblock.text-icons .icons{margin-top: 30px;} .flx_textblock.text-icons .icons .item{justify-content: center;} .flx_iconblock .row{justify-content:center;} .flx_iconblock .block{align-items: flex-start;} .flx_iconblock .item .image{height: 150px;} .flx_iconblock.gross .item .image img{width: 70%;} .flx_iconblock .inhalt{padding:0 35px;} .flx_zitatblock .row .zitat .text{width: 90%;} .flx_zitatblock .row .zitat .text::after{top: -40px;right: -30px;height: 43px;width: 53px;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter{width: 90%;} .flx_gridblock .grid-container{grid-template-rows: repeat(8, 70px);} .flx_gridblock .grid-container .grid-item.one{padding: 0;} .flx_gridblock .grid-container .grid-item.two{grid-row:5 / 9;} .flx_gridblock .grid-container .grid-item.three{grid-row:1 / 5;} .flx_gridblock .grid-container .grid-item.four{padding: 0;grid-row:5 / 9;} .flx_domino .row .content .text{width: 100%;padding: 30px 10px;} .flx_slider .swiper .swiper-wrapper{height: 220px!important;} .flx_produktteaser .produkt{margin-bottom: 30px;} .product .benefitboxen .benefitbox{margin-bottom: 2rem;} .product .benefitboxen{margin-bottom: 50px;} .produkte .products li.product{width: 45%!important;} .produktvideo video{height: 370px!important;} .product .galerie .ck-product-thumbs{padding-bottom: 50px;} .content-area .product .produktinfos .woocommerce-product-details__short-description{margin-top:20px;} #primary .listing .products, .content-area .product .after-product .products{gap:10px} #primary .listing .products li.product, #primary .after-product .products li.product{width:49%;} .kasse .flx_textblock{margin-top: 0; padding-top: 50px;} .woocommerce-checkout .col2-set, .woocommerce-checkout #order_review{width:100%;float:unset;} .woocommerce-cart-form table td.actions{width:100%;padding:15px;} .woocommerce table.cart td.actions .coupon{width:100%;} .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text + .button{width:47%;margin:5px;} .woocommerce table.cart td.actions button[name="update_cart"]{width:100%;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width:100%;} .content-area .product .row.unten .beschreibung{padding-right:15px;} .content-area .product .row.unten .daten{margin-top:75px;} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{float:unset;text-align:left;display:block;} .woocommerce-cart-form table td.product-thumbnail::before{display:none!important;} /* .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{display:inline-block;} */ .woocommerce table.shop_table_responsive tr td a, .woocommerce table.shop_table_responsive tr td > span, .woocommerce table.shop_table_responsive tr td > div{display:block;text-align:left;} /* .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{display:inline-block;} */ .woocommerce-cart-form table td.product-remove{width:35px;} .woocommerce-cart-form table td.product-thumbnail{width:75px;} .woocommerce-cart-form table td.product-name{width:225px;} .woocommerce-cart-form table td.product-price{width:100px;} .woocommerce-cart-form table td.product-quantity{width:100px;} .woocommerce-cart-form table td.product-subtotal{width:175px;} .product .related-products .card-body{padding: 25px 0; padding-right: 50px} .warenkorb .woocommerce table.shop_table{margin:0;padding-bottom:35px;} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background:none;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation ul{display:block;text-align:center;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation ul li{margin:5px 0;width:32.9%;padding-right:0;display:inline-block;} .woocommerce .cart-collaterals .cart_totals td{width:100%;text-align:left!important;} #page-footer .item.right .menus{margin-bottom:0;} #page-footer .item.right .menu{margin-bottom:25px;} #page-footer .item.right .menu .menu{margin:10px 0;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:767px) { body{overflow-x: hidden;} body,html,*{font-size:16px;} div[class^="flx_"], div[class*="flx_"]{padding: 50px 0;} .inhaltsbloecke{margin-top: 115px;} .startseite .inhaltsbloecke, .ueber-uns .inhaltsbloecke{margin-top: 0;} #page-header .topheader{text-align: left;} #page-header .topheader li{padding:0;font-size:100%;margin:0 10px;} #page-header .topheader .contact ul li a{font-size:100%;} #page-header .topheader .versand{display:none;} #page-header .topheader .contact ul{justify-content: center;} #page-header .topheader .contact ul li a img{max-width: 10%;} #page-header #toppermenu.active .menu{width: 60%;padding-bottom:100px;} #page-header .topheader .infos ul{display: none;} #page-header .row.unten .right .row{justify-content:end;} #page-header .left .logo{max-width:100%;text-align: center;margin:0;width:60%;display:block;} #page-header.bottom{margin-top:0;} #page-header.bottom .suche{display:none;} #page-header.bottom #menuburgerbutton{top:15px;} #page-header.bottom .account{margin:0px 15px;} #page-header.bottom .account ul li.account img, #page-header.bottom .account ul li.cart img{max-width:70%;} #page-header #toppermenu.active .suche.mobile{width:50%;top:16.5%;} .flx_headerblock.hintergrundbild{height: 50vh!important;} .flx_headerblock.hintergrundbild .text .headline{font-size: 230%;} .flx_textblock .swiper-wrapper{height: 350px!important;} .flx_textblock .swiper .item img{height: 320px;} .flx_textblock.text-bild-unten img{height: 280px;} .flx_textblock.text-bild-unten .headlinebox{margin-bottom: 30px;} .flx_textblock.text-bild-unten .headline{margin-bottom: 0;} .flx_banner .row .image{display: none;} .flx_banner .row::after{display: none;} .flx_textblock.text-icons .icons .item img{max-width: 50%;} .flx_iconblock .block{justify-content: center;margin-bottom: 30px;} .flx_iconblock .block .item{display: flex;flex-direction: column;align-items: center;} .flx_iconblock .inhalt{text-align: center;} .flx_iconblock .headline{text-align: center;margin-bottom: 50px;} .flx_iconblock.gross .inhalt p{width: 100%;} .flx_iconblock .item .image{justify-content: center;margin-bottom: 10px;height:200px;width:50%;} .flx_iconblock.gross .item .image img{width: 40%;} .flx_iconblock .inhalt .titel{margin-bottom: 0;} .flx_zitatblock{margin-bottom: 400px!important;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter{width: 60%;z-index: 2;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter::after{border-bottom: 88px solid #75c9dc;} .flx_zitatblock .row .zitat{background-color: #f5f5f5;padding: 70px;} .flx_zitatblock .row .zitat .text::after{right: -50px;} .flx_kategorieteaser .item{padding: 10px;} .flx_kategorieteaser .item .inner h2{font-size: 120%;} .flx_domino .row .image{height: 200px;} .flx_slider .swiper .swiper-wrapper{height: 170px!important;} .flx_gridblock .grid-container .grid-item .headline{margin-bottom:5px;} .flx_gridblock .grid-container{grid-template-rows: repeat(13, 70px);} .flx_gridblock .grid-container .grid-item.one{grid-column: 1 / 5;grid-row: 5 / 8;} .flx_gridblock .grid-container .grid-item.two{grid-column: 1 / 5;grid-row: 8 / 12;} .flx_gridblock .grid-container .grid-item.three{grid-column: 1 / 5;grid-row: 1 / 5;} .flx_gridblock .grid-container .grid-item.four{grid-column: 1 / 5;grid-row: 12 / 14;} .flx_produktteaser .infos .price .amount{font-size: 100%;} .flx_produktteaser .infos .wc-gzd-additional-info{font-size: 80%;} .content-area{margin-top:100px;} #main{padding-top: 0;} .content-area .product .galerie .woocommerce-product-gallery__wrapper .wp-post-image{width: 100%;} .content-area .product .galerie .button{right: unset;left: 50%;top: 40%;} .content-area .product .row.unten .beschreibung{padding:0 15px;} .product .related .products li{padding: 0;} .product .related .woocommerce-loop-product__title{font-size: 110%!important;} #video{padding-left: 0;padding-right: 0;} .produktvideo video{height: 290px!important;} #primary .listing .products li.product{width: 49%;} .content-area .product .after-product .products li.product{width: 48%;} #primary .listing .products .product .woocommerce-loop-product__title, .product .related-products .card-title{max-height: 40px!important;} .content-area .product .after-product .products .product .woocommerce-loop-product__title{font-size:150%!important;} .content-area .product .after-product .products .product .price span{font-size:135%;} #primary .listing .products .product .actions{bottom: 50px;} #page-footer .row.unten ul li{margin-left: 30px;} #page-footer .row.unten{margin-top: 50px;} #page-footer .row.oben .item{margin-bottom: 30px;} #page-footer .row.oben .item .logo{max-width:66%;} .content-area .product .btn.back::before{top:11px;} .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text + .button{width:100%;margin:5px 0;} .woocommerce-result-count, .woocommerce-ordering{width: 100%;} .woocommerce-ordering select{max-width: 100%;} #page-footer .item.right .newsletter{margin-bottom:0;} #page-footer .item.right .menus{margin-bottom:25px;} #page-footer .item.right .menus .right .headline{margin-top:25px;display:block;} #page-footer .leerraum{display:none;} #primary .listing .products .product p.wc-gzd-additional-info{font-size: 80%;} /* .woocommerce-cart-form table td.product-remove{width:35px;} .woocommerce-cart-form table td.product-thumbnail{width:125px;} .woocommerce-cart-form table td.product-name{width:175px;margin-top:-50px;} .woocommerce-cart-form table td.product-price{width:175px;margin-top:-50px;} .woocommerce-cart-form table td.product-quantity{width:175px;margin-left:170px;margin-top:-75px;} .woocommerce-cart-form table td.product-subtotal{width:175px;margin-top:-75px;} */ .warenkorb .woocommerce .quantity .qty{width:75%;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation{padding-top:25px;} .mein-konto .woocommerce .woocommerce-MyAccount-navigation ul li{margin:5px 0;width:49%;padding-right:0;display:inline-block;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width:100%;margin:15px 0;} .woocommerce .cart-collaterals .cart_totals{padding: 12px;border: 1px solid rgba(0,0,0,.08);border-radius: 12px; box-shadow: none;} .woocommerce-cart-form{box-shadow: none;} .woocommerce-cart-form__contents thead{display:none;} .woocommerce-cart-form__contents,.woocommerce-cart-form__contents tbody,.woocommerce-cart-form__contents tr,.woocommerce-cart-form__contents td{display:block;width:100%;} .woocommerce-cart-form__contents tr.cart_item{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;margin:0 0 12px;background:#fff;position:relative;} .woocommerce-cart-form__contents td.product-remove{position:absolute;top:10px;right:30px;width:auto;padding:0;margin:0;} .woocommerce-cart-form__contents td.product-remove a.remove{width:34px;height:34px;line-height:32px;text-align:center;border-radius:999px;border:1px solid rgba(0,0,0,.12);text-decoration:none;display:inline-block;} .woocommerce-cart-form__contents td.product-thumbnail{padding:0 0 10px;} .woocommerce-cart-form__contents td.product-thumbnail img{width:84px;height:84px;object-fit:cover;border-radius:10px;} .woocommerce-cart-form__contents td.product-name{padding:0 44px 10px 0;} .woocommerce-cart-form__contents td.product-name a{font-weight:600;text-decoration:none;display:inline-block;} .woocommerce-cart-form__contents td.product-name dl.variation{margin:8px 0 0;font-size:.95em;} .woocommerce-cart-form__contents td.product-price,.woocommerce-cart-form__contents td.product-quantity,.woocommerce-cart-form__contents td.product-subtotal{padding:10px 0;border-top:1px solid rgba(0,0,0,.06);} .woocommerce-cart-form__contents td.product-price::before,.woocommerce-cart-form__contents td.product-quantity::before,.woocommerce-cart-form__contents td.product-subtotal::before{content:attr(data-title);font-weight:600;display:inline-block;margin-right:10px;min-width:110px;} .woocommerce-cart-form__contents td.product-quantity .quantity{display:inline-flex;align-items:center;} .woocommerce-cart-form__contents td.product-quantity input.qty{width:90px;max-width:120px;padding:10px 12px;border-radius:10px;} .woocommerce-cart-form__contents td.product-subtotal .amount{font-weight:700;} .woocommerce-cart-form__contents tr:last-child td.actions{padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;} .woocommerce-cart-form__contents td.actions .coupon{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 10px;} .woocommerce-cart-form__contents td.actions .coupon input#coupon_code{width:100%;padding:12px;border-radius:10px;} .woocommerce-cart-form__contents td.actions button.button,.woocommerce-cart-form__contents td.actions input.button{width:100%;padding:12px;border-radius:10px;} .woocommerce-cart-form__contents td{padding-left:0;padding-right:0;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:600px) { body,html,*{font-size: 16px;} div[class^="flx_"], div[class*="flx_"]{margin: 50px 0 0;} .inhaltsbloecke{margin-top: 86px;} .headline{margin-bottom: 10px;font-size: 175%;} #page-header .logo img{max-width: 125px;} #page-header #toppermenu.active .menu{width: 100%;padding: 250px 25px;display: block!important;text-align: left;} #page-header .row.unten #toppermenu .menu li{font-size: 170%;padding-right: 50px;} #page-header .topheader .row{justify-content: flex-end;} #page-header .topheader .shopitems{max-width: 40%;flex: none;} #page-header .row.unten .logo img{max-width: 120px;width:120px;} #page-header #toppermenu .menu li.menu-item-has-children::after{right: 0;} .flx_textblock .swiper-wrapper{height: 270px!important;} .flx_textblock .swiper .item img{height: 240px;width: 100%;object-fit: cover;} .flx_textblock.text-icons .icons .item:nth-child(4){margin-bottom: 40px;} .flx_textblock.kategorie .kategorie{padding: 0 20px;} .flx_textblock.kategorie .produkt{padding: 50px 20px 0;} .flx_headerblock .image{max-width:100%;position: absolute;} .flx_headerblock .text{max-width:100%;padding:75px 15px;} .flx_headerblock.hintergrundbild .image{position:unset;} .flx_headerblock.hintergrundbild .badge{top:35%;} .flx_headerblock.mitslider .hintergrundbild .text .headline{font-size: 175%;} .flx_textblock.kategorie .produkt .produkt-inner::after{background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);} .flx_banner{margin-top: 80px!important;} .flx_banner .row{padding: 45px 50px;} .flx_banner .row .headlinebox{padding-left: 0;} .flx_banner .row .headlinebox .headline{margin-bottom: 10px;} .flx_banner .row .content{padding-left: 0;margin-top: 20px;} .flx_zitatblock{margin-bottom: 200px!important;} .flx_zitatblock .row .mitarbeiterbild{height: 50%;} .flx_zitatblock .row .mitarbeiterbild .mitarbeiter{width: 80%;} .flx_zitatblock .row .zitat .text::after{right: -60px;top: -10px;} .flx_intro{width:100%;} .flx_produktteaser .button{margin-top:0;} .flx_slider .swiper .swiper-wrapper{height: 230px!important;} .flx_gridblock .grid-container{grid-template-rows: repeat(14, 50px);} .flx_kategorieteaser .item{max-width:100%;flex:0 0 100%;} .flx_kategorieteaser .item .inner .headline{font-size:175%;} .flx_iconblock .item .image{width:100%;} .produkte .products li.product{padding: 20px!important;} .produkte .products li.product .produktbild .actions{top: 20%!important;} .produkte .products .product .woocommerce-loop-product__title{min-height: 55px;} .woocommerce-loop-product__title{font-size: 110%!important;} .content-area .product .row.unten{margin: 50px 0 0;} .content-area .product .row.unten .beschreibung{padding: 0 20px;} .content-area .product .galerie .button{padding: 15px;font-size: 95%;} .product .related .products{overflow: scroll;} .product .related .products li{margin-right: 70px;} .content-area .product .galerie .woocommerce-product-gallery__wrapper .wp-post-image{height: 250px;} #primary .listing .products li.product, #primary .after-product .products li.product{width: 100%;} #primary .kategorielinks .inner .btn{margin:0 10px 10px 0;padding:10px 20px 8px;} #primary .listing .products .product .woocommerce-loop-product__title, .product .related-products .card-title{max-height: max-content!important;} .content-area .product .produktinfos .product_title{font-size:225%;font-weight:600;} .content-area .product .produktinfos .price{margin-bottom:10px;} .content-area .product .produktinfos span bdi, .content-area .product .produktinfos span bdi .woocommerce-Price-currencySymbol{font-weight:600;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width:100%;} .flx_benefits .benefit .outer{width: 80px; padding: 5px;} #page-footer .row.oben ul{margin-top: 5px;} #page-footer .row.unten{margin-top: 25px;flex-direction: column-reverse;} #page-footer .row.unten .rechtliches{margin-bottom: 5px;} #page-footer .row.unten .copyright{text-align: start;} #page-footer .row.unten ul{justify-content: flex-start;} #page-footer .row.unten ul li{margin-left: 0;margin-right: 30px;} .content-area .product .after-product .products .product .woocommerce-loop-product__title, #primary .listing .products .product .woocommerce-loop-product__title{min-height:auto;} .woocommerce-cart-form table td.product-thumbnail{width:115px;} .woocommerce-cart-form table td.product-name{width:200px;margin-top:0;} .woocommerce-cart-form table td.product-price{width:200px;margin-top:0;margin-left:160px;} .woocommerce-cart-form table td.product-quantity{width:200px;margin-left:160px;margin-top:0;} .woocommerce-cart-form table td.product-subtotal{width:200px;margin-top:0;margin-left:160px;} } /*-------------------------------------------------------------------------------------------*/ @media (max-width:400px) { #page-header .topheader .contact ul li a{font-size:90%;} .flx_kategorieteaser .item .inner h2{font-size:115%;} .ck-owl-product-main .owl-nav button{width: 30px;height: 30px;line-height: 1;} }