html,body{touch-action:pan-y;background:#000;margin:0}html{scroll-snap-type:y mandatory;overscroll-behavior-y:none}.raste{scroll-snap-align:start;height:100svh}#c{z-index:0;touch-action:pan-y;width:100vw;height:100svh;display:block;position:fixed;top:0;left:0}#regler input[type=range]{touch-action:none}#spur{z-index:1;pointer-events:none;position:relative}#titel,#hinweis{z-index:2;text-align:center;letter-spacing:.1em;color:#ffffff59;pointer-events:none;margin:0;font:300 12px/1.5 -apple-system,Segoe UI,sans-serif;position:fixed;left:0;right:0}#titel{bottom:16px}#hinweis{color:#e8b24a;letter-spacing:0;top:16px}#regler,#reglerzu{z-index:4;color:#ffffffbf;font:400 11px/1.4 -apple-system,Segoe UI,sans-serif;transition:opacity .2s,transform .2s;position:fixed;left:14px}#regler{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0c9e;border:1px solid #ffffff1f;border-radius:10px;gap:10px;width:190px;padding:12px 14px;display:grid;top:14px}#regler label{gap:3px;display:grid}#regler span{letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;font-size:10px}#regler b{font-variant-numeric:tabular-nums;font-weight:500}#regler input[type=range]{accent-color:#e8b24a;width:100%}#kosten{color:#e8b24ad9;border-top:1px solid #ffffff1a;margin:2px 0 0;padding-top:8px;position:static}#reglerzu{cursor:pointer;color:#ffffffb3;background:#0a0a0c9e;border:1px solid #ffffff2e;border-radius:50%;width:24px;height:24px;padding:0;line-height:1;top:14px;left:214px}.reglerzu #regler,.reglerzu #kosten{opacity:0;pointer-events:none;transform:translate(-16px)}.reglerzu #reglerzu{left:14px}.ohne-regler #regler,.ohne-regler #kosten,.ohne-regler #reglerzu{display:none}