:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#09141b;color:#edf5f4}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:28px}header,nav,.heading,.bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}header{padding-bottom:40px}.brand{font-size:32px;font-weight:800;text-decoration:none}.brand span{font-size:12px;letter-spacing:.18em;margin-left:12px;color:#a3bdbb}a{color:#a4ead8}h1{font-size:clamp(26px,4vw,44px);letter-spacing:-.04em;margin:10px 0 24px}h2{font-size:22px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#a4ead8;font-weight:700}.player{aspect-ratio:16/9;background:#050a0e;border:1px solid #294149;border-radius:18px;overflow:hidden;position:relative;display:grid;place-items:center}.scene-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.media-stage{position:absolute;inset:0;overflow:hidden}.media-stage video,.media-stage img{position:absolute;display:block;object-fit:fill;max-width:none;max-height:none}.player [hidden]{display:none}#empty{text-align:center;padding:30px;color:#a9b9bf}#badge{padding:9px 14px;border:1px solid #49616a;border-radius:30px;font-size:13px}.online{color:#a4ead8;border-color:#4ca78e!important}.bar{margin-top:14px}.bar p{flex:1;min-width:180px}.muted{color:#a9b9bf;font-size:14px;line-height:1.6}button{background:#a4ead8;color:#09231d;border:0;padding:12px 16px;font:inherit;font-weight:700;border-radius:9px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}section{background:#11222b;border:1px solid #294149;border-radius:16px;padding:24px;margin:20px 0}p{line-height:1.7}input:not([type=checkbox]){display:block;width:100%;padding:12px;background:#09141b;color:white;border:1px solid #56717c;border-radius:8px;margin-top:12px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.notice{background:#183e32;padding:16px;border-radius:12px}.embed header,.embed .heading,.embed main>p:last-child{display:none}.embed main{padding:10px}.player:fullscreen{border-radius:0;width:100%;height:100%;background:black}@media(max-width:600px){main{padding:18px}header{padding-bottom:20px}.heading{gap:0;margin-bottom:16px}.player{border-radius:12px}.bar{gap:10px}.bar p{flex-basis:100%;margin:0}section{padding:18px}}

/* SO-WebCAM Studio 2.0C.5 · öffentliche Szenen-Overlays */
.privacy-zones{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.privacy-zone{position:absolute}.privacy-zone.blur{background:rgba(20,20,20,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.privacy-zone.black{background:#000}.scene-overlays{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}
.scene-overlay{position:absolute;transform-origin:center center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.scene-overlay.logo img{width:100%;height:100%;object-fit:contain;display:block}
.scene-overlay .scene-overlay-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-wrap;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.12}
.scene-overlay.box .scene-overlay-text{border:1px solid rgba(190,220,235,.24);border-radius:5px;padding:.14em .28em}
.player:fullscreen .scene-overlays{z-index:20}

/* 2.0C.9: viewport = echte Szenenflaeche, auch im Hochformat-Vollbild */
.player:fullscreen{display:flex!important;align-items:center!important;justify-content:center!important}
.player:fullscreen .scene-viewport{flex:none}
.player:fullscreen #empty{display:none!important}


/* 2.0C.10 · Gast-Mediaplayer der SO-Portal Mediathek */
.guest-player{margin:20px 0 14px;padding:18px 20px;background:#0d1c24;border:1px solid #294149;border-radius:16px}
.guest-player-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.guest-player-head h2{margin:2px 0 0;font-size:20px}.guest-player-kicker{margin:0;color:#a4ead8;font-size:11px;font-weight:800;letter-spacing:.16em}.guest-player-link{white-space:nowrap;font-size:13px}
.guest-player-body{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) minmax(130px,180px);align-items:center;gap:10px}.guest-player button{padding:0;border-radius:999px;display:grid;place-items:center}.media-round{width:44px;height:44px;background:#17313b;color:#edf5f4;border:1px solid #35535e!important}.media-play{width:52px;height:52px;font-size:20px}.media-info{min-width:0;display:grid;gap:4px}.media-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info>span{color:#a9b9bf;font-size:12px}.media-seek{margin:4px 0 0!important;padding:0!important;height:4px!important;accent-color:#a4ead8}.media-times{display:flex;justify-content:space-between;color:#8fa4ab;font-size:11px}.media-volume{display:flex;align-items:center;gap:8px}.media-volume input{margin:0!important;padding:0!important;accent-color:#a4ead8}.guest-player audio{display:none}
@media(max-width:760px){.guest-player{padding:16px}.guest-player-head{align-items:flex-start}.guest-player-body{grid-template-columns:auto auto auto minmax(0,1fr)}.media-volume{grid-column:1/-1;padding-top:6px}.media-volume input{width:100%!important}.media-info strong{white-space:normal}.guest-player-link{font-size:12px}}
@media(max-width:460px){.guest-player-head{display:block}.guest-player-link{display:inline-block;margin-top:8px}.guest-player-body{grid-template-columns:auto auto auto;justify-content:start}.media-info{grid-column:1/-1;grid-row:2}.media-volume{grid-row:3}.media-play{width:48px;height:48px}}

.scene-viewport.program-fade{animation:soProgramFade .62s ease both}@keyframes soProgramFade{0%{opacity:.12}45%{opacity:.55}100%{opacity:1}}

/* 2.0D.15 Gastplayer Plus */
.guest-now{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid #294149;border-radius:12px;background:#09171e}.guest-cover{width:54px;height:54px;border-radius:10px;background:#17313b;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.guest-cover img{width:100%;height:100%;object-fit:cover}.guest-cover span{font-size:24px;color:#a4ead8}.guest-now-copy{min-width:0;display:grid;gap:2px}.guest-now-copy>span{font-size:10px;letter-spacing:.14em;color:#8fa4ab;font-weight:800}.guest-now-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-fav{margin-left:auto;width:44px;height:44px;border-radius:999px!important;background:#17313b!important;color:#f3df83!important;font-size:24px!important;border:1px solid #35535e!important}.media-fav.active{background:#3b3517!important}.media-fav-count{color:#f3df83!important}.media-round.active{background:#214f4a!important;border-color:#69c4b1!important}.guest-player-body{grid-template-columns:auto auto auto auto minmax(0,1fr) minmax(130px,180px)}
@media(max-width:760px){.guest-player-body{grid-template-columns:auto auto auto auto minmax(0,1fr)}}
@media(max-width:460px){.guest-player-body{grid-template-columns:auto auto auto auto}.media-info{grid-column:1/-1;grid-row:2}.media-volume{grid-row:3}.guest-now-copy strong{white-space:normal}}