:root{--bg: #f3f2ef;--panel: #fff;--ink: #1f2430;--muted: #6f7280;--line: #e7e2da;--accent: #2f6bd8;--accent-d: #24408f;--accent-soft: #e9eefb;--ok: #15803d;--ok-soft: #f0f8f2;--warn: #c2410c;--warn-soft: #fdf8e8;--danger: #be123c;--danger-soft: #fdf0f0;--radius: 12px;--radius-s: 8px;--shadow-1: 0 1px 2px rgba(40, 45, 60, .05), 0 8px 24px rgba(40, 45, 60, .06);--shadow-2: 0 8px 30px rgba(40, 45, 60, .1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-d);text-decoration:underline}code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12.5px}.schale{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,#1b2b47 0 248px,var(--bg) 248px)}.seitenleiste{background:linear-gradient(180deg,#182338,#1b2b47);color:#dbe8f1;display:flex;flex-direction:column;gap:4px;padding:16px 12px 12px;position:sticky;top:0;align-self:start;height:100vh}.seitenleiste .haus{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;font-size:16px;font-weight:700;color:#fff;letter-spacing:.2px}.seitenleiste .haus .zeichen{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);font-size:14px}.seitenleiste .anlegen{display:block;text-align:center;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:10px;padding:9px 12px;font-weight:700;margin:0 0 16px;box-shadow:0 2px 10px #2f6bd859}.seitenleiste .anlegen:hover{background:var(--accent-d);color:#fff;text-decoration:none}.seitenleiste .gruppe{font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:#7d90a8;font-weight:700;margin:14px 0 4px;padding:0 10px}.seitenleiste nav{display:flex;flex-direction:column;gap:2px}.seitenleiste nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:#c6d5e6;font-weight:600;font-size:14px;text-decoration:none;border-left:3px solid transparent;transition:background .14s,color .14s}.seitenleiste nav a:hover{background:#ffffff12;color:#fff;text-decoration:none}.seitenleiste nav a.active{background:#ffffff1f;color:#fff;border-left-color:var(--accent)}.seitenleiste nav a .sinnbild{width:18px;text-align:center;opacity:.9}.seitenleiste .wer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:flex;align-items:center;gap:10px}.seitenleiste .wer .kreis{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:12.5px}.seitenleiste .wer .name{font-weight:600;color:#fff;line-height:1.25}.seitenleiste .wer .klein{color:#8fa4bb;font-size:11.5px}.seitenleiste .wer button{margin-left:auto;background:#ffffff14;color:#dbe8f1;border:1px solid rgba(255,255,255,.14);font-size:12px;padding:5px 9px;border-radius:8px;font-weight:600}.seitenleiste .wer button:hover{background:#fff3;color:#fff}.kopfzeile{display:flex;align-items:center;gap:14px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line)}.kopfzeile .ort{font-size:11.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:700}.kopfzeile .titel{font-size:19px;font-weight:700;margin:0;line-height:1.2;border:none;padding:0}.kopfzeile form{margin-left:auto}.kopfzeile input[type=search]{width:min(380px,34vw);background:var(--bg);border-radius:999px;padding:8px 14px}main{padding:20px 22px 40px;max-width:1420px}main>section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:18px 20px 22px}.karte{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:16px 18px 18px;margin:0 0 16px}.karte>h2:first-child{margin-top:0}.karte.blank{padding:0;overflow:hidden}.karte.blank table{margin:0}.karte.blank .kartenkopf{padding:14px 18px 12px;border-bottom:1px solid var(--line)}.kartenkopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kartenkopf h2{margin:0;border:none;padding:0;font-size:15.5px}.kartenkopf .rechts{margin-left:auto;display:flex;gap:8px;align-items:center}h1{font-size:20px;margin:0 0 4px}h2{font-size:15px;margin:26px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}h3{font-size:14px;margin:0 0 6px}p{margin:8px 0}.klein{color:var(--muted);font-size:12.5px}main.anmelden{max-width:420px;margin:8vh auto;padding:0 18px}main.anmelden h1{text-align:center;font-size:24px;margin-bottom:18px;color:var(--accent-d)}main.anmelden form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:22px 24px 26px}main.anmelden h2{margin-top:0}main.anmelden input{width:100%}main.anmelden button[type=submit]{width:100%;margin-top:12px}input,select,textarea{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-s);font-size:14px;font-family:inherit;background:#fff;color:var(--ink);max-width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}label{display:block;font-weight:600;margin-bottom:3px}button{padding:7px 13px;border:1px solid var(--line);border-radius:var(--radius-s);background:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;color:var(--ink);transition:background .14s,border-color .14s,color .14s}button:hover:not(:disabled){background:var(--bg);border-color:var(--accent);color:var(--accent-d)}button:disabled{opacity:.55;cursor:default}form button[type=submit],button.wichtig{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2f6bd847}form button[type=submit]:hover:not(:disabled),button.wichtig:hover:not(:disabled){background:var(--accent-d);color:#fff;border-color:var(--accent-d)}button.flach{border:none;background:none;color:var(--accent);font-weight:400;padding:2px 4px;font-size:13px;text-decoration:underline}button.flach:hover{background:none;color:var(--accent-d)}table{width:100%;border-collapse:collapse;background:var(--panel);margin:4px 0 6px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th{background:#f1efe9;font-weight:600;color:var(--muted);text-transform:uppercase;font-size:11.5px;letter-spacing:.4px}tbody tr:hover{background:#eef2fb}tr.rot td{background:var(--danger-soft)}tr.rot:hover td{background:#fbe4e6}tr.papierkorb td,tr.papierkorb a{color:var(--muted)}dl.daten{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:8px 0}dl.daten>div{display:contents}dl.daten dt{color:var(--muted);font-size:12.5px;padding-top:1px}dl.daten dd{margin:0}.meldung{padding:10px 14px;border-radius:var(--radius-s);border:1px solid var(--line);margin:10px 0;line-height:1.45}.meldung.gut{background:var(--ok-soft);border-color:#cfe7d8;color:#14532d}.meldung.hinweis{background:var(--warn-soft);border-color:#efe2b8}.meldung.fehler{background:var(--danger-soft);border-color:#f2cfd4;color:#86123a}.leer{color:var(--muted);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-s);padding:14px 16px;margin:8px 0}.laedt{color:var(--muted);padding:10px 2px}ul.maengel,ul.hinweise{margin:8px 0;padding-left:20px}ul.maengel li{color:#86123a;margin-bottom:4px}ul.hinweise li{color:var(--muted);margin-bottom:4px}.ampel{display:inline-block;font-weight:700;padding:2px 10px;border-radius:999px;font-size:12px;letter-spacing:.2px}.ampel.gruen{color:var(--ok);background:var(--ok-soft);border:1px solid #cfe7d8}.ampel.rot{color:#fff;background:var(--danger);border:1px solid var(--danger)}.ampel.gelb{color:#7c5e00;background:#fdf6dd;border:1px solid #eab308}.marke{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--accent-soft);color:var(--accent-d)}.aendern-block{margin:6px 0 14px 18px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-s)}.rechteliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 18px;margin:8px 0 14px}.rechteliste label{display:block}.rechteliste .klein{display:block;margin-left:24px}.codeblock{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-all;background:#fbfaf8;border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;margin:6px 0 12px}.hinweis-klein{font-size:12.5px;color:var(--muted);background:var(--accent-soft);border-radius:var(--radius-s);padding:8px 12px;margin:0 0 12px}.reiter{display:flex;flex-wrap:wrap;gap:2px;margin:14px 0 18px;border-bottom:1px solid var(--line)}.reiter button{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;padding:8px 14px;color:var(--muted);font-weight:600;cursor:pointer}.reiter button:hover{color:var(--ink);background:var(--accent-soft)}.reiter button.reiter-an{color:var(--accent-d);border-bottom-color:var(--accent);background:transparent}.projektkopf{margin:0 0 6px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s)}.zaehler{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.marke.leer{background:transparent;color:var(--muted);border:1px solid var(--line)}.lampen{list-style:none;margin:0 0 18px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:22px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s)}.lampen li{display:flex;align-items:center;gap:8px;font-weight:600}.luecke{color:var(--warn);font-style:italic}.verborgen{color:var(--muted);font-style:italic}.geld{font-variant-numeric:tabular-nums;white-space:nowrap}.hinweis-klein,p.hinweis{color:var(--muted);font-size:12.5px}.suchleiste{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:8px}.suchleiste label{margin-bottom:0}.suchleiste input#suchtext{min-width:340px}.suchleiste .ankreuz{display:flex;align-items:center;gap:6px;font-weight:400}.suchleiste .ankreuz input{margin:0}.bogen{max-width:46rem}.bogenzeile{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;max-width:46rem}.bogenzeile .klein{margin-top:1px}.bogenfuss{margin:14px 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pflicht{color:var(--danger)}.objekt{border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 14px;margin:0 0 12px;background:#fcfcfb}.objekt h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.objekt.papierkorb{opacity:.7}.einstellungen td{vertical-align:top}.einstellungen .aendern{display:flex;gap:6px;align-items:center;flex-wrap:wrap}@media(max-width:700px){main{padding:12px}main>section{padding:14px}header{flex-wrap:wrap}.suchleiste input#suchtext{min-width:0;width:100%}dl.daten{grid-template-columns:1fr;gap:2px}dl.daten dd{margin-bottom:8px}}.wegweiser{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:10px 0 4px}.weg{border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 14px;background:#fcfcfb}.weg h3{margin:0 0 4px;font-size:14.5px}.weg p{margin:0}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 18px}.kachel{text-align:left;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 15px;background:var(--panel);box-shadow:var(--shadow-1);cursor:pointer;font-weight:400;transition:transform .12s,box-shadow .12s,border-color .12s}.kachel:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-2);border-color:var(--accent);background:var(--panel);color:var(--ink)}.kachel .kopf{display:flex;width:100%;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:12.5px}.kachel .zahl{display:block;font-size:30px;font-weight:700;line-height:1.15;margin:6px 0 2px;font-variant-numeric:tabular-nums}.kachel .fuss{display:block;font-size:12px;color:var(--muted)}.kachel.an{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-1)}.kachel.blau{background:linear-gradient(160deg,#eef3fd,#fbfcff)}.kachel.rot{background:linear-gradient(160deg,#fdf0f1,#fffcfc)}.kachel.gruen{background:linear-gradient(160deg,#eff8f2,#fbfefc)}.kachel.gelb{background:linear-gradient(160deg,#fdf7e8,#fffdf8)}.kachel.rot .zahl{color:#9f1239}.kachel.gruen .zahl{color:#14532d}.zustand{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}.zustand.z-eingegangen{background:#eef3fd;color:#24408f;border-color:#d6e2fa}.zustand.z-aufnahme{background:#f1eefd;color:#4338ca;border-color:#ddd6fe}.zustand.z-angebot_offen{background:#fdf7e8;color:#854d0e;border-color:#f5e6bf}.zustand.z-angenommen{background:#eff8f2;color:#14532d;border-color:#cfe7d8}.zustand.z-geplant{background:#e8f5fb;color:#0e5a75;border-color:#c8e6f2}.zustand.z-ausgefuehrt{background:#eef3fd;color:#1e3a8a;border-color:#d6e2fa}.zustand.z-abgerechnet{background:#fdf2e8;color:#9a3412;border-color:#f6ddc5}.zustand.z-bezahlt{background:#eff8f2;color:#14532d;border-color:#cfe7d8}.zustand.z-verloren{background:#f4f4f5;color:#52525b;border-color:#e4e4e7}.filterleiste{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.filterleiste .schub{margin-left:auto}.filterleiste .pille{border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.filterleiste .pille:hover:not(:disabled){border-color:var(--accent);color:var(--accent-d);background:var(--panel)}.filterleiste .pille.an{background:var(--accent);border-color:var(--accent);color:#fff}.filterleiste .pille .anzahl{opacity:.75;font-weight:700;margin-left:4px}.aktenkopf{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;padding:16px 20px 14px}.aktenkopf .zeile1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.aktenkopf h1{margin:0;font-size:21px}.aktenkopf .zeile2{margin-top:6px;color:var(--muted);font-size:13px}.aktenkopf .zeile2 a{font-weight:600}.aktenreiter{background:var(--panel);border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:0 12px;display:flex;flex-wrap:wrap;gap:2px;margin:0}.aktenreiter button{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;padding:10px 14px;color:var(--muted);font-weight:600;cursor:pointer}.aktenreiter button:hover{color:var(--accent-d);background:var(--accent-soft)}.aktenreiter button.reiter-an{color:var(--accent-d);border-bottom-color:var(--accent);background:transparent}.aktenblatt{background:var(--panel);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-1);padding:18px 20px 22px}.aktenblatt>h2:first-child{margin-top:0}@media(max-width:980px){.schale{grid-template-columns:1fr;background:var(--bg)}.seitenleiste{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px}.seitenleiste .gruppe{display:none}.seitenleiste nav{flex-direction:row;flex-wrap:wrap}.seitenleiste .anlegen{margin:0;padding:7px 12px}.seitenleiste .wer{margin-top:0;border-top:none;padding-top:0;margin-left:auto}.kopfzeile{flex-wrap:wrap}.kopfzeile form{margin-left:0;width:100%}.kopfzeile input[type=search]{width:100%}}.karte.blank .innen{padding:0 18px 16px}.karte.blank .filterleiste.innen{padding:12px 18px 0}.anhaken{font-weight:400;display:inline-flex;align-items:center;gap:4px}.anhaken input{margin:0}