/* rmd-kadence-child/assets/css/header.css
   Globaler Header nach Mockup (Topbar, Logo, Nav, Mega-Panels, Aktions-Icons, Off-Canvas). NUR Tokens.
   Breakpoints: Tablet 1024, Mobile 640 (Off-Canvas ab 1024). */

.rmd-sprite{position:absolute;width:0;height:0;overflow:hidden}
.rmd-ic{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:0 0 auto;color:currentColor;fill:none}

/* Skip-Link (A11y) */
.rmd-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--color-headline);color:var(--color-bg);padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius-sm) 0;font-family:var(--font-head);font-weight:var(--fw-semibold)}
.rmd-skip:focus{left:0;top:0}

/* ===== Topbar ===== */
.rmd-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);font-family:var(--font-head);font-size:var(--fs-xs);font-weight:var(--fw-medium)}
.rmd-topbar__inner{padding-top:var(--space-2);padding-bottom:var(--space-2);color:var(--color-text)}
.rmd-topbar__track{display:flex;justify-content:center;align-items:center;gap:var(--space-8)}
.rmd-topbar__item{display:inline-flex;align-items:center;gap:var(--space-2)}
.rmd-topbar__item[aria-hidden]{display:none}
.rmd-topbar__item .rmd-ic{width:16px;height:16px;color:var(--color-headline)}

/* ===== Header ===== */
.rmd-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:box-shadow .2s}
.rmd-header.is-scrolled{box-shadow:var(--shadow-header)}
.rmd-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-4);padding-bottom:var(--space-4)}
.rmd-header__inner>.rmd-header__burger{display:none}

/* Logo (gehostetes Logo, dunkel -> passt auf hellen Header. Bei heller SVG-Version .rmd-logo--invert nutzen.) */
.rmd-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
/* Logo fix: !important schlaegt einen evtl. durchschlagenden img{height:auto}-Reset (Kadence/Woo),
   sonst zeigt das PNG auf manchen Seiten seine volle Groesse. */
.rmd-logo__img{height:44px!important;width:auto!important;max-height:44px;display:block}
.rmd-logo--invert .rmd-logo__img{filter:brightness(0)}

/* ===== Navigation (animierter Unterstrich) ===== */
.rmd-nav{display:flex}
.rmd-nav__list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}
.rmd-nav__item{position:static}
.rmd-nav__list a{position:relative;white-space:nowrap;font-family:var(--font-head);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-headline);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm)}
.rmd-nav__list a::after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:6px;height:2px;background:var(--color-signal);border-radius:2px;transform:scaleX(0);transition:transform .18s}
.rmd-nav__list a:hover::after,.rmd-nav__item.is-open>a::after,.rmd-nav__list .current-menu-item>a::after,.rmd-nav__list .current-menu-parent>a::after{transform:scaleX(1)}
.rmd-nav__chev{width:13px;height:13px;stroke:currentColor;transition:transform .2s}
.rmd-nav__item.is-open .rmd-nav__chev{transform:rotate(180deg)}

/* ===== Aktions-Icons ===== */
.rmd-actions{display:flex;align-items:center;gap:var(--space-1);flex:0 0 auto}
.rmd-actions__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;color:var(--color-headline);text-decoration:none;transition:background .15s}
/* Kadence-Theme-Hover auf den Header-Icons neutralisieren (kein Fremd-Blau/-Schatten/-Unterstrich); eigener dezenter Hover */
.rmd-actions__btn:hover{background:var(--color-surface)!important;color:var(--color-headline)!important;box-shadow:none!important;text-decoration:none!important;transform:none!important}
.rmd-actions__btn:focus{background:transparent!important;box-shadow:none!important;text-decoration:none!important}
.rmd-actions__btn .rmd-ic,.rmd-actions__btn:hover .rmd-ic{color:var(--color-headline);stroke:currentColor}
.rmd-actions__btn .rmd-ic{width:21px;height:21px}
.rmd-actions__count{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 3px;background:var(--color-headline);color:var(--color-bg);border-radius:var(--radius-pill);font-family:var(--font-head);font-size:10px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;line-height:1}
.rmd-actions__lang{display:inline-flex;align-items:center;height:42px;padding:0 var(--space-1);font-family:var(--font-head);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-headline)}
.rmd-actions__burger{display:none}

