.fv-kopf{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}.fv-kopf h2{margin:0}.fv-auswahl{display:flex;border:1px solid #d5e5e926;background:#0c1319a8;padding:4px;gap:3px}.fv-auswahl button{border:0;padding:7px 12px;background:none;color:#e1ded5;font:600 12px Inter,sans-serif;cursor:pointer}.fv-auswahl button[aria-pressed=true]{background:linear-gradient(180deg,#f8d690,#e3ad4f);color:#21160a}.fv-leise{color:#d5cfc4;font-size:13px}.fv-tafel,.fv-methode{border:1px solid #d5e5e926;border-top-color:#e3ad4fcc;background:linear-gradient(150deg,#d5e5e90e,#0f161d1f),#0c13197a;backdrop-filter:blur(12px) saturate(80%);-webkit-backdrop-filter:blur(12px) saturate(80%)}.fv-modus{padding:22px 24px;border-bottom:1px solid #ffffff16}.fv-modus:last-child{border-bottom:0}.fv-zeile{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.fv-zeile h3{margin:0;font:700 19px Cinzel,serif}.fv-zustand{display:flex;align-items:center;gap:7px;font:600 12px Inter,sans-serif;color:#d5cfc4}.fv-zustand i,.fv-legende i{width:7px;height:7px;display:inline-block;background:#717c85;border-radius:50%;flex:none}.fv-zustand[data-online=true]{color:#8ce0b7}.fv-zustand[data-online=true] i{background:#67d39b}.fv-zustand[data-online=false]{color:#ffa49c}.fv-zustand[data-online=false] i{background:#ee847d}.fv-balken{display:grid;grid-template-columns:repeat(var(--tage),minmax(0,1fr));gap:3px}.fv-tag{min-width:0;width:100%;height:35px;padding:0;border:0;border-radius:0;background:#56616c5e;cursor:pointer;transition:filter .15s,transform .15s}.fv-tag:hover,.fv-tag:focus-visible{filter:brightness(1.4);transform:translateY(-3px);outline:2px solid #f8d690;outline-offset:2px}.fv-tag[data-zustand=online],.fv-gruen{background:#67c996!important}.fv-tag[data-zustand=teilweise],.fv-teil{background:repeating-linear-gradient(135deg,#4f9b7b 0 3px,#58666b 3px 6px)!important}.fv-tag[data-zustand=offline],.fv-rot{background:#ed827a!important}.fv-tag[data-zustand=stoerung]{background:linear-gradient(#e8b65c 0 50%,#ed827a 50%)}.fv-grau{background:#717c85!important}.fv-achse{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:11px;font:12px/1.5 Inter,sans-serif;color:#d5cfc4}.fv-achse strong{font-size:15px;color:#f1eadf;font-variant-numeric:tabular-nums}.fv-basis{font:11px/1.6 Inter,sans-serif;color:#d5cfc4;margin:9px 0 0}.fv-legende{display:flex;gap:10px 20px;flex-wrap:wrap;margin:15px 0 35px;font-size:12px;color:#d5cfc4}.fv-legende span{display:flex;align-items:center;gap:7px}.fv-legende i{border-radius:0;width:9px;height:14px}.fv-ausfall{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:17px 24px;border-bottom:1px solid #ffffff16;font-size:13px}.fv-ausfall:last-child{border-bottom:0}.fv-ausfall b{color:#f8d690}.fv-tafel>p{padding:18px 24px;margin:0}.fv-methode{margin:36px 0;padding:22px 24px}.fv-methode h2{font-size:23px;margin-top:0}.fv-methode p{font-size:13px;color:#d5cfc4;line-height:1.8}.fv-methode a,.fv-wartung a{color:#f8d690}.fv-wartung{padding:12px 0;margin-bottom:18px;color:#f8d690;font-size:13px}.fv-tagdetail{margin:13px 0 0;padding-top:11px;border-top:1px solid #ffffff16;font:12px/1.7 Inter,sans-serif;color:#e1ded5}.fv-tooltip{position:fixed;z-index:1200;max-width:min(290px,calc(100vw - 24px));padding:12px 14px;box-sizing:border-box;border:1px solid #d5e5e92e;border-top-color:#e3ad4fcc;background:#10191ef2;backdrop-filter:blur(14px);color:#f1eadf;box-shadow:0 10px 30px #0006;font:12px/1.7 Inter,sans-serif;pointer-events:none;white-space:pre-line}.fv-tooltip[hidden],.fv-tagdetail[hidden]{display:none}.fv-skelett{height:150px;border-bottom:1px solid #ffffff14;background:linear-gradient(100deg,#15212b55,#2c394744,#15212b55);background-size:200% 100%;animation:fvLaden 1.5s ease-in-out infinite}@keyframes fvLaden{to{background-position:-200% 0}}button:focus-visible{outline-offset:3px}
@media(max-width:620px){.fv-modus{padding:18px 14px}.fv-kopf{flex-wrap:wrap}.fv-zeile h3{font-size:17px}.fv-balken{gap:2px}.fv-tag{height:30px}.fv-achse{font-size:10px;gap:7px}.fv-achse strong{font-size:13px}.fv-ausfall{grid-template-columns:1fr;padding:15px}.fv-methode{padding:18px}.fv-basis{font-size:10px}.fv-zustand{font-size:11px}}
@media(prefers-reduced-motion:reduce){.fv-tag{transition:none}.fv-tag:hover,.fv-tag:focus-visible{transform:none}.fv-skelett{animation:none}}
