:root{--rf-60:#2f86ff;--rf-60-hell:#7fb4ff;--rf-5:#cf8212;--rf-5-hell:#e6b266;--rf-mittel:#f09300}.rf-kurz__zeit b{color:var(--text-schwach);font-weight:400}.rf-hinweis{border:1px solid color-mix(in srgb, var(--warnung) 45%, transparent);background:color-mix(in srgb, var(--warnung) 10%, var(--flaeche));color:var(--text-stark);border-radius:10px;margin:0 0 10px;padding:9px 14px}.rf-hinweis[data-art=stoerung]{border-color:color-mix(in srgb, var(--stoerung) 50%, transparent);background:color-mix(in srgb, var(--stoerung) 12%, var(--flaeche))}.rf-hinweis[data-art=info]{border-color:var(--rahmen-stark);background:var(--flaeche-2)}.rf-hinweis[hidden]{display:none}.rf-strecken{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rf-strecke[data-strecke="60"]{--band:var(--rf-60);--band-hell:var(--rf-60-hell)}.rf-strecke[data-strecke="5"]{--band:var(--rf-5);--band-hell:var(--rf-5-hell)}.rf-strecke{border-top:2px solid var(--rahmen-stark);transition:border-color .3s,box-shadow .3s}.rf-strecke[data-rolle=aktiv]{border-color:color-mix(in srgb, var(--band) 60%, var(--rahmen));border-top-color:var(--band);box-shadow:0 6px 28px -12px color-mix(in srgb, var(--band) 70%, transparent)}.rf-strecke[data-rolle=gestoert]{border-top-color:var(--stoerung)}.rf-strecke h2{color:var(--text-schwach)}.rf-strecke__band{color:var(--text-stark);margin-right:4px;font-size:15px;font-weight:600}.rf-strecke[data-rolle=aktiv] .rf-strecke__band{color:var(--band-hell)}.rf-rolle{font:500 11px var(--schrift-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-schwach);background:var(--flaeche-3);white-space:nowrap;border-radius:999px;padding:2px 8px}[data-rolle=aktiv] .rf-rolle{color:var(--band-hell);background:color-mix(in srgb, var(--band) 18%, transparent)}[data-rolle=gestoert] .rf-rolle{color:var(--stoerung);background:color-mix(in srgb, var(--stoerung) 14%, transparent)}[data-rolle=schaltet] .rf-rolle{color:var(--warnung);background:color-mix(in srgb, var(--warnung) 14%, transparent)}.rf-weg{align-items:center;gap:10px;margin:4px 0 8px;display:flex}.rf-ende{white-space:nowrap;flex-direction:column;line-height:1.2;display:flex}.rf-ende b{color:var(--text-stark);font-weight:600}.rf-ende small{font:11px var(--schrift-mono);color:var(--text-schwach)}.rf-ende--turm{text-align:right}.rf-strahl{flex:1;min-width:40px;height:34px;position:relative}.rf-strahl i{height:var(--rf-zum,1.5px);background:repeating-linear-gradient(90deg, var(--band) 0 12px, transparent 12px 20px);opacity:.25;background-size:20px 100%;border-radius:2px;position:absolute;left:0;right:0}.rf-strahl__zum{top:9px}.rf-strahl__vom{bottom:9px}.rf-strahl i.rf-strahl__vom{height:var(--rf-vom,1.5px)}.rf-strahl small{font:11px var(--schrift-mono);color:var(--text-schwach);background:var(--flaeche);white-space:nowrap;padding:0 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-rolle=aktiv] .rf-strahl i{opacity:1;animation:1.1s linear infinite rf-fluss}[data-rolle=aktiv] .rf-strahl__vom{animation-direction:reverse!important}[data-rolle=gestoert] .rf-strahl i{background:repeating-linear-gradient(90deg, var(--stoerung) 0 4px, transparent 4px 12px);opacity:.6}@keyframes rf-fluss{to{background-position:20px 0}}.rf-zustand{color:var(--text);align-items:center;gap:6px;margin:0 0 12px;font-size:12.5px;display:flex}.rf-zustand__punkt{background:var(--ok);border-radius:50%;width:7px;height:7px}[data-rolle=gestoert] .rf-zustand__punkt{background:var(--stoerung)}[data-rolle=""] .rf-zustand__punkt{background:var(--text-schwach)}.rf-zeile{color:var(--text-schwach);justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;display:flex}.rf-zeile b{font:500 14px var(--schrift-mono);color:var(--text-stark);font-variant-numeric:tabular-nums;white-space:nowrap}.rf-q .rf-zeile b{font-size:22px}.rf-pfeil{color:var(--band-hell)}.rf-balken{background:var(--flaeche-3);border-radius:3px;height:6px;margin:5px 0 2px;overflow:hidden}.rf-balken span{background:var(--band);transform-origin:0;height:100%;transition:transform .6s var(--ease);display:block;transform:scaleX(0)}.rf-balken--duenn{height:3px;margin-bottom:8px}.rf-q[data-q=mittel] .rf-balken span{background:var(--rf-mittel)}.rf-q[data-q=schlecht] .rf-balken span{background:var(--stoerung)}.rf-unter{color:var(--text-schwach);margin-bottom:10px;font-size:11.5px}.rf-kap{border-top:1px solid var(--rahmen);margin-bottom:8px;padding-top:8px}.rf-werte{border-top:1px solid var(--rahmen);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:6px 14px;margin:10px 0 0;padding-top:10px;display:grid}.rf-werte dt{color:var(--text-schwach);font-size:11.5px}.rf-werte dd{font:13px var(--schrift-mono);color:var(--text-stark);font-variant-numeric:tabular-nums;margin:1px 0 0}.rf-schalt__reihe{align-items:center;gap:14px;display:flex}.rf-seite-box{flex-direction:column;min-width:5.5rem;display:flex}.rf-seite-box b{font:600 18px var(--schrift-mono);color:var(--text-stark);white-space:nowrap}.rf-seite-box--turm{text-align:right}.rf-schalt__linie{text-align:center;min-width:0;color:var(--text-schwach);flex:1;grid-template-rows:auto 2px auto;gap:4px;font-size:11.5px;display:grid}.rf-schalt__linie i{background:var(--rahmen-stark);display:block}.rf-schalt__linie[data-v=connected] i{background:var(--ok)}.rf-schalt__linie[data-v=degraded] i{background:repeating-linear-gradient(90deg, var(--warnung) 0 8px, transparent 8px 13px)}.rf-schalt__linie[data-v=lost] i{background:repeating-linear-gradient(90deg, var(--stoerung) 0 2px, transparent 2px 7px)}.rf-einig[data-einig=true]{color:var(--ok-text)}.rf-einig[data-einig=false]{color:var(--warnung)}.rf-werte--schalt{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.rf-bedienung{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rf-wahl select{border:1px solid var(--rahmen-stark);background:var(--flaeche-2);border-radius:7px;max-width:11.5rem;height:30px;padding:0 8px;font-size:12.5px}.rf-knoepfe{border:1px solid var(--rahmen-stark);border-radius:7px;display:inline-flex;overflow:hidden}.rf-knoepfe button{height:28px;color:var(--text-schwach);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:12.5px}.rf-knoepfe button+button{border-left:1px solid var(--rahmen-stark)}.rf-knoepfe button[aria-pressed=true]{background:var(--flaeche-3);color:var(--text-stark)}.rf-knoepfe button:focus-visible,.rf-wahl select:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.rf-unsichtbar{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rf-diagramm{position:relative}.rf-diagramm svg{touch-action:pan-y;width:100%;height:240px;display:block}.rf-gitter{stroke:var(--rahmen);stroke-width:1px}.rf-achse{font:10.5px var(--schrift-mono);fill:var(--text-schwach)}.rf-leer{font:12.5px var(--schrift);fill:var(--text-schwach)}.rf-linie{fill:none;stroke-width:1.8px;stroke-linejoin:round}.rf-spitze{fill:none;stroke-width:1px;opacity:.35}.rf-zeiger{stroke:var(--text-schwach);stroke-width:1px;stroke-dasharray:3 3}.rf-punkt{stroke:var(--flaeche);stroke-width:1.5px}rect.rf-b60,i.rf-b60{fill:color-mix(in srgb, var(--rf-60) 9%, transparent);background:color-mix(in srgb, var(--rf-60) 22%, transparent)}rect.rf-b5,i.rf-b5{fill:color-mix(in srgb, var(--rf-5) 13%, transparent);background:color-mix(in srgb, var(--rf-5) 30%, transparent)}rect.rf-bsplit,i.rf-bsplit{fill:color-mix(in srgb, var(--warnung) 16%, transparent);background:color-mix(in srgb, var(--warnung) 35%, transparent)}rect.rf-bdown,i.rf-bdown{fill:color-mix(in srgb, var(--stoerung) 16%, transparent);background:color-mix(in srgb, var(--stoerung) 35%, transparent)}.rf-tip{z-index:2;border:1px solid var(--rahmen-stark);color:var(--text-schwach);pointer-events:none;white-space:nowrap;background:#12171cf2;border-radius:7px;gap:2px;padding:6px 9px;font-size:11.5px;display:grid;position:absolute;top:12px}.rf-tip[hidden]{display:none}.rf-tip>b{color:var(--text-stark);font-weight:500}.rf-tip-z b{font:500 11.5px var(--schrift-mono);color:var(--text-stark)}.rf-tip-z i,.rf-leg i{vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.rf-legende{color:var(--text-schwach);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:11.5px;display:flex}.rf-leg--einheit{font-family:var(--schrift-mono);margin-left:auto}.rf-legende--baender{margin-top:2px}.rf-ereignisse{margin:0;padding:4px 0 6px;list-style:none}.rf-e{border-bottom:1px solid var(--rahmen);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:0 10px;padding:5px 14px;font-size:13px;display:grid}.rf-e:last-child{border-bottom:0}.rf-e__punkt{background:var(--text-schwach);border-radius:50%;align-self:center;width:7px;height:7px}.rf-e--gut .rf-e__punkt{background:var(--ok)}.rf-e--warn .rf-e__punkt{background:var(--warnung)}.rf-e__zeit{font:12px var(--schrift-mono);color:var(--text-schwach);white-space:nowrap}.rf-e__text{color:var(--text);overflow-wrap:anywhere}.rf-e__anzahl{font:11px var(--schrift-mono);color:var(--text-schwach)}.rf-e__tag{font:10.5px var(--schrift-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-schwach)}.rf-e__tag--60ghz{color:var(--rf-60-hell)}.rf-e__tag--5ghz{color:var(--rf-5-hell)}.rf-mehr{border:0;border-top:1px solid var(--rahmen);width:100%;min-height:36px;color:var(--funk-hell);cursor:pointer;background:0 0;border-radius:0 0 10px 10px;font-size:12.5px;display:block}.rf-mehr:hover{color:var(--text-stark)}.rf-mehr[hidden]{display:none}.rf-mehr:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.rf-fuss{margin:14px 2px 0;font-size:12.5px}.rf-fuss a{color:var(--funk-hell)}@media (width<=60rem){.rf-strecken{grid-template-columns:minmax(0,1fr)}.mc-kurz.rf-kurz{display:flex}.rf-kurz>span:not(:first-child){display:none}}@media (width<=30rem){.rf-schalt__reihe{gap:8px}.rf-seite-box{min-width:0}.rf-seite-box b{font-size:15px}.rf-e{grid-template-columns:auto minmax(0,1fr) auto;padding:6px 12px}.rf-e__text{grid-area:2/1/auto/-1}.rf-e__punkt{grid-row:1}.rf-verlauf>header{flex-wrap:wrap}.rf-leg--einheit{margin-left:0}}@media (prefers-reduced-motion:reduce){[data-rolle=aktiv] .rf-strahl i{animation:none}}
