.lv-offline-hub{--offline-gold:#dfbc76;--offline-muted:#b5c4b8;max-width:1120px;margin:auto}.lv-offline-hero{background:radial-gradient(at 90% 20%,#476f493a,#0000 60%),linear-gradient(125deg,#102d22,#061c15 70%);border:1px solid #b99a5759;border-radius:24px;padding:clamp(24px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0004}.lv-offline-hero:after{content:"";pointer-events:none;background:repeating-radial-gradient(#0000 0 24px,#d6ba6b15 25px 26px,#0000 27px 48px);border-radius:50%;width:520px;height:520px;position:absolute;top:-160px;right:-210px;transform:rotate(-20deg)scaleY(1.6)}.lv-offline-hero>*{z-index:1;position:relative}.lv-offline-eyebrow{letter-spacing:.24em;color:var(--offline-gold);margin:0 0 24px;font-size:10px;font-weight:700}.lv-offline-hero h2{letter-spacing:-.045em;color:#f3efdf;margin:0 0 24px;font:clamp(40px,6vw,72px)/1.04 Georgia,serif}.lv-offline-hero h2 em{color:var(--offline-gold);font-weight:400}.lv-offline-intro{color:#c6d0c8;max-width:510px;margin:0 0 32px;font-size:15px;line-height:1.8}.lv-offline-metrics{border-top:1px solid #c5af7533;border-bottom:1px solid #c5af7533;grid-template-columns:repeat(3,1fr);gap:20px;max-width:650px;margin-bottom:28px;padding:24px 0;display:grid}.lv-offline-metrics>div{flex-direction:column;gap:8px;display:flex}.lv-offline-metrics strong{color:#f5ecd4;font:36px/1 Georgia,serif}.lv-offline-metrics small{color:#b9ac8f;font:20px Georgia,serif}.lv-offline-metrics span{color:var(--offline-muted);font-size:11px}.lv-offline-metrics .lv-offline-online{color:#a8d1ad;font-size:28px}.lv-offline-metrics .lv-offline-lokal{color:#e9c982;font-size:28px}.lv-offline-primary{color:#172b1d;background:linear-gradient(110deg,#f1d59a,#c6a25d);border:1px solid #f2d69b;border-radius:10px;justify-content:space-between;align-items:center;gap:28px;min-height:52px;padding:14px 24px;font-size:14px;font-weight:800;display:flex;box-shadow:0 6px 24px #d9af4a16}.lv-offline-primary:after{content:"↓";font-size:22px}.lv-offline-primary:disabled{opacity:.5;cursor:wait}.lv-offline-footnote{color:#a8b7ab;margin-top:14px;font-size:11px;line-height:1.6}.lv-offline-revier{position:relative;box-shadow:0 12px 32px #0002;background:linear-gradient(150deg,#122c23,#0a2019)!important;border-color:#9caa793d!important;padding:26px!important}.lv-offline-revier[data-ready=true]{border-color:#6aa87977!important}.lv-offline-revier h3{letter-spacing:.04em;margin-top:12px;font-size:25px}.lv-offline-revier-status{letter-spacing:.13em;color:#ddba75;font-size:9px;font-weight:800}.lv-offline-revier[data-ready=true] .lv-offline-revier-status{color:#9ed3a9}.lv-offline-checks{border-block:1px solid #a5ba9b22;gap:12px;margin:20px 0;padding:20px 0;display:grid}.lv-offline-checks>div{align-items:center;gap:12px;display:flex}.lv-offline-checks b{color:#d9bd80;border:1px solid #c6ad6c66;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.lv-offline-checks [data-ok=true] b{color:#a2d3ac;background:#38644444;border-color:#8ab59966}.lv-offline-checks span{font-size:13px;font-weight:700}.lv-offline-checks small{color:#a7b8ad;margin-top:3px;font-size:11px;font-weight:400;display:block}.lv-offline-revier dl{color:#a7b8ad;font-size:11px}.lv-offline-optionen{border-top:1px solid #a5ba9b22;margin-top:8px;padding-top:14px}.lv-offline-optionen summary{color:#bac6ba;cursor:pointer;min-height:32px;padding-block:8px;font-size:11px}.lv-offline-optionen[open]{gap:12px;display:grid}.lv-offline-optionen button{width:100%;margin-top:8px;font-size:12px}.lv-offline-maplink{color:#b7d9b7;justify-content:space-between;padding:12px 0;font-size:12px;font-weight:700;display:flex}.lv-offline-storage summary,.lv-offline-storage p{font-size:12px}.lv-offline-hub button:focus-visible,.lv-offline-hub a:focus-visible,.lv-offline-hub summary:focus-visible{outline-offset:4px;outline:2px solid #e9ca83}@media (max-width:600px){.lv-offline-metrics{gap:12px}.lv-offline-metrics strong{font-size:30px}.lv-offline-metrics .lv-offline-online,.lv-offline-metrics .lv-offline-lokal{font-size:23px}.lv-offline-primary{width:100%;padding:13px 16px;font-size:12px}.lv-offline-revier{padding:22px!important}.lv-offline-hero{border-radius:18px}}