/* ===== Mega-Panels ===== */
.rmd-mega{position:absolute;left:0;right:0;top:100%;background:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:99}
.rmd-mega.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.rmd-mega__pad{padding-top:var(--space-10);padding-bottom:var(--space-10)}

/* Shop-Mega (Panel unten abgerundet) */
.rmd-mega{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.rmd-mega__cols{display:grid;grid-template-columns:repeat(4,1fr) var(--mega-feature-w);gap:var(--space-10);align-items:start}
.rmd-mega__group+.rmd-mega__group{margin-top:var(--space-8)}
/* Ueberkategorie = klare Ueberschrift (Montserrat, dunkel); Unterkategorien = dezente Body-Links. Keine Umbrueche. */
.rmd-mega__head{display:block;font-family:var(--font-head);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-headline);text-decoration:none;white-space:nowrap;margin-bottom:var(--space-2)}
a.rmd-mega__head:hover{text-decoration:underline;text-decoration-color:var(--color-signal);text-decoration-thickness:2px;text-underline-offset:4px}
.rmd-mega__links{list-style:none;margin:0;padding:0}
.rmd-mega__links a{display:block;white-space:nowrap;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) 0;transition:color .14s,padding-left .18s cubic-bezier(.4,0,.2,1)}
.rmd-mega__links a:hover{color:var(--color-headline);font-weight:var(--fw-medium);padding-left:var(--space-1)}

/* Feature-Card (Signal-Gelb erscheint NUR hier) */
.rmd-mega__feature{display:flex;flex-direction:column;border-left:1px solid var(--color-border);padding-left:var(--space-10)}
.rmd-mega__thumb{position:relative;aspect-ratio:5/4;background:var(--color-surface);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;margin-bottom:var(--space-4)}
.rmd-mega__fimg{width:var(--space-12);height:var(--space-12);color:var(--color-border-strong)}
.rmd-mega__fbadge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--color-headline);color:var(--color-on-dark);font-family:var(--font-head);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill)}
.rmd-mega__ftitle{font-family:var(--font-head);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-headline);margin:0 0 var(--space-1)}
.rmd-mega__fdesc{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-normal);margin:0 0 var(--space-3)}
.rmd-mega__ffoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.rmd-mega__fprice{font-family:var(--font-head);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-headline)}
.rmd-mega__fprice small{display:block;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--color-text-muted);margin-top:var(--space-1)}
.rmd-mega__cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-signal);color:var(--color-on-signal);font-family:var(--font-head);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:background .16s,transform .12s}
.rmd-mega__cta:hover{background:var(--color-signal-hover)}
.rmd-mega__cta:active{transform:scale(.97)}
.rmd-mega__cta .rmd-icon{width:var(--fs-sm);height:var(--fs-sm)}

/* Trust-Leiste unter dem Grid */
.rmd-mega__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-4) var(--space-8);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted)}
.rmd-mega__mf{display:inline-flex;align-items:center;gap:var(--space-2)}
.rmd-mega__mf .rmd-icon{width:var(--fs-md);height:var(--fs-md)}

@media(max-width:1200px){.rmd-mega__cols{gap:var(--space-6)}}
@media(prefers-reduced-motion:reduce){.rmd-mega,.rmd-mega *{transition:none!important}}

