.onair-details{max-width:650px!important;width:min(650px,80%)}
.onair-details h1{font-size:clamp(32px,4vw,66px)!important;line-height:1.1;margin:15px 0}
.onair-times{font-size:16px;color:#e6efef;margin:10px 0 20px}
.onair-moderator{display:flex;align-items:center;gap:18px;margin:20px 0}
.onair-moderator>img{width:90px;height:90px;object-fit:cover;border-radius:16px;border:2px solid #ffffff55}
.onair-moderator>div{display:grid;gap:7px;flex:1}
.onair-moderator strong{font-size:25px}
.onair-moderator span{font-size:13px;color:#d7e2e2}
.radio-site .auto-dj-live{min-height:440px!important;background:linear-gradient(120deg,#0d1724,#163c45)!important}
.radio-site .auto-dj-live .live-cover{display:none!important}
.radio-site .auto-dj-live>div:first-child{width:min(680px,90%);background:none;border:0;backdrop-filter:none}
.auto-dj-live .onair-moderator>img{width:115px;height:115px}
.next-show-announcement{padding:32px clamp(24px,5vw,100px);background:linear-gradient(100deg,#152334,#11151e);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.next-show-announcement>.eyebrow{color:var(--accent);margin-bottom:18px}
.next-show-announcement>div{display:flex;align-items:center;gap:22px}
.next-show-announcement img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid var(--accent)}
.next-show-announcement h2{font-size:clamp(25px,2.6vw,39px);margin:0 0 9px}
.next-show-announcement p{font-size:16px;margin:0;color:#d8e4e5}
.next-show-announcement small{display:block;margin-top:9px;color:#acbcbe}
.weekly-schedule{padding:45px 24px;width:100%;max-width:1700px;margin:auto}
.week-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}
.week-heading h2{font-size:27px;margin:8px 0}.week-heading small{color:#aebfbe}
.week-buttons{display:flex;gap:9px}.week-buttons button{border:1px solid #ffffff30;border-radius:9px;padding:10px 14px;background:#ffffff08;color:inherit}
.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:start}
.week-day{background:#ffffff04;border:1px solid #ffffff18;border-radius:13px;overflow:hidden;min-width:0}
.week-day>h3{font-size:14px;padding:17px 12px;margin:0;background:#ffffff08;line-height:1.5}
.week-day.today>h3{background:var(--accent);color:#102018}
.week-slot{margin:10px;padding:13px 10px;border:1px solid #ffffff20;border-radius:9px;display:flex;flex-direction:column;gap:8px;background:#121b24;color:#edf5f5;overflow-wrap:anywhere}
.week-slot .slot-time{font-size:11px;font-weight:700;white-space:normal}
.week-slot .slot-profile{width:64px;height:64px;border-radius:12px;object-fit:cover}
.week-slot strong{font-size:15px;line-height:1.3}.week-slot>span{font-size:12px;color:#b9d4da}.week-slot>small{font-size:10px;color:#b6c2c5;line-height:1.5}
.week-slot.auto-slot{background:#ffffff04;border-color:#ffffff0b;gap:6px}.auto-slot .slot-profile{width:35px;height:35px;border-radius:7px}.auto-slot strong{font-size:12px}.auto-slot>span{font-size:10px}
.week-slot.onair{border:2px solid var(--accent);box-shadow:0 0 20px #8de8f215}
.week-slot.onair:before{content:'JETZT AUF SENDUNG';font-size:9px;letter-spacing:.08em;color:var(--accent);font-weight:700}
.week-slot button{font-size:10px;line-height:1.4;padding:8px;border:1px solid #ffffff30;border-radius:6px;background:#ffffff0a;color:inherit}
.schedule-profile-hint{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #ffffff20;border-radius:12px;margin:0 0 22px}.schedule-profile-hint>div{display:grid;gap:6px;flex:1}.schedule-profile-hint small{font-size:12px;color:#aebfbe}
.preview-radio .onair-details h1{font-size:36px!important}.preview-radio .onair-details .onair-moderator strong{font-size:20px}.preview-radio .onair-moderator>img{width:65px;height:65px}.preview-radio .weekly-schedule{padding:30px 10px}.preview-radio .week-days{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.week-days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.week-days,.preview-radio .week-days{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-schedule{padding:25px 12px}.week-heading{align-items:flex-start;flex-direction:column}.onair-moderator>img{width:65px;height:65px}.onair-details{width:100%!important}.next-show-announcement img{width:55px;height:55px}.next-show-announcement p{font-size:13px}.onair-times{font-size:13px}.schedule-profile-hint{flex-wrap:wrap}.week-slot{margin:7px}}
@media(max-width:400px){.week-days{grid-template-columns:1fr}}

.radio-site:not(.preview-radio) .weekly-schedule>.week-heading{padding-left:280px;min-height:110px}.auto-slot{display:grid;grid-template-columns:35px minmax(0,1fr);gap:4px 8px;align-items:center}.auto-slot .slot-time,.auto-slot>button,.auto-slot>span{grid-column:1/-1}.auto-slot .slot-profile{grid-row:auto}.auto-slot.onair:before{grid-column:1/-1}.auto-slot>span{display:none}.auto-slot>strong{font-size:12px}
@media(max-width:700px){.radio-site:not(.preview-radio) .weekly-schedule>.week-heading{padding-left:145px;min-height:120px}}

/* One viewport composition: entire artwork, left overlay and next announcement. */
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text){position:relative;display:block;width:100%;height:var(--live-viewport-height,calc(100svh - 300px));min-height:0;aspect-ratio:auto;padding:0;background:#0c101b;overflow:hidden}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;opacity:1}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover>img{width:100%;height:100%;object-fit:cover!important;object-position:center!important}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover:after{display:none}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text)>.onair-details{position:absolute;left:2.5%;right:auto;top:auto;bottom:20px;width:30%!important;max-width:420px!important;max-height:calc(100% - 24px);overflow:auto;margin:0;padding:20px;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(125deg,#0c1223e8,#10182bbf);z-index:6!important;backdrop-filter:blur(5px)}
.radio-site:not(.preview-radio) .radio-live .onair-details h1{font-size:clamp(23px,2.1vw,37px)!important;margin:9px 0;line-height:1.1}
.onair-details .onair-moderator{gap:12px;margin:14px 0}.onair-details .onair-moderator>img{width:62px;height:62px}.onair-details .onair-moderator strong{font-size:21px}.onair-details .onair-times{font-size:13px;line-height:1.5;margin:10px 0}.onair-details .description{font-size:12px;line-height:1.5;margin-bottom:0}
.radio-live>.decorative-equalizer{z-index:3!important;pointer-events:none;right:3%!important;left:auto!important;bottom:22px!important;height:170px!important;opacity:.32!important}
.next-show-announcement{padding-top:20px;padding-bottom:20px}.next-show-announcement>.eyebrow{margin-bottom:10px}.next-show-announcement h2{font-size:clamp(23px,2.2vw,33px)}.next-show-announcement img{width:56px;height:56px}.next-show-announcement p{font-size:14px}
@media(max-height:700px) and (min-width:801px){.onair-details .description{display:none}.radio-site:not(.preview-radio) .radio-live:not(.free-live-text)>.onair-details{padding:14px;bottom:12px}.onair-details .onair-moderator{margin:10px 0}.onair-details .onair-moderator>img{width:48px;height:48px}.onair-details .onair-moderator strong{font-size:18px}.onair-details .onair-times{font-size:12px}.next-show-announcement{padding-top:12px;padding-bottom:12px}}
@media(max-width:800px){.radio-site:not(.preview-radio) .radio-live:not(.free-live-text)>.onair-details{left:5%;bottom:12px;width:90%!important;max-width:none!important;padding:14px}.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover>img{object-position:center top!important}.onair-details .description{display:none}.radio-live>.decorative-equalizer{display:none}.onair-details .onair-moderator{margin:10px 0}.next-show-announcement{padding:12px 18px}.next-show-announcement h2{font-size:23px}.next-show-announcement p{font-size:12px}}



.onair-details .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.radio-site:not(.preview-radio) .radio-live:not(.free-live-text)>.onair-details{overflow:hidden}


.radio-site:not(.preview-radio) .radio-live.auto-dj-live{height:var(--live-viewport-height,calc(100svh - 300px));min-height:0!important;padding:20px 3%;align-items:center}.auto-dj-live .onair-moderator>img{width:80px;height:80px}.radio-site:not(.preview-radio) .auto-dj-live>.onair-details{padding:0;max-width:650px!important}.auto-dj-live .onair-details h1{font-size:36px!important}

.next-moderator{margin:0;display:grid;justify-items:center;gap:6px;flex:0 0 70px}.next-moderator figcaption{font-size:14px;font-weight:700;line-height:1.2;color:#f4f7fa}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover{background:#100b20!important}
/* Only the content below the persistent navigation participates in page slides. */
.radio-site:not(.preview-radio){view-transition-name:none}
.radio-site:not(.preview-radio) .radio-page-content{view-transition-name:radio-page}
.radio-site:not(.preview-radio) .radio-header{view-transition-name:fixed-radio-header}
::view-transition-group(fixed-radio-header){animation:none;z-index:30}
::view-transition-old(fixed-radio-header){display:none}
::view-transition-new(fixed-radio-header){animation:none;mix-blend-mode:normal}
/* Keep every schedule row outside the fixed mirror ball's horizontal footprint. */
.radio-site[data-disco-enabled="true"]:not(.preview-radio) .weekly-schedule{padding-left:max(24px,calc(334px - max(0px,calc(50vw - 850px))))}
.radio-site[data-disco-enabled="true"]:not(.preview-radio) .weekly-schedule>.week-heading{padding-left:0}
@media(max-width:700px){.radio-site[data-disco-enabled="true"]:not(.preview-radio) .weekly-schedule{padding-left:174px}.radio-site[data-disco-enabled="true"]:not(.preview-radio) .weekly-schedule>.week-heading{padding-left:0}}
@media(max-width:600px){.radio-site[data-disco-enabled="true"]:not(.preview-radio) .weekly-schedule .week-days{grid-template-columns:minmax(0,1fr)}}
.day-schedule{padding-top:32px;padding-bottom:64px}
.schedule-day-tabs{position:sticky;top:var(--schedule-header-height,0px);z-index:12;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding:14px 0 18px;background:var(--radio-bg,#10131e);border-bottom:1px solid #ffffff20}
.schedule-day-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:12px 8px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff05;color:#d9e3ec;font-size:17px;font-weight:700;cursor:pointer}
.schedule-day-tabs button small{font-size:11px;font-weight:500;opacity:.8}.schedule-day-tabs button[aria-selected=true]{background:var(--accent,#8de8f2);color:#07171d;border-color:transparent;box-shadow:0 5px 20px #0003}.schedule-day-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.schedule-timeline{display:grid;grid-template-columns:96px minmax(0,1fr);position:relative;gap:16px;padding-top:32px}
.schedule-axis-column{position:relative;min-width:0}.schedule-axis-title{position:absolute;top:-24px;left:0;font-size:11px;color:#9aadb9;text-transform:uppercase;letter-spacing:.1em}
.schedule-time-axis{position:relative;border-right:1px solid #ffffff25}.schedule-time-axis[hidden]{display:none}.schedule-time-axis>span{position:absolute;right:18px;transform:translateY(-50%);font-size:16px;font-weight:650;color:#aebdca;font-variant-numeric:tabular-nums}
.schedule-day-viewport{overflow:hidden;min-width:0;position:relative;background:repeating-linear-gradient(to bottom,#ffffff10 0,#ffffff10 1px,transparent 1px,transparent 84px)}
.schedule-day-track{display:flex;width:100%;align-items:flex-start;transition:transform 1.6s cubic-bezier(.45,0,.2,1);will-change:transform}
.schedule-day-panel{position:relative;flex:0 0 100%;min-width:0}
.day-show{position:absolute;left:0;right:0;display:flex;align-items:center;gap:26px;padding:20px 28px;border:1px solid #ffffff28;border-left:4px solid var(--accent);border-radius:16px;background:linear-gradient(110deg,#1b2738,#151b29);box-sizing:border-box;overflow:hidden;box-shadow:inset 0 -8px 0 var(--radio-bg,#10131e)}
.day-profile{flex:0 0 118px;width:118px;height:118px;object-fit:cover;border-radius:15px;border:2px solid #ffffff35}
.day-show-copy{min-width:0;flex:1}.day-show-time{display:block;font-size:14px;font-weight:600;color:#abc6d5;margin-bottom:8px;font-variant-numeric:tabular-nums}.day-show h3{font-size:clamp(24px,2.2vw,34px);line-height:1.12;margin:0 0 9px;color:#f5f7fa}.day-moderator{font-size:20px;color:var(--accent);display:block}.day-show-copy p{font-size:14px;color:#becad4;margin:8px 0 0}.day-show-copy small{font-size:11px;color:#aebecb;display:block;margin-top:5px}
.day-auto{border-left-color:#667989;background:linear-gradient(110deg,#111a25dd,#11182499);box-shadow:inset 0 -8px 0 var(--radio-bg,#10131e)}.day-auto .day-profile{width:76px;height:76px;flex-basis:76px}.day-auto h3{font-size:25px;color:#c0ced8}.day-auto .day-moderator{font-size:15px;font-weight:400;color:#8c9fae}
.day-show.onair{border-color:var(--accent);background:linear-gradient(110deg,#244353,#162735)}.day-live-label{position:absolute;top:12px;right:18px;font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:.08em;color:var(--accent)}.day-live-label[hidden]{display:none}
.day-edit{align-self:flex-end;flex:none}.day-short{padding:9px 20px;gap:16px}.day-short .day-profile{width:56px;height:56px;flex-basis:56px}.day-short h3{font-size:21px;margin-bottom:4px}.day-short .day-show-time{font-size:11px;margin-bottom:4px}.day-short .day-moderator{font-size:14px}.day-short .day-show-copy p{display:none}
.schedule-now-line{position:absolute;left:0;right:0;height:2px;background:#ff668b;z-index:3;pointer-events:none}.schedule-now-line[hidden]{display:none}.schedule-now-line>span{position:absolute;right:10px;bottom:3px;padding:3px 8px;background:#ff668b;color:#19060d;border-radius:5px;font-size:10px;font-weight:750}
.preview-radio .schedule-day-tabs{position:relative;top:0}.preview-radio .schedule-day-tabs button{font-size:11px;min-height:44px;padding:7px 2px}.preview-radio .day-profile{width:92px;height:92px;flex-basis:92px}.preview-radio .day-show h3{font-size:24px}
@media(max-width:1000px){.schedule-day-tabs{gap:5px}.schedule-day-tabs button{font-size:13px;padding:10px 3px}.day-profile{width:100px;height:100px;flex-basis:100px}.day-show{padding:18px;gap:18px}.day-show h3{font-size:26px}.day-moderator{font-size:18px}.schedule-timeline{grid-template-columns:74px minmax(0,1fr);gap:10px}}
@media(max-width:700px){.schedule-day-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-day-tabs button{font-size:12px;min-height:45px}.day-schedule{padding-right:12px}.schedule-timeline{grid-template-columns:56px minmax(0,1fr);gap:8px}.schedule-time-axis>span{right:8px;font-size:12px}.day-show{padding:12px;gap:12px}.day-profile{width:70px;height:86px;flex-basis:70px}.day-show h3{font-size:21px}.day-moderator{font-size:16px}.day-show-copy p{font-size:12px}.day-show-time{font-size:11px}.day-auto .day-profile{width:45px;height:45px;flex-basis:45px}.day-auto h3{font-size:20px}.day-live-label{font-size:8px;right:10px;top:8px}.day-edit{font-size:10px;padding:8px}}
@media(max-width:600px){.radio-site[data-disco-enabled="true"]:not(.preview-radio) .day-schedule{padding-left:20px}.radio-site[data-disco-enabled="true"]:not(.preview-radio) .day-schedule .schedule-day-tabs{margin-left:145px;grid-template-columns:repeat(2,minmax(0,1fr))}.radio-site[data-disco-enabled="true"]:not(.preview-radio) .day-schedule .schedule-timeline{margin-top:84px}}
@media(prefers-reduced-motion:reduce){.schedule-day-track{transition:none}}
.schedule-day-viewport{background:none}
.day-show.day-auto{padding:18px 28px}
.day-auto.day-short .day-profile{width:72px;height:72px;flex-basis:72px}.day-auto.day-short h3{font-size:25px}.day-auto.day-short .day-show-time{font-size:14px;margin-bottom:8px}.day-auto.day-short .day-moderator{font-size:15px}
.radio-site:not(.preview-radio) .team-signin-panel{padding:44px 5% 60px;gap:40px;min-height:calc(100svh - 150px)}
.radio-site[data-disco-enabled="true"]:not(.preview-radio) .team-signin-panel{padding-left:334px}
.multi-page-nav .nav-pill.active{color:var(--accent);background:#ffffff12}
@media(max-width:1100px){.radio-site:not(.preview-radio) .team-signin-panel{grid-template-columns:1fr;padding-right:24px}.team-signin-panel>div:first-child>img{max-height:220px;object-fit:cover}}
@media(max-width:700px){.radio-site:not(.preview-radio) .team-signin-panel,.radio-site[data-disco-enabled="true"]:not(.preview-radio) .team-signin-panel{padding:95px 20px 40px;gap:24px}}

/* New 1920 by 650 show panoramas, including Auto DJ. */
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text){position:relative;display:block;width:100%;height:min(33.854167vw,var(--live-viewport-height,650px));min-height:0!important;padding:0;overflow:hidden;background:#0c101b!important}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover{display:block!important;position:absolute;inset:0;width:100%;height:100%;max-width:none!important;padding:0!important;aspect-ratio:auto;border-radius:0;opacity:1;background:transparent!important}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover>img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover:after{display:none}
.radio-site:not(.preview-radio) .radio-live:not(.free-live-text)>.onair-details{position:absolute;left:2.5%;right:auto;top:auto;bottom:20px;width:30%!important;max-width:420px!important;max-height:calc(100% - 24px);margin:0;padding:20px;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(125deg,#0c1223e8,#10182bbf);z-index:6!important;backdrop-filter:blur(5px);overflow:hidden}
.radio-site:not(.preview-radio) .auto-dj-live .onair-details h1{font-size:clamp(23px,2.1vw,37px)!important;margin:9px 0}
.radio-site:not(.preview-radio) .auto-dj-live .onair-moderator>img{width:62px;height:62px}
@media(max-width:800px){.radio-site:not(.preview-radio) .radio-live:not(.free-live-text){height:auto;min-height:0;overflow:visible;padding-top:33.854167vw}.radio-site:not(.preview-radio) .radio-live:not(.free-live-text) .live-cover{height:33.854167vw}.radio-site:not(.preview-radio) .radio-live:not(.free-live-text)>.onair-details{position:relative;left:auto;bottom:auto;width:100%!important;max-width:none!important;max-height:none;margin:0;border-radius:0;padding:16px}.radio-site:not(.preview-radio) .radio-live>.decorative-equalizer{display:none}}

.day-show .day-delete { position:absolute; top:14px; right:20px; background:#9c2638; border-color:#cb5462; color:#fff; }
.day-show .day-delete:hover { background:#b83448; }
.day-delete + .day-live-label { top:55px; }
@media (max-width: 700px) {
  .day-show .day-delete { top:8px; right:10px; font-size:10px; padding:6px 8px; }
  .day-delete + .day-live-label { top:38px; }
}

.day-show-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:45%}
@media(max-width:700px){.day-show-actions{padding:0}.day-show-actions .btn{font-size:10px;padding:6px 8px}}

.image-form-choice.with-beat-buddies { flex-wrap: wrap; gap: 10px; }
.beat-buddy-modes { display: flex; flex-wrap: wrap; gap: 8px clamp(20px, 7vw, 52px); }
.beat-buddy-modes button[aria-pressed="true"] { border-color: currentColor; font-weight: 800; }
.beat-buddy-mode-hidden { display: none !important; }
.with-beat-buddies > img { width: clamp(90px, 24%, 135px); }
.beat-buddy-control { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; }
.beat-buddy-thumb { display: grid; place-items: center; width: 68px; height: 64px; }
.beat-buddy-thumb img, .beat-buddy-thumb canvas { display: block; width: 100%; height: 100%; object-fit: contain; }
.beat-buddy-dialog { max-width: 590px; }
.beat-buddy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 12px; margin-bottom: 18px; }
.beat-buddy-grid > div { display: grid; justify-items: center; gap: 9px; text-align: center; padding: 10px; border: 1px solid #ffffff28; border-radius: 10px; }
.beat-buddy-grid img, .beat-buddy-grid canvas { width: 100%; height: 85px; object-fit: contain; }