@charset "UTF-8";:root{--kopf-hoehe:92px}@media (max-width:560px){:root{--kopf-hoehe:72px}}html{scroll-snap-type:y mandatory;scroll-padding-top:var(--kopf-hoehe)}@media (max-width:700px),(max-height:540px){html{scroll-snap-type:y proximity}}.seite{position:relative;min-height:calc(100vh - var(--kopf-hoehe));min-height:calc(100svh - var(--kopf-hoehe));display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}.seite__bahn{position:absolute;left:0;right:0;bottom:0}.weiter{position:absolute;left:50%;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:var(--flaeche);color:var(--haus);box-shadow:var(--schatten);animation:weiter-wippen 2.4s ease-in-out infinite;transition:background-color .2s ease,color .2s ease}.weiter svg{width:22px;height:22px;margin-top:2px}.weiter:focus-visible,.weiter:hover{background:var(--haus);color:var(--auf-haus);animation-play-state:paused}@keyframes weiter-wippen{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.fuss{scroll-snap-align:end}.erzaehlung.ist-schrittweise{display:block;padding:0;height:calc(var(--schritte) * (100vh - var(--kopf-hoehe)));height:calc(var(--schritte) * (100svh - var(--kopf-hoehe)))}.ist-schrittweise .erzaehlung__buehne{position:sticky;top:var(--kopf-hoehe);height:calc(100vh - var(--kopf-hoehe));height:calc(100svh - var(--kopf-hoehe));display:flex;flex-direction:column;justify-content:center;padding:40px 0 76px}.erzaehlung__schritt{position:absolute;left:0;width:1px;top:calc(var(--i) * (100vh - var(--kopf-hoehe)));top:calc(var(--i) * (100svh - var(--kopf-hoehe)));height:calc(100vh - var(--kopf-hoehe));height:calc(100svh - var(--kopf-hoehe));scroll-snap-align:start;pointer-events:none}.ist-schrittweise .geschichte__text{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:18px}.ist-schrittweise .geschichte__text>p:not(.geschichte__unterschrift){grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.ist-schrittweise .geschichte__text>p.ist-aktiv{opacity:1;transform:none;pointer-events:auto}.erzaehlung__stand{grid-area:2/1;display:flex;gap:8px;margin:4px 0 0}.erzaehlung__stand span{width:9px;height:9px;border-radius:50%;background:#c3cbd6;transition:background-color .2s ease,transform .2s ease}.erzaehlung__stand span.ist-aktiv{background:var(--haus);transform:scale(1.3)}.ist-schrittweise .geschichte__unterschrift{grid-area:3/1}@media (max-width:700px){.ist-schrittweise .erzaehlung__buehne{padding:16px 0}.ist-schrittweise .abschnitt__kopf{margin-bottom:22px}.ist-schrittweise .weiter{display:none}}