/* Anwendungsbereiche-Mega (Karten) */
.rmd-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.rmd-app-card{display:flex;gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4);text-decoration:none;transition:transform .15s,box-shadow .15s}
.rmd-app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.rmd-app-card__thumb{flex:0 0 96px;width:96px;height:78px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#e9e7e2,#d9d7d1);display:flex;align-items:center;justify-content:center}
.rmd-app-card__thumb .rmd-ic{width:26px;height:26px;stroke:var(--color-alu)}
.rmd-app-card.is-overview .rmd-app-card__thumb{background:linear-gradient(135deg,var(--color-signal-soft),var(--color-signal))}
.rmd-app-card.is-overview .rmd-app-card__thumb .rmd-ic{stroke:var(--color-headline)}
.rmd-app-card__title{display:block;font-family:var(--font-head);font-size:var(--fs-base);font-weight:var(--fw-head);color:var(--color-headline);margin-bottom:var(--space-1)}
.rmd-app-card__sub{display:block;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.5}
.rmd-app-card:hover .rmd-app-card__sub{color:var(--color-headline)}

/* ===== Off-Canvas (mobil) ===== */
.rmd-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:200}
.rmd-backdrop.is-open{opacity:1;visibility:visible}
.rmd-offcanvas{position:fixed;top:0;right:0;width:min(88vw,380px);height:100%;background:var(--color-bg);z-index:201;transform:translateX(100%);transition:transform .25s;overflow-y:auto;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.rmd-offcanvas.is-open{transform:translateX(0)}
.rmd-oc__head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}
.rmd-oc__title{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-lg)}
.rmd-oc__nav{padding:var(--space-2) 0}
.rmd-oc__nav>a,.rmd-oc__acc{display:block;border-bottom:1px solid var(--color-border)}
.rmd-oc__nav>a,.rmd-oc__acc summary{font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-md);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;color:var(--color-headline);text-decoration:none}
.rmd-oc__acc summary::-webkit-details-marker{display:none}
.rmd-oc__plus{transition:transform .2s;display:inline-flex}
.rmd-oc__plus .rmd-ic{width:16px;height:16px;stroke:var(--color-headline)}
.rmd-oc__acc[open] .rmd-oc__plus{transform:rotate(45deg)}
.rmd-oc__sub{padding:var(--space-1) var(--space-5) var(--space-4)}
.rmd-oc__grp{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:var(--space-3) 0 var(--space-1)}
/* Gruppen-Kopf als Link (Ueberkategorie antippbar) - dunkel + Chevron, hebt sich von den Unterlinks ab */
.rmd-oc__grp-link{display:block;font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--color-headline);text-decoration:none;margin:var(--space-4) 0 0}
.rmd-oc__sub a{display:block;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) 0}

/* Fokus-Sichtbarkeit */
/* Fokus-Ring: dezent DUNKEL statt Signal-Gelb (das Gelb sah aus wie ein Theme-Fremdkoerper).
   Wir stylen den Header selbst - Kadence-Outline wird bei echtem Maus-Klick unterdrueckt,
   sichtbar bleibt der Ring nur fuer Tastatur-Bedienung (:focus-visible, A11y). */
.rmd-header a:focus-visible,.rmd-actions__btn:focus-visible,.rmd-actions__lang:focus-visible,.rmd-nav__list a:focus-visible,.rmd-offcanvas a:focus-visible,.rmd-offcanvas summary:focus-visible{outline:2px solid var(--color-headline);outline-offset:2px}
/* Kein Theme-/Browser-Outline bei reinem Klick/Toggle (Maus): nur echtes Keyboard-Fokus zeigt den Ring. */
.rmd-header a:focus:not(:focus-visible),.rmd-nav__list a:focus:not(:focus-visible),.rmd-actions__btn:focus:not(:focus-visible),.rmd-offcanvas a:focus:not(:focus-visible),.rmd-offcanvas summary:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}

/* ===== Responsive: Off-Canvas + Nav aus ab Tablet (<=1024px) ===== */
@media(max-width:1024px){
  .rmd-nav{display:none}
  .rmd-mega{display:none}
  /* Mobile-Header: Logo links | Icons rechts (Suche, Warenkorb, Burger). Konto + Sprache im Off-Canvas. */
  .rmd-header__inner{display:flex;align-items:center;gap:var(--space-1)}
  .rmd-logo{order:0;margin-right:auto}
  .rmd-logo__img{height:42px!important;max-height:42px}  /* = Button-Hoehe -> Logo maximal gross, Header-Hoehe bleibt (74px) */
  .rmd-actions{order:1;gap:0}                 /* Icons in der Gruppe eng */
  .rmd-actions__btn{width:36px}               /* schmaler -> weniger Luft zwischen den Icons */
  .rmd-header__inner>.rmd-header__burger{order:2;display:inline-flex}
  .rmd-actions__account,.rmd-actions__lang{display:none}
}
/* ===== Topbar-Marquee (Mobil): eine langsam laufende Zeile, kein Umbruch ===== */
@media(max-width:767px){
  .rmd-topbar{overflow:hidden}
  .rmd-topbar__inner{overflow:hidden;padding-left:0;padding-right:0}
  .rmd-topbar__track{width:max-content;justify-content:flex-start;gap:0;animation:rmd-marquee 26s linear infinite}
  .rmd-topbar__item{white-space:nowrap;padding-right:var(--space-10)}
  .rmd-topbar__item[aria-hidden]{display:inline-flex}
  .rmd-topbar:hover .rmd-topbar__track,.rmd-topbar:active .rmd-topbar__track{animation-play-state:paused}
}
@keyframes rmd-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.rmd-topbar__track{animation:none}}
@media(max-width:640px){
  .rmd-topbar{font-size:11.5px}
}

