:root{color-scheme:light dark;--signal: #1dd1a1;--signal-text: #0a7458;--auf-signal: #0d0f12;--grund: #f1f3f5;--flaeche: #ffffff;--flaeche-2: #e7ebee;--linie: #cfd6dc;--text: #14181d;--text-2: #56606c;--fokus: var(--signal-text);--ok-text: #14603c;--ok-grund: #dcf2e6;--warn-text: #7a4a00;--warn-grund: #fbeccf;--bad-text: #9c1c1c;--bad-grund: #fbe2e0;--idle-text: #47505c;--idle-grund: #e7eaee;--info-text: #1c5a85;--info-grund: #deecf6;--schrift: "Avenir Next", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif}@media(prefers-color-scheme:dark){:root{--signal-text: var(--signal);--grund: #0d0f12;--flaeche: #16191e;--flaeche-2: #20252b;--linie: #333a43;--text: #f2f0eb;--text-2: #a6aeb8;--fokus: var(--signal);--ok-text: #86e3b5;--ok-grund: #15322a;--warn-text: #f2c26b;--warn-grund: #3a2c12;--bad-text: #f5a39b;--bad-grund: #3e1c1c;--idle-text: #bcc3cc;--idle-grund: #262b32;--info-text: #9dcdf0;--info-grund: #16303f}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:1rem;line-height:1.5;-webkit-text-size-adjust:100%}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}h1{font-size:clamp(2rem,7vw,3.25rem);font-weight:700;line-height:1.08;letter-spacing:-.02em}h2{font-size:1.375rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}h3{font-size:1.0625rem;font-weight:600;line-height:1.3}a,.link-knopf{color:var(--signal-text);text-underline-offset:.15em}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.unsichtbar{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gedaempft{color:var(--text-2);font-size:.9375rem}.zeilenumbruch{white-space:pre-wrap;overflow-wrap:anywhere}.kopfzeile{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.75rem + env(safe-area-inset-top)) 1.25rem .75rem;border-bottom:1px solid var(--linie);background:var(--flaeche)}.schriftzug{color:var(--text);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;border-left:4px solid var(--signal);padding-left:.625rem}.seite{width:100%;max-width:76rem;margin:0 auto;padding:1.5rem 1.25rem calc(4rem + env(safe-area-inset-bottom))}.seite-schmal{display:grid;gap:1.25rem;justify-items:start;max-width:30rem;padding-top:3rem}.seite-schmal>form{width:100%}.banner{padding:.625rem 1.25rem;background:var(--warn-grund);color:var(--warn-text)}.lade-hinweis{padding:3rem 1.25rem;color:var(--text-2);text-align:center}.titel-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.abschnitt{display:grid;gap:1rem;min-width:0;margin-top:2.5rem}.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem 1rem;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);color:var(--text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.knopf:hover:not(:disabled){border-color:var(--text-2)}.knopf:disabled{opacity:.55;cursor:not-allowed}.knopf-haupt{border-color:var(--signal);background:var(--signal);color:var(--auf-signal)}.knopf-haupt:hover:not(:disabled){border-color:var(--text)}.knopf-still{min-height:2.25rem;padding:.25rem .625rem;border-color:transparent;background:transparent;color:var(--signal-text)}.knopf-reihe{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.link-knopf{padding:0;border:0;background:none;font:inherit;text-align:left;text-decoration:underline;cursor:pointer}.formular{display:grid;gap:1rem}.formular>.knopf{justify-self:start}.feld{display:grid;gap:.25rem}.feld-label{font-size:.9375rem;font-weight:600}.feld-hinweis{color:var(--text-2);font-size:.875rem}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;min-height:2.75rem;padding:.5rem .625rem;border:1px solid var(--text-2);border-radius:6px;background:var(--flaeche);color:var(--text);font:inherit;font-size:1rem}textarea{resize:vertical}input[type=file]{width:100%;font:inherit}.haken{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;cursor:pointer}.haken input{width:1.125rem;height:1.125rem;accent-color:var(--signal)}.meldung{padding:.625rem .75rem;border-radius:6px;background:var(--flaeche-2)}.meldung-fehler{background:var(--bad-grund);color:var(--bad-text)}.pill{display:inline-block;padding:.125rem .625rem;border-radius:999px;font-size:.875rem;font-weight:600;white-space:nowrap}.pill-info{background:var(--info-grund);color:var(--info-text)}.pill-ok{background:var(--ok-grund);color:var(--ok-text)}.pill-warn{background:var(--warn-grund);color:var(--warn-text)}.pill-bad{background:var(--bad-grund);color:var(--bad-text)}.pill-idle{background:var(--idle-grund);color:var(--idle-text)}.projekt-liste{display:grid;border-top:1px solid var(--linie)}.projekt-liste li{border-bottom:1px solid var(--linie)}.projekt-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem 1rem;padding:1rem 0;color:inherit;text-decoration:none}.projekt-zeile-titel{flex:1 1 16rem;font-size:1.125rem;font-weight:600}.projekt-zeile:hover .projekt-zeile-titel{color:var(--signal-text)}.offen-hervorgehoben{padding:1rem 1.25rem;border-left:4px solid var(--warn-text);background:var(--warn-grund)}.offen-liste{display:grid;gap:.75rem}.offen-liste li{display:grid}.offen-hervorgehoben a,.offen-hervorgehoben .gedaempft{color:var(--text)}.projekt-kopf{display:grid;gap:.5rem;justify-items:start;padding-top:.5rem}.projekt-kunde{color:var(--signal-text);font-weight:600}.projekt-untertitel{max-width:40rem;color:var(--text-2);font-size:1.125rem}.kennzahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.75rem;border-block:1px solid var(--linie)}.kennzahl{padding:.875rem 1rem .875rem 0;min-width:0}.kennzahl dt{color:var(--text-2);font-size:.875rem}.kennzahl-wert{display:block;font-size:1.0625rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.kennzahl-zusatz{display:block;color:var(--text-2);font-size:.875rem}.admin-leiste{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.admin-leiste .knopf[aria-pressed=true]{border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal)}.projekt-spalten{display:grid;grid-template-columns:minmax(0,1fr)}.projekt-spalte{min-width:0}.fahrplan-phase{position:relative;display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;padding-bottom:1.25rem}.fahrplan-phase:last-child{padding-bottom:0}.fahrplan-phase:not(:last-child):before{content:"";position:absolute;top:1.5rem;bottom:0;left:calc(.75rem - 1px);width:2px;background:var(--linie)}.fahrplan-done:not(:last-child):before{background:var(--ok-text)}.fahrplan-punkt{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid var(--linie);border-radius:50%;background:var(--grund)}.fahrplan-done .fahrplan-punkt{border-color:var(--ok-text);background:var(--ok-text);color:var(--grund)}.fahrplan-active .fahrplan-punkt{border:4px solid var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 28%,transparent)}.fahrplan-name{display:block;font-weight:600}.fahrplan-next .fahrplan-name{color:var(--text-2);font-weight:500}.fahrplan-wann,.fahrplan-notiz{display:block;color:var(--text-2);font-size:.9375rem}.fahrplan-wer{display:inline-block;margin-top:.25rem;padding:0 .5rem;border-radius:4px;background:var(--warn-grund);color:var(--warn-text);font-size:.875rem;font-weight:600}.freigaben{display:grid;gap:1rem}.freigabe{display:grid;gap:.875rem;min-width:0;padding:1rem 1.125rem;border:1px solid var(--linie);border-left:4px solid var(--linie);border-radius:4px;background:var(--flaeche)}.freigabe-offen{border-left-color:var(--warn-text)}.freigabe-freigegeben{border-left-color:var(--ok-text)}.freigabe-korrektur{border-left-color:var(--bad-text)}.freigabe-geplant{padding-block:.625rem;background:transparent}.freigabe-geplant h3{color:var(--text-2);font-weight:500}.freigabe-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.freigabe-version{color:var(--text-2);font-weight:500}.entscheidung,.ergebnis{display:grid;gap:.75rem;justify-items:stretch}.ergebnis .knopf{justify-self:start}.video{display:grid;gap:.75rem;min-width:0;justify-items:stretch}.video>.knopf{justify-self:start}.video-rahmen{position:relative;aspect-ratio:var(--video-verhaeltnis, 16 / 9);overflow:hidden;background:#000}.video-rahmen-hochkant{justify-self:center;width:min(100%,calc(75vh * var(--video-verhaeltnis)));max-height:75vh}.video-rahmen iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.marker-leiste{position:relative;height:1.75rem;margin-inline:.5rem;background:linear-gradient(var(--linie),var(--linie)) center / 100% 2px no-repeat}.marker{position:absolute;top:0;width:1rem;height:100%;margin-left:-.5rem;padding:0;border:0;background:none;cursor:pointer}.marker:after{content:"";position:absolute;top:.25rem;bottom:.25rem;left:calc(50% - 2px);width:4px;border-radius:2px;background:var(--signal)}.marker-erledigt:after{background:var(--text-2)}.marker-kopf{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--text)}.kommentare{display:grid;gap:.25rem}.kommentar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding-block:.625rem;border-top:1px solid var(--linie)}.kommentar-inhalt{display:grid;gap:.25rem;min-width:0}.zeitstempel{min-width:3.5rem;min-height:2.25rem;padding:.125rem .5rem;border:0;border-radius:3px;background:var(--signal);color:var(--auf-signal);font:inherit;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.kommentar-erledigt .zeitstempel{background:var(--flaeche-2);color:var(--text-2)}.kommentar-erledigt .zeilenumbruch{color:var(--text-2)}.dateien{display:grid}.datei{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-block:.625rem;border-top:1px solid var(--linie);overflow-wrap:anywhere}.datei-inhalt{display:grid;gap:.125rem;min-width:0}.upload{padding-top:1rem;border-top:1px solid var(--linie)}.fortschritt{display:grid;gap:.5rem;justify-items:start}.fortschritt label{display:grid;gap:.25rem;width:100%}progress{width:100%;height:.625rem;accent-color:var(--signal)}.angebot{display:grid;gap:.75rem;justify-items:stretch;padding:1rem 1.125rem;border:1px solid var(--linie);border-radius:4px;background:var(--flaeche)}.angebot>.knopf{justify-self:start}.angaben{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.angaben dt{color:var(--text-2);font-size:.875rem}.tabelle-rahmen{overflow-x:auto}.tabelle{width:100%;border-collapse:collapse}.tabelle th{color:var(--text-2);font-size:.875rem;font-weight:500;text-align:left}.tabelle th,.tabelle td{padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--linie);vertical-align:top}.tabelle-notiz{display:block;color:var(--text-2);font-size:.875rem}.verlauf{display:grid;gap:.5rem}.verlauf li{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.75rem}.verlauf-datum{color:var(--text-2);font-size:.9375rem;font-variant-numeric:tabular-nums}.nachrichten{display:grid;gap:.5rem;max-height:26rem;overflow-y:auto}.nachrichten:empty{display:none}.nachricht{justify-self:start;max-width:90%;padding:.5rem .75rem;border-radius:6px;background:var(--flaeche-2)}.nachricht-eigen{justify-self:end;background:color-mix(in srgb,var(--signal) 22%,var(--flaeche))}.nachricht-kopf{color:var(--text-2);font-size:.8125rem}.seitenpanel{width:min(32rem,100vw);max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;padding:calc(1rem + env(safe-area-inset-top)) 1.25rem calc(2rem + env(safe-area-inset-bottom));border:0;border-left:1px solid var(--linie);background:var(--flaeche);color:var(--text)}.seitenpanel[open]{display:grid;align-content:start;gap:1rem;overflow-y:auto}.seitenpanel::backdrop{background:#00000080}.seitenpanel>.knopf{justify-self:start}.seitenpanel-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-eintrag{border-bottom:1px solid var(--linie);padding-block:.5rem}.panel-eintrag summary{min-height:2.25rem;padding-block:.25rem;font-weight:600;cursor:pointer}.panel-eintrag .formular{padding-block:.75rem}.zugaenge{display:grid}.zugaenge li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.5rem;border-bottom:1px solid var(--linie);overflow-wrap:anywhere}@media(min-width:640px){.kennzahlen{grid-template-columns:repeat(4,minmax(0,1fr))}.kennzahl+.kennzahl{padding-left:1rem;border-left:1px solid var(--linie)}}@media(min-width:900px){.seite{padding-inline:2rem}.projekt-spalten{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:3rem;align-items:start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}