.sr-video.sr-sec{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(40px,5vw,64px)}.sr-video__raster{display:flex;flex-direction:column;gap:8px}.sr-video__spalte{width:100%;max-width:var(--sr-wrap);margin:0 auto;padding:0 var(--sr-gutter)}.sr-video__buehne{position:relative;order:-1}.sr-video__kopf{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.sr-video__kopf h2{margin:0;font-size:clamp(1.75rem,1.1rem + 1.6vw,2.5rem);line-height:1.08}.sr-video__kopf p{margin:0;max-width:40ch;font-size:1rem;color:var(--sr-muted)}.sr-video__schritte{--knoten-x:-38px;--knoten-y:6px;--knoten:28px;display:grid;gap:6px;margin:20px 0 0;padding:0 0 0 40px;list-style:none}.sr-video__schritt{position:relative;display:flex;gap:12px;align-items:baseline;padding:9px 14px;border:1px solid var(--sr-line);border-radius:var(--sr-radius-inner);background:color-mix(in srgb,var(--sr-surface) 55%,transparent);transition:background-color .45s var(--sr-ease),border-color .45s var(--sr-ease),box-shadow .45s var(--sr-ease)}.sr-video__schritt:hover{border-color:var(--sr-accent-edge);box-shadow:0 0 24px -10px rgba(var(--sr-glow-rgb),.6)}.sr-video__schritt:before{content:"";position:absolute;left:calc(var(--knoten-x) + var(--knoten) / 2 - 1px);top:-4px;bottom:-4px;width:2px;border-radius:2px;background:linear-gradient(var(--sr-glow),var(--sr-glow)) 0 0 /100% var(--licht,0) no-repeat,var(--sr-line);transition:--licht .45s var(--sr-ease)}.sr-video__schritt:first-child:before{top:calc(var(--knoten-y) + var(--knoten) / 2)}.sr-video__schritt:last-child:before{bottom:calc(100% - var(--knoten-y) - var(--knoten) / 2)}.sr-video__schritt[data-erledigt]:before{--licht:100%;box-shadow:0 0 8px rgba(var(--sr-glow-rgb),.45)}.sr-video__schritt[data-aktiv]:before{--licht:calc(var(--knoten-y) + var(--knoten) / 2 + 4px)}.sr-video__knoten{position:absolute;z-index:1;left:var(--knoten-x);top:var(--knoten-y);display:grid;place-items:center;width:var(--knoten);height:var(--knoten);border:1px solid var(--sr-line-strong);border-radius:50%;background:var(--sr-bg);color:var(--sr-muted);transition:background-color .45s var(--sr-ease),border-color .45s var(--sr-ease),color .45s var(--sr-ease),box-shadow .45s var(--sr-ease)}.sr-video__knoten svg{display:block}.sr-video__schritt[data-erledigt] .sr-video__knoten{border-color:var(--sr-accent-edge);background:var(--sr-surface);color:var(--sr-accent-text);box-shadow:0 0 10px -2px rgba(var(--sr-glow-rgb),.45)}.sr-video__schritt[data-aktiv] .sr-video__knoten{border-color:transparent;background:var(--sr-accent);color:var(--sr-on-accent);box-shadow:0 0 0 4px rgba(var(--sr-glow-rgb),.16),0 0 18px 2px rgba(var(--sr-glow-rgb),.6)}.sr-video__nr{flex:none;font-family:var(--sr-font-mono);font-size:.74rem;letter-spacing:.06em;color:var(--sr-muted)}.sr-video__inhalt{display:flex;flex:1 1;flex-direction:column;min-width:0}.sr-video__inhalt strong{font-size:.98rem;font-weight:600;letter-spacing:-.01em;color:var(--sr-ink);transition:color .45s var(--sr-ease)}.sr-video__schritte[data-film] .sr-video__inhalt strong{color:var(--sr-muted)}.sr-video__schritte[data-film] [data-erledigt] .sr-video__inhalt strong{color:var(--sr-text)}.sr-video__schritte[data-film] [data-aktiv] .sr-video__inhalt strong{color:var(--sr-ink)}.sr-video__mehr{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s var(--sr-ease)}.sr-video__mehr>span{overflow:hidden;font-size:.88rem;line-height:1.45;color:var(--sr-muted)}.sr-video__schritte[data-film] .sr-video__mehr{grid-template-rows:0fr}.sr-video__schritte[data-film] .sr-video__schritt[data-aktiv] .sr-video__mehr{grid-template-rows:1fr}.sr-video__balken{display:none;height:2px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,var(--sr-accent),var(--sr-glow)) 0 0 /calc(var(--sr-fortschritt, 0) * 100%) 100% no-repeat,var(--sr-line)}.sr-video__schritte[data-film] .sr-video__balken{display:block}.sr-video__schritt[data-aktiv]{border-color:var(--sr-accent-edge);background:var(--sr-surface);box-shadow:var(--sr-shadow-glow)}.sr-video__schritt[data-aktiv] .sr-video__nr{color:var(--sr-accent-text)}.sr-video__schritt[data-aktiv] .sr-video__mehr>span{padding-top:3px;color:var(--sr-text)}.sr-video__schritte:not([data-film]) .sr-video__schritt:before{display:none}.sr-video__film-rahmen{position:relative;margin:0;aspect-ratio:1760/1100;-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent 100%);mask-image:radial-gradient(closest-side,#000 74%,transparent 100%)}.sr-video__bild,.sr-video__film{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;background:var(--sr-bg) center /cover no-repeat;background-image:url(/striderank/video/hero-hell-quer.jpg)}.sr-video__film{z-index:1;background:none}:root[data-theme=dark] .sr .sr-video__bild{background-image:url(/striderank/video/hero-dunkel-quer.jpg)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .sr .sr-video__bild{background-image:url(/striderank/video/hero-dunkel-quer.jpg)}}.sr-video__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sr .sr-video__pause{position:absolute;z-index:3;right:16%;bottom:9%;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--sr-line-strong);border-radius:50%;background:var(--sr-surface);color:var(--sr-text);cursor:pointer}.sr .sr-video__pause:hover{color:var(--sr-ink);border-color:var(--sr-accent-edge)}.sr .sr-video__pause:focus-visible{outline:2px solid var(--sr-accent);outline-offset:2px}@media (max-width:699.98px){.sr-video__film-rahmen{aspect-ratio:4/5;-webkit-mask-image:radial-gradient(closest-side,#000 82%,transparent 100%);mask-image:radial-gradient(closest-side,#000 82%,transparent 100%);aspect-ratio:800/860}.sr-video__bild{background-image:url(/striderank/video/hero-hell-mobil.jpg)}:root[data-theme=dark] .sr .sr-video__bild{background-image:url(/striderank/video/hero-dunkel-mobil.jpg)}.sr .sr-video__pause{right:8%;bottom:4%}}@media (max-width:699.98px) and (prefers-color-scheme:dark){:root:not([data-theme]) .sr .sr-video__bild{background-image:url(/striderank/video/hero-dunkel-mobil.jpg)}}@media (min-width:1000px){.sr-video__raster{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,80px);padding-left:max(var(--sr-gutter),calc((100% - var(--sr-wrap)) / 2 + var(--sr-gutter)))}.sr-video__spalte{margin:0;padding:0}.sr-video__buehne{order:0;max-height:calc(100svh - 160px)}.sr-video__film-rahmen{aspect-ratio:1760/1000;max-height:calc(100svh - 160px);margin:0 auto 0 0;overflow:hidden}.sr-video__bild,.sr-video__film{transform:scale(1.14)}.sr .sr-video__pause{right:17%;bottom:12%}}@property --licht{syntax:"<length-percentage>";inherits:false;initial-value:0}@media (prefers-reduced-motion:reduce){.sr-video__knoten,.sr-video__mehr,.sr-video__schritt,.sr-video__schritt:before{transition:none}}