@font-face{font-family:Mona Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/MonaSans-Variable.woff2)format("woff2")}:root{--grund:#17201e;--gedaempft:#5c635f;--linie:#e3dfd5;--akzent:#165458;--akzent-stark:#103f43;--boden:#f4f2ec;--flaeche:#fcfbf8;--fehler:#a32a1a;--fehler-boden:#f6e1dc;--radius:8px;font-family:Mona Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wortmarke{width:auto;height:34px;display:block}body{color:var(--grund);background:var(--boden);margin:0}main{max-width:60rem;margin:0 auto;padding:2rem 1.5rem}.kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}h1{margin:0;font-size:1.4rem}.unterzeile{color:var(--gedaempft);margin:.25rem 0 0;font-size:.9rem}h2{font-size:1.15rem}.version{color:var(--akzent);font-weight:600}.hinweis{color:var(--gedaempft)}.fehler{color:var(--fehler);background:var(--fehler-boden);border:1px solid var(--fehler-boden);border-radius:var(--radius);padding:.75rem 1rem}table.regelwerk{border-collapse:collapse;width:100%;margin-top:1rem}table.regelwerk th,table.regelwerk td{text-align:left;border-bottom:1px solid var(--linie);padding:.55rem .5rem;font-size:.95rem}table.regelwerk th[scope=row]{color:var(--gedaempft);font-weight:500}table.regelwerk td{font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid #0000;padding:.55rem 1rem}button.primaer{background:var(--akzent);color:var(--flaeche)}button.sekundaer{border-color:var(--linie);color:var(--grund);background:0 0}.anmelde-wand{text-align:center;color:var(--gedaempft);padding:3rem 1rem}.anmelde-wand button{margin-top:.5rem}.reiter-nav{border-bottom:1px solid var(--linie);gap:.5rem;margin-bottom:1.25rem;display:flex}.reiter{color:var(--gedaempft);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.5rem .25rem;font-weight:500}.reiter:hover{color:var(--grund)}.reiter.aktiv{color:var(--akzent-stark);border-bottom-color:var(--akzent);font-weight:600}.erfolg{color:#1e6b41;border-radius:var(--radius);background:#e4f1e9;border:1px solid #cfe6d9;padding:.75rem 1rem}.projekt-form,.formular{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:1rem 0 1.5rem;padding:1rem;display:flex}.feld{flex-direction:column;flex:12rem;gap:.3rem;display:flex}.feld label{color:var(--gedaempft);font-size:.8rem}.feld input{font:inherit;border:1px solid var(--linie);border-radius:var(--radius);background:var(--boden);color:var(--grund);padding:.5rem .6rem}.feld input:focus{border-color:var(--akzent);outline:none}.projekt-form button.primaer:disabled,.formular button.primaer:disabled{opacity:.5;cursor:not-allowed}.projekt-liste{flex-direction:column;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.projekt-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:.8rem 1rem}.projekt-kopf{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.projekt-kunde{font-weight:600}.projekt-meta{color:var(--gedaempft);flex-wrap:wrap;gap:.4rem;margin-top:.3rem;font-size:.85rem;display:flex}.projektnummer{font-variant-numeric:tabular-nums;color:var(--akzent);font-weight:600}.status-pille{white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.status-ersttermin{color:var(--akzent-stark);background:#eaf3f3}.status-in_arbeit{color:var(--gedaempft);background:var(--boden);border:1px solid var(--linie)}.status-abgeschlossen{color:#1e6b41;background:#e4f1e9}