@keyframes be-wandern{0%{transform: rotate(-16deg)} 35%{transform: rotate(2deg)} 60%{transform: rotate(-9deg)} 100%{transform: rotate(-6deg)}}
.cb-ud-stil-betrieb{.site:has(&) .be-status-spalten{align-items: center}
.site:has(&) .be-status-spalten > .kopf-spalte{position: static}
.site:has(&) .be-kompakt{justify-self: start; margin-top: var(--a2); background: var(--flaeche); border: 1px solid var(--linie)}
.site:has(&) .be-einheit{font-size: 0.5em; margin-left: 2px; color: var(--leise); letter-spacing: 0}
.site:has(&) .szene-status{height: clamp(320px, 30vw, 400px)}
.site:has(&) .be-status{display: grid; grid-template-columns: minmax(0, 1fr) 40%}
.site:has(&) .be-dienste li{display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--linie)}
.site:has(&) .be-instrument{display: grid; align-content: center; justify-items: center; gap: 6px; padding: 12px 16px 18%; border-left: 1px solid var(--linie); background: var(--flaeche); height: 100%}
.site:has(&) .be-instrument-name{align-self: stretch; display: flex; justify-content: space-between; gap: 8px; font-weight: 600; white-space: nowrap}
.site:has(&) .be-instrument-fuss{white-space: nowrap}
.site:has(&) .be-instrument-name span, .site:has(&) .be-instrument-fuss{font: 0.85em var(--mono); color: var(--leise)}
.site:has(&) .be-instrument svg{width: 100%; margin-top: 10px; overflow: visible}
.site:has(&) .be-instrument path{fill: none}
.site:has(&) .be-ziel{stroke: color-mix(in srgb, var(--ok) 45%, transparent); stroke-width: 7; stroke-dasharray: 35 200; stroke-dashoffset: -75}
.site:has(&) .be-fein{stroke: var(--leise); stroke-width: 3; stroke-dasharray: 0.6 9.4; opacity: 0.5}
.site:has(&) .be-grob{stroke: var(--tinte); stroke-width: 6; stroke-dasharray: 1 49; opacity: 0.7}
.site:has(&) .be-instrument text{font: 6px var(--mono); fill: var(--leise); text-anchor: middle}
.site:has(&) .be-nadel{transform-origin: 0 0; transform: rotate(-6deg)}
.site:has(&) .be-nadel path{stroke: var(--akzent); stroke-width: 2.4; stroke-linecap: round}
.site:has(&) .be-instrument circle{fill: var(--akzent)}
.site:has(&) .szene-status .herzschlag{height: 16%}
.site:has(&) .szene-status .be-dienste li{animation: pruef 7s var(--ease) infinite; animation-delay: calc(var(--i) * 0.3s)}
.site:has(&) .szene-status .be-arbeitet .vor{animation: raus 7s var(--ease) infinite}
.site:has(&) .szene-status .be-arbeitet .nach{animation: rein 7s var(--ease) infinite}
.site:has(&) .szene-status .be-nadel{animation: be-wandern 5s ease-in-out infinite alternate}

.site:has(&) .szene-status .herzschlag i{animation: schlag 2.4s ease-in-out infinite}
.site:has(&) .szene-status .herzschlag i:nth-child(2n){animation-delay: -0.6s}
.site:has(&) .szene-status .herzschlag i:nth-child(3n){animation-delay: -1.3s}
.site:has(&) .szene-status .herzschlag i:nth-child(5n){animation-delay: -1.9s}
.site:has(&) .be-offen{margin-top: var(--a5)}
.site:has(&) .be-live{margin-top: var(--a6)}
.site:has(&) .be-schluss{display: flex; flex-wrap: wrap; align-items: center; gap: var(--a4)}
.site:has(&) .be-schluss .hinweis{margin-top: 0; flex: 1 1 18rem}
@media (max-width: 760px){.site:has(&) .be-status{grid-template-columns: minmax(0, 1fr)}
.site:has(&) .be-instrument{display: none}
.site:has(&) .szene-status{height: 330px}
.site:has(&) .szene-status .herzschlag{height: 11%}
}
:root[data-bewegung="aus"] .site:has(&) .szene-status .be-dienste li{animation: none !important}}