/* ===== Header-Suche (Panel + B2B-Live-Suche im RMD-Design) ===== */
.rmd-search{background:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);max-height:0;overflow:hidden;transition:max-height .26s ease}
.rmd-search[hidden]{display:none}
.rmd-search.is-open{max-height:85vh;overflow:visible}
.rmd-search__inner{display:flex;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-4);padding-bottom:var(--space-4)}
.rmd-search__field{flex:1;min-width:0}
.rmd-search__close{flex:0 0 auto;width:48px;height:48px;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s}
.rmd-search__close:hover{background:transparent}
.rmd-search__close .rmd-ic{width:18px;height:18px}
.rmd-search__close:focus-visible{outline:2px solid var(--color-headline);outline-offset:2px}

/* Plugin-Markup (wcb2b) auf unsere Tokens mappen - .rmd-search-Praefix schlaegt Plugin-CSS */
.rmd-search .wcb2b-livesearch{position:relative}
.rmd-search .wcb2b-livesearch form,.rmd-search .wcb2b-livesearch .form-group{margin:0}
.rmd-search .wcb2b-livesearch input.form-control,.rmd-search .wcb2b-livesearch input[type="search"]{width:100%;height:48px;box-sizing:border-box;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:0 var(--space-6);font-family:var(--font-body);font-size:var(--fs-base);background:var(--color-bg);color:var(--color-text)}
.rmd-search .wcb2b-livesearch input.form-control:focus{outline:none;border-color:var(--color-headline);box-shadow:0 0 0 3px var(--color-signal-soft)}
.rmd-search .wcb2b-livesearch-products{margin-top:var(--space-3);max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;color:var(--color-text-muted);font-size:var(--fs-sm)}
.rmd-search .wcb2b-livesearch-products:empty{display:none}
.rmd-search .wcb2b-livesearch-product{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius);text-decoration:none;transition:background .12s}
.rmd-search .wcb2b-livesearch-product:hover{background:var(--color-surface)}
.rmd-search .wcb2b-livesearch-product-image-wrapper{flex:0 0 56px}
.rmd-search .wcb2b-livesearch-product-image-wrapper img{width:56px;height:56px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface)}
.rmd-search .wcb2b-livesearch-product-content-wrapper{flex:1;min-width:0}
.rmd-search .wcb2b-livesearch-product-title a{font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--color-headline);text-decoration:none}
.rmd-search .wcb2b-livesearch-product-sku{font-size:var(--fs-xs);color:var(--color-text-muted)}
.rmd-search .wcb2b-livesearch-product-price{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--color-headline);margin-top:2px}
.rmd-search .wcb2b-livesearch-product-buttons-wrapper{flex:0 0 auto}
.rmd-search .wcb2b-livesearch-product-addtocart{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4);background:var(--color-signal);color:var(--color-on-signal);border-radius:var(--radius-pill);font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm);text-decoration:none;border:1.5px solid transparent;white-space:nowrap}
.rmd-search .wcb2b-livesearch-product-addtocart:hover{background:var(--color-signal-hover)}
@media(max-width:640px){
  .rmd-search .wcb2b-livesearch-product-price,.rmd-search .wcb2b-livesearch-product-buttons-wrapper{display:none}
  .rmd-search__close{width:44px;height:44px}
}

