:root,:root[data-theme=light]{--grund: #ffffff;--flaeche: #f4f6f8;--rand: #d9dee3;--text: #16202a;--gedaempft: #5d6b78;--akzent: #1a5f8a;--akzent-hell: #e7f0f6;--warnung: #b8860b;--warnung-flaeche: #fff6d8;--zeile-alt: #fafbfc;--schieber: #c5ced6;--knopf: #ffffff;color-scheme:light}:root[data-theme=dark]{--grund: #14191e;--flaeche: #1c232a;--rand: #2f3a44;--text: #e6ecf1;--gedaempft: #9aa8b4;--akzent: #6bb3e0;--akzent-hell: #1e3a4d;--warnung: #e0b84a;--warnung-flaeche: #3a3014;--zeile-alt: #191f25;--schieber: #3d4b57;--knopf: #e6ecf1;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--grund: #14191e;--flaeche: #1c232a;--rand: #2f3a44;--text: #e6ecf1;--gedaempft: #9aa8b4;--akzent: #6bb3e0;--akzent-hell: #1e3a4d;--warnung: #e0b84a;--warnung-flaeche: #3a3014;--zeile-alt: #191f25;--schieber: #3d4b57;--knopf: #e6ecf1;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.seite{max-width:1600px;margin:0 auto;padding:24px 16px 16px}.meldung{padding:48px 16px;text-align:center;color:var(--gedaempft)}header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}header h1{font-size:1.6rem;margin:0 0 4px}.unterzeile{margin:0;color:var(--gedaempft);font-size:.9rem}.quelle-link{color:var(--akzent)}.theme-schieber{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:4px;-webkit-user-select:none;user-select:none}.theme-schieber span{font-size:.78rem;color:var(--gedaempft);font-weight:600;letter-spacing:.02em}.theme-schieber [data-aktiv=true]{color:var(--text)}.theme-bahn{position:relative;width:46px;height:26px;padding:0;border:1px solid var(--rand);border-radius:13px;background:var(--schieber)}.theme-bahn:hover{border-color:var(--akzent)}.theme-bahn:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.theme-knopf{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--knopf);box-shadow:0 1px 3px #00000040;transition:transform .18s ease}.theme-bahn[aria-checked=true] .theme-knopf{transform:translate(20px)}.steuerung{display:grid;grid-template-columns:minmax(260px,2fr) 1fr 1fr;gap:16px;background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;padding:16px;margin-bottom:16px}.feld{display:flex;flex-direction:column;gap:4px}.feld label{font-weight:600;font-size:.85rem}.feld small{color:var(--gedaempft);font-size:.78rem;line-height:1.4}input,select,button{font:inherit;padding:7px 9px;border:1px solid var(--rand);border-radius:6px;background:var(--grund);color:var(--text)}button{cursor:pointer}button:hover{border-color:var(--akzent);color:var(--akzent)}.ansichten{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;border-bottom:2px solid var(--rand);padding-bottom:0}.reiter{border:1px solid var(--rand);border-bottom:none;border-radius:7px 7px 0 0;background:var(--flaeche);padding:8px 14px;margin-bottom:-2px;font-size:.9rem}.reiter.aktiv{background:var(--grund);border-color:var(--rand);border-bottom:2px solid var(--grund);color:var(--akzent);font-weight:600}.reiter .anzahl{display:inline-block;margin-left:6px;padding:0 6px;border-radius:10px;background:var(--akzent-hell);color:var(--akzent);font-size:.75rem;font-variant-numeric:tabular-nums}.filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.kaelte-filter{display:inline-flex;align-items:center;gap:4px}.kaelte-hinweis{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--warnung-flaeche);border-color:var(--warnung);color:var(--text);font-size:.78rem;font-weight:600}.kaelte-zelle{display:inline-flex;align-items:center;justify-content:center;gap:4px}.kaelte-warn{display:inline-flex;align-items:center;padding:0;border:none;background:none;line-height:1}.kaelte-warn:hover{opacity:.8}.warnzeichen{width:1.15em;height:1.15em;display:block;fill:#f5c518;stroke:#1c1c1c;stroke-width:1.15;stroke-linejoin:round}.warnzeichen-strich{fill:none;stroke:#1c1c1c;stroke-width:1.9;stroke-linecap:round}.warnzeichen-punkt{fill:#1c1c1c;stroke:none}.suche{flex:1 1 240px;min-width:200px}.haken{display:flex;align-items:center;gap:6px;font-size:.88rem;white-space:nowrap}.haken input{padding:0}.treffer{color:var(--gedaempft);font-size:.88rem;margin-left:auto}.tabellenrahmen{overflow:auto;max-height:78vh;border:1px solid var(--rand);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:.88rem}thead th{position:sticky;top:0;z-index:2;background:var(--flaeche);border-bottom:2px solid var(--rand);padding:9px 10px;text-align:center;white-space:nowrap;font-size:.82rem}th.breit,td.breit{text-align:left}th.sortierbar{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortierbar:hover{color:var(--akzent)}.pfeil{margin-left:4px;font-size:.7rem}tbody td{padding:7px 10px;text-align:center;border-bottom:1px solid var(--rand)}tbody tr:nth-child(2n){background:var(--zeile-alt)}tbody tr:hover{background:var(--akzent-hell)}tr.ohne-wert{color:var(--gedaempft)}.schmal{width:34px;padding:4px!important}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.klein{font-size:.8rem;color:var(--gedaempft);text-align:left}td .klein{font-size:.78rem;line-height:1.35}.modellname{display:block;font-weight:600}.marke{display:block;font-size:.78rem;color:var(--gedaempft)}.basis-tag{display:inline-block;margin-left:4px;padding:0 5px;border-radius:10px;background:var(--akzent-hell);color:var(--akzent);font-size:.7rem;font-variant-numeric:normal}button.basis-tag-knopf{border:none;cursor:pointer;font:inherit;line-height:inherit}button.basis-tag-knopf:hover{outline:1px solid var(--akzent)}.stern{border:none;background:none;padding:2px 4px;color:var(--rand);font-size:1.1rem;line-height:1}.stern.aktiv,.stern:hover{color:#e0a800}.vergleich{border:1px solid var(--akzent);border-radius:8px;padding:16px;margin-bottom:16px;background:var(--flaeche)}.vergleich-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vergleich-kopf h2{margin:0;font-size:1.1rem}.vergleichstabelle th[scope=row]{text-align:left;white-space:nowrap;background:var(--flaeche);position:sticky;left:0;font-size:.82rem}.vergleichstabelle td{text-align:left}tr.abweichend{background:var(--akzent-hell)!important}footer{display:flex;align-items:center;gap:12px;margin-top:10px;padding:4px 0;color:var(--gedaempft);font-size:.75rem;border-top:1px solid var(--rand)}.fuss-link{padding:2px 8px;font-size:.75rem;background:transparent}.klein{font-size:.8rem;color:var(--gedaempft)}.dialog{border:1px solid var(--rand);border-radius:10px;padding:0;background:var(--grund);color:var(--text);max-width:520px;width:calc(100vw - 32px);box-shadow:0 16px 40px #00000047}.dialog::backdrop{background:#0c10147a}.dialog-kasten{padding:16px 18px 18px}.dialog-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.dialog-kopf h2{margin:0;font-size:1.1rem;flex:1}.dialog p{margin:0 0 10px;line-height:1.45}.dialog-warnung{border-color:var(--warnung)}.dialog-warnung .dialog-kopf .warnzeichen{width:1.7em;height:1.7em;flex-shrink:0}.export-wahl{display:flex;flex-direction:column;gap:8px;margin-top:8px}.export-wahl button{text-align:left;padding:10px 12px}.export-wahl button:disabled{opacity:.7;cursor:wait}.export-wahl strong{display:block}.export-wahl small{display:block;color:var(--gedaempft);font-weight:400}@media (max-width: 820px){header{flex-wrap:wrap}.steuerung{grid-template-columns:1fr}.treffer{margin-left:0}}.kopf-knoepfe{display:flex;align-items:center;gap:8px}.hilfe-auf{font-size:.85rem;padding:6px 10px;white-space:nowrap}.hilfe-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a10168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.hilfe{position:relative;width:min(880px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--grund);color:var(--text);border:1px solid var(--rand);border-radius:12px;padding:24px 24px 20px;box-shadow:0 16px 48px #0000004d}.hilfe h2{margin:0 0 4px;font-size:1.25rem;padding-right:40px}.hilfe-unterzeile{margin:0 0 18px;color:var(--gedaempft);font-size:.88rem}.hilfe-zu{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;border-radius:8px;line-height:1;font-size:1.4rem;color:var(--gedaempft)}.hilfe-zu:hover{border-color:var(--akzent);color:var(--akzent)}.typen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.typ{display:flex;flex-direction:column;align-items:stretch;background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;overflow:hidden;transition:border-color .12s,transform .12s}.typ:hover,.typ:focus-within{border-color:var(--akzent);transform:translateY(-2px)}.typ-wahl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 10px;text-align:center;background:none;border:none;width:100%;border-radius:0}.typ-bild{width:104px;height:138px;margin-bottom:6px;overflow:visible}.typ-titel{font-weight:600;font-size:.95rem;color:var(--text)}.typ-anzahl{font-size:.75rem;color:var(--akzent);background:var(--akzent-hell);border-radius:10px;padding:1px 8px;margin:3px 0 6px;font-variant-numeric:tabular-nums}.typ-text{font-size:.78rem;color:var(--gedaempft);line-height:1.4}.typ-wt{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px 10px;font-size:.76rem;color:var(--text);border-top:1px solid var(--rand);cursor:pointer;-webkit-user-select:none;user-select:none}.typ-wt input{padding:0;margin:0}.typ-wt-zahl{color:var(--akzent);background:var(--akzent-hell);border-radius:8px;padding:0 6px;font-variant-numeric:tabular-nums}.hilfe-fuss{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px}.hilfe-fuss .typ-wt{border:none;padding:4px}.hilfe-alle{display:block;width:100%;background:none;border:none;padding:4px 8px 8px;color:var(--gedaempft);font-size:.85rem;text-decoration:underline}.hilfe-alle:hover{color:var(--akzent)}@media (max-width: 560px){.typen{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.typ-bild{width:80px;height:106px}.hilfe{padding:20px 16px 16px}}.wt-zelle{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.wt-info{display:inline-flex;align-items:center;padding:0;border:none;background:none;line-height:1;cursor:pointer}.wt-info:hover{opacity:.75}.infozeichen{width:1.1em;height:1.1em;display:block}.infozeichen circle:first-child{fill:var(--akzent)}.infozeichen path{stroke:var(--grund);stroke-width:2.4;stroke-linecap:round;fill:none}.infozeichen-punkt{fill:var(--grund)}.wt-vergleich{width:100%;border-collapse:collapse;margin:4px 0 12px;font-size:.88rem}.wt-vergleich th,.wt-vergleich td{padding:5px 8px;border-bottom:1px solid var(--rand);text-align:center}.wt-vergleich th[scope=row]{text-align:left;font-weight:600;white-space:nowrap}.wt-vergleich thead th{font-size:.8rem;color:var(--gedaempft)}.wt-vergleich tr.abweichend td{background:var(--akzent-hell);font-weight:600}.leistung-zelle{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.norm-info{display:inline-flex;align-items:center;padding:0;border:none;background:none;line-height:1;cursor:pointer}.norm-info:hover{opacity:.75}.infozeichen.warn circle:first-child{fill:var(--warnung)}.sh-zelle{display:inline-flex;align-items:center;justify-content:center;gap:4px}.sh-info{display:inline-flex;align-items:center;padding:0;border:none;background:none;line-height:1;cursor:pointer;flex-shrink:0}.sh-info:hover{opacity:.75}.ha-zeichen{width:1.15em;height:1.15em;display:block}.ha-zeichen path:first-child{fill:var(--gedaempft)}.sh-info.mit-ha .ha-zeichen path:first-child{fill:#41bdf5}.sh-info.ha-ww .ha-zeichen path:first-child{fill:#18bcf2}.ha-zeichen circle{fill:var(--grund)}.ha-zeichen path+circle~path,.ha-zeichen path:last-child{stroke:var(--grund);stroke-width:1.4;fill:none;stroke-linecap:round}.ha-titel{display:flex;align-items:center;gap:6px;font-size:1rem;margin:6px 0 8px}.ha-titel .ha-zeichen path:first-child{fill:#41bdf5}.ha-liste{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.ha-eintrag{border:1px solid var(--rand);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.ha-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px}.ha-kopf a{color:var(--akzent);font-weight:600}.ha-status{font-size:.72rem;padding:1px 8px;border-radius:10px;background:var(--akzent-hell);color:var(--akzent);white-space:nowrap}.ha-status.ha-core{background:#e3f6fd;color:#0b6e99}.ha-status.ha-modbus,.ha-status.ha-lokal{background:var(--flaeche);color:var(--gedaempft);border:1px solid var(--rand)}.spende-karte{position:fixed;right:16px;bottom:16px;z-index:40;width:min(340px,calc(100vw - 32px));background:var(--grund);color:var(--text);border:1px solid var(--rand);border-radius:12px;padding:16px 16px 12px;box-shadow:0 12px 36px #00000038;animation:spende-rein .35s ease-out}@keyframes spende-rein{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.spende-karte{animation:none}}.spende-kopf{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding-right:24px}.spende-kopf h2{font-size:1rem;margin:0}.spende-karte p{margin:0 0 12px;font-size:.86rem;line-height:1.45;color:var(--gedaempft)}.spende-karte .spende-klein{font-size:.72rem;margin:8px 0 0}.spende-zu{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border:none;background:none;font-size:1.3rem;line-height:1;color:var(--gedaempft)}.spende-zu:hover{color:var(--akzent)}.spende-paypal{display:block;text-align:center;font-weight:700;text-decoration:none;background:#ffc439;color:#1a1a1a;border-radius:999px;padding:10px 14px}.spende-paypal:hover{background:#f2b52e}.spende-herz{width:1.3em;height:1.3em;flex-shrink:0}.spende-herz path{fill:#e0457b}.spende-knopf{position:fixed;right:16px;bottom:16px;z-index:40;width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--grund);border:1px solid var(--rand);box-shadow:0 6px 18px #0000002e}.spende-knopf:hover{border-color:#e0457b}.spende-knopf .spende-herz{width:1.4em;height:1.4em}.baugleich{display:block;font-size:.74rem;color:var(--gedaempft);font-style:italic;margin-top:2px}.baugleich [title]{cursor:help}.baugleich-treffer{font-style:normal;font-weight:600;color:var(--text, inherit);background:color-mix(in srgb,#ffd54a 45%,transparent);border-radius:3px;padding:0 2px}tr.nicht-de>td{opacity:.5}tr.nicht-de:hover>td{opacity:.85}.nicht-de-tag{display:inline-block;margin-top:3px;font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:999px;border:1px solid var(--gedaempft);color:var(--gedaempft);cursor:help}