.sobix-streamplan{--ssp-cyan:#42f9f9;--ssp-blue:#0641c8;--ssp-pink:#b4009e;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;background:#060a16;color:#f3f3fa;padding:48px 24px 64px;font:400 16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.sobix-streamplan *{box-sizing:border-box}.sobix-streamplan::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(110deg,#060a16aa,#060a16db),var(--ssp-background,linear-gradient(135deg,#0641c866,transparent 44%,#b4009e66));background-size:cover;background-position:center}
.sobix-streamplan::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(128deg,transparent 0 110px,#42f9f906 111px 112px,transparent 113px 190px);mask-image:linear-gradient(#000,transparent)}
.sobix-streamplan .ssp-shell{position:relative;max-width:1140px;margin:0 auto}.sobix-streamplan h1,.sobix-streamplan h2,.sobix-streamplan h3,.sobix-streamplan p{color:inherit;margin:0}.sobix-streamplan a{color:var(--ssp-cyan)}.sobix-streamplan button{font:inherit;cursor:pointer}.sobix-streamplan a:focus-visible,.sobix-streamplan button:focus-visible,.sobix-streamplan summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.sobix-streamplan .ssp-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.sobix-streamplan .ssp-brand{display:flex;align-items:center;gap:20px}.sobix-streamplan .ssp-logo{width:100px;height:100px;object-fit:contain}.sobix-streamplan .ssp-eyebrow{display:block;color:#99b7d6;font-size:11px;line-height:1.5;letter-spacing:.18em;font-weight:750}.sobix-streamplan h1{font-size:clamp(34px,5vw,62px);line-height:1.05;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.045em;text-shadow:2px 2px 0 #0641c8,4px 4px 0 #b4009e55}.sobix-streamplan .ssp-intro{margin-top:12px;color:#c5cedd}.sobix-streamplan .ssp-status{flex-shrink:0;border:1px solid #ffffff35;border-radius:4px;background:#0a1020;padding:10px 15px;color:#c9d4e5;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.06em}.sobix-streamplan .ssp-status.is-live{border-color:#42f9f9;color:#42f9f9;box-shadow:0 0 20px #42f9f922}
.sobix-streamplan .ssp-countdown{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border:1px solid #42f9f94d;border-left:4px solid #42f9f9;background:linear-gradient(110deg,#0e1e33,#101126 70%,#39123899);box-shadow:0 12px 50px #0003;margin-bottom:34px}.sobix-streamplan .ssp-countdown h2{font-size:clamp(19px,2.8vw,28px);line-height:1.3;font-weight:750;margin-top:5px}.sobix-streamplan .ssp-next-time{font-size:13px;color:#b6c6d9;margin-top:6px}.sobix-streamplan .ssp-clock{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(18px,3vw,36px);font-weight:850;letter-spacing:-.025em;color:#42f9f9;line-height:1.2}.sobix-streamplan .ssp-weekbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.sobix-streamplan .ssp-week-label{font-size:clamp(17px,2.3vw,24px);font-weight:750}.sobix-streamplan .ssp-weeknav{display:flex;gap:7px}.sobix-streamplan .ssp-weeknav button{background:#11182a;border:1px solid #ffffff30;color:#f3f3fa;border-radius:4px;padding:7px 12px;line-height:1.4}.sobix-streamplan .ssp-weeknav button:hover:not(:disabled){border-color:#42f9f9}.sobix-streamplan .ssp-weeknav button:disabled{opacity:.3;cursor:default}.sobix-streamplan .ssp-notice{padding:12px 16px;border:1px solid #f5c16d55;background:#35281188;color:#ffe0a1;font-size:13px;margin-bottom:18px}.sobix-streamplan [hidden]{display:none!important}
.sobix-streamplan .ssp-days{display:grid;gap:13px;min-height:500px}.sobix-streamplan .ssp-day{position:relative;min-width:0}.sobix-streamplan .ssp-row{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;min-height:84px;padding:10px 30px 10px 14px;cursor:pointer;list-style:none;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,17px 100%,0 50%);background:linear-gradient(100deg,#42f9f9,#0641c8 52%,#b4009e);transition:filter .2s}.sobix-streamplan .ssp-row::-webkit-details-marker{display:none}.sobix-streamplan .ssp-row::before{position:absolute;content:"";inset:1px;z-index:-1;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,17px 100%,0 50%);background:linear-gradient(90deg,#091525f5 0%,#091525b0 50%,#0b1025f5 100%),var(--ssp-day-image,linear-gradient(120deg,#124778,#241b54 65%,#5c1252));background-size:cover;background-position:center}.sobix-streamplan .ssp-row:hover{filter:brightness(1.15)}.sobix-streamplan .ssp-day.is-today .ssp-row{background:linear-gradient(100deg,#afffff,#42f9f9 45%,#e65ed7)}.sobix-streamplan .ssp-day-label{width:75px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #42f9f960;color:#42f9f9}.sobix-streamplan .ssp-day-label strong{font-size:21px;font-style:italic;font-weight:900}.sobix-streamplan .ssp-day-label small{font-size:11px;letter-spacing:.03em;color:#a6b6ce}.sobix-streamplan .ssp-row-copy{flex:1;min-width:0;padding:4px 0}.sobix-streamplan .ssp-row-title{display:block;font-size:clamp(17px,2.2vw,23px);font-weight:800;font-style:italic;line-height:1.25;overflow-wrap:anywhere}.sobix-streamplan .ssp-row-subtitle{display:block;color:#a6b6ce;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.sobix-streamplan .ssp-time{flex-shrink:0;min-width:125px;text-align:center;font-weight:850;font-size:15px;padding:9px 12px;border:1px solid #b4009eaa;background:#101323d9;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.sobix-streamplan .ssp-chevron{font-size:22px;color:#42f9f9}.sobix-streamplan .ssp-day[open] .ssp-chevron{transform:rotate(180deg)}.sobix-streamplan .ssp-day.is-rest .ssp-row{background:linear-gradient(100deg,#3b6076,#25304c 50%,#603156)}.sobix-streamplan .ssp-day.is-rest .ssp-row-title{color:#8a9ab0}.sobix-streamplan .ssp-day.is-rest .ssp-time{border-color:#ffffff20;color:#7d8ca2}.sobix-streamplan .ssp-day-body{margin:0 17px;padding:20px 26px;background:#0c1221;border:1px solid #ffffff20;border-top:0}.sobix-streamplan .ssp-day-body h3{font-size:17px;margin-bottom:12px}.sobix-streamplan .ssp-day-body p{font-size:14px;color:#bac6d8}.sobix-streamplan .ssp-event+.ssp-event{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff20}.sobix-streamplan .ssp-event strong{display:block}.sobix-streamplan .ssp-event a{display:inline-block;font-size:13px;margin-top:7px}.sobix-streamplan .ssp-event-state{display:block;font-size:12px;color:#f5c16d;margin-top:5px}
.sobix-streamplan .ssp-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding-bottom:14px;font-size:12px;color:#94a8c3}.sobix-streamplan .ssp-avatar{display:block;max-width:240px;max-height:220px;object-fit:contain;margin:10px 0 0 auto;filter:drop-shadow(0 10px 20px #0008)}
@media(max-width:700px){.sobix-streamplan{padding:28px 14px 36px}.sobix-streamplan .ssp-header{align-items:flex-start;gap:12px}.sobix-streamplan .ssp-logo{width:62px;height:62px}.sobix-streamplan .ssp-brand{gap:10px}.sobix-streamplan .ssp-status{font-size:9px;padding:8px}.sobix-streamplan .ssp-intro{font-size:13px}.sobix-streamplan .ssp-countdown{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.sobix-streamplan .ssp-clock{font-size:30px}.sobix-streamplan .ssp-weekbar{flex-wrap:wrap}.sobix-streamplan .ssp-weeknav{margin-left:auto}.sobix-streamplan .ssp-weeknav button{font-size:12px}.sobix-streamplan .ssp-row{gap:9px;padding-left:10px;padding-right:20px;min-height:82px}.sobix-streamplan .ssp-day-label{width:48px}.sobix-streamplan .ssp-day-label strong{font-size:18px}.sobix-streamplan .ssp-row-title{font-size:16px}.sobix-streamplan .ssp-row-subtitle{font-size:10px}.sobix-streamplan .ssp-time{min-width:86px;font-size:11px;padding:8px 6px}.sobix-streamplan .ssp-chevron{font-size:16px}.sobix-streamplan .ssp-footer{flex-direction:column;gap:8px}.sobix-streamplan .ssp-eyebrow{font-size:9px}.sobix-streamplan .ssp-day-body{padding:16px}.sobix-streamplan .ssp-avatar{max-width:180px}}
@media(prefers-reduced-motion:reduce){.sobix-streamplan .ssp-row{transition:none}}
/* Heute klar hervorheben, vergangene Tage der aktuellen Woche dämpfen. */
.sobix-streamplan .ssp-day.is-today{filter:drop-shadow(0 0 10px #42f9f955)}
.sobix-streamplan .ssp-day.is-today .ssp-row{background:linear-gradient(100deg,#baffff,#42f9f9 55%,#0bcbdc)}
.sobix-streamplan .ssp-day.is-today .ssp-row::before{inset:2px;background:linear-gradient(90deg,#063a45ed,#0a283bd9 60%,#073744ed),var(--ssp-day-image,linear-gradient(120deg,#124778,#241b54));background-size:cover;background-position:center}
.sobix-streamplan .ssp-day.is-today .ssp-day-label{color:#9fffff;border-color:#42f9f9}
.sobix-streamplan .ssp-day.is-today .ssp-row-title{color:#efffff}
.sobix-streamplan .ssp-day.is-today .ssp-row-subtitle{color:#8fffff;font-weight:750}
.sobix-streamplan .ssp-day.is-today .ssp-time{color:#baffff;border-color:#42f9f9;background:#07515a}
.sobix-streamplan .ssp-day.is-past .ssp-row{filter:grayscale(1);opacity:.52}
.sobix-streamplan .ssp-day.is-past .ssp-row:hover,.sobix-streamplan .ssp-day.is-past .ssp-row:focus-visible,.sobix-streamplan .ssp-day.is-past[open] .ssp-row{opacity:.8}
.sobix-streamplan .ssp-day.is-past .ssp-day-body{border-color:#ffffff18;background:#10131d}
/* Der Live-Zustand stammt ausschließlich von Twitch, nie vom Plan. */
.sobix-streamplan .ssp-status.is-live{color:#fff;background:#a90924;border-color:#ff4563;box-shadow:0 0 24px #ff173a44}
.sobix-streamplan .ssp-day.is-live .ssp-row{background:linear-gradient(100deg,#ff234e,#ff6e82 50%,#ed1738);filter:drop-shadow(0 0 8px #ff174a44)}
.sobix-streamplan .ssp-day.is-live .ssp-row::before{background:linear-gradient(90deg,#2b0819f5,#170b1be0 60%,#530b20f5),var(--ssp-day-image,linear-gradient(#1b1027,#250b20));background-size:cover;background-position:center}
.sobix-streamplan .ssp-day.is-live .ssp-day-label{color:#ff7e97;border-color:#ff456355}
.sobix-streamplan .ssp-day.is-live .ssp-time{background:#d80b30;border-color:#ff7590;color:#fff;font-size:clamp(13px,1.8vw,20px);font-weight:950;letter-spacing:.035em;box-shadow:0 0 24px #ff173a66;animation:ssp-live-pulse 2s ease-in-out infinite}
.sobix-streamplan .ssp-watch-live{display:inline-block;padding:9px 14px;margin-bottom:15px;background:#d80b30;color:#fff;font-size:14px;font-weight:850;text-decoration:none}
@keyframes ssp-live-pulse{50%{background:#ff1749}}
@media(max-width:700px){.sobix-streamplan .ssp-day.is-live .ssp-time{min-width:102px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.sobix-streamplan .ssp-day.is-live .ssp-time{animation:none}}

/* Volle Hintergrundbreite trotz begrenztem WordPress-Inhaltsbereich. */
body.sobix-streamplan-page{background:#050713;color:#f3f3fa}
body.sobix-streamplan-page .wp-site-blocks{background:#050713}
body.sobix-streamplan-page .wp-block-post-title{display:none!important}
body.sobix-streamplan-page main{margin-block-start:0!important;padding-block-start:0!important;padding-block-end:0!important}
body.sobix-streamplan-page .wp-block-post-content{margin-block-start:0!important}
body.sobix-streamplan-page .sobix-streamplan{width:var(--ssp-viewport,100vw)!important;max-width:none!important;margin-inline:calc((100% - var(--ssp-viewport,100vw))/2)!important;margin-block:0!important;min-height:calc(100vh - 80px)}
.sobix-streamplan::before{background-image:linear-gradient(90deg,#03040c80,#03040cb8 23%,#03040cb8 77%,#03040c80),var(--ssp-background,linear-gradient(135deg,#0641c866,transparent 44%,#b4009e66));background-position:center top,center top;background-size:100% 100%,1000px auto;background-repeat:no-repeat,repeat}
.sobix-streamplan::after{background:none;mask-image:none}