/*
Theme Name: Heinz Eppler
Theme URI: https://heinz-eppler.de
Author: Heinz Eppler
Description: Elegantes, professionelles Theme für Heinz Eppler – Holzpellets, Grills, Rundholz, Brennholz und Holzbriketts. Alle Seiten sind mit Elementor-Widgets aufgebaut (werden beim Aktivieren automatisch angelegt). WooCommerce-optimiert, Standardsprache Deutsch, Sprachumschalter DE / FR / EN.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: heinz-eppler
Tags: e-commerce, elementor, woocommerce, translation-ready, custom-menu
*/

/* ---------- Schriften (lokal, DSGVO-konform) ---------- */
@font-face{font-family:'Barlow Condensed';font-weight:500;font-display:swap;src:url('assets/fonts/barlow-condensed-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url('assets/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url('assets/fonts/barlow-condensed-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Public Sans';font-weight:400;font-display:swap;src:url('assets/fonts/public-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Public Sans';font-weight:500;font-display:swap;src:url('assets/fonts/public-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Public Sans';font-weight:600;font-display:swap;src:url('assets/fonts/public-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Public Sans';font-weight:700;font-display:swap;src:url('assets/fonts/public-sans-latin-700-normal.woff2') format('woff2')}

/* ---------- Tokens ---------- */
:root{
  --kohle:#1a1917; --tanne:#1b3329; --tanne2:#244236; --glut:#c9441a; --glut-d:#a63512;
  --birke:#f7f7f4; --stein:#ecece6; --asche:#6b6f69; --linie:#d9d9d1;
  --head:'Barlow Condensed','Arial Narrow',sans-serif;
  --body:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1240px; --pad:clamp(1.25rem,4vw,3rem); --sec:clamp(4.5rem,9vw,8rem);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ep-title:#1a1917; --ep-text:#4a4d48; --ep-icon:#c9441a;
}
.e-con.ep-dark,.e-con.ep-ink,.e-con.ep-hero,.e-con.ep-pagehead,.e-con.ep-cta{--ep-title:#ffffff;--ep-text:#cfdad4;--ep-icon:#e8643a}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--birke);color:var(--kohle);font:400 1.0625rem/1.72 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--glut);text-underline-offset:4px}
::selection{background:var(--glut);color:#fff}
:focus-visible{outline:3px solid var(--glut);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;line-height:1.02;letter-spacing:.003em;margin:0 0 .5em}
h1{font-size:clamp(3.4rem,8.5vw,7.2rem);line-height:.96}
h2{font-size:clamp(2.4rem,4.6vw,4rem)}
h3{font-size:1.7rem}
p{margin:0 0 1.15em;max-width:66ch}
.screen-reader-text{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.6rem 1rem;z-index:999}

/* ---------- Buttons ---------- */
.btn,.button,.wp-element-button,
.elementor-widget-button .elementor-button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;
  background:var(--glut);color:#fff;border:1px solid var(--glut);border-radius:0;
  padding:.9rem 2.1rem;font:600 .95rem/1 var(--body);letter-spacing:.02em;text-decoration:none;cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.btn:hover,.button:hover,.elementor-widget-button .elementor-button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--glut-d);border-color:var(--glut-d);color:#fff}
.ep-btn-ghost .elementor-button{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.ep-btn-ghost .elementor-button:hover{background:#fff;border-color:#fff;color:var(--kohle)}
.ep-btn-dark .elementor-button{background:var(--kohle);border-color:var(--kohle)}
.ep-btn-dark .elementor-button:hover{background:#000;border-color:#000}
.ep-btn-line .elementor-button{background:transparent;color:var(--kohle);border-color:var(--kohle)}
.ep-btn-line .elementor-button:hover{background:var(--kohle);color:#fff}
.ep-link .elementor-button{background:transparent;border:0;border-bottom:1px solid currentColor;min-height:0;padding:0 0 .2rem;color:inherit}
.ep-link .elementor-button:hover{background:transparent;color:var(--glut)}

/* ---------- Header ---------- */
.topbar{background:var(--kohle);color:#cfcfc8;font-size:.82rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;flex-wrap:wrap}
.wrap{width:min(var(--wrap),100% - 2*var(--pad));margin-inline:auto}
.site-header{background:rgba(247,247,244,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:82px}
.brand{font:700 1.75rem/1 var(--head);text-decoration:none;letter-spacing:.09em;display:flex;align-items:center;gap:.8rem}
.brand svg{width:36px;height:36px}.brand-ring circle{fill:none;stroke:var(--tanne);stroke-opacity:.9}.brand-ring .core{fill:var(--glut);stroke:none}
.brand small{display:block;font:500 .7rem/1 var(--body);letter-spacing:.18em;color:var(--asche);margin-top:.35rem}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2.2rem}
.main-nav a{text-decoration:none;font-weight:500;font-size:.97rem;position:relative;padding:.4rem 0}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--glut);transition:right .3s var(--ease)}
.main-nav a:hover::after,.main-nav .current-menu-item>a::after{right:0}
.header-tools{display:flex;align-items:center;gap:1.4rem}
.lang-switch{display:flex;gap:.1rem;font-size:.82rem;font-weight:600;letter-spacing:.04em}
.lang-switch a,.lang-switch button{background:none;border:0;padding:.35rem .5rem;cursor:pointer;text-decoration:none;color:var(--asche);font:inherit}
.lang-switch .is-active{color:var(--kohle);box-shadow:inset 0 -2px 0 var(--glut)}
.lang-switch a:hover,.lang-switch button:hover{color:var(--kohle)}
.cart-link{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem}
.cart-count{background:var(--tanne);color:#fff;border-radius:99px;min-width:1.55rem;height:1.55rem;display:inline-grid;place-items:center;font-size:.78rem}
.nav-toggle{display:none;background:none;border:0;font-size:1.7rem;cursor:pointer;min-width:44px;min-height:44px}

/* ---------- Elementor-Grundlagen ---------- */
.elementor-page .site-main,.elementor-page main{padding:0}
.e-con.ep-sec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;padding:var(--sec) var(--pad)!important;flex-direction:column;align-items:center;gap:0!important}
.e-con.ep-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding:0!important;gap:clamp(1.5rem,3vw,2.5rem)!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.e-con.ep-dark{background:var(--tanne);color:#e9eeea}
.e-con.ep-ink{background:var(--kohle);color:#e9eeea}
.e-con.ep-stein{background:var(--stein)}
.e-con .elementor-widget-heading .elementor-heading-title{font-family:var(--head);font-weight:600;line-height:1.02;color:inherit}
.elementor-widget-text-editor{color:inherit;font-family:var(--body);font-size:1.0625rem;line-height:1.72}
.e-con.ep-dark .elementor-widget-text-editor,.e-con.ep-dark .elementor-widget-text-editor p,.e-con.ep-ink .elementor-widget-text-editor,.e-con.ep-ink .elementor-widget-text-editor p{color:var(--ep-text)}
.e-con.ep-stein .elementor-widget-text-editor,.e-con.ep-stein .elementor-widget-text-editor p{color:#3f433e}
.ep-lead .elementor-widget-container{font-size:1.2rem;max-width:46ch}
.ep-head2{display:grid!important;grid-template-columns:1fr 1.4fr;gap:clamp(2rem,6vw,5rem)!important;align-items:end}

/* Hero */
.e-con.ep-hero{background:var(--tanne);color:#fff;min-height:min(86vh,820px);align-items:center;justify-content:center;position:relative;overflow:hidden}
.e-con.ep-hero .ep-split{display:grid!important;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem!important}
.ep-hero h1.elementor-heading-title{font-size:clamp(3.4rem,8.5vw,7.2rem);line-height:.95;margin-bottom:.3em}
.ep-hero .ep-lead{color:#cbd8d1;margin-bottom:1rem}
.ep-btnrow{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem!important;align-items:center}
.ep-btnrow .elementor-widget{width:auto!important}
.ep-rings{justify-self:end;width:min(600px,100%)}
.ep-rings circle{fill:none;stroke:#c9a57a;stroke-opacity:.5}.ep-rings .core{fill:var(--glut);stroke:none;fill-opacity:.95}

/* Seitenkopf */
.e-con.ep-pagehead{background:var(--tanne);color:#fff;padding:clamp(4rem,8vw,7rem) var(--pad)!important;flex-direction:column;align-items:center;gap:0!important}
.ep-pagehead h1.elementor-heading-title{font-size:clamp(3rem,7vw,5.5rem);margin-bottom:.25em}
.ep-pagehead .elementor-widget-text-editor{color:#cbd8d1;max-width:56ch}

/* Sortiment-Karten */
.e-con.ep-cats{display:grid!important;grid-template-columns:repeat(6,1fr);gap:1.25rem!important}
.e-con.ep-cat{grid-column:span 2;position:relative;min-height:330px;padding:2rem!important;justify-content:flex-end;overflow:hidden;color:#fff;background:var(--tanne2);transition:transform .5s var(--ease)}
.e-con.ep-cat:nth-child(-n+2){grid-column:span 3;min-height:420px}
.e-con.ep-cat::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,10,.55),rgba(10,12,10,0) 62%);pointer-events:none}
.e-con.ep-cat::after{content:"";position:absolute;right:-70px;top:-70px;width:300px;height:300px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'><circle cx='150' cy='150' r='10' fill='none' stroke='white' stroke-width='1.6'/><circle cx='150' cy='150' r='19' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='28' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='37' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='46' fill='none' stroke='white' stroke-width='1.6'/><circle cx='150' cy='150' r='55' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='64' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='73' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='82' fill='none' stroke='white' stroke-width='1.6'/><circle cx='150' cy='150' r='91' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='100' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='109' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='118' fill='none' stroke='white' stroke-width='1.6'/><circle cx='150' cy='150' r='127' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='136' fill='none' stroke='white' stroke-width='0.8'/><circle cx='150' cy='150' r='145' fill='none' stroke='white' stroke-width='0.8'/></svg>") center/contain no-repeat;opacity:.16;transition:transform .9s var(--ease),opacity .5s;pointer-events:none}
.e-con.ep-cat:hover::after{transform:rotate(14deg) scale(1.06);opacity:.28}
.e-con.ep-cat>*{position:relative;z-index:1}
.ep-c1{background-color:#5e4429!important}.ep-c2{background-color:#26261f!important}.ep-c3{background-color:#4a3a28!important}.ep-c4{background-color:#6f5334!important}.ep-c5{background-color:#33322d!important}
.ep-cat h3.elementor-heading-title{font-size:2.2rem;margin:0 0 .25rem}
.ep-cat .elementor-widget-text-editor{color:#e8e8e0;font-size:.98rem}
.ep-cat .elementor-widget-text-editor p{margin:0 0 .8rem}

/* Vorteile */
.e-con.ep-4{display:grid!important;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,3rem)!important}
.e-con.ep-3{display:grid!important;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem)!important}
.e-con.ep-2{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)!important;align-items:start}
.e-con .elementor-widget-icon-box .elementor-icon-box-wrapper{text-align:left;display:block}
.e-con .elementor-widget-icon-box .elementor-icon-box-icon{margin:0 0 1.1rem;display:block}
.e-con .elementor-widget-icon-box .elementor-icon,
.e-con .elementor-widget-icon-box.elementor-view-default .elementor-icon,
.e-con .elementor-widget-icon-box.elementor-view-default .elementor-icon i{color:var(--ep-icon);fill:var(--ep-icon);font-size:2rem;line-height:1}
.e-con .elementor-widget-icon-box .elementor-icon svg{width:2rem;height:2rem;fill:currentColor}
.e-con .elementor-widget-icon-box .elementor-icon-box-title,
.e-con .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var(--head);font-weight:600;font-size:1.65rem;line-height:1.1;margin:0 0 .5rem;color:var(--ep-title)}
.e-con .elementor-widget-icon-box .elementor-icon-box-description{font-size:.98rem;line-height:1.65;margin:0;color:var(--ep-text)}
.ep-icon-card{border-top:1px solid rgba(255,255,255,.22);padding-top:1.6rem}
.ep-line-card{border-top:1px solid var(--linie);padding-top:1.6rem}

/* Schritte */
.ep-step{border-top:1px solid var(--kohle);padding-top:1.4rem}
.ep-step .ep-num .elementor-heading-title{font-size:4.5rem;color:var(--glut);line-height:1;margin-bottom:.3rem}
.ep-step h3.elementor-heading-title{font-size:1.7rem;margin-bottom:.4rem}

/* FAQ */
.elementor-accordion .elementor-accordion-item{border:0!important;border-top:1px solid var(--linie)!important}
.elementor-accordion .elementor-accordion-item:last-child{border-bottom:1px solid var(--linie)!important}
.elementor-accordion .elementor-tab-title{padding:1.5rem 0!important;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.e-con .elementor-accordion .elementor-tab-title a{font-family:var(--head);font-weight:600;font-size:1.6rem;line-height:1.15;color:var(--kohle);flex:1}
.e-con .elementor-accordion .elementor-accordion-icon{order:2;color:var(--glut)}
.e-con .elementor-accordion .elementor-accordion-icon svg{fill:currentColor;width:1em;height:1em}
.elementor-accordion .elementor-tab-content{border:0!important;padding:0 0 1.6rem!important;color:#4a4d48;max-width:70ch;font-size:1.02rem}

/* CTA */
.e-con.ep-cta{background:var(--glut);color:#fff;text-align:center}
.ep-cta .elementor-widget{margin-inline:auto}
.ep-cta .elementor-widget-text-editor{max-width:52ch;color:#ffe9e1}
.ep-cta .elementor-button{background:var(--kohle);border-color:var(--kohle)}
.ep-cta .elementor-button:hover{background:#000;border-color:#000}

/* Rechtstexte */
.e-con.ep-legal{max-width:820px!important}
.ep-legal .elementor-widget-text-editor h2{font-size:2rem;margin:2.4rem 0 .7rem}
.ep-legal .elementor-widget-text-editor h3{font-size:1.45rem;margin:1.6rem 0 .5rem}
.ep-legal .elementor-widget-text-editor p,.ep-legal .elementor-widget-text-editor li{max-width:none}
.ep-legal mark{background:#fff0c2;padding:0 .3em}

/* Kontaktformular */
.ep-form{display:grid;gap:1.1rem}
.ep-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}
.ep-form input[type=text],.ep-form input[type=email],.ep-form input[type=tel],.ep-form textarea,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  width:100%;background:#fff;border:1px solid var(--linie);border-radius:0;padding:.9rem 1rem;font:inherit;transition:border-color .2s}
.ep-form input:focus,.ep-form textarea:focus,.woocommerce form .form-row input.input-text:focus{border-color:var(--tanne);outline:none;box-shadow:0 0 0 3px rgba(27,51,41,.15)}
.ep-form .ep-check{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem}
.ep-form .ep-check input{margin-top:.35rem}.ep-form .ep-check label{font-weight:400;margin:0}
.ep-hp{position:absolute;left:-9999px}
.ep-notice{padding:1rem 1.25rem;border-left:3px solid var(--tanne);background:var(--stein)}
.ep-notice--err{border-color:var(--glut)}

/* Footer */
.site-footer{background:var(--kohle);color:#b9bbb4;padding:5.5rem 0 1.75rem;font-size:.97rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem}
.site-footer h4{color:#fff;font-size:1.3rem;letter-spacing:.04em;margin-bottom:1.1rem}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:.55rem}
.site-footer a{text-decoration:none;transition:color .2s}.site-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid #34332e;margin-top:4rem;padding-top:1.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.84rem}
.footer-brand{font:700 1.8rem/1 var(--head);letter-spacing:.09em;color:#fff;margin-bottom:1rem}

/* ---------- WooCommerce ---------- */
.content{padding:3rem 0 6rem}
.content .entry{max-width:820px}
.woocommerce-products-header__title,.woocommerce div.product .product_title{font-size:clamp(2.4rem,5vw,4rem)}
.woocommerce-breadcrumb{font-size:.85rem;color:var(--asche);margin-bottom:1.75rem}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:2.25rem 1.5rem;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;display:flex;flex-direction:column;position:relative;background:transparent;text-align:left}
.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;width:100%;margin:0 0 1rem;background:var(--stein);transition:transform .8s var(--ease)}
.woocommerce ul.products li.product a:first-child{display:block;overflow:hidden}
.woocommerce ul.products li.product:hover a img{transform:scale(1.04)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 1.45rem/1.12 var(--head);padding:0;margin:0 0 .3rem}
.woocommerce ul.products li.product .price{color:var(--kohle);font-weight:600;font-size:1rem;margin-bottom:1rem;display:block}
.woocommerce ul.products li.product .button{margin-top:auto;background:transparent;color:var(--kohle);border-color:var(--kohle);width:100%}
.woocommerce ul.products li.product .button:hover{background:var(--kohle);color:#fff}
.woocommerce span.onsale{background:var(--glut);border-radius:0;min-height:auto;min-width:auto;line-height:1;padding:.55em .9em;font-weight:600;top:.8rem;left:.8rem;right:auto;margin:0}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--glut);font-weight:700;font-size:1.7rem}
.woocommerce div.product .woocommerce-product-gallery__image img{background:var(--stein)}
.woocommerce div.product form.cart .quantity .qty{border:1px solid var(--linie);border-radius:0;min-height:3.25rem;width:5rem;text-align:center;font:inherit}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:3rem 0 1.5rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;margin:0 1.5rem 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{box-shadow:inset 0 -2px 0 var(--glut)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce table.shop_table{border:0;border-collapse:collapse;border-radius:0}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-top:1px solid var(--linie)}
.woocommerce-message,.woocommerce-info{border-top:0;border-left:3px solid var(--tanne);background:var(--stein);color:var(--kohle)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--tanne)}
.woocommerce-checkout #payment{background:var(--stein);border-radius:0}
.tax-note{display:block;font-size:.74rem;font-weight:400;color:var(--asche)}
.legal-note{font-size:.88rem;color:#55574f}

/* Übersetzer-Banner ausblenden */
.skiptranslate iframe,.goog-te-banner-frame{display:none!important}
body{top:0!important}#google_translate_element{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .e-con.ep-hero .ep-split{grid-template-columns:1fr}
  .ep-rings{justify-self:center;width:70%;order:-1}
  .e-con.ep-cats{grid-template-columns:1fr 1fr}.e-con.ep-cat,.e-con.ep-cat:nth-child(-n+2){grid-column:span 1;min-height:300px}
  .e-con.ep-4{grid-template-columns:1fr 1fr}.e-con.ep-head2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .nav-toggle{display:block}
  .main-nav{position:absolute;inset:100% 0 auto 0;background:var(--birke);border-bottom:1px solid var(--linie);display:none;padding:1.2rem var(--pad)}
  .main-nav.is-open{display:block}.main-nav ul{flex-direction:column;gap:1.1rem}
}
@media (max-width:767px){
  .e-con.ep-cats,.e-con.ep-4,.e-con.ep-3,.e-con.ep-2,.footer-grid{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}
  .topbar .wrap>span:last-child{display:none}
  .site-header .wrap{gap:.75rem}.header-tools{gap:.6rem}.lang-switch a,.lang-switch button{padding:.35rem .3rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}