:root{--grund: #ffffff;--schrift: #0f172a;--leise: #64748b;--linie: #e2e8f0;--karte: #f8fafc;--warn: #b91c1c;--akzent: #059669;--akzent-schrift: #ffffff;--akzent-grund: #ecfdf5;--akzent-linie: #a7f3d0;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--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{margin:0;background:var(--grund);color:var(--schrift);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;height:100dvh;overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y}#wurzel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.huelle-fest{flex:0 0 auto;width:100%;padding:.5rem 1rem 0}.rollt{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.huelle,.rollt>*{max-width:46rem;margin:0 auto}.rollt{padding:.5rem 1rem calc(5rem + env(safe-area-inset-bottom))}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .5rem}h3{font-size:1rem;margin:0 0 .25rem}.leise{color:var(--leise)}.fehler{color:var(--warn)}.nummer{font-weight:400;color:var(--leise);font-variant-numeric:tabular-nums}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:.5rem;padding:1rem;margin-top:1rem}.projekt{margin-top:.75rem}.pfad{margin:0 0 .5rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem;color:var(--leise);overflow-wrap:anywhere}.vorgang{border-left:3px solid var(--linie);padding-left:.75rem;margin-top:.5rem}.vorgang ul{margin:.25rem 0 0;padding-left:1.25rem}.knopf{min-height:2.75rem;padding:0 1rem;border:1px solid var(--linie);border-radius:.5rem;background:var(--karte);color:inherit;font:inherit;cursor:pointer}.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{min-height:2rem;padding:0 .6rem;border:1px solid var(--linie);border-radius:.4rem;background:transparent;color:var(--leise);font:inherit;font-size:.85rem;cursor:pointer}.zeile{display:flex;gap:.5rem;margin:.5rem 0 0}.feld{display:block;margin-bottom:.75rem}.feld span{display:block;font-size:.85rem;color:var(--leise);margin-bottom:.25rem}.feld input{width:100%;min-height:2.75rem;padding:0 .6rem;border:1px solid var(--linie);border-radius:.5rem;background:var(--grund);color:inherit;font:inherit;font-size:max(1rem,16px)}.auswahl{list-style:none;margin:.75rem 0 0;padding:0}.auswahl li{margin-top:.5rem}.schlange{position:fixed;left:0;right:0;bottom:0;background:var(--karte);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom,0);z-index:10}.schlange.warnt{border-top-color:#c2410c}.schlange-kopf{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:0 1rem;border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.schlange-liste{list-style:none;margin:0;padding:0 1rem 1rem;max-height:40vh;overflow-y:auto}.schlange-liste li{padding:.5rem 0;border-top:1px solid var(--linie);font-size:.9rem}.knopf.gross{min-height:3.5rem;margin-top:.75rem;font-size:1.05rem;display:flex;align-items:center;justify-content:center}.knopf.aus{opacity:.5;cursor:default}.knopf.links{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:3.25rem;padding:.5rem 1rem;text-align:left}.knopf.links .leise{font-size:.85rem}.aufgaben{margin:.5rem 0 0;padding-left:1.25rem}.aufgaben li{margin-bottom:.35rem}.wahl{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.wahl .klein{min-height:2.5rem;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--linie);background:transparent}.wahl .klein.gewaehlt{background:var(--akzent);color:var(--akzent-schrift);border-color:var(--akzent)}.daten{margin:.5rem 0 1rem}.daten>div{display:grid;grid-template-columns:1fr;gap:0 1rem;padding:.45rem 0;border-bottom:1px solid var(--linie)}.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%;margin:.5rem 0;padding:.6rem;font:inherit;border:1px solid var(--linie);border-radius:.4rem;background:var(--grund);color:var(--schrift)}.karte textarea{resize:vertical;min-height:4.5rem}.kopfleiste{display:flex;align-items:center;gap:1rem;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))}.kopfleiste img{height:2.5rem;width:auto;border-radius:.35rem;outline:1px solid rgb(0 0 0 / .08)}.kopfleiste .marke{display:flex;flex-direction:column;line-height:1.25;min-width:0}.kopfleiste .marke h1{font-size:.95rem;margin:0}.kopfleiste .marke .leise{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wahl .luecke{flex:1 1 auto}.kopfleiste .fassung{margin-left:auto;font-size:.75rem;color:var(--leise);font-variant-numeric:tabular-nums}.suchfeld{position:sticky;top:0;z-index:2;background:var(--grund);padding-top:.5rem;margin-bottom:.5rem}.suchfeld input{padding-right:3rem}.suchfeld .loeschen{position:absolute;right:.35rem;bottom:.35rem;width:2.05rem;height:2.05rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--linie);color:var(--schrift);font:inherit;font-size:1rem;line-height:1;cursor:pointer}.suchfeld .loeschen:hover{background:var(--akzent-linie)}.suchfeld input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.hinweis{flex:0 0 auto;display:flex;align-items:center;gap:.75rem;justify-content:space-between;margin:0;padding:.5rem 1rem;background:#fef3c7;color:#78350f;border-bottom:1px solid #fcd34d;font-size:.85rem}@media (prefers-color-scheme: dark){.hinweis{background:#451a03;color:#fde68a;border-bottom-color:#92400e}}.vorschau{display:block;width:100%;max-height:60vh;object-fit:contain;margin-top:.5rem;border:1px solid var(--linie);border-radius:.4rem;background:var(--karte)}.wasfehlt{max-height:40vh;overflow-y:auto;margin-top:.5rem}.hinweis.neu{background:var(--akzent-grund);color:var(--schrift);border-bottom-color:var(--akzent-linie)}.hinweis .klein{flex:0 0 auto;border-color:var(--akzent);color:var(--akzent);background:var(--grund);font-weight:600}.pfadleiste{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.25rem 0 .5rem}.pfadleiste .krume{display:inline-flex;align-items:center;gap:.35rem}.pfadleiste .luecke{flex:1 1 auto}.pfadleiste .klein.gewaehlt{color:var(--schrift);font-weight:600}a.knopf,a.klein{box-sizing:border-box;display:inline-flex;align-items:center;text-decoration:none;color:inherit}a.knopf.links{display:flex}a.klein{color:var(--akzent);border-color:var(--akzent-linie)}.vorgaenge{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.75rem 0 0}.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:1 1 auto;min-height:0;display:flex}.flaeche>p{padding:.5rem 1rem}.zweispaltig{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr);border-top:1px solid var(--linie)}.baum,.detail{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem .5rem calc(5rem + env(safe-area-inset-bottom))}.baum{background:var(--grund);border-right:1px solid var(--linie)}.detail{padding-left:1rem;padding-right:1rem}.detail>*{max-width:56rem}.detail h2{font-size:1.25rem;font-weight:600;margin-bottom:.1rem}.zum-baum{display:none}@media (max-width: 899px){.zweispaltig{grid-template-columns:minmax(0,1fr)}.zweispaltig.baum-sichtbar .detail{display:none}.zweispaltig:not(.baum-sichtbar) .baum{display:none}.baum{border-right:0}.zum-baum{display:inline-flex;align-items:center;margin-bottom:.25rem}}.baum .suchfeld{margin-bottom:.25rem}.baum-zahl{font-size:.8rem;margin:0 .25rem .5rem}.baum-liste,.baum-liste ul{list-style:none;margin:0;padding:0}.baum-liste>li{border-bottom:2px solid var(--linie)}.baum-liste ul{margin-left:1.1rem;border-left:1px solid var(--linie)}.knotenzeile{display:flex;align-items:center;gap:.25rem;padding-right:.4rem}.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;background:transparent;border:0;cursor:pointer;text-align:left}.knoten{flex:1 1 auto;min-width:0;min-height:2.4rem;display:flex;align-items:center;gap:.4rem;padding:.2rem .4rem;font-size:.9rem}.pfeilknopf,.knoten .pfeil{color:var(--leise);font-size:.65rem}.pfeilknopf{flex:0 0 1.75rem;min-height:2.4rem;text-align:center}.knoten.kunde{width:100%;align-items:flex-start;padding:.55rem .4rem}.knoten.kunde:hover{background:var(--karte)}.knoten.kunde .pfeil{padding-top:.35rem;width:1rem;flex:0 0 auto}.knoten-text{display:flex;flex-direction:column;min-width:0}.kunde-name{font-size:1rem;font-weight:600}.kunde-zeile{display:flex;flex-wrap:wrap;gap:.3rem;margin:.1rem 0 0 1.5rem;font-size:.8rem;color:var(--leise)}.knoten .name{font-weight:500}.durch{color:var(--leise);text-decoration:line-through;font-weight:500}.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{flex:0 0 auto;display:inline-block;border-radius:999px;padding:0 .45rem;font-size:.7rem;font-weight:500;line-height:1.5;white-space:nowrap}.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{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.75rem;letter-spacing:.03em;color:var(--leise)}.oberzeile.gross{text-transform:uppercase;letter-spacing:.06em}.reiter{display:flex;flex-wrap:wrap;gap:.25rem;margin:.75rem 0;border-bottom:1px solid var(--linie)}.reiter button{margin-bottom:-1px;min-height:2.5rem;padding:.375rem .75rem;border:0;border-bottom:2px solid transparent;border-radius:.25rem .25rem 0 0;background:transparent;color:var(--leise);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer}.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)}