.sr{position:relative;width:100%;overflow:hidden;user-select:none}.sr__buehne{position:relative;height:clamp(260px,48vh,440px);touch-action:pan-y;cursor:grab}.sr__buehne.ist-gezogen{cursor:grabbing}.sr__liste{position:absolute;inset:0}.sr__feld{position:absolute;top:0;left:0;height:100%;width:clamp(280px,40vw,540px);padding-inline:clamp(8px,1vw,20px);opacity:.28;transition:opacity .4s ease;will-change:transform}.sr__feld.ist-aktiv{opacity:1}.sr__karte{display:block;position:relative;width:100%;height:100%;border-radius:var(--r,14px);overflow:hidden;background:var(--bg-soft);color:inherit;text-decoration:none}.sr__karte:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.sr__bild{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;pointer-events:none}.sr__schild{position:absolute;top:clamp(12px,1.4vw,20px);left:clamp(12px,1.4vw,20px);z-index:2;display:flex;align-items:center;gap:.5em;padding:.45em .8em .45em .6em;border-radius:calc(var(--r,14px) / 2);background:var(--bg);color:var(--ink);font-family:var(--fm);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateX(-25%);transition:opacity .5s ease,transform .5s ease}.sr__punkt{flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--teal)}.sr__feld.ist-aktiv .sr__schild{opacity:1;transform:translateX(0);transition-delay:.28s}.sr__pult{position:absolute;inset:0 auto 0 0;z-index:2;display:flex;align-items:center;width:min(46em,52vw);padding-left:var(--gut,32px);pointer-events:none;background:linear-gradient(90deg,var(--bg) 62%,transparent)}.sr__pult__innen{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(24px,4vh,56px);height:clamp(180px,32vh,300px)}.sr__zaehler{display:flex;align-items:center;gap:.18em;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:300;line-height:1;letter-spacing:-.04em;color:var(--ink)}.sr__spalte{flex:none;width:2ch;height:1em;overflow:hidden}.sr__lauf{display:block;width:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.sr__zahl{display:block;width:100%;height:1em;line-height:1;margin:0;font-size:1em;font-weight:inherit;letter-spacing:inherit}.sr__strich{width:2px;height:.6em;background:var(--ink-faint);transform:rotate(15deg)}.sr__nav{display:flex;gap:clamp(12px,1.4vw,24px);pointer-events:auto}.sr__knopf{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(46px,4vw,58px);height:clamp(46px,4vw,58px);padding:0;border:1px solid var(--line);border-radius:calc(var(--r,14px) * .7);background:transparent;color:var(--ink);cursor:pointer;transition:transform .475s cubic-bezier(.22,1,.36,1),opacity .475s ease}.sr__pfeil{width:1.1em;height:.85em;flex:none}.sr__pfeil.ist-rechts{transform:rotate(180deg)}.sr__winkel{position:absolute;inset:-1px;z-index:2;transition:transform .475s cubic-bezier(.22,1,.36,1)}.sr__ecke{position:absolute;width:.9em;height:.9em;border-top:1px solid var(--ink);border-left:1px solid var(--ink);border-top-left-radius:calc(var(--r,14px) * .7)}.sr__ecke.lo{inset:0 auto auto 0}.sr__ecke.ro{inset:0 0 auto auto;transform:rotate(90deg)}.sr__ecke.lu{inset:auto auto 0 0;transform:rotate(-90deg)}.sr__ecke.ru{inset:auto 0 0 auto;transform:rotate(180deg)}.sr__knopf:hover .sr__winkel{transform:scale(1.4)}.sr__knopf:hover{transform:scale(.85);opacity:1!important}.sr__nav:hover:has(.sr__knopf:hover) .sr__knopf{opacity:.4}.sr__knopf:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:860px){.sr__pult{position:static;width:100%;padding:clamp(20px,5vw,32px) var(--gut,20px) 0;background:none}.sr__pult__innen{flex-direction:row;align-items:center;justify-content:space-between;height:auto;width:100%;gap:16px}.sr__zaehler{font-size:clamp(2rem,11vw,3rem)}}@media(prefers-reduced-motion:reduce){.sr__lauf,.sr__knopf,.sr__winkel,.sr__schild{transition:none}}