.zl-b{--b-kopf: var(--zl-header-mobile);--b-hoehe: calc(100svh - var(--b-kopf));position:relative;padding-top:var(--b-abstand, var(--b-kopf));height:calc(var(--b-hoehe) + var(--zl-b-scroll));box-sizing:content-box;background:var(--zl-paper);color:var(--zl-ink)}.zl-b__buehne{position:sticky;top:var(--b-kopf);display:flex;flex-direction:column;height:var(--b-hoehe);overflow:hidden}.zl-b__flaeche{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.zl-b__wort{position:absolute;left:0;right:0;top:0;margin:0;text-align:center;white-space:nowrap;font-weight:var(--zl-weight-bold);line-height:var(--zl-b-wort-leading);letter-spacing:var(--zl-b-wort-spacing);color:var(--zl-ink);pointer-events:none;transition:opacity var(--zl-react-in) var(--zl-ease-react),top var(--zl-b-feder) var(--zl-ease-spring),font-size var(--zl-b-feder) var(--zl-ease-spring)}.zl-b__wort.is-weg{opacity:0}.zl-b__griff{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y;cursor:grab}.zl-b__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.zl-b__ersatz{display:none}.zl-b--ohne-gl .zl-b__ersatz{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.zl-b--ohne-gl .zl-b__canvas,.zl-b--ohne-gl .zl-b__wort{display:none}.zl-b__tipp{position:absolute;padding:0;border:0;background:transparent;cursor:pointer}.zl-b__tipp:focus-visible{outline:var(--zl-focus-width) solid var(--zl-ink);outline-offset:var(--zl-focus-offset);border-radius:var(--zl-radius-fest)}.zl-b__vorteile{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;pointer-events:none}.zl-b__vorteile[hidden]{display:none}.zl-b__vorteile li{position:absolute;margin:0;font-size:var(--zl-small);line-height:var(--zl-leading-small);font-weight:var(--zl-weight-bold);transition:top var(--zl-b-feder) var(--zl-ease-spring)}.zl-b__vorteile li.is-links{text-align:right}.zl-b__zahlen span{position:absolute;text-align:center;font-size:var(--zl-text);line-height:var(--zl-leading-text);font-weight:var(--zl-weight-bold);transition:opacity var(--zl-react-out) var(--zl-ease-react),left var(--zl-b-feder) var(--zl-ease-spring),top var(--zl-b-feder) var(--zl-ease-spring)}.zl-b__info{position:absolute;left:var(--zl-gutter);right:var(--zl-gutter);bottom:var(--zl-space-2);text-align:center}.zl-b__fakt{margin:0;font-size:var(--zl-text);line-height:var(--zl-leading-text);font-weight:var(--zl-weight-bold);transition:opacity var(--zl-react-out) var(--zl-ease-react),transform var(--zl-react-out) var(--zl-ease-react)}.zl-b__fakt.is-weg{opacity:0;transform:translateY(var(--zl-space-1))}.zl-b__liste{display:none;margin:var(--zl-gap-pair) 0 0;padding:0;list-style:none}.zl-b__liste li{margin:0;font-size:var(--zl-text);line-height:var(--zl-leading-text)}.zl-b__liste li+li{margin-top:var(--zl-space-1)}.zl-b--kurz{height:auto}.zl-b--kurz .zl-b__buehne{position:relative;top:0;height:auto}.zl-b--kurz .zl-b__flaeche{flex:none;height:var(--zl-b-buehne-min)}.zl-b__kauf{flex:none;display:flex;flex-direction:column;gap:var(--zl-gap-element);padding:0 var(--zl-gutter) var(--zl-space-2);background:var(--zl-paper)}.zl-b__produkte{display:flex;gap:var(--zl-space-1);overflow-x:auto;margin:0 calc(var(--zl-gutter) * -1);padding:0 var(--zl-gutter);scrollbar-width:none;scroll-padding:0 var(--zl-gutter)}.zl-b__produkte::-webkit-scrollbar{display:none}.zl-b__produkt,.zl-b__menge{border-radius:var(--zl-radius-fest);background:var(--zl-surface);color:var(--zl-ink);text-decoration:none;transition:background var(--zl-react-in) var(--zl-ease-react),color var(--zl-react-in) var(--zl-ease-react)}.zl-b__produkt{flex:none;display:inline-flex;align-items:center;justify-content:center;height:var(--zl-control);padding:0 var(--zl-space-3);font-size:var(--zl-text);font-weight:var(--zl-weight-bold);white-space:nowrap}.zl-b__produkt-bild{display:none}.zl-b__produkt.is-an,.zl-b__menge.is-an{background:var(--zl-ink);color:var(--zl-paper)}.zl-b__produkt:focus-visible,.zl-b__menge:focus-visible{outline:var(--zl-focus-width) solid var(--zl-ink);outline-offset:var(--zl-focus-offset)}.zl-b[data-waehler=mehr] .zl-b__produkt{padding:0 var(--zl-space-2)}.zl-b__produkte-huelle{position:relative}.zl-b[data-waehler=mehr] .zl-b__produkte{margin-right:calc(var(--zl-control) + var(--zl-space-1));padding-right:0}.zl-b__mehr{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--zl-control);height:var(--zl-control);padding:0;border:0;border-radius:var(--zl-radius-pill);background:var(--zl-surface);color:var(--zl-ink);font:inherit;font-size:var(--zl-text);font-weight:var(--zl-weight-bold);font-variant-numeric:tabular-nums;cursor:pointer;transition:opacity var(--zl-react-out) var(--zl-ease-react),transform var(--zl-b-feder) var(--zl-ease-spring)}.zl-b__mehr[hidden]{display:none}.zl-b__mehr.is-weg{opacity:0;transform:scale(.6);pointer-events:none}.zl-b__mehr:active{transform:scale(.94)}.zl-b__mehr:focus-visible{outline:var(--zl-focus-width) solid var(--zl-ink);outline-offset:var(--zl-focus-offset)}.zl-b__wechsel{display:flex;flex-direction:column;gap:var(--zl-gap-element);transition:opacity var(--zl-react-out) var(--zl-ease-react)}.zl-b__wechsel.is-laedt{opacity:var(--zl-opacity-disabled)}.zl-b__preiszeile{display:flex;justify-content:space-between;align-items:baseline;gap:var(--zl-gap-element)}.zl-b__preis{margin:0;white-space:nowrap;font-size:var(--zl-price);line-height:var(--zl-leading-heading);font-weight:var(--zl-weight-bold)}.zl-b__alt,.zl-b__rabatt{font-size:var(--zl-small);font-weight:var(--zl-weight-regular)}.zl-b__alt{margin-right:var(--zl-space-1)}.zl-b__rabatt{margin-left:var(--zl-space-1)}.zl-b__hoch{position:relative;top:var(--zl-b-hoch-oben);margin-left:var(--zl-hairline);color:inherit;text-decoration:none;font-size:var(--zl-b-hoch-preis);line-height:0;vertical-align:baseline}.zl-b__sterne{display:flex;align-items:center;gap:var(--zl-space-1);color:var(--zl-ink);text-decoration:none;white-space:nowrap;font-size:var(--zl-small);line-height:var(--zl-leading-small)}.zl-b__sternreihe{display:flex;flex:none;gap:calc(var(--zl-space-1) / 3)}.zl-b__stern{position:relative;display:block;flex:none;width:var(--zl-gap-element);height:var(--zl-gap-element);color:var(--zl-line)}.zl-b__stern-voll{position:absolute;inset:0 auto 0 0;width:calc(6.875% + var(--b-fuellung) * 86.25%);overflow:hidden;color:var(--zl-ink)}.zl-b__stern.is-voll .zl-b__stern-voll{width:100%}.zl-b__stern svg{display:block;width:var(--zl-gap-element);height:var(--zl-gap-element)}.zl-b__pflicht{margin-top:calc(var(--zl-space-1) - var(--zl-gap-element))}.zl-b__pflicht,.zl-b__pflicht p{margin-bottom:0;color:var(--zl-ink-muted);font-size:var(--zl-legal);line-height:var(--zl-leading-small)}.zl-b__pflicht p{margin-top:0}.zl-b__pflicht p:first-of-type:before{content:"1";margin-right:var(--zl-hairline);font-size:var(--zl-hoch);line-height:0;vertical-align:super}.zl-b__pflicht a{color:inherit}.zl-b__vertrauen{display:none;margin:0;font-size:var(--zl-small);line-height:var(--zl-leading-small);font-weight:var(--zl-weight-bold)}.zl-b[data-vertrauen=oben] .zl-b__vertrauen{display:block}.zl-b__mengen{display:grid;grid-template-columns:repeat(var(--b-spalten, 4),minmax(0,1fr));gap:var(--zl-space-1)}.zl-b__menge{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--zl-control);line-height:var(--zl-leading-tight)}.zl-b__menge-zahl{font-size:var(--zl-text);font-weight:var(--zl-weight-bold)}.zl-b__menge-unter{font-size:var(--zl-small)}.zl-b__form{margin:0}.zl-b__form .zl-b__knopf{width:100%;margin:0}.zl-b__lager{margin:0;font-size:var(--zl-small);line-height:var(--zl-leading-small)}.zl-b__lager span+span:before{content:" "}@media only screen and (min-width:769px){.zl-b{--b-kopf: var(--zl-kopf-desktop)}.zl-b__kauf{padding-left:max(var(--zl-gutter),calc((100% - var(--zl-b-kauf)) / 2));padding-right:max(var(--zl-gutter),calc((100% - var(--zl-b-kauf)) / 2))}.zl-b__produkte,.zl-b[data-waehler=mehr] .zl-b__produkte{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.zl-b__mehr{display:none}}@media only screen and (min-width:1025px){.zl-b__info{left:var(--b-kante-l, var(--zl-gutter));right:auto;bottom:auto;width:var(--zl-b-spalte);max-width:none;text-align:left}.zl-b__fakt{font-size:var(--zl-subline);line-height:var(--zl-leading-heading)}.zl-b__liste{display:block}.zl-b__kauf{position:absolute;right:var(--b-kante-r, var(--zl-gutter));bottom:var(--zl-gutter);z-index:1;width:var(--zl-b-spalte);max-height:calc(100% - var(--zl-gutter) * 2);overflow-y:auto;box-sizing:content-box;padding:var(--zl-space-1);margin:calc(var(--zl-space-1) * -1)}.zl-b__vertrauen{display:block}.zl-b__produkt{padding:0 var(--zl-space-2);white-space:nowrap}.zl-b__mehr{display:none}}.zl-b-leiste{position:fixed;left:var(--zl-gutter);right:var(--zl-gutter);bottom:calc(var(--zl-gap-element) + env(safe-area-inset-bottom));z-index:var(--zl-layer-leiste);box-sizing:border-box;display:flex;align-items:center;gap:var(--zl-gap-element);padding:var(--zl-gap-element);padding-left:var(--zl-space-3);border-radius:var(--zl-b-leiste-radius);background:var(--zl-paper);box-shadow:var(--zl-shadow-schwebend);color:var(--zl-ink)}.zl-b-leiste[hidden]{display:none}.zl-b-leiste__text{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;min-width:0;color:inherit;text-decoration:none}.zl-b-leiste__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--zl-small);font-weight:var(--zl-weight-regular);line-height:var(--zl-leading-tight)}.zl-b-leiste__preis{font-size:var(--zl-price);font-weight:var(--zl-weight-bold);line-height:var(--zl-leading-heading);white-space:nowrap}.zl-b-leiste__ab{font-size:var(--zl-small);font-weight:var(--zl-weight-regular)}.zl-b-leiste__ab[hidden]{display:none}.zl-b-leiste__preis sup{position:relative;top:var(--zl-b-hoch-oben);margin-left:var(--zl-hairline);font-size:var(--zl-b-hoch-preis);font-weight:var(--zl-weight-regular);line-height:0;vertical-align:baseline}html body .btn.zl-b-leiste__knopf{flex:none;margin:0;white-space:nowrap}@media only screen and (min-width:1025px){.zl-b-leiste{left:auto;right:var(--b-kante-r, var(--zl-gutter));width:var(--zl-b-spalte)}}@media(prefers-reduced-motion:reduce){.zl-b__wort,.zl-b__zahlen span,.zl-b__vorteile li,.zl-b__fakt,.zl-b__mehr{transition:opacity var(--zl-react-in) linear}}.zl-b-regler-knopf{position:fixed;right:var(--zl-space-1);top:calc(var(--b-kopf-fest, var(--zl-header-mobile)) + var(--zl-space-1));z-index:var(--zl-layer-regler);display:flex;align-items:center;justify-content:center;width:var(--zl-b-regler-knopf);height:var(--zl-b-regler-knopf);padding:0;border:0;border-radius:var(--zl-radius-pill);background:var(--zl-ink);color:var(--zl-paper);cursor:pointer}.zl-b-regler-knopf svg{width:var(--zl-icon);height:var(--zl-icon)}.zl-b-regler{position:fixed;right:var(--zl-gutter);top:calc(var(--b-kopf-fest, var(--zl-header-mobile)) + var(--zl-b-regler-knopf) + var(--zl-space-2));z-index:var(--zl-layer-regler);box-sizing:border-box;width:min(var(--zl-labor-feld),calc(100% - var(--zl-gutter) * 2));max-height:var(--zl-labor-feld-hoehe);overflow:auto;overscroll-behavior:contain;padding:var(--zl-space-3);border-radius:var(--zl-radius-surface);background:var(--zl-paper);box-shadow:var(--zl-shadow);font-size:var(--zl-small);line-height:var(--zl-leading-tight)}.zl-b-regler[hidden]{display:none}.zl-b-regler fieldset{margin:0 0 var(--zl-space-3);padding:0;border:0}.zl-b-regler legend{margin:0 0 var(--zl-space-1);padding:0;font-weight:var(--zl-weight-bold)}.zl-b-regler label{display:flex;align-items:center;gap:var(--zl-space-2);min-height:var(--zl-control);cursor:pointer}.zl-b-regler input{width:var(--zl-icon);height:var(--zl-icon);margin:0;accent-color:var(--zl-ink)}.zl-b-regler p{margin:0;color:var(--zl-ink-muted)}@media not all and (min-width:1025px){.zl-b__info{bottom:var(--zl-gap-groups)}.zl-b__fakt{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(var(--zl-text) * var(--zl-leading-text) + var(--zl-small) * var(--zl-leading-small))}.zl-b--mix .zl-b__info{bottom:var(--zl-gap-element)}.zl-b--mix .zl-b__fakt{justify-content:flex-start}.zl-b__kauf{padding-bottom:0}.zl-b__kauf .zl-b__lager{margin-top:calc(var(--zl-space-1) - var(--zl-gap-element));text-align:center}.zl-b__kauf .zl-b__lager span+span{display:none}}.zl-b__fakt-wort{display:block}.zl-b__fakt-mehr{display:block;font-size:var(--zl-small);line-height:var(--zl-leading-small);font-weight:var(--zl-weight-regular);white-space:nowrap}.zl-b-lager-unten{margin:0;padding:var(--zl-gap-element) var(--zl-gutter) 0;font-size:var(--zl-small);line-height:var(--zl-leading-small);color:var(--zl-ink)}.zl-b-lager-unten:empty{display:none}@media only screen and (min-width:1025px){.zl-b-lager-unten-alt{display:none}}@media not all and (min-width:1025px){.zl-b__kauf .zl-b__lager span+span{display:block}.zl-b__kauf .zl-b__lager span+span:before{content:none}}@media not all and (min-width:769px){.zl-b:is([data-waehler=rad],[data-waehler=grau],[data-waehler=farbe]) .zl-b__produkte{gap:0;scroll-snap-type:x mandatory;scroll-padding:0}.zl-b:is([data-waehler=rad],[data-waehler=grau],[data-waehler=farbe]) .zl-b__produkt{position:relative;z-index:0;height:var(--zl-b-waehler-flach);padding:0 var(--zl-space-2);background:none;color:var(--zl-ink);font-size:var(--zl-small);scroll-snap-align:center;scroll-snap-stop:always;transition:color var(--zl-react-in) var(--zl-ease-react)}.zl-b:is([data-waehler=rad],[data-waehler=grau],[data-waehler=farbe]) .zl-b__produkt:before{content:"";position:absolute;inset:var(--zl-space-1) 0;z-index:-1;border-radius:var(--zl-radius-pill);background:transparent;transition:background var(--zl-react-in) var(--zl-ease-react)}.zl-b:is([data-waehler=rad],[data-waehler=grau],[data-waehler=farbe]) .zl-b__produkt.is-mitte{color:var(--zl-paper)}.zl-b:is([data-waehler=rad],[data-waehler=grau],[data-waehler=farbe]) .zl-b__produkt.is-mitte:before{background:var(--zl-ink)}.zl-b[data-waehler=grau] .zl-b__produkte{gap:var(--zl-space-1)}.zl-b[data-waehler=grau] .zl-b__produkt:before{background:var(--zl-surface)}.zl-b[data-waehler=grau] .zl-b__produkt.is-mitte:before{background:var(--zl-ink)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=unfiltered].is-mitte{color:var(--zl-b-schrift-unfiltered)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=unfiltered].is-mitte:before{background:var(--zl-b-farbe-unfiltered)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=pils].is-mitte{color:var(--zl-b-schrift-pils)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=pils].is-mitte:before{background:var(--zl-b-farbe-pils)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=hell].is-mitte{color:var(--zl-b-schrift-hell)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=hell].is-mitte:before{background:var(--zl-b-farbe-hell)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=wheat].is-mitte{color:var(--zl-b-schrift-wheat)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=wheat].is-mitte:before{background:var(--zl-b-farbe-wheat)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=lemon].is-mitte{color:var(--zl-b-schrift-lemon)}.zl-b[data-waehler=farbe] .zl-b__produkt[data-zl-b-produkt=lemon].is-mitte:before{background:var(--zl-b-farbe-lemon)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/zl-produkt-buehne.css.map */