.seo-treppe{--treppe-ease:cubic-bezier(.16, 1, .3, 1);--punkt-mitte:calc(var(--type-title-size) * .625);margin:0;padding:0;list-style:none;display:grid;position:relative}.seo-treppe__stufe{flex-direction:column;padding:0 0 2rem 1.75rem;display:flex;position:relative}.seo-treppe__stufe:before{content:"";top:var(--punkt-mitte);bottom:calc(var(--punkt-mitte) * -1);background:#0d0d0d24;width:1px;position:absolute;left:4px}.seo-treppe__stufe:last-child:before{display:none}.seo-treppe__stufe:after{content:"";top:calc(var(--punkt-mitte) - 4.5px);background:#0d0d0d4d;border-radius:50%;width:9px;height:9px;position:absolute;left:0}.seo-treppe__stufe[data-art=ziel]:after{background:var(--accent)}.seo-treppe__stufe[data-art=freiwillig]:after{border:1.5px dashed var(--accent);background:#fff}.seo-treppe__saeule{display:contents}.seo-treppe__balken{display:none}.seo-treppe__stand{color:#0d0d0d}.seo-treppe__zeit{color:#0d0d0da6;margin-top:.45rem}.seo-treppe__text{color:#0d0d0dc7;max-width:46ch;margin-top:.45rem}@media (min-width:1024px){.seo-treppe{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:12px}.seo-treppe:after{content:"";background:#0d0d0d38;height:1px;position:absolute;top:300px;left:0;right:0}.seo-treppe__stufe{padding:0}.seo-treppe__stufe:before,.seo-treppe__stufe:after{display:none}.seo-treppe__saeule{flex-direction:column;justify-content:flex-end;height:300px;display:flex}.seo-treppe__stand{margin-bottom:.75rem;padding-right:.5rem}.seo-treppe__balken{height:calc(var(--stufe) * 230px);transform-origin:bottom;background:#0d0d0d17;border-radius:7px 7px 0 0;display:block}.seo-treppe__stufe[data-art=ziel] .seo-treppe__balken{background:var(--accent)}.seo-treppe__stufe[data-art=freiwillig] .seo-treppe__balken{border:2px dashed var(--accent);background:0 0;border-bottom:0}.seo-treppe__zeit{margin-top:1rem}.seo-treppe__text{margin-top:.5rem;padding-right:1rem}}.seo-treppe[data-phase=armed] .seo-treppe__balken{transform:scaleY(0)}.seo-treppe[data-phase=armed] .seo-treppe__stufe:after{transform:scale(0)}.seo-treppe[data-phase=armed] :is(.seo-treppe__stand,.seo-treppe__zeit,.seo-treppe__text){opacity:0;transform:translateY(10px)}.seo-treppe[data-phase=playing] .seo-treppe__balken{transition:transform .85s var(--treppe-ease) var(--delay)}.seo-treppe[data-phase=playing] .seo-treppe__stufe:after{transition:transform .45s var(--treppe-ease) var(--delay)}.seo-treppe[data-phase=playing] .seo-treppe__stand{transition:opacity .5s var(--ease-out) calc(var(--delay) + .3s), transform .7s var(--treppe-ease) calc(var(--delay) + .3s)}.seo-treppe[data-phase=playing] :is(.seo-treppe__zeit,.seo-treppe__text){transition:opacity .5s var(--ease-out) calc(var(--delay) + .4s), transform .7s var(--treppe-ease) calc(var(--delay) + .4s)}@media (prefers-reduced-motion:reduce){.seo-treppe__balken,.seo-treppe__stufe:after,.seo-treppe__stand,.seo-treppe__zeit,.seo-treppe__text{transition:none!important}}