@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont_wdth-wght-SQU0RjE2.ttf)format("truetype");font-weight:300 800;font-stretch:75% 100%;font-style:normal;font-display:block}*,:before,:after{box-sizing:border-box}html,body,#wurzel{height:100%;margin:0}body{font-family:var(--schrift-oberflaeche);font-size:var(--m-grundschrift);color:var(--f-text);background:var(--f-seite);-webkit-font-smoothing:antialiased;font-weight:500;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}small{font-size:var(--m-zeile-klein);color:var(--f-zweit);font-weight:500;display:block}.ikone{flex:none;width:1em;height:1em;display:block}:focus-visible{outline:2px solid var(--f-akzent);outline-offset:-2px}input,select,textarea{border:1px solid var(--f-linie);border-radius:var(--m-ecke);background:var(--f-flaeche);min-height:var(--m-eingabe-hoehe);padding:0 var(--m-abstand)}textarea{padding:var(--m-abstand);resize:vertical}.grau{opacity:.4;cursor:default}.leer{color:var(--f-zweit);padding:var(--m-abstand-gross)}.leer-mitte{text-align:center;margin:auto}.leise{color:var(--f-zweit)}.hinweis{color:var(--f-zweit);font-size:var(--m-zeile-klein)}.fehler{color:var(--f-fehler);padding:var(--m-abstand)}.laden{height:100%}.knopf-akzent{height:var(--m-knopf-hoehe);padding:0 var(--m-knopf-rand);border-radius:var(--m-ecke);background:var(--f-akzent);color:var(--f-auf-akzent);font-weight:700}.knopf-text{height:var(--m-knopf-hoehe);padding:0 var(--m-knopf-rand);color:var(--f-akzent);font-weight:700}.knopf-rand{align-items:center;gap:var(--m-abstand);height:var(--m-knopf-hoehe);padding:0 var(--m-knopf-rand);border:1px solid var(--f-linie);border-radius:var(--m-ecke);font-weight:700;display:inline-flex}.knopf-symbol{width:var(--m-eingabe-knopf-breite);height:var(--m-eingabe-knopf-breite);font-size:var(--m-ordner-symbol);color:var(--f-zweit);place-items:center;display:grid}.anmeldung{place-items:center;height:100%;display:grid}.anmeldung-karte{width:var(--m-anmeldung-breite);gap:var(--m-abstand-gross);padding:var(--m-abstand-gross);background:var(--f-flaeche);border-radius:var(--m-ecke);display:grid}.anmeldung-karte h1{font-size:var(--m-projekt-titel);font-weight:700}.anmeldung-karte label{gap:var(--m-abstand);color:var(--f-zweit);display:grid}.anmeldung-fehler{color:var(--f-fehler)}.fenster{flex-direction:column;height:100%;display:flex}.band{background:var(--f-band);text-align:center;padding:var(--m-abstand);font-size:var(--m-zeile-klein);font-weight:700}.kopf{height:var(--m-kopf-hoehe);align-items:center;gap:var(--m-abstand-gross);padding:0 var(--m-abstand-gross);background:var(--f-flaeche);border-bottom:1px solid var(--f-linie);flex:none;display:flex}.kopf-marke{align-items:center;gap:var(--m-abstand);color:var(--f-akzent);font-weight:700;font-size:var(--m-zeile-name);display:flex}.kopf-firma{color:var(--f-zweit)}.kopf-rechts{gap:var(--m-abstand);align-items:center;margin-left:auto;display:flex}.kopf-knopf,.kopf-konto{width:var(--m-kopf-knopf);height:var(--m-kopf-knopf);font-size:var(--m-schiene-symbol);border-radius:50%;place-items:center;display:grid}.kopf-konto{background:var(--f-akzent);color:var(--f-auf-akzent);font-size:var(--m-zeile-text);font-weight:700}.koerper{flex:1;min-height:0;display:flex}.schiene{width:var(--m-schiene-breite);background:var(--f-flaeche);border-right:1px solid var(--f-linie);flex:none;overflow-y:auto}.schiene-punkt{width:100%;height:var(--m-schiene-punkt);justify-content:center;align-items:center;gap:var(--m-abstand-mittel);color:var(--f-schiene-leise);font-size:var(--m-schiene-schrift);text-align:center;flex-direction:column;font-weight:700;display:flex}.schiene-punkt .ikone{width:var(--m-schiene-symbol);height:var(--m-schiene-symbol)}.schiene-punkt[aria-current=page]{color:var(--f-text)}.liste{width:var(--m-liste-breite);border-right:1px solid var(--f-linie);background:var(--f-seite);flex-direction:column;flex:none;display:flex;position:relative;overflow-y:auto}.liste-suche{height:var(--m-suche-zeile);gap:var(--m-abstand);padding:0 var(--m-abstand);flex:none;align-items:center;display:flex}.liste-suche input{height:var(--m-suche-feld);flex:1;min-width:0}.liste-suche{padding-right:var(--m-suche-rand-rechts);gap:0}.liste-suche input{margin-right:var(--m-abstand-gross)}.liste-suche-knopf{width:var(--m-suche-knopf);height:var(--m-suche-feld);flex:none;place-items:center;display:grid;position:relative}.liste-suche-menue{z-index:5;min-width:var(--m-menue-breite);padding:var(--m-abstand-fein) 0;background:var(--f-flaeche);border:1px solid var(--f-linie);border-radius:var(--m-ecke);position:absolute;top:100%;right:0}.liste-suche-menue button{gap:var(--m-abstand);width:100%;padding:var(--m-abstand) var(--m-abstand-gross);text-align:left;align-items:center;display:flex}.liste-suche-menue button[aria-checked=true]{color:var(--f-akzent);font-weight:700}.liste-zurueck{font-size:var(--m-ordner-symbol)}.liste-ordner{align-items:center;gap:var(--m-abstand-gross);padding:var(--m-abstand-gross) var(--m-zeile-rand);text-align:left;color:var(--f-ordner);display:flex}.liste-ordner strong{color:var(--f-text);font-size:var(--m-zeile-name)}.liste-zeilen li{position:relative}.liste-zeilen li:after{content:"";left:var(--m-trenner-einzug);right:var(--m-trenner-einzug);background:var(--f-linie);height:1px;position:absolute;bottom:0}.zeile{gap:var(--m-abstand-gross);width:100%;padding:var(--m-zeile-rand);text-align:left;display:flex}.zeile[aria-current=true]{background:var(--f-gewaehlt)}.zeile-balken{width:var(--m-farbbalken);border-radius:2px;flex:none;align-self:stretch}.zeile-text{gap:var(--m-abstand-fein);flex:1;min-width:0;display:grid}.zeile-kopf{gap:var(--m-abstand);align-items:baseline;display:flex}.zeile-name{font-size:var(--m-zeile-name);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-weight:700;display:-webkit-box;overflow:hidden}.zeile-datum{color:var(--f-zweit);font-size:var(--m-zeile-text)}.zeile-nummer{color:var(--f-zweit);font-size:var(--m-zeile-klein);font-weight:700}.zeile-adresse{color:var(--f-zweit);font-size:var(--m-zeile-klein)}.zeile-fortschritt{align-items:center;gap:var(--m-abstand);font-size:var(--m-zeile-text);font-weight:700;display:flex}.balken{width:var(--m-fortschritt-breite);height:var(--m-fortschritt-hoehe);border-radius:var(--m-fortschritt-hoehe);background:color-mix(in srgb, var(--f-akzent) 25%, transparent);overflow:hidden}.balken span{background:var(--f-akzent);height:100%;display:block}.zeile-status{font-size:var(--m-zeile-text)}.zeile-ungelesen{min-width:var(--m-abstand-gross);padding:0 var(--m-abstand-mittel);border-radius:var(--m-pille-ecke);background:var(--f-akzent);color:var(--f-auf-akzent);font-size:var(--m-zeile-klein);text-align:center;justify-self:end;font-weight:700}.plus{bottom:var(--m-abstand-gross);margin:auto var(--m-abstand-gross) var(--m-abstand-gross) auto;width:var(--m-plus);height:var(--m-plus);background:var(--f-akzent);color:var(--f-auf-akzent);font-size:var(--m-schiene-symbol);border-radius:50%;flex:none;place-items:center;display:grid;position:sticky}.plus-panel{margin:0 0 0 auto;position:static}.projektflaeche{flex:1;min-width:0;display:flex}.projekt{flex-direction:column;flex:1;min-width:0;display:flex}.projekt-kopf{height:var(--m-kopf-projekt);padding:var(--m-abstand-gross) var(--m-abstand-gross) 0;background:var(--f-flaeche);border-bottom:1px solid var(--f-linie);flex-direction:column;flex:none;justify-content:space-between;display:flex}.projekt-zeile{align-items:center;gap:var(--m-abstand-gross);display:flex}.projekt-titel{min-width:0;font-size:var(--m-projekt-titel);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.reiter{justify-content:flex-end;gap:var(--m-reiter-abstand);display:flex}.reiter-punkt{min-width:var(--m-reiter-breite);height:var(--m-reiter-hoehe);padding:0 var(--m-abstand);text-align:center;line-height:var(--m-reiter-hoehe);border-bottom:2px solid #0000}.reiter-punkt[aria-current=page]{color:var(--f-akzent);border-bottom-color:var(--f-akzent);font-weight:700}.archivband{padding:var(--m-abstand) var(--m-abstand-gross);background:var(--f-band);font-size:var(--m-zeile-klein);font-weight:700}.projekt-koerper{flex:1;min-height:0;display:flex}.chat{background:var(--f-chat);flex-direction:column;flex:1;min-width:0;display:flex}.chat-liste{padding:var(--m-abstand-gross);gap:var(--m-abstand);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-gruppe{gap:var(--m-abstand);flex-direction:column;display:flex}.pille{padding:var(--m-pille-innen-senk) var(--m-pille-innen-waag);border-radius:var(--m-pille-ecke);background:var(--f-pille);font-size:var(--m-pille-schrift);align-self:center}.blase{max-width:var(--m-blase-breite);padding:var(--m-blase-innen-senk) var(--m-blase-innen-waag);border-radius:var(--m-blase-ecke) var(--m-blase-ecke) var(--m-blase-ecke) var(--m-blase-ecke-klein);background:var(--f-fremde-blase);align-self:flex-start;gap:var(--m-abstand-mittel);overflow-wrap:anywhere;display:grid}.blase.ich{background:var(--f-akzent);color:var(--f-auf-akzent);border-radius:var(--m-blase-ecke) var(--m-blase-ecke) var(--m-blase-ecke-klein) var(--m-blase-ecke);align-self:flex-end}.blase header{gap:var(--m-abstand);font-size:var(--m-pille-schrift);opacity:.8;display:flex}.blase.geloescht p{font-style:italic}.blase.ich .leise{color:inherit}.chat-bild{border-radius:var(--m-ecke);max-width:100%;display:block}.chat-datei{align-items:center;gap:var(--m-abstand);text-decoration:underline;display:flex}.blase.ich small{color:inherit}.chat-eingabe{gap:var(--m-abstand);padding:var(--m-abstand);background:var(--f-flaeche);border-top:1px solid var(--f-linie);flex:none;align-items:center;display:flex}.eingabe-knopf{width:var(--m-eingabe-knopf-breite);height:var(--m-eingabe-hoehe);font-size:var(--m-schiene-symbol);color:var(--f-zweit);place-items:center;display:grid}.eingabe-feld{min-width:0;height:var(--m-eingabe-hoehe);flex:1}.senden{width:var(--m-senden-breite);height:var(--m-eingabe-hoehe);border-radius:var(--m-ecke);background:var(--f-akzent);color:var(--f-auf-akzent);font-weight:700}.panel{width:var(--m-panel-breite);background:var(--f-flaeche);border-left:1px solid var(--f-linie);padding:var(--m-abstand-gross);flex-direction:column;flex:none;display:flex;overflow-y:auto}.panel>*{gap:var(--m-abstand);flex-direction:column;flex:1;display:flex}.panel-kopf{justify-content:space-between;align-items:center;gap:var(--m-abstand);min-height:var(--m-knopf-hoehe);display:flex}.panel-kopf h2{font-size:var(--m-zeile-name);font-weight:700}.panel h3{font-size:var(--m-zeile-text);margin-top:var(--m-abstand);font-weight:700}.panel-fuss{align-items:center;gap:var(--m-abstand);margin-top:auto;display:flex}.details label{gap:var(--m-abstand-fein);color:var(--f-zweit);display:grid}.details label input{color:var(--f-text)}.details .knopf-rand{margin-top:var(--m-abstand-gross);align-self:flex-start}.pfad{font-size:var(--m-zeile-klein);color:var(--f-zweit)}.pfad button{color:var(--f-akzent);font-weight:700}.dateizeile{align-items:center;gap:var(--m-abstand-gross);width:100%;padding:var(--m-abstand) 0;text-align:left;color:var(--f-ordner);border-bottom:1px solid var(--f-linie);display:flex}.dateizeile strong{color:var(--f-text);font-size:var(--m-datei-name)}.dateizeile small{font-weight:300}.aufgabe-neu{gap:var(--m-abstand);grid-template-columns:1fr 1fr;display:grid}.aufgabe-neu input:first-child{grid-column:1/-1}.aufgabe{gap:var(--m-abstand);padding:var(--m-abstand) 0;border-bottom:1px solid var(--f-linie);align-items:center;display:flex}.haken{width:var(--m-ordner-symbol);height:var(--m-ordner-symbol);border:2px solid var(--f-ordner);border-radius:50%;flex:none;place-items:center;display:grid}.haken.an{background:var(--f-akzent);border-color:var(--f-akzent);color:var(--f-auf-akzent)}.mitgliederliste li,.kandidaten li{gap:var(--m-abstand);padding:var(--m-abstand) 0;border-bottom:1px solid var(--f-linie);align-items:center;display:flex}.mitgliederliste li>span:nth-child(2),.kandidaten li>span{flex:1;min-width:0}.kuerzel{width:var(--m-eingabe-hoehe);height:var(--m-eingabe-hoehe);background:var(--f-gewaehlt);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.dialog-grund{background:var(--f-schleier);z-index:10;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:var(--m-panel-breite);background:var(--f-flaeche);border-radius:var(--m-ecke);padding:var(--m-abstand-gross);gap:var(--m-abstand);display:grid}.dialog h2{font-size:var(--m-zeile-name);font-weight:700}.dialog label{gap:var(--m-abstand-fein);color:var(--f-zweit);display:grid}.dialog-knoepfe{justify-content:flex-end;gap:var(--m-abstand);display:flex}.seite{padding:var(--m-abstand-gross);align-content:start;gap:var(--m-abstand-gross);flex:1;display:grid;overflow-y:auto}.seite h1{font-size:var(--m-projekt-titel);font-weight:700}.segmente{gap:var(--m-abstand);display:flex}.segmente button{height:var(--m-knopf-hoehe);padding:0 var(--m-knopf-rand);border:1px solid var(--f-linie);border-radius:var(--m-pille-ecke)}.segmente button[aria-pressed=true]{border-color:var(--f-akzent);color:var(--f-akzent);font-weight:700}.karten{gap:var(--m-abstand);display:grid}.karte{padding:var(--m-abstand-gross);background:var(--f-flaeche);border-radius:var(--m-ecke);gap:var(--m-abstand-fein);display:grid}.liste-suche-knopf>button{place-items:center;width:100%;height:100%;display:grid}
