.live-status-body{background:#01091a}.live-status-main{background:#01091a}.firewall-live-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);padding:clamp(.45rem,1.4vw,1.25rem);overflow:hidden;background:#01091a;color:#eef7ff}.firewall-live-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(14,104,204,.2),transparent 42%),linear-gradient(rgba(54,127,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(54,127,205,.045) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;pointer-events:none}.firewall-tv-button{position:absolute;z-index:20;top:1rem;right:1rem;display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;border:1px solid rgba(78,164,255,.35);border-radius:.65rem;background:rgba(3,19,45,.78);color:#beddff;font:inherit;font-size:.78rem;cursor:pointer;backdrop-filter:blur(10px)}.firewall-tv-button:hover,.firewall-tv-button:focus-visible{border-color:#4fa7ff;background:#092859;color:#fff;outline:0}.firewall-scene{position:relative;width:min(1500px,97vw);height:min(820px,calc(100dvh - 175px));min-height:650px;overflow:hidden;border:1px solid rgba(60,142,222,.2);border-radius:1rem;background:radial-gradient(circle at 50% 42%,rgba(13,75,142,.18),transparent 38%),linear-gradient(180deg,rgba(5,21,48,.72),rgba(1,8,23,.95));box-shadow:0 24px 70px rgba(0,0,0,.42)}.firewall-scene:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,rgba(2,11,29,.78));pointer-events:none}#firewall-animation{position:absolute;inset:0;z-index:2;width:100%;height:100%}.firewall-side{position:absolute;z-index:4;top:16%;width:20%;height:48%}.firewall-side-users{left:4%}.firewall-side-attackers{right:4%}.firewall-person{position:absolute;width:clamp(90px,9vw,145px);filter:drop-shadow(0 20px 24px rgba(0,0,0,.5))}.firewall-person img{display:block;width:100%;height:auto}.firewall-person-user-one{left:4%;top:0}.firewall-person-user-two{right:2%;top:40%}.firewall-person-attacker-one{right:3%;top:0}.firewall-person-attacker-two{left:1%;top:43%}.firewall-link{position:absolute;z-index:3;top:35%;width:25%;height:2px;background:linear-gradient(90deg,transparent,rgba(50,164,255,.55),transparent);transform-origin:center}.firewall-link i{position:absolute;inset:-2px 0;background:linear-gradient(90deg,transparent,#50a4ff,transparent);filter:blur(1px);animation:firewall-link-pulse 2s linear infinite}.firewall-link b{position:absolute;right:5%;top:-11px;color:#ff5d66;font-size:1.25rem}.firewall-link-left{left:17%;transform:rotate(6deg)}.firewall-link-left-bottom{top:54%;transform:rotate(-7deg)}.firewall-link-right{right:17%;transform:rotate(-6deg)}.firewall-link-right-bottom{top:54%;transform:rotate(7deg)}.firewall-link-left b{display:none}.firewall-shield-wrap{position:absolute;z-index:6;left:50%;top:5%;width:clamp(270px,25vw,390px);height:clamp(340px,31vw,485px);transform:translateX(-50%)}.firewall-shield-aura{position:absolute;inset:-45px;background:radial-gradient(circle,rgba(28,166,255,.24),transparent 64%);animation:firewall-aura 3.5s ease-in-out infinite}.firewall-shield-frame{position:absolute;inset:0;width:100%;height:100%}.firewall-shield-content{position:absolute;inset:12% 17% 15%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.firewall-shield-logo{display:block;width:min(150px,70%);height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.firewall-shield-divider{width:70%;height:1px;margin:.7rem 0 1rem;background:linear-gradient(90deg,transparent,rgba(132,219,255,.75),transparent)}.firewall-shield-symbol{position:relative;display:grid;place-items:center;width:105px;height:92px}.firewall-shield-lock{position:relative;right:auto;top:auto;display:grid;place-items:center;width:48px;height:48px;border:2px solid #8edfff;border-radius:50%;background:#052945;color:#dff7ff;font-size:1.65rem;box-shadow:0 0 18px rgba(73,190,244,.42)}.firewall-shield-title{margin:.8rem 0 0;color:#f1f7fb;font-size:1.02rem;font-weight:800;letter-spacing:.2em}.firewall-shield-state{display:flex;align-items:center;gap:.45rem;margin-top:.7rem;color:#f3b947;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.firewall-shield-state span{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.firewall-shield-state b{font:inherit}.firewall-scene[data-protection-state="online"] .firewall-shield-state{color:#48e3b4}.firewall-scene[data-protection-state="partial"] .firewall-shield-state{color:#f3b947}.firewall-scene[data-protection-state="offline"] .firewall-shield-state{color:#ff6868}.firewall-status{position:absolute;z-index:7;left:4%;bottom:18%;display:flex;align-items:center;gap:.75rem;width:320px;padding:.8rem .9rem;border:1px solid rgba(66,156,238,.32);border-radius:.8rem;background:rgba(4,23,50,.9);box-shadow:0 18px 42px rgba(0,0,0,.38);backdrop-filter:blur(13px)}.firewall-status-icon{position:relative;display:block;flex:0 0 1.15rem;height:1.15rem;border:3px solid rgba(255,255,255,.16);border-radius:50%;background:#f3b947;box-shadow:0 0 14px #f3b947}.firewall-status-icon:after{content:none}.firewall-status>span:last-child{display:grid;min-width:0}.firewall-status small{color:#8299b5;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.firewall-status strong{font-size:.95rem}.firewall-status em{overflow:hidden;color:#91a9c3;font-size:.64rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.firewall-status.status-online .firewall-status-icon{background:#3ce0aa;box-shadow:0 0 14px #3ce0aa}.firewall-status.status-partial .firewall-status-icon{background:#f3b947;box-shadow:0 0 14px #f3b947}.firewall-status.status-offline .firewall-status-icon{background:#ff5f67;box-shadow:0 0 14px #ff5f67}.firewall-live-metrics{position:absolute;z-index:8;left:50%;bottom:4.5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(900px,72%);transform:translateX(-50%);overflow:hidden;border:1px solid rgba(57,145,232,.3);border-radius:.9rem;background:rgba(3,20,45,.9);box-shadow:0 22px 52px rgba(0,0,0,.45);backdrop-filter:blur(15px)}.firewall-live-metrics article{min-width:0;padding:.85rem 1rem;text-align:center}.firewall-live-metrics article+article{border-left:1px solid rgba(65,139,215,.18)}.firewall-live-metrics small{display:block;overflow:hidden;color:#839bb8;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.firewall-live-metrics strong{display:block;margin-top:.18rem;color:#f3f9ff;font-size:1.55rem;line-height:1.15;font-variant-numeric:tabular-nums}.firewall-live-metrics article:nth-child(2) strong{color:#ff7278}.firewall-live-metrics article:nth-child(3) strong{color:#ffc166}.firewall-live-metrics .firewall-metric-time{color:#55e0b5;font-size:1.05rem;padding-top:.3rem}.firewall-update-time{position:absolute;z-index:8;right:1.2rem;bottom:1rem;color:#637f9f;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.firewall-scene>.live-error{position:absolute;z-index:10;left:50%;top:1rem;transform:translateX(-50%)}@keyframes firewall-aura{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes firewall-link-pulse{0%{transform:translateX(-60%);opacity:0}35%,65%{opacity:1}100%{transform:translateX(60%);opacity:0}}@keyframes firewall-user-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes firewall-attacker-float{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.firewall-person-user{animation:firewall-user-float 4.4s ease-in-out infinite}.firewall-person-user-two{animation-delay:.7s}.firewall-person-attacker{animation:firewall-attacker-float 4.8s ease-in-out infinite}.firewall-person-attacker-two{animation-delay:.9s}@media(min-width:1800px){.firewall-scene{width:min(1760px,96vw);height:min(940px,calc(100dvh - 175px))}.firewall-shield-wrap{top:8%;transform:translateX(-50%) scale(1.14)}.firewall-side{transform:scale(1.12)}.firewall-live-metrics{width:min(940px,70%)}.firewall-live-metrics strong{font-size:1.9rem}}@media(max-width:1000px){.firewall-live-stage{align-items:flex-start;overflow:auto}.firewall-scene{height:auto;min-height:780px}.firewall-shield-wrap{top:6%;transform:translateX(-50%) scale(.84)}.firewall-side{top:13%;transform:scale(.82)}.firewall-side-users{left:1%}.firewall-side-attackers{right:1%}.firewall-link-left{left:16%}.firewall-link-right{right:16%}.firewall-status{bottom:28%;width:230px}.firewall-live-metrics{bottom:5%;width:94%}}@media(max-width:700px){.firewall-live-stage{display:block;min-height:0;padding:.35rem;overflow:visible}.firewall-tv-button{top:.7rem;right:.7rem;padding:.5rem}.firewall-tv-button span:last-child{display:none}.firewall-scene{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;height:auto;min-height:0;padding-top:360px;padding-bottom:.6rem;overflow:visible;border-radius:.85rem}.firewall-scene:after{bottom:auto;height:360px}.firewall-shield-wrap{top:18px;width:230px;height:290px;transform:translateX(-50%)}.firewall-shield-content{inset:12% 17% 15%}.firewall-shield-logo{width:100px}.firewall-shield-divider{margin:.35rem 0 .55rem}.firewall-shield-symbol{transform:scale(.72);margin:-10px 0}.firewall-shield-title{font-size:.72rem}.firewall-shield-state{font-size:.55rem}.firewall-side{top:74px;width:25%;height:180px;transform:scale(.64)}.firewall-side-users{left:1%}.firewall-side-attackers{right:1%}.firewall-person:nth-child(2){display:none}.firewall-link{top:150px!important;width:24%}.firewall-link-left{left:16%}.firewall-link-right{right:16%}.firewall-status{position:relative;inset:auto!important;width:auto;min-height:78px;margin:0;transform:none}.firewall-status{grid-column:1/-1;margin:0 .55rem}.firewall-live-metrics{position:relative;left:auto;bottom:auto;grid-column:1/-1;grid-template-columns:1fr 1fr;width:auto;margin:0 .55rem;transform:none}.firewall-live-metrics article{padding:.75rem .5rem}.firewall-live-metrics article+article{border-left:0}.firewall-live-metrics article:nth-child(even){border-left:1px solid rgba(65,139,215,.18)}.firewall-live-metrics article:nth-child(n+3){border-top:1px solid rgba(65,139,215,.18)}.firewall-live-metrics small{font-size:.53rem}.firewall-live-metrics strong{font-size:1.35rem}.firewall-live-metrics .firewall-metric-time{font-size:.9rem}.firewall-update-time{position:relative;right:auto;bottom:auto;grid-column:1/-1;padding:.2rem;text-align:center}#firewall-animation{height:360px}}@media(max-width:390px){.firewall-scene{grid-template-columns:1fr;padding-top:335px}.firewall-scene:after,#firewall-animation{height:335px}.firewall-status{grid-column:1;margin:0 .5rem}.firewall-live-metrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.firewall-shield-aura,.firewall-person{animation:none!important}}:fullscreen .site-header .menu-button,:fullscreen .site-header .navigation,:fullscreen .site-footer,:-webkit-full-screen .site-header .menu-button,:-webkit-full-screen .site-header .navigation,:-webkit-full-screen .site-footer,.firewall-tv-mode .site-header .menu-button,.firewall-tv-mode .site-header .navigation,.firewall-tv-mode .site-footer{display:none}:fullscreen .firewall-live-stage,:-webkit-full-screen .firewall-live-stage{min-height:100vh;min-height:100dvh;padding:.4rem}:fullscreen .firewall-scene,:-webkit-full-screen .firewall-scene{width:100%;height:calc(100vh - .8rem);height:calc(100dvh - .8rem);max-height:none}:fullscreen .firewall-tv-button,:-webkit-full-screen .firewall-tv-button{opacity:.25}:fullscreen .firewall-tv-button:focus,:fullscreen .firewall-tv-button:hover,:-webkit-full-screen .firewall-tv-button:focus,:-webkit-full-screen .firewall-tv-button:hover{opacity:1}

html.firewall-tv-mode .site-header,html.firewall-tv-mode .site-footer,body.firewall-tv-mode .site-header,body.firewall-tv-mode .site-footer,.site-header[hidden],.site-footer[hidden]{display:none!important}
.firewall-live-metrics{grid-template-columns:repeat(5,minmax(0,1fr));width:min(1080px,82%)}.firewall-live-metrics em{display:block;margin-top:.12rem;color:#839bb8;font-size:.52rem;font-style:normal;line-height:1.25}.firewall-live-metrics article:nth-child(3) strong{color:#55d6e8}.firewall-live-metrics article:nth-child(4) strong{color:#ffc166}@media(max-width:1000px){.firewall-live-metrics{width:94%}}@media(max-width:700px){.firewall-live-metrics{grid-template-columns:1fr 1fr;width:auto}}

/* Live-Status: TV-Flächennutzung und mobile Außenabstände */
.firewall-link b{display:none!important}
:fullscreen .firewall-shield-wrap,:-webkit-full-screen .firewall-shield-wrap,.firewall-tv-mode .firewall-shield-wrap{top:2.5%;transform:translateX(-50%) scale(1.12)}
:fullscreen .firewall-side,:-webkit-full-screen .firewall-side,.firewall-tv-mode .firewall-side{top:12%;transform:scale(1.08)}
:fullscreen .firewall-status,:-webkit-full-screen .firewall-status,.firewall-tv-mode .firewall-status{bottom:14%}
:fullscreen .firewall-live-metrics,:-webkit-full-screen .firewall-live-metrics,.firewall-tv-mode .firewall-live-metrics{bottom:1.5%;width:min(1180px,86%)}
:fullscreen .firewall-update-time,:-webkit-full-screen .firewall-update-time,.firewall-tv-mode .firewall-update-time{bottom:.35rem}
@media(max-width:700px){
  .firewall-live-stage{padding:.75rem}
  .firewall-scene{width:100%;gap:.75rem;padding-bottom:.85rem}
  .firewall-status{margin:0 .75rem}
  .firewall-live-metrics{margin:0 .75rem;border-radius:.8rem}
  .firewall-live-metrics article{padding:.85rem .65rem}
  .firewall-live-metrics article:nth-child(odd){border-left:0}
  .firewall-live-metrics article:nth-child(even){border-left:1px solid rgba(65,139,215,.18)}
  .firewall-live-metrics article:nth-child(n+3){border-top:1px solid rgba(65,139,215,.18)}
  .firewall-live-metrics article:last-child{grid-column:1/-1;border-left:0}
  .firewall-update-time{padding:.35rem .75rem .15rem}
}
@media(max-width:390px){
  .firewall-live-stage{padding:.6rem}
  .firewall-status,.firewall-live-metrics{margin:0 .6rem}
}