:root{--navy: #1a2238;--navy-tief: #131a2b;--navy-hoch: #232d48;--orange: #ff6a1a;--orange-glut: #b8480f;--orange-schwach: rgba(255, 106, 26, .14);--schrift: rgba(255, 255, 255, .9);--schrift-leise: rgba(255, 255, 255, .52);--schrift-still: rgba(255, 255, 255, .48);--linie: rgba(255, 255, 255, .09);--rund: 10px;--kopfhoehe: 3.5rem;--griff: 44px}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}@supports not selector(:focus-visible){:focus{outline:2px solid var(--orange);outline-offset:2px}}html,body{margin:0;height:100%}body{background:radial-gradient(120% 80% at 50% 0%,#202a45 0%,var(--navy) 45%,var(--navy-tief) 100%) fixed;color:var(--schrift);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden}a{color:var(--orange)}.kopf{flex:none;height:var(--kopfhoehe);display:flex;align-items:center;gap:1.5rem;padding:0 1rem;border-bottom:1px solid var(--linie);background:#131a2bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.marke{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.14em;font-size:.8rem}.marke__punkt{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange)}.marke__text{color:var(--schrift-leise)}.reiter{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}.reiter::-webkit-scrollbar{display:none}.reiter__knopf{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--schrift-leise);font:inherit;padding:.45rem .85rem;min-height:var(--griff);border-radius:var(--rund);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:color .12s,background-color .12s}.reiter__knopf:hover{color:var(--schrift);background:#ffffff0a}.reiter__knopf[aria-selected=true]{color:var(--orange);background:var(--orange-schwach)}.zaehler{font-size:.72rem;font-variant-numeric:tabular-nums;padding:.05rem .38rem;border-radius:999px;background:#ffffff14;color:var(--schrift-leise)}.reiter__knopf[aria-selected=true] .zaehler{background:#ff6a1a38;color:var(--orange)}.buehne{flex:1;min-height:0;display:flex;flex-direction:column}.ansicht{flex:1;min-height:0;display:flex;flex-direction:column;padding:1rem;gap:.85rem}.ansicht[hidden]{display:none}.ansicht__vorspann{margin:0;color:var(--schrift-leise);font-size:.86rem}.slots{flex:none;display:flex;align-items:stretch;gap:.6rem;flex-wrap:wrap}.slot,.ergebnis{flex:1 1 8rem;min-width:7.5rem;min-height:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.7rem .5rem;border:1px dashed var(--linie);border-radius:var(--rund);background:#ffffff05;color:inherit;font:inherit;cursor:pointer;transition:border-color .12s,background-color .12s}.slot:hover{border-color:#ff6a1a66}.slot[data-aktiv=ja]{border-style:solid;border-color:var(--orange);background:var(--orange-schwach)}.slot[data-gefuellt=ja]{border-style:solid}.slot__marke{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--schrift-still)}.slot__inhalt,.ergebnis__inhalt{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.slot__inhalt img,.ergebnis__inhalt img{width:44px;height:44px;image-rendering:auto}.slot__name{font-size:.8rem}.slots__mitte,.slots__pfeil{flex:none;display:flex;align-items:center;color:var(--schrift-still);font-size:1.1rem}.ergebnis{cursor:default;border-style:solid;border-color:#ff6a1a47;background:#ff6a1a0f}.ergebnis--unbekannt .ergebnis__inhalt{color:var(--schrift-leise);font-size:.82rem}.unsicher:after{content:"?";margin-left:.25rem;color:var(--orange);font-weight:700}.hinweisleiste{flex:none;padding:.55rem .8rem;border-radius:var(--rund);background:#ff6a1a1a;border:1px solid rgba(255,106,26,.28);font-size:.84rem}.hinweisleiste[hidden]{display:none}.raster-kopf{flex:none;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.suche{flex:1 1 14rem;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;border:1px solid var(--linie);border-radius:var(--rund);color:inherit;font:inherit;padding:.5rem .75rem;min-height:var(--griff);font-size:16px}.suche:focus{border-color:var(--orange);background:#ffffff12}.suche::placeholder{color:var(--schrift-still)}.filter{display:flex;gap:.3rem;flex-wrap:wrap}.filter__knopf{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--linie);background:transparent;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;color:var(--schrift-leise);cursor:pointer;display:flex;align-items:center;gap:.3rem;min-height:28px}@media(pointer:coarse){.filter__knopf{min-height:var(--griff);padding-inline:.85rem}}.filter__knopf[aria-pressed=true]{border-color:var(--orange);color:var(--orange);background:var(--orange-schwach)}.element-punkt{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--ton, #888)}.raster{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.4rem;align-content:start;padding-right:.25rem}.kachel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:#ffffff08;border-radius:var(--rund);padding:.4rem .2rem .3rem;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;position:relative;transition:background-color .1s,border-color .1s}.kachel:hover{background:#ff6a1a1a;border-color:#ff6a1a59}.kachel img{width:44px;height:44px;pointer-events:none}.kachel__name{font-size:.7rem;line-height:1.2;text-align:center;color:var(--schrift-leise);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kachel__nr{position:absolute;top:3px;left:5px;font-size:.66rem;color:var(--schrift-still);font-variant-numeric:tabular-nums}.kachel--datenlos img{opacity:.45}.kachel--datenlos:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--rund);border:1px dashed rgba(255,255,255,.14);pointer-events:none}.kachel[aria-pressed=true]{background:#ff6a1a29;border-color:var(--orange)}.kachel[aria-pressed=true]:before{content:"✓";position:absolute;top:2px;right:5px;font-size:.7rem;color:var(--orange)}.raster__leer{grid-column:1 / -1;padding:2rem 1rem;text-align:center;color:var(--schrift-still)}.buch,.planung{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.zeile{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border:1px solid var(--linie);border-radius:var(--rund);background:#ffffff05}.zeile:hover{border-color:#ff6a1a4d}.zeile__paar,.zeile__kind{display:flex;align-items:center;gap:.35rem}.zeile img{width:32px;height:32px}.zeile__pfeil{color:var(--schrift-still)}.zeile__luft{flex:1}.zeile__hebel{font-size:.75rem;color:var(--orange);white-space:nowrap}.knopf{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--linie);background:#ffffff0a;border-radius:var(--rund);color:inherit;font:inherit;font-size:.8rem;padding:.35rem .7rem;min-height:34px;cursor:pointer}@media(pointer:coarse){.knopf{min-height:var(--griff);padding-inline:.9rem}}.knopf:hover{border-color:var(--orange);color:var(--orange)}.knopf--haupt{background:var(--orange);border-color:var(--orange);color:#10131f;font-weight:600}.knopf--haupt:hover{background:#ff7f3a;color:#10131f}.knopf--leise{background:transparent;color:var(--schrift-leise)}.bestand__werkzeug{display:flex;gap:.35rem}.graphfenster{width:min(92vw,1000px);height:min(84vh,720px);padding:0;border:1px solid var(--linie);border-radius:14px;background:var(--navy-tief);color:var(--schrift);overflow:hidden}.graphfenster::backdrop{background:#0a0e18b8}.graphfenster__kopf{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid var(--linie);font-size:.9rem}.graphfenster canvas{display:block;width:100%;height:calc(100% - 6.2rem);touch-action:none}.graphfenster__fuss{padding:.5rem .9rem;border-top:1px solid var(--linie);font-size:.76rem;color:var(--schrift-leise)}.melder{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,1rem);padding:.55rem 1rem;border-radius:999px;background:#131a2bf2;border:1px solid rgba(255,106,26,.35);font-size:.84rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:50}.melder[data-sichtbar=ja]{opacity:1;transform:translate(-50%)}.anmeldung{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;padding:1rem;background:radial-gradient(120% 80% at 50% 0%,#202a45 0%,var(--navy) 45%,var(--navy-tief) 100%)}.anmeldung__karte{width:min(24rem,100%);display:flex;flex-direction:column;gap:.7rem;padding:1.6rem;border:1px solid var(--linie);border-radius:14px;background:#ffffff08}.anmeldung__titel{margin:0;font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}.anmeldung__unter{margin:0 0 .4rem;font-size:.85rem;color:var(--schrift-leise)}.anmeldung__feld{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--schrift-leise)}.anmeldung__feld[hidden]{display:none}.anmeldung__feld input{flex:0 0 auto}.anmeldung__knopf{margin-top:.4rem}.anmeldung__wechsel{align-self:center}.anmeldung__fehler{padding:.5rem .7rem;border-radius:var(--rund);background:#ff6a1a1f;border:1px solid rgba(255,106,26,.4);font-size:.82rem}.anmeldung__fehler[hidden]{display:none}.anmeldung__hinweis{margin:.3rem 0 0;font-size:.74rem;color:var(--schrift-still);line-height:1.45}.anmeldung__hinweis[hidden]{display:none}.benutzer{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex:none}.benutzer__name{font-size:.8rem;color:var(--schrift-leise)}@media(max-width:560px){.benutzer__name{display:none}}.fuss{flex:none;padding:.5rem 1rem;border-top:1px solid var(--linie);font-size:.75rem;color:var(--schrift-still)}.fuss a{color:var(--schrift-leise);display:inline-block;padding:.35rem 0}.ohne-js{padding:2rem;text-align:center;color:var(--schrift-leise)}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:640px){.kopf{height:auto;flex-wrap:wrap;gap:.4rem .75rem;padding:.4rem .6rem}.marke{order:1}.benutzer{order:2}.reiter{order:3;width:100%;justify-content:space-between}.reiter__knopf{flex:1 1 0;justify-content:center;padding-inline:.4rem}.marke__text{display:none}.ansicht{padding:.6rem}.slots__pfeil,.slots__mitte{display:none}.slot,.ergebnis{flex-basis:calc(50% - .3rem)}}