:root{--bg:#f4f6f5;--flaeche:#fff;--flaeche-2:#eef2f0;--text:#1b2421;--text-2:#55625d;--linie:#d8e0dc;--akzent:#0f6e56;--akzent-text:#fff;--zone:#1f9d6b;--zone-flaeche:#1f9d6b29;--stopp:#c8423b;--ziel:#2f6fde;--ziel-flaeche:#2f6fde21;--warnung:#9a6400;--warnung-flaeche:#fff4dc;--fehler-flaeche:#fde8e6;--info-flaeche:#e8f1ff;--schatten:0 1px 2px #0000000d, 0 4px 14px #0000000d;--rund:12px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--bg:#0e1412;--flaeche:#161e1b;--flaeche-2:#1d2824;--text:#e6ece9;--text-2:#9aa8a2;--linie:#2b3833;--akzent:#3fb58f;--akzent-text:#06120d;--zone:#43c590;--zone-flaeche:#43c5902e;--stopp:#ff7a70;--ziel:#7aa7ff;--ziel-flaeche:#7aa7ff29;--warnung:#ffc36b;--warnung-flaeche:#3a2c10;--fehler-flaeche:#3d1c1a;--info-flaeche:#172540;--schatten:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0 0 .6rem}a{color:var(--akzent)}.kopf{z-index:10;background:var(--flaeche);border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.kopf .marke{align-items:center;gap:.5rem;font-weight:700;display:flex}.kopf .marke img{width:28px;height:28px}.kopf nav{flex-wrap:wrap;gap:.4rem;display:flex}main{gap:1rem;max-width:1180px;margin:0 auto;padding:1rem;display:grid}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rund);box-shadow:var(--schatten);min-width:0;padding:1rem}.raster-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}button,.knopf{font:inherit;cursor:pointer;border:1px solid var(--linie);background:var(--flaeche-2);color:var(--text);border-radius:8px;padding:.55rem .95rem}button.haupt{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent);font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.klein{padding:.25rem .55rem;font-size:.85rem}label{color:var(--text-2);gap:.2rem;font-size:.9rem;display:grid}input,select{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;width:100%;padding:.45rem .6rem}input[aria-invalid=true]{border-color:var(--stopp)}.felder{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.zeile{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.hinweis{border-radius:8px;margin:.35rem 0;padding:.55rem .75rem;font-size:.92rem}.hinweis.info{background:var(--info-flaeche)}.hinweis.warnung{background:var(--warnung-flaeche)}.hinweis.fehler{background:var(--fehler-flaeche)}.marke-unsicher{background:var(--warnung-flaeche);color:var(--warnung);border-radius:6px;padding:0 .35rem;font-size:.8rem}.ablage{border:2px dashed var(--linie);border-radius:var(--rund);text-align:center;background:var(--flaeche-2);cursor:pointer;padding:1.5rem}.ablage.aktiv{border-color:var(--akzent)}.vorschau{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.vorschau img{border:1px solid var(--linie);border-radius:8px;height:120px}.tabelle-rahmen{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--linie);text-align:right;white-space:nowrap;padding:.4rem .55rem}th{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}th.links,td.links{text-align:left}tbody tr{cursor:pointer}tbody tr:hover{background:var(--flaeche-2)}tbody tr.gewaehlt{background:var(--zone-flaeche)}.wkn{font-family:var(--mono);font-weight:600}.pos{color:var(--zone)}.neg{color:var(--stopp)}.leise{color:var(--text-2);font-size:.88rem}.gross{font-size:1.6rem;font-weight:700}.schritte{counter-reset:schritt;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.schritte li{counter-increment:schritt;grid-template-columns:2rem 1fr;gap:.4rem;display:grid}.schritte li:before{content:counter(schritt);background:var(--akzent);width:1.6rem;height:1.6rem;color:var(--akzent-text);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.kennzahl{background:var(--flaeche-2);border-radius:8px;padding:.5rem .65rem}.kennzahl .wert{font-size:1.15rem;font-weight:700}.diagramm{width:100%;height:340px}.ladebalken{background:linear-gradient(90deg, var(--akzent) 0 30%, transparent 30%);background-size:200% 100%;border-radius:2px;height:4px;animation:1.2s linear infinite lauf}@keyframes lauf{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ladebalken{animation:none}}.felder{align-items:end}label.haken{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem 0;font-size:1rem;display:flex}label.haken input{width:1.25rem;height:1.25rem;accent-color:var(--akzent);flex:none}.vgl-kopf{top:var(--kopf-hoehe,56px);z-index:4;background:var(--flaeche);border-bottom:1px solid var(--linie);position:sticky;overflow:hidden}.vgl-rumpf{overscroll-behavior-x:contain;overflow-x:auto}.vgl-tab{table-layout:fixed;border-collapse:separate;border-spacing:0;min-width:100%}.vgl-tab th{white-space:normal;vertical-align:bottom;background:var(--flaeche);border-bottom:none;line-height:1.2}.vgl-tab td{background:var(--flaeche);text-overflow:ellipsis;overflow:hidden}.vgl-tab .fest{z-index:1;box-shadow:inset -1px 0 0 var(--linie);position:sticky;left:0}.vgl-tab tbody tr:hover td{background:linear-gradient(var(--flaeche-2), var(--flaeche-2)), var(--flaeche)}.vgl-tab tbody tr.gewaehlt td{background:linear-gradient(var(--zone-flaeche), var(--zone-flaeche)), var(--flaeche)}@media (width<=640px){.kopf{padding:.45rem .6rem}.kopf nav{flex-wrap:nowrap;gap:.3rem}.kopf nav button{padding:.3rem .5rem;font-size:.82rem}.kopf .marke-text{display:none}main{padding:.75rem}.diagramm{height:280px}.gross{font-size:1.35rem}}