/* ===== Header-Suche: Feinschliff (Bilder, kein Schleier, Breite) ===== */
.rmd-search__inner{max-width:1040px;margin-left:auto;margin-right:auto}
/* Plugin-Ladeschleier (rgba(0,0,0,.2)) entfernen - der machte Bilder + gelbe Buttons stumpf */
.rmd-search .wcb2b-livesearch.loading::before{display:none!important}
.rmd-search .wcb2b-livesearch.loading form::after{top:50%!important;right:18px!important;left:auto!important;margin-top:-10px;border-color:var(--color-border)!important;border-top-color:var(--color-headline)!important}
/* Trefferliste: eigener sauberer Rahmen statt Plugin-Standard */
.rmd-search .wcb2b-livesearch-products{border:none;background:transparent;margin-top:var(--space-4);gap:0}
/* Zeilen als klare Liste mit Trenner */
.rmd-search .wcb2b-livesearch-product{gap:var(--space-4);padding:var(--space-3) var(--space-2);border-radius:0;border-bottom:1px solid var(--color-border)}
.rmd-search .wcb2b-livesearch-product:last-child{border-bottom:none}
.rmd-search .wcb2b-livesearch-product:hover{background:var(--color-surface);border-radius:var(--radius)}
/* Produktbild sauber in weisse Kachel rahmen (Lampenfotos sind schmal -> Rahmen gibt Halt) */
.rmd-search .wcb2b-livesearch-product-image-wrapper{flex:0 0 64px}
.rmd-search .wcb2b-livesearch-product-image-wrapper img{width:64px;height:64px;object-fit:contain;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px;box-sizing:border-box;max-width:none}
/* Add-to-cart klar gelb (nicht mehr durch Schleier gedaempft) */
.rmd-search .wcb2b-livesearch-product-addtocart{box-shadow:var(--shadow-cta)}

/* ===== Header-Suche v3: Produkt-ansehen-Button, kein Gelb-Ring, schwarzes X ===== */
/* Fokus ohne gelben Ring - nur dezenter dunkler Rahmen */
.rmd-search .wcb2b-livesearch input.form-control:focus,.rmd-search .wcb2b-livesearch input[type="search"]:focus{border-color:var(--color-headline);box-shadow:none;outline:none}
/* Schliessen-X schwarz sichtbar (Linien-Icon faerbt sich ueber currentColor) */
/* Schliessen-X immer schwarz (Sprite nutzt currentColor -> color, nicht stroke) */
.rmd-search__close,.rmd-search__close:hover,.rmd-search__close:focus,.rmd-search__close .rmd-ic{color:var(--color-headline)!important}
/* "Produkt ansehen" als Outline-Button (Ansehen ist kein Kauf) */
.rmd-search .wcb2b-livesearch-product-view{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-5);background:transparent;color:var(--color-headline);border:1.5px solid var(--color-headline);border-radius:var(--radius-pill);font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}
.rmd-search .wcb2b-livesearch-product-view:hover{background:var(--color-headline);color:var(--color-bg)}

/* ===== Sprach-Umschalter (GTranslate im RMD-Look) ===== */
.rmd-actions__lang .gtranslate_wrapper{display:inline-flex;align-items:center;line-height:1}
.rmd-actions__lang select,.rmd-actions__lang .gt_selector{font-family:var(--font-head);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-headline);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px 10px;cursor:pointer;max-width:130px}
.rmd-actions__lang a{color:var(--color-headline)}
.rmd-actions__lang img{vertical-align:middle;display:inline-block}

/* ===== Warenkorb-Panel (Off-Canvas, Dialog) ===== */
.rmd-cartpanel{position:fixed;top:0;right:0;width:min(92vw,420px);height:100%;background:var(--color-bg);z-index:202;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.rmd-cartpanel.is-open{transform:translateX(0)}
.rmd-cartpanel__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex:0 0 auto}
.rmd-cartpanel__title{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-md);display:flex;align-items:center;gap:var(--space-2);margin:0}
.rmd-cartpanel__count{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--color-surface);color:var(--color-text-muted);padding:2px var(--space-2);border-radius:var(--radius-pill)}
/* Symbol bleibt IMMER dunkel - auf grauem Hover-Hintergrund waere weiss unsichtbar */
.rmd-cartpanel__close,.rmd-cartpanel__close:hover,.rmd-cartpanel__close:focus,.rmd-cartpanel__close:active,.rmd-cartpanel__close .rmd-icon{color:var(--color-headline)!important}
/* Hintergrund in ALLEN Zustaenden transparent - sonst greift Kadences button:focus-Schwarz
   (der Button wird beim Oeffnen fokussiert). Nur Hover = dezentes Grau. */
