/* LAUFART · Designsystem siehe DESIGN.md. Weiße Ladenwand, Regalkante in Ladengrün, orange Regal-Schriftzüge, Barlow Condensed + Barlow. */
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlowc-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlowc-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--papier:#fff;--flaeche:#f3f6f1;--linie:#dde5d9;--ink:#132613;--ink2:#4c5b4c;--orange:#f74702;--orange-t:#c93a00;--gruen:#7cc242;--salbei:#9cc7a1;--rot:#b3261e;--ok:#2f6b1f;
--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:40px;--s6:64px;--s7:104px;--s8:144px;--g:16px;--breite:1280px;
--kopf:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--text:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--zug:cubic-bezier(.2,.7,.1,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font:400 17px/1.6 var(--text);color:var(--ink);background:var(--papier);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}img{height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-color:var(--orange)}
h1,h2,h3,h4{font-family:var(--kopf);font-weight:700;line-height:1.02;letter-spacing:-.005em;margin:0 0 var(--s3);text-wrap:balance}
h1{font-size:clamp(2.6rem,7vw,5.4rem)}h2{font-size:clamp(2rem,4.6vw,3.4rem)}h3{font-size:1.45rem;line-height:1.1}h4{font-size:1.1rem}
p{margin:0 0 var(--s3)}ul,ol{margin:0 0 var(--s3);padding-left:1.25rem}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.wrap{max-width:var(--breite);margin:0 auto;padding-inline:var(--g)}.schmal{max-width:820px;margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:var(--s2) var(--s3);z-index:100}.skip:focus{left:0}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-4px}
.klein{font-size:.9rem}.muted{color:var(--ink2)}.nowrap{white-space:nowrap}.r{text-align:right}.gruen{color:var(--ok)}
.lead{font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.55;color:var(--ink2);max-width:58ch}
.logo{display:block;height:auto}

/* Regal-Schild: gesperrte orange Versalien wie an der Ladenwand */
.schild{display:inline-block;font:600 .95rem/1 var(--kopf);letter-spacing:.2em;text-transform:uppercase;color:var(--orange-t);margin-bottom:var(--s3)}

