:root{--grund: #f2f6fb;--flaeche: #ffffff;--flaeche-leise: #f6f9fd;--rand: #dbe4ef;--rand-leise: #e8eef6;--schrift: #1f2d3d;--schrift-leise: #5d6d82;--schrift-still: #8a98aa;--blau: #4a7fc1;--blau-dunkel: #3a6aa6;--blau-hell: #e3edf9;--blau-mittel: #bcd3ee;--auf-blau: #ffffff;--gut: #3f8a6b;--gut-flaeche: #e4f3ec;--gut-rand: #c4e3d5;--warte: #9a7a2e;--warte-flaeche: #f7f0dc;--warte-rand: #ead9ad;--weg: #b25d4c;--weg-flaeche: #f8e7e3;--weg-rand: #ecc6bd;--warte-lampe: #c9a44a;color-scheme:light;--a1: 4px;--a2: 8px;--a3: 12px;--a4: 16px;--a5: 24px;--a6: 32px;--radius: 8px;--hoehe: 36px;--breite: 1200px;--text: 14px;--text-klein: 13px;--text-titel: 16px;--text-seite: 20px}:root[data-thema=dunkel]{--grund: #151b23;--flaeche: #1c242e;--flaeche-leise: #222c37;--rand: #2f3b48;--rand-leise: #27323d;--schrift: #dbe3ec;--schrift-leise: #9aa8b8;--schrift-still: #6d7c8e;--blau: #7fa6d6;--blau-dunkel: #a3c1e6;--blau-hell: #243449;--blau-mittel: #3d5677;--auf-blau: #111a25;--gut: #86c4a6;--gut-flaeche: #1f3129;--gut-rand: #2e4a3d;--warte: #d5b56e;--warte-flaeche: #332c1c;--warte-rand: #4d4229;--weg: #e0a08f;--weg-flaeche: #37231f;--weg-rand: #57352e;--warte-lampe: #c9a44a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--grund);color:var(--schrift);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.005em}h1{font-size:var(--text-seite)}h2{font-size:var(--text-titel)}h3{font-size:var(--text)}p{margin:0}a{color:var(--blau-dunkel);text-decoration:none}a:hover{text-decoration:underline}img,table,pre{max-width:100%}.kopf{background:var(--flaeche);border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:10}.kopf-innen{max-width:var(--breite);margin:0 auto;padding:0 var(--a5)}.kopf-zeile{display:flex;align-items:center;gap:var(--a4);height:56px}.marke-name{font-weight:600;font-size:var(--text-titel);white-space:nowrap}.kopf-rechts{margin-left:auto;display:flex;align-items:center;gap:var(--a3)}.reiter-leiste{display:flex;gap:var(--a1);overflow-x:auto;scrollbar-width:none}.reiter-leiste::-webkit-scrollbar{display:none}.reiter-leiste a{display:inline-flex;align-items:center;gap:var(--a2);height:40px;padding:0 var(--a3);color:var(--schrift-leise);white-space:nowrap;border-bottom:2px solid transparent}.reiter-leiste a:hover{color:var(--schrift);text-decoration:none}.reiter-leiste a.aktiv{color:var(--schrift);border-bottom-color:var(--blau);font-weight:500}main{max-width:var(--breite);margin:0 auto;padding:var(--a5)}main>:not(router-outlet){display:flex;flex-direction:column;gap:var(--a4)}.seiten-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--a3);flex-wrap:wrap;min-height:var(--hoehe)}.seiten-kopf .unter{color:var(--schrift-leise);margin-top:2px}.raster-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--a4);align-items:start}.raster-haupt{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--a4);align-items:start}.raster-liste{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:var(--a4);align-items:start}.stapel{display:flex;flex-direction:column;gap:var(--a4);min-width:0}.stapel-eng{display:flex;flex-direction:column;gap:var(--a2);min-width:0}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:var(--a4);display:flex;flex-direction:column;gap:var(--a3);min-width:0}.karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--a3);flex-wrap:wrap;min-height:var(--hoehe)}.karte-kopf>.zeile{flex-wrap:wrap}.karte.voll{padding:0;gap:0;overflow:hidden}.karte.voll>.karte-kopf{padding:var(--a3) var(--a4);border-bottom:1px solid var(--rand)}.leer{color:var(--schrift-still);text-align:center;padding:var(--a5) var(--a4)}.kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--a4)}.kachel{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:var(--a4);display:flex;flex-direction:column;gap:var(--a1);color:inherit}a.kachel:hover{border-color:var(--blau-mittel);text-decoration:none}.kachel-zahl{font-size:28px;font-weight:600;line-height:1.1}.kachel-text{color:var(--schrift-leise);font-size:var(--text-klein)}.zeile{display:flex;align-items:center;gap:var(--a2);min-width:0}.zeile.umbruch{flex-wrap:wrap}.zeile.zwischen{justify-content:space-between}.zeile.oben{align-items:flex-start}.wachsen{flex:1 1 auto;min-width:0}.leise{color:var(--schrift-leise)}.still{color:var(--schrift-still)}.klein-text{font-size:var(--text-klein)}.fehler{color:var(--weg)}.gut-text{color:var(--gut)}.fett{font-weight:600}.abschneiden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.schrift-fest{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-klein)}.hinweis{color:var(--schrift-leise);max-width:76ch}.meldung{display:flex;align-items:center;gap:var(--a3);flex-wrap:wrap;padding:var(--a3) var(--a4);border-radius:var(--radius);background:var(--blau-hell);border:1px solid var(--blau-mittel)}.meldung.gut{background:var(--gut-flaeche);border-color:var(--gut-rand)}.meldung.warte{background:var(--warte-flaeche);border-color:var(--warte-rand)}.meldung.weg{background:var(--weg-flaeche);border-color:var(--weg-rand)}.fliess{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--flaeche-leise);border:1px solid var(--rand-leise);border-radius:var(--radius);padding:var(--a3);margin:0;font:inherit;max-height:480px;overflow:auto}.fliess.schrift-fest{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-klein)}.fliess.frei{max-height:none}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--a2);height:var(--hoehe);padding:0 var(--a4);background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);color:var(--schrift);font:inherit;white-space:nowrap;cursor:pointer}.knopf:hover:not(:disabled){border-color:var(--blau-mittel);background:var(--flaeche-leise);text-decoration:none}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf.haupt{background:var(--blau);border-color:var(--blau);color:var(--auf-blau)}.knopf.haupt:hover:not(:disabled){background:var(--blau-dunkel);border-color:var(--blau-dunkel)}.knopf.warnung{color:var(--weg)}.knopf.warnung:hover:not(:disabled){border-color:var(--weg-rand);background:var(--weg-flaeche)}.knopf.still{border-color:transparent;background:transparent;color:var(--schrift-leise)}.knopf.still:hover:not(:disabled){background:var(--blau-hell);color:var(--schrift);border-color:transparent}.knopf.quadrat{width:var(--hoehe);padding:0}.feld{height:var(--hoehe);width:100%;padding:0 var(--a3);background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);color:var(--schrift);font:inherit}.feld:focus,.knopf:focus-visible{outline:2px solid var(--blau-mittel);outline-offset:0;border-color:var(--blau)}textarea.feld{height:auto;min-height:calc(var(--hoehe) * 3);padding:var(--a2) var(--a3);resize:vertical;line-height:1.5}select.feld{padding-right:var(--a5)}.feld.schmal{width:200px;flex:0 0 auto}input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--blau)}.feld-gruppe{display:flex;flex-direction:column;gap:var(--a1);min-width:0}.feld-gruppe>label,.feld-titel{font-size:var(--text-klein);color:var(--schrift-leise)}.formular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a3) var(--a4)}.formular.drei{grid-template-columns:repeat(3,minmax(0,1fr))}.formular .ganz{grid-column:1 / -1}.haken{display:inline-flex;align-items:center;gap:var(--a2);min-height:var(--hoehe);cursor:pointer}.haken-liste{display:flex;flex-wrap:wrap;gap:0 var(--a4)}.handlungen{display:flex;gap:var(--a2);flex-wrap:wrap;align-items:center}.umschalter{display:inline-flex;gap:2px;padding:2px;background:var(--flaeche-leise);border:1px solid var(--rand);border-radius:var(--radius);max-width:100%;overflow-x:auto;scrollbar-width:none}.umschalter::-webkit-scrollbar{display:none}.umschalter button,.umschalter a{height:calc(var(--hoehe) - 6px);padding:0 var(--a3);display:inline-flex;align-items:center;gap:var(--a2);border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--schrift-leise);font:inherit;cursor:pointer;white-space:nowrap}.umschalter button:hover,.umschalter a:hover{color:var(--schrift);text-decoration:none}.umschalter .aktiv{background:var(--flaeche);color:var(--schrift);box-shadow:0 0 0 1px var(--rand)}.marke{display:inline-flex;align-items:center;gap:var(--a1);height:22px;padding:0 var(--a2);border-radius:var(--radius);background:var(--flaeche-leise);border:1px solid var(--rand);color:var(--schrift-leise);font-size:12px;font-weight:500;white-space:nowrap}.marke.gut{background:var(--gut-flaeche);border-color:transparent;color:var(--gut)}.marke.warte{background:var(--warte-flaeche);border-color:transparent;color:var(--warte)}.marke.weg{background:var(--weg-flaeche);border-color:transparent;color:var(--weg)}.marke.info{background:var(--blau-hell);border-color:transparent;color:var(--blau-dunkel)}.zaehler{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius);background:var(--blau-hell);color:var(--blau-dunkel);font-size:12px;font-weight:600}.lampe{width:8px;height:8px;border-radius:50%;background:var(--schrift-still);flex:0 0 auto}.lampe.gut{background:var(--gut)}.lampe.warte{background:var(--warte-lampe)}.lampe.weg{background:var(--weg)}.lampe.info{background:var(--blau)}.tabelle{width:100%;border-collapse:collapse}.tabelle th{text-align:left;font-weight:500;font-size:var(--text-klein);color:var(--schrift-leise);background:var(--flaeche-leise);border-bottom:1px solid var(--rand);padding:0 var(--a3);height:var(--hoehe);white-space:nowrap}.tabelle td{padding:var(--a2) var(--a3);height:48px;border-bottom:1px solid var(--rand-leise);vertical-align:middle}.tabelle tr:last-child td{border-bottom:0}.tabelle tr.klickbar{cursor:pointer}.tabelle tr.klickbar:hover td{background:var(--flaeche-leise)}.tabelle .nr{width:56px;color:var(--schrift-still);font-variant-numeric:tabular-nums}.tabelle .eng{width:1%;white-space:nowrap}.tabelle .titel-zelle{max-width:0;width:100%}.portrait{width:40px;height:40px;border-radius:50%;max-width:none;object-fit:cover;flex:0 0 auto;background:var(--blau-hell);color:var(--blau-dunkel);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-klein)}.portrait.gross{width:64px;height:64px;font-size:var(--text-titel)}.portrait.klein{width:28px;height:28px;font-size:11px}.eintraege{list-style:none;margin:0;padding:0}.eintraege li{display:flex;align-items:center;gap:var(--a2);min-height:44px;padding:var(--a2) var(--a4);border-bottom:1px solid var(--rand-leise);cursor:pointer}.eintraege li:last-child{border-bottom:0}.eintraege li:hover{background:var(--flaeche-leise)}.eintraege li.gewaehlt{background:var(--blau-hell)}.verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.verlauf li{display:grid;grid-template-columns:136px minmax(0,1fr);gap:var(--a3);padding:var(--a2) 0;border-bottom:1px solid var(--rand-leise);font-size:var(--text-klein)}.verlauf li:last-child{border-bottom:0}.eigenschaften{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--a2) var(--a4);margin:0}.eigenschaften dt{color:var(--schrift-leise);font-size:var(--text-klein)}.eigenschaften dd{margin:0;min-width:0;overflow-wrap:anywhere}.klapp{border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}.klapp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--a2);height:var(--hoehe);padding:0 var(--a3);color:var(--schrift-leise)}.klapp>summary::-webkit-details-marker{display:none}.klapp>summary:before{content:"\203a";display:inline-block;width:12px;transition:transform .15s}.klapp[open]>summary:before{transform:rotate(90deg)}.klapp-inhalt{padding:0 var(--a3) var(--a3);display:flex;flex-direction:column;gap:var(--a2)}.anmelde-seite{min-height:100vh;display:grid;place-items:center;padding:var(--a4)}.anmelde-karte{width:100%;max-width:360px}@media (max-width: 900px){.raster-2,.raster-haupt,.raster-liste{grid-template-columns:minmax(0,1fr)}.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.kopf-innen{padding:0 var(--a4)}main{padding:var(--a4)}.formular,.formular.drei{grid-template-columns:minmax(0,1fr)}.feld{font-size:16px}.feld.schmal{width:100%;flex:1 1 auto}.kopf-rechts .leise,.marke-name,.nur-breit{display:none}.kopf-zeile{gap:var(--a2)}.kopf-zeile>select.feld{flex:1 1 auto;width:auto;font-size:14px}.kopf-rechts{gap:var(--a2)}.tabelle.karten,.tabelle.karten tbody,.tabelle.karten tr{display:block;width:100%}.tabelle.karten thead{display:none}.tabelle.karten tr{padding:var(--a2) var(--a4);border-bottom:1px solid var(--rand-leise)}.tabelle.karten tr:last-child{border-bottom:0}.tabelle.karten td{display:flex;gap:var(--a3);align-items:center;height:auto;min-height:28px;padding:2px 0;border:0;max-width:none;width:auto}.tabelle.karten td[data-spalte]:not([data-spalte=""]):before{content:attr(data-spalte);flex:0 0 96px;color:var(--schrift-leise);font-size:var(--text-klein)}.tabelle.karten td.nr{width:auto}.verlauf li{grid-template-columns:minmax(0,1fr);gap:0}}.nur-schmal{display:none}@media (max-width: 640px){.nur-schmal{display:initial}}.block{display:block}.tabelle .halb{width:45%;max-width:0}@media (min-width: 901px){.raster-liste>.karte.voll .eintraege{max-height:calc(100vh - 280px);overflow-y:auto}.raster-liste>.karte.voll{position:sticky;top:112px}}.listen-fuss{display:flex;align-items:center;justify-content:space-between;gap:var(--a3);padding:var(--a3) var(--a4);border-top:1px solid var(--rand)}.karte-kopf.eng{flex-wrap:nowrap}