/*
 * AR Evolution: eigene Regeln direkt als CSS (wird nach arevolution.css geladen, wirkt ohne Kompilierung).
 * Grundlage: shop/design/shop.css und Design_Leitfaden.md (Stand 28.10.2026), NOVA 5.8.2 (Theme clear).
 * Selektoren sind aus den NOVA-5.8.2-Templates abgeleitet. Stellen mit "PRÜFEN" sind nicht sicher belegt
 * und müssen auf der Testinstallation angeschaut werden.
 */

/* ---------- Schriften lokal (DSGVO: kein Google-CDN) ---------- */
@font-face{font-family:'AR Barlow';src:url('../../fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'AR Barlow';src:url('../../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'AR Inter';src:url('../../fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'AR Inter';src:url('../../fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'AR Inter';src:url('../../fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'AR Inter';src:url('../../fonts/inter-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --ar-bg:#f7f6f2;
  --ar-surface:#ffffff;
  --ar-surface-2:#eeece5;
  --ar-dark:#171a14;
  --ar-graphit:#242a20;
  --ar-graphit-h:#343c2e;
  --ar-text:#171a14;
  --ar-text-2:#4b514a;
  --ar-muted:#6c716a;
  --ar-on-dark:#e9ecea;
  --ar-on-dark-2:#98a09c;
  --ar-green:#7aa82a;
  --ar-green-h:#8cbe33;
  --ar-green-text:#3f5a24;
  --ar-green-dim:rgba(122,168,42,.12);
  --ar-on-green:#0f1405;
  --ar-line:rgba(30,32,26,.12);
  --ar-line-2:rgba(30,32,26,.26);
  --ar-shadow:0 12px 32px rgba(20,28,18,.14);
  --ar-warn-bg:#fff6dc;
  --ar-warn:#7a5600;
  --ar-r:6px;
  --ar-r-lg:10px;
  --ar-head:'AR Barlow','Barlow Condensed','Arial Narrow',system-ui,sans-serif;
  --ar-body:'AR Inter','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- Basis ---------- */
body{background-color:var(--ar-bg);color:var(--ar-text);font-family:var(--ar-body);-webkit-font-smoothing:antialiased}
@media (min-width:768px){body{font-size:1rem}}
h1,h2,h3,.h1,.h2,.h3{font-family:var(--ar-head);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;color:var(--ar-text)}
h1,.h1{font-size:clamp(2rem,5.5vw,3rem)}
h2,.h2{font-size:clamp(1.5rem,4vw,2.2rem)}
h4,h5,h6,.h4,.h5,.h6{font-family:var(--ar-body);font-weight:700}
:focus-visible{outline:2px solid var(--ar-green);outline-offset:2px}
.text-muted,.text-muted-util{color:var(--ar-muted)!important}

/* ---------- Buttons ---------- */
.btn-primary,.btn-secondary,.btn-outline-primary,.btn-outline-secondary{font-family:var(--ar-head);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;border-width:2px;border-radius:var(--ar-r)}
.btn-primary{background-color:var(--ar-graphit);border-color:var(--ar-graphit);color:#fff}
.btn-primary:hover,.btn-primary:focus{background-color:var(--ar-graphit-h);border-color:var(--ar-graphit-h);color:#fff}
/* Sekundär = Markengrün mit dunkler Schrift (clear setzt sonst helle Schrift auf Grün, zu wenig Kontrast) */
.btn-secondary,.btn-secondary:not(:disabled):not(.disabled):active{background-color:var(--ar-green);border-color:var(--ar-green);color:var(--ar-on-green)}
.btn-secondary:hover,.btn-secondary:focus{background-color:var(--ar-green-h);border-color:var(--ar-green-h);color:var(--ar-on-green)}
.btn-outline-primary{border-color:var(--ar-line-2);color:var(--ar-text);background:transparent}
.btn-outline-primary:hover,.btn-outline-primary:focus{border-color:var(--ar-graphit);background:transparent;color:var(--ar-text)}

/* Haupt-CTA "In den Warenkorb" auf der Artikelseite: Grün (Name inWarenkorb belegt in productdetails/basket.tpl) */
#add-to-cart .btn-primary,
button[name="inWarenkorb"]{background-color:var(--ar-green);border-color:var(--ar-green);color:var(--ar-on-green);min-height:48px}
#add-to-cart .btn-primary:hover,#add-to-cart .btn-primary:focus,
button[name="inWarenkorb"]:hover,button[name="inWarenkorb"]:focus{background-color:var(--ar-green-h);border-color:var(--ar-green-h);color:var(--ar-on-green)}
/* PRÜFEN: Button "Zur Kasse" im Warenkorb. Selektor nicht belegt, ggf. per Browser-Inspektor anpassen */
.basket-summary .btn-primary,#cart-checkout-btn{background-color:var(--ar-green);border-color:var(--ar-green);color:var(--ar-on-green)}

/* Formularfelder */
.form-control,.custom-select{border-radius:var(--ar-r);border-color:var(--ar-line-2)}
.form-control:focus,.custom-select:focus{border-color:var(--ar-green);box-shadow:0 0 0 3px var(--ar-green-dim)}
.custom-control-input:checked~.custom-control-label::before{background-color:var(--ar-graphit);border-color:var(--ar-graphit)}

/* ---------- Topbar (Text aus layout/header_top_bar.tpl) ---------- */
#header-top-bar{background-color:var(--ar-dark);color:var(--ar-on-dark-2);font-size:.78rem}
#header-top-bar a:not(.dropdown-item):not(.btn){color:var(--ar-on-dark-2)}
#header-top-bar a:not(.dropdown-item):not(.btn):hover{color:var(--ar-green-h)}
#header-top-bar .nav-link{color:var(--ar-on-dark-2);padding-top:.45rem;padding-bottom:.45rem}
#header-top-bar .dropdown-toggle{color:var(--ar-on-dark-2)}
.ar-topbar{margin-right:auto;flex-wrap:nowrap}
.ar-topbar .nav-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ar-topbar .nav-link b{color:var(--ar-on-dark);font-weight:600}
.ar-topbar i{color:var(--ar-green);font-size:.85em}
/* Mobil: NOVA blendet die Topbar unter 992 px aus (d-none d-lg-flex).
   Wir zeigen dort nur den ersten Punkt "Nur für Gewerbe". PRÜFEN: auf dem Handy auf Überlappung mit dem festen Kopf achten. */
@media (max-width:991.98px){
  #header-top-bar.d-none{display:block!important}
  #header-top-bar .topbar-main{display:none}
  #header-top-bar .ar-topbar{justify-content:center;margin:0}
  #header-top-bar .ar-topbar-item:not(:first-child){display:none}
}

/* ---------- Kopf ---------- */
header#jtl-nav-wrapper,#jtl-nav-wrapper{background-color:var(--ar-surface);border-bottom:1px solid var(--ar-line)}
#jtl-nav-wrapper .form-control,#jtl-nav-wrapper .form-control:focus{background-color:var(--ar-bg);color:var(--ar-text)}
#jtl-nav-wrapper .search-wrapper .form-control{border:1px solid var(--ar-line-2);border-radius:var(--ar-r);min-height:44px}
#jtl-nav-wrapper .search-wrapper .form-control:focus{border-color:var(--ar-green);box-shadow:0 0 0 3px var(--ar-green-dim)}
#jtl-nav-wrapper .search-wrapper .btn{border-radius:0 var(--ar-r) var(--ar-r) 0}
#jtl-nav-wrapper .nav-icons .nav-link{color:var(--ar-text)}
#jtl-nav-wrapper .nav-icons .nav-link:hover{color:var(--ar-green-text)}
/* Zähler am Warenkorb-Symbol in Markengrün */
.fa-sup{background-color:var(--ar-green);color:var(--ar-on-green);font-weight:700}

/* ---------- Hauptmenü und Mega-Menü ---------- */
#mainNavigation .nav-scrollbar-item>.nav-link{font-family:var(--ar-body);font-weight:600;font-size:.92rem;color:var(--ar-text);text-transform:none}
@media (min-width:992px){
  #mainNavigation .nav-scrollbar-item>.nav-link{border-bottom:3px solid transparent}
  #mainNavigation .nav-scrollbar-item>.nav-link:hover,
  #mainNavigation .nav-scrollbar-item.active>.nav-link,
  #mainNavigation .nav-scrollbar-item.show>.nav-link{border-bottom-color:var(--ar-green);color:var(--ar-text)}
  #mainNavigation .dropdown-full>.dropdown-menu{border-top:1px solid var(--ar-line);box-shadow:var(--ar-shadow);background:var(--ar-surface)}
  #mainNavigation .dropdown-menu .dropdown-body{padding-top:1.75rem;padding-bottom:2rem}
}
#mainNavigation .submenu-headline-toplevel,
#mainNavigation .submenu-headline-toplevel span{font-family:var(--ar-body);font-weight:700;font-size:.92rem;color:var(--ar-text);text-transform:none}
#mainNavigation .categories-recursive-link{color:var(--ar-text-2);text-decoration:none}
#mainNavigation .categories-recursive-link:hover,
#mainNavigation .categories-recursive-link:hover span{color:var(--ar-green-text)}
#mainNavigation .dropdown-item:hover,#mainNavigation .dropdown-item:focus{background-color:var(--ar-bg);color:var(--ar-green-text)}
/* Kategoriebilder im Mega-Menü (falls "Kategoriebilder für erste Unterkategorie" aktiv) mit Rundung */
#mainNavigation .dropdown-menu img{border-radius:var(--ar-r-lg)}

/* ---------- Brotkrumen ---------- */
.breadcrumb{font-size:.8rem}
.breadcrumb a{color:var(--ar-muted);text-decoration:none}
.breadcrumb a:hover{color:var(--ar-text)}

/* ---------- Produktkarten (Galerie, Slider, Startseiten-Boxen) ---------- */
.productbox.productbox-hover .productbox-inner::before{background-color:var(--ar-surface);border:1px solid var(--ar-line);border-radius:var(--ar-r-lg)}
.productbox.productbox-hover:hover .productbox-inner::before,
.productbox.productbox-hover:focus .productbox-inner::before,
.productbox.productbox-hover.focus .productbox-inner::before{box-shadow:var(--ar-shadow);border-color:transparent}
.productbox-images .productbox-image,.productbox-image .square-image{background-color:var(--ar-surface-2);border-radius:var(--ar-r-lg);overflow:hidden}
.productbox-title{margin-top:.5rem}
.productbox-title a,.productbox-title a:not(.btn){font-family:var(--ar-body);font-weight:600;font-size:.95rem;line-height:1.3;text-transform:none;color:var(--ar-text);text-decoration:none}
.productbox-title a:hover{color:var(--ar-green-text)}
/* Preis "ab 0,89 € netto/Stk." (Markup aus productdetails/price.tpl) */
.productbox .price_wrapper,.product-wrapper .price_wrapper{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:.35rem}
.productbox .price_wrapper .price-note,.product-wrapper .price_wrapper .price-note{flex-basis:100%}
.productbox .price_label,.product-wrapper .price_label{font-size:.78rem;color:var(--ar-text-2);font-family:var(--ar-body)}
.productbox-price,.productbox .price.productbox-price{font-family:var(--ar-head);font-weight:700;font-size:1.6rem;line-height:1;color:var(--ar-text)}
.ar-price-value .footnote-reference{font-family:var(--ar-body);font-size:.7rem;font-weight:400;vertical-align:super;color:var(--ar-muted)}
.ar-price-unit{font-family:var(--ar-body);font-size:.76rem;font-weight:500;color:var(--ar-text-2);margin-left:6px;letter-spacing:0}
/* Sticker (Ribbons) */
.ribbon{font-family:var(--ar-body);font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px}
@media (min-width:768px){.productbox-title a{font-size:1rem}}

/* ---------- Artikelseite ---------- */
.product-detail .product-title{font-family:var(--ar-head);font-size:clamp(1.8rem,5vw,2.6rem);text-transform:uppercase;line-height:1.05}
.product-detail .product-sku{font-size:.8rem;color:var(--ar-muted)}
.product-detail .price.h1{font-family:var(--ar-head);font-weight:700;font-size:2.4rem;line-height:1;color:var(--ar-text);text-transform:none}
.product-detail .price_label{font-size:.85rem;color:var(--ar-text-2)}
.product-detail .vat_info,.product-detail .price-note{font-size:.8rem;color:var(--ar-muted)}
.product-detail .product-gallery .square-image,.product-detail #gallery .square-image{background-color:var(--ar-surface-2);border-radius:var(--ar-r-lg)}

/* Staffelpreistabelle (NOVA .bulk-prices, Markierung per js/custom.js) */
.bulk-prices{margin-top:1rem}
.bulk-prices .table{background:var(--ar-surface);border:1px solid var(--ar-line);border-radius:var(--ar-r-lg);overflow:hidden;border-collapse:separate;border-spacing:0;font-size:.9rem;margin-bottom:.4rem}
.bulk-prices .table th,.bulk-prices .table td{padding:.55rem .8rem;border-top:0;border-bottom:1px solid var(--ar-line);vertical-align:middle}
.bulk-prices .table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ar-muted);font-weight:700;background:var(--ar-bg);border-bottom:1px solid var(--ar-line)}
.bulk-prices .table td:last-child,.bulk-prices .table th:last-child{text-align:right}
.bulk-prices .table tbody tr:last-child td{border-bottom:0}
.bulk-prices .table-hover tbody tr:hover{background-color:var(--ar-bg)}
.bulk-prices .bulk-price{font-weight:600}
.bulk-prices tr.ar-tier-on td{background:var(--ar-green-dim);font-weight:700}
.bulk-prices tr.ar-tier-on td:first-child{box-shadow:inset 3px 0 0 var(--ar-green)}
.ar-tier-note{font-size:.82rem;font-weight:600;color:var(--ar-green-text);background:var(--ar-green-dim);border-radius:var(--ar-r);padding:8px 10px;margin-top:.5rem}
.ar-tier-note:empty{display:none}

/* Variationen als Kacheln und Farbfelder (NOVA-Standardklassen für Radio/Swatches) */
.variations .swatches .btn,.variations .swatches label.variation{border-radius:var(--ar-r)}
.variations .swatches .variation.active,.variations .swatches .variation:has(input:checked){border-color:var(--ar-graphit);box-shadow:inset 0 0 0 1px var(--ar-graphit)}
/* PRÜFEN: genaue Swatch-Klassen hängen vom Variationstyp in der Wawi ab (Textswatches, Bildswatches, Radio) */

/* Mengenfeld */
.choose_quantity .form-control,#quantity{font-weight:700;text-align:center}

/* Reiter und Akkordeon unter dem Artikel */
.tab-navigation .nav-link{font-family:var(--ar-head);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--ar-text-2)}
.tab-navigation .nav-link.active{color:var(--ar-text);border-bottom-color:var(--ar-green)}

/* ---------- Hinweise und Meldungen ---------- */
.alert-warning{background-color:var(--ar-warn-bg);color:var(--ar-warn);border-color:transparent}
.alert-success{background-color:var(--ar-green-dim);color:var(--ar-green-text);border-color:transparent}
.alert{border-radius:var(--ar-r)}

/* ---------- Karten und Boxen ---------- */
.card{border-radius:var(--ar-r-lg)}
.box .productlist-filter-headline,.productlist-filter-headline{font-family:var(--ar-body);font-weight:700;font-size:.9rem;text-transform:none;letter-spacing:0}

/* ---------- Fuß ---------- */
#footer{background-color:var(--ar-dark);color:var(--ar-on-dark-2);font-size:.88rem}
#footer a:not(.btn),#footer .productlist-filter-headline{color:var(--ar-on-dark-2)}
#footer a:not(.btn):hover{color:var(--ar-green-h)}
#footer .productlist-filter-headline,#footer .card .card-title,#footer h2,#footer h3,#footer .h2,#footer .h3{color:var(--ar-on-dark);font-family:var(--ar-body);text-transform:none;font-size:.9rem;font-weight:700;letter-spacing:0}
#footer .footer-social-media a{color:var(--ar-on-dark)}
#footer .footer-social-media a:hover{color:var(--ar-green-h)}
#footer .footnote-vat,#footer .footer-vat-notice{color:var(--ar-on-dark-2)}
#copyright{background-color:#0f120d;color:var(--ar-on-dark-2);margin-top:2rem}
#copyright a{color:var(--ar-on-dark-2)}
#copyright a:hover{color:var(--ar-green-h)}
#footer .link-group-item.dropdown:has(.collapse:not(.show)){border-bottom-color:rgba(255,255,255,.1)}

/* ---------- Seiten-Inhalte aus dem OnPage Composer (optionale Klassen aus dem Entwurf) ---------- */
.ar-eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ar-green-text);margin-bottom:10px}
.ar-dark{background:var(--ar-dark);color:var(--ar-on-dark)}
.ar-dark h1,.ar-dark h2,.ar-dark h3{color:#fff}
.ar-dark .ar-eyebrow{color:var(--ar-green-h)}
.ar-usp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;background:var(--ar-surface);border-bottom:1px solid var(--ar-line)}
.ar-usp li{padding:14px 10px;font-size:.82rem;line-height:1.35;color:var(--ar-text-2)}
.ar-usp li b{display:block;color:var(--ar-text);font-size:.88rem}
@media (min-width:900px){.ar-usp{grid-template-columns:repeat(5,1fr)}.ar-usp li{padding:18px 12px}}
.ar-step{background:var(--ar-surface);border:1px solid var(--ar-line);border-radius:var(--ar-r-lg);padding:20px;height:100%}
.ar-step-nr{font-family:var(--ar-head);font-weight:700;font-size:1.2rem;width:38px;height:38px;border-radius:50%;background:var(--ar-green);color:var(--ar-on-green);display:grid;place-items:center;margin-bottom:12px}
.ar-tag{display:inline-block;margin-top:10px;font-size:.72rem;font-weight:700;color:var(--ar-green-text);background:var(--ar-green-dim);padding:3px 8px;border-radius:4px}
.ar-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6em 1.3em;border-radius:var(--ar-r);background:var(--ar-green);color:var(--ar-on-green)!important;font-family:var(--ar-head);font-weight:700;font-size:1.08rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important}
.ar-cta:hover{background:var(--ar-green-h)}

