/*
 Theme Name:   mowify
 Theme URI:    https://mowify.de
 Description:  Schlankes Child Theme fuer mowify.de - Divi 5 Basis mit lokal gehosteten Fonts (DSGVO-konform).
 Author:       Daniel
 Template:     Divi
 Version:      1.0.0
*/

/* ========================================================
   EINSTELLUNG: Logo fuer den dunklen (ungescrollten) Header
   Einfach die URL in der naechsten Zeile austauschen:
   ======================================================== */
:root{--mw-logo-dunkel:url('../../uploads/2026/07/Logo_weiss-scaled.png')}


/* ===== Lokale Fonts (DSGVO) ===== */

@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/dm-serif-display-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/dm-serif-display-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/lato-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/lato-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/lato-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/lato-900.woff2') format('woff2');
}

/* ===== Checkout: Produktbild-Layout (uebernommen aus Molti) ===== */
.mowify-checkout-product-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.mowify-checkout-product-image img {
  max-width: 56px;
  height: auto;
  border-radius: 4px;
}

/* ===== Produktseite (Entwurf) ===== */
.mw-tag{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#F15E33;margin:0 0 8px}
.mw-tagline{font-size:16px;color:#888;font-style:italic;font-weight:300;margin:0 0 24px}
.mw-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.mw-spec{background:#FFF0EB;padding:16px 18px;display:block}
.mw-spec-l{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#F15E33;margin-bottom:4px}
.mw-spec-v{display:block;font-family:'DM Serif Display',serif;font-size:20px;color:#111}
ul.mw-feats{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px}
ul.mw-feats li{font-size:12px;font-weight:700;color:#555;display:inline-flex;align-items:center;gap:6px;margin:0}
ul.mw-feats li::before{content:'';width:6px;height:6px;background:#F15E33;border-radius:50%;flex-shrink:0}

/* Produktseite: Woo-Elemente */
.single-product .woocommerce-breadcrumb{font-size:12px;color:#aaa;font-weight:700}
.single-product .woocommerce-breadcrumb a{color:#aaa}
.single-product .woocommerce-breadcrumb a:hover{color:#F15E33}
.single-product .product_title{font-family:'DM Serif Display',serif!important;font-size:44px!important;line-height:1.05!important;color:#111!important}
.single-product .price,.single-product .price .amount{font-family:'DM Serif Display',serif;font-size:36px;color:#111}
.single-product .price del .amount{font-size:20px;color:#aaa}
.single-product .price ins{text-decoration:none}
.single-product .price ins .amount{color:#D71500}
.single-product .single_add_to_cart_button{width:100%;background:#F15E33!important;color:#fff!important;border:none!important;border-radius:0!important;padding:18px!important;font-size:14px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;transition:background .25s!important}
.single-product .single_add_to_cart_button:hover{background:#D71500!important}
.single-product form.cart{display:flex;gap:12px}
.single-product form.cart .button{flex:1}
.single-product form.cart .quantity input{border:1px solid #E8E8E8;padding:14px;border-radius:0}
.single-product .product_meta{font-size:13px;color:#aaa}
.single-product .product_meta a{color:#F15E33}

/* Produktseite: Tabs + Related */
.et_pb_wc_tabs ul.tabs li a{font-size:13px!important;font-weight:700!important;letter-spacing:1px;text-transform:uppercase;color:#aaa!important}
.et_pb_wc_tabs ul.tabs li.et_pb_tab_active{border-bottom:3px solid #F15E33}
.et_pb_wc_tabs ul.tabs li.et_pb_tab_active a{color:#F15E33!important}
.et_pb_wc_tabs table td{padding:13px 16px;font-size:14px;border-bottom:1px solid #E8E8E8}
.et_pb_wc_tabs table tr:nth-child(even){background:#F7F7F7}
.et_pb_wc_tabs table td:first-child{font-weight:700;color:#111}
.et_pb_wc_related_products ul.products li.product{background:#fff;padding:20px;transition:all .3s}
.et_pb_wc_related_products ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.1)}
.et_pb_wc_related_products ul.products li.product .woocommerce-loop-product__title{font-family:'DM Serif Display',serif;font-size:16px;color:#111}
.et_pb_wc_related_products ul.products li.product .price{font-weight:900;color:#F15E33;font-size:16px;font-family:'Lato',sans-serif}
.et_pb_wc_related_products ul.products li.product .price .amount{font-family:'Lato',sans-serif;font-size:16px;color:#F15E33}
.et_pb_wc_related_products ul.products li.product .button{background:#111;color:#fff;border-radius:0;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:block;text-align:center}
.et_pb_wc_related_products ul.products li.product .button:hover{background:#F15E33}

.et_pb_wc_description a,.single-product .et_pb_text a{color:#aaa;font-weight:700}
.single-product .et_pb_text a:hover{color:#F15E33}
/* mw-beratung marker */

/* ===== Kontaktformular ===== */
.et_pb_contact_form .et_pb_contact_field input,.et_pb_contact_form .et_pb_contact_field textarea{border:1.5px solid #E8E8E8!important;padding:14px 16px!important;font-size:14px!important;color:#111!important;background:#fff!important;border-radius:0!important}
.et_pb_contact_form .et_pb_contact_field input:focus,.et_pb_contact_form .et_pb_contact_field textarea:focus{border-color:#F15E33!important}
.et_pb_contact_form .et_pb_contact_submit{width:100%;background:#F15E33!important;color:#fff!important;border:none!important;border-radius:0!important;padding:18px!important;font-size:14px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;transition:background .25s!important}
.et_pb_contact_form .et_pb_contact_submit:hover{background:#D71500!important}

/* ===== Buttons global: +50% Hoehe ===== */
body .et_pb_button{padding:18px 32px!important;line-height:1!important}
body .et_pb_button:after{display:none!important}

/* ===== Mobile Basis ===== */
@media(max-width:980px){
.et_pb_section{padding-left:5%!important;padding-right:5%!important}
}

/* ===== Mobile Feinschliff ===== */
@media(max-width:980px){
.single-product .product_title{font-size:32px!important}
.single-product .price,.single-product .price .amount{font-size:28px}
.mw-specs{grid-template-columns:1fr 1fr;gap:8px}
.et_pb_wc_related_products ul.products li.product{margin-bottom:16px}
}
@media(max-width:767px){
.mw-specs{grid-template-columns:1fr 1fr}
.et_pb_contact_form .et_pb_contact_field{margin-bottom:12px}
}

/* Buttons: keine Schrumpf-Animation, stabile Groesse */
body .et_pb_button{transition:background-color .25s ease,color .25s ease,border-color .25s ease!important;transform:none!important}
body .et_pb_button:hover{padding:18px 32px!important;transform:none!important;animation:none!important}
body .et_pb_button:hover:after{display:none!important}

/* Hover-Padding-Override: schlaegt Divis kompilierte Per-Button-Hover-Regeln */


/* Spezifitaets-Override v2: schlaegt Divis per-Button-Hover (body #page-container .et_pb_section .et_pb_button_X:hover) */
html body #page-container .et_pb_section .et_pb_button,html body #page-container .et_pb_section .et_pb_button:hover,html body #page-container .et_pb_section .et_pb_row .et_pb_button,html body #page-container .et_pb_section .et_pb_row .et_pb_button:hover{padding:18px 32px!important;transform:none!important;animation:none!important}

/* Hover-Farbwechsel erlaubt, nur Geometrie fixiert */
html body #page-container .et_pb_section .et_pb_button{transition:background-color .25s ease,color .25s ease,border-color .25s ease!important}

/* ===== Tabs Entwurfs-Design v2 ===== */
.et_pb_wc_tabs{border:none!important;background:transparent!important}
.et_pb_wc_tabs .et_pb_tabs_controls,.et_pb_wc_tabs ul.tabs{background:transparent!important;border:none!important;border-bottom:1px solid #E8E8E8!important;display:flex;flex-wrap:wrap}
.et_pb_wc_tabs .et_pb_tabs_controls li,.et_pb_wc_tabs ul.tabs li{background:transparent!important;border:none!important;margin:0 28px 0 0!important;padding:0!important}
.et_pb_wc_tabs .et_pb_tabs_controls li a,.et_pb_wc_tabs ul.tabs li a{background:transparent!important;border:none!important;font-size:13px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#aaa!important;padding:0 2px 14px!important;line-height:1.4!important}
.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active,.et_pb_wc_tabs ul.tabs li.et_pb_tab_active{border-bottom:3px solid #F15E33!important;margin-bottom:-1px!important}
.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a,.et_pb_wc_tabs ul.tabs li.et_pb_tab_active a{color:#F15E33!important}
.et_pb_wc_tabs .et_pb_all_tabs{background:transparent!important;border:none!important;padding:32px 0 0!important}
@media(max-width:767px){
.et_pb_wc_tabs .et_pb_tabs_controls li,.et_pb_wc_tabs ul.tabs li{margin:0 18px 10px 0!important}
.et_pb_wc_tabs .et_pb_tabs_controls li a,.et_pb_wc_tabs ul.tabs li a{font-size:12px!important;padding-bottom:10px!important}
}

/* Kontakt-Submit orange (gegen Alt-CSS-Reste) */
html body #page-container .et_pb_contact_form_container .et_pb_button{background:#F15E33!important;background-image:none!important;border:none!important;color:#fff!important}
html body #page-container .et_pb_contact_form_container .et_pb_button:hover{background:#D71500!important}

/* ===== Produktkarten-Grid (Shop, Kategorien, Marken, Suche, Related) ===== */
ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;background:transparent;margin:0!important;padding:0!important}
ul.products li.product{width:100%!important;margin:0!important;padding:0 0 20px!important;background:#fff;float:none!important;transition:all .3s;position:relative}
ul.products li.product:hover{box-shadow:0 8px 40px rgba(0,0,0,.1);transform:translateY(-3px);z-index:2}
ul.products li.product img{width:100%!important;height:220px!important;object-fit:contain!important;background:#fff;padding:16px;border-radius:0!important;box-sizing:border-box;transition:transform .5s}
ul.products li.product:hover img{transform:scale(1.04)}
ul.products li.product .woocommerce-loop-product__title,ul.products li.product h2{font-family:'DM Serif Display',serif!important;font-size:17px!important;color:#111!important;padding:16px 20px 4px!important;margin:0!important;line-height:1.3}
ul.products li.product .price{padding:0 20px;font-weight:900;color:#F15E33!important;font-size:16px}
ul.products li.product .price .amount{color:#F15E33!important;font-family:'Lato',sans-serif}
ul.products li.product .price del{color:#aaa!important;font-weight:400;font-size:13px}
ul.products li.product .price del .amount{color:#aaa!important}
ul.products li.product .button{display:block;margin:14px 20px 0!important;background:#111!important;color:#fff!important;border-radius:0!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;text-align:center;padding:11px!important;transition:background .2s}
ul.products li.product .button:hover{background:#F15E33!important}
ul.products li.product .onsale{position:absolute!important;top:12px;right:12px;left:auto!important;background:#D71500!important;color:#fff!important;font-size:10px!important;font-weight:700!important;letter-spacing:1px;padding:4px 10px!important;border-radius:0!important;min-width:0!important;min-height:0!important;line-height:1.6!important;text-transform:uppercase}
@media(max-width:980px){ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){ul.products{grid-template-columns:1fr}}

/* ===== Eckig statt rund: Sortierung, Checkboxen, Zaehler, Bilder ===== */
select.orderby,.woocommerce-ordering select{border-radius:0!important;border:1px solid #E8E8E8!important;padding:9px 14px!important;font-size:13px;color:#555;background-color:#fff}
[class*=wpf] input[type=checkbox],.wpf-filter input[type=checkbox],form[class*=wpf] input[type=checkbox]{border-radius:0!important;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid #ccc;background:#fff;display:inline-block;vertical-align:middle;position:relative;cursor:pointer}
[class*=wpf] input[type=checkbox]:checked{background:#F15E33;border-color:#F15E33}
[class*=wpf] input[type=checkbox]:checked::after{content:'\2713';color:#fff;font-size:11px;position:absolute;top:-1px;left:2px}
[class*=wpf] .count,[class*=wpf] span[class*=count],.wpf-counter{border-radius:0!important}
.woocommerce img,.et_pb_module img{border-radius:0}

/* ===== Grid-Fixes v2: Clearfix-Geisterzelle, Zoom-Clipping, eckige Bildrahmen ===== */
ul.products::before,ul.products::after{display:none!important;content:none!important}
ul.products li.product>a:first-of-type,ul.products li.product .et_shop_image{display:block;overflow:hidden;border-radius:0!important}
ul.products li.product img,ul.products li.product .et_shop_image,ul.products li.product a,ul.products li.product span.et_shop_image>span{border-radius:0!important}
ul.products li.product{overflow:hidden}

/* ===== Rechtliche Seiten (Impressum, Datenschutz, AGB, Widerruf) ===== */
.page-id-100125 .et-l--post .et_pb_row,.page-id-100127 .et-l--post .et_pb_row,.page-id-100129 .et-l--post .et_pb_row,.page-id-100346 .et-l--post .et_pb_row,.page-id-101528 .et-l--post .et_pb_row{max-width:860px!important;width:100%}
.page-id-100125 .et-l--post .et_pb_section,.page-id-100127 .et-l--post .et_pb_section,.page-id-100129 .et-l--post .et_pb_section,.page-id-100346 .et-l--post .et_pb_section,.page-id-101528 .et-l--post .et_pb_section{padding:72px 6% 88px!important;background:#fff}
.page-id-100125 .et-l--post h1,.page-id-100127 .et-l--post h1,.page-id-100129 .et-l--post h1,.page-id-100346 .et-l--post h1,.page-id-101528 .et-l--post h1{font-family:'DM Serif Display',serif!important;font-size:44px!important;color:#111!important;margin-bottom:32px!important;line-height:1.15}
.page-id-100125 .et-l--post h2,.page-id-100127 .et-l--post h2,.page-id-100129 .et-l--post h2,.page-id-100346 .et-l--post h2,.page-id-101528 .et-l--post h2{font-family:'DM Serif Display',serif!important;font-size:24px!important;color:#111!important;margin:32px 0 12px!important;line-height:1.3}
.page-id-100125 .et-l--post h3,.page-id-100127 .et-l--post h3,.page-id-100129 .et-l--post h3,.page-id-100346 .et-l--post h3,.page-id-101528 .et-l--post h3{font-family:'Lato',sans-serif!important;font-size:18px!important;font-weight:700!important;color:#111!important;margin:20px 0 8px!important}
.page-id-100125 .et-l--post p,.page-id-100127 .et-l--post p,.page-id-100129 .et-l--post p,.page-id-100346 .et-l--post p,.page-id-101528 .et-l--post p{font-size:15px!important;color:#555!important;line-height:1.8!important;margin-bottom:16px;font-weight:300}
.page-id-100125 .et-l--post li,.page-id-100127 .et-l--post li,.page-id-100129 .et-l--post li,.page-id-100346 .et-l--post li,.page-id-101528 .et-l--post li{font-size:15px!important;color:#555!important;line-height:1.8!important;margin-bottom:6px;font-weight:300}
.page-id-100125 .et-l--post ul,.page-id-100127 .et-l--post ul,.page-id-100129 .et-l--post ul,.page-id-100346 .et-l--post ul,.page-id-101528 .et-l--post ul{margin:0 0 16px 24px;padding:0}
.page-id-100125 .et-l--post a,.page-id-100127 .et-l--post a,.page-id-100129 .et-l--post a,.page-id-100346 .et-l--post a,.page-id-101528 .et-l--post a{color:#F15E33!important;text-decoration:none}
.page-id-100125 .et-l--post a:hover,.page-id-100127 .et-l--post a:hover,.page-id-100129 .et-l--post a:hover,.page-id-100346 .et-l--post a:hover,.page-id-101528 .et-l--post a:hover{color:#D71500!important}
.page-id-100125 .et-l--post strong,.page-id-100127 .et-l--post strong,.page-id-100129 .et-l--post strong,.page-id-100346 .et-l--post strong,.page-id-101528 .et-l--post strong{color:#111!important;font-weight:700}

/* ===== Mobile Rechtsseiten + Grid-Feinschliff ===== */
@media(max-width:767px){
.page-id-100125 .et-l--post .et_pb_section,.page-id-100127 .et-l--post .et_pb_section,.page-id-100129 .et-l--post .et_pb_section,.page-id-100346 .et-l--post .et_pb_section,.page-id-101528 .et-l--post .et_pb_section{padding:48px 5% 56px!important}
.page-id-100125 .et-l--post h1,.page-id-100127 .et-l--post h1,.page-id-100129 .et-l--post h1,.page-id-100346 .et-l--post h1,.page-id-101528 .et-l--post h1{font-size:30px!important;margin-bottom:20px!important}
.page-id-100125 .et-l--post h2,.page-id-100127 .et-l--post h2,.page-id-100129 .et-l--post h2,.page-id-100346 .et-l--post h2,.page-id-101528 .et-l--post h2{font-size:20px!important;margin:24px 0 10px!important}
.page-id-100125 .et-l--post h3,.page-id-100127 .et-l--post h3,.page-id-100129 .et-l--post h3,.page-id-100346 .et-l--post h3,.page-id-101528 .et-l--post h3{font-size:16px!important}
.page-id-100125 .et-l--post p,.page-id-100127 .et-l--post p,.page-id-100129 .et-l--post p,.page-id-100346 .et-l--post p,.page-id-101528 .et-l--post p{font-size:14px!important}
.page-id-100125 .et-l--post li,.page-id-100127 .et-l--post li,.page-id-100129 .et-l--post li,.page-id-100346 .et-l--post li,.page-id-101528 .et-l--post li{font-size:14px!important}
ul.products li.product img{height:190px!important}
ul.products{gap:14px}
.woocommerce-ordering{width:100%}
.woocommerce-ordering select{width:100%}
}

/* ===== Produktseite Mobil-Stacking (Bilder zuerst, dann Infos) ===== */
@media(max-width:980px){
.mw-produkt-top{display:flex!important;flex-direction:column!important}
.mw-produkt-top>.et_pb_column{width:100%!important;max-width:100%!important;flex:none!important;margin:0!important;float:none!important}.mw-produkt-top>.et_pb_column:first-child{order:2}.mw-produkt-top>.et_pb_column:last-child{order:1}
.mw-produkt-top>.et_pb_column:first-child{padding:8px 20px 40px!important}
.mw-produkt-top>.et_pb_column:last-child{padding:32px 20px 8px!important}
.single-product .product_title{font-size:30px!important}
.single-product .price,.single-product .price .amount{font-size:26px}
.mw-specs{gap:10px}
.mw-spec{padding:12px 14px}
.mw-spec-v{font-size:17px}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:22%!important;margin-right:3%}
}
@media(max-width:400px){.mw-specs{grid-template-columns:1fr}}

/* ===== Produktseite Mobil-Stacking v3 (schlaegt Divis kompilierte #et-boc-Regeln) ===== */
@media(max-width:980px){
html body #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important}
html body #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row .et_pb_column{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0!important}
html body #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row .et_pb_column:first-child{order:2;padding:8px 0 40px!important}
html body #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row .et_pb_column:last-child{order:1;padding:24px 0 8px!important}
}

/* ===== Mobiles Typo-System: einheitliche Stufen fuer alle Seiten ===== */
/* Tablet 768-980: H1 40 / H2 30 / H3 20 */
@media(min-width:768px) and (max-width:980px){
html body #et-boc .et-l h1{font-size:40px!important;line-height:1.12!important}
html body #et-boc .et-l h2{font-size:30px!important;line-height:1.2!important}
html body #et-boc .et-l h3{font-size:20px!important}
}
/* Phone <768: H1 32 / H2 26 / H3 19 / H4 17 */
@media(max-width:767px){
html body #et-boc .et-l h1{font-size:32px!important;line-height:1.15!important}
html body #et-boc .et-l h2{font-size:26px!important;line-height:1.2!important}
html body #et-boc .et-l h3{font-size:19px!important;line-height:1.3!important}
html body #et-boc .et-l h4{font-size:17px!important;line-height:1.35!important}
/* Module und Zeilen: volle Breite, kein Verspringen */
html body #et-boc .et-l .et_pb_row{width:100%!important;max-width:100%!important}
/* Buttons: volle Breite und einheitliche Hoehe im Inhaltsbereich (Header ausgenommen) */
html body #et-boc .et-l:not(.et-l--header) .et_pb_button{width:100%!important;min-width:0!important;height:auto!important;padding:16px 24px!important;font-size:12px!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}
html body #et-boc .et-l:not(.et-l--header) .et_pb_button_module_wrapper{width:100%!important;display:block}
/* Produktseiten-Elemente auf die Stufen einnorden */
.single-product .product_title{font-size:32px!important}
.single-product .price,.single-product .price .amount{font-size:24px!important}
.mw-spec-v{font-size:17px!important}
/* Karten-Grid: einheitliche Titel/Preise */
ul.products li.product .woocommerce-loop-product__title,ul.products li.product h2{font-size:16px!important}
ul.products li.product .price,ul.products li.product .price .amount{font-size:15px!important}
/* Vergleichstabelle + Ticker lesbar */
#vergleich td,#vergleich th{font-size:12px!important}
}

/* ===== Produktseite Fluss: eine Breite, kein Versatz (Tablet+Phone) ===== */
@media(max-width:980px){
/* Einheitlicher Randabstand ueber die Sektionen, innen alles buendig */
.single-product #et-boc .et-l .et_pb_section{padding-left:20px!important;padding-right:20px!important}
.single-product #et-boc .et-l .et_pb_row{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
html body #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row .et_pb_column:first-child{padding-left:0!important;padding-right:0!important}
html body #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row .et_pb_column:last-child{padding-left:0!important;padding-right:0!important}
/* Warenkorb-Zeile: Bestand mit Abstand, Button volle Inhaltsbreite */
.single-product .stock{margin:0 0 16px!important;display:block}
.single-product form.cart{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:6px}
.single-product form.cart .quantity{flex:0 0 auto}
.single-product form.cart .single_add_to_cart_button{flex:1 1 100%!important;width:100%!important}
/* Related: sauberes 2er-Grid, Geisterzellen toeten */
.et_pb_wc_related_products ul.products{grid-template-columns:repeat(2,1fr)!important}
ul.products li:empty{display:none!important}
.et_pb_wc_related_products ul.products li.product{width:100%!important}
}
@media(max-width:767px){
/* Tabs: gestapelt, gross klickbar */
.et_pb_wc_tabs .et_pb_tabs_controls{display:block!important;border-bottom:none!important}
.et_pb_wc_tabs .et_pb_tabs_controls li{display:block!important;width:100%!important;margin:0 0 2px!important;border:none!important}
.et_pb_wc_tabs .et_pb_tabs_controls li a{display:block!important;padding:14px 16px!important;background:#F7F7F7!important;font-size:12px!important}
.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active{border-left:3px solid #F15E33!important;margin-bottom:2px!important}
.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a{background:#FFF0EB!important;color:#F15E33!important}
.et_pb_wc_tabs .et_pb_all_tabs{padding:20px 0 0!important}
/* Related auf dem Phone: 1er-Grid volle Breite */
.et_pb_wc_related_products ul.products{grid-template-columns:1fr!important}
}

/* ===== Related Breite v2: schlaegt kompilierte Modul-Breiten ===== */
@media(max-width:980px){
html body #et-boc .et-l .et_pb_wc_related_products ul.products li.product,html body .woocommerce ul.products[class*=columns] li.product{width:100%!important;max-width:100%!important;float:none!important;margin:0!important;clear:none!important}
html body #et-boc .et-l .et_pb_wc_related_products ul.products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;width:100%!important}
}
@media(max-width:767px){
html body #et-boc .et-l .et_pb_wc_related_products ul.products{grid-template-columns:1fr!important}
}

/* ===== Header v2: fix, kompakt, Entwurfs-Verhalten ===== */
.et-l--header .et_pb_section{position:fixed!important;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:background-color .25s ease,box-shadow .25s ease}
body:not(.home) #et-main-area{padding-top:64px}
@media(max-width:980px){body:not(.home) #et-main-area{padding-top:56px}}
/* Startseite oben: transparent ueber dem Hero, weisse Elemente */
body.home:not(.mw-scrolled) .et-l--header .et_pb_section{background:transparent!important;box-shadow:none!important}
body.home:not(.mw-scrolled) .et-l--header .et_pb_image img{filter:brightness(0) invert(1)}
body.home:not(.mw-scrolled) .et-l--header .et-menu a,body.home:not(.mw-scrolled) .et-l--header ul li a{color:#fff!important}
body.home:not(.mw-scrolled) .et-l--header .dgwt-wcas-search-icon,body.home:not(.mw-scrolled) .et-l--header .dgwt-wcas-ico-magnifier{filter:brightness(0) invert(1)}
body.home:not(.mw-scrolled) .et-l--header .mobile_menu_bar:before{color:#fff!important}
/* Gescrollt bzw. Unterseiten: weiss + Schatten */
body.mw-scrolled .et-l--header .et_pb_section{background:#fff!important;box-shadow:0 6px 24px rgba(0,0,0,.07)!important}
/* Kaufen-Button mobil weg, alles kompakt */
@media(max-width:980px){
.et-l--header .et_pb_button_module_wrapper,.et-l--header .et_pb_button{display:none!important}
.et-l--header .et_pb_section{padding-top:0!important;padding-bottom:0!important}
.et-l--header .et_pb_row{padding:6px 0!important}
.et-l--header .et_pb_column{margin-bottom:0!important}
}
/* FiboSearch: eckig, dezent, passend geoeffnet */
.dgwt-wcas-search-input,.dgwt-wcas-sf-wrapp,.dgwt-wcas-suggestions-wrapp,.dgwt-wcas-search-submit,.dgwt-wcas-preloader,.dgwt-wcas-om-bar,.dgwt-wcas-om-bar .dgwt-wcas-search-input{border-radius:0!important}
.dgwt-wcas-search-input{border:1.5px solid #E8E8E8!important;font-size:14px!important;background:#fff!important}
.dgwt-wcas-search-input:focus{border-color:#F15E33!important;box-shadow:none!important}
.dgwt-wcas-suggestion:hover,.dgwt-wcas-suggestion.dgwt-wcas-suggestion-focus{background:#FFF0EB!important}
.dgwt-wcas-st strong{color:#F15E33}
/* Mobile-Menue: eckig, oranger Akzent */
.et_mobile_menu{border-radius:0!important;border-top:3px solid #F15E33!important;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.et_mobile_menu li a{font-size:13px!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#232323!important;padding:12px 5%!important}
.et_mobile_menu li a:hover{background:#FFF0EB;color:#F15E33!important}

/* ===== Header rechte Spalte: eine Zeile - Warenkorb, Lupe, Kaufen ===== */
.et-l--header .et_pb_row{display:flex!important;align-items:center!important}
.et-l--header .et_pb_column{margin-bottom:0!important}
html body #et-boc .et-l--header .et_pb_column_2_tb_header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important}
html body #et-boc .et-l--header .et_pb_column_2_tb_header>.et_pb_module,html body #et-boc .et-l--header .et_pb_column_2_tb_header>.et_pb_button_module_wrapper{width:auto!important;margin:0!important}
/* Reihenfolge: Warenkorb (1) - Suche (2) - Kaufen (3) */
html body #et-boc .et-l--header .et_pb_column_2_tb_header .et_pb_text_0_tb_header{order:2}
html body #et-boc .et-l--header .et_pb_column_2_tb_header .et_pb_text_1_tb_header{order:1}
html body #et-boc .et-l--header .et_pb_column_2_tb_header>.et_pb_button_module_wrapper{order:3}
/* Innenleben buendig: keine Absatz-Margins, Icons zentriert */
.et-l--header .et_pb_text_inner{line-height:1}
.et-l--header .et_pb_text_inner p{margin:0!important;padding:0!important}
.et-l--header .dgwt-wcas-search-wrapp{margin:0!important}
.et-l--header .dgwt-wcas-search-icon{display:flex;align-items:center}
@media(max-width:980px){
html body #et-boc .et-l--header .et_pb_column_2_tb_header{gap:12px!important;justify-content:flex-end!important}
.et-l--header .et_pb_row{padding:6px 0!important}
}

/* ===== Kaufstrecke Teil 1: Huellen + Formulare ===== */
/* Seiten-Huellen: ruhige weisse Flaeche, Container, Abstaende */
.page-id-95166 .et-l--post .et_pb_section,.page-id-94171 .et-l--post .et_pb_section{background:#fff;padding:56px 6% 88px!important}
.page-id-95166 .et-l--post .et_pb_row,.page-id-94171 .et-l--post .et_pb_row{max-width:1280px!important;width:100%!important}
.page-id-95166 .et-l--post h1,.page-id-94171 .et-l--post h1,.page-id-95166 .et-l--post h2,.page-id-94171 .et-l--post h2{font-family:'DM Serif Display',serif!important;color:#111!important}
.page-id-94171 .et-l--post h3,.page-id-95166 .et-l--post h3{font-family:'DM Serif Display',serif!important;font-size:22px!important;color:#111!important;margin-bottom:16px!important}
/* Eingabefelder: eckig, ruhig, Fokus orange */
.woocommerce .form-row input.input-text,.woocommerce .form-row textarea,.woocommerce .form-row select,.woocommerce table.cart td.actions .coupon input{border:1.5px solid #E8E8E8!important;border-radius:0!important;padding:13px 14px!important;font-size:14px!important;color:#111!important;background:#fff!important;box-shadow:none!important}
.woocommerce .form-row input.input-text:focus,.woocommerce .form-row textarea:focus,.woocommerce .form-row select:focus{border-color:#F15E33!important;outline:none!important}
.woocommerce form .form-row label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#555;margin-bottom:4px}
.woocommerce form .form-row .required{color:#F15E33}
.select2-container--default .select2-selection--single{border:1.5px solid #E8E8E8!important;border-radius:0!important;height:46px!important;padding:8px 6px!important}
.select2-dropdown{border-radius:0!important;border-color:#E8E8E8!important}
/* Hinweise/Fehler: eckig mit Orange-Akzent */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:0!important;border-top:3px solid #F15E33!important;background:#F7F7F7!important;color:#333!important}
.woocommerce-message::before,.woocommerce-info::before{color:#F15E33!important}

/* ===== Kaufstrecke Teil 2: Warenkorb-Tabelle + Totals ===== */
.woocommerce table.shop_table{border:none!important;border-radius:0!important;border-collapse:collapse!important}
.woocommerce table.shop_table th{font-size:11px!important;font-weight:700!important;letter-spacing:2px;text-transform:uppercase;color:#111!important;border-bottom:2px solid #E8E8E8!important;padding:14px 12px!important;background:transparent!important}
.woocommerce table.shop_table td{border-top:none!important;border-bottom:1px solid #F0F0F0!important;padding:18px 12px!important;font-size:14px;color:#555;background:transparent!important}
.woocommerce table.cart img{width:72px;height:72px;object-fit:contain;background:#F7F7F7;padding:6px;border-radius:0}
.woocommerce table.cart td.product-name a{font-family:'DM Serif Display',serif;font-size:17px;color:#111!important}
.woocommerce table.cart .product-price,.woocommerce table.cart .product-subtotal{font-weight:900;color:#111}
.woocommerce table.cart .product-subtotal .amount{color:#F15E33}
.woocommerce a.remove{border-radius:0!important;color:#aaa!important;font-size:22px!important;width:24px;height:24px;line-height:22px}
.woocommerce a.remove:hover{background:#D71500!important;color:#fff!important}
.woocommerce .quantity .qty{border:1.5px solid #E8E8E8!important;border-radius:0!important;padding:10px 6px!important;width:64px!important}
.woocommerce table.cart td.actions .coupon input{width:180px!important;padding:12px 14px!important}
.woocommerce table.cart td.actions .coupon .button{background:#111!important;color:#fff!important}
.woocommerce table.cart td.actions .coupon .button:hover{background:#F15E33!important}
/* Totals-Karte */
.cart_totals{background:#F7F7F7;padding:28px!important;border:none!important}
.cart_totals h2{font-size:22px!important;margin-bottom:16px!important}
.cart_totals table.shop_table td,.cart_totals table.shop_table th{border:none!important;border-bottom:1px solid #E8E8E8!important;padding:12px 4px!important}
.cart_totals .order-total .amount{font-family:'DM Serif Display',serif;font-size:24px;color:#F15E33!important}
.wc-proceed-to-checkout .checkout-button{background:#F15E33!important;color:#fff!important;border-radius:0!important;font-size:14px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;padding:18px!important;display:block;text-align:center}
.wc-proceed-to-checkout .checkout-button:hover{background:#D71500!important}

/* ===== Kaufstrecke Teil 3: Kasse (Zahlung, Bestelluebersicht, Mobil-Fluss) ===== */
/* Bestelluebersicht als Karte */
.page-id-94171 .et-l--post .et_pb_wc_checkout_order_details,.woocommerce-checkout #order_review{background:#F7F7F7!important;padding:28px!important;border:none!important;border-radius:0!important}
.woocommerce-checkout #order_review .shop_table td,.woocommerce-checkout #order_review .shop_table th{border-color:#E8E8E8!important}
.woocommerce-checkout #order_review .order-total .amount{font-family:'DM Serif Display',serif;font-size:22px;color:#F15E33!important}
/* Zahlungsbereich */
.woocommerce-checkout #payment{background:#fff!important;border-radius:0!important}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #E8E8E8!important;padding:0 0 16px!important}
.woocommerce-checkout #payment ul.payment_methods li{padding:10px 0}
.woocommerce-checkout #payment div.payment_box{background:#F7F7F7!important;border-radius:0!important;font-size:13px;color:#555}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#F7F7F7!important}
.woocommerce-checkout #payment input[type=radio]{accent-color:#F15E33;width:16px;height:16px}
.woocommerce-checkout #payment label{font-weight:700;color:#111;font-size:14px;text-transform:none;letter-spacing:0}
#place_order{background:#F15E33!important;color:#fff!important;border-radius:0!important;font-size:14px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;padding:18px!important;width:100%}
#place_order:hover{background:#D71500!important}
/* Mobil: alles im Fluss, eine Breite */
@media(max-width:980px){
.page-id-95166 .et-l--post .et_pb_section,.page-id-94171 .et-l--post .et_pb_section{padding:32px 20px 56px!important}
.page-id-95166 .et-l--post .et_pb_row,.page-id-94171 .et-l--post .et_pb_row{padding-left:0!important;padding-right:0!important}
.page-id-95166 .et-l--post .et_pb_column,.page-id-94171 .et-l--post .et_pb_column{width:100%!important;margin:0 0 24px!important;padding:0!important}
.woocommerce table.cart td.actions .coupon input{width:100%!important;margin-bottom:8px}
.woocommerce table.cart td.actions .coupon .button{width:100%}
.cart_totals,.woocommerce-checkout #order_review{padding:20px!important}
.woocommerce table.shop_table td{padding:14px 8px!important}
}

/* ===== Header Hoehe v2: feste Hoehe, kein Umbruch, exakte Offsets ===== */
.et-l--header .et_pb_section{height:64px!important;display:flex!important;align-items:center!important;padding:0 4%!important;overflow:visible!important}
.et-l--header .et_pb_row{height:100%!important;width:100%!important;max-width:1400px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;padding:0!important;margin:0 auto!important}
.et-l--header .et_pb_column{margin:0!important;padding:0!important}
/* Spalten-Flexmodell: Logo fix - Menue flexibel - rechte Gruppe fix */
.et-l--header .et_pb_column:first-child{flex:0 0 auto!important;width:auto!important}
.et-l--header .et_pb_column:nth-child(2){flex:1 1 auto!important;width:auto!important;min-width:0}
html body #et-boc .et-l--header .et_pb_column_2_tb_header{flex:0 0 auto!important;width:auto!important;flex-wrap:nowrap!important}
.et-l--header .et_pb_image,.et-l--header .et_pb_image_wrap{margin:0!important;display:flex;align-items:center}
.et-l--header .et_pb_menu,.et-l--header .et_pb_menu_inner_container{height:auto!important}
/* Offsets exakt zur Hoehe */
body:not(.home) #et-main-area{padding-top:64px!important}
@media(max-width:980px){
.et-l--header .et_pb_section{height:54px!important;padding:0 16px!important}
body:not(.home) #et-main-area{padding-top:54px!important}
html body #et-boc .et-l--header .et_pb_column_2_tb_header{gap:10px!important}
.et-l--header .dgwt-wcas-search-icon svg{width:19px;height:19px}
}

/* ===== Header Feinschliff v3 ===== */
/* 1. Abstand Logo -> Menue */
.et-l--header .et_pb_column:nth-child(2){margin-left:160px!important}
@media(max-width:1200px){.et-l--header .et_pb_column:nth-child(2){margin-left:60px!important}}
@media(max-width:980px){.et-l--header .et_pb_column:nth-child(2){margin-left:0!important}}
/* 2. Gleiche Abstaende in der rechten Gruppe: Suchmodul-Leerraum eliminieren */
.et-l--header .dgwt-wcas-search-wrapp{width:auto!important;min-width:0!important;margin:0!important}
.et-l--header .et_pb_text_0_tb_header,.et-l--header .et_pb_text_0_tb_header .et_pb_text_inner{width:auto!important;display:flex;align-items:center}
/* 3.+4. Dunkel-Zustand auf allen Seiten mit dunklem Hero */
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .et_pb_section{background:transparent!important;box-shadow:none!important}

body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .et-menu a,body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header ul li a{color:#fff!important}
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .dgwt-wcas-search-icon,body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .dgwt-wcas-ico-magnifier{filter:brightness(0) invert(1)}
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .mobile_menu_bar:before{color:#fff!important}
/* Warenkorb-Preis/-Texte: weiss im Dunkel-Zustand, Icon mit invertiert */
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .et_pb_text_1_tb_header,body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .et_pb_text_1_tb_header a,body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .et_pb_text_1_tb_header span:not([class*=count]):not([class*=bubble]){color:#fff!important}
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) .et-l--header .et_pb_text_1_tb_header svg{filter:brightness(0) invert(1)}
/* Dunkel-Hero-Seiten: Header ueberlagert den Hero, kein Inhalts-Offset */
body:is(.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search) #et-main-area{padding-top:0!important}

/* ===== CartPops Launcher: eckige Sprechblase mit Zipfel ===== */
.cartpops-floating-cart,.cartpops-cart--floating .cartpops-cart__container,[class*=cartpops][class*=floating] .cartpops-cart__container,.cartpops-floating-cart .cartpops-cart__container{border-radius:0!important;position:relative}
.cartpops-floating-cart::after,.cartpops-cart--floating .cartpops-cart__container::after{content:'';position:absolute;bottom:-9px;right:16px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #383c40}
.cartpops-floating-cart,.cartpops-cart--floating{box-shadow:0 8px 30px rgba(0,0,0,.18)!important;border-radius:0!important}
/* Zaehler-Kreis orange wie im Header */
.cartpops-cart__container-counter,.cartpops-floating-cart .cartpops-cart__container-counter,[class*=cartpops] [class*=counter],[class*=cartpops] [class*=indicator]{background:#F15E33!important;color:#fff!important}

/* CartPops schwebender Button: eckig + Zipfel (echte Klasse) */
.cpops-floating-cart__button{border-radius:0!important;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.18)!important;overflow:visible!important}
.cpops-floating-cart__button::after{content:'';position:absolute;bottom:-9px;right:14px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--color-cpops-floating-cart-launcher-background,#383c40)}
.cpops-floating-cart__button [class*=indicator],.cpops-floating-cart__button [class*=counter],.cpops-floating-cart__button [class*=count]{background:#F15E33!important;color:#fff!important}

/* ===== Header Basis-Styling (unabhaengig von Divi-Kompilierung) ===== */
.et-l--header .et_pb_image img{width:120px!important;height:auto!important;max-width:120px!important}
@media(max-width:980px){.et-l--header .et_pb_image img{width:100px!important;max-width:100px!important}}
.et-l--header .et-menu a,.et-l--header .et_pb_menu .et-menu>li>a{font-family:'Lato',sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#232323;padding:0}
.et-l--header .et-menu a:hover{color:#F15E33!important;opacity:1!important}
.et-l--header .et-menu li.current-menu-item>a{color:#F15E33!important}
.et-l--header .et_pb_menu{background:transparent!important}
.et-l--header .et_pb_menu .et_pb_menu__menu{display:flex;align-items:center}
.et-l--header .et_pb_button{font-size:12px!important;letter-spacing:1.5px!important}
/* Footer-Sicherheitsnetz: falls auch dort mal Kompilierung ausfaellt, Grundfarben halten */
.et-l--footer a:hover{color:#F15E33!important}

/* ===== Flaggschiff-Animationen ===== */
#flaggschiff .et_pb_column.mw-anim{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
#flaggschiff .et_pb_column.mw-anim.mw-in{opacity:1;transform:none}
#flaggschiff .et_pb_column{transition:box-shadow .3s ease,transform .3s ease}
#flaggschiff .et_pb_row:not(:first-child) .et_pb_column:hover{box-shadow:0 10px 40px rgba(0,0,0,.09)}
#flaggschiff .et_pb_column img{transition:transform .5s ease}
#flaggschiff .et_pb_row:not(:first-child) .et_pb_column:hover img{transform:scale(1.03)}
#flaggschiff .et_pb_column{overflow:hidden}
@media(prefers-reduced-motion:reduce){#flaggschiff .et_pb_column.mw-anim{opacity:1;transform:none;transition:none}}

/* ===== Startseiten-Feinschliff v2 ===== */
/* Header-Button-Hover in beiden Zustaenden */
html body #et-boc .et-l--header .et_pb_button:hover{background:#D71500!important;border-color:#D71500!important;color:#fff!important}
/* Tablet: echtes Menue statt leerem Hamburger + Abstand */
@media(min-width:768px) and (max-width:980px){
.et-l--header .et_pb_menu__hamburger-menu,.et-l--header .mobile_menu_bar,.et-l--header .et_mobile_nav_menu{display:none!important}
.et-l--header .et_pb_menu .et_pb_menu__menu,.et-l--header .et-menu,.et-l--header nav.et-menu-nav{display:flex!important}
.et-l--header .et-menu a{font-size:11px!important;letter-spacing:1px!important}
.et-l--header .et_pb_column:nth-child(2){margin-left:32px!important}
}

/* Hero-Stats: volle Breite, kompakte Schrift, kein Versatz */
@media(max-width:980px){.mw-hero-stats{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}
@media(min-width:768px) and (max-width:980px){
.mw-hero-stats h1,.mw-hero-stats h2,.mw-hero-stats h3{font-size:22px!important;white-space:nowrap}
.mw-hero-stats p{font-size:10px!important;white-space:nowrap}
}
@media(max-width:767px){
.mw-hero-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:0;width:100%!important;margin:0!important;padding:0!important}
.mw-hero-stats .et_pb_column{width:auto!important;margin:0!important;padding:12px 8px!important}
.mw-hero-stats h1,.mw-hero-stats h2,.mw-hero-stats h3{font-size:19px!important;white-space:nowrap}
.mw-hero-stats p{font-size:9.5px!important;letter-spacing:1.5px!important;white-space:nowrap}
}
/* USP: Tablet-Ueberschriften in der Spalte halten */
@media(min-width:768px) and (max-width:980px){
#mw-usp h1,#mw-usp h2,#mw-usp h3{font-size:19px!important;line-height:1.3!important}
#mw-usp .et_pb_column{padding-left:14px!important;padding-right:14px!important}
}
/* Flaggschiff-Karten: Phone einspaltig untereinander */
@media(max-width:767px){
#flaggschiff .et_pb_row{display:block!important}
#flaggschiff .et_pb_row .et_pb_column{width:100%!important;margin:0 0 16px!important}
}

/* ===== Korrekturschleife v3 ===== */
/* Top-Modelle: einheitliche Bildhoehen, Badges orange */
html body #et-boc #mw-top .et_pb_image img{height:250px!important;width:100%!important;object-fit:contain;background:#fff;display:block}
#mw-top .et_pb_column:has(.et_pb_image)>.et_pb_text:first-child p{color:#F15E33!important}
/* Flaggschiff-Karten: Bilder volle Blurb-Breite, quadratisch (Zeilen 2+3) */
#flaggschiff .et_pb_row:not(:first-child) .et_pb_text p:has(>img){margin:0 0 18px!important;padding:0!important}
@media(min-width:768px) and (max-width:980px){html body #et-boc #flaggschiff .et_pb_row:not(:first-child) .et_pb_text img{width:100%!important;aspect-ratio:1/1!important;height:auto!important;object-fit:cover;display:block}}
/* Tablet: Hero-Stats randlos + kleiner */
@media(min-width:768px) and (max-width:980px){
.mw-hero-stats{margin-left:-6vw!important;margin-right:-6vw!important;width:calc(100% + 12vw)!important;max-width:none!important}
.mw-hero-stats h1,.mw-hero-stats h2,.mw-hero-stats h3{font-size:20px!important;white-space:nowrap}
.mw-hero-stats p{font-size:9px!important;white-space:nowrap}
html body #et-boc .et-l #mw-usp h1,html body #et-boc .et-l #mw-usp h2,html body #et-boc .et-l #mw-usp h3{font-size:18px!important;line-height:1.3!important}
}
/* Phone: Hamburger statt Linkleiste, gefuellt */
@media(max-width:767px){
.et-l--header .et_pb_column:nth-child(2){display:flex!important;justify-content:flex-end}
.et-l--header .et-menu-nav>ul.et-menu,.et-l--header .et_pb_menu__menu{display:none!important}
.et-l--header .et_pb_menu__hamburger-menu,.et-l--header .mobile_menu_bar,.et-l--header .et_mobile_nav_menu{display:flex!important;align-items:center}
.et-l--header .mobile_menu_bar:before{font-size:26px}
.et_mobile_menu{top:54px!important;z-index:9999}
/* Sortiment: gleiche Kacheln, gleicher Rand, Mitte-Fuge */
#mw-sortiment{padding-left:20px!important;padding-right:20px!important}
#mw-sortiment .et_pb_row{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
#mw-sortiment .et_pb_row:not(:first-child) .et_pb_column{display:flex}
#mw-sortiment .et_pb_blurb,#mw-sortiment .et_pb_module{width:100%;height:100%;box-sizing:border-box;margin:0!important}
html body #et-boc .et-l #mw-sortiment h4{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ===== Korrekturschleife v4 ===== */
/* Flaggschiff: Desktop + Phone einheitlich 4:3 (alle 3 Zeilen) */
@media(min-width:981px),(max-width:767px){
html body #et-boc #flaggschiff .et_pb_row:not(:first-child) .et_pb_text img,html body #et-boc #flaggschiff .et_pb_image img{width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:cover;display:block}
}
/* Tablet: Hero-Stats zentriert + kompakter */
@media(min-width:768px) and (max-width:980px){
.mw-hero-stats{display:flex!important;justify-content:center!important}
.mw-hero-stats .et_pb_column{text-align:center!important;width:auto!important;flex:0 1 auto!important;padding:0 18px!important}
.mw-hero-stats h1,.mw-hero-stats h2,.mw-hero-stats h3{font-size:18px!important;white-space:nowrap}
.mw-hero-stats p{font-size:8.5px!important;letter-spacing:1.5px!important;white-space:nowrap}
}

/* ===== Korrekturschleife v5 ===== */
/* Tablet Hero-Stats: als Gruppe zentriert, Zahlen gross, Labels klein */
@media(min-width:768px) and (max-width:980px){
.mw-hero-stats{display:flex!important;justify-content:center!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
.mw-hero-stats .et_pb_column{flex:0 1 auto!important;width:auto!important;text-align:center!important;padding:0 22px!important;margin:0!important}
.mw-hero-stats h1,.mw-hero-stats h2,.mw-hero-stats h3{font-size:24px!important;white-space:nowrap}
.mw-hero-stats .et_pb_text_inner,.mw-hero-stats .et_pb_text_inner p{font-size:9px!important;letter-spacing:1.5px!important;white-space:nowrap}
}
/* Header-Button-Hover: zustandsspezifisch, maximale Spezifitaet */
html body.mw-scrolled #et-boc .et-l--header .et_pb_button:hover,html body:not(.mw-scrolled) #et-boc .et-l--header .et_pb_button:hover{background:#D71500!important;border-color:#D71500!important;color:#fff!important}
html body #et-boc .et-l--header .et_pb_button{transition:background .2s ease,border-color .2s ease}
/* Eigenes Mobil-Panel */
#mw-mobile-panel{display:none;position:fixed;top:54px;left:0;right:0;width:100%;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.14);z-index:99999;max-height:calc(100vh - 54px);overflow-y:auto;border-top:2px solid #F15E33}
body.mw-mm-open #mw-mobile-panel{display:block}
#mw-mobile-panel ul{list-style:none;margin:0;padding:8px 0}
#mw-mobile-panel li{margin:0}
#mw-mobile-panel a{display:block;padding:14px 24px;font-family:'Lato',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#232323!important;border-bottom:1px solid #F0F0F0;text-decoration:none}
#mw-mobile-panel li:last-child a{border-bottom:none}
#mw-mobile-panel a:active{color:#F15E33!important}
#mw-mobile-panel li ul{padding:0 0 0 14px}
@media(min-width:768px){#mw-mobile-panel{display:none!important}}

/* ===== Korrekturschleife v6 ===== */
/* Fixierter Header stapelt ueber allen Inhalts-Ebenen (Ticker-Composite-Fix) */
html body #et-boc .et-l--header,html body #et-boc .et-l--header .et_pb_section{z-index:9990!important}
/* Marquee-Ebenen niemals ueber andere Bereiche hinaus */
.et-l--body .et_pb_text_inner{backface-visibility:hidden}
/* Panel offen: Seite einfrieren (verhindert auch iOS-Hit-Test-Drift) */

/* Tablet-Stats: Bereich bis 1180px ausweiten (echte Tablets in Landscape) */
@media(min-width:981px) and (max-width:1180px){
.mw-hero-stats{display:flex!important;justify-content:center!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
.mw-hero-stats .et_pb_column{flex:0 1 auto!important;width:auto!important;text-align:center!important;padding:0 22px!important;margin:0!important}
.mw-hero-stats h1,.mw-hero-stats h2,.mw-hero-stats h3{font-size:24px!important;white-space:nowrap}
.mw-hero-stats .et_pb_text_inner,.mw-hero-stats .et_pb_text_inner p{font-size:9px!important;letter-spacing:1.5px!important;white-space:nowrap}
}

/* ===== Korrekturschleife v7: tote #et-boc-Selektoren ersetzt ===== */
/* Header stapelt ueber allen Ebenen (ohne #et-boc!) */
html body .et-l--header,html body .et-l--header .et_pb_section{position:relative;z-index:9990!important}
html body .et-l--header .et_pb_section{position:fixed!important}
/* Button-Hover, beide Zustaende, funktionierende Selektoren */
html body.mw-scrolled .et-l--header .et_pb_button:hover,html body:not(.mw-scrolled) .et-l--header .et_pb_button:hover{background:#D71500!important;border-color:#D71500!important;color:#fff!important}
html body .et-l--header .et_pb_button{transition:background .2s ease,border-color .2s ease}
/* Hero-Stats: NUR Tablet-Bereich, Desktop gehoert dem Builder */
@media(min-width:768px) and (max-width:1180px){
html body .mw-hero-stats{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:flex-start!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
html body .mw-hero-stats .et_pb_column{flex:0 1 auto!important;width:auto!important;margin:0!important;padding:0 clamp(12px,2.4vw,34px)!important;text-align:center!important}
html body .mw-hero-stats h1,html body .mw-hero-stats h2,html body .mw-hero-stats h3{font-size:clamp(18px,2.3vw,30px)!important;white-space:nowrap!important}
html body .mw-hero-stats .et_pb_text_inner,html body .mw-hero-stats .et_pb_text_inner p{font-size:clamp(8.5px,0.85vw,11px)!important;letter-spacing:1.5px!important;white-space:nowrap!important}
}
/* USP-Tablet-Regel ohne #et-boc nachziehen */
@media(min-width:768px) and (max-width:1180px){
html body #mw-usp h1,html body #mw-usp h2,html body #mw-usp h3{font-size:18px!important;line-height:1.3!important}
}
/* Mobil-Panel: sicher ueber allem, Hamburger grosse Trefferflaeche */
#mw-mobile-panel{z-index:2147483000}
.et-l--header .mobile_menu_bar{position:relative;z-index:9995;padding:8px}

/* ===== Hover-Fix final: #page-container-Anker (existiert nachweislich) ===== */
html body #page-container .et_pb_button_0_tb_header.et_pb_button:hover,html body.mw-scrolled #page-container .et_pb_button_0_tb_header.et_pb_button:hover{background:#D71500!important;border-color:#D71500!important;color:#ffffff!important}
html body #page-container .et_pb_button_0_tb_header.et_pb_button{transition:background .2s ease,border-color .2s ease}

/* ===== Hover echte Kette: header.et-l--header (verifizierte Ahnen) ===== */
html body header.et-l--header .et_pb_section .et_pb_button:hover{background-color:#D71500!important;border-color:#D71500!important;color:#ffffff!important}
html body header.et-l--header .et_pb_section .et_pb_button{transition:background-color .2s ease!important}

/* ===== Hero-Video mit Overlay ===== */
#mw-hero{position:relative;overflow:hidden}
#mw-hero .mw-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
/* Braeunlich-warmes Overlay: Video erkennbar, Inhalte lesbar */
#mw-hero.mw-has-video::before,#mw-hero:has(.mw-hero-video)::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(46,34,24,.52) 0%,rgba(38,28,20,.62) 70%,rgba(32,24,17,.7) 100%);z-index:1;pointer-events:none}
/* Alle Inhalte der Sektion ueber Video+Overlay */
#mw-hero .et_pb_row{position:relative;z-index:2}

/* ===== Logo-Tausch dunkler Zustand: reines CSS ===== */
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) header.et-l--header .et_pb_image img{opacity:0!important}
body:is(.home,.page-id-90150,.page-id-94456,.tax-product_cat,.tax-product_brand,.search):not(.mw-scrolled) header.et-l--header .et_pb_image .et_pb_image_wrap{background:var(--mw-logo-dunkel) no-repeat left center;background-size:contain}

/* ===== Hero-Stats final: volle Fensterbreite ===== */
/* Tablet: volle Breite, Werte 25px */
@media(min-width:768px) and (max-width:1180px){
html body .mw-hero-stats{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-evenly!important;padding:0!important}
html body .mw-hero-stats .et_pb_column{flex:0 1 auto!important;width:auto!important;margin:0!important;padding:0 10px!important;text-align:center!important}
html body .mw-hero-stats h1,html body .mw-hero-stats h2,html body .mw-hero-stats h3{font-size:25px!important;white-space:nowrap!important}
}
/* Phone: volle Breite, 2x2-Grid bleibt */
@media(max-width:767px){
html body .mw-hero-stats{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:0!important}
}

/* ===== Hero-Stats v9 + Phone-Hero-Standbild ===== */
/* Tablet: Luft ueber den Werten in den vier Feldern */
@media(min-width:768px) and (max-width:1180px){
html body .mw-hero-stats .et_pb_column{padding:18px 10px 12px!important}
}
/* Phone: Vollbreite via Transform-Zentrierung (immun gegen Eltern-Versatz) */
@media(max-width:767px){
html body .mw-hero-stats{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important}
/* Hero-Hintergrund: Standbild statt Video */
html body #mw-hero{background-image:url('../../uploads/2026/07/X9_active-allrad.jpg')!important;background-size:cover!important;background-position:center 30%!important;background-repeat:no-repeat!important}
html body #mw-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(46,34,24,.55) 0%,rgba(38,28,20,.65) 70%,rgba(32,24,17,.75) 100%);z-index:1;pointer-events:none}
}

/* ===== Kontakt-Banner Gruppenbild ===== */
html body #mw-kontakt-banner{background:url('../../uploads/2026/07/Maehroboter_Gruppenbild_orangeschwarz-scaled.png') center 45%/cover no-repeat!important;height:420px!important;padding:0!important}
@media(max-width:980px){html body #mw-kontakt-banner{height:300px!important}}
@media(max-width:767px){html body #mw-kontakt-banner{height:200px!important}}

/* ===== X4-Sektion v2 (Text links, Hochkant-Video rechts) ===== */
/* Obere Zeile: zweispaltig */
@media(min-width:768px){
html body .mw-x4-top{display:flex!important;gap:44px!important;align-items:center!important}
html body .mw-x4-top>.et_pb_column:first-child{width:60%!important;margin:0!important}
html body .mw-x4-top>.et_pb_column:last-child{width:40%!important;margin:0!important}
}
/* Video: natuerliches Format, KEIN Beschnitt, Hoehe begrenzt */
html body #mw-x4 .mw-x4-video{display:block;margin:0 auto;width:auto!important;height:auto!important;max-width:100%!important;max-height:620px;background:#232323}
#mw-x4 p:has(>.mw-x4-video){margin:0!important;padding:0!important;text-align:center}
#mw-x4 .mw-x4-cap{font-size:12px!important;line-height:1.6em!important;color:#8A8A8A!important;margin:12px 0 0!important;text-align:center}
/* Textspalte */
#mw-x4 h3{font-family:'DM Serif Display',serif;color:#111}
html body .mw-x4-top h3{font-size:28px!important;line-height:1.2}
#mw-x4 .mw-x4-list{list-style:none;margin:18px 0 24px;padding:0}
#mw-x4 .mw-x4-list li{position:relative;padding:0 0 0 22px;margin:0 0 12px;line-height:1.7em}
#mw-x4 .mw-x4-list li::before{content:'';position:absolute;left:0;top:9px;width:9px;height:9px;background:#F15E33}
#mw-x4 .mw-x4-list strong{color:#111;font-weight:700}
/* CTA-Buttons */
#mw-x4 .mw-x4-actions{margin:0!important;display:flex;flex-wrap:wrap;gap:10px}
#mw-x4 .mw-x4-cta{display:inline-block;background:#F15E33;color:#fff!important;font-family:'Lato',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:16px 30px;text-decoration:none!important;transition:background .2s ease}
#mw-x4 .mw-x4-cta:hover{background:#D71500}
#mw-x4 .mw-x4-ghost{background:#111111}
#mw-x4 .mw-x4-ghost:hover{background:#F15E33}
/* Kartenzeile */
@media(min-width:768px){html body .mw-x4-cards{display:flex!important;gap:20px!important}html body .mw-x4-cards>.et_pb_column{width:33.333%!important;margin:0!important}}
.mw-x4-cards .et_pb_column{overflow:hidden;transition:box-shadow .3s ease}
.mw-x4-cards .et_pb_column:hover{box-shadow:0 10px 40px rgba(0,0,0,.09)}
html body .mw-x4-cards img{width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:cover;display:block;transition:transform .5s ease}
.mw-x4-cards .et_pb_column:hover img{transform:scale(1.03)}
.mw-x4-cards p:has(>img){margin:0 0 18px!important;padding:0!important}
html body .mw-x4-cards h3{font-size:19px!important;margin:0 22px 8px}
.mw-x4-cards p:not(:has(>img)){margin:0 22px 24px!important}
/* Einblend-Animation wie bei der Flaggschiff-Sektion */
.mw-x4-cards .et_pb_column.mw-anim{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.mw-x4-cards .et_pb_column.mw-anim.mw-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.mw-x4-cards .et_pb_column.mw-anim{opacity:1;transform:none;transition:none}}
/* Mobil: alles untereinander */
@media(max-width:767px){
html body #mw-x4 .et_pb_row{display:block!important}
html body #mw-x4 .et_pb_row>.et_pb_column{width:100%!important;margin:0 0 20px!important}
html body .mw-x4-top h3{font-size:24px!important}
html body #mw-x4 .mw-x4-video{max-height:70vh}
#mw-x4 .mw-x4-cta{flex:1 1 100%;text-align:center}
}

/* ===== X4-Feinschliff v3: Titel-Einrueckung + Animation wie X9 ===== */
html body #mw-x4 .mw-x4-top h3{margin:0 0 10px!important}
html body #mw-x4 .mw-x4-cards h3{margin:0 22px 8px!important}
html body #mw-x4 .mw-x4-cards p:not(:has(>img)){margin:0 22px 24px!important}
/* Einblenden identisch zur Flaggschiff-Sektion (0.6s, 90ms Versatz via JS) */
html body #mw-x4 .mw-x4-cards .et_pb_column.mw-anim{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
html body #mw-x4 .mw-x4-cards .et_pb_column.mw-anim.mw-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html body #mw-x4 .mw-x4-cards .et_pb_column.mw-anim{opacity:1;transform:none;transition:none}}

/* ===== H1-Umstellung Groessenausgleich (Optik unveraendert) ===== */
@media(max-width:980px){html body #et-boc .et-l .mw-h1x .et_pb_module_header{font-size:40px!important;line-height:1.12!important}}
@media(max-width:767px){html body #et-boc .et-l .mw-h1x .et_pb_module_header{font-size:32px!important;line-height:1.15!important}}

/* ===== H1-Ergaenzung Archive/Shop (Optik unveraendert) ===== */
/* Archiv-Titel: erbt exakt die Modul-Typografie (48/38/30px, DM Serif, wei\u00df) */
html body #et-boc .et-l .mw-dyn-title{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-align:inherit!important;margin:0!important;padding:0!important}
/* Shop-Titel: beh\u00e4lt die bisherigen H3-Werte */


/* ===== Shop-Hero Untertitel mittig ===== */
html body .mw-shop-sub{margin-left:auto!important;margin-right:auto!important;float:none!important}



/* ===== mowify Zahlungsblock ===== */
.woocommerce-checkout #payment{background:#F7F7F7!important;border:1px solid #E8E8E8!important;border-radius:0!important;padding:24px!important}
.woocommerce-checkout #payment ul.payment_methods{background:transparent!important;border-bottom:1px solid #E8E8E8!important}
.woocommerce-checkout #payment ul.payment_methods li{background:transparent!important}
.woocommerce-checkout #payment div.form-row{background:transparent!important}
.woocommerce-checkout #payment div.payment_box{background:#EFEFEF!important;border:1px solid #E8E8E8!important}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#EFEFEF!important}
/* ===== Ende Zahlungsblock ===== */

/* ===== mowify Zahlungsblock Rahmen ===== */
.woocommerce-checkout #payment,.woocommerce-checkout .woocommerce-checkout-payment,.woocommerce-checkout .et_pb_wc_checkout_payment_info{background:#F7F7F7!important;border:1px solid #E8E8E8!important;border-radius:0!important}
.woocommerce-checkout .et_pb_wc_checkout_payment_info #payment,.woocommerce-checkout .et_pb_wc_checkout_payment_info .woocommerce-checkout-payment{border:none!important}
.woocommerce-checkout #payment .place-order,.woocommerce-checkout #payment ul.payment_methods{background:transparent!important}
/* ===== Ende Rahmen ===== */

/* ===== mowify Kontakt mobil ===== */
@media(max-width:980px){
html body.page-id-90150 #et-boc .et-l .et_pb_column_4,html body.page-id-90150 #et-boc .et-l .et_pb_column_5{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;border:none!important}
html body.page-id-90150 #et-boc .et-l .et_pb_column_4{margin-bottom:40px!important}
}
/* ===== Ende Kontakt mobil ===== */

/* ===== mowify Breiten-Vereinheitlichung ===== */
/* Ein Wert fuer Header, Inhalt und Footer auf allen Seiten */
:root{--mw-breite:1280px}
/* Header */
html body #et-boc .et-l--header .et_pb_row{max-width:var(--mw-breite)!important;width:100%!important;margin:0 auto!important}
/* Footer */
html body #et-boc .et-l--footer .et_pb_row{max-width:var(--mw-breite)!important;width:100%!important;margin:0 auto!important}
/* Inhalt aller Theme-Builder-Seiten */
html body #et-boc .et-l--post .et_pb_row:not(.et_pb_row_inner),html body #et-boc .et-l--body .et_pb_row:not(.et_pb_row_inner){max-width:var(--mw-breite)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
/* Produkt- und Kategorieseiten */
html body.single-product #main-content .container,html body.tax-product_cat #main-content .container{max-width:var(--mw-breite)!important;width:100%!important}
html body.single-product #et-boc .et-l .et_pb_row:not(.et_pb_row_inner),html body.tax-product_cat #et-boc .et-l .et_pb_row:not(.et_pb_row_inner){max-width:var(--mw-breite)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
/* ===== Ende Breiten ===== */



/* ===== mowify Warenkorb ===== */
html body.page-id-95166 #et-boc .et-l--post a{color:#F15E33!important}
html body.page-id-95166 #et-boc .et-l--post a:hover{color:#D71500!important}
body #page-container .et_pb_section .et_pb_button_3,html body.page-id-95166 #et-boc .et-l--post a.et_pb_button{border-radius:0!important;background-color:#F15E33!important;color:#fff!important;text-transform:uppercase!important;font-weight:700!important;font-size:12px!important;letter-spacing:1.5px!important;border-color:rgba(0,0,0,0)!important}
body #page-container .et_pb_section .et_pb_button_3:hover,html body.page-id-95166 #et-boc .et-l--post a.et_pb_button:hover{background-color:#D71500!important;color:#fff!important}
/* ===== Ende Warenkorb ===== */