:root{--bg:#f6f7f9;--flaeche:#fff;--text:#1d2330;--leise:#6b7280;--linie:#dde1e7;--akzent:#1f5fae;--akzent-hell:#e3edf9;--gefahr:#b42318;--a:#b42318;--b:#b26a00;--c:#2e7d32;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14171c;--flaeche:#1c2027;--text:#e6e8eb;--leise:#9aa3af;--linie:#2e343d;--akzent:#6ea8ff;--akzent-hell:#1e2c42;--gefahr:#ff7b72}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--akzent)}h1{margin:.5rem 0 1rem;font-size:1.4rem}.kopf{background:var(--flaeche);border-bottom:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}.kopf nav{flex:1;gap:1rem;display:flex}.kopf nav a{color:var(--leise);text-decoration:none}.kopf nav a.active{color:var(--akzent);font-weight:600}.seite{max-width:1200px;margin:0 auto;padding:1rem}.seite.schmal{max-width:420px;padding-top:10vh}.zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}button,.knopf{font:inherit;background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.45rem .9rem;text-decoration:none;display:inline-block}button.link{color:var(--akzent);background:0 0;padding:.45rem .3rem}button.gefahr,.gefahr{color:var(--gefahr)}input,select,textarea{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-radius:6px;padding:.4rem .5rem}.reiter{border-bottom:1px solid var(--linie);gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.reiter button{color:var(--leise);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0}.reiter button.aktiv{color:var(--akzent);border-bottom-color:var(--akzent);font-weight:600}.filter{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter>input:first-child{flex:1;min-width:180px}.liste{border-collapse:collapse;background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;width:100%;overflow:hidden}.liste th,.liste td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:.5rem .6rem}.liste th{color:var(--leise);font-size:.8rem;font-weight:600}.liste tbody tr:hover{background:var(--akzent-hell);cursor:pointer}.liste td.text{white-space:pre-wrap}.liste tr.erledigt td{color:var(--leise);text-decoration:line-through}.leer{color:var(--leise);text-align:center;padding:1.5rem}@media (width<=700px){.liste{display:block;overflow-x:auto}}.prio{text-align:center;color:#fff;background:var(--leise);border-radius:4px;min-width:1.6em;font-weight:700;display:inline-block}.prio-A{background:var(--a)}.prio-B{background:var(--b)}.prio-C{background:var(--c)}.maske{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;flex-direction:column;gap:.9rem;max-width:560px;padding:1.25rem;display:flex}.maske label{color:var(--leise);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.maske label.haken{flex-direction:row;align-items:center}.paar{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.fehler{color:var(--gefahr)}.info{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;grid-template-columns:max-content 1fr;gap:.4rem 1.5rem;padding:1rem;display:grid}.info dt{color:var(--leise)}.info dd{margin:0}.gantt{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;display:flex;overflow:hidden}.gantt-namen{border-right:1px solid var(--linie);flex-shrink:0;width:240px}.gantt-name{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--linie);height:32px;padding:0 .6rem;font-size:.85rem;line-height:32px;overflow:hidden}.gantt-flaeche{flex:1;overflow-x:auto}.gantt-kopf{border-bottom:1px solid var(--linie);height:28px;color:var(--leise);font-size:.75rem;display:flex}.gantt-kopf>div{border-right:1px solid var(--linie);text-align:center;flex-shrink:0;line-height:28px;overflow:hidden}.gantt-kopf>div.we{background:var(--bg)}.gantt-zeile{border-bottom:1px solid var(--linie);height:32px;position:relative}.gantt-balken{background:var(--akzent);border-radius:4px;height:16px;position:absolute;top:8px}.gantt-balken.art-projekt{background:var(--leise)}.gantt-balken.art-termin{background:var(--b)}.gantt-balken.erledigt{opacity:.4}.gantt-raute{background:var(--a);width:14px;height:14px;position:absolute;top:9px;transform:rotate(45deg)}.gantt-heute{background:var(--gefahr);opacity:.6;z-index:1;width:2px;position:absolute;top:0;bottom:0}@media (width<=700px){.gantt-namen{width:130px}}.maske .zeile{justify-content:flex-start}.gantt-name.kopf,.gantt-zeile.kopf{background:var(--bg)}.gantt-name.kopf a{font-weight:600}.gantt-name.eingerueckt{padding-left:1.4rem}.ansicht{gap:.25rem;margin-left:auto;display:flex}.ansicht button{background:var(--flaeche);color:var(--leise);border:1px solid var(--linie)}.ansicht button.aktiv{background:var(--akzent);color:#fff;border-color:var(--akzent)}.filter label.haken{align-items:center;gap:.3rem;display:flex}