:root{--nav: #0b1723;--marke: #39c656;--marke-schrift: #15803d;--marke-hover: #166534;--seite: #f1f3f6;--flaeche: #ffffff;--linie: #e5e7eb;--linie-stark: #cbd5e1;--schrift: #0b1723;--schrift-2: #475569;--schrift-3: #64748b;--ok-grund: #dcfce7;--ok-schrift: #15803d;--warn-grund: #fffbeb;--warn-schrift: #b45309;--fehl-grund: #fef2f2;--fehl-schrift: #b91c1c;--info-grund: #eff6ff;--info-schrift: #1d4ed8;--radius: 7px;--radius-gross: 12px}*{box-sizing:border-box}html,body,#wurzel{height:100%}body{margin:0;background:var(--seite);color:var(--schrift);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,.marke{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;font-weight:640;margin:0;text-wrap:balance}.zahl{font-variant-numeric:tabular-nums}button,input{font:inherit}:focus-visible{outline:2px solid var(--marke);outline-offset:2px}.anmeldung{min-height:100%;display:grid;grid-template-columns:1fr 1fr}@media(max-width:820px){.anmeldung{grid-template-columns:1fr}.anmeldung__bild{display:none}}.anmeldung__bild{background:var(--nav);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.anmeldung__bild h1{font-size:34px;line-height:1.15;max-width:12ch}.anmeldung__bild h1 em{color:var(--marke);font-style:normal}.anmeldung__bild p{color:#94a3b8;max-width:42ch;margin:14px 0 0}.logo{display:block}.logo svg{height:100%;width:auto;display:block}.anmeldung__bild .logo,.navi .logo{color:#fff}.anmeldung__form{display:grid;place-items:center;padding:32px}.karte{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.karte h2{font-size:22px}.karte>p{margin:-8px 0 0;color:var(--schrift-3);font-size:14px}.feld{display:flex;flex-direction:column;gap:6px}.feld label{font-size:13px;font-weight:600;color:var(--schrift-2)}.feld input{padding:10px 12px;border:1px solid var(--linie-stark);border-radius:var(--radius);background:var(--flaeche);color:var(--schrift)}.feld input:focus{border-color:var(--marke-schrift)}.knopf{background:var(--marke-schrift);color:#fff;border:0;border-radius:var(--radius);padding:11px 16px;font-weight:600;cursor:pointer}.knopf:hover:not(:disabled){background:var(--marke-hover)}.knopf:disabled{opacity:.55;cursor:default}.meldung{padding:10px 12px;border-radius:var(--radius);font-size:13.5px;background:var(--fehl-grund);color:var(--fehl-schrift)}.rahmen{display:grid;grid-template-columns:226px 1fr;height:100%}@media(max-width:760px){.rahmen{grid-template-columns:1fr}.navi{display:none}}.navi{background:var(--nav);padding:18px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.navi__marke{padding:2px 6px 20px}.navi__gruppe{color:#64748b;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:16px 8px 6px}.navi a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);color:#94a3b8;font-size:13.5px;text-decoration:none}.navi a:hover{background:#ffffff0d;color:#cbd5e1}.navi a.aktiv{background:#39c65621;color:var(--marke);font-weight:600}.navi__punkt{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.75}.navi__zahl{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums}.inhalt{padding:26px 28px;overflow-y:auto}.kopf{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.kopf h1{font-size:21px}.kopf p{margin:3px 0 0;color:var(--schrift-3);font-size:13.5px}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.tafel{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius-gross);padding:22px}.leer{color:var(--schrift-2);max-width:62ch}.leer strong{color:var(--schrift)}.knopf--leise{background:var(--flaeche);color:var(--schrift);border:1px solid var(--linie-stark)}.knopf--leise:hover:not(:disabled){background:var(--seite)}.werkzeuge{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.werkzeuge input[type=search]{border:1px solid var(--linie-stark);border-radius:var(--radius);padding:8px 11px;font:inherit;font-size:13.5px;min-width:190px;background:var(--flaeche);color:var(--schrift)}.werkzeuge input[type=search]:focus{outline:none;border-color:var(--marke-schrift)}.werkzeuge label{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--schrift-2);-webkit-user-select:none;user-select:none;cursor:pointer}.werkzeuge .rechts{margin-left:auto;font-size:13px;color:var(--schrift-3)}.limit{font-size:13px;color:var(--schrift-2)}.limit strong{color:var(--schrift);font-variant-numeric:tabular-nums}.limit--leer strong{color:var(--fehl-schrift)}.tabelle{width:100%;border-collapse:collapse;font-size:13.5px}.tabelle th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--schrift-3);font-weight:600;padding:0 12px 9px;border-bottom:1px solid var(--linie)}.tabelle td{padding:11px 12px;border-bottom:1px solid var(--linie);vertical-align:top;overflow-wrap:anywhere}.tabelle tr:last-child td{border-bottom:none}.tabelle tbody tr:hover{background:var(--seite)}.tabelle td.zahl,.tabelle th.zahl{text-align:right;font-variant-numeric:tabular-nums}.tabelle .firma{font-weight:600}.tabelle .zweitzeile{color:var(--schrift-3);font-size:12.5px;margin-top:2px}.tabelle a{color:var(--marke-schrift)}.abzeichen{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.abzeichen+.abzeichen{margin-left:5px}.abzeichen--recht{background:var(--fehl-grund);color:var(--fehl-schrift)}.abzeichen--technik{background:var(--warn-grund);color:var(--warn-schrift)}.abzeichen--hinweis{background:var(--info-grund);color:var(--info-schrift)}.abzeichen--ok{background:var(--ok-grund);color:var(--ok-schrift)}.maengel{display:flex;flex-wrap:wrap;gap:5px 0;max-width:34ch}.knopf--klein{padding:6px 12px;font-size:13px}.blaettern{display:flex;align-items:center;gap:12px;margin-top:16px}.blaettern span{font-size:13px;color:var(--schrift-3)}.tabelle tr.anklickbar,.tabelle td.anklickbar{cursor:pointer}.reiter{display:flex;gap:4px}.reiter__knopf{border:1px solid transparent;background:none;cursor:pointer;font:inherit;font-size:13.5px;color:var(--schrift-2);padding:7px 13px;border-radius:var(--radius)}.reiter__knopf:hover{background:var(--flaeche)}.reiter__knopf.aktiv{background:var(--flaeche);border-color:var(--linie);color:var(--schrift);font-weight:600}.zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:1100px){.zweispaltig{grid-template-columns:1fr}}.tafel h3{font-size:15px;margin:0 0 12px}.tafel h4{font-size:13px;margin:18px 0 8px;color:var(--schrift-2)}.hinweis{font-size:12.5px;color:var(--schrift-3);margin:0 0 12px;max-width:66ch}.datenzeile{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid var(--linie);font-size:13.5px}.datenzeile:last-child{border-bottom:none}.datenzeile>span{color:var(--schrift-3)}.datenzeile a{color:var(--marke-schrift)}.befundliste{margin-top:14px}.befund{padding:9px 0;border-bottom:1px solid var(--linie);font-size:13.5px}.befund:last-child{border-bottom:none}.befund__grundlage{margin-left:8px;color:var(--schrift-3);font-size:12.5px}.befund__detail{color:var(--schrift-2);font-size:12.5px;margin-top:3px}.signale{margin:8px 0;padding-left:18px;font-size:12.5px;color:var(--schrift-2)}.signale li{margin:2px 0}.signale--eng{margin:4px 0 0}.kasten{border-radius:var(--radius-gross);padding:16px 18px;margin-bottom:16px;border:1px solid transparent}.kasten h3{margin:0 0 8px;font-size:15px}.kasten p{margin:0 0 8px;font-size:13.5px;max-width:78ch}.kasten--warnung{background:var(--warn-grund);border-color:#fde68a;color:var(--warn-schrift)}.kasten--info{background:var(--info-grund);border-color:#bfdbfe;color:var(--info-schrift)}.kasten strong,.kasten a{color:inherit}.kasten__ziel{font-size:15px!important;font-weight:600}.kasten__hinweis{font-size:12.5px!important;opacity:.85}.kasten__knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.verlauf__eintrag{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--linie);font-size:13.5px}.verlauf__eintrag:last-child{border-bottom:none}.verlauf__zeit{color:var(--schrift-3);font-size:12.5px}.verlauf__inhalt{color:var(--schrift-2);font-size:12.5px;margin-top:4px;word-break:break-all}.stufe{margin-bottom:14px}.stufe__kopf{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}.balken{height:8px;background:var(--seite);border-radius:4px;overflow:hidden}.balken__fuellung{height:100%;background:var(--marke-ink, #15803d);border-radius:4px}.signale{max-width:46ch}.tabelle td .signale li{word-break:break-word}.formularraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:16px}.tafel .feld{margin-bottom:14px}.tafel .feld input,.tafel .feld select{border:1px solid var(--linie-stark);border-radius:var(--radius);padding:8px 11px;font:inherit;font-size:13.5px;background:var(--flaeche);color:var(--schrift);width:100%}.tafel .feld input:focus,.tafel .feld select:focus{outline:none;border-color:var(--marke-schrift)}.feld__zusatz{font-weight:400;color:var(--schrift-3);font-size:12px}.tafel{overflow-x:auto}.tabelle{min-width:max-content}.erfassen{border-bottom:1px solid var(--linie);padding-bottom:16px;margin-bottom:16px}.typwahl{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.tafel textarea{border:1px solid var(--linie-stark);border-radius:var(--radius);padding:8px 11px;font:inherit;font-size:13.5px;width:100%;background:var(--flaeche);color:var(--schrift);resize:vertical}.tafel textarea:focus{outline:none;border-color:var(--marke-schrift)}.ankreuz{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--schrift-2);margin-bottom:14px;max-width:70ch;cursor:pointer}.ankreuz input{margin-top:2px}.verlauf__eintrag{grid-template-columns:150px 1fr auto}.verlauf__knoepfe{display:flex;gap:6px;align-items:flex-start}.erledigt{text-decoration:line-through;color:var(--schrift-3)}.gewaehlt{display:flex;align-items:center;gap:10px;font-size:13.5px}.trefferliste{border:1px solid var(--linie);border-radius:var(--radius);margin-top:4px;max-height:220px;overflow-y:auto;background:var(--flaeche)}.trefferliste button{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 11px;font:inherit;font-size:13.5px;cursor:pointer;border-bottom:1px solid var(--linie);color:var(--schrift)}.trefferliste button:last-child{border-bottom:none}.trefferliste button:hover{background:var(--seite)}.kalender{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}@media(max-width:1200px){.kalender{grid-template-columns:1fr}}.monat{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--linie)}.monat__kopf{background:var(--flaeche);padding:7px 8px;font-size:11.5px;font-weight:600;color:var(--schrift-3);text-transform:uppercase;letter-spacing:.04em}.monat__tag{background:var(--flaeche);border:none;min-height:92px;padding:6px 7px;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px;align-items:stretch}.monat__tag:hover{background:var(--seite)}.monat__tag--fremd{background:#fafbfc}.monat__tag--fremd .monat__zahl{color:var(--schrift-3)}.monat__tag--heute .monat__zahl{color:var(--marke-schrift);font-weight:700}.monat__tag--gewaehlt{outline:2px solid var(--marke-schrift);outline-offset:-2px}.monat__zahl{font-size:12.5px;font-variant-numeric:tabular-nums}.monat__punkt{background:var(--info-grund);color:var(--info-schrift);border-radius:4px;font-size:11px;padding:1px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monat__punkt.erledigt{background:var(--seite);color:var(--schrift-3)}.monat__mehr{font-size:10.5px;color:var(--schrift-3)}.platzhalter{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.platzhalter__knopf{border:1px solid var(--linie-stark);background:var(--seite);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;padding:3px 7px;border-radius:var(--radius);color:var(--schrift-2)}.platzhalter__knopf:hover{background:var(--flaeche);border-color:var(--marke-schrift)}.platzhalter__liste{margin:0;font-size:12px}.platzhalter__liste>div{display:grid;grid-template-columns:21ch 1fr;gap:10px;padding:3px 0}.platzhalter__liste dt{overflow-wrap:anywhere}.platzhalter__liste dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--schrift-2)}.platzhalter__liste dd{margin:0;color:var(--schrift-3)}.vorschau{background:var(--seite);border:1px solid var(--linie);border-radius:var(--radius);padding:14px 16px;font:inherit;font-size:13px;white-space:pre-wrap;margin:0;max-height:420px;overflow-y:auto}.vorschau__betreff{font-size:13px;margin:0 0 8px}.tabelle tr.gesperrt{opacity:.55}.tabelle tr.gesperrt:hover{opacity:1}.tabelle--eng{min-width:0}.tabelle--eng td:first-child{white-space:normal}.tabelle--fliessend{min-width:0}.tabelle--fliessend .fliesstext{max-width:52ch}.tabelle--fliessend .abzeichenfeld{display:flex;flex-wrap:wrap;gap:4px;max-width:26ch}
