.an{position:relative;width:100%;--an-hoehe: auto}div:has(>.an){width:100%;align-self:stretch}.an--gepinnt{height:calc(var(--an-hoehe) + var(--an-strecke, 1400px))}.an__buehne{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 40px;align-items:center}.an--gepinnt .an__buehne{position:sticky;top:calc(var(--header-height, 0px) + 24px);height:var(--an-hoehe);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.an__bild{position:relative;aspect-ratio:4 / 3;width:100%;max-height:100%}.an--gepinnt .an__bild{height:100%;aspect-ratio:auto}.an__standbild,.an__leinwand{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.an__leinwand{opacity:0;transition:opacity .2s}.an--laeuft .an__leinwand{opacity:1}.an--laeuft .an__standbild{opacity:0}.an--schmal.an--gepinnt .an__buehne{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px;align-items:start}.an--schmal.an--gepinnt .an__bild{height:calc(var(--an-hoehe) - var(--an-schritt-hoehe, 0px) - 16px);aspect-ratio:auto}.an--schmal.an--gepinnt .an__schritte{position:relative;height:var(--an-schritt-hoehe, auto)}.an--schmal.an--gepinnt .an__schritt{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .35s}.an--schmal.an--gepinnt .an__schritt--aktiv{opacity:1;pointer-events:auto}.an__schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.an__schritt{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 14px;padding:12px 14px;border-radius:14px;border:1px solid transparent;transition:border-color .25s,background-color .25s,opacity .25s;opacity:.55}.an__schritt--aktiv{opacity:1;border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.an__titel,.an__text,.an__hinweis{grid-column:2}.an--ohne-nummern .an__schritt{grid-template-columns:minmax(0,1fr)}.an--ohne-nummern .an__titel,.an--ohne-nummern .an__text,.an--ohne-nummern .an__hinweis{grid-column:1}.an__nummer{grid-row:1 / span 3;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-size:.95rem;font-weight:600;letter-spacing:.04em;color:var(--color-primary);border:1px solid var(--color-primary);font-variant-numeric:tabular-nums}.an__titel{margin:0;font-size:1.1rem;line-height:1.3;color:var(--color-foreground-heading)}.an__text{margin:4px 0 0;font-size:.95rem;line-height:1.5;color:var(--color-foreground)}.an__hinweis{margin:4px 0 0;font-size:.85rem;line-height:1.45;opacity:.8}@media(max-width:989px){.an__schritt{padding:12px}.an__nummer{width:34px;height:34px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.an__schritt,.an__leinwand{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/camados-anleitung.css.map */