.rmd-cartpanel__close,.rmd-cartpanel__close:focus,.rmd-cartpanel__close:active,.rmd-cartpanel__close:focus-visible{background:transparent!important;box-shadow:none!important}
.rmd-cartpanel__close{width:36px;height:36px;border:0;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.rmd-cartpanel__close:hover{background:var(--color-surface)!important}
.rmd-cartpanel__close:focus-visible{outline:2px solid var(--color-headline);outline-offset:2px}
.rmd-cartpanel__close .rmd-icon{width:17px;height:17px}
/* Body scrollt NICHT selbst - die Flex-Spalte im Mini-Cart regelt Scroll + Sticky-Foot */
.rmd-cartpanel__body{flex:1 1 auto;min-height:0;display:flex}
.widget_shopping_cart_content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}
.rmd-cart{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}
.rmd-cartpanel.is-loading .rmd-cart{opacity:.55;pointer-events:none;transition:opacity .12s}

/* Versand-Fortschritt (NIE gelb - Gelb gehoert dem CTA) */
.rmd-cart__ship{flex:0 0 auto;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}
.rmd-cart__ship-txt{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--fs-sm);margin:0 0 var(--space-2);text-align:center}
.rmd-cart__ship-txt .rmd-icon{width:15px;height:15px;flex:0 0 15px}
.rmd-cart__ship-txt b{font-weight:var(--fw-bold)}
/* Fortschritt schwarz (nicht gruen): Text + Balken in Headline-Schwarz, Text mittig ueber dem Balken */
.rmd-cart__ship .rmd-cart__ship-txt,.rmd-cart__ship .rmd-cart__ship-txt .rmd-icon{color:var(--color-headline)}
.rmd-cart__bar{height:6px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}
.rmd-cart__bar span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-headline);transition:width .3s}

/* Positionsliste (scrollt) */
.rmd-cart__list{flex:1 1 auto;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0 var(--space-5)}
.rmd-cart__list::-webkit-scrollbar{width:6px}
.rmd-cart__list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}
.rmd-cart__item{display:grid;grid-template-columns:76px 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);position:relative}
.rmd-cart__item:last-child{border-bottom:none}
.rmd-cart__thumb{width:76px;height:76px;border-radius:var(--radius-sm);background:var(--color-surface);display:flex;align-items:center;justify-content:center;padding:var(--space-2)}
.rmd-cart__thumb img{max-width:100%;max-height:100%;width:auto!important;height:auto;object-fit:contain;display:block;float:none!important;margin:0!important}
.rmd-cart__info{min-width:0;padding-right:var(--space-6)}
.rmd-cart__name{font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-headline);text-decoration:none;line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rmd-cart__name:hover{text-decoration:underline;text-decoration-color:var(--color-signal);text-decoration-thickness:2px;text-underline-offset:2px}
.rmd-cart__meta{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}
.rmd-cart__meta p{margin:0}
.rmd-cart__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}
/* Mengen-Stepper (mit Direkteingabe) */
.rmd-cart__qty{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);overflow:hidden;height:42px}
.rmd-cart__qty button{width:42px;height:40px;border:0;background:transparent;cursor:pointer;color:var(--color-headline);display:flex;align-items:center;justify-content:center}
.rmd-cart__qty button:hover{background:var(--color-surface)}
.rmd-cart__qty .rmd-icon{width:15px;height:15px}
.rmd-cart__qtyinput{width:44px;height:40px;border:0;text-align:center;font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-base);background:transparent;-moz-appearance:textfield;color:var(--color-headline)}
.rmd-cart__qtyinput::-webkit-outer-spin-button,.rmd-cart__qtyinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rmd-cart__qtyinput:focus-visible{outline:2px solid var(--color-headline);outline-offset:-2px}
.rmd-cart__price{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-base);color:var(--color-headline);text-align:right;white-space:nowrap}
.rmd-cart__price small{display:block;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--color-text-muted);line-height:1.2}
/* Entfernen: dezentes X oben rechts */
.rmd-cart__remove{position:absolute;top:var(--space-4);right:0;width:26px;height:26px;border:0;background:transparent;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted)}
/* Symbol nie weiss auf grauem Hover-Hintergrund -> auf Hover dunkler, nicht heller */
.rmd-cart__remove:hover{background:var(--color-surface);color:var(--color-headline)!important}
.rmd-cart__remove .rmd-icon{width:13px;height:13px}

