:root{--grund:#f5f7fa;--karte:#fff;--karte-hoch:#fbfcfe;--rand:#e3e8ef;--rand-stark:#cdd5e0;--text:#101a28;--text-leise:#5f6c7f;--marke:#0369a1;--marke-tief:#075985;--marke-hell:#e6f4fc;--marke-rand:#bae0f5;--gut:#15703c;--gut-hell:#e3f5e9;--warnung:#9a5b06;--warnung-hell:#fdf1da;--alarm:#b3261e;--alarm-hell:#fdeae8;--offline:#5f6c7f;--offline-hell:#eef1f5;--feuchte-linie:#7c3aed;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--radius:12px;--radius-klein:8px;--radius-rund:999px;--schatten:0 1px 2px #101a280d;--schatten-hoch:0 4px 6px -2px #101a280f, 0 12px 24px -8px #101a281f;--schrift:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-zahl:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--grund:#0b1220;--karte:#141d2c;--karte-hoch:#1a2435;--rand:#253247;--rand-stark:#35455e;--text:#e7edf6;--text-leise:#94a3b8;--marke:#4cc2f5;--marke-tief:#8ad6fa;--marke-hell:#0d2c3f;--marke-rand:#1c4864;--gut:#5ad48a;--gut-hell:#10321f;--warnung:#f5bb4a;--warnung-hell:#3a2b0b;--alarm:#f98a80;--alarm-hell:#401916;--offline:#94a3b8;--offline-hell:#1c2537;--schatten:0 1px 2px #00000080;--schatten-hoch:0 4px 6px -2px #0006, 0 12px 24px -8px #0009}}:root[data-theme=dark]{--grund:#0b1220;--karte:#141d2c;--karte-hoch:#1a2435;--rand:#253247;--rand-stark:#35455e;--text:#e7edf6;--text-leise:#94a3b8;--marke:#4cc2f5;--marke-tief:#8ad6fa;--marke-hell:#0d2c3f;--marke-rand:#1c4864;--gut:#5ad48a;--gut-hell:#10321f;--warnung:#f5bb4a;--warnung-hell:#3a2b0b;--alarm:#f98a80;--alarm-hell:#401916;--offline:#94a3b8;--offline-hell:#1c2537;--schatten:0 1px 2px #00000080;--schatten-hoch:0 4px 6px -2px #0006, 0 12px 24px -8px #0009}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--text);font-family:var(--schrift);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.55}h1,h2,h3,h4{margin:0 0 var(--s2);letter-spacing:-.011em;text-wrap:balance;line-height:1.2}h1{font-size:1.6rem;font-weight:600}h2{font-size:1.15rem;font-weight:600}a{color:var(--marke)}:focus-visible{outline:2px solid var(--marke);outline-offset:2px;border-radius:var(--radius-klein)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.huelle{flex-direction:column;min-height:100dvh;display:flex}.kopf{z-index:20;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);padding-top:max(var(--s3), env(safe-area-inset-top));background:color-mix(in srgb, var(--karte) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--rand);display:flex;position:sticky;top:0}.kopf-titel{align-items:center;gap:var(--s2);letter-spacing:-.015em;color:var(--text);white-space:nowrap;margin-right:auto;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.kopf-titel:before{content:"";background:var(--marke);width:10px;height:10px;box-shadow:0 0 0 3px var(--marke-hell);border-radius:50%;flex:none}.kopf-knopf{border-radius:var(--radius-klein);padding:var(--s2) var(--s3);color:var(--text-leise);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.kopf-knopf:hover{background:var(--marke-hell);color:var(--marke)}.inhalt{width:100%;max-width:1180px;padding:var(--s5) var(--s4);padding-bottom:max(var(--s6), env(safe-area-inset-bottom));gap:var(--s4);flex-direction:column;flex:1;margin:0 auto;display:flex}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:var(--s4)}.karten-gitter{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(258px,1fr));display:grid}.seiten-kopf{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.seiten-kopf h1{margin:0}section{gap:var(--s3);flex-direction:column;display:flex}section h2{align-items:center;gap:var(--s3);letter-spacing:.09em;text-transform:uppercase;color:var(--text-leise);margin:0;font-size:.72rem;font-weight:600;display:flex}section h2:after{content:"";background:var(--rand);flex:1;height:1px}.ampel{border-radius:var(--radius-rund);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:.4em;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.ampel:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.45rem;height:.45rem}.ampel-gut{color:var(--gut);background:var(--gut-hell)}.ampel-warnung{color:var(--warnung);background:var(--warnung-hell)}.ampel-alarm{color:var(--alarm);background:var(--alarm-hell)}.ampel-offline{color:var(--offline);background:var(--offline-hell)}.ampel-ruht{color:var(--offline);background:repeating-linear-gradient(-45deg, var(--offline-hell), var(--offline-hell) 4px, transparent 4px, transparent 8px);box-shadow:inset 0 0 0 1px var(--offline-hell);text-transform:none;letter-spacing:0}.ampel-ruht:before{background:0 0;box-shadow:inset 0 0 0 1.5px}.temperatur{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.4rem;font-weight:500;line-height:1.05}.temperatur-klein{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.25rem;font-weight:500}.leise{color:var(--text-leise);font-size:.85rem}label{letter-spacing:.02em;color:var(--text-leise);margin-bottom:var(--s1);font-size:.78rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--karte);width:100%;min-height:42px;color:var(--text);font:inherit;margin-bottom:var(--s3);padding:.55rem .7rem;transition:border-color .15s,box-shadow .15s}input[type=number],input[type=time]{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums}input:hover,select:hover,textarea:hover{border-color:var(--text-leise)}input:focus,select:focus,textarea:focus{border-color:var(--marke);box-shadow:0 0 0 3px var(--marke-hell);outline:none}textarea{resize:vertical;min-height:72px;font-family:inherit}button{font:inherit}.knopf{justify-content:center;align-items:center;gap:var(--s2);background:var(--marke);color:#fff;border-radius:var(--radius-klein);cursor:pointer;white-space:nowrap;border:1px solid #0000;min-height:42px;padding:.6rem 1rem;font-size:.92rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.knopf:hover{background:var(--marke-tief)}.knopf:active{transform:translateY(1px)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-zweit{background:var(--karte);color:var(--text);border-color:var(--rand-stark)}.knopf-zweit:hover{background:var(--marke-hell);border-color:var(--marke-rand);color:var(--marke)}.knopf-warn{background:var(--karte);color:var(--alarm);border-color:color-mix(in srgb, var(--alarm) 35%, transparent)}.knopf-warn:hover{background:var(--alarm);border-color:var(--alarm);color:#fff}.knopf.klein{min-height:34px;padding:.25rem .7rem;font-size:.84rem}.knopf-reihe{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.text-knopf{color:var(--marke);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.85rem;font-weight:500}.text-knopf:hover{text-decoration:underline}.text-knopf-warn{color:var(--alarm)}.fehler{background:var(--alarm-hell);color:var(--alarm);border:1px solid color-mix(in srgb, var(--alarm) 25%, transparent);border-radius:var(--radius-klein);padding:var(--s3) var(--s4);font-size:.9rem}.laedt,.hinweis,.leer{padding:var(--s7) var(--s4);text-align:center;color:var(--text-leise);align-items:center;gap:var(--s3);flex-direction:column;display:flex}.kasten-hinweis{background:var(--marke-hell);border:1px solid var(--marke-rand);border-left:3px solid var(--marke);border-radius:0 var(--radius-klein) var(--radius-klein) 0;padding:var(--s3) var(--s4);font-size:.88rem}.kasten-hinweis ol{margin:var(--s2) 0 0;padding-left:1.2rem}.kasten-hinweis li{margin-bottom:var(--s1)}.geraete-rat{background:var(--warnung-hell);color:var(--warnung);border-radius:var(--radius-klein);padding:var(--s3);margin:var(--s3) 0 0;font-size:.85rem;line-height:1.45}.gespeichert{color:var(--gut);align-self:center;font-size:.86rem;font-weight:600}.anmelde-seite{min-height:100dvh;padding:var(--s4);background:radial-gradient(60rem 30rem at 50% -10rem, var(--marke-hell), transparent 70%), var(--grund);place-items:center;display:grid}.anmelde-karte{width:100%;max-width:380px;padding:var(--s5);box-shadow:var(--schatten-hoch)}.anmelde-karte h1{align-items:center;gap:var(--s2);font-size:1.3rem;display:flex}.anmelde-karte h1:before{content:"";background:var(--marke);width:10px;height:10px;box-shadow:0 0 0 3px var(--marke-hell);border-radius:50%;flex:none}.fuehler-karte{gap:var(--s1);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.fuehler-karte:hover{border-color:var(--marke-rand);box-shadow:var(--schatten-hoch);transform:translateY(-2px)}.fuehler-kopf{justify-content:space-between;align-items:flex-start;gap:var(--s2);display:flex}.fuehler-kopf strong{letter-spacing:-.01em;font-weight:600}.feuchte{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--text-leise);font-size:.92rem;font-weight:500}.feuchte-alarm{color:var(--alarm);font-weight:600}.alarm-karte{border-color:color-mix(in srgb, var(--alarm) 30%, var(--rand));border-left:4px solid var(--alarm);background:color-mix(in srgb, var(--alarm-hell) 55%, var(--karte))}.alarm-karte h2{color:var(--alarm);text-transform:none;letter-spacing:-.011em;margin-bottom:var(--s2);font-size:1.05rem}.alarm-karte h2:after{display:none}.alarm-zeile{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid color-mix(in srgb, var(--alarm) 18%, transparent);display:flex}.reiter{gap:var(--s1);padding:var(--s1);background:var(--grund);border:1px solid var(--rand);border-radius:var(--radius-rund);flex-wrap:wrap;width:fit-content;max-width:100%;display:flex}.reiter button{border-radius:var(--radius-rund);cursor:pointer;color:var(--text-leise);white-space:nowrap;background:0 0;border:0;padding:.35rem .85rem;font-size:.85rem;font-weight:500;transition:background-color .15s,color .15s}.reiter button:hover{color:var(--text)}.reiter button[aria-pressed=true]{background:var(--karte);color:var(--text);box-shadow:var(--schatten);font-weight:600}.tabellen-huelle{border:1px solid var(--rand);border-radius:var(--radius-klein);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--rand);white-space:nowrap;padding:.5rem .75rem}tbody tr:last-child td{border-bottom:0}th{background:var(--grund);color:var(--text-leise);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:600;position:sticky;top:0}td.zahl,th.zahl{text-align:right;font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums}.klappe{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s;overflow:hidden}.klappe:hover{border-color:var(--rand-stark)}.klappe-offen{border-color:var(--marke-rand);box-shadow:var(--schatten)}.klappe-kopf{align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;min-height:54px;display:flex}.klappe-kopf:hover{background:var(--karte-hoch)}.klappe-pfeil{color:var(--text-leise);flex:none;width:.9rem;font-size:.8rem}.klappe-titel{align-items:center;gap:var(--s2);flex-wrap:wrap;flex:1;font-weight:600;display:flex}.klappe-inhalt{padding:var(--s4);border-top:1px solid var(--rand);background:var(--karte-hoch)}.bereich-titel,.unter-titel{text-transform:uppercase;letter-spacing:.09em;color:var(--text-leise);margin:var(--s5) 0 var(--s3);font-size:.72rem;font-weight:600}.unter-titel{padding-top:var(--s4);border-top:1px solid var(--rand)}.marke{border-radius:var(--radius-rund);letter-spacing:.04em;text-transform:uppercase;background:var(--offline-hell);color:var(--text-leise);align-items:center;padding:.1rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.marke-gut{background:var(--gut-hell);color:var(--gut)}.marke-alarm{background:var(--alarm-hell);color:var(--alarm)}.feld{margin-bottom:var(--s1)}.feld-hinweis{color:var(--text-leise);margin:calc(var(--s3) * -1) 0 var(--s3);font-size:.8rem;line-height:1.45}.feld-paar{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.standort-kopf{align-items:baseline;gap:var(--s3);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.standort-kopf h4{margin:0;font-size:.98rem}.standort-block{border-left:2px solid var(--rand);padding-left:var(--s4);margin:var(--s4) 0}.standort-block h3{margin-bottom:var(--s2);font-size:.95rem}.unterbereich{border-top:1px solid var(--rand);margin-top:var(--s3);padding-top:var(--s3)}.zeile,.daten-zeile{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--rand);display:flex}.daten-zeile{color:var(--text-leise);font-size:.86rem}.daten-zeile>span:last-child,.daten-zeile code{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--text);text-align:right}.daten-zeile>span:first-child{font-family:var(--schrift);color:var(--text-leise)}.fuehler-zeile{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rand);display:flex}.fuehler-knopf{border:0;border-bottom:1px solid var(--rand);width:100%;color:inherit;cursor:pointer;text-align:left;border-radius:var(--radius-klein);padding:var(--s3);background:0 0;font-size:.95rem;transition:background-color .15s}.fuehler-knopf:hover{background:var(--marke-hell)}.fuehler-knopf>span:first-child{align-items:center;gap:var(--s2);flex-wrap:wrap;display:inline-flex}.schalter-reihe{gap:var(--s2);margin-bottom:var(--s4);display:grid}.schalter{align-items:flex-start;gap:var(--s3);color:var(--text);text-transform:none;letter-spacing:0;cursor:pointer;font-size:.93rem;font-weight:400;display:flex}.schalter input{width:18px;height:18px;min-height:0;accent-color:var(--marke);flex:none;margin:.2rem 0 0}.anhaeng-formular{gap:var(--s2);flex-wrap:wrap;align-items:flex-start;display:flex}.anhaeng-formular input{flex:1;min-width:200px;margin-bottom:0}.schluessel-karte{border-left:4px solid var(--gut)}.schluessel{background:var(--grund);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:var(--s3);margin-bottom:var(--s3);font-family:var(--schrift-zahl);word-break:break-all;font-size:.82rem;display:block}.zurueck{align-items:center;gap:var(--s1);color:var(--text-leise);width:fit-content;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex}.zurueck:hover{color:var(--marke)}.plan-block{margin:calc(var(--s1) * -1) 0 var(--s4)}.plan-inhalt{margin-top:var(--s2);padding:var(--s3) var(--s4);background:var(--grund);border:1px solid var(--rand);border-radius:var(--radius-klein)}.plan-inhalt>.leise{margin:0 0 var(--s3)}.plan-tabelle{border-collapse:collapse;margin-bottom:var(--s3);width:auto}.plan-tabelle td{vertical-align:middle;border:0;padding:.18rem 0}.plan-tabelle td:first-child{padding-right:var(--s3);font-weight:500}.plan-pfeil{color:var(--text-leise);padding-right:var(--s3)}.plan-tabelle code{background:var(--karte);border:1px solid var(--rand);font-family:var(--schrift-zahl);white-space:nowrap;border-radius:5px;padding:.1rem .4rem;font-size:.82rem}.plan-hinweise{margin:0 0 var(--s3);padding-left:1.1rem;font-size:.86rem;line-height:1.5}.plan-hinweise li{margin-bottom:var(--s1)}.plan-hinweise li:first-child{font-weight:500}.plan-mehrere{color:var(--text-leise);margin:0;font-size:.86rem;line-height:1.5}.diagramm-block{gap:var(--s2);flex-direction:column;display:flex}.diagramm-kopf{justify-content:flex-end;display:flex}.diagramm-huelle{touch-action:pan-y;position:relative}.diagramm{width:100%;height:auto;display:block;overflow:visible}.diagramm .gitter{stroke:var(--rand);stroke-width:1px}.diagramm .achse{fill:var(--text-leise);font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:11px}.diagramm .zahl-rechts{text-anchor:end}.diagramm .gutbereich{fill:var(--gut);opacity:.06}.diagramm .grenze{stroke:var(--alarm);stroke-width:1px;opacity:.45}.diagramm .grenz-text{fill:var(--text-leise);font-family:var(--schrift-zahl);font-size:10px}.diagramm .luecke{fill:var(--text-leise);opacity:.1}.diagramm .band{fill:var(--marke);opacity:.13}.diagramm .linie{fill:none;stroke:var(--marke);stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round}.diagramm .fadenkreuz{stroke:var(--text-leise);stroke-width:1px;opacity:.5}.diagramm .punkt{fill:var(--marke);stroke:var(--karte);stroke-width:2.5px}.diagramm-hinweis{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius-klein);box-shadow:var(--schatten-hoch);padding:var(--s2) var(--s3);pointer-events:none;white-space:nowrap;font-size:.82rem;position:absolute;top:0;transform:translate(-50%)}@media (width<=560px){.inhalt{padding:var(--s4) var(--s3);gap:var(--s3)}.karte{padding:var(--s3)}.temperatur{font-size:2.1rem}.feld-paar{grid-template-columns:1fr;gap:0}.kopf{padding-left:var(--s3);padding-right:var(--s3)}.kopf-knopf{padding:var(--s2)}}.kennung{font-family:var(--schrift-zahl);letter-spacing:.02em;color:var(--text-leise);background:var(--grund);border:1px solid var(--rand);white-space:nowrap;border-radius:5px;padding:.05rem .35rem;font-size:.68rem;font-weight:400}.verschieben{background:var(--grund);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:var(--s3);margin-bottom:var(--s3)}.verschieben .feld-hinweis{margin-bottom:var(--s3)}.umzug-zeile{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.alarm-zeile-gesehen{opacity:.62}.alarm-vermerk{white-space:nowrap;font-size:.78rem}.alarm-karte-gesehen{border-left-color:var(--warnung);border-color:color-mix(in srgb, var(--warnung) 30%, var(--rand));background:color-mix(in srgb, var(--warnung-hell) 45%, var(--karte))}.alarm-karte-gesehen h2{color:var(--warnung)}.bereich{border:1px solid var(--rand);border-radius:var(--radius);padding:var(--s4);margin-bottom:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.bereich-marke{letter-spacing:.1em;text-transform:uppercase;color:var(--text-leise);font-size:.68rem;font-weight:600}.bereich-stamm{background:var(--karte-hoch)}.bereich-messung{background:var(--karte);border-left:3px solid var(--marke-rand)}.bereich-messung .bereich-marke{color:var(--marke)}.bereich>.karte{box-shadow:none}.empfang{align-items:center;gap:var(--s2);color:var(--text-leise);font-size:.82rem;display:inline-flex}.empfang-balken{flex:none;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.empfang-balken i{background:var(--rand-stark);border-radius:1px;width:3px}.empfang-balken i:first-child{height:4px}.empfang-balken i:nth-child(2){height:7px}.empfang-balken i:nth-child(3){height:10px}.empfang-balken i:nth-child(4){height:12px}.empfang-sehr-gut .empfang-balken i.voll,.empfang-gut .empfang-balken i.voll{background:var(--gut)}.empfang-maessig .empfang-balken i.voll{background:var(--warnung)}.empfang-schwach .empfang-balken i.voll{background:var(--alarm)}.empfang-maessig .empfang-text{color:var(--warnung);font-weight:500}.empfang-schwach .empfang-text{color:var(--alarm);font-weight:600}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kachel-fuss{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.messstelle{border:1px solid var(--rand);border-left:3px solid var(--marke-rand);border-radius:var(--radius-klein);padding:var(--s3) var(--s4) var(--s1);margin-bottom:var(--s3);background:var(--karte-hoch)}.messstelle-kopf{margin-bottom:var(--s2);justify-content:space-between;align-items:center;display:flex}.messstelle-zahl{background:var(--marke-hell);width:1.4rem;height:1.4rem;color:var(--marke-tief);font-family:var(--schrift-zahl);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:inline-flex}.ruhepause{border:1px solid var(--rand);border-radius:var(--radius);background:var(--karte-hoch);margin:.6rem 0 1.2rem;padding:.9rem 1rem}.ruhepause-aktiv{border-color:var(--offline);background:repeating-linear-gradient(-45deg, var(--offline-hell), var(--offline-hell) 6px, transparent 6px, transparent 12px)}.ruhepause-kopf{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.knopf-reihe-umbruch{flex-wrap:wrap}.einstell-block{border-top:1px solid var(--rand);padding-top:var(--s3);margin-top:var(--s3)}.einstell-block:first-of-type{border-top:0;margin-top:0}.einstell-block .text-knopf[aria-pressed=true]{background:var(--marke-hell);color:var(--marke);border-radius:var(--radius-rund);padding:.15rem .6rem}.zeitwahl-genau{align-items:flex-end;gap:var(--s3) var(--s4);padding-top:var(--s3);margin-bottom:var(--s3);border-top:1px solid var(--rand);flex-wrap:wrap;display:flex}.zeitwahl-feld{letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);flex-direction:column;gap:.2rem;font-size:.78rem;font-weight:600;display:flex}.zeitwahl-feld select,.zeitwahl-feld input{min-height:40px;margin:0}.zeitwahl-tag{align-items:stretch;gap:.25rem;display:flex}.zeitwahl-pfeil{border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--karte);width:2.2rem;min-height:40px;color:var(--text);cursor:pointer;flex:none;font-size:1.1rem;line-height:1}.zeitwahl-pfeil:hover:not(:disabled){border-color:var(--marke);color:var(--marke)}.zeitwahl-pfeil:disabled{opacity:.35;cursor:default}.zeitwahl-stand{text-align:right;flex-direction:column;gap:.1rem;margin-left:auto;display:flex}.kennzahlen{background:var(--karte-hoch);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:var(--s3);margin-bottom:var(--s3)}.kennzahlen-leer{flex-direction:column;gap:.25rem;display:flex}.kennzahl-reihe{gap:var(--s4);margin-top:var(--s2);flex-wrap:wrap;display:flex}.kennzahl{flex-direction:column;display:flex}.kennzahl .leise{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.kennzahl-wert{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:500}.passwortfeld{display:block;position:relative}.passwortfeld input{padding-right:3rem}.passwort-auge{width:3rem;height:100%;color:var(--text-leise);cursor:pointer;border-radius:var(--radius-klein);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.passwort-auge:hover,.passwort-auge[aria-pressed=true]{color:var(--marke)}.bereich-geraete{margin-top:var(--s4)}.geraetekarte{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:var(--s3);margin-bottom:var(--s3)}.geraetekarte-kopf{justify-content:space-between;align-items:baseline;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.netz-schluessel{align-items:center;gap:var(--s2);display:inline-flex}.umzug-aktiv{margin-top:var(--s2);padding:var(--s3);border-radius:var(--radius-klein);background:var(--warnung-hell)}.umzug-form{margin-top:var(--s2)}.steuerung{border:1px solid var(--rand);border-radius:var(--radius-klein);padding:var(--s3);margin:var(--s3) 0;background:var(--karte-hoch)}.steuerung-kopf{justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap;display:flex}.registerzeile{border-top:1px solid var(--rand);padding:var(--s3) 0 var(--s3);margin:0}.registerzeile .feld-hinweis{margin:var(--s1) 0 0;line-height:1.5}.register-wert{align-items:baseline;gap:var(--s3);font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.registerzeile-kopf{justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap;display:flex}.register-name{align-items:center;gap:var(--s2);font-weight:550;display:inline-flex}.register-wert{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;white-space:nowrap}.register-defekt{color:var(--alarm);font-weight:600}.marke-warn{background:var(--warnung-hell);color:var(--warnung)}.bit-reihe{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.bit{border:1px solid var(--rand);border-radius:var(--radius-rund);color:var(--text-leise);background:var(--karte);padding:.1rem .6rem;font-size:.72rem;font-weight:600}.bit-an{border-color:var(--gut);background:var(--gut-hell);color:var(--gut)}.zahlen-reihe{gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.zahl{flex-direction:column;min-width:5rem;display:flex}.zahl-wert{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:500;line-height:1.1}.zahl-gut .zahl-wert{color:var(--gut)}.zahl-warnung .zahl-wert{color:var(--warnung)}.zahl-alarm .zahl-wert{color:var(--alarm)}.zahl-offline .zahl-wert{color:var(--offline)}.geraetebaum{border:1px solid var(--rand);border-radius:var(--radius-klein);margin-bottom:var(--s3);background:var(--karte)}.geraetebaum-kopf{align-items:center;gap:var(--s1) var(--s2);padding:var(--s3);flex-wrap:wrap;display:flex}.geraetebaum-name{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.05rem;font-weight:700}button.geraetebaum-name:hover{color:var(--marke)}.geraetebaum-info{color:var(--text-leise);white-space:nowrap;margin-left:auto;font-size:.8rem}.geraetebaum-liste{margin:0 0 var(--s3) var(--s5);padding:0;list-style:none}.geraetebaum-liste li{padding-left:var(--s4);position:relative}.geraetebaum-liste li:before{content:"";border-left:2px solid var(--rand-stark);position:absolute;top:0;bottom:0;left:0}.geraetebaum-liste li:last-child:before{bottom:50%}.geraetebaum-liste li:after{content:"";width:var(--s3);border-top:2px solid var(--rand-stark);position:absolute;top:50%;left:0}.geraetebaum-teil{align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s2);border-radius:var(--radius-klein);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 7.5rem minmax(0,1fr) auto;display:grid}.geraetebaum-teil:hover{background:var(--karte-hoch)}.teil-art{white-space:nowrap;font-weight:650}.teil-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-leise);overflow:hidden}.teil-wert{font-variant-numeric:tabular-nums;white-space:nowrap}.geraetebaum-leer{padding:var(--s2) var(--s4)}@media (width<=520px){.geraetebaum-teil{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"punkt art wert"".name name";row-gap:0}.geraetebaum-teil .ampelpunkt{grid-area:punkt}.teil-art{grid-area:art}.teil-wert{grid-area:wert}.teil-name{grid-area:name;font-size:.85rem}}.menu-teile{margin:0 0 var(--s1) var(--s4);border-left:2px solid var(--rand)}.menu-teile button{gap:var(--s2);width:100%;padding:3px var(--s2);font:inherit;text-align:left;color:var(--text-leise);cursor:pointer;background:0 0;border:0;align-items:baseline;font-size:.82rem;display:flex}.menu-teile button:hover{color:var(--text);background:var(--karte-hoch)}.menu-teil-art{color:var(--text);white-space:nowrap;font-weight:600}.menu-teil-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.verwaltung{gap:var(--s5);grid-template-columns:16rem minmax(0,1fr);align-items:start;display:grid}.verwaltung-menu{top:var(--s4);gap:var(--s4);flex-direction:column;display:flex;position:sticky}.verwaltung-inhalt{min-width:0}.menu-titel{letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise);padding:0 var(--s2) var(--s1);font-size:.72rem;font-weight:650}.bereichsmenu{flex-direction:column;gap:2px;display:flex}.hauptreiter{padding:0 var(--s3);background:var(--karte);border-bottom:1px solid var(--rand);z-index:5;gap:2px;display:flex;position:sticky;top:0;overflow-x:auto}.hauptreiter a{padding:var(--s3) var(--s4);color:var(--text-leise);white-space:nowrap;border-bottom:3px solid #0000;text-decoration:none}.hauptreiter a:hover{color:var(--text)}.hauptreiter a.hauptreiter-an{color:var(--marke);border-bottom-color:var(--marke);font-weight:650}.geraeteseite{gap:var(--s3);flex-direction:column;display:flex}.zustandsreihe{gap:var(--s2);display:flex}.zustandszahl{border-radius:var(--radius-klein);min-width:0;padding:var(--s2) var(--s3);background:var(--offline-hell);flex:1}.zustandswert{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.1;display:block}.zustandsname{color:var(--text-leise);font-size:.72rem;display:block}.zustand-gut{background:var(--gut-hell)}.zustand-gut .zustandswert{color:var(--gut)}.zustand-warnung{background:var(--warnung-hell)}.zustand-warnung .zustandswert{color:var(--warnung)}.zustand-alarm{background:var(--alarm-hell)}.zustand-alarm .zustandswert{color:var(--alarm)}.zustand-offline{background:var(--offline-hell)}.zustand-offline .zustandswert{color:var(--offline)}.zustandszahl.zustand-leer{background:var(--karte-hoch);border:1px solid var(--rand)}.zustandszahl.zustand-leer .zustandswert{color:var(--text-leise)}.seitenwahl{gap:var(--s2) var(--s4);flex-wrap:wrap;justify-content:space-between;display:flex}.wahlreihe{gap:var(--s1);flex-wrap:wrap;display:flex}.wahlknopf{border:1px solid var(--rand-stark);background:var(--karte);color:var(--text);border-radius:var(--radius-rund);font:inherit;cursor:pointer;padding:5px 12px;font-size:.85rem}.wahlknopf:hover{background:var(--karte-hoch)}.wahlknopf[aria-pressed=true]{background:var(--marke);border-color:var(--marke);color:#fff;font-weight:600}.kuehlstellenkarte{color:inherit;margin:0;text-decoration:none;display:block}.kuehlstellenkarte:hover{border-color:var(--marke-rand)}.kuehlstellenkopf{align-items:baseline;gap:var(--s1) var(--s2);flex-wrap:wrap;display:flex}.kuehlstellenname{font-weight:650}.kuehlstellenwert{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:1.45rem;font-weight:700}.kuehlstellenwert.wert-alarm{color:var(--alarm)}.kuehlstellenzeile{gap:var(--s1) var(--s4);color:var(--text-leise);flex-wrap:wrap;margin-top:2px;font-size:.82rem;display:flex}.kuehlstellenzeile b{color:var(--text);font-weight:600}.nach-rechts{margin-left:auto}@media (width<=430px){.kuehlstellenkopf>.leise{flex-basis:100%;order:3}}.miniverlauf{width:100%;margin-top:var(--s2);display:block}.miniverlauf-leer{margin-top:var(--s2);border-radius:var(--radius-klein);background:var(--offline-hell);color:var(--text-leise);justify-content:center;align-items:center;font-size:.8rem;display:flex}.achse{color:var(--text-leise);justify-content:space-between;margin-top:2px;font-size:.68rem;display:flex}.alarmliste{margin:var(--s2) 0 0;padding:0;list-style:none}.alarmliste li{align-items:baseline;gap:var(--s3);padding:var(--s1) 0;display:flex}.alarmliste li .leise{margin-left:auto}.inhaltskopf-zeile{align-items:flex-end;gap:var(--s3);flex-wrap:wrap;display:flex}.inhaltskopf-marke{text-transform:uppercase;letter-spacing:.08em;color:var(--text-leise);font-size:.68rem}.kundenwechsel{align-items:center;gap:var(--s2);margin-left:auto;font-size:.85rem;display:flex}.inhaltskopf{margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--rand)}.inhaltskopf-kunde{font-size:1.6rem;font-weight:700;line-height:1.2}.inhaltskopf-sache{margin-top:var(--s1);font-size:1.25rem;font-weight:700}.inhaltskopf-ort{color:var(--text-leise);font-size:.95rem;font-weight:400}.recht-block+.recht-block{margin-top:var(--s2)}.einzelwahl{margin:var(--s1) 0 var(--s2) 2rem;padding-left:var(--s3);border-left:2px solid var(--rand)}.einzelwahl-kopf{align-items:baseline;gap:var(--s3);display:flex}.einzelwahl-liste{gap:var(--s1) var(--s3);margin-top:var(--s2);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.einzelpunkt{font-size:.9rem}.einzelpunkt code{margin-right:.25rem}.bereichsmenu-kopf,.menu-unter button,.menu-verwalten{align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);border-radius:var(--radius-klein);color:var(--text-leise);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.bereichsmenu-kopf{color:var(--text);font-weight:600}.bereichsmenu-kopf:hover,.menu-unter button:hover,.menu-verwalten:hover{background:var(--karte-hoch);color:var(--text)}.bereichsmenu-kopf[aria-pressed=true],.menu-unter button[aria-pressed=true]{background:var(--marke-hell);color:var(--marke)}.menu-zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--text-leise);margin-left:auto;font-size:.8rem}.menu-unter{margin:var(--s1) 0 var(--s2) var(--s4);padding-left:var(--s2);border-left:2px solid var(--rand);flex-direction:column;gap:1px;display:flex}.menu-unter button{padding:.3rem var(--s2);font-size:.9rem}.menu-gruppe{padding:var(--s2) var(--s2) .1rem;color:var(--text-leise);font-size:.75rem;font-weight:650}.menu-leer{padding:.2rem var(--s2);color:var(--text-leise);font-size:.85rem;font-style:italic}.menu-verwalten{margin-top:var(--s2);font-size:.85rem;font-style:italic}.ampelpunkt{background:var(--offline);border-radius:50%;flex:none;width:.55rem;height:.55rem;margin-right:.35rem;display:inline-block}.ampelpunkt-gut{background:var(--gut)}.ampelpunkt-warnung{background:var(--warnung)}.ampelpunkt-alarm{background:var(--alarm)}.ampelpunkt-offline{background:var(--offline)}.ampelpunkt-ruht{background:var(--rand)}.tabelle-rahmen{margin-bottom:var(--s5);overflow-x:auto}.uebersicht-tabelle{border-collapse:collapse;width:100%;font-size:.92rem}.uebersicht-tabelle th{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--rand);letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);white-space:nowrap;font-size:.75rem;font-weight:650}.uebersicht-tabelle td{padding:var(--s3);border-bottom:1px solid var(--rand);vertical-align:baseline}.uebersicht-tabelle tbody tr{cursor:pointer}.uebersicht-tabelle tbody tr:hover{background:var(--karte-hoch)}.uebersicht-tabelle .rechts{text-align:right;white-space:nowrap}.wert-gross{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:1.05rem}.standort-fuehler{margin:var(--s2) 0;padding:0 0 0 var(--s4);border-left:2px solid var(--rand);list-style:none}.standort-fuehler li{align-items:baseline;gap:var(--s3);padding:.15rem 0;display:flex}.kuehlstelle-kopf{align-items:baseline;gap:var(--s2) var(--s3);padding-bottom:var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--rand);flex-wrap:wrap;display:flex}.kuehlstelle-kopf>span:first-child{font-size:1.1rem}.kuehlstelle-kopf>.leise{margin-left:auto}.stellen{margin:var(--s2) 0 var(--s3);padding:var(--s3);border:1px solid var(--marke);border-radius:var(--radius-klein);background:var(--karte-hoch);align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.stellen input,.stellen select{width:8rem}.stellen>p,.stellen>button{flex-basis:100%}.stell-frage{color:var(--text)!important;font-size:.95rem!important}.stell-warnung{color:var(--alarm)!important}.stell-unterwegs{color:var(--marke)!important}.auftragsliste{margin:0;padding:0;list-style:none}.auftrag{padding:var(--s2) var(--s3);border-left:3px solid var(--rand);margin-bottom:var(--s2);flex-direction:column;gap:.1rem;font-size:.9rem;display:flex}.auftrag-bestaetigt{border-left-color:var(--gut)}.auftrag-fehler{border-left-color:var(--alarm)}.auftrag-gewuenscht{border-left-color:var(--marke)}@media (width<=800px){.verwaltung{gap:var(--s4);grid-template-columns:1fr}.verwaltung-menu{position:static}.bereichsmenu{flex-flow:wrap;align-items:center}.bereichsmenu>.menu-titel{flex-basis:100%}.bereichsmenu>div{flex:0 auto}.bereichsmenu .bereichsmenu-kopf{width:auto}.bereichsmenu>div:has(.menu-unter){flex-basis:100%}}.bussuche-zeile{align-items:flex-end;gap:var(--s3);margin:var(--s2) 0;flex-wrap:wrap;display:flex}.bussuche-zeile label{color:var(--text-leise);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.bussuche-zeile input,.bussuche-zeile select{width:7rem}.bussuche-offen{gap:var(--s3);padding:var(--s2) var(--s3);border-left:3px solid var(--marke);background:var(--karte-hoch);margin:var(--s2) 0;color:var(--marke);flex-wrap:wrap;align-items:baseline;display:flex}.bussuche-ergebnis{padding:var(--s2) var(--s3);border-left:3px solid var(--gut);background:var(--karte-hoch);margin:var(--s2) 0 var(--s4)}.bussuche-ergebnis.bussuche-fehler{border-left-color:var(--alarm)}.bussuche-liste{margin:var(--s2) 0 0;padding:0;list-style:none}.bussuche-liste li{gap:var(--s3);align-items:baseline;padding:.2rem 0;display:flex}.schalter.recht{padding:var(--s2) 0;border-top:1px solid var(--rand);align-items:flex-start}.recht-warnung{color:var(--warnung);margin-top:.2rem;font-size:.82rem;display:block}.verbraucherzeile+.verbraucherzeile{border-top:1px solid var(--rand)}.verbraucherzeile .daten-zeile .marke{margin-left:var(--s2)}.verbraucher-aendern{padding:0 0 var(--s2) var(--s3)}.verbraucher-aendern .feld-hinweis{margin-top:var(--s1)}.feld-hinweis.feld-warnung{color:var(--warnung);background:var(--warnung-hell);border-radius:var(--radius-klein);padding:var(--s2) var(--s3)}.nebenzeile{gap:var(--s1) var(--s4);margin-top:var(--s1);color:var(--text-leise);flex-wrap:wrap;font-size:.82rem;display:flex}.nebenwert b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.nebenwert .ampelpunkt{margin-right:4px}.nebenwert-warnung{color:var(--warnung);font-weight:600}.kuehlstellenwahl{margin:var(--s4) 0;padding:var(--s3) var(--s4);border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--karte-hoch)}.kuehlstellen-teile ul{margin:var(--s1) 0 0;padding:0;list-style:none}.kuehlstellen-teile li{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s1) 0;border-top:1px solid var(--rand);display:flex}.kuehlstellen-teile .marke{margin-left:var(--s2)}.aufteilung-tabelle{border-collapse:collapse;width:100%;margin-top:var(--s2)}.aufteilung-tabelle th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);padding:var(--s2) var(--s2) var(--s1);border-bottom:1px solid var(--rand);font-size:.7rem}.aufteilung-tabelle td{padding:var(--s2);border-bottom:1px solid var(--rand);vertical-align:top}.aufteilung-tabelle select{width:100%;max-width:18rem}.aufteilung-tabelle .zahl-spalte{font-variant-numeric:tabular-nums;white-space:nowrap}.zellenname{gap:var(--s2);margin-top:var(--s1);display:flex}.zellenname input{flex:1;min-width:0;max-width:18rem}.aufteilung-ergebnis{margin-top:var(--s3)}.aufteilung-ergebnis ul{margin:var(--s1) 0 0;padding-left:var(--s4)}@media (width<=560px){.aufteilung-tabelle thead{display:none}.aufteilung-tabelle tr{border-bottom:1px solid var(--rand);padding:var(--s2) 0;grid-template-columns:1fr auto;display:grid}.aufteilung-tabelle td{padding:var(--s1) var(--s2);border:0;min-width:0}.aufteilung-tabelle td:last-child{grid-column:1/-1}.aufteilung-tabelle select,.zellenname input{max-width:none}}.unterreiter{margin:var(--s3) 0 var(--s4);border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--karte-hoch);gap:2px;padding:3px;display:flex;overflow-x:auto}.unterreiter button{padding:var(--s2) var(--s3);color:var(--text-leise);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.unterreiter button:hover{color:var(--text)}.unterreiter button[aria-pressed=true]{background:var(--karte);color:var(--marke);font-weight:650;box-shadow:0 1px 2px #101a2814}.unterreiter-marke{border-radius:var(--radius-rund);background:var(--offline-hell);color:var(--text-leise);padding:0 6px;font-size:.72rem}.abtauung{margin:var(--s3) 0;padding:var(--s3);border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--karte-hoch)}.abtauung-kopf{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.miniverlauf-rahmen{position:relative}.miniverlauf-zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--text-leise);background:color-mix(in srgb, var(--karte) 75%, transparent);pointer-events:none;border-radius:3px;padding:1px 3px;font-size:.62rem;line-height:1;position:absolute;left:2px}.miniverlauf-oben{top:calc(var(--s2) + 1px)}.miniverlauf-unten{bottom:1px}.pegolage{gap:var(--s1) var(--s2);margin:var(--s2) 0;flex-wrap:wrap;display:flex}.pegolage-klein{margin:var(--s1) 0 0}.lagepunkt{border-radius:var(--radius-rund);border:1px solid var(--rand);color:var(--text-leise);background:var(--karte);white-space:nowrap;padding:.1rem .55rem;font-size:.74rem;font-weight:600}.lagepunkt-laeuft{border-color:var(--gut);background:var(--gut-hell);color:var(--gut)}.lagepunkt-hinweis{border-color:var(--warnung);background:var(--warnung-hell);color:var(--warnung)}.lagepunkt-stoerung{border-color:var(--alarm);background:var(--alarm-hell);color:var(--alarm)}.miniverlauf-rahmen+.miniverlauf-rahmen{margin-top:var(--s3)}.tuer-kopf{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.tuer-kopf h2{margin:0}.tuer-zahlen{gap:var(--s3);margin:var(--s3) 0;grid-template-columns:repeat(3,1fr);display:grid}.tuer-zahlen>div{flex-direction:column;gap:2px;display:flex}.tuer-zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600}.saeulen{align-items:end;gap:3px;height:120px;display:grid}.saeulen-stunden{grid-template-columns:repeat(24,1fr);height:80px}.saeule{flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;display:flex}.saeule-balken{background:var(--marke);opacity:.85;border-radius:3px 3px 0 0;min-height:2px;display:block}.saeule-zahl,.saeule-name{color:var(--text-leise);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.66rem;line-height:1.3;overflow:hidden}.hinweis-neu{justify-content:space-between;align-items:center;gap:var(--s2);border-left:4px solid var(--marke);flex-wrap:wrap;display:flex}.neues-geraet{border:1px solid var(--rand);border-radius:var(--radius-klein);padding:var(--s3);margin-top:var(--s3)}.neues-geraet-kopf{align-items:center;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.neues-geraet-zuordnen{align-items:flex-end;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.neues-geraet-zuordnen label{color:var(--text-leise);flex-direction:column;gap:2px;font-size:.8rem;display:flex}.alle-geraete-liste{border:1px solid var(--rand);border-radius:var(--radius-klein);margin-bottom:var(--s3);flex-direction:column;display:flex;overflow:hidden}.alle-geraete-zeile{align-items:center;gap:var(--s2) var(--s3);padding:var(--s2) var(--s3);border:0;border-bottom:1px solid var(--rand);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto auto;display:grid}.alle-geraete-zeile:last-child{border-bottom:0}.alle-geraete-zeile:hover{background:var(--flaeche-hell,#00000008)}.alle-geraete-name{flex-direction:column;min-width:0;display:flex}.alle-geraete-name .leise{font-size:.8rem}.alle-geraete-fw{gap:var(--s1);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.alle-geraete-zeit{white-space:nowrap;font-size:.8rem}@media (width<=700px){.alle-geraete-zeile{grid-template-columns:auto minmax(0,1fr) auto}.alle-geraete-wem,.alle-geraete-zeit{grid-column:2/-1}.alle-geraete-fw{grid-column:2/-1;justify-content:flex-start}}.anlern-qr{gap:var(--s3);margin:var(--s2) 0 var(--s3);flex-wrap:wrap;align-items:flex-start;display:flex}.anlern-qr-bild svg{border:1px solid var(--rand);border-radius:var(--radius-klein);display:block}.anlern-qr-text{flex:16rem;min-width:0}.anlern-link{margin-top:var(--s2);word-break:break-all;font-size:.8rem;display:block}.firmware-reserve{align-items:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.kopf{flex-wrap:wrap}.ansichtswahl{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.ansicht-schalter{border:1px solid var(--rand);background:var(--karte);border-radius:999px;padding:2px;display:inline-flex}.ansicht-schalter button{font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.ansicht-schalter button[aria-pressed=true]{background:var(--marke);color:#fff;font-weight:600}.ansicht-schalter button:disabled{opacity:.4;cursor:default}.ansicht-kunde{max-width:12rem;font-size:.85rem}.ansicht-band{justify-content:center;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);background:var(--warnung-hell);color:var(--warnung);flex-wrap:wrap;font-size:.85rem;display:flex}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{padding:var(--s2) var(--s3);border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--karte);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;font-size:.9rem;display:inline-flex}.chip small{color:var(--text-leise);font-size:.75rem}.chip.an{border-color:var(--marke);background:var(--marke-hell);color:var(--marke-tief);font-weight:600}.freigaben{border-collapse:collapse;width:100%;margin:var(--s2) 0 var(--s3);font-size:.9rem}.freigaben th{text-align:left;color:var(--text-leise);padding:var(--s2);border-bottom:1px solid var(--rand);font-size:.78rem;font-weight:600}.freigaben td{padding:var(--s2);border-bottom:1px solid var(--rand);vertical-align:top;white-space:normal}.freigaben .mitte{text-align:center;width:9rem}.freigaben input[type=checkbox]{width:1.1rem;height:1.1rem}.freigabe-gruppe td{background:var(--grund);color:var(--marke-tief);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.freigabe-text{font-size:.8rem}.freigaben select{width:100%;min-width:0;max-width:8.5rem;padding:.2rem .25rem;font-size:.8rem}.freigaben select.freigabe-abweichung{border-color:var(--warnung);background:var(--warnung-hell);color:var(--warnung);font-weight:600}.lampe{background:var(--offline);border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.lampe-rot{background:var(--alarm);box-shadow:0 0 0 3px var(--alarm-hell)}.lampe-gelb{box-shadow:0 0 0 3px var(--warnung-hell);background:#d99a06}.lampe-gruen{box-shadow:0 0 0 3px var(--gut-hell);background:#1f9d55}.lampe-leer{background:var(--rand-stark)}.kunden-kopf{justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.farbwahl{align-items:center;gap:.45rem;display:inline-flex}.farbwahl .lampe{width:9px;height:9px;box-shadow:none}.kunden-suche{max-width:16rem}.kundenliste{gap:var(--s2);flex-direction:column;display:flex}.kundenzeile{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.kundenzeile:hover{border-color:var(--marke-rand);background:var(--karte-hoch)}.kundenzeile-rot{border-left:4px solid var(--alarm)}.kundenzeile-mitte{flex-direction:column;min-width:0;display:flex}.kundenzeile-name{font-weight:650}.kundenzeile-info{color:var(--text-leise);overflow-wrap:anywhere;font-size:.85rem}.kundenzeile-rechts{color:var(--text-leise);text-align:right;white-space:nowrap;font-size:.85rem}.hinweis-rot{color:var(--alarm);font-weight:600}.hinweis-gelb{color:var(--warnung);font-weight:600}.brot{align-items:baseline;gap:var(--s2);margin-bottom:var(--s3);color:var(--text-leise);flex-wrap:wrap;font-size:.9rem;display:flex}.brot a{color:var(--marke)}.brot-rechts{margin-left:auto}.alarmseite{gap:var(--s2);flex-direction:column;display:flex}.alarmzeile{align-items:center;gap:var(--s3);grid-template-columns:auto minmax(0,1fr) auto;margin:0;display:grid}.alarmzeile-bestaetigt{opacity:.8}.alarmzeile-mitte a{color:var(--text)}.diagramm .linie-feuchte{fill:none;stroke:var(--feuchte-linie);stroke-width:1.4px;stroke-linejoin:round;opacity:.85}.diagramm .grenze-feuchte{stroke:var(--feuchte-linie);stroke-width:1px;stroke-dasharray:2 4;opacity:.6}.diagramm .achse-feuchte{fill:var(--feuchte-linie)}.feuchte-wert{color:var(--feuchte-linie);font-weight:600}.diagramm-legende{gap:var(--s3);flex-wrap:wrap;margin-right:auto;font-size:.8rem;font-weight:600;display:inline-flex}.legende-temperatur{color:var(--marke)}.legende-feuchte{color:var(--feuchte-linie)}.zustand-chips{margin-bottom:var(--s2)}.zustand-chip{color:var(--text-leise);border-radius:999px;flex-direction:row;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.82rem}.zustand-chip i{background:var(--chipfarbe);opacity:.35;border-radius:3px;width:10px;height:10px}.zustand-chip.an{border-color:var(--chipfarbe);background:var(--karte);color:var(--chipfarbe)}.zustand-chip.an i{opacity:1}.diagramm .zustand-grund{fill:var(--grund)}.diagramm .zustand-name{fill:var(--text-leise);font-size:11px;font-weight:600}.diagramm .linie-verdampfer{fill:none;stroke-width:1.6px;stroke-linejoin:round}.zustand-summe{margin-top:var(--s2)}.abschnitt-titel{margin:var(--s4) 0 var(--s2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise);font-size:.78rem;font-weight:700}@media (width<=560px){.freigaben thead{display:none}.freigaben tr{border-bottom:1px solid var(--rand);grid-template-columns:1fr 1fr;display:grid}.freigaben td{border-bottom:0}.freigaben td:first-child,.freigabe-gruppe td{grid-column:1/-1}.freigaben td.mitte{text-align:left;width:auto;padding-top:0}.freigaben td.mitte:before{content:attr(data-rolle);color:var(--text-leise);margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.freigaben select{max-width:none}}.zurueck-knopf{margin-bottom:var(--s3)}.text-knopf.gefahr{color:var(--alarm)}.gefahr-karte{border-color:var(--alarm-hell)}.diagramm .strom-flaeche{fill:var(--marke);opacity:.18}.diagramm .strom-linie{fill:none;stroke:var(--marke);stroke-width:1.5px;stroke-linejoin:round}.diagramm .strom-balken{fill:var(--marke);opacity:.55}.diagramm .strom-balken.an{opacity:.95}.strom-zahlen{gap:var(--s2) var(--s4);margin-top:var(--s3);color:var(--text-leise);flex-wrap:wrap;font-size:.9rem;display:flex}.strom-zahlen b{color:var(--text)}.strom-anteile{margin-top:var(--s3)}.strom-balkenreihe{background:var(--grund);border-radius:6px;height:12px;display:flex;overflow:hidden}.strom-legende{gap:var(--s1) var(--s4);margin-top:var(--s2);color:var(--text-leise);flex-wrap:wrap;font-size:.8rem;display:flex}.strom-legende i{border-radius:2px;width:9px;height:9px;margin-right:3px;display:inline-block}.zahlenhinweise{gap:var(--s2);margin-bottom:var(--s3);flex-direction:column;display:flex}.zahlenhinweis{padding:var(--s2) var(--s3);border-radius:var(--radius-klein);font-size:.9rem}.zahlenhinweis-warnung{background:var(--warnung-hell);color:var(--warnung)}.zahlenhinweis-info{background:var(--marke-hell);color:var(--marke-tief)}.zahlkacheln{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.zahlkachel{border:1px solid var(--rand);border-top:3px solid var(--marke);border-radius:var(--radius-klein);padding:var(--s3);background:var(--karte)}.zahlkachel-titel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);font-size:.78rem;font-weight:700}.zahlkachel-gross{margin:var(--s1) 0 var(--s2);font-size:1.6rem;font-weight:700}.zahlkachel-delta{margin-left:var(--s2);color:var(--text-leise);font-size:.75rem;font-weight:600}.zahlkachel-liste{margin:0;font-size:.82rem}.zahlkachel-liste>div{justify-content:space-between;gap:var(--s2);border-top:1px solid var(--rand);padding:2px 0;display:flex}.zahlkachel-liste dt{color:var(--text-leise)}.zahlkachel-liste dd{text-align:right;margin:0;font-weight:600}.zahlenblock{margin-top:var(--s4)}.tagesbalken{height:110px;padding-top:var(--s2);align-items:flex-end;gap:3px;display:flex}.tagesbalken-spalte{min-width:0;height:100%;color:var(--text-leise);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;font-size:.65rem;display:flex}.tagesbalken-saeule{opacity:.85;border-radius:3px 3px 0 0;width:100%;min-height:1px}.raster{flex-direction:column;gap:2px;display:flex;overflow-x:auto}.raster-kopf,.raster-zeile{grid-template-columns:1.6rem repeat(24,minmax(9px,1fr));align-items:center;gap:2px;display:grid}.raster-kopf span{color:var(--text-leise);font-size:.6rem}.raster-tag{color:var(--text-leise);font-size:.7rem}.raster-feld{border-radius:2px;height:16px}.ansichtsleiste{border:1px solid var(--rand);background:var(--karte);margin:var(--s3) 0 var(--s2);border-radius:999px;padding:3px;display:inline-flex}.ansichtsleiste button{font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.ansichtsleiste button[aria-pressed=true]{background:var(--marke);color:#fff;font-weight:600}.bereichsleiste{gap:var(--s1);margin-bottom:var(--s2);border-bottom:1px solid var(--rand);flex-wrap:wrap;display:flex}.bereichsleiste button{padding:var(--s2) var(--s3);font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:.9rem}.bereichsleiste button[aria-selected=true]{color:var(--marke);border-bottom-color:var(--marke);font-weight:600}.zusammen-streifen{margin-top:var(--s3);padding-top:var(--s2);border-top:1px dashed var(--rand)}.zusammen-titel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);font-size:.78rem;font-weight:700}