:root{--grund: #ffffff;--grund-gedaempft: #f6f5f3;--rand: #e2ded8;--rand-stark: #c9c3ba;--schrift: #1c1a17;--schrift-gedaempft: #6b655d;--akzent: #7a4b2a;--akzent-schrift: #ffffff;--warnung: #8a2f22;--erfolg: #2f6b46;--radius: 6px;--breite: 1120px;--schatten: 0 1px 2px rgb(0 0 0 / .06);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--grund: #16151a;--grund-gedaempft: #201f26;--rand: #34323c;--rand-stark: #4b4854;--schrift: #ecebe8;--schrift-gedaempft: #a29d97;--akzent: #d8a679;--akzent-schrift: #1a1712;--warnung: #e8887a;--erfolg: #7fc79c;--schatten: 0 1px 2px rgb(0 0 0 / .4)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--grund);color:var(--schrift);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration-color:var(--rand-stark);text-underline-offset:2px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:3px}h1,h2,h3{line-height:1.2;margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.25rem}p{margin:0 0 1rem}.seite{min-height:100dvh;display:flex;flex-direction:column}.inhalt{flex:1;width:100%;max-width:var(--breite);margin:0 auto;padding:1.25rem 1rem 3rem}.springmarke{position:absolute;left:-9999px}.springmarke:focus{position:static;display:inline-block;margin:.5rem;padding:.5rem .75rem;background:var(--akzent);color:var(--akzent-schrift);border-radius:var(--radius)}.kopf{border-bottom:1px solid var(--rand);background:var(--grund);position:sticky;top:0;z-index:10}.kopf-innen{max-width:var(--breite);margin:0 auto;padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.kopf-name{font-size:1.15rem;font-weight:600;text-decoration:none;letter-spacing:-.01em;margin-right:auto}.kopf-navigation{display:flex;gap:1rem;flex-wrap:wrap;font-size:.94rem;order:3;width:100%}.kopf-navigation a{text-decoration:none;color:var(--schrift-gedaempft);white-space:nowrap}.kopf-navigation a:hover,.kopf-navigation a[aria-current=page]{color:var(--schrift)}@media(min-width:700px){.kopf-navigation{order:0;width:auto}}.suche{display:flex;gap:.5rem;flex:1 1 100%;order:2}@media(min-width:700px){.suche{flex:0 1 320px;order:0}}input[type=search],input[type=text]{flex:1;min-width:0;font:inherit;font-size:16px;padding:.45rem .65rem;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--grund);color:var(--schrift)}.knopf{font:inherit;padding:.45rem .9rem;border:1px solid transparent;border-radius:var(--radius);background:var(--akzent);color:var(--akzent-schrift);cursor:pointer;white-space:nowrap}.knopf:hover{filter:brightness(1.08)}.knopf-schlicht{background:transparent;color:var(--schrift);border-color:var(--rand-stark)}.knopf:disabled{opacity:.5;cursor:not-allowed;filter:none}.fuss{border-top:1px solid var(--rand);background:var(--grund-gedaempft);color:var(--schrift-gedaempft);font-size:.88rem}.fuss-innen{max-width:var(--breite);margin:0 auto;padding:1.5rem 1rem 2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}.krumen{font-size:.86rem;color:var(--schrift-gedaempft);margin-bottom:1rem}.krumen ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0}.krumen li:after{content:"›";margin-left:.35rem;color:var(--rand-stark)}.krumen li:last-child:after{content:""}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem 1rem;list-style:none;padding:0;margin:0}@media(min-width:700px){.raster{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.75rem 1.25rem}}.kachel a{text-decoration:none;display:block}.kachel-bild{aspect-ratio:1 / 1;width:100%;object-fit:cover;background:var(--grund-gedaempft);border:1px solid var(--rand);border-radius:var(--radius)}.kachel-leer{display:grid;place-items:center;color:var(--schrift-gedaempft);font-size:.8rem}.kachel-name{margin:.6rem 0 .15rem;font-weight:500;font-size:.98rem}.kachel-preis{color:var(--schrift-gedaempft);font-size:.94rem}.kachel a:hover .kachel-name{text-decoration:underline;text-underline-offset:2px}.sammlungsliste{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:620px){.sammlungsliste{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.sammlungskarte{display:block;padding:.9rem 1rem;border:1px solid var(--rand);border-radius:var(--radius);background:var(--grund-gedaempft);text-decoration:none;height:100%}.sammlungskarte:hover{border-color:var(--rand-stark)}.sammlungskarte strong{display:block;font-weight:600}.sammlungskarte span{color:var(--schrift-gedaempft);font-size:.9rem}.produkt{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:860px){.produkt{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:2.5rem;align-items:start}}.galerie-gross{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:1px solid var(--rand);border-radius:var(--radius);background:var(--grund-gedaempft)}.galerie-streifen{display:flex;gap:.5rem;margin-top:.6rem;overflow-x:auto;padding-bottom:.25rem;list-style:none;padding-left:0}.galerie-streifen button{padding:0;border:1px solid var(--rand);border-radius:var(--radius);background:none;cursor:pointer;width:68px;flex:0 0 auto}.galerie-streifen button[aria-current=true]{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.galerie-streifen img{aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--radius) - 1px)}.preis{font-size:1.5rem;font-weight:600;margin:.25rem 0 .15rem}.preis-hinweis{color:var(--schrift-gedaempft);font-size:.84rem;margin:0 0 1.25rem}.beschreibung{color:var(--schrift);max-width:62ch}.achse{margin:0 0 1.1rem;border:0;padding:0}.achse legend{padding:0;font-size:.88rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--schrift-gedaempft);margin-bottom:.45rem}.achse-werte{display:flex;flex-wrap:wrap;gap:.5rem}.wert{font:inherit;font-size:.95rem;padding:.45rem .85rem;min-height:42px;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--grund);color:var(--schrift);cursor:pointer}.wert[aria-pressed=true]{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent);font-weight:600}.wert:hover:not([aria-pressed=true]){border-color:var(--schrift-gedaempft)}.wert[data-zustand=ausverkauft]{color:var(--schrift-gedaempft);border-style:dashed}.wert[data-zustand=nicht-kombinierbar]{color:var(--schrift-gedaempft);background:var(--grund-gedaempft);border-color:var(--rand);text-decoration:line-through;text-decoration-thickness:1px}.wert-zusatz{display:block;font-size:.72rem;font-weight:400;line-height:1.1;color:var(--schrift-gedaempft);text-decoration:none}.verfuegbarkeit{font-size:.94rem;margin:0 0 1.25rem}.verfuegbarkeit[data-lieferbar=ja]{color:var(--erfolg)}.verfuegbarkeit[data-lieferbar=nein],.knapp{color:var(--warnung)}.hinweis{padding:1rem 1.1rem;border:1px solid var(--rand);border-left:3px solid var(--rand-stark);border-radius:var(--radius);background:var(--grund-gedaempft);color:var(--schrift-gedaempft);margin:1rem 0}.hinweis-fehler{border-left-color:var(--warnung);color:var(--schrift)}.skelett{background:var(--grund-gedaempft);border-radius:var(--radius);animation:pulsieren 1.4s ease-in-out infinite}.skelett-bild{aspect-ratio:1 / 1}.skelett-zeile{height:.8rem;margin-top:.55rem}@keyframes pulsieren{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.skelett{animation:none}*{scroll-behavior:auto!important}}.blaettern{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-top:2rem;flex-wrap:wrap}.blaettern span{color:var(--schrift-gedaempft);font-size:.9rem}.abschnitt{margin:0 0 2.5rem}.abschnitt-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.abschnitt-kopf a{font-size:.9rem;color:var(--schrift-gedaempft);white-space:nowrap}.nur-fuer-screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.warenkorbknopf{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--grund);color:var(--schrift);cursor:pointer;flex:0 0 auto}.warenkorbknopf:hover{border-color:var(--schrift-gedaempft)}.warenkorbzahl{position:absolute;top:-6px;right:-6px;min-width:20px;padding:0 5px;border-radius:10px;background:var(--akzent);color:var(--akzent-schrift);font-size:.72rem;font-weight:600;line-height:20px;text-align:center}.hinterlegung{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20;display:flex;justify-content:flex-end}.schublade{background:var(--grund);width:min(420px,100%);display:flex;flex-direction:column;border-left:1px solid var(--rand);box-shadow:-2px 0 12px #00000026;max-height:100dvh}.schublade-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--rand)}.schublade-kopf h2{margin:0}.schublade-inhalt{flex:1;overflow-y:auto;padding:0 1rem}.schublade-fuss{border-top:1px solid var(--rand);padding:1rem;background:var(--grund-gedaempft)}.korbliste{list-style:none;margin:0;padding:0}.korbzeile{display:flex;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--rand)}.korbzeile:last-child{border-bottom:0}.korbbild{width:72px;height:72px;flex:0 0 auto;object-fit:cover;border:1px solid var(--rand);border-radius:var(--radius);background:var(--grund-gedaempft)}.korbzeile-text{min-width:0;flex:1}.korbname{margin:0 0 .2rem;font-weight:500}.korbzeile p{margin-bottom:.35rem}.mengenwahl{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.mengenwahl .knopf{min-width:40px;min-height:40px;padding:0;font-size:1.1rem;line-height:1}.mengenwahl input{width:3.5rem;font:inherit;font-size:16px;text-align:center;padding:.35rem .25rem;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--grund);color:var(--schrift)}.verweisknopf{font:inherit;font-size:.88rem;padding:.35rem .25rem;border:0;background:none;color:var(--schrift-gedaempft);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.verweisknopf:hover{color:var(--schrift)}.summe{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .35rem}.summe-gesamt{font-size:1.15rem;border-top:1px solid var(--rand);padding-top:.6rem;margin-top:.6rem}.knopf-breit{display:block;width:100%;text-align:center;text-decoration:none;margin-top:.5rem}.knopf-gross{font-size:1.02rem;padding:.7rem 1.2rem;min-height:48px}.korbwahl{margin:0 0 1.25rem}.kasse{max-width:42rem}.kasse-block{margin:0 0 2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--rand)}.kasse-block h2{margin-bottom:.75rem}.feld{display:flex;flex-direction:column;gap:.25rem;margin:0 0 1rem}.feld label{font-size:.9rem;font-weight:500}.feld-zusatz{color:var(--schrift-gedaempft);font-weight:400}.feld input,.feld select,.feld textarea{font:inherit;font-size:16px;padding:.5rem .65rem;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--grund);color:var(--schrift);width:100%;min-height:44px}.feld textarea{resize:vertical}.feld input[aria-invalid=true]{border-color:var(--warnung);box-shadow:inset 0 0 0 1px var(--warnung)}.feld-hinweis{display:block;font-size:.84rem;color:var(--schrift-gedaempft)}.feld-fehler{display:block;font-size:.86rem;color:var(--warnung)}.feldpaar{display:grid;grid-template-columns:1fr;gap:0 1rem}@media(min-width:520px){.feldpaar{grid-template-columns:10rem 1fr}}.wahlgruppe{display:grid;gap:.6rem;margin-bottom:1rem}.wahl{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--rand-stark);border-radius:var(--radius);cursor:pointer}.wahl[data-gewaehlt=true]{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}.wahl input{margin-top:.3rem;accent-color:var(--akzent)}.wahl strong{display:block}.uebersicht{list-style:none;margin:0 0 1rem;padding:0}.uebersicht li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--rand)}.nachschau{max-width:28rem;margin-bottom:1.5rem}.bestellung{max-width:42rem;margin-top:1.5rem;padding:1.25rem;border:1px solid var(--rand);border-radius:var(--radius);background:var(--grund-gedaempft)}.bestellnummer{font-size:1.25rem;padding:.9rem 1.1rem;border:1px solid var(--rand);border-left:3px solid var(--erfolg);border-radius:var(--radius);background:var(--grund-gedaempft);display:inline-block}.sendung{margin-bottom:1rem}.bezahlen{margin:2rem 0;padding:1.5rem;border:1px solid var(--linie, #e3e3e0);border-radius:12px;background:var(--flaeche, #fff)}.bezahlen h2{margin-top:0}.bezahlen-code{display:flex;justify-content:center;margin:1.25rem 0}.bezahlen-code img{width:240px;height:240px;padding:12px;background:#fff;border:1px solid #e3e3e0;border-radius:8px}.bezahlen-app{text-align:center;margin:0 0 1rem}.bezahlen-warten{margin:1rem 0 .25rem;font-weight:600}.knopf-verweis{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
