:root{--red:#d02e2e;--ink:#102033;--muted:#687786;--line:#e3e8ec;--green:#20a35a;--amber:#e19822;--content-width:70%;--bottom-height:190px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#edf1f3}.shell{height:100dvh;display:grid;grid-template-rows:102px minmax(0,1fr) 56px;background:radial-gradient(circle at 15% 0,#fff 0,#f3f5f6 38%,#e9eef1 100%)}.shell.has-alert{grid-template-rows:102px auto minmax(0,1fr) 56px}.shell.ticker-hidden{grid-template-rows:102px minmax(0,1fr)}.shell.has-alert.ticker-hidden{grid-template-rows:102px auto minmax(0,1fr)}[hidden]{display:none!important}.screen-header{display:grid;grid-template-columns:280px minmax(320px,1fr) auto auto;align-items:center;gap:24px;padding:10px 30px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 30px rgba(16,32,51,.05);z-index:10}.brand-logo{width:250px;height:78px;object-fit:contain;object-position:left center}.header-message{display:flex;min-width:0;flex-direction:column}.header-message span,.section-title span,.eyebrow{color:var(--red);font-size:12px;font-weight:900;letter-spacing:.15em}.header-message b{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,1.7vw,29px)}.weather{display:flex;align-items:center;gap:11px;padding:10px 16px;border:1px solid #f2d2d2;border-radius:20px;background:linear-gradient(135deg,#fff,#fff6f6);box-shadow:0 10px 28px rgba(16,32,51,.06)}.weather i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff1d8;font-size:25px;font-style:normal}.weather>strong{font-size:28px}.weather span{display:flex;flex-direction:column}.weather small{margin-top:2px;color:var(--muted)}.time{text-align:right}.time b{display:block;font-size:36px;line-height:1}.time span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.alert-bar{display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:9px 30px;color:#fff;background:#45667e}.alert-bar.important{background:var(--amber)}.alert-bar.emergency{background:var(--red);animation:alertPulse 1.8s ease-in-out infinite}@keyframes alertPulse{50%{filter:brightness(1.12)}}main{min-height:0;display:grid;grid-template-columns:minmax(0,var(--content-width)) minmax(300px,1fr);grid-template-rows:minmax(0,1fr) var(--bottom-height);gap:16px;padding:17px 24px}.stage{position:relative;min-width:0;min-height:0;border-radius:30px;overflow:hidden;background:#17212b;box-shadow:0 22px 60px rgba(16,32,51,.18)}.slide{position:absolute;inset:0;display:grid;overflow:hidden;background:linear-gradient(135deg,#121d28,#293a48);color:#fff;animation:slideEnter .55s ease both}.slide-media{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eef1f3}.slide-media img{width:100%;height:100%;object-fit:cover}.slide-media.fit-contain img{object-fit:contain;background:#fff}.slide-copy{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,70px)}.slide h1{max-width:100%;margin:15px 0 13px;font-size:clamp(36px,4.5vw,var(--title-size));line-height:.98;letter-spacing:-.045em;text-wrap:balance}.slide p{max-width:800px;margin:0;color:#edf2f5;font-size:clamp(17px,1.65vw,var(--body-size));line-height:1.35}.slide-details{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.slide-details span,.slide-cta{padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(255,255,255,.13);backdrop-filter:blur(12px);font-weight:800}.slide-cta{display:flex;max-width:max-content;flex-direction:column;margin-top:18px;background:#fff;color:var(--ink)}.slide-cta small{margin-top:3px;color:var(--muted)}.slide-counter{position:absolute;right:20px;bottom:18px;z-index:5;padding:7px 10px;border-radius:999px;background:rgba(10,20,30,.58);font-size:12px;font-weight:900;backdrop-filter:blur(8px)}.slide-counter span{margin:0 4px;opacity:.55}.slide-progress{position:absolute;right:0;bottom:0;left:0;z-index:6;height:4px;background:rgba(255,255,255,.18)}.slide-progress:after{display:block;width:100%;height:100%;content:"";background:var(--red);transform-origin:left;animation:progress var(--duration) linear both}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slideEnter{from{opacity:.3;transform:scale(1.008)}to{opacity:1;transform:none}}.layout-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.layout-split .slide-copy{grid-column:1;grid-row:1}.layout-split .slide-media{grid-column:2;grid-row:1}.layout-split .slide-overlay{display:none}.layout-image-left{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.layout-image-left .slide-media{grid-column:1;grid-row:1}.layout-image-left .slide-copy{grid-column:2;grid-row:1}.layout-image-left .slide-overlay{display:none}.layout-image-full .slide-media{position:absolute;inset:0}.layout-image-full .slide-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(9,18,26,.88) 0,rgba(9,18,26,.56) 48%,rgba(9,18,26,.05) 82%)}.layout-image-full .slide-copy{width:min(66%,880px)}.layout-text{place-items:center;background:radial-gradient(circle at 100% 0,#384c5d,#14212c 58%)}.layout-text .slide-copy{width:min(1050px,92%);text-align:center;align-items:center}.layout-text .slide-overlay{display:none}.layout-announcement{place-items:center;background:linear-gradient(135deg,#a81717,var(--red) 45%,#ea5555)}.layout-announcement .slide-media{position:absolute;inset:0;opacity:.17}.layout-announcement .slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(90,0,0,.2),transparent)}.layout-announcement .slide-copy{width:min(1100px,94%);text-align:center;align-items:center}.agenda,.panel{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(16,32,51,.085)}.agenda{padding:24px;overflow:hidden}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title h2{margin:4px 0 0;font-size:clamp(20px,1.5vw,27px)}.section-title>b{color:var(--muted);font-size:13px}.agenda-list{display:grid;gap:8px;margin-top:18px}.agenda-list article{display:grid;grid-template-columns:48px 4px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.agenda-list time{font-weight:900}.agenda-list article>i{width:4px;height:40px;border-radius:4px;background:var(--item-color)}.agenda-list article>div{display:flex;min-width:0;flex-direction:column}.agenda-list small{margin-top:3px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.status{padding:5px 8px;border-radius:999px;background:#eff2f4;color:#66727d;font-size:9px;font-weight:900;text-transform:uppercase}.bottom-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.panel{padding:17px 20px;overflow:hidden}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-12{grid-column:span 12}.room-grid,.team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.room-grid article,.team-list article{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 11px;border-radius:13px;background:#f4f7f8}.room-grid article>i,.team-list article>i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #20a35a18}.room-grid .busy>i,.team-list i.busy{background:var(--amber);box-shadow:0 0 0 5px #e1982218}.team-list i.away{background:#929da7;box-shadow:0 0 0 5px #929da718}.room-grid article>div,.team-list article>div{display:flex;min-width:0;flex:1;flex-direction:column}.room-grid b,.team-list b,.quick-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-grid small,.team-list small,.quick-list small{margin-top:2px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.room-grid article>span,.team-list article>span{font-size:9px;font-weight:900;color:var(--green)}.room-grid .busy>span{color:var(--amber)}.quick-list{display:flex;gap:9px;margin-top:12px}.quick-list article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center;min-width:0;flex:1;padding:7px;border:1px solid #e9edef;border-radius:13px;background:#f7f9fa}.quick-list img{width:58px;height:58px;border-radius:7px}.quick-list article>div{display:flex;min-width:0;flex-direction:column}.direction-arrow{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:var(--red);color:#fff;font-size:36px;font-weight:900}.empty{display:flex;min-height:72px;flex-direction:column;justify-content:center;color:var(--muted);text-align:center}.empty b{color:#536270}main.agenda-hidden{grid-template-columns:1fr}main.agenda-hidden .stage{grid-column:1/-1}main.agenda-left .stage{grid-column:2;grid-row:1}main.agenda-left .agenda{grid-column:1;grid-row:1}main.bottom-hidden{grid-template-rows:minmax(0,1fr) 0}.shell footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 24px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -7px 25px rgba(16,32,51,.05);z-index:9}.shell footer>span{padding:7px 11px;border-radius:9px;background:var(--red);color:#fff;font-weight:900}.shell footer>b{color:var(--red);font-size:11px;letter-spacing:.08em}.ticker-window{min-width:0;overflow:hidden;white-space:nowrap}.ticker-run{display:flex;width:max-content;animation:ticker 34s linear infinite}.ticker-run>span{display:inline-flex;align-items:center;padding-right:80px;font-size:15px;font-weight:800}.ticker-run i{margin:0 22px;color:var(--red);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}.connection-state{position:fixed;right:18px;bottom:72px;z-index:30;padding:10px 14px;border-radius:12px;background:#192633;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 30px #0003}.offline .time:after{display:block;margin-top:3px;color:var(--amber);content:"Offline-Daten";font-size:10px;font-weight:800}main[data-density=compact] .panel{padding:12px 15px}main[data-density=compact] .section-title h2{font-size:19px}main[data-density=large] .panel{padding:21px 24px}main[data-density=large] .room-grid small,main[data-density=large] .team-list small{font-size:13px}@media(max-width:1250px){.screen-header{grid-template-columns:210px 1fr auto}.brand-logo{width:200px}.header-message{display:none}.weather span{display:none}.weather{padding:8px}.time span{display:none}.span-3,.span-4{grid-column:span 6}.quick-list article:nth-child(n+2){display:none}}@media(orientation:portrait),(max-aspect-ratio:4/5){.shell{grid-template-rows:88px minmax(0,1fr) 52px}.shell.has-alert{grid-template-rows:88px auto minmax(0,1fr) 52px}.screen-header{grid-template-columns:minmax(180px,1fr) auto;padding:8px 18px}.brand-logo{width:210px;height:68px}.weather{display:none!important}main{grid-template-columns:1fr;grid-template-rows:minmax(0,1.15fr) minmax(0,.72fr) var(--bottom-height);padding:13px}.stage,.agenda,main.agenda-left .stage,main.agenda-left .agenda{grid-column:1;grid-row:auto}.bottom-grid{grid-row:3}.layout-split,.layout-image-left{grid-template-columns:1fr}.layout-split .slide-media,.layout-image-left .slide-media{position:absolute;inset:0;grid-column:1;opacity:.45}.layout-split .slide-copy,.layout-image-left .slide-copy{grid-column:1}.slide-copy{padding:35px}.span-3,.span-4,.span-6{grid-column:span 6}.room-grid,.team-list{grid-template-columns:1fr}.shell footer>b{display:none}}@media(max-width:720px){.shell{grid-template-rows:74px minmax(0,1fr) 46px}.shell.has-alert{grid-template-rows:74px auto minmax(0,1fr) 46px}.screen-header{grid-template-columns:1fr auto;padding:7px 12px}.brand-logo{width:160px;height:56px}.time b{font-size:27px}main{display:block;padding:8px;overflow:auto}.stage{height:58vh;border-radius:20px}.agenda{height:auto;min-height:260px;margin-top:9px;padding:17px}.bottom-grid{display:none}.layout-image-full .slide-copy{width:92%}.slide-copy{padding:25px}.slide h1{font-size:clamp(34px,12vw,var(--title-size))}.slide p{font-size:clamp(17px,5vw,var(--body-size))}.alert-bar span{display:none}.shell footer{grid-template-columns:auto 1fr;padding:0 10px}.ticker-run>span{font-size:12px}.connection-state{right:10px;bottom:55px}}