/* Knöpfe: Pille mit eingesetztem Pfeilkreis */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 8px 0 24px;background:var(--ink);color:#fff;border:1.5px solid var(--ink);border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.2;text-align:left;transition:background .3s var(--zug),transform .2s var(--zug)}
.btn:hover{background:#0a170a}.btn:active{transform:scale(.98)}
.btn__pfeil{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .35s var(--zug),background .3s var(--zug)}.btn__pfeil .i{width:18px;height:18px}
.btn:hover .btn__pfeil{transform:translateX(3px);background:var(--orange)}
.btn--hell{background:#fff;color:var(--ink)}.btn--hell .btn__pfeil{background:var(--flaeche)}.btn--hell:hover{background:var(--flaeche)}.btn--hell:hover .btn__pfeil{color:#fff}
.btn:not(:has(.btn__pfeil)){padding:0 24px}
.btn--gross{min-height:56px;font-size:1.05rem}.btn--klein{min-height:38px;padding:0 16px;font-size:.92rem}.btn--voll{width:100%;justify-content:space-between}.btn--voll:not(:has(.btn__pfeil)){justify-content:center}
.btn--text{background:none;border-color:transparent;color:var(--ink);text-decoration:underline;padding:0 var(--s2)}.btn--text:hover{background:none}
.btn--rot{background:var(--ink)}.btn[disabled]{opacity:.45;cursor:not-allowed}
.textlink{font-weight:600;text-decoration:none;border-bottom:2px solid var(--gruen);padding-bottom:1px;transition:border-color .2s}.textlink:hover{border-color:var(--orange)}

/* Hinweis/Aktuelles aus der Verwaltung: Leiste oben auf allen Seiten, Kasten auf der Startseite */
.hleiste{background:#eaf3e2;color:var(--ink);font-size:clamp(1.08rem,1rem + .35vw,1.25rem);line-height:1.45}.hleiste--wichtig{background:#fff0e6}
.hleiste__zeile{display:flex;gap:10px;align-items:flex-start;justify-content:center;padding-block:12px}.hleiste p{margin:0;font-weight:600;max-width:90ch}
.hleiste .i{width:1.15em;height:1.15em;flex:none;margin-top:.15em;color:var(--ok)}.hleiste--wichtig .i{color:var(--orange-t)}
.hkasten{margin-top:var(--s4);padding:var(--s3) 20px;border-radius:6px;background:#eaf3e2;max-width:52ch}.hkasten--wichtig{background:#fff0e6}
.hkasten b{display:block;font:700 1.15rem/1.1 var(--kopf);margin-bottom:6px}.hkasten--wichtig b{color:var(--orange-t)}.hkasten p{margin:0}
.zeiten-notiz{margin-top:var(--s2)}.held__notiz{display:block;margin-top:6px;font-size:.85rem;font-weight:400;color:var(--ink2);line-height:1.45}
.held__text>.hkasten{margin:0 0 var(--s4)}
/* Infozeile und Kopf */
.info{background:var(--ink);color:#dfe9db;font-size:.85rem}.info__zeile{display:flex;justify-content:space-between;gap:var(--s3);padding-block:7px;align-items:center}.info .i{width:16px;height:16px;vertical-align:-3px;opacity:.8}
.info__rechts{display:flex;gap:var(--s4);align-items:center}.info a{text-decoration:none}.info a:hover{text-decoration:underline}.info__frei{color:var(--gruen);font-weight:600}
.kopf{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);transition:box-shadow .3s var(--zug)}
.kopf--schwebt{box-shadow:0 10px 30px -18px rgba(19,38,19,.45)}
.kopf__zeile{display:flex;gap:var(--s4);align-items:center;justify-content:space-between;padding-block:14px}
.kopf__logo{display:block;text-decoration:none;flex:none}.kopf__logo .logo{width:176px}
.nav{margin-left:auto}.nav__liste{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav__punkt{position:relative}
.nav__link{display:flex;align-items:center;gap:4px;padding:10px 14px;font:600 1.12rem/1 var(--kopf);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;background:none;border:0;cursor:pointer;border-radius:999px;transition:background .2s}
.nav__link .i{width:16px;height:16px;transition:transform .25s var(--zug)}.nav__link[aria-expanded="true"] .i{transform:rotate(180deg)}
.nav__link:hover,.nav__link[aria-expanded="true"]{background:var(--flaeche)}.nav__link[aria-current="page"],.nav__link[data-aktiv]{color:var(--orange-t)}
.nav__menue{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;list-style:none;margin:0;padding:8px;background:#fff;border-radius:14px;box-shadow:0 24px 50px -20px rgba(19,38,19,.35),0 0 0 1px var(--linie);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--zug),transform .25s var(--zug),visibility .2s}
.nav__link[aria-expanded="true"]+.nav__menue{opacity:1;visibility:visible;transform:none}
.nav__menue a{display:block;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:500}.nav__menue a:hover,.nav__menue a[aria-current="page"]{background:var(--flaeche);color:var(--orange-t)}
.kopf__ikonen{display:flex;gap:2px;align-items:center}
.ikon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:none;border:0;border-radius:50%;color:var(--ink);cursor:pointer;text-decoration:none;transition:background .2s}.ikon .i{width:23px;height:23px}.ikon:hover{background:var(--flaeche)}
.ikon--menue{display:none}
.burger{position:relative;width:22px;height:12px}.burger i{position:absolute;left:0;right:0;height:2px;background:var(--ink);border-radius:2px;transition:transform .35s var(--zug)}.burger i:first-child{top:0}.burger i:last-child{bottom:0}
.zahl{position:absolute;top:3px;right:2px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--orange);color:#fff;font:700 .72rem/19px var(--text);text-align:center}.zahl[data-n="0"]{display:none}

/* Vollbild-Menü (Handy) */
.mnav,.drawer{position:fixed;inset:0;z-index:80;visibility:hidden}.mnav.offen,.drawer.offen{visibility:visible}
.mnav__panel{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;padding:var(--s3) var(--g) var(--s4);opacity:0;transition:opacity .3s var(--zug);overflow:auto}
.mnav.offen .mnav__panel{opacity:1}
.mnav__kopf{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--s3)}
.mnav__liste{list-style:none;margin:0;padding:0;flex:1}
.mnav__liste>li{border-bottom:1px solid var(--linie);padding:var(--s3) 0;opacity:0;transform:translateY(24px);transition:opacity .5s var(--zug),transform .6s var(--zug);transition-delay:calc(var(--i) * 60ms + 80ms)}
.mnav.offen .mnav__liste>li{opacity:1;transform:none}
.mnav__gross{display:block;font:700 2rem/1.1 var(--kopf);text-decoration:none;text-transform:uppercase;letter-spacing:.02em}
.mnav__gruppe{display:block;font:600 .9rem/1 var(--kopf);letter-spacing:.2em;text-transform:uppercase;color:var(--orange-t);margin-bottom:6px}
.mnav__liste li a:not(.mnav__gross){display:block;font:600 1.5rem/1.35 var(--kopf);text-decoration:none}
.mnav__fuss{padding-top:var(--s4);display:grid;gap:var(--s3)}.mnav__fuss p{margin:0;color:var(--ink2)}
.x{display:inline-grid;place-items:center;width:46px;height:46px;background:var(--flaeche);border:0;border-radius:50%;cursor:pointer}

/* Warenkorb-Schublade */
.drawer__bg{position:absolute;inset:0;background:rgba(19,38,19,.5);opacity:0;transition:opacity .3s var(--zug)}.drawer.offen .drawer__bg{opacity:1}
.drawer__panel{position:absolute;top:0;bottom:0;right:0;width:min(100vw,460px);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .45s var(--zug);box-shadow:-30px 0 60px -30px rgba(19,38,19,.4)}.drawer.offen .drawer__panel{transform:none}
.drawer__kopf{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--linie)}.drawer__kopf h2{margin:0;font-size:1.8rem}
.drawer__inhalt{flex:1;overflow:auto;padding:0 var(--s4)}.drawer__fuss{padding:var(--s4);border-top:1px solid var(--linie);display:grid;gap:var(--s2)}

.krumen{padding-block:var(--s3) 0;font-size:.85rem;color:var(--ink2)}.krumen ol{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);list-style:none;margin:0;padding:0}.krumen li+li::before{content:"/";margin-right:var(--s2);color:var(--salbei)}.krumen a{text-decoration:none}.krumen a:hover{text-decoration:underline}

/* Startseite: Held */
.held{padding-block:var(--s5) var(--s7)}
.held__raster{display:grid;gap:var(--s5);align-items:center}
.held__text h1{max-width:13ch;margin-bottom:var(--s4)}
.held__knoepfe{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}
.held__fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin:var(--s6) 0 0;padding-top:var(--s4);border-top:1px solid var(--linie)}
.held__fakten dt{font:600 .8rem/1 var(--kopf);letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px}.held__fakten dd{margin:0;font-weight:500;line-height:1.4}.held__fakten a{text-decoration:none}
.held__bild{position:relative;margin:0;justify-self:end;width:100%;max-width:560px}
.rahmen{position:relative;margin:0;border-bottom:12px solid var(--gruen);overflow:hidden;background:var(--flaeche)}.rahmen img{width:100%;height:auto}
.held__bild .rahmen img{aspect-ratio:4/4.4;object-fit:cover}
.held__bild figcaption{position:absolute;left:-18px;bottom:44px;background:#fff;padding:14px 18px;border-radius:6px;box-shadow:0 22px 40px -18px rgba(19,38,19,.45);font-size:.95rem;max-width:80%}
.held__bild figcaption b{color:var(--ok)}

/* Abschnitte */
.ab{padding-block:var(--s7)}.ab--flaeche{background:var(--flaeche)}
.ab__kopf{display:grid;gap:var(--s3) var(--s5);align-items:end;margin-bottom:var(--s5)}.ab__kopf h2{margin:0;max-width:16ch}.ab__neben{margin:0;color:var(--ink2);max-width:46ch}
.ab--dunkel{background:var(--ink);color:#eef4ea}.ab--dunkel .schild{color:var(--gruen)}.ab--dunkel .lead{color:#c9d6c4}
.ab--dunkel .btn--hell{border-color:#fff}

/* Sale: zwei Türen */
.saletueren{display:grid;gap:var(--s3);margin-bottom:var(--s6)}
.saletuer{position:relative;display:grid;grid-template-rows:auto auto;text-decoration:none;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--linie);transition:box-shadow .4s var(--zug)}
.saletuer:hover{box-shadow:0 0 0 1px var(--linie),0 30px 50px -30px rgba(19,38,19,.45)}
.saletuer__bild{display:block;aspect-ratio:16/10;overflow:hidden;background:#fff}.saletuer__bild img{width:100%;height:100%;object-fit:contain;transition:transform .8s var(--zug)}.saletuer:hover .saletuer__bild img{transform:scale(1.03)}
.saletuer__text{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--s3);padding:var(--s3) var(--s4);background:var(--ink);color:#fff;border-top:10px solid var(--gruen)}
.saletuer__text b{font:700 2rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.02em}.saletuer__text small{grid-column:1;color:#c9d6c4;font-size:.95rem}.saletuer__text .btn__pfeil{grid-row:1/3;grid-column:2;width:46px;height:46px}
.saletuer:hover .btn__pfeil{background:var(--orange);transform:translateX(3px)}

/* Regal: Schuhkarten stehen auf einer durchgehenden grünen Kante */
.regal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:var(--s5)}
.schuh{position:relative;display:flex;flex-direction:column;min-width:0}
.schuh__bild{display:block;background:#fff;aspect-ratio:4/3;border-bottom:8px solid var(--gruen);padding:0 6px;overflow:hidden}
.schuh__bild img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--zug)}
.schuh:hover .schuh__bild img{transform:translateY(-4px) scale(1.03)}
.schuh__text{padding:var(--s3) var(--s3) 0;display:flex;flex-direction:column;gap:4px;flex:1}
.schuh__marke{font:600 .82rem/1 var(--kopf);letter-spacing:.18em;text-transform:uppercase;color:var(--orange-t);display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}
.schuh__marke .schild{margin:0;color:var(--ink2);font-size:.82rem}
.schuh__name{font-size:1.4rem;margin:2px 0 0;overflow-wrap:anywhere}.schuh__name a{text-decoration:none}.schuh__name a::after{content:"";position:absolute;inset:0}
.schuh__farbe,.schuh__gr{margin:0;font-size:.9rem;color:var(--ink2);line-height:1.35}
.schuh__preis{margin:auto 0 0;padding-top:8px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.preis{font:700 1.45rem/1 var(--kopf);color:var(--ink)}.schuh__alt,.kauf__alt{color:var(--ink2);font:500 1.05rem/1 var(--kopf)}
.schuh__daten{list-style:none;margin:6px 0 0;padding:0;font-size:.9rem;color:var(--ink2);display:grid;gap:2px}.schuh__daten li{padding-left:14px;position:relative}.schuh__daten li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--salbei)}
.regal--zeile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;padding-bottom:var(--s3);margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scrollbar-width:thin}
.regal--zeile .schuh{flex:0 0 min(72vw,280px);scroll-snap-align:start}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--linie);border-radius:999px;background:#fff;cursor:pointer;font-weight:500;transition:background .2s,border-color .2s}.chip:hover{border-color:var(--ink)}.chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.werkzeugleiste{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between;padding-block:var(--s4);margin-bottom:var(--s4);border-bottom:1px solid var(--linie)}
.leer{padding:var(--s5) 0}