/* Footer (sticky) */
.rmd-cart__foot{flex:0 0 auto;border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5) var(--space-5);background:var(--color-bg)}
.rmd-cart__subtotal{display:flex;justify-content:space-between;align-items:baseline}
.rmd-cart__subtotal span{font-family:var(--font-head);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-headline)}
.rmd-cart__subtotal b{font-family:var(--font-head);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-headline);line-height:var(--lh-tight)}
.rmd-cart__note{font-size:var(--fs-xs);color:var(--color-text-muted);margin:2px 0 var(--space-4)}
.rmd-cart__cta{width:100%;height:auto;min-height:50px;font-size:var(--fs-md)}
.rmd-cart__link{display:block;text-align:center;margin-top:var(--space-3);font-family:var(--font-head);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-decoration:none}
.rmd-cart__link:hover{color:var(--color-headline)}
.rmd-cart__trust{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}
.rmd-cart__trust span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-text-muted)}
.rmd-cart__trust .rmd-icon{width:13px;height:13px;flex:0 0 13px}

/* Leerer Zustand */
.rmd-cart--empty{justify-content:center;align-items:center}
.rmd-cart__empty{text-align:center;padding:var(--space-10) var(--space-6)}
.rmd-cart__empty-ic{width:62px;height:62px;border-radius:var(--radius-pill);background:var(--color-surface);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-text-muted)}
.rmd-cart__empty-ic .rmd-icon{width:26px;height:26px}
.rmd-cart__empty h4{font-family:var(--font-head);font-size:var(--fs-md);margin:0 0 var(--space-2)}
.rmd-cart__empty p{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 var(--space-5)}

/* Mobil: Panel volle Breite, groessere Tap-Targets */
@media(max-width:767px){
  .rmd-cartpanel{width:100vw}
  .rmd-cart__qty{height:44px}
  .rmd-cart__qty button{width:44px;height:42px}
  .rmd-cart__qtyinput{height:42px;width:46px}
  .rmd-cart__remove{width:34px;height:34px;top:var(--space-3)}
}

/* ===== Offcanvas: Flex-Spalte + Footer ===== */
.rmd-offcanvas{display:flex;flex-direction:column}
.rmd-oc__nav{flex:1 0 auto}
.rmd-oc__foot{margin-top:auto;flex:0 0 auto;padding:var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}
.rmd-oc__foot-link{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-decoration:none;color:var(--color-headline)}
.rmd-oc__foot-link .rmd-ic{width:20px;height:20px;stroke:var(--color-headline)}
.rmd-oc__foot-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);height:44px;border-radius:var(--radius-pill);background:var(--color-signal);color:var(--color-on-signal);font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-sm);text-decoration:none}
.rmd-oc__foot-cta .rmd-ic{width:20px;height:20px;stroke:var(--color-on-signal)}

/* ===== Off-Canvas: Sprache + Kontakt-Bloecke ===== */
.rmd-oc__block{display:flex;flex-direction:column;gap:var(--space-1)}
.rmd-oc__block-h{font-family:var(--font-head);font-weight:var(--fw-bold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}
.rmd-oc__contact{font-size:var(--fs-sm);color:var(--color-text-muted);text-decoration:none}
.rmd-oc__contact:hover{color:var(--color-headline)}
.rmd-oc__lang .gtranslate_wrapper{display:inline-flex;align-items:center}
.rmd-oc__lang select,.rmd-oc__lang .gt_selector{font-family:var(--font-head);font-size:var(--fs-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px 10px;background:transparent;color:var(--color-headline);cursor:pointer}
.rmd-oc__lang img{vertical-align:middle}