/* ---------- Mobil ---------- */
@media (max-width:767.98px){
  .btn-primary,.btn-secondary,.btn-outline-primary,.btn-outline-secondary{font-size:1rem}
  .productbox-price,.productbox .price.productbox-price{font-size:1.35rem}
  .product-detail .price.h1{font-size:2rem}
  .bulk-prices .table th,.bulk-prices .table td{padding:.5rem .6rem}
}

/* Kategorieseiten: Text + KI-Symbolbild, Unterkategorie-Kacheln, Anfrage-Kasten (28.10.2026) */
.ar-kat-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem;align-items:start;margin-bottom:1.5rem}
.ar-kat-head .ar-kat-text p:last-child{margin-bottom:0}
.ar-kat-img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--ar-r-lg,10px)}
@media (max-width:767.98px){.ar-kat-head{grid-template-columns:1fr}}
.sub-categories .ar-sub-img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--ar-r,6px)}
.ar-anfrage{background:var(--ar-surface-2,#eeece5);border-left:4px solid var(--ar-green,#7aa82a);border-radius:var(--ar-r-lg,10px);padding:1.25rem 1.5rem;margin:0 0 2rem}
.ar-anfrage-titel{font-family:var(--ar-head);font-weight:700;text-transform:uppercase;font-size:1.25rem;margin:0 0 .4rem}
.ar-anfrage-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}

/* AR Megamenü: Symbole je Unterkategorie, Hinweis-Kachel Equipment mit Logo (30.10.2026). Symbole: Lucide (ISC-Lizenz), Dateien in img/mm */
@media (min-width: 992px){
.navbar-nav .dropdown-full a.submenu-headline-toplevel{display:flex !important;align-items:center;gap:12px;justify-content:flex-start !important;border-bottom:0 !important;padding-bottom:6px}
.navbar-nav .dropdown-full a.submenu-headline-toplevel .text-truncate,.navbar-nav .dropdown-full .categories-recursive-dropdown .text-truncate{white-space:normal !important;overflow:visible !important;line-height:1.25}
.navbar-nav .dropdown-full a.submenu-headline-toplevel::before{content:'';flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#eef4e2 center/22px 22px no-repeat;transition:background-color .15s,transform .15s}
.navbar-nav .dropdown-full a.submenu-headline-toplevel:hover::before{background-color:#dcebc3;transform:translateY(-1px)}
.navbar-nav .dropdown-full .categories-recursive-dropdown .nav{padding-left:52px}
.navbar-nav .dropdown-full .categories-recursive-dropdown .nav-link{padding-top:3px;padding-bottom:3px;color:#4b514a}
.navbar-nav .dropdown-full .categories-recursive-dropdown .nav-link:hover{color:#7aa82a}
.navbar-nav .dropdown-full .subcategory-wrapper > .row > .nav-item{margin-bottom:22px}
.navbar-nav .dropdown-full .nav-item:has(> a[data-category-id="200"]){background:#f4f8ec;border:1px solid #dcebc3;border-radius:14px;padding:14px 16px !important;align-self:flex-start}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="200"]{flex-wrap:wrap}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="200"]::after{content:"Hanteln, Kettlebells und Hantelscheiben mit deinem Studiologo. Schon ab 20 Stück. \A Jetzt ansehen →";display:block !important;border:0 !important;width:auto;height:auto;margin-left:52px !important;white-space:pre-line;flex:1 1 100%;font-weight:400;font-size:.875rem;line-height:1.45;color:#4b514a;margin-top:6px}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="200"]:hover::after{color:#242a20}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="20"]::before{background-image:url("../../img/mm/credit-card.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="24"]::before{background-image:url("../../img/mm/key-round.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="15"]::before{background-image:url("../../img/mm/id-card.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="13"]::before{background-image:url("../../img/mm/watch.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="26"]::before{background-image:url("../../img/mm/key.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="47"]::before{background-image:url("../../img/mm/ticket.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="40"]::before{background-image:url("../../img/mm/footprints.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="163"]::before{background-image:url("../../img/mm/sparkles.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="176"]::before{background-image:url("../../img/mm/bath.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="181"]::before{background-image:url("../../img/mm/bed-double.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="37"]::before{background-image:url("../../img/mm/layers.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="35"]::before{background-image:url("../../img/mm/cup-soda.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="31"]::before{background-image:url("../../img/mm/milk.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="146"]::before{background-image:url("../../img/mm/shirt.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="153"]::before{background-image:url("../../img/mm/shopping-bag.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="158"]::before{background-image:url("../../img/mm/gift.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="201"]::before{background-image:url("../../img/mm/package-open.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="205"]::before{background-image:url("../../img/mm/flag.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="200"]::before{background-image:url("../../img/mm/stamp.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="53"]::before{background-image:url("../../img/mm/dumbbell.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="59"]::before{background-image:url("../../img/mm/git-commit-horizontal.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="64"]::before{background-image:url("../../img/mm/disc-3.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="69"]::before{background-image:url("../../img/mm/weight.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="73"]::before{background-image:url("../../img/mm/activity.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="85"]::before{background-image:url("../../img/mm/rectangle-horizontal.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="90"]::before{background-image:url("../../img/mm/person-standing.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="95"]::before{background-image:url("../../img/mm/cylinder.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="99"]::before{background-image:url("../../img/mm/shield.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="103"]::before{background-image:url("../../img/mm/biceps-flexed.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="107"]::before{background-image:url("../../img/mm/bike.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="111"]::before{background-image:url("../../img/mm/link.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="214"]::before{background-image:url("../../img/mm/heart-pulse.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="117"]::before{background-image:url("../../img/mm/grid-3x3.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="124"]::before{background-image:url("../../img/mm/archive.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="132"]::before{background-image:url("../../img/mm/door-closed.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="136"]::before{background-image:url("../../img/mm/signpost.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="187"]::before{background-image:url("../../img/mm/tent.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="191"]::before{background-image:url("../../img/mm/waves.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="210"]::before{background-image:url("../../img/mm/flame.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="43"]::before{background-image:url("../../img/mm/package-check.svg")}
.navbar-nav .dropdown-full a.submenu-headline-toplevel[data-category-id="196"]::before{background-image:url("../../img/mm/headset.svg")}
}

/* Versteckter JTL-Absendeknopf: nicht sichtbar, Enter-Absenden bleibt (30.10.2026) */
button.btn-hidden,.btn.btn-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;border:0 !important;opacity:0 !important;background:none !important}

/* Shop-Check 30.10.2026: Anfrage-Knopf, Artikelnamen mobil, Topbar-Trennstrich, Cookie-Knopf */
.ar-anfrage{margin-top:1rem}
.ar-anfrage-btn{min-height:50px}
.ar-anfrage-info{margin:.6rem 0 0;font-size:.9rem;color:var(--ar-text)}
@media (max-width:767.98px){
  .productbox-title a.text-clamp-2{-webkit-line-clamp:5;line-clamp:5;max-height:none}
}
@media (max-width:991.98px){
  #header-top-bar .ar-topbar-item{border:0!important}
  #header-top-bar .ar-topbar-item::after,#header-top-bar .ar-topbar-item::before{display:none!important;border:0!important}
  #consent-settings-btn{transform:scale(.75);transform-origin:left bottom;opacity:.75}
}

/* 02.11.2026: Hover-Rahmen (zweites Bild) deckte das erste Artikelbild ab, weil .square-image oben einen Hintergrund bekam */
.productbox-image.second-wrapper{background-color:transparent}