@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f6;--flaeche:#fcfcfe;--flaeche-2:#f5f6fa;--linie:#e4e6f0;--text:#1f2140;--gedaempft:#5a5d7a;--akzent:#6b4ee6;--akzent-sanft:#ece7fd;--akzent-text:#3f2aa0;--wortmarke-punkt:#6b4ee6;--auf-akzent:#fcfcfe;--fehler:#ad3e56;--schatten:0 1px 3px #1f214014;--schrift:"Plus Jakarta Sans Variable", system-ui, sans-serif;--schrift-titel:"Bricolage Grotesque Variable", system-ui, sans-serif;--radius:20px;--radius-klein:12px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14152a;--flaeche:#1f2140;--flaeche-2:#2c2f52;--linie:#2c2f52;--text:#f1f2f8;--gedaempft:#a9abc6;--akzent-sanft:#2c2f52;--akzent-text:#c6b9fa;--wortmarke-punkt:#a996f5;--fehler:#ee7d79;--schatten:none}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--schrift);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input{font:inherit;color:inherit}h1,h2{font-family:var(--schrift-titel);letter-spacing:-.02em;color:var(--text);margin:0}h1{font-size:34px;font-weight:700;line-height:1.1}h2{font-size:20px;font-weight:700}p{margin:0}.gedaempft{color:var(--gedaempft)}.laden{background:var(--bg);min-height:100%}.wortmarke{font-family:var(--schrift-titel);letter-spacing:-.02em;white-space:nowrap;color:var(--text);font-size:22px;font-weight:700}.wortmarke.gross{font-size:32px}.wortmarke .wm-punkt{color:var(--wortmarke-punkt)}.login{place-items:center;min-height:100%;padding:24px 16px;display:grid}.loginkarte{background:var(--flaeche);width:100%;max-width:400px;box-shadow:var(--schatten);border-radius:24px;flex-direction:column;gap:18px;padding:36px 28px;display:flex}.feld{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.feld input{border-radius:var(--radius-klein);border:1.5px solid var(--linie);background:var(--flaeche-2);outline:none;height:48px;padding:0 14px;font-size:16px;font-weight:400}.feld input:focus{border-color:var(--akzent)}.fehler{color:var(--fehler);font-size:14px;font-weight:600}.knopf{border-radius:var(--radius-klein);cursor:pointer;border:none;height:48px;font-weight:700}.knopf.primaer{background:var(--akzent);color:var(--auf-akzent)}.knopf:disabled{opacity:.6;cursor:wait}.shell{gap:12px;min-height:100%;padding:12px;display:flex}.seitenleiste{background:var(--flaeche);border-radius:var(--radius);flex-direction:column;flex:0 0 240px;gap:24px;height:calc(100vh - 24px);padding:22px 16px;display:flex;position:sticky;top:12px}.seitenleiste .wortmarke{padding:2px 8px}.navliste{flex-direction:column;gap:2px;display:flex}.navpunkt{border-radius:var(--radius-klein);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.navpunkt:hover{background:var(--flaeche-2)}.navpunkt.active{background:var(--akzent-sanft);color:var(--akzent-text);font-weight:600}.abmelden{color:var(--gedaempft);margin-top:auto}.inhalt{background:var(--flaeche);border-radius:var(--radius);flex:1;min-width:0;padding:28px 30px 40px}.handyleiste{display:none}.seite{flex-direction:column;gap:20px;max-width:1100px;display:flex}.kopf{flex-direction:column;gap:2px;display:flex}.karte{background:var(--flaeche-2);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.karte.leer{justify-content:center;align-items:center;min-height:160px}.liste{gap:0;padding:6px}.listenpunkt{border-radius:var(--radius-klein);min-height:52px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:0 14px;font-size:15px;text-decoration:none;display:flex}@media (width<=860px){.shell{padding:0;display:block}.seitenleiste{display:none}.inhalt{padding:calc(env(safe-area-inset-top) + 32px) 20px calc(env(safe-area-inset-bottom) + 110px);background:0 0;border-radius:0}.handyleiste{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 10px);background:var(--flaeche);border-radius:var(--radius);justify-content:space-around;padding:8px;display:flex;position:fixed;box-shadow:0 2px 10px #1f214014}.handypunkt{border-radius:var(--radius-klein);min-width:56px;min-height:48px;color:var(--gedaempft);flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.handypunkt.active{background:var(--akzent);color:var(--auf-akzent)}.karte{background:var(--flaeche)}}.navueberschrift,.listenueberschrift{color:var(--gedaempft);padding:4px 12px;font-size:12px;font-weight:600}.listenueberschrift{padding:10px 14px 4px}.navliste.unten{margin-top:auto}.navliste.unten .abmelden{margin-top:0}.seitenleiste{overflow-y:auto}.punkt{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.punkt.gross{width:14px;height:14px;margin:0 3px}.navpunkt.board{padding-top:8px;padding-bottom:8px}.board-titelzeile{align-items:center;gap:8px;display:flex}.klein{font-size:13px}.abschnitt{flex-direction:column;gap:10px;display:flex}.abschnitt+.abschnitt{margin-top:12px}.sortierliste{background:var(--flaeche-2);border-radius:16px;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex}.zeile{border-radius:var(--radius-klein);background:var(--flaeche-2);align-items:center;gap:10px;padding:6px 8px;display:flex;position:relative}.zeile.zieht{z-index:2;background:var(--flaeche);box-shadow:0 6px 20px #1f21402e}.griff{width:32px;height:40px;color:var(--gedaempft);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.namensfeld,.kuerzelfeld{background:0 0;border:1.5px solid #0000;border-radius:10px;outline:none;min-width:0;height:40px;padding:0 12px;font-size:15px}.namensfeld{flex:1;font-weight:600}.namensfeld:hover,.kuerzelfeld:hover{border-color:var(--linie)}.namensfeld:focus,.kuerzelfeld:focus{border-color:var(--akzent);background:var(--flaeche)}.kuerzelfeld{font-variant-numeric:tabular-nums;border-color:var(--linie);width:110px;font-size:13px}.kleinknopf{border:1px solid var(--linie);background:var(--flaeche);height:36px;color:var(--gedaempft);cursor:pointer;border-radius:10px;flex-shrink:0;padding:0 12px;font-size:13px}.kleinknopf:hover{color:var(--text)}.haken{color:var(--gedaempft);flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:flex}.haken input{width:18px;height:18px;accent-color:var(--akzent)}.hinzufuegen{height:40px;color:var(--akzent-text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-self:flex-start;padding:0 14px;font-weight:700}.archiv{flex-direction:column;gap:4px;padding:8px 4px;display:flex}.archivzeile{color:var(--gedaempft);align-items:center;gap:10px;display:flex}.archivzeile .kleinknopf{margin-left:auto}.farbwahl{flex-shrink:0;position:relative}.farbknopf{cursor:pointer;border:none;border-radius:9px;width:32px;height:32px;display:block}.palette{z-index:20;background:var(--flaeche);border-radius:16px;grid-template-columns:repeat(4,36px);gap:8px;padding:12px;display:grid;position:absolute;top:40px;left:0;box-shadow:0 10px 30px #1f214033}.palette .feld{cursor:pointer;border:none;border-radius:9px;width:36px;height:36px}.palette .feld.gewaehlt{outline:3px solid var(--akzent);outline-offset:2px}@media (width<=860px){.zeile{flex-wrap:wrap}.namensfeld{flex:140px}.zeile .kuerzelfeld,.zeile .haken{margin-left:84px}.sortierliste,.zeile{background:var(--flaeche)}}.panel-hintergrund{z-index:50;background:#14152a52;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--flaeche);flex-direction:column;width:min(560px,100%);height:100%;display:flex;box-shadow:-10px 0 40px #14152a2e}.panel-kopf{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 14px;display:flex}.panel-inhalt{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding:6px 24px 24px;display:grid;overflow-y:auto}.panel-fuss{padding:14px 24px calc(env(safe-area-inset-bottom) + 14px);border-top:1px solid var(--linie);justify-content:flex-end;gap:10px;display:flex}.schliessen{background:var(--flaeche-2);width:44px;height:44px;color:var(--text);cursor:pointer;border:none;border-radius:12px;place-items:center;display:grid}.panel-abschnitt{color:var(--gedaempft);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;margin-top:10px;font-size:12px;font-weight:700}body.panel-offen{overflow:hidden}.formfeld{flex-direction:column;gap:6px;min-width:0;display:flex}.formfeld.breit{grid-column:1/-1}.formlabel{font-size:13px;font-weight:600}.formhinweis{color:var(--gedaempft);font-size:12px}.formfeld input,.formfeld select,.formfeld textarea{border-radius:var(--radius-klein);border:1.5px solid var(--linie);background:var(--flaeche-2);outline:none;width:100%;min-height:44px;padding:10px 12px;font-size:15px}.formfeld textarea{resize:vertical;font-family:inherit;line-height:1.5}.formfeld input:focus,.formfeld select:focus,.formfeld textarea:focus{border-color:var(--akzent)}.knopf.zweit{background:var(--flaeche-2);color:var(--text);padding:0 18px}.knopf.primaer{padding:0 20px}@media (width<=860px){.panel-inhalt{grid-template-columns:minmax(0,1fr);padding-left:20px;padding-right:20px}.panel-kopf{padding-top:calc(env(safe-area-inset-top) + 16px)}}.kopfzeile{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.werkzeugleiste{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.suchfeld{border-radius:var(--radius-klein);border:1.5px solid var(--linie);background:var(--flaeche-2);outline:none;flex:260px;height:44px;padding:0 14px;font-size:15px}.suchfeld:focus{border-color:var(--akzent)}.segmente{background:var(--flaeche-2);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segment{height:36px;color:var(--gedaempft);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0 12px;font-size:13px;font-weight:600}.segment.an{background:var(--flaeche);color:var(--text);box-shadow:var(--schatten)}.kundenliste,.projektliste{flex-direction:column;gap:6px;display:flex}.kundenkarte,.projektkarte{background:var(--flaeche-2);min-height:60px;color:var(--text);text-align:left;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:10px 16px;display:flex}.kundenkarte:hover,.projektkarte:hover{outline:1.5px solid var(--linie)}.kundennummer,.code{font-variant-numeric:tabular-nums;color:var(--gedaempft);font-size:12px;font-weight:700}.kundennummer{flex-shrink:0;width:40px}.kundenname{flex-direction:column;flex:1;min-width:0;display:flex}.projektkarte{flex-wrap:wrap}.projektkopf{flex-direction:column;flex:260px;gap:2px;min-width:0;display:flex}.statuspille{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-width:120px;height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.projektlink{color:var(--akzent-text);align-items:center;gap:10px;padding:8px 0;font-weight:600;text-decoration:none;display:flex}.projektlink .code{min-width:100px}.breit{grid-column:1/-1}.kontaktblock{background:var(--flaeche-2);border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.kontaktblock .formfeld input{background:var(--flaeche)}.kontaktblock .kleinknopf{justify-self:start}.codezeile{gap:8px;display:flex}.codezeile input{flex:1}.stufen{gap:6px;display:flex}.stufe{border:1.5px solid var(--linie);background:var(--flaeche-2);width:44px;height:44px;color:var(--gedaempft);cursor:pointer;border-radius:10px;font-weight:700}.stufe.an{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent)}.haken-reihe{gap:20px;display:flex}.haken-reihe .haken{color:var(--text);font-size:15px}.panel-fuss .fehler{align-self:center;margin-right:auto}@media (width<=860px){.kundenkarte,.projektkarte{background:var(--flaeche)}.kontaktblock{background:var(--flaeche-2);grid-template-columns:minmax(0,1fr)}}.hinzufuegen.breit{justify-self:start}