.st-szene .st-beispiel{border-left:3px solid var(--st-akzent,var(--marke))}.st-szene-innen{align-items:center;gap:2rem;display:grid}.st-szene-bild{aspect-ratio:3/2;background:var(--chip);border-radius:1.75rem;position:relative}.st-szene-bild video,.st-szene-bild img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.st-szene-bild .st-ende{display:none}.st-folge{aspect-ratio:auto;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.st-folge img{aspect-ratio:3/2;border-radius:1rem;height:auto;position:relative;inset:auto}.st-schritt{transition:opacity .3s,transform .3s}.st-schritt-punkt{border:2.5px solid var(--st-akzent,var(--marke))}@media (min-width:1024px){.st-szene-innen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem}.st-szene[data-seite=rechts] .st-szene-text{order:2}}[data-ps-bereit] .st-szene{height:200svh}[data-ps-bereit] .st-szene-innen{position:sticky;top:max(5rem,50svh - 16rem)}[data-ps-bereit] .st-szene .st-schritt{opacity:clamp(.28, calc((var(--p,0) - var(--schwelle)) * 10 + .28), 1);transform:translateX(calc(clamp(0, calc((var(--schwelle) - var(--p,0)) * 60), 1) * 10px))}.st-szene-fortschritt{transform-origin:0;transform:scaleX(var(--p,0))}[data-ps-bereit] .st-folge{aspect-ratio:3/2;background:var(--chip);display:block}[data-ps-bereit] .st-folge img{aspect-ratio:auto;border-radius:inherit;height:100%;opacity:clamp(0, calc((var(--p,0) - var(--schwelle)) * 12), 1);transition:opacity .2s linear;position:absolute;inset:0}@media (max-width:1023px){.st-szene-bild{order:-1}[data-ps-bereit] .st-szene{height:170svh}[data-ps-bereit] .st-szene-innen{gap:1.25rem;top:4.75rem}[data-ps-bereit] .st-szene-bild{aspect-ratio:auto;height:min(34svh,66.6667vw - 1.66667rem)}}@media (max-width:1023px) and (max-height:760px){[data-ps-bereit] .st-szene-schluss{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){[data-ps-bereit] .st-szene{height:auto}[data-ps-bereit] .st-szene-innen{position:relative;top:0}[data-ps-bereit] .st-szene .st-schritt{opacity:1;transform:none}.st-szene-fortschritt{transform:none}.st-szene-bild video{display:none}.st-szene-bild .st-ende{display:block}[data-ps-bereit] .st-folge{aspect-ratio:auto;background:0 0;display:grid}[data-ps-bereit] .st-folge img{aspect-ratio:3/2;opacity:1;border-radius:1rem;height:auto;transition:none;position:relative;inset:auto}}
