:root{--papier:#FAF7F2;--tinte:#1F2A24;--leise:#56605A;--akzent:#A4472A;--auf-akzent:#FFFFFF;--linie:#E4DDD2;--karte:#FFFFFF;--sand:#F3EDE4;--tief:#1E2621;--radius:14px;--schrift:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--schrift);font-size:1.0625rem;line-height:1.55;overflow-wrap:break-word;hyphens:auto}
img{display:block;max-width:100%;height:auto}
a{color:var(--akzent)}
h1,h2,h3{line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(1.9rem,6vw,3.2rem);font-weight:700}
h2{font-size:clamp(1.4rem,4vw,2rem);font-weight:650}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--akzent);outline-offset:2px;border-radius:4px}
.sprung{position:absolute;left:-999px;top:0;background:var(--karte);padding:.6rem 1rem;z-index:20}
.sprung:focus{left:.5rem;top:.5rem}
[hidden]{display:none!important}
.testband{margin:0;background:var(--sand);color:var(--tinte);font-size:.85rem;text-align:center;padding:.45rem 1rem;border-bottom:1px solid var(--linie)}
.kopf{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--linie)}
.kopf__innen{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;min-height:60px}
.marke{font-weight:750;font-size:1.3rem;color:var(--tinte);text-decoration:none;display:flex;align-items:baseline;gap:.5rem}
.marke__ort,.marke__zusatz{font-weight:450;font-size:.9rem;color:var(--leise)}
.kopf__link{font-weight:600;text-decoration:none}
.warenkorb-knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--tinte)}
.warenkorb-knopf:hover{background:var(--sand)}
.warenkorb-knopf__zahl{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--akzent);color:var(--auf-akzent);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}
main{max-width:1200px;margin:0 auto;padding:0 1rem 3rem}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border:0;border-radius:999px;background:var(--akzent);color:var(--auf-akzent);font:inherit;font-weight:650;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px -8px rgba(164,71,42,.55);transition:transform .15s ease,box-shadow .15s ease,background .15s}
.knopf:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(164,71,42,.7);background:#8F3B22}
.knopf[disabled]{opacity:.6;cursor:progress;transform:none}
.knopf--breit{width:100%}
.knopf--zweit{background:transparent;color:var(--tinte);box-shadow:inset 0 0 0 1px var(--tinte)}
.knopf--zweit:hover{background:var(--sand);box-shadow:inset 0 0 0 1px var(--tinte)}
.klein-knopf{background:none;border:0;padding:.4rem .2rem;font:inherit;font-size:.92rem;font-weight:600;color:var(--akzent);text-decoration:underline;cursor:pointer;min-height:44px}
.buehne{display:grid;gap:1.25rem;padding:1.5rem 0 1rem}
.buehne__bild img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.buehne__intro{color:var(--leise);font-size:1.1rem;max-width:36rem}
@media (min-width:800px){.buehne{grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;padding:3rem 0 2rem}.buehne__bild img{aspect-ratio:16/10}}
.sortiment,#druck{scroll-margin-top:80px}
.vorteile{list-style:none;margin:.5rem 0 2rem;padding:1rem 0;display:flex;flex-wrap:wrap;gap:.75rem 1.75rem;border-block:1px solid var(--linie);font-size:.95rem}
.vorteile li{display:flex;align-items:center;gap:.55rem}
.vorteile svg{color:var(--akzent);flex:none}
.raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .9rem}
@media (min-width:760px){.raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem}}
@media (min-width:1100px){.raster{grid-template-columns:repeat(4,minmax(0,1fr))}}
.karte__link{display:flex;flex-direction:column;gap:.35rem;color:var(--tinte);text-decoration:none}
.karte__bild{position:relative;display:block;border-radius:var(--radius);overflow:hidden;background:var(--sand);aspect-ratio:1}
.karte__bild img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.karte__link:hover .karte__bild img{transform:scale(1.03)}
.karte__titel{font-weight:600;line-height:1.3;margin-top:.35rem}
.karte__preis{color:var(--leise)}
.karte__aus{font-size:.85rem;font-weight:600;color:var(--tinte)}
.varianten-wahl{border:0;padding:0;margin:0 0 1rem;min-width:0}
.varianten-wahl legend{font-weight:600;margin-bottom:.5rem}
.varianten-wahl__liste{display:flex;flex-wrap:wrap;gap:.5rem}
.variante{position:relative;display:inline-flex}
.variante input{position:absolute;opacity:0;width:1px;height:1px}
.variante>span{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.4rem .9rem;border:1px solid var(--linie);border-radius:999px;background:#fff;cursor:pointer}
.variante input:checked+span{border-color:var(--tinte);box-shadow:0 0 0 1px var(--tinte)}
.variante input:focus-visible+span{outline:3px solid var(--akzent);outline-offset:2px}
.variante--aus>span{color:var(--leise);text-decoration:line-through;cursor:not-allowed;background:transparent}
.variante__preis{color:var(--leise);font-size:.9rem}
.variante__aus{text-decoration:none;font-size:.8rem}
.produkt__aus{font-weight:700;margin:1rem 0}
.marke-neu{position:absolute;left:.6rem;top:.6rem;background:#fff;color:var(--tinte);font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.pfad{font-size:.9rem;color:var(--leise);padding:1rem 0}
.pfad a{color:var(--leise)}
.produkt{display:grid;gap:1.5rem}
.produkt__bild img{width:100%;border-radius:var(--radius);background:var(--sand)}
.produkt__preis{font-size:1.6rem;font-weight:700;margin:0}
.produkt__steuer{font-size:.88rem;color:var(--leise)}
.produkt__druck{display:flex;gap:.6rem;align-items:flex-start;background:var(--sand);padding:.8rem 1rem;border-radius:10px;font-size:.95rem}
.produkt__druck svg{color:var(--akzent);flex:none;margin-top:2px}
@media (min-width:860px){.produkt{grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:start}.produkt__text{position:sticky;top:90px}}
.kaufen{display:grid;gap:1rem;margin-top:1.5rem}
.menge{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:600}
.menge__feld{display:inline-flex;align-items:center;border:1px solid var(--linie);border-radius:999px;background:#fff}
.menge__feld input{width:3rem;text-align:center;border:0;font:inherit;background:transparent;-moz-appearance:textfield}
.menge__feld input::-webkit-inner-spin-button{-webkit-appearance:none}
.menge__knopf{width:44px;height:44px;border:0;background:none;font-size:1.3rem;cursor:pointer;color:var(--tinte);border-radius:50%}
.schmal{max-width:640px;margin:0 auto;padding-top:1.5rem}
.liste{list-style:none;padding:0;margin:1rem 0 1.5rem;border-top:1px solid var(--linie)}
.liste li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--linie)}
.liste__summe{font-weight:700}
.zeile{display:grid;grid-template-columns:72px 1fr auto;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--linie)}
.zeile img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--sand)}
.zeile__titel{font-weight:600;line-height:1.3}
.zeile__steuer{display:flex;align-items:center;gap:.25rem;margin-top:.25rem}
.zeile__steuer button{width:36px;height:36px;border:1px solid var(--linie);background:#fff;border-radius:50%;cursor:pointer;font-size:1.05rem}
.zeile__weg{border:0!important;background:none!important;color:var(--leise);text-decoration:underline;width:auto!important;font-size:.88rem!important;padding:0 .4rem}
.summen{margin:1.25rem 0}
.summen div{display:flex;justify-content:space-between;padding:.25rem 0}
.summen .gesamt{font-weight:700;font-size:1.15rem;border-top:1px solid var(--linie);margin-top:.4rem;padding-top:.6rem}
.fein{font-size:.85rem;color:var(--leise)}
.laedt{color:var(--leise)}
fieldset{border:0;margin:0 0 1.25rem;padding:0}
legend{font-weight:700;font-size:1.1rem;margin-bottom:.6rem}
.feld{display:grid;gap:.3rem;margin-bottom:.85rem}
.feld>span,.feld__kopf{font-weight:600;font-size:.95rem}
.feld__kopf{display:flex;justify-content:space-between;align-items:center}
.feld input,.feld textarea{width:100%;font:inherit;padding:.75rem .85rem;border:1px solid #B9B1A5;border-radius:10px;background:#fff;color:var(--tinte);min-height:48px}
.feld textarea{resize:vertical;line-height:1.5}
.feld select{width:100%;font:inherit;padding:.7rem .85rem;border:1px solid #B9B1A5;border-radius:10px;background:#fff;color:var(--tinte);min-height:48px}
.feld [aria-invalid=true]{border-color:#A3341A;border-width:2px}
.feld__hilfe{color:var(--leise);font-size:.85rem;min-height:1.2em}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.wahl{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--linie);border-radius:12px;background:#fff;margin-bottom:.6rem;cursor:pointer}
.wahl input{margin-top:.3rem;accent-color:var(--akzent);width:20px;height:20px}
.wahl span{display:grid;flex:1}
.wahl small{color:var(--leise)}
.wahl__preis{font-weight:600;flex:none!important;white-space:nowrap}
.kasse__summe{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:.5rem 1rem;margin-bottom:1rem}
.kasse__fehler{background:#FBE9E4;color:#7A2812;padding:.75rem 1rem;border-radius:10px}
[data-testdaten]{margin-bottom:1.25rem}
.danke{text-align:center}
.danke .liste{text-align:left}
.danke__zeichen{color:#2F6B4F;display:flex;justify-content:center;margin:1rem 0 .5rem}
.rechnung{margin:1rem 0 1.5rem}
.hinweis{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);background:var(--tief);color:#fff;padding:.85rem 1.2rem;border-radius:12px;box-shadow:0 12px 30px -12px rgba(0,0,0,.45);z-index:30;max-width:calc(100% - 2rem);display:flex;gap:1rem;align-items:center}
.hinweis a{color:#FFD9C9;font-weight:600}
.fuss{background:var(--tief);color:#E9E4DC;margin-top:3rem}
.fuss__innen{max-width:1200px;margin:0 auto;padding:2.5rem 1rem;display:grid;gap:1.25rem}
@media (min-width:760px){.fuss__innen{grid-template-columns:1fr 1fr 1.4fr}}
.fuss__name{font-weight:700;font-size:1.15rem}
.fuss__klein{font-size:.85rem;color:#C9C2B7}
.eingabe{max-width:560px;margin:0 auto;padding-top:1.25rem}
.foto{position:relative;display:block;border:2px dashed #B9B1A5;border-radius:18px;background:#fff;aspect-ratio:1;overflow:hidden;cursor:pointer;margin-bottom:1rem}
.foto input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.foto:focus-within{outline:3px solid var(--akzent);outline-offset:2px}
.foto__leer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--tinte);pointer-events:none}
.foto__leer svg{color:var(--akzent)}
.foto__leer strong{font-size:1.2rem}
.foto__leer small{color:var(--leise)}
.foto__bild{width:100%;height:100%;object-fit:contain;background:var(--sand);pointer-events:none}
.foto__unterschrift{margin:-.6rem 0 1rem;font-size:.85rem;color:var(--leise)}
.foto__gross{position:absolute;right:.6rem;top:.6rem;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--tinte);display:flex;align-items:center;justify-content:center;cursor:zoom-in;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.galerie__gross{display:block;cursor:zoom-in}
.kachel-huelle{position:relative;display:flex;flex-direction:column;container-type:inline-size}
.kachel-huelle .kachel{flex:1}
/* Lupe unten rechts auf dem Bild: Bild ist quadratisch (Breite minus Innenabstand und Rand) */
.kachel__gross{position:absolute;right:calc(.35rem + 6px);top:calc(100cqw - .35rem - 2px - 40px);width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--tinte);display:flex;align-items:center;justify-content:center;cursor:zoom-in;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.szenen__warum{margin:.45rem 0 0;font-size:.85rem;color:#7A2812}
.pswp{--pswp-bg:#141a16}
.foto--arbeitet .foto__bild{animation:atmen 1.4s ease-in-out infinite}
@keyframes atmen{50%{opacity:.6}}
.fertig{text-align:center;padding:1rem 0 2rem;display:grid;gap:.75rem}
.block{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--linie)}
.block--leise{color:var(--leise)}
.kurzliste{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.kurzliste li{display:grid;grid-template-columns:56px 1fr auto;gap:.75rem;align-items:center}
.kurzliste img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--sand)}
.druckauftrag{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:1rem;margin-bottom:.75rem;display:grid;gap:.4rem}
.druckauftrag__kopf{display:flex;justify-content:space-between;gap:.5rem;font-weight:700}
.status{display:inline-block;font-size:.82rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;background:var(--sand)}
.status--bestellt{background:#FFF1D6;color:#6B4A00}
.status--versendet{background:#E1F0E7;color:#1F5137}
.druckauftrag__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
.druckauftrag__knoepfe .knopf{min-height:44px;padding:.5rem 1rem;font-size:.95rem}
.galerie{position:relative}
.galerie__rahmen{position:relative}
.galerie__band{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;border-radius:var(--radius);background:var(--sand);scrollbar-width:none}
.galerie__band::-webkit-scrollbar{display:none}
.galerie__band--eins{overflow:hidden}
.galerie__bild{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}
.galerie__bild img{width:100%;aspect-ratio:1;object-fit:cover}
.galerie__zahl{position:absolute;right:.7rem;bottom:.7rem;background:rgba(30,38,33,.82);color:#fff;font-size:.82rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;pointer-events:none}
.galerie__daumen{display:flex;gap:.5rem;margin-top:.65rem;overflow-x:auto;padding:2px}
.galerie__daumen-knopf{flex:none;width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--sand);cursor:pointer}
.galerie__daumen-knopf img{width:100%;height:100%;object-fit:cover}
.galerie__daumen-knopf[aria-current=true]{border-color:var(--akzent)}
.auswahl{margin:-.25rem 0 1rem}
.auswahl__titel{font-weight:600;font-size:.95rem;margin:0 0 .4rem}
.varianten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.varianten--drei{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.kachel{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.35rem;border:2px solid var(--linie);border-radius:12px;background:#fff;font:inherit;color:var(--tinte);text-align:left;cursor:pointer;min-height:44px}
.kachel[aria-checked=true]{border-color:var(--akzent);box-shadow:0 0 0 2px rgba(164,71,42,.18)}
.kachel[disabled]{cursor:progress}
.kachel__bild{position:relative;display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--sand)}
.kachel__bild img{width:100%;height:100%;object-fit:cover}
.kachel__name{font-size:.82rem;font-weight:600;line-height:1.25}
.kachel__marke{position:absolute;left:.35rem;top:.35rem;background:var(--tief);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:999px}
.kachel__haken{position:absolute;right:.35rem;top:.35rem;width:22px;height:22px;border-radius:50%;background:var(--akzent);color:#fff;display:none;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}
.kachel[aria-checked=true] .kachel__haken{display:flex}
.kachel__laedt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:.4rem;font-size:.75rem;color:var(--leise);background:linear-gradient(110deg,var(--sand) 30%,#fff 50%,var(--sand) 70%);background-size:250% 100%;animation:schimmer 1.6s linear infinite}
@keyframes schimmer{to{background-position:-150% 0}}
.kachel__fehler{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center;padding:.35rem;font-size:.72rem;color:#7A2812;background:#FBE9E4}
.kachel__fehler u{font-weight:700}
.ki-hinweis{margin:.55rem 0 0;padding:.6rem .8rem;border-radius:10px;background:#FFF1D6;color:#5A3E00;font-size:.88rem}
.stimmung{margin:0 0 1rem;padding:0;border:0;scroll-margin-top:80px}
.auswahl,.reihe__bild{scroll-margin-top:80px}
.stimmung legend{font-size:1rem}
.reihe{list-style:none;margin:.5rem 0 .75rem;padding:0;display:grid;gap:.6rem}
.reihe__bild{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:.55rem}
.reihe__bild--fest{display:grid;grid-template-columns:56px 1fr;gap:.7rem;align-items:center;background:var(--sand)}
.reihe__bild--fest img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#fff}
.reihe__kopf{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem}
.reihe__griff{display:inline-flex;align-items:center;justify-content:center;width:36px;height:44px;border-radius:8px;color:var(--leise);cursor:grab;touch-action:none;font-size:1.2rem;letter-spacing:-2px}
.reihe__titel{flex:1;font-weight:600;font-size:.95rem}
.reihe__knopf{width:44px;height:44px;border:1px solid var(--linie);border-radius:50%;background:#fff;font:inherit;font-size:1.05rem;color:var(--tinte);cursor:pointer}
.reihe__knopf[disabled]{opacity:.35;cursor:default}
.reihe__geist{opacity:.45}
.reihe__wahl{box-shadow:0 12px 26px -10px rgba(0,0,0,.35)}
.stimmung__neu{position:relative}
.stimmung__neu input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.stimmung__neu:focus-within{outline:3px solid var(--akzent);outline-offset:2px}
.feld__fuss{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.feld__hilfe--oben{display:block;margin:-.6rem 0 .9rem}
.szenen{margin-top:.6rem}
.nb-feld{margin-top:.35rem}
.nb{margin-top:.5rem;padding:.7rem;border:1px solid var(--linie);border-radius:12px;background:#fff;display:grid;gap:.45rem}
.nb__titel{margin:0;font-weight:600;font-size:.9rem}
.nb__feld{font-size:.88rem}
.nb input[type=text]{min-height:44px;padding:.5rem .7rem;border:1px solid var(--linie);border-radius:10px;font:inherit;font-size:.95rem;background:#fff;color:var(--tinte);width:100%}
.nb__knoepfe{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.nb__frage{margin:0;padding:.55rem .7rem;border:1px solid var(--linie);border-radius:10px;display:grid;gap:.35rem}
.nb__frage legend{font-size:.88rem;font-weight:600;padding:0 .25rem}
.nb__wahl{display:flex;gap:.5rem;align-items:center;min-height:44px;font-size:.92rem}
.nb__wahl input{width:22px;height:22px}
.nb__status{margin:0;font-size:.85rem;color:var(--leise)}
.szenen__titel{font-weight:600;font-size:.88rem;margin:0 0 .35rem}
.szenen__liste{display:flex;flex-wrap:wrap;gap:.4rem}
.szene-chip{min-height:44px;padding:.45rem .85rem;border:1.5px solid var(--linie);border-radius:999px;background:#fff;font:inherit;font-size:.88rem;color:var(--tinte);cursor:pointer}
.szene-chip[aria-pressed=true]{border-color:var(--akzent);background:#FBF0EA;font-weight:600}
.szene-chip small{color:var(--leise);font-weight:400}
.szenen__eigen{display:grid;gap:.3rem;margin-top:.55rem;font-size:.88rem}
.szenen__zeile{display:flex;gap:.4rem}
.szenen__zeile input{flex:1;min-width:0;min-height:44px;padding:.5rem .7rem;border:1px solid var(--linie);border-radius:10px;font:inherit;font-size:.95rem;background:#fff;color:var(--tinte)}
.pflicht{margin:.5rem 0 1.25rem;padding:1rem;border:1px solid var(--linie);border-radius:14px;background:#fff}
.pflicht legend{padding:0 .35rem}
.pflicht__gruppe{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--linie)}
.pflicht__titel{font-weight:700;font-size:.95rem;margin:0 0 .5rem}
.pflicht__weitere summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.feld__pflicht{font-weight:500;color:var(--leise)}
.feld__fehlt{color:#7A2812;font-size:.85rem;font-weight:600}
.pflicht__fehlt{background:var(--sand);padding:.75rem 1rem;border-radius:10px;font-size:.92rem}
.etikett{margin:.25rem 0 .5rem;padding:.85rem;border-radius:12px;background:var(--sand)}
.etikett__frage{font-weight:650;margin:0 0 .6rem}
.etikett__knopf{position:relative}
.etikett__knopf input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.etikett__knopf:focus-within{outline:3px solid var(--akzent);outline-offset:2px}
.wahl-zeile{margin:-.2rem 0 .6rem}
.entwurf-knopf{margin-top:.6rem}
.foto--fest{cursor:default}
.foto--fest input{display:none}
.grundpreis-vorschau{margin:-.4rem 0 .6rem}
.produkt__grundpreis{font-size:1rem;font-weight:500;color:var(--leise);white-space:nowrap}
.karte__grundpreis{font-size:.85rem;white-space:nowrap}
.zeile__grundpreis{font-size:.85rem;color:var(--leise)}
.produkt__medien{display:grid;gap:.85rem;align-content:start}
.gewaehr{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.gewaehr__link{display:flex;gap:.75rem;align-items:center;color:var(--tinte);text-decoration:none;font-size:.9rem;line-height:1.35;padding:.5rem .6rem;border:1px solid var(--linie);border-radius:12px;background:#fff;cursor:zoom-in;flex:1 1 260px}
.gewaehr__link img{width:48px;height:auto;border:1px solid var(--linie);border-radius:3px}
.gewaehr__link span{text-decoration:underline;text-decoration-color:var(--linie);text-underline-offset:3px}
.gewaehr__link strong{font-weight:650}
.garan img{height:30px;width:auto;border:1px solid var(--linie)}
.angaben{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--linie);font-size:.95rem}
.angaben__titel{font-size:1.15rem;font-weight:700}
.angaben__unter{font-size:1rem;font-weight:650;margin:1.1rem 0 .4rem}
.angaben__liste{margin:0;display:grid;gap:.15rem}
.angaben__zeile{display:grid;grid-template-columns:minmax(7.5rem,34%) 1fr;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--linie)}
.angaben__zeile dt{color:var(--leise)}
.angaben__zeile dd{margin:0}
.recht{max-width:760px;margin:0 auto;padding-bottom:1rem}
.recht h2{font-size:1.3rem;margin-top:1.6rem}
.recht h3{font-size:1.05rem;margin-top:1.2rem}
.recht figure{margin:1rem 0}
.recht figure img{max-width:520px;width:100%;border:1px solid var(--linie)}
.recht figcaption{font-size:.88rem;color:var(--leise);margin-top:.35rem}
.recht__stand{margin-top:2rem}
.umwelt{margin:-.25rem 0 1rem;padding:.85rem 1rem;border-radius:12px;background:#FFF1D6;color:#3F2C00;font-size:.92rem;display:grid;gap:.5rem}
.umwelt p{margin:0}
.umwelt__titel{font-weight:700}
.umwelt__nachweis{margin:0}
.fuss__widerruf{grid-column:1/-1}
.fuss__knopf{display:inline-flex;align-items:center;min-height:48px;padding:.65rem 1.3rem;border-radius:999px;background:#fff;color:var(--tief);font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 2px #fff}
.fuss__knopf:hover{background:#FFD9C9}
.fuss__knopf--hell{background:var(--karte);color:var(--tinte);box-shadow:inset 0 0 0 2px var(--tinte);margin-left:.35rem}
.danke__widerruf{margin-top:2rem}
.widerruf__schritt{font-size:.88rem;color:var(--leise);margin:-.3rem 0 1rem}
.widerruf__form{display:grid;gap:.6rem;margin:1rem 0}
.widerruf__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fehlerliste ul{margin:.25rem 0 0;padding-left:1.2rem}
.fehlerliste a{color:#7A2812}
.fuss__recht{grid-column:1/-1}
.fuss__recht ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.fuss__recht a{color:#E9E4DC;display:inline-block;padding:.5rem 0}
.kasse__recht{font-size:.9rem;background:#fff;border:1px solid var(--linie);border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem}
.kasse__recht p{margin:0 0 .5rem}
.recht__formular{border:1px solid var(--linie);border-radius:12px;padding:1rem 1.25rem;background:#fff}
.elektrog{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;margin:1rem 0;padding:.75rem .9rem;border:1px solid var(--linie);border-radius:12px;background:#fff;font-size:.9rem}
.elektrog img{width:200px;height:auto;flex:none}
.elektrog p{margin:0;flex:1 1 180px}
.recht__tonne{display:block}
@media (max-width:520px){.angaben__zeile{grid-template-columns:1fr;gap:.1rem}.angaben__zeile dt{font-size:.85rem}}
.angaben__zeile dt{hyphens:manual;overflow-wrap:normal}
.serie-link{display:flex;gap:.9rem;align-items:center;padding:1rem 1.1rem;margin:0 0 1.5rem;border-radius:var(--radius);background:var(--sand);color:var(--tinte);text-decoration:none;border:1px solid var(--linie)}
.serie-link svg{flex:none;width:40px;height:40px;color:var(--akzent)}
.serie-link strong{display:block}
.serie-link small{display:block;color:var(--leise);line-height:1.4}
.serie-link:hover{border-color:var(--tinte)}
.serie{max-width:560px;margin:0 auto;padding-top:1rem}
.serie__kopf h1{font-size:clamp(1.6rem,6vw,2.4rem)}
.kamera{position:relative;border-radius:18px;overflow:hidden;background:var(--tief);aspect-ratio:3/4;margin:0 0 .75rem}
.kamera__bild{width:100%;height:100%;object-fit:cover;display:block}
.kamera__blitz{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.kamera__blitz--an{animation:blitz .25s ease-out}
@keyframes blitz{from{opacity:.8}to{opacity:0}}
.kamera__start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;text-align:center;color:#fff}
.kamera__start .fein{color:#E8E4DC}
.kamera__leiste{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.ausloeser{width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:rgba(255,255,255,.35);cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.ausloeser:active{transform:scale(.94);background:#fff}
.ausloeser:disabled{opacity:.4;cursor:not-allowed}
.ausloeser:focus-visible{outline:3px solid #fff;outline-offset:4px}
.kamera__galerie{position:relative;justify-self:start;color:#fff;font-weight:600;padding:.6rem .9rem;border-radius:999px;background:rgba(0,0,0,.35);cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.kamera__galerie input{position:absolute;inset:0;opacity:0;cursor:pointer}
.kamera__galerie:focus-within{outline:3px solid #fff;outline-offset:2px}
.kamera__zahl{justify-self:end;color:#fff;text-align:center;line-height:1.1}
.kamera__zahl strong{display:block;font-size:1.6rem}
.kamera__zahl small{font-size:.8rem}
.streifen{list-style:none;margin:0 0 .75rem;padding:.25rem 0;display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x proximity}
.streifen__foto{position:relative;flex:none;width:72px;height:72px;border-radius:10px;overflow:hidden;background:var(--sand);scroll-snap-align:end}
.streifen__foto img{width:100%;height:100%;object-fit:cover}
.streifen__nr{position:absolute;top:3px;left:3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(0,0,0,.6);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.streifen__zustand{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;background:rgba(0,0,0,.6);color:#fff;font-size:.66rem;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.streifen__foto[data-status=fertig] .streifen__zustand{background:#2F6B45}
.streifen__foto[data-status=fehler] .streifen__zustand,.streifen__foto[data-status=abgelehnt] .streifen__zustand{background:#8A2E16}
.streifen__foto[data-status=abgelehnt] img{opacity:.4}
.streifen__foto[data-status=laedt] img,.streifen__foto[data-status=arbeitet] img{animation:atmen 1.4s ease-in-out infinite}
.serie__netz{background:#FFF4D6;color:#5A4300;padding:.75rem 1rem;border-radius:10px}
.serie__ergebnis{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--linie);display:grid;gap:.75rem}
.serie__liste li{grid-template-columns:56px 1fr auto}
.serie__liste li[data-status=failed]{opacity:.6}
.serie__platz{display:block;width:56px;height:56px;border-radius:8px;background:var(--sand)}
.vorschlag{font-size:.85rem;font-weight:650;white-space:nowrap;padding:.2rem .5rem;border-radius:999px;background:var(--sand);border:1px dashed var(--leise)}