@property --ex-licht{syntax: "<color>"; inherits: true; initial-value: #c6cede;}.explosion{--ex-grund: #080809;--ex-kreide: #f3f1ed;--ex-weiss: #fafaf7;--ex-grau: #a5a5a1;--ex-ease: cubic-bezier(.16, 1, .3, 1);--ex-rand: var(--gutter, clamp(24px, 5.5vw, 88px));--ex-links: calc(max(0px, (100% - 1600px) / 2) + var(--ex-rand));--ex-oben: var(--explosion-oben, 0px);--ex-unten: var(--explosion-unten, 76px);position:relative;display:block;margin:0;padding:0;background:var(--ex-grund);color:var(--ex-weiss);font-family:Archivo,system-ui,-apple-system,Segoe UI,sans-serif;font-stretch:100%;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate;transition:--ex-licht 1.1s var(--ex-ease)}html:has(.leiste) .explosion{--ex-oben: var(--explosion-oben, calc(var(--leiste-oben, 0px) + var(--leiste-h, 0px)))}.explosion__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.explosion__spur{position:relative;height:440vh}.explosion__buehne{position:sticky;top:var(--ex-oben);height:calc(100vh - var(--ex-oben));height:calc(100svh - var(--ex-oben));min-height:360px;overflow:hidden;overflow:clip}.explosion__flaeche{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.explosion__zeichnung{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;overflow:visible}.explosion__glut{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--ex-licht) 58%,transparent) 0%,color-mix(in oklab,var(--ex-licht) 22%,transparent) 50%,transparent 100%);opacity:0;pointer-events:none}.explosion__objekt{position:absolute;left:0;top:0;width:100px;aspect-ratio:3 / 4;opacity:0;pointer-events:none}.explosion__bild{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.explosion__zeichnung .ex-linie{fill:none;stroke:var(--ex-kreide);stroke-width:1.3;stroke-linejoin:round}.explosion__zeichnung .ex-duenn{stroke-width:1}.explosion__zeichnung .ex-flaeche{fill:var(--ex-grund)}.explosion__zeichnung .ex-rille{stroke:color-mix(in oklab,var(--ex-licht) 26%,var(--ex-kreide));stroke-width:1.15}.explosion__zeichnung .ex-achse{stroke:var(--ex-kreide);stroke-width:1;stroke-dasharray:2 7;stroke-linecap:round}.explosion__zeichnung .ex-loch{fill:var(--ex-grund);stroke:var(--ex-kreide);stroke-width:1.2}.explosion__zeichnung .ex-stick{fill:#f5f3ef}.explosion__zeichnung .ex-stick-kante{stroke:#00000024;stroke-width:1}.explosion__zeichnung .ex-hinweis-linie{fill:none;stroke:var(--ex-kreide);stroke-width:1;stroke-opacity:.7}.explosion__zeichnung .ex-hinweis-punkt{fill:var(--ex-kreide)}.explosion__zeichnung .ex-mass{fill:none;stroke:var(--ex-licht);stroke-width:1.2}.explosion__zeichnung text{fill:var(--ex-kreide);font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em}.explosion__zeichnung .ex-mass-text{fill:var(--ex-licht);font-weight:550}.explosion__schritte{position:absolute;left:var(--ex-links);top:50%;width:min(31vw,440px);margin:0;padding:0;list-style:none;transform:translateY(-50%);display:grid}.explosion__schritt{grid-area:1 / 1;margin:0;opacity:0;transform:translateY(22px);transition:opacity .55s var(--ex-ease),transform .9s var(--ex-ease);pointer-events:none}.explosion__schritt.ist-aktiv{opacity:1;transform:none;pointer-events:auto}.explosion__titel{margin:0 0 22px;font-size:clamp(40px,4.2vw,66px);font-weight:550;line-height:1.06;letter-spacing:-.052em;color:var(--ex-weiss);text-wrap:balance}.explosion__text{margin:0;max-width:34ch;font-size:17px;line-height:1.55;color:var(--ex-grau);text-wrap:pretty}.explosion__daten{margin-top:14px;color:var(--ex-weiss);font-weight:550}.explosion__takt{position:absolute;left:var(--ex-links);bottom:clamp(24px,5vh,48px);display:flex;align-items:flex-end;gap:8px;height:30px}.explosion__takt span{width:1.5px;height:12px;background:var(--ex-kreide);opacity:.28;transition:height .7s var(--ex-ease),opacity .4s}.explosion__takt span.ist-fertig{opacity:.6}.explosion__takt span.ist-aktiv{height:30px;opacity:1}.explosion__auslauf{display:none}@media(max-width:760px),(max-width:1023px)and (orientation:portrait){.explosion__spur{height:400vh}.explosion__schritte{left:var(--ex-rand);right:var(--ex-rand);top:auto;bottom:calc(var(--ex-unten) + 16px + env(safe-area-inset-bottom,0px));width:auto;transform:none}.explosion__titel{font-size:clamp(34px,10.3vw,40px);margin-bottom:12px}.explosion__text{font-size:16px}.explosion__takt{left:auto;right:var(--ex-rand);top:16px;bottom:auto}}@media(max-width:760px){.explosion__zeichnung text{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.explosion{transition:none}.explosion__spur{height:auto}.explosion__buehne{position:relative;top:auto;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:clamp(56px,7vw,96px);overflow:visible}.explosion__flaeche{position:relative;inset:auto;height:min(calc(100vh - var(--ex-oben)),720px);height:min(calc(100svh - var(--ex-oben)),720px);transform:none!important;will-change:auto}.explosion__schritte{position:static;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--ex-rand);transform:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.explosion__schritt{grid-area:auto;opacity:1;transform:none;transition:none;pointer-events:auto}.explosion__titel{font-size:clamp(30px,2.8vw,44px);min-height:2.12em;margin-bottom:16px}.explosion__takt{display:none}}@media(prefers-reduced-motion:reduce)and (max-width:760px){.explosion__flaeche{height:min(calc(100svh - var(--ex-oben)),540px)}.explosion__schritte{gap:28px}.explosion__titel{font-size:32px;min-height:0;margin-bottom:10px}}@media(scripting:none){.explosion__spur{height:auto}.explosion__buehne{position:relative;top:auto;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:clamp(32px,5vw,72px) 0 clamp(56px,7vw,96px);overflow:visible}.explosion__flaeche{position:relative;inset:auto;display:flex;justify-content:center;will-change:auto}.explosion__glut,.explosion__zeichnung,.explosion__takt{display:none}.explosion__objekt{position:relative;width:min(320px,64vw);opacity:1;background:radial-gradient(closest-side,color-mix(in oklab,var(--ex-licht) 58%,transparent) 0%,color-mix(in oklab,var(--ex-licht) 22%,transparent) 50%,transparent 100%)}.explosion__schritte{position:static;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--ex-rand);transform:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.explosion__schritt{grid-area:auto;opacity:1;transform:none;transition:none;pointer-events:auto}.explosion__titel{font-size:clamp(30px,2.8vw,44px);min-height:2.12em;margin-bottom:16px}}@media(scripting:none)and (max-width:760px){.explosion__schritte{gap:28px}.explosion__titel{font-size:32px;min-height:0;margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/rd-explosion.css.map */