/* Laden: Text + Bento */
.laden{display:grid;gap:var(--s5)}
.liste-fakten{list-style:none;padding:0;margin:0 0 var(--s4);display:grid;gap:0}.liste-fakten li{padding:12px 0 12px 30px;border-bottom:1px solid var(--linie);position:relative;font-weight:500}.liste-fakten li::before{content:"";position:absolute;left:0;top:19px;width:16px;height:6px;border-radius:3px;background:var(--gruen)}
.laden__links{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);margin-top:var(--s4)}
.bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.bento figure{position:relative;margin:0;border-radius:6px;overflow:hidden;background:var(--flaeche)}.bento img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--zug)}.bento figure:hover img{transform:scale(1.035)}
.bento__a{grid-row:span 2;aspect-ratio:3/4}.bento__b,.bento__c{aspect-ratio:4/3}.bento__d{grid-column:1/-1;aspect-ratio:16/8}
.bento figcaption{position:absolute;left:0;bottom:0;background:#fff;padding:10px 14px 0 14px;border-top-right-radius:6px}.bento figcaption .schild{margin-bottom:10px}

/* Laufanalyse */
.analyse{display:grid;gap:var(--s5)}
.ablauf{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.ablauf li{display:grid;grid-template-columns:auto 1fr;gap:4px var(--s4);padding:var(--s4) 0;border-top:1px solid rgba(201,214,196,.3)}
.ablauf__nr{grid-row:span 2;font:700 3.6rem/.85 var(--kopf);color:var(--orange)}
.ablauf b{font:700 1.5rem/1.1 var(--kopf);text-transform:uppercase;letter-spacing:.02em}.ablauf span:last-child{color:#c9d6c4}
.analyse--hell .ablauf li{border-top-color:var(--linie)}.analyse--hell .ablauf span:last-child{color:var(--ink2)}
.zweispalt{display:grid;gap:var(--s5)}
.kasten{background:#fff;border-radius:6px;padding:var(--s4);box-shadow:0 0 0 1px var(--linie);align-self:start}.kasten h3{margin-top:0}

/* Besuch und Öffnungszeiten */
.besuch{display:grid;gap:var(--s5);align-items:center}.besuch__bild{margin:0;overflow:hidden;border-bottom:12px solid var(--gruen)}.besuch__bild img{width:100%;aspect-ratio:4/3;object-fit:cover}
.zeiten{margin:0 0 var(--s3);display:grid}.zeiten>div{display:flex;justify-content:space-between;gap:var(--s3);padding:8px 0;border-bottom:1px solid var(--linie)}.zeiten dt{font-weight:500}.zeiten dd{margin:0;white-space:nowrap}
.zeiten--gross>div{padding:14px 0}.zeiten--gross dd{font:700 1.5rem/1 var(--kopf)}
.adresse{font-size:1.05rem}.adresse a{font-weight:600}

/* FAQ */
.faq details{border-bottom:1px solid var(--linie)}.faq details:first-child{border-top:1px solid var(--linie)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) 0;font:600 1.35rem/1.2 var(--kopf)}.faq summary::-webkit-details-marker{display:none}
.faq summary .i{width:24px;height:24px;transition:transform .35s var(--zug);color:var(--orange-t)}.faq details[open] summary .i{transform:rotate(45deg)}
.faq p{margin:0 0 var(--s4);color:var(--ink2);max-width:68ch}

/* Seitenkopf, Hinweisband */
.seitenkopf{padding-block:var(--s5) var(--s4)}.seitenkopf h1{max-width:18ch}
.seitenkopf--bild{padding-bottom:var(--s7)}.seitenkopf__raster{display:grid;gap:var(--s5);align-items:center}
.vorteile{list-style:none;padding:0;margin:var(--s4) 0 0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-weight:500}.vorteile li{display:flex;gap:8px;align-items:center}.vorteile .i{color:var(--ok)}
.hinweisband{display:grid;gap:var(--s4);align-items:center;margin-block:var(--s7) var(--s5);padding:var(--s5);background:var(--flaeche);border-bottom:10px solid var(--gruen)}.hinweisband h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:var(--s2)}.hinweisband p{margin:0;color:var(--ink2)}
.weiter{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:center;margin:var(--s4) 0 var(--s6);color:var(--ink2)}
select,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],textarea{border:1px solid #9aa79a;background:#fff;border-radius:8px;min-height:48px;padding:0 14px;max-width:100%}textarea{padding:10px 14px;min-height:130px;width:100%}
.sort select{min-height:42px;border-radius:999px;padding:0 16px}

/* Produkt */
.produkt{display:grid;gap:var(--s5);padding:var(--s4) 0 var(--s6)}
.galerie__haupt{background:#fff;aspect-ratio:4/3;border-bottom:10px solid var(--gruen)}.galerie__haupt img{width:100%;height:100%;object-fit:contain}
.galerie__thumbs{display:flex;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap}.galerie__thumbs button{width:96px;aspect-ratio:4/3;padding:0;background:#fff;border:1px solid var(--linie);border-radius:6px;cursor:pointer;overflow:hidden}.galerie__thumbs button[aria-current="true"]{border:2px solid var(--ink)}.galerie__thumbs img{width:100%;height:100%;object-fit:contain}
.kauf__box{display:grid;gap:var(--s3);align-content:start}
.kauf h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:0}.kauf__farbe{margin:0;color:var(--ink2)}
.kauf__preis{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3)}.preis--gross{font-size:2.8rem}.kauf__alt{font-size:1.4rem}
.pangv{font-size:.9rem;color:var(--ink2);margin:-8px 0 0}
.opt{display:grid;gap:var(--s2);margin-top:var(--s2)}.opt__titel{display:flex;gap:var(--s3);align-items:baseline;font:600 .9rem/1 var(--kopf);letter-spacing:.18em;text-transform:uppercase}.opt__titel small{letter-spacing:0;text-transform:none;font:500 .9rem var(--text);color:var(--ink2)}
.segment{display:flex;flex-wrap:wrap;gap:var(--s2)}.segment button{min-height:48px;padding:0 16px;border:1px solid #9aa79a;background:#fff;border-radius:999px;cursor:pointer;font-weight:500;transition:border-color .2s,background .2s}.segment button:hover{border-color:var(--ink)}.segment button[aria-checked="true"]{border:2px solid var(--ink);background:var(--ink);color:#fff}
.kauf__zeile{display:flex;gap:var(--s2);margin-top:var(--s2)}
.kauf__fakten{margin:var(--s2) 0 0;display:grid}.kauf__fakten>div{display:grid;grid-template-columns:110px 1fr;gap:var(--s3);padding:10px 0;border-bottom:1px solid var(--linie)}.kauf__fakten dt{color:var(--ink2);font-size:.9rem}.kauf__fakten dd{margin:0}
.kauf__hilfe{margin:0;font-size:.95rem;color:var(--ink2)}.kauf__hilfe a{color:var(--ink);font-weight:600}
.tabs{margin-top:var(--s4)}.tabs__leiste{display:none}
.tab{border-top:1px solid var(--linie)}.tab__titel{margin:0;font-size:1.3rem}.tab__titel button{display:flex;justify-content:space-between;width:100%;padding:var(--s3) 0;background:none;border:0;cursor:pointer;font:inherit;text-align:left}.tab__titel button[aria-expanded="true"] .i{transform:rotate(180deg)}
.tab__inhalt{display:none;padding-bottom:var(--s4)}.tab.an .tab__inhalt{display:block}
.reihe{margin-top:var(--s7)}.reihe h2{margin-bottom:var(--s4)}
.klebeleiste{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;box-shadow:0 -12px 30px -18px rgba(19,38,19,.45);padding:10px var(--g);display:flex;justify-content:space-between;align-items:center;gap:var(--s3);transform:translateY(110%);transition:transform .35s var(--zug)}.klebeleiste.zeigen{transform:none}.klebeleiste .preis{font-size:1.2rem}

/* Prosa und Rechtstexte */
.prosa{max-width:72ch}.prosa h2{margin-top:var(--s5);font-size:clamp(1.6rem,3vw,2.1rem)}.prosa h3{margin-top:var(--s4)}.prosa li{margin-bottom:6px}.prosa a{color:var(--ink);font-weight:600}
.recht h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.tabelle-wrap{overflow-x:auto;margin:0 0 var(--s3)}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{padding:10px var(--s3);border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}thead th{border-bottom:2px solid var(--ink);white-space:nowrap}td.r,th.r{text-align:right}
.seitenkasten{border-radius:6px;padding:var(--s4);background:var(--flaeche);align-self:start}.seitenkasten h2,.seitenkasten h3{font-size:1.5rem}

/* Fuß */
.fuss{background:var(--ink);color:#c9d6c4;margin-top:0}.fuss__regal{height:12px;background:var(--gruen)}
.fuss__raster{display:grid;gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));padding-top:var(--s6)}.fuss__marke{grid-column:1/-1}.fuss__marke .logo{width:170px;margin-bottom:var(--s4)}
.fuss a{color:#fff;text-decoration:none}.fuss a:hover{text-decoration:underline;text-decoration-color:var(--gruen)}
.fuss__adr{color:#fff;font-size:1.1rem}
.fuss__h{font:600 .9rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.2em;color:var(--gruen);margin-bottom:var(--s3)}
.fuss ul{list-style:none;margin:0;padding:0}.fuss li{padding:4px 0}
.fuss .zeiten>div{border-color:rgba(201,214,196,.2)}.fuss .zeiten dd{color:#fff}
.fuss__unten{border-top:1px solid rgba(201,214,196,.2);margin-top:var(--s6);padding-block:var(--s4) var(--s5);display:grid;gap:var(--s2);color:#a9b8a4}.fuss__unten p{margin:0}
.fuss__recht{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.fuss__widerruf{font-weight:600;border-bottom:2px solid var(--gruen)}
.fuss--kasse{padding-block:var(--s4);border-top:10px solid var(--gruen)}
.kopf--kasse .kopf__zeile{justify-content:space-between}.kasse__sicher{color:var(--ink2);font-size:.92rem;display:flex;gap:6px;align-items:center}

/* Formulare und Shop-Ansichten (Kasse, Konto, Danke, Widerruf, Kontakt) */
.feld{display:grid;gap:5px;margin-bottom:var(--s3)}.feld label,.feld .lbl{font-weight:600;font-size:.95rem}.feld small{color:var(--ink2)}.feld input,.feld select,.feld textarea{width:100%}
.feld.fehler input,.feld.fehler select,.feld.fehler textarea{border:2px solid var(--rot)}.feld.fehler label{color:var(--rot)}
.felder2,.felder3{display:grid;gap:0 var(--s3)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.box{border-radius:8px;background:var(--flaeche);padding:var(--s3) var(--s4);margin-bottom:var(--s3)}.box--err{background:#fdf0ee;color:#7d1a14}.box--ok{background:#eaf5e0}.box--warn{background:#fff3dc}.box--blau{background:var(--flaeche)}
.demo-hinweis{background:#fff6e5;border:1px dashed #c98a00;border-radius:8px;padding:var(--s3)}
.seite-shop{padding-block:var(--s4) var(--s7)}.seite-shop>h1{margin-bottom:var(--s4);font-size:clamp(2.4rem,5vw,3.6rem)}
.korb{display:grid;gap:var(--s5)}
.schritte{display:flex;gap:var(--s3);list-style:none;margin:0 0 var(--s4);padding:0;font-size:.9rem;flex-wrap:wrap}.schritte li{display:flex;gap:6px;align-items:center;color:var(--ink2)}.schritte b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--ink2);font-size:.8rem}.schritte .an{color:var(--ink);font-weight:600}.schritte .an b,.schritte .fertig b{background:var(--ink);color:#fff;border-color:var(--ink)}.schritte a{text-decoration:none;display:flex;gap:6px;align-items:center}
.kasse__h2{margin-top:0;font-size:2rem}
.wahl{display:grid;gap:var(--s2);margin-bottom:var(--s3)}.wahl label{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s3);align-items:center;padding:var(--s3);border:1px solid #9aa79a;border-radius:10px;cursor:pointer}.wahl label:has(input:checked){border:2px solid var(--ink);background:var(--flaeche);padding:calc(var(--s3) - 1px)}.wahl small{display:block;color:var(--ink2)}.wahl .rechts{text-align:right;white-space:nowrap}.wahl input{width:20px;height:20px;accent-color:var(--ink)}.wahl label,.wahl span{min-width:0}.wahl span{overflow-wrap:anywhere}
.zusammenfassung,.summen{border-radius:10px;padding:var(--s4);background:#fff;box-shadow:0 0 0 1px var(--linie),0 30px 50px -40px rgba(19,38,19,.5);align-self:start}.summen dl{display:grid;grid-template-columns:1fr auto;gap:6px var(--s3);margin:0 0 var(--s3)}.summen dd{margin:0;text-align:right}.summen .gesamt{font-weight:700;font-size:1.2rem;border-top:1px solid var(--linie);padding-top:8px}.zusammenfassung h3,.summen h2{font-size:1.6rem}
.rechtlich{font-size:.9rem;color:var(--ink2)}
.pos{display:grid;grid-template-columns:72px 1fr auto;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--linie);align-items:start}.pos img{width:72px;height:54px;object-fit:contain;background:#fff;border-bottom:3px solid var(--gruen)}.pos__name{font:700 1.15rem/1.15 var(--kopf);text-decoration:none;overflow-wrap:anywhere}.pos__var{font-size:.85rem;color:var(--ink2);overflow-wrap:anywhere}.pos__zeile{display:flex;gap:var(--s2);align-items:center;margin-top:var(--s2);flex-wrap:wrap}.pos__summe{text-align:right;font-weight:600}.pos__summe small{display:block;color:var(--ink2);font-weight:400}.pos__summe .alt s{color:var(--ink2)}
.menge{display:inline-flex;border:1px solid #9aa79a;border-radius:999px;background:#fff;overflow:hidden}.menge button{width:38px;background:none;border:0;cursor:pointer}.menge input{width:44px;border:0;text-align:center;min-height:38px;padding:0;-moz-appearance:textfield;border-radius:0}.menge input::-webkit-inner-spin-button{display:none}
.frei{font-size:.92rem;color:var(--ok);font-weight:600}
.bestellkarte{border-radius:10px;box-shadow:0 0 0 1px var(--linie);padding:var(--s4);margin-bottom:var(--s3)}.bestellkarte__kopf{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin-bottom:var(--s3)}
.status{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--flaeche)}.status--ok{background:#e4f3d8;color:#2f5a1f}.status--warn{background:#fff1d0}.status--blau{background:#e7efe4}
.verlauf{display:flex;list-style:none;padding:0;margin:0 0 var(--s3)}.verlauf li{flex:1;font-size:.8rem;padding-top:8px;border-top:4px solid var(--linie);color:var(--ink2)}.verlauf li.an{border-top-color:var(--gruen);color:var(--ink);font-weight:600}
.konto-raster{display:grid;gap:var(--s4)}.konto-nav{display:flex;gap:var(--s2);flex-wrap:wrap}.konto-nav button{min-height:42px;padding:0 16px;border:1px solid var(--linie);border-radius:999px;background:#fff;cursor:pointer}.konto-nav button[aria-current="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;z-index:120;max-width:90vw}
.lade{display:inline-block;width:14px;height:14px;border:2px solid var(--linie);border-top-color:var(--ink);border-radius:50%;animation:dreh .8s linear infinite;vertical-align:-2px}@keyframes dreh{to{transform:rotate(360deg)}}
.nur-druck{display:none}

/* Einblenden */
.bewegt .rein .schuh__bild img{opacity:0;transform:translateY(-22px);filter:blur(4px);transition:opacity .7s var(--zug),transform .8s cubic-bezier(.16,1,.3,1),filter .7s var(--zug);transition-delay:var(--v,0ms)}.bewegt .rein.da .schuh__bild img{opacity:1;transform:none;filter:none}

@media (min-width:600px){.regal{grid-template-columns:repeat(3,minmax(0,1fr))}.felder2{grid-template-columns:1fr 1fr}.felder3{grid-template-columns:1fr 2fr 1fr}.saletueren{grid-template-columns:1fr 1fr}}
@media (min-width:900px){:root{--g:32px}
 .held{padding-top:var(--s6)}.held__raster{grid-template-columns:1.15fr .85fr;gap:var(--s6)}
 .ab__kopf{grid-template-columns:1fr auto}
 .laden{grid-template-columns:5fr 7fr;gap:var(--s6);align-items:start}.laden__text{position:sticky;top:110px}
 .analyse{grid-template-columns:5fr 7fr;gap:var(--s6)}.ablauf{grid-template-columns:1fr 1fr;column-gap:var(--s5)}
 .besuch{grid-template-columns:1fr 1fr;gap:var(--s6)}.zweispalt{grid-template-columns:1.2fr .8fr;gap:var(--s6)}
 .seitenkopf__raster{grid-template-columns:1.1fr .9fr;gap:var(--s6)}
 .hinweisband{grid-template-columns:1fr auto;padding:var(--s5) var(--s6)}
 .produkt{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s6)}.kauf__box{position:sticky;top:110px}
 .tabs__leiste{display:flex;gap:var(--s2);border-bottom:1px solid var(--linie);flex-wrap:wrap}.tabs__reiter{padding:12px 4px;margin-right:var(--s4);text-decoration:none;font:600 1.15rem/1 var(--kopf);letter-spacing:.06em;text-transform:uppercase;border-bottom:4px solid transparent;margin-bottom:-1px;color:var(--ink2)}.tabs__reiter[aria-selected="true"]{border-bottom-color:var(--gruen);color:var(--ink)}
 .tab{border:0}.tab__titel{display:none}.tab__inhalt{padding:var(--s4) 0}.tab:not(.an){display:none}.tab.an .tab__inhalt{display:block}
 .korb{grid-template-columns:minmax(0,1fr) 400px}.konto-raster{grid-template-columns:220px 1fr}.konto-nav{flex-direction:column}
 .fuss__raster{grid-template-columns:1.3fr 1fr 1fr 1fr}.fuss__marke{grid-column:auto}.klebeleiste{display:none}}
@media (min-width:1100px){.regal{grid-template-columns:repeat(4,minmax(0,1fr))}.laden .regal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1060px){.nav__link{padding:10px 10px;font-size:1.02rem}.kopf__logo .logo{width:156px}.info__frei{display:none}}
@media (max-width:899px){.ikon--menue{display:inline-flex}.nav{display:none}.kopf__zeile{padding-block:10px}.kopf__logo .logo{width:148px}.kopf__ikonen{margin-left:auto}
 .info__zeile{justify-content:center;font-size:.8rem}.info__zeile>span:first-child{display:none}
 .held{padding-bottom:var(--s6)}.held__bild{justify-self:stretch;max-width:none}.held__bild figcaption{left:12px;bottom:24px}.held__bild .rahmen img{aspect-ratio:4/3.6}
 .held__fakten{grid-template-columns:1fr 1fr;gap:var(--s3)}.held__fakten>div:last-child{grid-column:1/-1}
 .ab{padding-block:var(--s6)}.seitenkopf--bild{padding-bottom:var(--s6)}.hinweisband{padding:var(--s4);margin-block:var(--s6) var(--s4)}
 .regal--zeile{margin-top:0}}
@media (max-width:440px){.kopf__ikonen>a{display:none}.schuh__text{padding-inline:10px}.schuh__name{font-size:1.2rem}.preis{font-size:1.3rem}.kauf__fakten>div{grid-template-columns:1fr;gap:0}.held__knoepfe .btn{width:100%;justify-content:space-between}}
@media (max-width:759px){.fuss__raster{grid-template-columns:1fr;gap:var(--s6)}.fuss__marke{margin-bottom:0}.fuss .zeiten>div{gap:var(--s4)}.fuss .zeiten dt{min-width:0}.fuss ul li{padding:6px 0}}
@media (max-width:560px){.held__fakten{grid-template-columns:1fr;gap:var(--s4)}.held__fakten>div:last-child{grid-column:auto}.held__fakten dt{margin-bottom:10px}.zeiten--gross dd{font-size:1.3rem}.zeiten--gross>div{flex-wrap:wrap;gap:4px var(--s3)}}
@media print{.kopf,.info,.fuss,.krumen,.no-print,.drawer,.mnav,.klebeleiste{display:none!important}.nur-druck{display:block}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.held__raster>*,.produkt>*,.korb>*,.zweispalt>*,.laden>*,.analyse>*,.besuch>*,.seitenkopf__raster>*,.konto-raster>*{min-width:0}
.prosa,.box,.bestellkarte,.seitenkasten{overflow-wrap:anywhere}
.reihe{padding-bottom:var(--s7)}.ablauf__nr{min-width:1.1em}

::selection{background:var(--gruen);color:var(--ink)}
html{accent-color:var(--ink);caret-color:var(--orange);scrollbar-color:#9aa79a transparent}
.preis,.schuh__alt,.kauf__alt,.zeiten dd,.summen dd,.pos__summe,.wahl .rechts{font-variant-numeric:tabular-nums}
/* Harmonisierte EU-Mitteilung Gewährleistung (amtliche Grafik, unverändert, nur skaliert) */
.eu-mitteilung{margin:var(--s3) 0 var(--s4);max-width:640px}.eu-mitteilung a{display:block;line-height:0}.eu-mitteilung img{display:block;width:100%;height:auto;border:1px solid var(--linie);background:#fff}.eu-mitteilung figcaption{margin-top:.5rem;line-height:1.4}