:root{--akzent: #1f5eb3;--akzent-hell: #eef4fc;--text: #16202e;--text-leise: #5b6675;--flaeche: #ffffff;--flaeche-2: #f6f9fc;--grund: #eef2f7;--karte: #ffffff;--rand: #e3e8ef;--warn: #b45309;--gefahr: #b91c1c;--gut: #15803d;--schatten-1: 0 1px 2px rgba(16, 32, 56, .07), 0 1px 3px rgba(16, 32, 56, .05);--schatten-2: 0 2px 4px rgba(16, 32, 56, .09), 0 4px 10px rgba(16, 32, 56, .07);--schatten-3: 0 4px 8px rgba(16, 32, 56, .11), 0 10px 24px rgba(16, 32, 56, .1);--schatten-akzent: 0 2px 5px rgba(31, 94, 179, .3), 0 6px 16px rgba(31, 94, 179, .2);--glanz: inset 0 1px 0 rgba(255, 255, 255, .55)}:root[data-design=dark]{--akzent: #7aa7e0;--akzent-hell: #1b2733;--text: #e9edf3;--text-leise: #a8b3c1;--flaeche: #1f1f1f;--flaeche-2: #2b2b2b;--grund: #171717;--karte: #262626;--rand: #3d3d3d;--warn: #f0b429;--gefahr: #f87171;--gut: #4ade80;--schatten-1: 0 1px 2px rgba(0, 0, 0, .45);--schatten-2: 0 2px 6px rgba(0, 0, 0, .55);--schatten-3: 0 8px 24px rgba(0, 0, 0, .6);--schatten-akzent: 0 2px 8px rgba(122, 167, 224, .3);--glanz: inset 0 1px 0 rgba(255, 255, 255, .07)}:root[data-design=contrast]{--akzent: #ffff01;--akzent-hell: #000000;--text: #ffffff;--text-leise: #ffffff;--flaeche: #000000;--flaeche-2: #000000;--grund: #000000;--karte: #000000;--rand: #ffffff;--warn: #ffff01;--gefahr: #ffff01;--gut: #ffff01;--schatten-1: none;--schatten-2: none;--schatten-3: none;--schatten-akzent: none;--glanz: none}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.15rem;margin:28px 0 10px}a{color:var(--akzent)}.huelle{width:100%;margin:0;padding:clamp(12px,3vw,20px) clamp(12px,3vw,28px) 48px}.lesbar{max-width:80ch}.kopf{margin-bottom:20px}.kopf p{margin:0;color:var(--text-leise)}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:10px;padding:16px;margin-bottom:12px;box-shadow:var(--schatten-2)}.karte--gruppe{padding:18px 20px 20px;margin-bottom:18px}.karte--gruppe{border-top:3px solid var(--akzent);border-radius:12px}.karte--gruppe>h2{margin:0 0 4px;font-size:1.02rem}.karte--gruppe>h2+.hinweis{margin:0 0 14px}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px}.kennzahl{text-align:left;width:100%;cursor:pointer;font:inherit;color:inherit}.kennzahl__wert{font-size:1.9rem;font-weight:650;line-height:1.1}.kennzahl__bezeichnung{color:var(--text-leise);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.kennzahl--warnung .kennzahl__wert{color:var(--gefahr)}.knopf{background:var(--akzent);color:var(--flaeche);border:1px solid var(--akzent);border-radius:8px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--schatten-akzent),var(--glanz);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.knopf:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--schatten-3),var(--glanz)}.knopf:active:not(:disabled){transform:translateY(1px);box-shadow:var(--schatten-1)}.knopf:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.knopf--leise{background:var(--karte);color:var(--text);border-color:var(--rand);box-shadow:var(--schatten-1)}.knopf--leise:hover:not(:disabled){box-shadow:var(--schatten-2);border-color:var(--akzent);color:var(--akzent)}.symbol{flex:none;vertical-align:-3px}.knopf .symbol{margin-right:6px}.navleiste{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:6px;border-radius:12px;background:var(--karte);border:1px solid var(--rand);position:sticky;top:0;z-index:20;box-shadow:0 0 0 14px var(--grund),var(--schatten-2)}.navleiste--schmal .navliste{max-height:60vh;overflow-y:auto}:root[data-design=contrast] .navleiste{box-shadow:none}.navliste{display:flex;flex-wrap:wrap;gap:6px}.navleiste--schmal{display:block}.navleiste--schmal .navliste{flex-direction:column;margin-top:6px}.navleiste--schmal .navliste a{justify-content:flex-start}.navknopf{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:1px solid var(--rand);border-radius:8px;background:var(--flaeche-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.navknopf span:first-of-type{flex:1;text-align:left}.navknopf__pfeil{transition:transform .15s ease;color:var(--text-leise)}.navknopf__pfeil.auf{transform:rotate(180deg)}.navleiste a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text-leise);text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.navleiste a:hover{background:var(--flaeche-2);color:var(--text);border-color:var(--rand);box-shadow:var(--schatten-1);transform:translateY(-1px)}.navleiste a.aktiv{background:var(--akzent);color:var(--flaeche);border-color:var(--akzent);box-shadow:var(--schatten-akzent),var(--glanz);transform:none}:root[data-design=contrast] .navleiste a.aktiv{background:var(--akzent);color:#000}.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:0 18px}.raster--weit{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}.raster--eng{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px}.feld--voll{grid-column:1 / -1}.kartenfeld{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(420px,46%)),1fr));gap:18px}.kartenfeld>.karte{margin-bottom:0;height:100%}.mit-rand{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.mit-rand>.haupt{flex:1 1 420px;max-width:80ch;min-width:0}.mit-rand>.rand{flex:1 1 300px;min-width:0}.angaben{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px 18px}.angaben>div>strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise);font-weight:600;margin-bottom:2px}.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;align-items:start}.tabelle-rahmen{overflow-x:auto;background:var(--karte);border:1px solid var(--rand);border-radius:10px;box-shadow:var(--schatten-2);margin-bottom:12px}.karte .tabelle-rahmen{background:none;border:0;border-radius:0;box-shadow:none;margin-bottom:0}.karte .tabelle-rahmen table{min-width:0}.tabelle-rahmen>table>tbody>tr:last-child>td,.tabelle-rahmen>table>tbody>tr:last-child>th{border-bottom:none}.tabelle-rahmen table{min-width:480px}.tabelle-rahmen--breit table{min-width:760px}label{display:block;margin:14px 0 4px;font-weight:600;font-size:.9rem}.raster>*>label:first-child,.raster>label:first-child{margin-top:0}input,textarea,select{width:100%;padding:9px 11px;border:1px solid var(--rand);border-radius:8px;background:var(--flaeche);color:var(--text);font:inherit;transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 22%,transparent)}.hinweis{color:var(--text-leise);font-size:.85rem;margin-top:3px}table{width:100%;border-collapse:collapse}.tabelle--fest{table-layout:fixed}.tabelle--fest td,.tabelle--fest th{overflow-wrap:anywhere}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--rand)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise)}.marke{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid var(--rand);background:color-mix(in srgb,currentColor 9%,transparent)}.marke .symbol{margin:0}.marke--leise{color:var(--text-leise)}.marke--gefahr{color:var(--gefahr);border-color:currentColor}.marke--warn{color:var(--warn);border-color:currentColor}.marke--gut{color:var(--gut);border-color:currentColor}:root[data-design=contrast] .marke{background:none}.meldung{padding:12px 14px;border-radius:8px;border:1px solid;margin-bottom:14px}.meldung--fehler{color:var(--gefahr);border-color:currentColor}.meldung--warnung{color:var(--warn);border-color:currentColor}.meldung--erfolg{color:var(--gut);border-color:currentColor}.fuss{margin-top:36px;padding-top:14px;border-top:1px solid var(--rand);color:var(--text-leise);font-size:.82rem}.leiste{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.leiste--rechts{justify-content:flex-end}.huelle--schmal table[data-stapelbar],.huelle--schmal table[data-stapelbar] tbody,.huelle--schmal table[data-stapelbar] tr{display:block}.huelle--schmal table[data-stapelbar]{min-width:0;table-layout:auto}.huelle--schmal table[data-stapelbar] thead{display:none}.huelle--schmal table[data-stapelbar] tr{padding:9px 0;border-bottom:1px solid var(--rand)}.huelle--schmal table[data-stapelbar] tr:last-child{border-bottom:none}.huelle--schmal table[data-stapelbar] td{display:flex;gap:8px;align-items:baseline;border:none;padding:1px 0;line-height:1.45}.huelle--schmal table[data-stapelbar] td:first-child{display:block;font-weight:600;margin-bottom:3px}.huelle--schmal table[data-stapelbar] td:first-child:before{display:none}.huelle--schmal table[data-stapelbar] td[data-spalte]:before{content:attr(data-spalte);flex:0 0 34%;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-leise);font-weight:600;line-height:1.6}.huelle--schmal table.tabelle--liste td:not(:first-child){display:inline;padding:0}.huelle--schmal table.tabelle--liste td:not(:first-child):before{display:none}.huelle--schmal table.tabelle--liste td:not(:first-child):not(:last-child):after{content:" · ";color:var(--text-leise)}.huelle--schmal table.tabelle--liste td:first-child{margin-bottom:2px}.huelle--schmal table.tabelle--liste .marke{margin-top:4px}.huelle--schmal table[data-stapelbar] td:empty{display:none}.huelle--schmal table[data-stapelbar] td:not([data-spalte]){padding-top:8px}.huelle--schmal .tabelle-rahmen table{min-width:0}.huelle--schmal .kennzahl__bezeichnung{text-transform:none;letter-spacing:0;font-size:.85rem}.huelle--schmal .kartenfeld{grid-template-columns:minmax(0,1fr)}.huelle--schmal td,.huelle--schmal th{overflow-wrap:anywhere}.huelle--schmal .karte{padding:14px}.huelle--schmal .karte--gruppe{padding:14px 14px 16px}