.shop{--grund:#eef0f3;--flaeche:#fff;--linie:#d9dde3;--text:#0e1116;--leise:#5d6470;--aus:#aeb4bd;--pink:#e7009f;--cyan:#12c9e4;--cyan-dunkel:#077a8d;--gelb:#f4ff00;--gelb-text:#0e1116;--chrom:#8a9099;--metall-hell:#a3a8b0;--metall-dunkel:#2a2d32;--schnitt:.1;--schrift-titel:var(--font-anton), "Impact", "Arial Narrow Bold", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--grund);min-height:100vh;color:var(--text);font-family:var(--font-open), system-ui, -apple-system, "Segoe UI", sans-serif;font-size:15px;line-height:1.55;overflow-x:clip}.shop *,.shop :before,.shop :after{box-sizing:border-box}.shop button{font:inherit;color:inherit}.shop :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.shop a{color:inherit}.shop .rand{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.shop .breit{max-width:1180px;margin:0 auto}.shop .leiste{z-index:5;padding-block:12px;padding-top:max(12px, env(safe-area-inset-top,0px));background:var(--flaeche);border-bottom:1px solid var(--linie);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:sticky;top:0}.shop .leiste .marke{justify-self:start}.shop .leiste .korb{grid-column:3;justify-self:end}.shop .marke{font-family:var(--schrift-titel);letter-spacing:.02em;font-size:22px;font-style:italic;text-decoration:none}.shop .marke span{color:var(--cyan-dunkel)}.shop .leiste nav{text-transform:uppercase;letter-spacing:.08em;color:var(--leise);gap:18px;font-size:13px;display:flex}.shop .leiste nav a{text-decoration:none}.shop .leiste nav a[aria-current=page]{color:var(--text);font-weight:600}.shop .korb{border:1px solid var(--linie);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.shop .korb svg{width:20px;height:20px}.shop .korb .zahl{background:var(--pink);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.shop .band{background:var(--gelb);color:var(--gelb-text);text-align:center;padding-block:8px;font-size:13px;font-weight:600}.shop .kopf{padding-block:40px 8px}.shop .augenbraue{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-dunkel);font-size:12px;font-weight:600}.shop h1{font-family:var(--schrift-titel);letter-spacing:.01em;text-wrap:balance;margin:10px 0 0;font-size:clamp(44px,9vw,104px);font-style:italic;font-weight:400;line-height:.95}.shop .verlauf{background:linear-gradient(90deg, var(--pink) 0%, var(--cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em}.shop h2.reihe{letter-spacing:.16em;text-transform:uppercase;color:var(--leise);margin:34px 0 0;font-size:12px;font-weight:700}body.nav-open{overflow:hidden}.shop .dfw .topbar:after{content:"";height:var(--slant);background:var(--flaeche);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.shop .buehne{padding-block:18px 8px;position:relative}.shop .stange-rahmen{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.shop .stange-rahmen::-webkit-scrollbar{display:none}.shop .stange{--breite:clamp(220px, 24vw, 300px);width:max-content;min-width:100%;padding-block:0 26px;padding-left:max(28px, env(safe-area-inset-left,0px));padding-right:max(28px, env(safe-area-inset-right,0px));justify-content:center;gap:6px;display:flex;position:relative}.shop .stange:before{content:"";z-index:1;background:linear-gradient(#5b6068 0%,#23262b 28%,#0b0c0e 55%,#16181b 78%,#3a3e45 100%);border-radius:6px;height:11px;position:absolute;top:22px;left:0;right:0;box-shadow:0 8px 18px #0e111638}.shop .teil{flex:0 0 var(--breite);width:var(--breite);aspect-ratio:900/1300;--hoch:calc(var(--breite) * 1300 / 900);cursor:pointer;touch-action:pan-x;background:0 0;border:0;max-width:100%;margin-top:13.5px;padding:0;position:relative}.shop .koerper{position:absolute;inset:0}.shop .koerper canvas,.shop .koerper img{object-fit:contain;filter:drop-shadow(0 16px 14px #0e11162e);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.shop .foto{left:7%;right:7%;top:calc(var(--hoch) * var(--schnitt));background:var(--flaeche);transform-origin:50% -30px;border-radius:14px;position:absolute;bottom:8%;overflow:hidden;box-shadow:0 16px 28px #0e111624}.shop .foto img{object-fit:cover;filter:none;width:100%;height:100%;position:absolute;inset:0}.shop .foto .ohne{font-family:var(--schrift-titel);color:#fff;text-align:center;place-items:center;padding:16px;font-size:26px;font-style:italic;display:grid;position:absolute;inset:0}.shop .teil:hover .foto,.shop .teil:focus-visible .foto{animation:1.6s cubic-bezier(.3,.6,.4,1) schwingen}@keyframes schwingen{0%{transform:rotate(0)}18%{transform:rotate(-3.5deg)}42%{transform:rotate(2.2deg)}64%{transform:rotate(-1.1deg)}84%{transform:rotate(.4deg)}to{transform:rotate(0)}}.shop .haken{z-index:0;pointer-events:none;width:22px;height:24px;position:absolute;top:4px;left:calc(50% - 1.25px);overflow:visible}.shop .stiel{width:2.5px;height:calc(var(--hoch) * var(--schnitt) + 3px - 14px);z-index:2;background:linear-gradient(90deg, var(--metall-hell), var(--metall-dunkel));pointer-events:none;border-radius:0 0 1px 1px;position:absolute;top:14px;left:calc(50% - 1.25px)}.shop .schild{z-index:3;white-space:nowrap;background:var(--gelb);color:var(--gelb-text);font-variant-numeric:tabular-nums;letter-spacing:.02em;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%);transform-origin:0;padding:3px 8px 3px 14px;font-size:12px;font-weight:700;position:absolute;top:26px;left:calc(50% + 4px);transform:rotate(8deg)}.shop .schild:before{content:"";background:var(--grund);border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:5px}.shop .schild.aus{background:var(--linie)}.shop .teil .name{text-align:center;color:var(--leise);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:12px;transition:color .2s;position:absolute;bottom:-18px;left:6px;right:6px;overflow:hidden}.shop .teil:hover .name,.shop .teil:focus-visible .name{color:var(--text,inherit)}.shop .stange{--schmal:calc(var(--breite) * .4);--weg:calc((var(--breite) - var(--schmal)) / 2)}.shop .teil.seitlich{flex-basis:var(--schmal);width:var(--schmal);height:var(--hoch);aspect-ratio:auto}.shop .stange .teil{will-change:transform;transform:translateX(calc(var(--schub,0) * var(--weg)))}.shop .teil.seitlich:is(:hover,:focus-visible,[data-offen]){z-index:2}.shop .teil.seitlich:before{content:"";top:0;bottom:0;left:calc(-1 * var(--auf,0) * var(--weg));right:calc(-1 * var(--auf,0) * var(--weg));position:absolute}.shop .teil.seitlich .koerper,.shop .teil.seitlich .name{width:var(--breite);pointer-events:none;left:50%;right:auto;transform:translate(-50%)}.shop .teil.seitlich .name{opacity:0;transition:opacity .2s}.shop .stange .teil.wartet{opacity:0}.shop .stange .teil.rein{animation:.8s cubic-bezier(.16,.84,.3,1) backwards reinwischen;animation-delay:calc(var(--i,0) * 45ms)}@keyframes reinwischen{0%{transform:translate(100vw)}to{transform:none}}.shop .teil.seitlich.ruhig:hover .name,.shop .teil.seitlich:focus-visible .name{opacity:1}.shop .unten{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-block:18px 56px;display:flex}.shop .unten p{max-width:52ch;color:var(--leise);margin:0}.shop .hinweis{color:var(--leise);font-size:12px}.shop .knopf{background:var(--pink);color:#fff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 26px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.shop .knopf:disabled{background:var(--linie);color:var(--leise);cursor:not-allowed}.shop .knopf.leise{border:1px solid var(--linie);color:var(--text);background:0 0}.shop .fenster-grund{z-index:20;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#0e111673;place-items:center;display:grid;position:fixed;inset:0}.shop .fenster{background:var(--flaeche);border:1px solid var(--linie);border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);width:min(980px,100%);max-height:100%;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #0e111640}.shop .zu{z-index:4;border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.shop .gross{background:radial-gradient(120% 80% at 50% 0%, var(--flaeche) 0%, var(--grund) 75%);flex-direction:column;align-items:center;gap:12px;padding:28px 20px 20px;display:flex;position:relative}.shop .gross .teil-gross{--breite:min(100%, 380px);--hoch:calc(var(--breite) * 1300 / 900);width:var(--breite);aspect-ratio:900/1300;touch-action:pan-y;position:relative}.shop .gross .stummel{z-index:1;background:linear-gradient(#5b6068 0%,#23262b 28%,#0b0c0e 55%,#16181b 78%,#3a3e45 100%);border-radius:6px;height:11px;position:absolute;top:8.5px;left:20%;right:20%}.shop .galerie{gap:8px;display:flex}.shop .galerie button{border:2px solid var(--linie);background:var(--flaeche);cursor:pointer;border-radius:10px;width:48px;height:48px;padding:0;overflow:hidden}.shop .galerie button[aria-pressed=true]{border-color:var(--cyan)}.shop .galerie img{object-fit:cover;width:100%;height:100%}.shop .umschalter{border:1px solid var(--linie);background:var(--grund);border-radius:999px;padding:3px;display:inline-flex}.shop .umschalter button{min-height:32px;color:var(--leise);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px}.shop .umschalter button[aria-pressed=true]{background:var(--cyan);color:var(--gelb-text);font-weight:600}.shop .angaben{flex-direction:column;gap:18px;min-width:0;padding:34px 28px 28px;display:flex}.shop .angaben h2{font-family:var(--schrift-titel);letter-spacing:.01em;margin:0;padding-right:40px;font-size:34px;font-style:italic;font-weight:400;line-height:1}.shop .preis{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.shop .preis small{color:var(--leise);font-size:12px;font-weight:400;display:block}.shop .feld{flex-direction:column;gap:8px;display:flex}.shop .feld>span{letter-spacing:.12em;text-transform:uppercase;color:var(--leise);font-size:12px;font-weight:600}.shop .feld>span b{color:var(--text);letter-spacing:.04em;text-transform:none;font-weight:600}.shop .farben,.shop .groessen{flex-wrap:wrap;gap:8px;display:flex}.shop .farbe{border:2px solid var(--linie);cursor:pointer;background:0 0;border-radius:50%;width:34px;height:34px;padding:3px}.shop .farbe i{border-radius:50%;width:100%;height:100%;display:block}.shop .farbe[aria-pressed=true]{border-color:var(--cyan)}.shop .groesse{border:1px solid var(--linie);cursor:pointer;background:0 0;border-radius:10px;min-width:48px;min-height:40px;padding:0 10px;font-weight:600}.shop .groesse[aria-pressed=true]{border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink)}.shop .groesse:disabled{color:var(--aus);cursor:not-allowed;text-decoration:line-through}.shop .text{color:var(--leise);white-space:pre-line;margin:0;font-size:14px}.shop .klein{color:var(--leise);font-size:12px}.shop .meldung{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--text);color:var(--flaeche);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0e11164d}.shop .lade{z-index:25;background:var(--flaeche);border-left:1px solid var(--linie);width:min(420px,100%);padding:max(20px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) 20px;flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-20px 0 60px #0e111633}.shop .lade h2{font-family:var(--schrift-titel);margin:0 0 16px;font-size:30px;font-style:italic;font-weight:400}.shop .zeilen{flex-direction:column;flex:1;gap:12px;display:flex;overflow:auto}.shop .zeile{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.shop .zeile .punkt{border:1px solid var(--linie);background-position:50%;background-size:cover;border-radius:12px;width:56px;height:56px}.shop .zeile b{font-size:14px;display:block}.shop .menge{border:1px solid var(--linie);border-radius:999px;align-items:center;display:inline-flex}.shop .menge button{cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-weight:700}.shop .menge span{text-align:center;font-variant-numeric:tabular-nums;min-width:22px}.shop .summen{border-top:1px solid var(--linie);font-variant-numeric:tabular-nums;gap:6px;margin-top:16px;padding-top:14px;display:grid}.shop .summen div{justify-content:space-between;display:flex}.shop .summen .gesamt{font-size:17px;font-weight:700}.shop .blatt{background:var(--flaeche);border:1px solid var(--linie);border-radius:18px;padding:24px}.shop .spalten{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:24px;padding-block:32px 64px;display:grid}.shop .eingabe{border:1px solid var(--linie);background:var(--flaeche);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.shop .eingabe:focus{outline:2px solid var(--cyan);outline-offset:1px}.shop label.etikett{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.shop .raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shop .wahl{border:1px solid var(--linie);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.shop .wahl:has(input:checked){border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink)}.shop .haken-zeile{align-items:flex-start;gap:10px;font-size:14px;display:flex}.shop .haken-zeile input,.shop .wahl input{accent-color:var(--pink);flex:none;width:18px;height:18px;margin-top:3px}.shop .fehler{color:#8a0060;background:#fde7f3;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.shop .info{color:#054f5b;background:#e3f8fb;border-radius:12px;padding:12px 14px;font-size:14px}.shop .lesetext{max-width:70ch;padding-block:32px 64px}.shop .lesetext h2{font-family:var(--schrift-titel);margin:28px 0 8px;font-size:26px;font-style:italic;font-weight:400}.shop .lesetext p,.shop .lesetext li{color:#2c313a}.shop .fuss{border-top:1px solid var(--linie);background:var(--flaeche);padding-block:22px calc(22px + env(safe-area-inset-bottom,0px));color:var(--leise);font-size:13px}.shop .fuss nav{flex-wrap:wrap;gap:6px 18px;display:flex}@media (max-width:760px){.shop .leiste nav{display:none}.shop .korb{margin-left:auto}.shop .kopf{padding-block:24px 0}.shop .stange{--breite:210px;justify-content:flex-start}.shop .teil .name{opacity:1}.shop .fenster-grund{place-items:end stretch;padding:0}.shop .fenster{width:100%;max-height:92%;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;grid-template-columns:1fr}.shop .gross .teil-gross{--breite:min(62vw, 300px)}.shop .angaben{padding:20px 20px 24px}.shop .spalten,.shop .raster{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.shop .teil:hover .foto,.shop .stange .teil.rein{animation:none}}