.sig{--sig-rx:var(--funk);--sig-rx-hell:var(--funk-hell);--sig-tx:var(--akzent);--sig-tx-hell:var(--akzent-hell)}.sig-buehne{--spalte:24rem;grid-template-columns:minmax(0, 1fr) var(--spalte);border-bottom:1px solid var(--rahmen);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"karte kopf""karte liste""karte legende""karte rest";height:max(34rem,100svh - 7.5rem);display:grid}.sig-kopf,.sig-listenfeld,.sig-legende{border-left:1px solid var(--rahmen)}.sig-kopf{border-bottom:1px solid var(--rahmen);grid-area:kopf;padding:1.25rem 1.25rem 1.1rem}.sig-kopf__titel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.sig-kopf h1{letter-spacing:-.03em;margin:0;font-size:1.6rem}.sig-kopf__text{color:var(--text-schwach);margin:.45rem 0 1rem;font-size:.9rem;line-height:1.5}.sig-zustand{border:1px solid var(--rahmen-stark);color:var(--text);border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.2rem .7rem .2rem .55rem;font-size:.8rem;font-weight:500;line-height:1.5;display:inline-flex}.sig-punkt{background:var(--text-schwach);border-radius:50%;flex:none;width:8px;height:8px}[data-sig-zustand=live] .sig-punkt{background:var(--ok);box-shadow:0 0 0 3px #34c27a2e}[data-sig-zustand=fehler] .sig-punkt,[data-sig-zustand=still] .sig-punkt{background:var(--warnung)}[data-sig-zustand=verbinde] .sig-punkt{animation:1.2s ease-in-out infinite alternate sig-blinken}@keyframes sig-blinken{to{opacity:.3}}.sig-werte{grid-template-columns:repeat(3,auto);justify-content:start;gap:.75rem 1.75rem;margin:0;display:grid}.sig-wert{align-content:start;gap:.05rem;min-width:0;display:grid}.sig-wert dt{color:var(--text-schwach);font-size:.76rem}.sig-wert dd{min-width:0;color:var(--text-stark);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.sig-wert dd[data-art=tx]{color:var(--sig-tx-hell)}.sig-wert dd[data-art=rx]{color:var(--sig-rx-hell)}.sig-karte{background:#101519;grid-area:karte;min-width:0;position:relative}.sig-karte__flaeche{position:absolute;inset:0}.sig-hinweis{z-index:2;border:1px solid var(--rahmen-stark);background:#12171cf2;border-radius:10px;max-width:34rem;margin:0;padding:.6rem .85rem;font-size:.9rem;position:absolute;top:1rem;left:1rem;right:4rem}.sig-hinweis[hidden]{display:none}.sig-listenfeld{border-bottom:1px solid var(--rahmen);grid-area:liste;min-height:0}.sig-ueberschrift{letter-spacing:.06em;text-transform:uppercase;color:var(--text-schwach);margin:0;padding:.85rem 1.25rem .5rem;font-size:.76rem;font-weight:600}.sig-liste{margin:0;padding:0;list-style:none}.sig-liste li{border-top:1px solid var(--rahmen)}.sig-zeile{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name wert""info info""balken balken";align-items:baseline;gap:.1rem .75rem;margin:0;padding:.7rem 1.25rem .8rem;display:grid}button.sig-zeile{cursor:pointer}button.sig-zeile:hover{background:var(--flaeche)}button.sig-zeile:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.sig-zeile[aria-current=true]{background:var(--flaeche-2);box-shadow:inset 3px 0 0 var(--akzent)}.sig-zeile__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-stark);grid-area:name;font-weight:600;overflow:hidden}.sig-zeile__wert{color:var(--text-stark);font-variant-numeric:tabular-nums;grid-area:wert;font-size:1.15rem;font-weight:600}.sig-zeile__info{color:var(--text-schwach);grid-area:info;font-size:.8rem;line-height:1.4}.sig-zeile__zustand{font-weight:600}.sig-balken{background:var(--flaeche-3);border-radius:3px;grid-area:balken;height:6px;margin-top:.5rem;overflow:hidden}.sig-balken__fuell{background:var(--text-schwach);transform-origin:0;height:100%;transition:transform .3s var(--ease), background-color .3s;border-radius:3px;display:block;transform:scaleX(0)}.sig-zeile[data-zustand=aktiv] .sig-zeile__zustand{color:var(--sig-rx-hell)}.sig-zeile[data-zustand=aktiv] .sig-balken__fuell{background:var(--sig-rx)}.sig-zeile[data-zustand=offen] .sig-zeile__zustand{color:var(--text)}.sig-zeile[data-zustand=offen] .sig-balken__fuell{background:var(--sig-rx-hell);opacity:.6}.sig-zeile[data-zustand=zu] .sig-balken__fuell{background:#4a5a67}.sig-zeile[data-zustand=keine] .sig-zeile__name,.sig-zeile[data-zustand=keine] .sig-zeile__wert{color:var(--text-schwach)}.sig-legende{color:var(--text-schwach);grid-area:legende;grid-template-columns:1fr;gap:.4rem;margin:0;padding:.8rem 1.25rem;font-size:.78rem;display:grid}.sig-legende div{align-items:center;gap:.6rem;display:flex}.sig-legende dt{flex:none;place-items:center;width:1.5rem;display:grid}.sig-legende dd{margin:0}.sig-leg{border-radius:50%;width:12px;height:12px;display:block}.sig-leg--ruhig{border:2px solid var(--text-stark)}.sig-leg--rx{border:2px solid var(--sig-rx-hell);background:var(--sig-rx)}.sig-leg--tx{border:2px solid #0000;border-left-color:var(--sig-tx);border-right-color:var(--sig-tx);width:16px;height:16px}.sig-leg--kreis{border:1px solid var(--sig-rx);background:#2f86ff38;width:18px;height:18px;box-shadow:0 0 0 2px #101519,0 0 0 3.5px #92a0ab8c}.sig-fuss{color:var(--text-schwach);gap:.5rem;padding-top:1.25rem;padding-bottom:2.5rem;font-size:.85rem;display:grid}.sig-fuss p{max-width:46rem;margin:0}.sig-kreis{pointer-events:none;width:0;height:0;position:relative}.sig-kreis__ring,.sig-kreis__fuell{pointer-events:none;opacity:0;transition:opacity .3s, width .3s var(--ease), height .3s var(--ease);border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.sig-kreis__ring{width:calc(var(--sig-ring,150) * var(--sig-skala,1) * 2px);height:calc(var(--sig-ring,150) * var(--sig-skala,1) * 2px);border:2px solid #92a0ab80}.sig-kreis__fuell{width:calc(var(--r,0) * var(--sig-skala,1) * 2px);height:calc(var(--r,0) * var(--sig-skala,1) * 2px);border:1px solid var(--sig-rx);background:#2f86ff38}.sig-kreis[data-aktiv] .sig-kreis__ring,.sig-kreis[data-aktiv] .sig-kreis__fuell{opacity:1}.sig-marke{width:34px;height:46px;color:var(--text-stark);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:0;transition:color .3s,opacity .3s;display:block;position:relative}.sig-marke:focus-visible,.sig-marke[data-gewaehlt]{outline:2px solid var(--akzent);outline-offset:2px}.sig-marke[data-rx=keine]{opacity:.55}.sig-marke[data-rx=aktiv]{color:var(--sig-rx-hell)}.sig-marke[data-rx=offen]{color:#b9d4ff}.sig-marke__mast{background:0 0;width:28px;height:40px;position:absolute;bottom:0;left:50%;translate:-50%}.sig-marke__mast svg{width:100%;height:100%;display:block;overflow:visible}.sig-marke__mast--turm{background:currentColor;width:10px;height:42px;mask:url(/logo-mast.png) 50%/contain no-repeat}.sig-marke__rx,.sig-marke__tx{font:700 10px/1 var(--schrift-mono);letter-spacing:.03em;color:var(--text);background:#0b0e11c7;border:1px solid #ffffff47;border-radius:4px;padding:2px 4px;transition:color .3s,border-color .3s;position:absolute;bottom:7px}.sig-marke__rx{right:calc(50% + 9px)}.sig-marke__tx{left:calc(50% + 9px)}.sig-marke[data-art=station] .sig-marke__rx{right:calc(50% + 11px)}.sig-marke[data-rx=aktiv] .sig-marke__rx{color:var(--sig-rx-hell);border-color:#2f86ffb3}.sig-marke[data-tx=an] .sig-marke__tx{color:var(--sig-tx-hell);border-color:#ff6a1abf}.sig-marke__name{font:600 11px/1.3 var(--schrift-mono);letter-spacing:.02em;white-space:nowrap;color:var(--text-stark);pointer-events:none;background:#0b0e11cc;border-radius:4px;padding:1px 5px;position:absolute;top:calc(100% + 3px);left:50%;translate:-50%}.sig-marke[data-ungefaehr] .sig-marke__name:after{content:" ~";color:var(--text-schwach)}.sig-welle{border:2px solid #0000;border-left-color:var(--sig-tx);border-right-color:var(--sig-tx);opacity:0;pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:7px;left:50%}.sig-marke[data-tx=an] .sig-welle{animation:1.5s ease-out infinite sig-welle}.sig-marke[data-tx=an] .sig-welle:nth-of-type(2){animation-delay:.75s}@keyframes sig-welle{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}.sig .maplibregl-map{font-family:var(--schrift)}.sig .maplibregl-ctrl-group{border:1px solid var(--rahmen-stark);box-shadow:none;background:#171d24f2;border-radius:8px}.sig .maplibregl-ctrl-group button+button{border-top-color:var(--rahmen-stark)}.sig .maplibregl-ctrl-group button:hover{background-color:var(--flaeche-3)}.sig .maplibregl-ctrl-group .maplibregl-ctrl-icon{filter:invert(.88)}.sig .maplibregl-ctrl button:focus-visible{outline:2px solid var(--akzent);outline-offset:1px;box-shadow:none}.sig-knopf{color:var(--text);place-items:center;display:grid!important}.sig .maplibregl-ctrl-attrib{color:var(--text-schwach);background:#0b0e11cc}.sig .maplibregl-ctrl-attrib a{color:var(--text)}.sig .maplibregl-ctrl-attrib-button{filter:invert(.88);background-color:#0000}.sig .maplibregl-ctrl-attrib.maplibregl-compact{background:#171d24f2}@media (width<=56rem){.sig-buehne{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"kopf""karte""liste""legende";height:auto}.sig-kopf,.sig-listenfeld,.sig-legende{border-left:0}.sig-kopf{padding:1.25rem 1rem 1rem}.sig-karte{height:58svh;min-height:20rem}.sig-ueberschrift,.sig-zeile,.sig-legende{padding-inline:1rem}.sig-legende{grid-template-columns:1fr 1fr;gap:.5rem 1rem}.sig-listenfeld{border-top:1px solid var(--rahmen)}.sig-legende{border-top:0}}@media (prefers-reduced-motion:reduce){.sig-marke[data-tx=an] .sig-welle{opacity:.9;animation:none;transform:scale(1.2)}[data-sig-zustand=verbinde] .sig-punkt{animation:none}.sig-kreis__ring,.sig-kreis__fuell,.sig-balken__fuell{transition:none}}