@font-face{font-family:Raleway;src:url(./raleway-regular-CAQxzyjJ.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Raleway;src:url(./raleway-semibold-B3GRkFLp.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Raleway;src:url(./raleway-extrabold-B3HGp5Qz.ttf) format("truetype");font-weight:800;font-display:swap}:root{--grund: #070d16;--cyan: #3492d1;--violett: #7b4fe0;--magenta: #f026b8;--tinte: #eef7ff;--leise: #8fb6d8;--linie: #1e2e46;--glas: #101b2c;--glas-hell: #172538;--rosa: #ff8ae0;--hell-cyan: #5fd0ff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--grund);color:var(--tinte);font-family:Raleway,system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-weight:400;line-height:1.5;background-image:radial-gradient(ellipse 90% 60% at 50% 0%,#3492d138,#070d1600 70%);background-attachment:fixed}.huelle{max-width:760px;margin:0 auto;padding:40px 16px 96px}.kopf{text-align:center;margin-bottom:32px}.logo{width:min(300px,62vw);height:auto}h1{font-weight:800;font-size:clamp(30px,7vw,44px);letter-spacing:-.02em;line-height:1.1;margin:16px 0 8px}.unter{color:var(--leise);font-size:16px;margin:0 auto;max-width:34ch}.anleitung{background:linear-gradient(150deg,#3492d129,#f026b81f);border:1px solid #2a3a52;border-radius:16px;padding:18px 20px;margin-bottom:8px}.anleitung b{display:block;font-weight:800;font-size:18px;margin-bottom:10px}.anleitung ol{margin:0;padding-left:22px;color:#cfe0f5;font-size:15.5px}.anleitung li{margin:4px 0}.anleitung li::marker{font-weight:800;color:var(--hell-cyan)}.anleitung .tag{font-weight:800;color:var(--rosa)}.reiter{display:flex;gap:4px;padding:4px;margin-bottom:16px;background:var(--glas);border:1px solid var(--linie);border-radius:12px}.reiter button,.monate button{font:inherit;font-weight:600;color:var(--leise);background:none;border:0;cursor:pointer;transition:background-color .2s,color .2s}.reiter button{flex:1;padding:11px 12px;border-radius:10px;font-size:15px}.reiter button:hover,.monate button:hover{color:var(--tinte)}.reiter button.an{color:var(--tinte);font-weight:800;background:linear-gradient(120deg,var(--cyan),var(--violett))}.reiter button:focus-visible,.monate button:focus-visible,.treppchen button:focus-visible{outline:2px solid var(--hell-cyan);outline-offset:2px}.anleitung p{margin:0;color:#cfe0f5;font-size:15.5px}.monate{display:flex;gap:8px;overflow-x:auto;margin:16px 0 0;padding-bottom:4px;scrollbar-width:none}.monate button{flex:none;padding:8px 14px;font-size:14px;border:1px solid var(--linie);border-radius:999px}.monate button.an{color:var(--tinte);border-color:var(--hell-cyan);background:var(--glas-hell)}.stand{margin:0 4px 16px;font-size:14px;color:var(--leise)}.stand.endstand{color:var(--rosa);font-weight:600}.treppchen{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px}.treppchen li:only-child{grid-column:2}.treppchen button{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.treppchen button:active{transform:translateY(1px)}.tp-stadt{font-weight:800;font-size:18px;line-height:1.15;overflow-wrap:anywhere}.tp-laden{font-size:13px;color:var(--leise);line-height:1.3;margin-top:2px;overflow-wrap:anywhere}.tp-schnitt{font-weight:800;font-size:22px;color:#9fe0ff;margin-top:6px}.tp-teams{font-size:12px;color:var(--leise);margin-bottom:8px}.tp-sockel{width:100%;display:flex;justify-content:center;padding-top:14px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--glas-hell),var(--glas));border:1px solid var(--linie);border-bottom:0;transition:filter .2s}.treppchen button:hover .tp-sockel{filter:brightness(1.2)}.tp-sockel span{font-weight:800;font-size:40px;line-height:1;background:linear-gradient(120deg,#5fd0ff,#a06bff 50%,#ff5ecb);-webkit-background-clip:text;background-clip:text;color:transparent}.stufe-1 .tp-sockel{height:132px;border-color:#a06bff8c;box-shadow:0 -8px 32px #7b4fe040}.stufe-1 .tp-sockel span{font-size:52px}.stufe-1 .tp-stadt{font-size:21px}.stufe-2 .tp-sockel{height:96px}.stufe-3 .tp-sockel{height:70px}.locliste{background:var(--glas);border:1px solid var(--linie);border-radius:16px;padding:4px 8px;margin-bottom:12px}.zeile.still{cursor:default}.zeile.still:hover{background:none}.nebenkopf{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--leise);margin:24px 0 12px 4px}.offen{margin:16px 4px 0;font-size:14px;color:var(--leise)}.offen b{color:var(--tinte);font-weight:600}.suche{position:sticky;top:0;z-index:5;padding:12px 12px 4px;background:linear-gradient(180deg,var(--glas) 80%,rgba(16,27,44,0))}.suche input{width:100%;padding:14px 16px;font-size:17px;font-family:inherit;font-weight:600;color:var(--tinte);background:var(--grund);border:2px solid #26344c;border-radius:12px;transition:border-color .2s}.suche input::placeholder{color:var(--leise);font-weight:400}.suche input:hover{border-color:#34486a}.suche input:focus{outline:none;border-color:var(--cyan)}.suche input::-webkit-search-cancel-button{cursor:pointer}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.block{margin-top:32px}h2{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--leise);margin:0 0 12px 4px}.abend{background:var(--glas);border:1px solid var(--linie);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 12px 32px #070d1673}.abend-kopf{display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;text-align:left;color:inherit;font:inherit;background:none;border:0;cursor:pointer;transition:background-color .2s}.abend-kopf:hover{background:var(--glas-hell)}.abend-kopf:active{transform:translateY(1px)}.abend-kopf:focus-visible,.zeile:focus-visible,.knopf:focus-visible,a:focus-visible{outline:2px solid var(--hell-cyan);outline-offset:2px}.datum{flex:none;font-weight:600;font-variant-numeric:tabular-nums;color:var(--leise);font-size:15px;min-width:88px}.wo{flex:1;min-width:0;display:flex;flex-direction:column}.wo b{font-weight:800;font-size:19px;line-height:1.2}.wo small{color:var(--leise);font-size:14px;overflow-wrap:anywhere}.pfeil{flex:none;width:10px;height:10px;border-right:2px solid var(--leise);border-bottom:2px solid var(--leise);transform:rotate(45deg);transition:transform .2s;margin-right:4px}.abend.auf .pfeil{transform:rotate(-135deg)}.abend-inhalt{padding:0 8px 12px;border-top:1px solid var(--linie)}.zahl{margin:12px 12px 6px;font-size:13px;color:var(--leise)}.liste{list-style:none;margin:0;padding:0}.zeile{display:flex;align-items:center;gap:14px;width:100%;padding:11px 12px;text-align:left;color:inherit;font:inherit;background:none;border:0;border-bottom:1px solid var(--linie);border-radius:10px;cursor:pointer;transition:background-color .2s}.liste li:last-child .zeile{border-bottom:0}.zeile:hover{background:var(--glas-hell)}.zeile:active{transform:translateY(1px)}.platz{font-weight:800;font-size:15px;color:var(--leise);min-width:44px;text-align:right;flex:none;font-variant-numeric:tabular-nums}.name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600;display:flex;flex-direction:column}.name small{font-weight:400;font-size:13px;color:var(--leise)}.punkte{font-weight:800;flex:none;color:var(--leise);font-variant-numeric:tabular-nums}.zeile.podest .platz,.zeile.podest .name,.zeile.podest .punkte{color:var(--rosa)}.wieder{margin:16px 12px 6px;font-size:15px}a{color:var(--hell-cyan);text-decoration:none;border-bottom:1px solid rgba(95,208,255,.35);transition:border-color .2s}a:hover{border-bottom-color:var(--hell-cyan)}.kommt{list-style:none;margin:0;padding:0}.kommt li{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--linie)}.kommt li:last-child{border-bottom:0}.kommt .wo b{font-size:17px}.wann{flex:none;font-size:13px;font-weight:600;color:var(--leise);text-align:right}.leer{text-align:center;color:var(--leise);padding:48px 0}.fuss{margin-top:64px;text-align:center;color:var(--leise);font-size:13px}.fuss p{margin:6px 0}.fuss b{color:var(--rosa)}.vorhang{position:fixed;inset:0;background:#04080fdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;animation:auftauchen .2s ease-out}@keyframes auftauchen{0%{opacity:0}to{opacity:1}}.karte{text-align:center;width:min(360px,92vw)}.karte img,.karte-platzhalter{width:100%;aspect-ratio:9 / 16;height:auto;border-radius:16px;display:block;box-shadow:0 24px 70px #04080fb3;max-height:62dvh;object-fit:contain}.karte-platzhalter{background:var(--glas);border:1px solid var(--linie)}.tipp{color:var(--leise);font-size:13px;margin:12px 4px 0;line-height:1.45}.knoepfe{display:flex;gap:10px;margin-top:16px}.knopf{flex:1;padding:15px 18px;font-family:inherit;font-weight:800;font-size:15px;border:0;border-radius:12px;cursor:pointer;color:var(--tinte);background:linear-gradient(120deg,var(--cyan),var(--violett));white-space:nowrap;transition:filter .2s,transform .1s}.knopf:hover{filter:brightness(1.12)}.knopf:active{transform:translateY(1px)}.knopf:disabled{opacity:.6;cursor:default}.knopf.leise{background:#1a2740}@media(max-width:480px){.huelle{padding-top:24px}.tp-stadt{font-size:15px}.stufe-1 .tp-stadt{font-size:17px}.tp-laden{font-size:12px}.tp-schnitt{font-size:18px}.abend-kopf{padding:16px;gap:12px}.datum{min-width:0}.kommt li{flex-wrap:wrap;padding:12px 16px}.wann{flex-basis:100%;text-align:left;padding-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
