*{box-sizing:border-box;margin:0;padding:0}:root{--rand:#d9dee4;--text:#1c2733;--text-schwach:#64748b;--flaeche:#f4f6f8;--akzent:#0f3a5f}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--flaeche);font-size:14px}a{color:inherit;text-decoration:none}.kopf{background:var(--akzent);color:#fff;display:flex;align-items:center;gap:28px;padding:0 20px;height:52px}.kopf .logo{font-weight:700;letter-spacing:.4px;font-size:15px}.kopf .logo span{opacity:.65;font-weight:400}.kopf nav{display:flex;gap:4px;height:100%}.kopf nav a{display:flex;align-items:center;padding:0 14px;color:rgba(255,255,255,.75);border-bottom:3px solid transparent}.kopf nav a.aktiv{color:#fff;border-bottom-color:#7fc4ea}.kopf .mock-hinweis{margin-left:auto;font-size:12px;background:rgba(255,255,255,.14);padding:4px 10px;border-radius:20px;color:rgba(255,255,255,.85)}.inhalt{padding:18px 20px 40px}.werkzeuge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.werkzeuge .titel{font-size:18px;font-weight:700;margin-right:8px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid var(--rand);background:#fff;border-radius:20px;padding:5px 12px;cursor:pointer;font-size:13px;color:var(--text)}.tabs button.aktiv{background:var(--akzent);color:#fff;border-color:var(--akzent)}.wochen-nav{margin-left:auto;display:flex;align-items:center;gap:8px}.wochen-nav button{border:1px solid var(--rand);background:#fff;border-radius:6px;padding:5px 10px;cursor:pointer;font-size:13px}.wochen-nav .zeitraum{font-size:13px;color:var(--text-schwach);min-width:150px;text-align:center}.board{background:#fff;border:1px solid var(--rand);border-radius:10px;overflow:auto}.board-kopfzeile,.bu-zeile,.raum-zeile{display:grid;grid-template-columns:200px 1fr}.board-kopfzeile{border-bottom:1px solid var(--rand);position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:3}.ecke{padding:8px 12px;font-size:12px;color:var(--text-schwach)}.tage{display:grid}.tag-kopf{text-align:center;padding:6px 2px;font-size:11.5px;color:var(--text-schwach);border-left:1px solid #eef1f4}.tag-kopf .datum{display:block;font-size:12.5px;color:var(--text);font-weight:600}.tag-kopf.wochenende{background:#f7f8fa}.tag-kopf.heute .datum{color:#0b74b8}.bu-zeile{background:#eef2f6;border-bottom:1px solid var(--rand)}.bu-zeile .bu-name{padding:7px 12px;font-weight:700;font-size:13px}.raum-zeile{border-bottom:1px solid #eef1f4}.raum-zeile:last-child{border-bottom:none}.raum-name{padding:8px 12px 8px 22px;font-size:13px;color:var(--text);align-self:center}.raum-name .sektion{color:var(--text-schwach);font-size:11px;margin-left:6px}.spur{position:relative}.spur .raster{position:absolute;inset:0;display:grid}.spur .zelle{border-left:1px solid #eef1f4}.spur .zelle.wochenende{background:#f7f8fa}.spur .zelle.heute{background:#eaf5fc}.balken{position:absolute;height:22px;border-radius:4px;font-size:11.5px;line-height:22px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px rgba(0,0,0,.18);cursor:default}.balken.option{opacity:.9}.balken .rang{display:inline-block;background:rgba(0,0,0,.25);color:#fff;border-radius:3px;font-size:10px;padding:0 4px;margin-right:5px;vertical-align:1px}.unten{display:grid;grid-template-columns:1fr 320px;grid-gap:16px;gap:16px;margin-top:16px;align-items:start}@media (max-width:900px){.unten{grid-template-columns:1fr}}.karte{background:#fff;border:1px solid var(--rand);border-radius:10px;padding:14px 16px}.karte h2 span{color:var(--text-schwach);font-weight:400;font-size:12.5px}.backlog-eintrag{display:flex;gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid #eef1f4;font-size:13px}.backlog-eintrag:first-of-type{border-top:none}.backlog-eintrag .nr{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.backlog-eintrag .bu{margin-left:auto;color:var(--text-schwach);font-size:12px}.legende{display:flex;flex-direction:column;gap:6px}.legende .eintrag{display:flex;align-items:center;gap:8px;font-size:12.5px}.legende .farbe{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.15);flex:none}.legende .farbe.offen{background:repeating-linear-gradient(45deg,#eee,#eee 3px,#fff 0,#fff 6px)}.formular{max-width:860px;gap:14px}.formular,.formular label{display:flex;flex-direction:column}.formular label{gap:5px;font-size:12.5px;color:var(--text-schwach);flex:1 1}.formular input,.formular select,.formular textarea{border:1px solid var(--rand);border-radius:6px;padding:8px 10px;font-size:14px;color:var(--text);font-family:inherit;background:#fff}.formular input:focus,.formular select:focus,.formular textarea:focus{outline:2px solid #7fc4ea;outline-offset:0}.feld-reihe{display:flex;gap:12px;flex-wrap:wrap}.fehlerbox{background:#fdecec;border:1px solid #f1b8b8;color:#a12622;border-radius:8px;padding:10px 12px;font-size:13px}.hinweis{font-size:12.5px;color:var(--text-schwach)}.aktionen{display:flex;gap:10px}.aktionen button{border:1px solid var(--rand);background:#fff;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px}.aktionen button.primaer{background:var(--akzent);color:#fff;border-color:var(--akzent)}.aktionen button:disabled{opacity:.6;cursor:default}.neu-knopf{background:var(--akzent);color:#fff;border-radius:6px;padding:6px 12px;font-size:13px;display:inline-block}.leer-hinweis{padding:28px 20px;font-size:14px;color:var(--text-schwach)}.leer-hinweis a{color:#0b74b8}.tabelle{width:100%;border-collapse:collapse;background:#fff}.tabelle td,.tabelle th{text-align:left;padding:9px 12px;border-bottom:1px solid #eef1f4;font-size:13px}.tabelle th{font-size:12px;color:var(--text-schwach);font-weight:600;background:#fafbfc}.tabelle .nr{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--rand);border-radius:20px;padding:2px 9px;background:#fff}.status-chip .punkt{width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.15)}.kopf .abmelden{font-size:12.5px;color:rgba(255,255,255,.75);margin-left:12px}.kopf .abmelden:hover{color:#fff}.login-rahmen{display:flex;justify-content:center;padding-top:8vh}.login-karte{width:380px}.login-logo{font-weight:700;font-size:18px;color:var(--akzent)}.login-logo span{opacity:.6;font-weight:400}.infobox{background:#eaf6ec;border:1px solid #b7dfc0;color:#1d6b32;border-radius:8px;padding:10px 12px;font-size:13px}.detail-bu{color:var(--text-schwach);font-size:13px}.detail-spalten{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:1000px){.detail-spalten{grid-template-columns:1fr}}.karte h2{font-size:14px;margin-bottom:10px}.buchungs-zeile{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #eef1f4;font-size:13px}.buchungs-zeile:first-of-type{border-top:none}.zeitraum-text{color:var(--text-schwach)}.typ-marke{font-size:11px;font-weight:600;border-radius:4px;padding:2px 7px;background:#00B0F0;color:#fff}.typ-marke.option{background:repeating-linear-gradient(45deg,#FFFF00,#FFFF00 5px,#fff 0,#fff 8px);color:#1c2733;border:1px solid #e0e0a0}.loeschen{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--text-schwach);font-size:13px;padding:2px 6px;border-radius:4px}.loeschen:hover{background:#fdecec;color:#a12622}.buchung-neu,.position-neu{margin-top:12px;padding-top:12px;border-top:1px solid var(--rand)}.tabelle.laufzettel .zahl{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabelle.laufzettel .gesamt{font-weight:700;border-top:2px solid var(--rand)}.tabelle.laufzettel .loeschen{margin-left:0}.projekt-link{color:#0b74b8}.projekt-link:hover{text-decoration:underline}.unten-links{display:flex;flex-direction:column;gap:16px}.flagge{display:inline-block;font-size:11.5px;font-weight:600;border-radius:4px;padding:2px 7px;white-space:nowrap}.flagge.gelb{background:#fff3bf;color:#8a6d00;border:1px solid #f0dd7a}.flagge.rot{background:#fdecec;color:#a12622;border:1px solid #f1b8b8}.flagge.gestellt{background:#eef2f6;color:var(--text-schwach);border:1px solid var(--rand)}.flagge.bezahlt{background:#eaf6ec;color:#1d6b32;border:1px solid #b7dfc0}.frist{font-size:12px;color:#8a6d00;background:#fff3bf;border-radius:4px;padding:1px 7px}.frist.abgelaufen{color:#a12622;background:#fdecec;font-weight:600}.fest-machen{border:1px solid var(--rand);background:#fff;border-radius:5px;padding:3px 9px;cursor:pointer;font-size:12px;color:var(--akzent);font-weight:600}.fest-machen:hover{background:var(--akzent);color:#fff;border-color:var(--akzent)}.filter-hinweis{font-size:13px;color:var(--text-schwach)}.filter-hinweis a{color:#0b74b8;margin-left:6px}