*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03050a;color:#f4f7ff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}button{font:inherit}.site-header{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 4%;gap:28px;background:rgba(2,4,8,.9);backdrop-filter:blur(16px);border-bottom:1px solid #182236}.brand{width:300px;display:block}.brand img{width:100%;height:64px;object-fit:contain;object-position:left center;mix-blend-mode:screen}.nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700;text-transform:uppercase}.nav a{padding:31px 0;color:#c5ccda}.nav a:hover,.nav a.active{color:#29b8ff;border-bottom:2px solid #18aaff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.social{width:38px;height:38px;border:1px solid #283347;border-radius:50%;display:grid;place-items:center;color:#65caff}.listen-btn,.primary-btn{border:0;color:#fff;font-weight:800;cursor:pointer;background:linear-gradient(100deg,#168cff,#b61cff);box-shadow:0 0 30px rgba(38,113,255,.25)}.listen-btn{padding:13px 20px;border-radius:12px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:28px}.hero{min-height:430px;padding:65px 6% 35px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 55%,rgba(20,75,160,.22),transparent 38%),linear-gradient(180deg,#050914,#03050a)}.hero:after{content:"";position:absolute;inset:auto -10% 0;height:180px;background:linear-gradient(180deg,transparent,#03050a);pointer-events:none}.hero-copy{position:relative;z-index:2}.live-badge{font-weight:800;color:#ff3448;font-size:13px;margin-bottom:20px}.live-badge span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3448;box-shadow:0 0 12px #ff3448;margin-right:7px}.hero h1{font-size:54px;line-height:.98;margin:0 0 20px;letter-spacing:-2px}.hero h1 strong{color:#159cff}.hero p{color:#bfc7d6;font-size:17px}.hero-actions{display:flex;gap:14px;margin-top:28px}.primary-btn,.secondary-btn{padding:14px 23px;border-radius:10px}.secondary-btn{border:1px solid #778091;background:#070a10}.hero-logo{position:absolute;right:5%;width:54%;max-width:730px;z-index:1}.hero-logo img{width:100%;height:auto;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 30px rgba(0,149,255,.18))}.glass,.panel{background:linear-gradient(145deg,rgba(13,20,34,.94),rgba(5,10,18,.94));border:1px solid #1b2b43;box-shadow:0 18px 60px rgba(0,0,0,.25)}.player{position:relative;z-index:4;margin:-5px 5% 22px;padding:17px 25px;border-radius:13px;display:grid;grid-template-columns:135px 1fr 240px 260px;gap:22px;align-items:center}.track-cover{width:135px;height:120px;border-radius:9px;display:grid;place-items:center;font-size:48px;background:radial-gradient(circle at 35% 30%,#ff2e9b,#1317a8 55%,#071c3a);border:1px solid #2d83ff}.track-info>span{font-size:13px;color:#18b5ff;font-weight:800}.track-info h2{margin:3px 0 0;font-size:21px}.track-info p{margin:0;color:#d1d7e2}.progress{height:5px;background:#273247;border-radius:10px;margin:11px 0 5px;overflow:hidden}.progress i{display:block;height:100%;width:35%;background:#25b7ff}.track-info small{color:#8d98aa}.track-info small b{color:#ff3448}.player-controls{display:flex;justify-content:center;align-items:center;gap:25px}.player-controls button{border:0;background:none;color:#fff;cursor:pointer;font-size:22px}.player-controls .play{width:76px;height:76px;border-radius:50%;border:2px solid #1da8ff;box-shadow:0 0 28px rgba(20,155,255,.3);font-size:25px}.station-info{border-left:1px solid #26354a;padding-left:24px;font-size:13px}.station-info strong{color:#18b5ff}.station-info p{margin:7px 0;color:#bdc5d2}.grid-3{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;margin:0 5% 22px}.panel{border-radius:12px;padding:17px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h3{font-size:13px;margin:0}.section-head a{font-size:12px;color:#19b8ff}.schedule>div{display:grid;grid-template-columns:64px 1fr auto;align-items:center;padding:12px 5px;border-bottom:1px solid #172235}.schedule time{font-size:16px;font-weight:800}.schedule span{font-size:13px;font-weight:700}.schedule small{display:block;color:#8f9bad;margin-top:2px}.schedule em{font-size:9px;background:#087bb2;color:#fff;border-radius:5px;padding:4px 7px;font-style:normal}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.team article{text-align:center;background:#0a111d;border:1px solid #17263c;border-radius:10px;padding:10px}.avatar{width:85px;height:85px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;background:radial-gradient(circle at 30% 25%,#cfe8ff,#1677d8 50%,#091426);border:2px solid #1b9cff}.avatar.purple{border-color:#8c4cff;background:radial-gradient(circle at 30% 25%,#f0dfff,#7c2aff 52%,#14092c)}.avatar.pink{border-color:#ff42b4;background:radial-gradient(circle at 30% 25%,#ffe3f6,#ff2e9a 52%,#30071f)}.team h4{margin:8px 0 4px}.team small{font-size:8px;color:#20aaff;border:1px solid #176c9f;padding:3px 5px;border-radius:4px}.news article{display:grid;grid-template-columns:66px 1fr 15px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #172235}.news-img{width:66px;height:50px;border-radius:6px;background:linear-gradient(135deg,#1d0e55,#f228ae,#0caeff)}.n2{background:linear-gradient(135deg,#001e4d,#058cff,#17004c)}.n3{background:linear-gradient(135deg,#9ca9b8,#111927,#dce8f3)}.news h4{font-size:12px;margin:0}.news small{color:#818da1;font-size:9px}.news article>b{color:#8390a2}.app-banner{margin:0 5% 25px;border:1px solid #29368a;border-radius:12px;padding:18px 30px;display:flex;align-items:center;gap:20px;background:radial-gradient(circle at 50% 0,rgba(61,45,255,.35),transparent 60%),#080d27}.headphone{font-size:45px}.app-banner h2{margin:0;font-size:24px}.app-banner p{margin:2px 0;color:#aeb8cb;font-size:12px}.store{margin-left:auto;border:1px solid #465172;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:800}.store+.store{margin-left:0}footer{padding:18px 7% 30px;border-top:1px solid #151f31;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;background:#020307}.footer-brand img{width:240px;height:70px;object-fit:contain;object-position:left;mix-blend-mode:screen}.footer-links{display:flex;gap:20px;font-size:11px;color:#a6afbf;justify-content:center}.footer-social{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:10px;color:#8d97a8}.footer-social a{width:31px;height:31px;border:1px solid #263247;border-radius:50%;display:grid;place-items:center;color:#5fc5ff}.copyright{grid-column:1/-1;text-align:center;margin:0;color:#697487;font-size:10px}.top{position:fixed;right:24px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:#168cff;color:#fff;cursor:pointer;font-size:20px;box-shadow:0 8px 25px rgba(0,130,255,.3)}@media(max-width:1100px){.nav{gap:14px}.brand{width:240px}.player{grid-template-columns:110px 1fr 180px}.station-info{display:none}.grid-3{grid-template-columns:1fr 1fr}.grid-3>.panel:last-child{grid-column:1/-1}}@media(max-width:800px){.site-header{height:70px}.brand{width:230px}.nav,.header-actions{display:none}.menu-toggle{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#050810;flex-direction:column;padding:20px;border-bottom:1px solid #1b2940}.nav.open a{padding:10px}.hero{min-height:570px;padding-top:45px}.hero-logo{position:absolute;right:0;top:35px;width:100%;opacity:.25}.hero-copy{margin-top:100px}.hero h1{font-size:42px}.player{grid-template-columns:85px 1fr;margin-left:3%;margin-right:3%;padding:13px}.track-cover{width:85px;height:85px}.player-controls{grid-column:1/-1}.grid-3{grid-template-columns:1fr;margin-left:3%;margin-right:3%}.grid-3>.panel:last-child{grid-column:auto}.app-banner{margin-left:3%;margin-right:3%;flex-wrap:wrap}.store{margin-left:0}.footer-brand,.footer-links,.footer-social{justify-content:center;text-align:center;display:flex}.footer-brand{grid-column:1/-1}.footer-links{flex-wrap:wrap}.footer-social{grid-column:1/-1}.hero-actions{flex-direction:column;align-items:flex-start}}
.schedule-item{display:grid!important;grid-template-columns:52px 62px 1fr auto!important;gap:10px;align-items:center}.show-image{width:52px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #23334a}.schedule-item span b{display:block}.schedule-item span small{display:block;color:#8995a7;margin-top:2px}

.schedule-item{transition:background .25s,border-color .25s,transform .25s}
.schedule-item.is-live{background:linear-gradient(90deg,rgba(17,132,208,.18),rgba(20,25,45,.2));border-radius:7px;border-left:3px solid #ff3448;padding-left:8px}
.schedule-item.is-live .onair{display:inline-block;animation:livePulse 1.4s infinite}
.schedule-item.is-next{border-left:3px solid #19a9ff;padding-left:8px}
.next-badge{font-size:8px;background:#12658e;padding:4px 6px;border-radius:4px;font-style:normal;white-space:nowrap}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.55}}

.track-info>span{letter-spacing:.3px}.track-info small b{font-weight:800}

.gallery-section{padding:55px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{margin:0}.section-head a{color:#7dc7ff;text-decoration:none}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-card{background:#0a111d;border:1px solid #1b2c43;border-radius:12px;overflow:hidden}.gallery-card a{display:block}.gallery-card img{width:100%;height:180px;display:block;object-fit:cover;background:#101b2b}.gallery-card div{padding:12px}.gallery-card b{display:block}.gallery-card small{display:block;color:#8995a8;margin-top:5px}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:220px}}

.contact-section{padding:50px 0}.contact-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.contact-form,.info-card{background:#0a111d;border:1px solid #1b2c43;border-radius:12px;padding:20px}.contact-form label{display:block;color:#aeb8c8;font-size:12px;margin-bottom:12px}.contact-form label>span{color:#6f7d91}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:6px;padding:11px;border-radius:8px;background:#050910;color:#fff;border:1px solid #293a54}.contact-form textarea{min-height:130px;resize:vertical}.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.honeypot{position:absolute!important;left:-9999px!important}.request-status{min-height:20px;color:#8bd7ff}.info-card{margin-bottom:14px}.info-card b{color:#fff}.info-card span{color:#8995a8}@media(max-width:750px){.contact-grid{grid-template-columns:1fr}.contact-form .two{grid-template-columns:1fr}}

.news-img img{width:100%;height:100%;object-fit:cover;display:block}.news article h4 a{color:inherit;text-decoration:none}.news-detail{max-width:900px;margin:60px auto;padding:0 20px}.news-article{padding:28px}.article-image{width:100%;max-height:460px;object-fit:cover;border-radius:10px;margin-bottom:20px}.article-date{color:#8995a8;font-size:13px;margin-bottom:8px}.article-text{font-size:17px;line-height:1.75;color:#d5dceb}.news-article a{color:#73c5ff;text-decoration:none}

/* Final UI polish */
html{scroll-behavior:smooth}body{overflow-x:hidden}
.nav-toggle{display:none;background:transparent;border:1px solid #293a54;color:#fff;border-radius:8px;padding:8px 11px;font-size:20px;cursor:pointer}
.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ff6b79;margin-bottom:6px}
.live-badge::first-letter{font-size:13px}
.section-head{position:relative}
.section-head:after{content:"";position:absolute;left:0;bottom:-7px;width:42px;height:2px;background:linear-gradient(90deg,#168cff,#b21dff);border-radius:4px}
.schedule-item.is-live{box-shadow:0 0 0 1px rgba(255,52,72,.18),0 10px 28px rgba(0,0,0,.18)}
.gallery-card,.news article,.contact-form,.info-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gallery-card:hover,.news article:hover,.info-card:hover{transform:translateY(-3px);border-color:#2b73ad;box-shadow:0 14px 35px rgba(0,0,0,.22)}
.primary-btn{border:0;border-radius:8px;padding:11px 16px;background:linear-gradient(100deg,#168cff,#b21dff);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:800px){
 .nav-toggle{display:block;margin-left:auto}
 .nav{display:none!important;position:absolute;top:70px;left:0;right:0;background:#070b13;border-bottom:1px solid #1b2c43;padding:12px;z-index:100}
 .nav.open{display:flex!important;flex-direction:column!important}
}

/* Unified homepage finishing layer */
.quick-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
.quick-actions a{font-size:11px;padding:7px 10px;border:1px solid #22344d;border-radius:7px;color:#aebbd0;text-decoration:none;transition:.2s}
.quick-actions a:hover{color:#fff;border-color:#2b73ad;background:#0b1625}
.radio-status-strip{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;min-height:38px;padding:0 16px;background:rgba(5,9,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid #17263a;font-size:11px}
.radio-status-strip>span{color:#ff5869;font-weight:900;letter-spacing:1px}
.radio-status-strip b{color:#eef4ff}
.radio-status-strip small{margin-left:auto;color:#8290a4}
@media(max-width:800px){.quick-actions{display:none}.radio-status-strip{gap:8px}.radio-status-strip small{display:none}}

/* =========================================================
   DEVICE-ADAPTIVE RESPONSIVE LAYER
   ========================================================= */
:root{
  --page-pad: clamp(14px, 3vw, 42px);
  --section-gap: clamp(34px, 6vw, 78px);
  --card-radius: clamp(9px, 1.2vw, 16px);
}
*,*::before,*::after{box-sizing:border-box}
html{width:100%;overflow-x:hidden}
body{width:100%;min-width:0;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;max-width:100%}
main,.container,.content,.wrapper{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--page-pad)}
section{scroll-margin-top:90px}

/* Fluid headings and spacing */
h1{font-size:clamp(28px,5vw,58px);line-height:1.05}
h2{font-size:clamp(21px,3vw,34px)}
h3{font-size:clamp(18px,2.3vw,25px)}
p{overflow-wrap:anywhere}

/* Header */
.site-header,.header{
  width:100%;
  min-height:68px;
  padding-inline:var(--page-pad);
}
.logo img,.site-header .logo img{
  width:min(230px,42vw);
  max-height:58px;
  object-fit:contain;
}

/* Hero / player should never overflow on narrow screens */
.hero,.hero-section,.player,.live-player{
  width:100%;
  min-width:0;
}
.hero > *, .player > *, .live-player > *{min-width:0}
.player,.live-player{border-radius:var(--card-radius)}
.track-info{min-width:0}
.track-info h1,.track-info h2,.track-info h3,
.track-info p,.track-title,.track-artist{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Fluid grids: automatically choose columns based on available width */
.schedule,
.team,
.news,
.gallery-grid,
.contact-grid{
  width:100%;
  min-width:0;
}
.gallery-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)) !important;
}
.team{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)) !important;
}
.contact-grid{
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr) !important;
}
.news article{min-width:0}
.news article > *{min-width:0}

/* Sendeplan: fluid columns and readable touch targets */
.schedule-item{
  grid-template-columns:minmax(42px,62px) minmax(0,1fr) auto !important;
  min-width:0;
}
.schedule-item .show-image{
  width:clamp(42px,7vw,62px);
  height:clamp(42px,7vw,62px);
}
.schedule-item span{min-width:0}
.schedule-item span b,.schedule-item span small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.schedule-item time{font-size:clamp(11px,1.4vw,14px)}

/* Forms */
.contact-form,.info-card,.gallery-card,.news article{
  min-width:0;
}
.contact-form input,.contact-form textarea,.contact-form select{
  min-height:44px;
}
.contact-form .two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* Tablet */
@media (max-width: 900px){
  .site-header,.header{
    padding-block:10px;
  }
  .nav{
    gap:12px;
  }
  .nav a{font-size:13px}
  .contact-grid{
    grid-template-columns:1fr !important;
  }
  .info-card{margin-bottom:0}
}

/* Phone */
@media (max-width: 680px){
  :root{--page-pad:14px}
  .site-header,.header{
    min-height:62px;
  }
  .logo img,.site-header .logo img{
    width:min(190px,58vw);
    max-height:48px;
  }
  .hero,.hero-section{
    padding-block:30px !important;
  }
  .quick-actions{display:none}
  .radio-status-strip{
    padding-inline:12px;
    min-height:36px;
  }
  .radio-status-strip b{
    max-width:48vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .schedule-item{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:8px;
  }
  .schedule-item em{
    grid-column:2;
    justify-self:start;
  }
  .schedule-item .show-image{
    width:46px;height:46px;
  }
  .contact-form .two{
    grid-template-columns:1fr;
  }
  .gallery-card img{height:auto;aspect-ratio:16/10}
  .news article{
    grid-template-columns:minmax(70px,26vw) minmax(0,1fr) auto !important;
  }
  .news-img{height:70px !important}
  .top-button,.topButton{
    width:44px;height:44px;
  }
}

/* Very small phones */
@media (max-width: 380px){
  :root{--page-pad:11px}
  .site-header,.header{gap:8px}
  .logo img,.site-header .logo img{width:150px}
  .track-info h1,.track-info h2,.track-info h3,
  .track-title,.track-artist{font-size:16px}
  .schedule-item{grid-template-columns:40px minmax(0,1fr) !important}
  .schedule-item .show-image{width:40px;height:40px}
  .gallery-grid{grid-template-columns:1fr !important}
}

/* Landscape phones */
@media (max-height: 500px) and (orientation:landscape){
  .hero,.hero-section{padding-block:20px !important}
}

/* Accessibility / touch */
@media (pointer:coarse){
  .nav a,.quick-actions a,button,.primary-btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}

/* Screenshot-based layout correction */
main#start{display:block;width:100%;max-width:none;padding:0;margin:0}
.radio-status-strip{width:100%;box-sizing:border-box}
.hero-copy{width:min(560px,100%)}
@media(min-width:801px){.hero{padding-left:8%;padding-right:8%}.hero-copy{max-width:520px}.hero-logo{right:4%;width:min(54%,760px)}}
@media(max-width:800px){
  .site-header{padding-inline:14px;gap:10px}
  .brand{width:190px;flex:0 1 auto}.brand img{height:50px}
  .menu-toggle{display:block;margin-left:auto;position:relative;z-index:102}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;z-index:101;background:rgba(4,7,13,.98);padding:12px 16px 18px;border-bottom:1px solid #1b2940;box-shadow:0 15px 35px rgba(0,0,0,.35)}
  .nav.open{display:flex!important;flex-direction:column;align-items:stretch;gap:0}
  .nav.open a{padding:13px 8px;border-bottom:1px solid #162235;text-align:left}
  .hero{min-height:560px;padding:42px 22px 28px;display:block}
  .hero-copy{position:relative;z-index:3;width:100%;max-width:520px;margin:0}
  .hero h1{font-size:clamp(38px,12vw,58px);letter-spacing:-1.5px;max-width:10ch}
  .hero p{font-size:15px}
  .hero-logo{position:absolute;z-index:1;right:50%;transform:translateX(50%);bottom:5px;top:auto;width:min(78vw,430px);max-width:78vw;opacity:.25}
  .hero-actions{max-width:340px}
  .player{margin:12px 14px 18px;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:12px}
  .track-cover{width:78px;height:78px;font-size:34px}
  .player-controls{grid-column:1/-1;justify-content:flex-start;gap:18px}
  .player-controls .play{width:62px;height:62px}
  .grid-3{margin-left:14px;margin-right:14px;gap:14px}
  .panel{padding:14px}
  .schedule-item{grid-template-columns:46px minmax(0,1fr) !important}
  .schedule-item em{grid-column:2}
  .app-banner{margin-left:14px;margin-right:14px}
}
@media(max-width:430px){
  .brand{width:165px}
  .hero{min-height:520px;padding:34px 16px 24px}
  .hero h1{font-size:40px}
  .hero-actions{gap:9px}.hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%;text-align:center}
  .player{margin-left:10px;margin-right:10px}
  .grid-3{margin-left:10px;margin-right:10px}
  .team{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

.gallery-section{margin:0 5% 24px}.gallery-section .section-head h2{font-size:18px}.gallery-card img{aspect-ratio:16/10;height:auto}.gallery-card{min-width:0}.gallery-card a{display:block;overflow:hidden}.gallery-card img{transition:transform .25s}.gallery-card:hover img{transform:scale(1.03)}
@media(max-width:800px){.gallery-section{margin-left:3%;margin-right:3%}}

.onepage-section{padding:48px 0}.onepage-card{background:#0a111d;border:1px solid #1b2c43;border-radius:14px;padding:22px;line-height:1.7;color:#cbd5e5}.legal-section{scroll-margin-top:90px}.app-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.app-banner>div:nth-child(2){flex:1;min-width:220px}.store{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:9px;text-decoration:none;font-weight:800;transition:.2s}.store:hover{transform:translateY(-2px);filter:brightness(1.08)}

.page-header{position:sticky;top:0;z-index:100;background:rgba(3,5,10,.96);backdrop-filter:blur(12px)}.page-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.page-nav a{color:#aeb8c8;text-decoration:none;font-weight:700;font-size:13px}.page-nav a:hover{color:#fff}.page-main{max-width:1100px;margin:auto;padding:30px var(--page-pad)}.page-footer{display:flex;gap:18px;flex-wrap:wrap;padding:28px var(--page-pad);border-top:1px solid #17263a;background:#050910}.page-footer a{color:#9eabc0;text-decoration:none}.schedule-page-row{display:grid;grid-template-columns:90px minmax(0,1fr) 180px;gap:14px;padding:13px 0;border-bottom:1px solid #17263a}.schedule-page-row small{color:#8995a8}@media(max-width:700px){.page-nav{display:none}.schedule-page-row{grid-template-columns:65px 1fr}.schedule-page-row small{grid-column:2}}

.editable-page-content{margin-bottom:20px}.editable-page-content h1{margin-top:0}.editable-page-content .onepage-card{max-width:100%}

.editable-home-copy{max-width:1400px;margin:0 auto;padding:18px var(--page-pad,24px) 0}.editable-home-copy h1{margin:0 0 5px;font-size:clamp(20px,3vw,34px)}.editable-home-copy p{margin:0;color:#8995a8}

.moderator-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:22px}
.moderator-page-card{overflow:hidden;background:#0a111d;border:1px solid #1b2c43;border-radius:14px}
.moderator-page-card img,.moderator-placeholder{width:100%;height:220px;object-fit:cover;display:block}.moderator-placeholder{display:grid;place-items:center;font-size:64px;background:#111b2a}
.moderator-page-body{padding:18px}.moderator-page-body h2{margin:0 0 5px}.moderator-page-body small{color:#7f91aa}.moderator-page-body p{color:#c8d2e1;line-height:1.6}
.schedule-page-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(100px,.6fr);gap:12px;padding:12px 0;border-bottom:1px solid #17263a}
@media(max-width:600px){.schedule-page-row{grid-template-columns:65px 1fr}.schedule-page-row small{grid-column:2}.moderator-page-grid{grid-template-columns:1fr}.moderator-page-card img,.moderator-placeholder{height:200px}}
.page-nav-toggle{display:none;background:transparent;border:1px solid #293a54;color:#fff;border-radius:8px;padding:8px 11px;font-size:20px}.page-header{gap:14px}.page-nav{display:flex;align-items:center;gap:16px}.page-nav a{color:#aebbd0;text-decoration:none;font-size:13px}.page-nav a.active,.page-nav a:hover{color:#fff}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px var(--page-pad);border-top:1px solid #17263a;background:#050910;color:#8491a5}.page-footer div{display:flex;flex-direction:column;gap:3px}.page-footer div b{color:#fff}.page-footer nav{display:flex;gap:14px;flex-wrap:wrap}.page-footer nav a{color:#9aa8bb;text-decoration:none}@media(max-width:800px){.page-nav-toggle{display:block;margin-left:auto}.page-header .header-listen{display:none}.page-nav{display:none;position:absolute;left:var(--page-pad);right:var(--page-pad);top:68px;z-index:100;flex-direction:column;align-items:stretch;background:#070b13;border:1px solid #1b2c43;border-radius:10px;padding:10px}.page-nav.open{display:flex}.page-nav a{padding:11px}}
.article-text img,.editable-page-content img,.editable-home-copy img{max-width:100%;height:auto;border-radius:10px}
.article-text a,.editable-page-content a,.editable-home-copy a{color:#73c5ff}
.article-text h1,.article-text h2,.article-text h3{margin-top:1.4em}

/* ===== Admin-editierbare Index-/Player-Größen ===== */
body{background:var(--hbr-bg)!important;color:var(--hbr-text)!important}
main,.container,.content,.wrapper{max-width:var(--hbr-max-width)!important;padding-left:var(--hbr-page-pad)!important;padding-right:var(--hbr-page-pad)!important}
.site-header,.header{min-height:var(--hbr-header-height)!important;padding-left:var(--hbr-page-pad)!important;padding-right:var(--hbr-page-pad)!important}
.logo img,.brand img,.site-header .logo img{width:var(--hbr-logo-width)!important;max-width:70vw}
.hero,.hero-section{min-height:var(--hbr-hero-height)!important}
.hero h1,.hero-section h1{font-size:clamp(26px,6vw,var(--hbr-hero-title))!important}
.hero p,.hero-section p{font-size:var(--hbr-hero-text)!important}
.player,.live-player,#live.player{max-width:var(--hbr-player-width)!important;margin-left:auto!important;margin-right:auto!important;padding:var(--hbr-player-pad)!important;border-radius:var(--hbr-radius)!important}
.player .cover,.live-player .cover{width:var(--hbr-cover)!important;height:var(--hbr-cover)!important;min-width:var(--hbr-cover)!important}
.player .track-title,.live-player .track-title,.track-info h2{font-size:var(--hbr-player-title)!important}
.player .track-sub,.live-player .track-sub,.track-info p{font-size:var(--hbr-player-subtitle)!important}
.player .play,.live-player .play,#hbr-play,.play-button{width:var(--hbr-play-button)!important;height:var(--hbr-play-button)!important;min-width:var(--hbr-play-button)!important;font-size:calc(var(--hbr-play-button) * .42)!important}
.show-image{width:var(--hbr-show-img)!important;height:var(--hbr-show-img)!important}
.card,.panel,.gallery-card,.contact-form,.info-card,.onepage-card{background:var(--hbr-card)!important;border-radius:var(--hbr-radius)!important}
section{margin-bottom:var(--hbr-section-gap)}
.primary-btn,.btn.primary,.play{background:linear-gradient(100deg,var(--hbr-accent),var(--hbr-accent2))!important}
.muted,small,.track-sub{color:var(--hbr-muted)}
a:hover{color:var(--hbr-accent)}
@media(max-width:680px){
  .player,.live-player,#live.player{padding:clamp(12px,var(--hbr-player-pad),22px)!important}
  .player .cover,.live-player .cover{width:min(var(--hbr-cover),72px)!important;height:min(var(--hbr-cover),72px)!important;min-width:min(var(--hbr-cover),72px)!important}
  .player .play,.live-player .play,#hbr-play,.play-button{width:min(var(--hbr-play-button),64px)!important;height:min(var(--hbr-play-button),64px)!important;min-width:min(var(--hbr-play-button),64px)!important}
}

/* ===== Hintergrund-Fix: gesamte Startseite bleibt dunkel ===== */
html,body{
  background:var(--hbr-bg,#03050a)!important;
  color:var(--hbr-text,#eef4ff)!important;
  min-height:100%;
}
main,.site-main,.page,.page-content,.content-wrapper,
.hero,.hero-section,section,.section{
  background-color:transparent!important;
}
body::before,body::after{
  background-color:transparent;
}

/* ===== DARK TURQUOISE THEME ===== */
:root{
  --hbr-bg:#031416;
  --hbr-card:#082126;
  --hbr-card-2:#0A2C31;
  --hbr-text:#E8FFFF;
  --hbr-muted:#7FA9AD;
  --hbr-accent:#00C7C7;
  --hbr-accent2:#007E8A;
  --hbr-border:#12454D;
  --hbr-glow:rgba(0,199,199,.22);
}

html,body{
  background:
    radial-gradient(circle at top right, rgba(0,126,138,.14), transparent 36%),
    linear-gradient(180deg,#031416 0%,#021012 100%) !important;
  color:var(--hbr-text)!important;
}

.site-header,.header,.top,.radio-status-strip,
.page-header,.page-footer,aside{
  background:#04191C!important;
  border-color:var(--hbr-border)!important;
}

.card,.box,.panel,.onepage-card,.gallery-card,.contact-form,.info-card,
.news article,.moderator-page-card,.edit-card,.request-card,
.player,.live-player{
  background:linear-gradient(180deg,#0A2A2F 0%,#071C20 100%)!important;
  border-color:var(--hbr-border)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.24);
}

.primary-btn,button:not(.danger),.play,.play-button{
  background:linear-gradient(100deg,var(--hbr-accent),var(--hbr-accent2))!important;
  color:#001719!important;
  box-shadow:0 8px 24px var(--hbr-glow);
}

.primary-btn:hover,button:not(.danger):hover,.play:hover,.play-button:hover{
  filter:brightness(1.08);
  box-shadow:0 10px 30px rgba(0,199,199,.30);
}

a{color:#6EE7E7}
a:hover{color:#B7FFFF}

input,textarea,select{
  background:#031113!important;
  border-color:#17535C!important;
  color:#E8FFFF!important;
}
input:focus,textarea:focus,select:focus{
  outline:2px solid rgba(0,199,199,.45)!important;
  border-color:var(--hbr-accent)!important;
}

.section-head:after{
  background:linear-gradient(90deg,var(--hbr-accent),var(--hbr-accent2))!important;
}

.live-badge,.onair{
  color:#59FFFF!important;
}

.badge,.next-badge{
  background:#0A3A40!important;
  color:#8EFFFF!important;
  border:1px solid #17535C;
}

.schedule-item.is-live{
  background:linear-gradient(90deg,rgba(0,199,199,.16),rgba(7,28,32,.35))!important;
  border-left-color:var(--hbr-accent)!important;
}

.schedule-item.is-next{
  border-left-color:#2ED2D8!important;
}

.gallery-card:hover,.news article:hover,.info-card:hover{
  border-color:#1B808A!important;
  box-shadow:0 14px 38px rgba(0,199,199,.13)!important;
}

.muted,small,.track-sub,.article-date{
  color:var(--hbr-muted)!important;
}

footer,.page-footer{
  background:#021012!important;
}

hr,.row,.file,.request-card{
  border-color:#103A41!important;
}

/* ===== FINAL DARK TURQUOISE / CYAN LOOK ===== */
:root{
 --hbr-bg:#021416!important;
 --hbr-card:#06272B!important;
 --hbr-text:#E9FFFF!important;
 --hbr-muted:#82ADB2!important;
 --hbr-accent:#00E5E5!important;
 --hbr-accent2:#00A7B5!important;
 --hbr-border:#0D5962!important;
}
html,body{
 background:linear-gradient(180deg,#021416 0%,#031D20 48%,#010E10 100%)!important;
 color:#E9FFFF!important;
}
.site-header,.header,.top,.radio-status-strip,aside{
 background:#031B1E!important;
 border-color:#0D5962!important;
}
.card,.box,.panel,.onepage-card,.gallery-card,.contact-form,.info-card,
.player,.live-player,.edit-card,.request-card{
 background:linear-gradient(145deg,#083137,#041D20)!important;
 border:1px solid #0D5962!important;
 box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 20px rgba(0,229,229,.04)!important;
}
button:not(.danger),.primary-btn,.play,.play-button{
 background:linear-gradient(100deg,#00E5E5,#00A7B5)!important;
 color:#001517!important;
}
a{color:#5FFFFF!important}
a:hover{color:#BFFFFF!important}
input,textarea,select{
 background:#021416!important;
 border-color:#12656F!important;
 color:#E9FFFF!important;
}

.manual-live-moderator{display:flex;align-items:center;gap:9px;margin:6px 0 10px;color:#8fffff;font-size:11px;font-weight:800;letter-spacing:.4px}
.manual-live-moderator img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #00e5e5;box-shadow:0 0 14px rgba(0,229,229,.25)}

.recent-tracks-panel{max-width:var(--hbr-player-width,1200px);margin-left:auto;margin-right:auto}
.recent-tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.recent-track{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;background:linear-gradient(145deg,#083137,#041d20);border:1px solid #0d5962;border-radius:10px}
.recent-track .recent-icon{width:38px;height:38px;border-radius:8px;background:#06272b;display:grid;place-items:center;color:#5fffff;font-size:20px}
.recent-track b,.recent-track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-track span{font-size:12px;color:#82adb2;margin-top:3px}
.recent-track time{font-size:11px;color:#82adb2}

.show-now-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:var(--hbr-player-width,1200px);margin:0 auto 14px}
.show-summary-card{background:linear-gradient(145deg,#083137,#041d20);border:1px solid #0d5962;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.show-summary-card strong{font-size:16px;color:#e9ffff}.show-summary-card small{color:#82adb2}
.show-state{font-size:10px;font-weight:900;letter-spacing:1px;color:#7ffcff}.show-state.next{color:#64dfe8}.show-state.live{color:#a6ffff}
.schedule-item{position:relative}
.schedule-item em:empty{display:none}
.schedule-item.is-live{border-color:#00e5e5!important;box-shadow:0 0 0 1px rgba(0,229,229,.18),0 12px 30px rgba(0,0,0,.28)!important}
.schedule-item.is-live em{display:inline-flex!important;align-items:center;padding:4px 8px;border-radius:999px;background:#00e5e5;color:#001517;font-size:10px;font-style:normal;font-weight:900}
.schedule-item.is-live em::after{content:"ON AIR"}
.schedule-item.is-next{border-color:#168895!important}
.schedule-item.is-next em{display:inline-flex!important;align-items:center;padding:4px 8px;border-radius:999px;background:#0c3c43;color:#8fffff;font-size:10px;font-style:normal;font-weight:900}
.schedule-item.is-next em::after{content:"NÄCHSTE"}
.schedule-item time small{display:block;font-size:10px;color:#82adb2;margin-top:2px}
@media(max-width:650px){.show-now-next{grid-template-columns:1fr}}

/* ===== STARTSEITE: ADMIN-SYNC ===== */
.home-admin-content{max-width:var(--hbr-player-width,1200px);margin:0 auto var(--hbr-section-gap,54px);line-height:1.7}
.home-admin-content img{max-width:100%;height:auto;border-radius:10px}
.home-admin-content iframe{max-width:100%}
.news-img img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* ===== ÖFFENTLICHE UNTERSEITEN – ADMIN-SYNC ===== */
.page-shell{max-width:var(--hbr-max-width,1400px);margin:0 auto;padding:32px var(--hbr-page-pad,24px) 70px}
.page-hero-small{padding:24px 0 28px}.page-hero-small>span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#61edf1}.page-hero-small h1{font-size:clamp(30px,5vw,54px);margin:5px 0 8px}.page-hero-small p{color:var(--hbr-muted);max-width:760px;line-height:1.7}
.program-page{display:grid;gap:18px}.program-day{background:linear-gradient(145deg,#061f24,#04171b);border:1px solid #0e4751;border-radius:14px;padding:16px}.program-row{display:grid;grid-template-columns:85px 60px minmax(0,1fr);gap:13px;align-items:center;padding:12px 0;border-top:1px solid #0d343c}.program-row:first-of-type{border-top:0}.program-time{font-weight:900;color:#8cffff}.program-time small{display:block;color:#78979d;font-size:10px}.program-row img,.program-placeholder{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#082b30;border:1px solid #15505b;display:grid;place-items:center}.program-row h3{margin:0 0 4px}.program-row p,.program-row small{margin:0;color:#78979d}
.team-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.team-page-card{display:grid;grid-template-columns:115px 1fr;gap:15px;padding:16px;border:1px solid #0e4751;border-radius:14px;background:linear-gradient(145deg,#061f24,#04171b)}.team-page-card img,.team-page-avatar{width:115px;height:115px;border-radius:13px;object-fit:cover;background:#082b30;border:1px solid #15505b;display:grid;place-items:center;color:#80ffff;font-size:38px}.team-page-card span{font-size:9px;color:#61edf1;font-weight:900;letter-spacing:1px}.team-page-card h2{margin:5px 0 8px}.team-page-card p{color:#8ca8ad;line-height:1.6}
.news-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.news-page-card{overflow:hidden;border:1px solid #0e4751;border-radius:14px;background:linear-gradient(145deg,#061f24,#04171b)}.news-page-card img,.news-page-placeholder{width:100%;height:190px;object-fit:cover;background:#082b30;display:grid;place-items:center;color:#62eef2;font-weight:900}.news-page-card>div{padding:15px}.news-page-card small{color:#78979d}.news-page-card h2{margin:6px 0 8px}.news-page-card p{color:#89a6ab;line-height:1.6}.news-page-card a{color:#6fffff;text-decoration:none}.news-detail img{width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin:16px 0}.news-detail-text{line-height:1.8;color:#d9eeee}
.gallery-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.gallery-page-card{overflow:hidden;border:1px solid #0e4751;border-radius:12px;background:#051b20}.gallery-page-card img{width:100%;height:220px;object-fit:cover;display:block}.gallery-page-card div{padding:11px}.gallery-page-card h3{margin:0 0 4px}.gallery-page-card small{color:#78979d}
@media(max-width:600px){.program-row{grid-template-columns:65px 50px 1fr}.program-row img,.program-placeholder{width:48px;height:48px}.team-page-card{grid-template-columns:82px 1fr}.team-page-card img,.team-page-avatar{width:82px;height:82px}}

/* ===== KONTAKT / WUNSCHBOX + RECHTLICHE SEITEN ===== */
.contact-intro{margin-bottom:12px}
.contact-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.contact-choice-btn{padding:12px!important;border:1px solid #15505b!important;border-radius:10px!important;background:#061e23!important;color:#91b7bc!important;font-weight:800!important}
.contact-choice-btn.active{border-color:#00aebb!important;background:linear-gradient(145deg,#08383f,#06282e)!important;color:#78ffff!important;box-shadow:inset 0 0 18px rgba(0,229,229,.04)}
.contact-public-form{border:1px solid #0e4c56!important;background:linear-gradient(145deg,#061f24,#04171b)!important;border-radius:14px!important;padding:17px!important}
.contact-public-form input,.contact-public-form select,.contact-public-form textarea{background:#031519!important;border:1px solid #15505b!important;color:#e9ffff!important;border-radius:8px!important}
.contact-public-form input:focus,.contact-public-form select:focus,.contact-public-form textarea:focus{outline:none!important;border-color:#00b7c3!important;box-shadow:0 0 0 3px rgba(0,229,229,.06)}
.request-status{min-height:20px;margin:9px 0 0;font-size:11px}.request-status.success{color:#74ffae}.request-status.error{color:#ff94a5}
.legal-public-card{line-height:1.75}.legal-public-card h2,.legal-public-card h3{color:#dfffff}.legal-public-card a{color:#6fffff}.legal-empty{padding:22px;text-align:center;border:1px dashed #15505b;border-radius:9px;color:#78979d}
@media(max-width:620px){.contact-choice{grid-template-columns:1fr}.contact-form .two{grid-template-columns:1fr!important}}

/* ===== PLAYER / SHOUTCAST FINISH ===== */
.live-controls{gap:10px!important}
.player-small{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:50%!important;background:#082d33!important;color:#8fffff!important;border:1px solid #12606b!important;box-shadow:none!important}
.player-small:hover{background:#0a3b43!important;color:#dfffff!important}
#playButton:disabled{opacity:.65;cursor:wait}
.player-runtime{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.player-state{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #15505b;border-radius:999px;background:#04191d;color:#8aa6ad;font-size:9px;font-weight:800;letter-spacing:.3px}
.player-state i{width:7px;height:7px;border-radius:50%;background:#70898e}
.player-state.playing{color:#7affb1;border-color:#17684e;background:#07291f}.player-state.playing i{background:#38ff83;box-shadow:0 0 10px rgba(56,255,131,.65)}
.player-state.connecting{color:#ffe08a;border-color:#6f5a1f;background:#292107}.player-state.connecting i{background:#ffbd2e;animation:hbr-pulse 1s infinite}
.player-state.error{color:#ff9aaa;border-color:#74263a;background:#36121c}.player-state.error i{background:#ff445f}
.player-state.idle{color:#91a9ae}
.volume-control{display:flex!important;align-items:center;gap:7px!important;margin:0!important;color:#6f959b!important;font-size:8px!important;font-weight:900!important;letter-spacing:.8px}
.volume-control input{width:105px!important;padding:0!important;accent-color:#00dbe4;background:transparent!important;border:0!important;box-shadow:none!important}
#metadataState{color:#668f95!important;font-size:9px!important}
.live-page-player{max-width:var(--hbr-player-width,1200px);margin:14px auto!important}
@keyframes hbr-pulse{50%{opacity:.35}}
@media(max-width:650px){.player-runtime{gap:9px}.volume-control{width:100%}.volume-control input{flex:1!important;width:auto!important}.player-small{width:38px!important;height:38px!important;min-width:38px!important}}

/* ===== MOBILE / NAVIGATION / PERFORMANCE POLISH ===== */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:300!important;
  backdrop-filter:blur(16px);
  background:rgba(3,27,30,.94)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}
.site-header .brand img{
  height:auto!important;
  max-height:54px!important;
  object-fit:contain!important;
}
.menu-toggle{
  display:none;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  border-radius:9px!important;
  font-size:21px!important;
}
.nav a,.quick-actions a,.header-actions a{
  white-space:nowrap;
}
.player,.panel,.onepage-card,.gallery-card,.team-page-card,.news-page-card,.program-day{
  contain:content;
}
img{
  max-width:100%;
}
.gallery-card img,.gallery-page-card img,.news-page-card img,.team-page-card img,.program-row img{
  content-visibility:auto;
}

/* Tablet */
@media(max-width:1050px){
  .site-header{
    grid-template-columns:auto 1fr auto!important;
    gap:12px!important;
    padding:10px 16px!important;
  }
  .quick-actions{display:none!important}
  .header-actions{justify-self:end}
  .site-header .brand img{max-height:48px!important}
  .nav{gap:4px!important}
  .nav a{padding:8px 9px!important;font-size:12px!important}
  .player{
    grid-template-columns:auto 1fr!important;
    gap:16px!important;
  }
  .player-controls,.station-info{
    grid-column:auto!important;
  }
  .station-info{
    grid-column:1/-1!important;
    display:flex!important;
    gap:14px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
  }
}

/* Mobile */
@media(max-width:820px){
  .site-header{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    min-height:64px!important;
  }
  .site-header .brand{min-width:0}
  .site-header .brand img{
    width:auto!important;
    max-width:185px!important;
    max-height:44px!important;
  }
  .menu-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
  }
  .header-actions,.quick-actions{display:none!important}
  .nav{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:calc(100% + 8px)!important;
    display:none!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:10px!important;
    background:rgba(3,22,26,.98)!important;
    border:1px solid #0d5962!important;
    border-radius:12px!important;
    box-shadow:0 20px 45px rgba(0,0,0,.38)!important;
  }
  .nav.open{display:flex!important}
  .nav a{
    width:100%!important;
    padding:11px 12px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }

  main,#start,.page-main,.page-shell{
    overflow-x:hidden!important;
  }

  .hero{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    text-align:left!important;
    padding-top:34px!important;
    padding-bottom:28px!important;
  }
  .hero-logo{
    order:-1!important;
    justify-content:flex-start!important;
  }
  .hero-logo img{
    max-width:220px!important;
  }
  .hero h1{
    font-size:clamp(32px,10vw,48px)!important;
    line-height:1.03!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .hero-actions .primary-btn,.hero-actions .secondary-btn{
    width:100%!important;
    text-align:center!important;
  }

  .player{
    grid-template-columns:1fr!important;
    padding:16px!important;
    text-align:center!important;
  }
  .track-cover{
    margin:0 auto!important;
  }
  .manual-live-moderator{
    justify-content:center!important;
  }
  .track-info,.player-controls,.station-info{
    grid-column:1!important;
  }
  .player-controls{
    justify-content:center!important;
  }
  .station-info{
    justify-content:center!important;
    text-align:center!important;
  }

  .grid-3{
    grid-template-columns:1fr!important;
  }
  .show-now-next{
    grid-template-columns:1fr!important;
  }
  .recent-tracks{
    grid-template-columns:1fr!important;
  }
  .contact-grid{
    grid-template-columns:1fr!important;
  }
  .app-banner{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .app-banner .store{
    width:100%!important;
  }

  footer,.page-footer{
    text-align:center!important;
  }
  .footer-links,.footer-social{
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
}

/* Small phones */
@media(max-width:480px){
  :root{
    --hbr-page-pad:14px!important;
    --hbr-section-gap:34px!important;
  }
  .site-header{
    padding:8px 12px!important;
  }
  .site-header .brand img{
    max-width:150px!important;
    max-height:38px!important;
  }
  .radio-status-strip{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:4px 8px!important;
    padding:9px 12px!important;
  }
  .radio-status-strip small{
    grid-column:1/-1!important;
  }
  .hero{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .player{
    border-radius:12px!important;
  }
  .track-info h2{
    font-size:22px!important;
  }
  .player-runtime{
    justify-content:center!important;
  }
  .volume-control{
    justify-content:center!important;
  }
  .schedule-item{
    grid-template-columns:50px 1fr!important;
  }
  .schedule-item .show-image{
    display:none!important;
  }
  .program-row{
    grid-template-columns:55px 1fr!important;
  }
  .program-row img,.program-placeholder{
    display:none!important;
  }
  .team-page-grid,.news-page-grid,.gallery-page-grid{
    grid-template-columns:1fr!important;
  }
}

/* ===== FOOTER RECHTLICHE LINKS ===== */
.footer-legal{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#557b81}
.footer-legal a{color:#86b7bc;text-decoration:none}
.footer-legal a:hover{color:#6fffff}

/* ===== STARTSEITE FINALDESIGN ===== */
.home-hero{padding-top:clamp(42px,6vw,82px)!important;padding-bottom:clamp(34px,5vw,68px)!important}
.home-hero h1{max-width:760px;letter-spacing:-1.4px!important}.home-hero p{max-width:680px;font-size:clamp(14px,1.4vw,17px)!important;line-height:1.7!important}
.home-hero .hero-actions{margin-top:22px!important}.home-admin-content{margin-top:-12px!important;margin-bottom:30px!important}
.player{margin-top:0!important;margin-bottom:20px!important;border-color:#11616c!important;box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px rgba(119,255,255,.03)!important}
.home-now-next{margin-top:0!important;margin-bottom:38px!important;gap:12px!important}.home-now-next .show-summary-card{min-height:92px;padding:16px 18px!important;border-radius:12px!important;background:linear-gradient(145deg,#061f24,#04171b)!important;border:1px solid #0d4b55!important}
.home-content-heading{margin:0 0 14px}.home-content-heading>span{display:block;color:#61eef2;font-size:9px;font-weight:900;letter-spacing:1.5px}.home-content-heading h2{margin:4px 0 0;font-size:clamp(22px,3vw,31px)}
.home-main-grid{align-items:start!important;gap:14px!important;margin-bottom:42px!important}.home-main-grid>.panel{height:100%;border-radius:13px!important;border-color:#0d4650!important;background:linear-gradient(150deg,#061f24,#04171b)!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important}
.home-main-grid .section-head{padding-bottom:10px;border-bottom:1px solid rgba(30,109,119,.22)}.home-main-grid .section-head h3{font-size:11px!important}.home-main-grid .section-head a{font-size:9px!important;color:#72dfe3!important}
.onepage-section{margin-top:42px!important;margin-bottom:42px!important}.gallery-card{border-radius:11px!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.gallery-card:hover{transform:translateY(-2px);border-color:#16808b!important}
.site-footer,footer{border-top:1px solid #0d434b!important;background:linear-gradient(180deg,#04191d,#021114)!important}.site-header .nav a{border-radius:8px!important;transition:background .16s ease,color .16s ease!important}.site-header .nav a:hover{background:#082c32!important;color:#8fffff!important}
@media(max-width:1050px){.home-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-main-grid>.panel:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:820px){.home-hero{padding-top:30px!important;padding-bottom:30px!important}.home-main-grid{grid-template-columns:1fr!important;gap:11px!important;margin-bottom:32px!important}.home-main-grid>.panel:last-child:nth-child(odd){grid-column:auto}.onepage-section{margin-top:32px!important;margin-bottom:32px!important}}
@media(max-width:480px){.home-hero{padding-top:24px!important}.home-hero p{font-size:13px!important}.home-now-next .show-summary-card{min-height:auto;padding:13px 14px!important}.home-main-grid>.panel{padding:13px!important}}

/* ===== NAVIGATION + FOOTER FINAL ===== */
.page-header{grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:20px!important}
.page-header .brand img{display:block;max-width:180px!important;max-height:48px!important}
.page-nav{display:flex;justify-content:center;align-items:center;gap:3px}
.page-nav a{position:relative;padding:9px 10px!important;border-radius:8px!important;color:#8faeb3!important;text-decoration:none;font-size:12px;font-weight:800;transition:.16s ease}
.page-nav a:hover{background:#082d33!important;color:#9dffff!important}
.page-nav a.active{background:#08343b!important;color:#8fffff!important}
.page-nav a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:#19dbe2}
.page-nav-toggle{display:none}
.header-listen{white-space:nowrap!important}
.page-footer{display:grid!important;grid-template-columns:1fr auto!important;gap:16px 30px!important;align-items:center!important;padding-top:28px!important;padding-bottom:20px!important}
.footer-brand{display:flex;flex-direction:column;gap:3px}.footer-brand b{color:#dfffff;font-size:14px}.footer-brand span{color:#63868b;font-size:10px}
.footer-main-links{display:flex;gap:15px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.footer-main-links a,.footer-legal a{color:#86a9ae;text-decoration:none;font-size:10px}.footer-main-links a:hover,.footer-legal a:hover{color:#6fffff}
.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:13px;border-top:1px solid #0b343b}.footer-bottom>small{color:#4f7479;font-size:9px}
.footer-bottom .footer-legal{margin:0!important;padding:0!important;justify-content:flex-end!important}
@media(max-width:1050px){.page-header{gap:10px!important}.page-nav a{padding:8px 7px!important;font-size:11px}.page-header .brand img{max-width:150px!important}.header-listen{padding-left:11px!important;padding-right:11px!important}}
@media(max-width:820px){
.page-header{grid-template-columns:1fr auto!important;position:sticky!important}
.page-header .brand img{max-width:170px!important;max-height:43px!important}
.page-nav-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #14505a!important;border-radius:9px!important;background:#06282e!important;color:#8fffff!important;font-size:22px!important;line-height:1!important}
.header-listen{display:none!important}
.page-nav{position:absolute!important;top:calc(100% + 7px)!important;left:12px!important;right:12px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;padding:9px!important;border:1px solid #0d5962!important;border-radius:12px!important;background:rgba(3,22,26,.99)!important;box-shadow:0 20px 45px rgba(0,0,0,.4)!important}
.page-nav.open{display:flex!important}.page-nav a{width:100%!important;padding:11px 12px!important;font-size:13px!important}.page-nav a.active:after{display:none}
.page-footer{grid-template-columns:1fr!important;text-align:center!important;gap:14px!important}.footer-main-links{justify-content:center!important}.footer-bottom{flex-direction:column-reverse!important;gap:8px!important}.footer-bottom .footer-legal{justify-content:center!important}
}
@media(max-width:480px){.page-header .brand img{max-width:145px!important}.footer-main-links{gap:10px 14px!important}.page-footer{padding-left:14px!important;padding-right:14px!important}}

/* ===== PROGRAMMSEITE TAGAUSWAHL ===== */
.program-day-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 13px;margin:0 0 10px;scrollbar-width:thin}
.program-day-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 11px;border:1px solid #10454e;border-radius:9px;background:#061c21;color:#82a6ac;font-weight:800}
.program-day-tabs button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#0b343b;color:#8fffff;font-size:9px}
.program-day-tabs button.active{background:#0a3b43;border-color:#18818d;color:#bfffff;box-shadow:inset 0 -2px #19dce4}
.program-page .program-day{margin-bottom:14px}
@media(max-width:600px){.program-day-tabs{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.program-day-tabs button{padding:8px 10px;font-size:11px}}

/* ===== V1.2 DEV2 – BARRIEREFREIHEIT ===== */
.skip-link{position:fixed;z-index:100000;left:12px;top:10px;padding:10px 14px;border-radius:8px;background:#fff;color:#06171b;font-weight:900;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8fffff!important;outline-offset:3px!important}
.page-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
button,input,select,textarea{font:inherit}
input,select,textarea{min-height:44px}
button,.primary-btn,.page-nav a,.footer-main-links a,.footer-legal a{min-height:44px}
button,.primary-btn{touch-action:manipulation}
.muted{opacity:.82}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (forced-colors:active){a,button,input,select,textarea,summary{forced-color-adjust:auto}.skip-link{border:2px solid ButtonText}}

/* ===== V1.2 DEV3 – PLAYER / FORMULAR ACCESSIBILITY ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.player button[aria-pressed="true"]{box-shadow:0 0 0 2px rgba(143,255,255,.28)}
.request-status:empty{display:none}
.request-status[role="status"]{min-height:1.4em}
@media (prefers-reduced-motion:reduce){.progress i{transition:none!important}}

/* ===== V1.2 DEV4 – KONTRAST & STRUKTUR ===== */
.muted{opacity:1!important;color:#9db6ba!important}
.footer-copy,.footer-legal,.footer-legal a{color:#9bb3b7}
input,select,textarea{border-color:#37636a}
input::placeholder,textarea::placeholder{color:#8ca6aa;opacity:1}
.page-nav a,.nav a{color:#b5c9cc}
.page-nav a:hover,.nav a:hover,.page-nav a:focus-visible,.nav a:focus-visible{color:#eaffff}
.program-row p,.program-row small,.schedule-item p,.schedule-item small{color:#a2b9bd}
button:disabled{opacity:.65;cursor:not-allowed}
a{text-underline-offset:.16em}
.article-text a:not(.primary-btn),.onepage-card p a{text-decoration:underline}

/* ===== V1.2 DEV5 – REFLOW / ZOOM / MOBILE A11Y ===== */
html{overflow-x:hidden}
body{overflow-wrap:anywhere}
img,video,svg{max-width:100%;height:auto}
main,section,article,.panel,.box,.onepage-card,.program-row,.schedule-item{min-width:0}
.track-info,.station-info,.program-row>div,.schedule-item>div{min-width:0}
h1,h2,h3,h4,p,a,span,strong,small,label{overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%}
textarea{resize:vertical}
@media(max-width:760px){
  .page-main,.home-main{width:100%;max-width:100%;padding-left:14px;padding-right:14px}
  .player{grid-template-columns:1fr!important}
  .player-controls,.station-info{justify-content:flex-start}
  .program-row{grid-template-columns:minmax(58px,auto) minmax(0,1fr)!important}
  .program-row>img,.program-placeholder{grid-row:2}
  .footer-inner,.footer-main-links,.footer-legal{flex-wrap:wrap}
}
@media(max-width:480px){
  .page-main,.home-main{padding-left:10px;padding-right:10px}
  .section-head{align-items:flex-start;flex-direction:column}
  .program-day-tabs{max-width:100%}
  .contact-choice-grid{grid-template-columns:1fr!important}
}
@media(min-resolution:2dppx){button,a,input,select,textarea{scroll-margin:12px}}

/* ===== V1.2 DEV6 – PUBLIC LIVE / ON AIR ===== */
.home-v12-livecard,.v12-public-live{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #1a6258;border-radius:11px;background:linear-gradient(135deg,#072720,#061b1c);min-width:0}
.home-v12-livecard img,.v12-public-live img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #32d99a;flex:0 0 auto}
.home-v12-livecard>div,.v12-public-live>div{display:grid;gap:2px;min-width:0}
.home-v12-livecard span,.v12-public-live span{font-size:9px;font-weight:900;color:#ff8f98;letter-spacing:.08em}
.home-v12-livecard b,.v12-public-live b{color:#eafff7}
.home-v12-livecard strong,.v12-live-title{font-size:10px;color:#8fffd2}
.home-v12-livecard small,.v12-public-live small{font-size:9px;color:#9ab8b2}
@media(max-width:520px){.home-v12-livecard,.v12-public-live{align-items:flex-start}.home-v12-livecard img,.v12-public-live img{width:42px;height:42px}}

/* ===== V1.4 DEV5 – PERSISTENTER FOOTER-PLAYER ===== */
body{padding-bottom:82px}
.hbr-persistent-player{position:fixed;left:0;right:0;bottom:0;z-index:9998;min-height:72px;padding:9px 18px;display:flex;align-items:center;justify-content:center;gap:22px;background:rgba(2,14,18,.97);border-top:1px solid #0d4b57;box-shadow:0 -10px 30px rgba(0,0,0,.28);backdrop-filter:blur(12px);color:#ecffff;font-family:Inter,Segoe UI,Arial,sans-serif}
.hbr-persistent-now{display:grid;gap:2px;min-width:0;width:min(520px,55vw)}
.hbr-persistent-label{font-size:8px;font-weight:900;letter-spacing:.12em;color:#ff7b87}
.hbr-persistent-now strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eaffff}
.hbr-persistent-now small{font-size:9px;color:#8aa6ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbr-persistent-controls{display:flex;align-items:center;gap:8px}
.hbr-persistent-controls button{width:38px;height:38px;padding:0!important;display:grid;place-items:center;border-radius:50%!important;background:#0a3037!important;color:#aefcff!important;border:1px solid #175b66!important;box-shadow:none!important}
.hbr-persistent-controls button.main{width:46px;height:46px;background:linear-gradient(100deg,#00d8df,#008fa2)!important;color:#00171a!important;border-color:#28f2f5!important;font-size:17px}
.hbr-persistent-volume input{width:105px;accent-color:#00d8df}
.hbr-persistent-player.is-playing .hbr-persistent-label{color:#68ff9e}
@media(max-width:650px){body{padding-bottom:78px}.hbr-persistent-player{min-height:68px;padding:7px 10px;gap:10px;justify-content:space-between}.hbr-persistent-now{width:min(52vw,300px)}.hbr-persistent-volume{display:none}.hbr-persistent-controls button{width:36px;height:36px}.hbr-persistent-controls button.main{width:44px;height:44px}}

/* V1.5 DEV2 – On-Air im persistenten Player */
#hbrPersistentShow{font-size:9px;color:#9ceef0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.hbr-history-link{font-size:8px;color:#73dce1;text-decoration:none}.hbr-history-link:hover{text-decoration:underline}

/* V1.9 DEV1 – Seiten-Editor */
.page-editor-public-content{max-width:900px;line-height:1.7;color:var(--hbr-muted,#8995a8)}
.page-editor-public-content p{margin:.55em 0}.page-editor-public-content h1,.page-editor-public-content h2,.page-editor-public-content h3{color:var(--hbr-text,#eef4ff);margin:1em 0 .45em}
.page-editor-public-content ul,.page-editor-public-content ol{padding-left:1.4em}.page-editor-public-content a{color:var(--hbr-accent,#168cff)}
.page-editor-public-content img{display:block;max-width:100%;height:auto;margin:14px 0;border-radius:12px}
.page-editor-public-content blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid var(--hbr-accent,#168cff);background:rgba(255,255,255,.035)}

/* V1.9 DEV4 – Moderatorprofile */
.host-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.host-socials a{display:inline-flex;padding:7px 10px;border:1px solid rgba(100,210,220,.28);border-radius:999px;color:#8ce8ee;text-decoration:none;font-size:12px;font-weight:800}
.host-socials a:hover{background:rgba(100,210,220,.08)}

/* V1.9 DEV7 – Startseite / On-Air */
.v19-onair-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;margin:18px 0 22px}
.v19-onair-card{display:flex;align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid #1d344b;border-radius:var(--hbr-radius,14px);background:linear-gradient(145deg,rgba(10,20,34,.96),rgba(7,13,24,.96));box-shadow:0 12px 32px rgba(0,0,0,.18)}
.v19-onair-card.is-now{border-color:rgba(255,76,91,.4);box-shadow:0 0 0 1px rgba(255,76,91,.08),0 14px 34px rgba(0,0,0,.22)}
.v19-onair-photo{flex:0 0 68px;width:68px;height:68px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0b1827;border:2px solid #243e5a;font-size:28px}
.v19-onair-card.is-now .v19-onair-photo{border-color:#ff4c5b}
.v19-onair-photo img{width:100%;height:100%;object-fit:cover}
.v19-onair-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.v19-onair-label{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7edbe1}
.v19-onair-card.is-now .v19-onair-label{color:#ff6976}
.v19-onair-copy strong{font-size:clamp(17px,2vw,24px);color:#f2f7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v19-onair-copy small{color:#91a0b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v19-onair-arrow{display:grid;place-items:center;color:#60758d;font-size:24px;padding:0 2px}
@media(max-width:760px){.v19-onair-board{grid-template-columns:1fr}.v19-onair-arrow{transform:rotate(90deg);height:18px}.v19-onair-photo{flex-basis:58px;width:58px;height:58px}}


/* V1.9 FINAL.1 – kompakter Startseiten-On-Air-Bereich */
.v19-onair-board{
  gap:8px;
  margin:12px 0 16px;
}
.v19-onair-card{
  gap:10px;
  padding:11px 12px;
  min-height:78px;
}
.v19-onair-photo{
  flex:0 0 50px;
  width:50px;
  height:50px;
  font-size:21px;
  border-width:1px;
}
.v19-onair-copy{
  gap:2px;
}
.v19-onair-label{
  font-size:8px;
  letter-spacing:.1em;
}
.v19-onair-copy strong{
  font-size:clamp(14px,1.5vw,18px);
  line-height:1.2;
}
.v19-onair-copy small{
  font-size:10px;
}
.v19-onair-arrow{
  font-size:18px;
  padding:0;
}
@media(max-width:760px){
  .v19-onair-board{gap:6px;margin:10px 0 14px}
  .v19-onair-card{padding:10px;min-height:70px}
  .v19-onair-photo{flex-basis:44px;width:44px;height:44px;font-size:18px}
  .v19-onair-copy strong{font-size:14px}
  .v19-onair-copy small{font-size:9px}
  .v19-onair-arrow{height:12px;font-size:15px}
}


/* V1.9 FINAL.2 – On-Air-Karten ca. 400 x 300 px */
.v19-onair-board{
  grid-template-columns:minmax(0,400px) auto minmax(0,400px);
  justify-content:center;
  align-items:center;
  gap:10px;
}
.v19-onair-card{
  width:100%;
  max-width:400px;
  height:300px;
  box-sizing:border-box;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  padding:18px;
}
.v19-onair-photo{
  flex:0 0 150px;
  width:150px;
  height:150px;
  border-radius:16px;
}
.v19-onair-copy{
  width:100%;
  align-items:center;
}
.v19-onair-copy strong{
  max-width:100%;
  font-size:18px;
}
.v19-onair-copy small{
  max-width:100%;
  font-size:11px;
}
@media(max-width:900px){
  .v19-onair-board{grid-template-columns:minmax(0,400px);justify-content:center}
  .v19-onair-arrow{transform:rotate(90deg);height:18px}
  .v19-onair-card{height:auto;min-height:220px}
  .v19-onair-photo{flex-basis:110px;width:110px;height:110px}
}


/* ===== V2.0 FINAL.2 – Startseite voll responsiv ===== */
html,body{max-width:100%;overflow-x:hidden}
#start{
  width:100%!important;
  max-width:var(--hbr-max-width,1400px)!important;
  margin-inline:auto!important;
  padding-inline:clamp(10px,2.2vw,var(--hbr-page-pad,24px))!important;
}
#start>*{min-width:0;max-width:100%}
#start .home-hero,
#start .player,
#start .grid-3,
#start .recent-tracks-panel,
#start .home-content-heading,
#start .onepage-section,
#start .home-admin-content{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
#start .home-hero{
  min-height:clamp(280px,48vw,var(--hbr-hero-height,420px))!important;
  padding:clamp(24px,5vw,65px) clamp(16px,5vw,70px)!important;
}
#start .home-hero h1{
  font-size:clamp(30px,5.2vw,var(--hbr-hero-title,58px))!important;
  overflow-wrap:anywhere;
}
#start .home-hero p{font-size:clamp(13px,1.8vw,var(--hbr-hero-text,18px))!important}
#start .hero-logo{max-width:min(48vw,650px)!important}
#start .player{
  grid-template-columns:minmax(80px,var(--hbr-cover,92px)) minmax(0,1fr) auto minmax(150px,220px)!important;
  gap:clamp(10px,1.8vw,22px)!important;
  padding:clamp(12px,2vw,var(--hbr-player-pad,22px))!important;
}
#start .track-cover{
  width:clamp(72px,9vw,var(--hbr-cover,92px))!important;
  height:clamp(72px,9vw,var(--hbr-cover,92px))!important;
}
#start .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#start .panel,#start article,#start .schedule-item{min-width:0}
#start img{max-width:100%;height:auto}
#start .section-head{gap:10px}
#start .section-head h3{min-width:0;overflow-wrap:anywhere}
#start .team{grid-template-columns:repeat(3,minmax(0,1fr))}
#start .avatar{width:clamp(58px,7vw,85px);height:clamp(58px,7vw,85px)}
.site-header{max-width:100vw}
.site-header .brand{flex:0 1 var(--hbr-logo-width,220px);width:auto;min-width:120px}
.site-header .brand img{max-width:100%;height:min(64px,var(--hbr-header-height,72px))}

@media(max-width:1100px){
  #start .player{grid-template-columns:auto minmax(0,1fr) auto!important}
  #start .station-info{grid-column:1/-1;border-left:0!important;border-top:1px solid #26354a;padding:12px 0 0!important;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  #start .station-info p{margin:0!important}
  #start .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #start .grid-3>.panel:last-child:nth-child(odd){grid-column:1/-1}
  .site-header{gap:14px!important;padding-inline:clamp(12px,2vw,24px)!important}
}

@media(max-width:820px){
  #start{padding-inline:clamp(8px,2.5vw,18px)!important}
  #start .home-hero{display:grid!important;min-height:auto!important;padding:28px 18px!important}
  #start .hero-copy{max-width:100%!important}
  #start .hero-logo{position:relative!important;right:auto!important;width:min(72%,360px)!important;max-width:360px!important;margin:18px auto 0!important;opacity:.88}
  #start .hero-actions{flex-wrap:wrap}
  #start .hero-actions>*{flex:1 1 180px;text-align:center}
  #start .player{grid-template-columns:auto minmax(0,1fr)!important}
  #start .player-controls{grid-column:1/-1!important;justify-content:center!important}
  #start .station-info{grid-column:1/-1!important}
  #start .grid-3{grid-template-columns:1fr!important}
  #start .grid-3>.panel:last-child:nth-child(odd){grid-column:auto}
  #start .team{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:560px){
  #start .home-hero{padding:22px 14px!important}
  #start .home-hero h1{font-size:clamp(28px,10vw,42px)!important;letter-spacing:-1px!important}
  #start .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  #start .player{grid-template-columns:1fr!important;text-align:center!important;padding:14px!important}
  #start .track-cover{margin-inline:auto}
  #start .track-info{min-width:0}
  #start .track-info h2,#start .track-info p{overflow-wrap:anywhere}
  #start .player-controls,#start .station-info{grid-column:1!important}
  #start .station-info{display:grid!important;justify-items:center}
  #start .v19-onair-board{padding-inline:0!important;width:100%!important}
  #start .v19-onair-card{width:100%!important;max-width:100%!important}
  #start .team{grid-template-columns:1fr!important}
  #start .team article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;column-gap:12px;align-items:center}
  #start .team .avatar{grid-row:1/3;margin:0}
  #start .team h4{margin:0}
  #start .section-head{align-items:flex-start;flex-wrap:wrap}
  #start .schedule-item{grid-template-columns:minmax(52px,auto) minmax(0,1fr) auto!important}
  #start .news article{grid-template-columns:58px minmax(0,1fr) 12px!important}
  #start .news-img{width:58px!important}
  .hbr-persistent-player{max-width:100vw}
}

@media(min-width:1800px){
  #start{max-width:min(var(--hbr-max-width,1600px),92vw)!important}
}
