:root{--farbe-primaer:#5e6ad2;--farbe-auf-primaer:#fff;--farbe-primaer-hover:#828fff;--farbe-primaer-fokus:#5e69d1;--farbe-canvas:#010102;--farbe-flaeche-1:#0f1011;--farbe-flaeche-2:#141516;--farbe-flaeche-3:#18191a;--farbe-flaeche-4:#191a1b;--farbe-haarlinie:#23252a;--farbe-haarlinie-stark:#34343a;--farbe-haarlinie-tertiaer:#3e3e44;--farbe-text:#f7f8f8;--farbe-text-gedaempft:#d0d6e0;--farbe-text-dezent:#8a8f98;--farbe-text-tertiaer:#62666d;--farbe-erfolg:#27a644;--plan-traeger:#e8e8ea;--plan-herkunft-det:#4aa3df;--plan-herkunft-ki:#b48ead;--plan-warnung:#d08770;--schrift-display:-apple-system, "SF Pro Display", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--schrift-text:-apple-system, "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--schrift-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--typo-display-xl:600 80px / 1.05 var(--schrift-display);--typo-display-lg:600 56px / 1.1 var(--schrift-display);--typo-display-md:600 40px / 1.15 var(--schrift-display);--typo-headline:600 28px / 1.2 var(--schrift-display);--typo-kartentitel:500 22px / 1.25 var(--schrift-display);--typo-subhead:400 20px / 1.4 var(--schrift-display);--typo-body-lg:400 18px / 1.5 var(--schrift-text);--typo-body:400 16px / 1.5 var(--schrift-text);--typo-body-sm:400 14px / 1.5 var(--schrift-text);--typo-caption:400 12px / 1.4 var(--schrift-text);--typo-button:500 14px / 1.2 var(--schrift-text);--typo-eyebrow:500 13px / 1.3 var(--schrift-text);--typo-mono:400 13px / 1.5 var(--schrift-mono);--spur-display-xl:-3px;--spur-display-lg:-1.8px;--spur-display-md:-1px;--spur-headline:-.6px;--spur-kartentitel:-.4px;--spur-subhead:-.2px;--spur-body:-.05px;--spur-eyebrow:.4px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:24px;--radius-pill:9999px;--abstand-xxs:4px;--abstand-xs:8px;--abstand-sm:12px;--abstand-md:16px;--abstand-lg:24px;--abstand-xl:32px;--abstand-xxl:48px;--abstand-sektion:96px;--inhalt-max:1280px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--farbe-canvas);color:var(--farbe-text);font:var(--typo-body);letter-spacing:var(--spur-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}a{color:var(--farbe-primaer-hover)}:focus-visible{outline:2px solid var(--farbe-primaer-fokus);outline-offset:2px;border-radius:var(--radius-xs)}.seite{max-width:var(--inhalt-max);padding:var(--abstand-xxl) var(--abstand-lg);gap:var(--abstand-lg);flex-direction:column;margin:0 auto;display:flex}.eyebrow{font:var(--typo-eyebrow);letter-spacing:var(--spur-eyebrow);color:var(--farbe-text-dezent);text-transform:uppercase}.titel{font:var(--typo-display-md);letter-spacing:var(--spur-display-md)}.lead{font:var(--typo-body-lg);color:var(--farbe-text-gedaempft);max-width:68ch}.karte{background:var(--farbe-flaeche-1);border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-lg);padding:var(--abstand-lg);gap:var(--abstand-sm);flex-direction:column;display:flex}.karte__titel{font:var(--typo-kartentitel);letter-spacing:var(--spur-kartentitel)}.karte__text{font:var(--typo-body-sm);color:var(--farbe-text-dezent)}.abzeichen{align-items:center;gap:var(--abstand-xxs);background:var(--farbe-flaeche-2);border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-pill);font:var(--typo-caption);color:var(--farbe-text-gedaempft);align-self:flex-start;padding:2px 10px;display:inline-flex}.abzeichen__punkt{border-radius:var(--radius-pill);background:var(--farbe-text-tertiaer);width:6px;height:6px}.abzeichen--ok .abzeichen__punkt{background:var(--farbe-erfolg)}.abzeichen--fehler .abzeichen__punkt{background:var(--plan-warnung)}.mono{font:var(--typo-mono);color:var(--farbe-text-dezent)}@media (width<=480px){.titel{font:var(--typo-headline);letter-spacing:var(--spur-headline)}}.seite--schmal{max-width:520px}.knopf{justify-content:center;align-items:center;gap:var(--abstand-xs);padding:0 var(--abstand-md);border:1px solid var(--farbe-haarlinie-stark);border-radius:var(--radius-md);background:var(--farbe-flaeche-2);height:34px;color:var(--farbe-text);font:var(--typo-button);cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.knopf:hover:not(:disabled){background:var(--farbe-flaeche-4);border-color:var(--farbe-haarlinie-tertiaer)}.knopf:disabled{color:var(--farbe-text-tertiaer);cursor:not-allowed}.knopf--primaer{background:var(--farbe-primaer);border-color:var(--farbe-primaer);color:var(--farbe-auf-primaer)}.knopf--primaer:hover:not(:disabled){background:var(--farbe-primaer-hover);border-color:var(--farbe-primaer-hover)}.knopf--leise{background:0 0}.formular{gap:var(--abstand-md);margin-top:var(--abstand-md);flex-direction:column;display:flex}.feld{gap:var(--abstand-xxs);flex-direction:column;display:flex}.feld__marke{font:var(--typo-body-sm);color:var(--farbe-text-gedaempft)}.feld__eingabe{height:36px;padding:0 var(--abstand-sm);border:1px solid var(--farbe-haarlinie-stark);border-radius:var(--radius-md);background:var(--farbe-canvas);color:var(--farbe-text);font:var(--typo-body-sm)}.feld__eingabe:focus-visible{border-color:var(--farbe-primaer-fokus)}.feld__hinweis{font:var(--typo-caption);color:var(--farbe-text-dezent)}.versteckt{display:none}.meldung{padding:var(--abstand-sm) var(--abstand-md);border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-md);font:var(--typo-body-sm);color:var(--farbe-text-gedaempft)}.meldung--fehler{border-color:var(--plan-warnung);color:var(--plan-warnung)}.meldung--warnung{border-color:var(--farbe-haarlinie-tertiaer);color:var(--plan-warnung)}.meldung--leise{color:var(--farbe-text-dezent);border-style:dashed}.werkzeug{max-width:1680px;padding:var(--abstand-lg);gap:var(--abstand-lg);flex-direction:column;margin:0 auto;display:flex}.kopfleiste{justify-content:space-between;align-items:flex-end;gap:var(--abstand-md);padding-bottom:var(--abstand-md);border-bottom:1px solid var(--farbe-haarlinie);display:flex}.kopfleiste__titel{font:var(--typo-headline);letter-spacing:var(--spur-headline)}.werkzeug__raster{gap:var(--abstand-lg);grid-template-columns:minmax(280px,340px) 1fr;align-items:start;display:grid}.spalte{gap:var(--abstand-lg);flex-direction:column;min-width:0;display:flex}.ablage{gap:var(--abstand-sm);padding:var(--abstand-lg);border:1px dashed var(--farbe-haarlinie-stark);border-radius:var(--radius-lg);background:var(--farbe-flaeche-1);flex-direction:column;align-items:flex-start;display:flex}.laufliste{margin:var(--abstand-sm) 0 0;gap:var(--abstand-xs);flex-direction:column;padding:0;list-style:none;display:flex}.lauf{gap:var(--abstand-xxs);width:100%;padding:var(--abstand-sm);border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-md);background:var(--farbe-flaeche-1);color:var(--farbe-text);text-align:left;cursor:pointer;flex-direction:column;display:flex}.lauf:hover{background:var(--farbe-flaeche-3)}.lauf--aktiv{border-color:var(--farbe-primaer);background:var(--farbe-flaeche-2)}.lauf__name{font:var(--typo-body-sm);overflow-wrap:anywhere}.lauf__zeile{align-items:center;gap:var(--abstand-xs);flex-wrap:wrap;display:flex}.lauf__zweig,.lauf__zahlen{font:var(--typo-caption);color:var(--farbe-text-dezent)}.marke{padding:1px var(--abstand-xs);border:1px solid var(--farbe-haarlinie-stark);border-radius:var(--radius-pill);font:var(--typo-caption);color:var(--farbe-text-dezent)}.marke--fertig{border-color:var(--farbe-erfolg);color:var(--farbe-erfolg)}.marke--fehler{border-color:var(--plan-warnung);color:var(--plan-warnung)}.marke--ki{border-color:var(--plan-herkunft-ki);color:var(--plan-herkunft-ki)}.ergebnis{gap:var(--abstand-md);flex-direction:column;display:flex}.ergebnis__kopf{justify-content:space-between;align-items:flex-end;gap:var(--abstand-md);flex-wrap:wrap;display:flex}.ergebnis__titel{font:var(--typo-kartentitel);letter-spacing:var(--spur-kartentitel);overflow-wrap:anywhere}.kennzahlen{border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-lg);background:var(--farbe-haarlinie);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.kennzahl{padding:var(--abstand-sm) var(--abstand-md);background:var(--farbe-flaeche-1)}.kennzahl__marke{font:var(--typo-caption);color:var(--farbe-text-dezent)}.kennzahl__wert{margin:var(--abstand-xxs) 0 0;font:var(--typo-subhead);letter-spacing:var(--spur-subhead);flex-direction:column;display:flex}.kennzahl__neben{font:var(--typo-caption);color:var(--farbe-text-dezent)}.reiter{gap:var(--abstand-xs);border-bottom:1px solid var(--farbe-haarlinie);display:flex}.reiter__knopf{padding:var(--abstand-xs) var(--abstand-sm);color:var(--farbe-text-dezent);font:var(--typo-button);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.reiter__knopf--aktiv{color:var(--farbe-text);border-bottom-color:var(--farbe-primaer)}.overlay{gap:var(--abstand-sm);flex-direction:column;display:flex}.overlay__leiste{justify-content:space-between;align-items:center;gap:var(--abstand-md);flex-wrap:wrap;display:flex}.schalterreihe{align-items:center;gap:var(--abstand-sm);flex-wrap:wrap;display:flex}.schalter{align-items:center;gap:var(--abstand-xxs);font:var(--typo-body-sm);color:var(--farbe-text-gedaempft);cursor:pointer;display:inline-flex}.overlay__buehne{border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-lg);background:var(--farbe-flaeche-1);max-height:72vh;overflow:auto}.plan{display:block}.plan--misst{cursor:crosshair}.plan__traeger{fill:var(--plan-traeger)}.plan__raum{fill:var(--plan-herkunft-det);stroke:var(--plan-herkunft-det);stroke-width:1.5px;cursor:pointer}.plan__raum:hover{stroke-width:3px}.plan__raum--ki{fill:var(--plan-herkunft-ki);stroke:var(--plan-herkunft-ki)}.plan__wand{fill:none;stroke:#1d2733;stroke-width:1.2px;cursor:pointer}.plan__oeffnung{fill:none;stroke:var(--plan-warnung);stroke-width:3px;stroke-linecap:round;cursor:pointer}.plan__text{fill:var(--plan-herkunft-det);stroke:#fff;stroke-width:.6px;cursor:pointer}.plan__text--masskette{fill:var(--farbe-text-tertiaer)}.plan__text--plankopf{fill:var(--farbe-primaer)}.plan__messpunkt{fill:var(--farbe-primaer);stroke:#fff;stroke-width:1.5px}.plan__messlinie{stroke:var(--farbe-primaer);stroke-width:2px;stroke-dasharray:6 4}.hinweisfeld{align-items:flex-end;gap:var(--abstand-md);padding:var(--abstand-sm) var(--abstand-md);border:1px solid var(--farbe-primaer);border-radius:var(--radius-md);font:var(--typo-body-sm);color:var(--farbe-text-gedaempft);flex-wrap:wrap;display:flex}.messform{align-items:flex-end;gap:var(--abstand-sm);display:flex}.auswahl{gap:var(--abstand-sm) var(--abstand-lg);padding:var(--abstand-md);border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-md);background:var(--farbe-flaeche-1);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;display:grid}.paar__marke{font:var(--typo-caption);color:var(--farbe-text-dezent)}.paar__wert{font:var(--typo-body-sm);overflow-wrap:anywhere;margin:0}.tabellen{gap:var(--abstand-lg);flex-direction:column;display:flex}.tabelle-rahmen{margin-top:var(--abstand-sm);border:1px solid var(--farbe-haarlinie);border-radius:var(--radius-md);overflow:auto}.tabelle-rahmen--hoch{max-height:420px}.tabelle{border-collapse:collapse;width:100%;font:var(--typo-body-sm)}.tabelle th,.tabelle td{padding:var(--abstand-xs) var(--abstand-sm);border-bottom:1px solid var(--farbe-haarlinie);text-align:left;vertical-align:top}.tabelle th{background:var(--farbe-flaeche-3);color:var(--farbe-text-gedaempft);font:var(--typo-caption);text-transform:uppercase;letter-spacing:var(--spur-eyebrow);position:sticky;top:0}.tabelle tbody tr:last-child td{border-bottom:0}.rechts{text-align:right}.leer{color:var(--farbe-text-dezent)}.vorformatiert{white-space:pre-line}.hinweisliste{margin:var(--abstand-sm) 0 0;gap:var(--abstand-xs);flex-direction:column;padding:0;list-style:none;display:flex}.hinweisliste__punkt{padding:var(--abstand-sm) var(--abstand-md);border:1px solid var(--farbe-haarlinie);border-left:2px solid var(--plan-warnung);border-radius:var(--radius-md);background:var(--farbe-flaeche-1)}.hinweisliste__text{font:var(--typo-body-sm)}.hinweisliste__ursache{margin-top:var(--abstand-xxs);font:var(--typo-body-sm);color:var(--farbe-text-gedaempft)}.hinweisliste__marke{color:var(--farbe-text-dezent)}.hinweisliste__code{margin-top:var(--abstand-xxs);color:var(--farbe-text-tertiaer);display:inline-block}.bericht{gap:var(--abstand-sm);flex-direction:column;max-width:78ch;display:flex}.bericht__titel{font:var(--typo-kartentitel);letter-spacing:var(--spur-kartentitel);margin-top:var(--abstand-sm)}.bericht__abschnitt{margin-top:var(--abstand-md);font:var(--typo-subhead);letter-spacing:var(--spur-subhead);color:var(--farbe-text-gedaempft)}.bericht__absatz{font:var(--typo-body-sm);color:var(--farbe-text-gedaempft)}.bericht__liste{padding-left:var(--abstand-lg);gap:var(--abstand-xs);font:var(--typo-body-sm);color:var(--farbe-text-gedaempft);flex-direction:column;margin:0;display:flex}.bericht__fortsetzung{color:var(--farbe-text-dezent);display:block}.bericht__linie{border:0;border-top:1px solid var(--farbe-haarlinie);width:100%}@media (width<=900px){.werkzeug__raster{grid-template-columns:1fr}}.overlay__grund{margin-top:var(--abstand-xs);color:var(--farbe-text-gedaempft)}.overlay__ursache{color:var(--farbe-text-dezent)}.kischalter{gap:var(--abstand-sm)}.kischalter__zeile{align-items:center;gap:var(--abstand-xs);cursor:pointer;display:flex}.kischalter__zeile input[type=checkbox]{width:16px;height:16px;accent-color:var(--plan-herkunft-ki);cursor:pointer}.kischalter__zeile input[type=checkbox]:disabled{cursor:not-allowed}.kischalter__marke{font:var(--typo-body-sm);color:var(--farbe-text)}.feld__eingabe--mehrzeilig{height:auto;padding:var(--abstand-xs) var(--abstand-sm);resize:vertical;line-height:1.5}select.feld__eingabe{padding-right:var(--abstand-sm)}.zeile--uneinig td{background:color-mix(in srgb, var(--plan-herkunft-ki) 14%, transparent)}