:root{--grund:#fff;--schrift:#0f172a;--leise:#64748b;--linie:#e2e8f0;--karte:#f8fafc;--warn:#b91c1c;--akzent:#059669;--akzent-schrift:#fff;--akzent-grund:#ecfdf5;--akzent-linie:#a7f3d0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--grund:#0f172a;--schrift:#e2e8f0;--leise:#94a3b8;--linie:#334155;--karte:#1e293b;--warn:#fca5a5;--akzent:#10b981;--akzent-schrift:#052e1d;--akzent-grund:#064e3b;--akzent-linie:#047857}}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}body{background:var(--grund);color:var(--schrift);touch-action:pan-y;flex-direction:column;height:100dvh;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}#wurzel{flex-direction:column;flex:auto;min-height:0;display:flex}.huelle-fest{flex:none;width:100%;padding:.5rem 1rem 0}.rollt{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.huelle,.rollt>*{max-width:46rem;margin:0 auto}.rollt{padding:.5rem 1rem calc(5rem + env(safe-area-inset-bottom))}h1{margin:0 0 .25rem;font-size:1.4rem}h2{margin:0 0 .5rem;font-size:1.1rem}h3{margin:0 0 .25rem;font-size:1rem}.leise{color:var(--leise)}.fehler{color:var(--warn)}.nummer{color:var(--leise);font-variant-numeric:tabular-nums;font-weight:400}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:.5rem;margin-top:1rem;padding:1rem}.unterkarte{border-left:3px solid var(--linie);margin-top:.9rem;padding-left:.75rem}.unterkarte h4{margin:0 0 .25rem;font-size:1rem}.unterkarte.hervorgehoben{border-left-color:var(--betont,#2563eb);border-left-width:5px}.projekt{margin-top:.75rem}.pfad{color:var(--leise);overflow-wrap:anywhere;margin:0 0 .5rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem}.vorgang{border-left:3px solid var(--linie);margin-top:.5rem;padding-left:.75rem}.vorgang ul{margin:.25rem 0 0;padding-left:1.25rem}.knopf{border:1px solid var(--linie);background:var(--karte);min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;border-radius:.5rem;padding:0 1rem}.knopf:hover:not(:disabled){border-color:currentColor}.knopf:disabled{opacity:.5;cursor:default}.knopf.breit{width:100%}.knopf.haupt{background:var(--akzent);color:var(--akzent-schrift);border-color:var(--akzent);font-weight:600}.knopf.haupt:hover:not(:disabled){border-color:var(--akzent);filter:brightness(1.08)}.klein{border:1px solid var(--linie);min-height:2rem;color:var(--leise);font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;padding:0 .6rem;font-size:.85rem}.zeile{gap:.5rem;margin:.5rem 0 0;display:flex}.feld{margin-bottom:.75rem;display:block}.feld span{color:var(--leise);margin-bottom:.25rem;font-size:.85rem;display:block}.feld input{border:1px solid var(--linie);background:var(--grund);width:100%;min-height:2.75rem;color:inherit;font:inherit;border-radius:.5rem;padding:0 .6rem;font-size:max(1rem,16px)}.auswahl{margin:.75rem 0 0;padding:0;list-style:none}.auswahl li{margin-top:.5rem}.schlange{background:var(--karte);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom,0);z-index:10;position:fixed;bottom:0;left:0;right:0}.schlange.warnt{border-top-color:#c2410c}.schlange-kopf{width:100%;min-height:2.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9rem;display:flex}.schlange-liste{max-height:40vh;margin:0;padding:0 1rem 1rem;list-style:none;overflow-y:auto}.schlange-liste li{border-top:1px solid var(--linie);padding:.5rem 0;font-size:.9rem}.knopf.gross{justify-content:center;align-items:center;min-height:3.5rem;margin-top:.75rem;font-size:1.05rem;display:flex}.knopf.aus{opacity:.5;cursor:default}.knopf.links{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:3.25rem;padding:.5rem 1rem;display:flex}.knopf.links .leise{font-size:.85rem}.aufgaben{margin:.5rem 0 0;padding-left:1.25rem}.aufgaben li{margin-bottom:.35rem}.wahl{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.wahl .klein{border:1px solid var(--linie);background:0 0;border-radius:999px;min-height:2.5rem;padding:.4rem 1rem}.wahl .klein.gewaehlt{background:var(--akzent);color:var(--akzent-schrift);border-color:var(--akzent)}.daten{margin:.5rem 0 1rem}.daten>div{border-bottom:1px solid var(--linie);grid-template-columns:1fr;gap:0 1rem;padding:.45rem 0;display:grid}.daten>div:last-child{border-bottom:0}.daten dt{color:var(--leise);font-size:.9rem}.daten dd{margin:0}@media (min-width:34rem){.daten>div{grid-template-columns:14rem 1fr;align-items:baseline}}.karte textarea,.karte select,.karte input[type=text],.karte input[type=number],.karte input[type=date]{width:100%;font:inherit;border:1px solid var(--linie);background:var(--grund);color:var(--schrift);border-radius:.4rem;margin:.5rem 0;padding:.6rem}.karte textarea{resize:vertical;min-height:4.5rem}.kopfleiste{background:var(--akzent-grund);border-bottom:1px solid var(--akzent-linie);padding:.5rem 1rem calc(.5rem + env(safe-area-inset-top,0));padding-top:calc(.5rem + env(safe-area-inset-top,0));align-items:center;gap:1rem;display:flex}.kopfleiste img{border-radius:.35rem;outline:1px solid #00000014;width:auto;height:2.5rem}.kopfleiste .marke{flex-direction:column;min-width:0;line-height:1.25;display:flex}.kopfleiste .marke h1{margin:0;font-size:.95rem}.kopfleiste .marke .leise{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.wahl .luecke{flex:auto}.kopfleiste .fassung{color:var(--leise);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.suchfeld{z-index:2;background:var(--grund);margin-bottom:.5rem;padding-top:.5rem;position:sticky;top:0}.suchfeld input{padding-right:3rem}.suchfeld .loeschen{background:var(--linie);width:2.05rem;height:2.05rem;color:var(--schrift);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;bottom:.35rem;right:.35rem}.suchfeld .loeschen:hover{background:var(--akzent-linie)}.suchfeld input::-webkit-search-cancel-button{appearance:none}.hinweis{color:#78350f;background:#fef3c7;border-bottom:1px solid #fcd34d;flex:none;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.5rem 1rem;font-size:.85rem;display:flex}@media (prefers-color-scheme:dark){.hinweis{color:#fde68a;background:#451a03;border-bottom-color:#92400e}}.vorschau{object-fit:contain;border:1px solid var(--linie);background:var(--karte);border-radius:.4rem;width:100%;max-height:60vh;margin-top:.5rem;display:block}.wasfehlt{max-height:40vh;margin-top:.5rem;overflow-y:auto}.hinweis.neu{background:var(--akzent-grund);color:var(--schrift);border-bottom-color:var(--akzent-linie)}.hinweis .klein{border-color:var(--akzent);color:var(--akzent);background:var(--grund);flex:none;font-weight:600}.pfadleiste{flex-wrap:wrap;align-items:center;gap:.35rem;margin:.25rem 0 .5rem;display:flex}.pfadleiste .krume{align-items:center;gap:.35rem;display:inline-flex}.pfadleiste .luecke{flex:auto}.pfadleiste .klein.gewaehlt{color:var(--schrift);font-weight:600}a.knopf,a.klein{box-sizing:border-box;color:inherit;align-items:center;text-decoration:none;display:inline-flex}a.knopf.links{display:flex}a.klein{color:var(--akzent);border-color:var(--akzent-linie)}.vorgaenge{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.75rem 0 0;display:flex}.notiztext{white-space:pre-line}:root{--brand-50:#f0f9ff;--brand-100:#e0f2fe;--brand-500:#0ea5e9;--brand-700:#0369a1;--brand-900:#0c4a6e;--linie-stark:#cbd5e1;--chip-aktiv-grund:#d1fae5;--chip-aktiv:#065f46;--chip-inaktiv-grund:#e2e8f0;--chip-inaktiv:#475569;--chip-erledigt-grund:#e0f2fe;--chip-erledigt:#075985}@media (prefers-color-scheme:dark){:root{--brand-50:#0b2536;--brand-100:#0c4a6e;--brand-500:#38bdf8;--brand-700:#7dd3fc;--brand-900:#e0f2fe;--linie-stark:#475569;--chip-aktiv-grund:#064e3b;--chip-aktiv:#a7f3d0;--chip-inaktiv-grund:#334155;--chip-inaktiv:#cbd5e1;--chip-erledigt-grund:#0c4a6e;--chip-erledigt:#bae6fd}}.flaeche{flex:auto;min-height:0;display:flex}.flaeche>p{padding:.5rem 1rem}.zweispaltig{border-top:1px solid var(--linie);flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);min-width:0;min-height:0;display:grid}.baum,.detail{-webkit-overflow-scrolling:touch;min-height:0;padding:.5rem .5rem calc(5rem + env(safe-area-inset-bottom));overflow-y:auto}.baum{background:var(--grund);border-right:1px solid var(--linie)}.detail{padding-left:1rem;padding-right:1rem}.detail>*{max-width:56rem}.detail h2{margin-bottom:.1rem;font-size:1.25rem;font-weight:600}.zum-baum{display:none}@media (max-width:899px){.zweispaltig{grid-template-columns:minmax(0,1fr)}.zweispaltig.baum-sichtbar .detail,.zweispaltig:not(.baum-sichtbar) .baum{display:none}.baum{border-right:0}.zum-baum{align-items:center;margin-bottom:.25rem;display:inline-flex}}.baum .suchfeld{margin-bottom:.25rem}.baum-zahl{margin:0 .25rem .5rem;font-size:.8rem}.baum-liste,.baum-liste ul{margin:0;padding:0;list-style:none}.baum-liste>li{border-bottom:2px solid var(--linie)}.baum-liste ul{border-left:1px solid var(--linie);margin-left:1.1rem}.knotenzeile{align-items:center;gap:.25rem;padding-right:.4rem;display:flex}.knotenzeile:hover{background:var(--brand-50)}.knotenzeile.objekt.gewaehlt{background:var(--brand-100)}.knotenzeile.vorgang.gewaehlt{background:var(--brand-50)}.knoten,.pfeilknopf{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.knoten{flex:auto;align-items:center;gap:.4rem;min-width:0;min-height:2.4rem;padding:.2rem .4rem;font-size:.9rem;display:flex}.pfeilknopf,.knoten .pfeil{color:var(--leise);font-size:.65rem}.pfeilknopf{text-align:center;flex:0 0 1.75rem;min-height:2.4rem}.knoten.kunde{align-items:flex-start;width:100%;padding:.55rem .4rem}.knoten.kunde:hover{background:var(--karte)}.knoten.kunde .pfeil{flex:none;width:1rem;padding-top:.35rem}.knoten-text{flex-direction:column;min-width:0;display:flex}.kunde-name{font-size:1rem;font-weight:600}.kunde-zeile{color:var(--leise);flex-wrap:wrap;gap:.3rem;margin:.1rem 0 0 1.5rem;font-size:.8rem;display:flex}.knoten .name{font-weight:500}.durch{color:var(--leise);font-weight:500;text-decoration:line-through}.knoten.blatt{width:100%;min-height:2.2rem;padding-left:.6rem;font-size:.875rem}.knoten.blatt:hover{background:var(--brand-50)}.knoten.blatt.gewaehlt{background:var(--brand-100);color:var(--brand-900);font-weight:500}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.75rem}.baum-liste .leer{padding:.3rem .6rem;font-size:.85rem}.chip{white-space:nowrap;border-radius:999px;flex:none;padding:0 .45rem;font-size:.7rem;font-weight:500;line-height:1.5;display:inline-block}.chip-aktiv{background:var(--chip-aktiv-grund);color:var(--chip-aktiv)}.chip-inaktiv{background:var(--chip-inaktiv-grund);color:var(--chip-inaktiv)}.chip-erledigt{background:var(--chip-erledigt-grund);color:var(--chip-erledigt)}.oberzeile{letter-spacing:.03em;color:var(--leise);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.75rem;display:flex}.oberzeile.gross{text-transform:uppercase;letter-spacing:.06em}.reiter{border-bottom:1px solid var(--linie);flex-wrap:wrap;gap:.25rem;margin:.75rem 0;display:flex}.reiter button{min-height:2.5rem;color:var(--leise);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:.25rem .25rem 0 0;margin-bottom:-1px;padding:.375rem .75rem;font-size:.9rem;font-weight:500}.reiter button:hover{color:var(--schrift);border-bottom-color:var(--linie-stark)}.reiter button.gewaehlt{color:var(--brand-700);border-bottom-color:var(--brand-500)}