.produkt{--kauf-breite: 100%;display:grid;grid-template-areas:"galerie" "kauf" "vertrauen"}.produkt__galerie{grid-area:galerie;min-width:0}.produkt__kauf{grid-area:kauf;min-width:0;padding:32px var(--rand) 24px}.produkt__vertrauen{grid-area:vertrauen;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:8px var(--rand) 40px;font-size:12px;line-height:1.2;letter-spacing:.12px;color:var(--c-grau)}.produkt__vertrauen li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.galerie__rahmen{position:relative}.galerie .galerie__reihe{gap:0;padding-inline:0;scroll-padding-inline:0}.galerie__bild{flex:0 0 100%;aspect-ratio:1;scroll-snap-align:center;background:var(--c-hell)}.galerie__bild{overflow:hidden}.galerie__bild img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(var(--zoom, 1))}.galerie__punkte{display:flex;justify-content:center;align-items:center;gap:6px;height:6px;margin-block-start:14px;pointer-events:none}.galerie__hinweis{font-size:12px;line-height:1.3;text-align:center;margin-block-start:10px}.galerie__punkte span{width:6px;height:6px;border-radius:var(--r-voll);background:#0003;transition:width .35s cubic-bezier(.23,1,.32,1),background-color .35s ease}.galerie__punkte .ist-aktiv{width:18px;background:var(--c-schwarz)}.galerie__pfeil,.galerie__daumen{display:none}.produkt__titel{font-size:28px;line-height:1.1;letter-spacing:.28px;font-weight:400}.produkt__inhalt{margin-block-start:6px;font-size:14px;line-height:1.35;color:var(--c-grau)}.produkt__preise{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-block-start:12px;font-size:16px;line-height:1.4;letter-spacing:.16px;font-variant-numeric:tabular-nums}.produkt__preis{font-weight:500}.produkt__vergleich{color:var(--c-grau)}.produkt__ersparnis{padding:2px 10px;border-radius:var(--r-voll);background:var(--c-hell);font-size:13px;line-height:1.5;font-weight:500}.produkt__bewertung{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-block-start:6px;font-size:12px;line-height:1.2}.produkt__bewertung a{display:inline-flex;align-items:center;min-height:24px;text-decoration:underline;text-underline-offset:2px}.produkt__raten{justify-content:flex-start;margin-block-start:8px;font-size:14px}.produkt__karte{margin-block-start:24px;padding:20px 24px;border-radius:var(--r-gross);background:var(--c-hell)}.produkt__vorteile{display:grid;gap:12px}.produkt__vorteile li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.3;font-weight:500}.produkt__vorteile .icon{flex:none;color:var(--c-grau-dunkel)}.produkt__karte-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-block-start:16px;padding-block-start:14px;border-block-start:1px solid var(--c-rahmen);font-size:13px;line-height:1.3;color:var(--c-grau)}.produkt__karte-fuss strong{font-size:15px;font-weight:600;color:var(--c-text)}.produkt__karte-fuss .icon{flex:none;color:var(--c-text)}.produkt__karte-fuss span{margin-inline-start:auto}.produkt__gruppe{margin-block-start:40px}.produkt__gruppe-titel{font-size:22px;line-height:1.1;letter-spacing:.18px;font-weight:400}.produkt__gruppe-text{margin-block-start:8px;font-size:15px;line-height:1.4;color:var(--c-grau)}.produkt__hinweis{display:none;margin-block-start:8px;font-size:14px;font-weight:500;color:#b42318}.produkt__box-hinweis{margin-block-start:8px;font-size:14px;line-height:1.4;font-weight:500;color:#b42318;text-wrap:pretty}.produkt__box-hinweis a{text-decoration:underline;text-underline-offset:3px}.produkt__gruppe.fehlt .produkt__hinweis{display:block}.produkt__gruppe.fehlt .produkt__groesse:not(:has(:checked)){box-shadow:inset 0 0 0 1px #b42318}.produkt__gruppe.wackelt .produkt__option{animation:wackeln .42s cubic-bezier(.36,.07,.19,.97)}@keyframes wackeln{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.produkt__link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:2px}.produkt__paket,.produkt__groesse{border-radius:var(--r-klein);box-shadow:inset 0 0 0 1px var(--c-rahmen);transition:box-shadow var(--dauer) var(--kurve),transform .14s ease-out}.produkt__paket:active,.produkt__groesse:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.produkt__paket:not([aria-current]):hover,.produkt__groesse:not(:has(:checked)):hover{box-shadow:inset 0 0 0 1px var(--c-schwarz)}}.produkt__pakete{display:grid;gap:8px;margin-block-start:16px}.produkt__paket{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;padding:14px 16px}.produkt__paket[aria-current]{box-shadow:inset 0 0 0 2px var(--c-schwarz)}.produkt__paket-name{font-size:16px;line-height:1.4;font-weight:500}.produkt__paket-preis{font-size:16px;line-height:1.4;white-space:nowrap;text-align:end;font-variant-numeric:tabular-nums}.produkt__paket-inhalt,.produkt__paket-person{grid-column:1;font-size:14px;line-height:1.35;color:var(--c-grau)}.produkt__paket-vorher{grid-column:2;grid-row:2;font-size:13px;line-height:1.35;color:var(--c-grau);text-align:end;white-space:nowrap}.produkt__option{min-width:0;margin:16px 0 0;padding:0;border:0}.produkt__option-titel{margin-block-end:8px;padding:0;font-size:14px;line-height:1.3;font-weight:500}.produkt__groessen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.produkt__groesse{position:relative;display:grid;place-items:center;min-height:52px;font-size:16px;font-weight:500}.produkt__groesse input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.produkt__groesse:has(:checked){box-shadow:inset 0 0 0 2px var(--c-schwarz)}.produkt__groesse.ist-ausverkauft{color:var(--c-grau);background:linear-gradient(to top right,transparent calc(50% - .5px),var(--c-rahmen) 0 calc(50% + .5px),transparent 0)}.produkt__groesse:has(:focus-visible){outline:2px solid var(--c-schwarz);outline-offset:2px}.produkt__mengen{display:grid;margin-block-start:8px}.produkt__menge{display:grid;grid-template-columns:minmax(0,1fr) 44px 36px 44px;align-items:center;min-height:56px;border-block-end:1px solid var(--c-rahmen);font-size:16px;font-weight:500}.produkt__menge output{text-align:center;font-variant-numeric:tabular-nums}.produkt__menge button{width:44px;height:44px;border-radius:50%;background:var(--c-hell);font-size:22px;line-height:1;transition:transform .12s ease-out,opacity .15s ease-out}.produkt__menge button:active{transform:scale(.94)}.produkt__menge button:disabled{opacity:.35}.produkt__gruppe.fehlt .produkt__menge{border-block-end-color:#b42318}.produkt__gruppe.wackelt .produkt__mengen{animation:wackeln .42s cubic-bezier(.36,.07,.19,.97)}.blatt{inset:auto 0 0;width:100%;max-width:100%;max-height:88dvh;margin:0;padding:0;border:0;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--c-weiss);color:var(--c-schwarz);overflow:auto;overscroll-behavior:contain;transform:translateY(100%);transition:transform .4s cubic-bezier(.23,1,.32,1),overlay .4s allow-discrete,display .4s allow-discrete}.blatt[open]{transform:none}@starting-style{.blatt[open]{transform:translateY(100%)}}.blatt::backdrop{background:#00000080;opacity:0;transition:opacity .25s var(--kurve),overlay .25s allow-discrete,display .25s allow-discrete}.blatt[open]::backdrop{opacity:1}@starting-style{.blatt[open]::backdrop{opacity:0}}@media(hover:none){.blatt [data-schliessen]:focus-visible{outline:none}}.blatt__kopf{position:sticky;inset-block-start:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 12px;background:var(--c-weiss)}.blatt__titel{font-size:22px;line-height:1.2;font-weight:400;letter-spacing:.18px}.blatt__inhalt{display:grid;gap:16px;padding:0 20px calc(24px + env(safe-area-inset-bottom));font-size:16px;line-height:1.45}.blatt__text{color:var(--c-grau-dunkel)}.blatt__tabelle{overflow-x:auto;font-size:15px}.blatt__tabelle table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.blatt__tabelle th,.blatt__tabelle td{padding:8px 6px;border-block-end:1px solid var(--c-rahmen);text-align:start}.blatt__zeile{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-gross);background:var(--c-hell);font-size:15px}.blatt__zeile .icon{flex:none;margin-block-start:1px}.blatt__zeile a{text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.blatt__knopf .icon{flex:none}.finder{min-width:0;margin:0;padding:0;border:0}.finder__frage{margin-block-end:12px;padding:0;font-weight:600}.finder__stufen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finder__stufe{position:relative;display:block}.finder__stufe input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:.01;cursor:pointer}.finder__stufe span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;border-radius:var(--r-mittel);box-shadow:inset 0 0 0 1px var(--c-rahmen);font-size:15px;white-space:nowrap;transition:box-shadow .15s ease-out}.finder__stufe input:checked+span{box-shadow:inset 0 0 0 2px var(--c-schwarz);font-weight:600}.finder__stufe input:focus-visible+span{outline:2px solid var(--c-schwarz);outline-offset:2px}.finder__ergebnis{margin-block-start:12px;padding:14px 16px;border-radius:var(--r-gross);background:var(--c-hell)}.finder__ergebnis strong{font-size:22px;font-weight:600}.finder__knopf{margin-block-start:8px}.finder__knopf[hidden]{display:none}@media(min-width:600px){.produkt__kauf{width:100%;max-width:640px;justify-self:center}.galerie__bild{aspect-ratio:4 / 3}.blatt{top:0;right:0;bottom:0;left:0;width:min(480px,calc(100% - 48px));max-height:min(720px,calc(100dvh - 48px));margin:auto;border-radius:var(--r-xl);opacity:0;transform:translateY(16px) scale(.98);transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s ease-out,overlay .35s allow-discrete,display .35s allow-discrete}.blatt[open]{opacity:1;transform:none}@starting-style{.blatt[open]{opacity:0;transform:translateY(16px) scale(.98)}}}@media(min-width:900px){.produkt{--kauf-breite: clamp(400px, 36vw, 480px);grid-template-columns:minmax(0,1fr) var(--kauf-breite);grid-template-rows:auto 1fr;grid-template-areas:"vertrauen kauf" "galerie kauf";background:linear-gradient(to right,var(--c-hell) calc(100% - var(--kauf-breite)),var(--c-weiss) 0)}[dir=rtl] .produkt{background:linear-gradient(to left,var(--c-hell) calc(100% - var(--kauf-breite)),var(--c-weiss) 0)}.produkt .produkt__vertrauen{gap:8px 32px;padding:12px 16px;font-size:14px}.produkt__galerie{position:sticky;inset-block-start:calc(var(--kopf-hoehe) + 8px);align-self:start;padding:0 16px 24px}.produkt__kauf{max-width:none;padding:40px 32px 64px}.galerie__bild{aspect-ratio:928 / 636;border-radius:var(--r-klein);overflow:hidden}.galerie__pfeil{position:absolute;inset-block-start:50%;display:grid;place-items:center;width:44px;height:44px;translate:0 -50%;border-radius:var(--r-voll);background:#ffffffe6;box-shadow:0 1px 4px #0000001f;transition:opacity var(--dauer) var(--kurve),transform .14s ease-out}.galerie__pfeil:active{transform:scale(.94)}.galerie__pfeil:disabled{opacity:0;pointer-events:none}.galerie__pfeil--zurueck{inset-inline-start:16px}.galerie__pfeil--weiter{inset-inline-end:16px}.galerie__pfeil--zurueck .icon{rotate:90deg}.galerie__pfeil--weiter .icon,[dir=rtl] .galerie__pfeil--zurueck .icon{rotate:-90deg}[dir=rtl] .galerie__pfeil--weiter .icon{rotate:90deg}@media(hover:hover)and (pointer:fine){.galerie__pfeil{opacity:0}.galerie__rahmen:hover .galerie__pfeil:not(:disabled),.galerie__pfeil:focus-visible{opacity:1}}.galerie__punkte{display:none}.galerie__daumen{display:flex;justify-content:safe center;gap:8px;margin-block-start:16px;padding:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.galerie__daumen button{flex:1 1 0;min-width:0;max-width:100px;height:56px;overflow:hidden;border-radius:var(--r-klein);background:var(--c-hell);opacity:.55;transition:opacity var(--dauer) var(--kurve),box-shadow var(--dauer) var(--kurve)}.galerie__daumen button:hover,.galerie__daumen .ist-aktiv{opacity:1}.galerie__daumen .ist-aktiv{box-shadow:0 0 0 2px var(--c-schwarz)}.galerie__daumen img{width:100%;height:100%;padding:4px;object-fit:contain;mix-blend-mode:multiply}}@media(min-width:1024px){.produkt__kauf{padding:48px 48px 64px}.produkt__titel{font-size:36px;letter-spacing:.36px}.produkt__preise,.produkt__paket-name,.produkt__paket-preis,.produkt__groesse{font-size:18px}}@media(prefers-reduced-motion:reduce){.produkt__gruppe.wackelt .produkt__option,.produkt__gruppe.wackelt .produkt__mengen{animation:none}}.galerie__oeffnen{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.bild-gross{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(255,255,255,var(--deckkraft, 1));color:var(--c-text);opacity:0;transform:scale(.98);transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1),overlay .3s allow-discrete,display .3s allow-discrete}.bild-gross.mit-uebergang{opacity:1;transform:none;transition:none}::view-transition-group(foto-gross){animation-duration:.42s;animation-timing-function:cubic-bezier(.23,1,.32,1)}::view-transition-old(foto-gross),::view-transition-new(foto-gross){animation-duration:.42s;height:100%;object-fit:contain}.bild-gross[open]{opacity:1;transform:none}@starting-style{.bild-gross[open]:not(.mit-uebergang){opacity:0;transform:scale(.98)}}.bild-gross::backdrop{background:rgba(255,255,255,var(--deckkraft, 1))}.bild-gross__reihe{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pinch-zoom}.bild-gross.ist-gezoomt .bild-gross__reihe{touch-action:pan-x pan-y pinch-zoom}.bild-gross__reihe::-webkit-scrollbar{display:none}.bild-gross__bild{flex:0 0 100%;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;height:100%;margin:0;overflow:hidden;padding-block:calc(64px + env(safe-area-inset-top)) calc(32px + env(safe-area-inset-bottom));scroll-snap-align:start}.bild-gross__bild img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.bild-gross__knopf{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-voll);background:var(--c-hell);color:var(--c-schwarz);transition:opacity var(--dauer) var(--kurve),transform .14s ease-out}.bild-gross__knopf:active{transform:scale(.94)}.bild-gross__knopf:disabled{opacity:0;pointer-events:none}.bild-gross__zu{inset-block-start:calc(12px + env(safe-area-inset-top));inset-inline-end:12px}.bild-gross__zaehler{position:absolute;inset-block-start:calc(24px + env(safe-area-inset-top));inset-inline-start:20px;font-size:14px;line-height:20px;color:var(--c-grau);font-variant-numeric:tabular-nums}.bild-gross__pfeil{display:none;inset-block-start:50%;translate:0 -50%}.bild-gross__pfeil--zurueck{inset-inline-start:24px}.bild-gross__pfeil--weiter{inset-inline-end:24px}.bild-gross__pfeil--zurueck .icon{rotate:90deg}.bild-gross__pfeil--weiter .icon,[dir=rtl] .bild-gross__pfeil--zurueck .icon{rotate:-90deg}[dir=rtl] .bild-gross__pfeil--weiter .icon{rotate:90deg}@media(hover:hover)and (pointer:fine){.bild-gross__pfeil{display:grid}.bild-gross__knopf:hover{background:#e9e9e7}}@media(hover:hover)and (pointer:fine){.bild-gross__bild img{cursor:zoom-in;transition:transform .35s cubic-bezier(.23,1,.32,1)}.bild-gross__bild img.ist-zoom{cursor:zoom-out;transform:scale(2.5)}.bild-gross.hat-zoom .bild-gross__reihe{overflow:hidden}.bild-gross.hat-zoom .bild-gross__pfeil{opacity:0;pointer-events:none}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:reduce){.bild-gross__bild img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/produkt.css.map */