:root{--bg:#020713;--panel:#071122;--line:#173a62;--blue:#0aa8ff;--orange:#ff6a00;--pink:#ff2aa3;--green:#17e57c;--text:#fff;--muted:#9eb2ca;--gold:#ffc400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#09255a 0,transparent 24%),radial-gradient(circle at 90% 20%,#3b063c 0,transparent 24%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(1,6,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid #17243a}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:900;letter-spacing:-2px;display:flex;align-items:center;gap:8px}.brand>span:last-child span,.footer-brand span,.hero h1 span{color:var(--orange)}.brand-mark{color:var(--blue);text-shadow:0 0 14px var(--blue)}.custom-logo{max-height:58px;width:auto}.top-actions{display:flex;gap:18px;align-items:center;font-size:13px}.onair-dot{padding:9px 15px;border:1px solid #ff3030;border-radius:12px;box-shadow:0 0 18px #f22;color:#fff}.main-nav{border-top:1px solid #15233b}.main-nav ul{list-style:none;display:flex;justify-content:flex-end;gap:30px;margin:0;padding:14px 0}.main-nav a{font-size:13px;font-weight:700;text-transform:uppercase}.main-nav a:hover{color:var(--blue)}.hero{position:relative;overflow:hidden;min-height:475px;background:linear-gradient(90deg,rgba(1,5,16,.95),rgba(1,5,16,.25)),radial-gradient(circle at 80% 50%,#1535a3,transparent 32%),linear-gradient(135deg,#04122c,#120422)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(10,168,255,.06) 35px 38px);opacity:.55}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;min-height:475px}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:3px}.hero h1{font-size:72px;line-height:1;margin:12px 0;letter-spacing:-4px}.hero h2{font-size:26px;text-transform:uppercase}.hero p{font-size:25px;color:#ff9a34;font-style:italic}.hero-buttons{display:flex;gap:16px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 26px;border:0;border-radius:7px;text-transform:uppercase;font-weight:900;cursor:pointer}.btn.primary{background:#087cf1;box-shadow:0 0 22px rgba(0,142,255,.8)}.btn.orange{background:linear-gradient(#ff7b10,#ef4d00);box-shadow:0 0 22px rgba(255,94,0,.65);color:#fff}.btn.gold{background:linear-gradient(#ffd72e,#f2a900);color:#2a1700}.studio-card{height:310px;border:1px solid #1d4b94;border-radius:18px;background:radial-gradient(circle at 65% 30%,#c51c2c,transparent 12%),linear-gradient(145deg,#071d50,#0b0316);position:relative;box-shadow:0 0 50px #001f6c inset,0 0 25px rgba(0,108,255,.4)}.mic{font-size:120px;position:absolute;left:45%;top:20px;filter:drop-shadow(0 0 20px #0af)}.neon-sign{position:absolute;right:25px;bottom:60px;color:#ffaf35;border:4px solid #f33;padding:8px 18px;border-radius:9px;font-size:34px;font-weight:900;box-shadow:0 0 18px #f33,inset 0 0 18px #f33;text-shadow:0 0 8px #ff3}.mixer-lines{position:absolute;left:25px;right:25px;bottom:20px;height:35px;background:repeating-linear-gradient(90deg,#0af 0 4px,transparent 5px 13px,#ff5a00 14px 18px,transparent 19px 28px)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-20px;position:relative;z-index:3}.stat{border:1px solid #1e5da2;border-radius:8px;padding:18px;background:#071020;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto auto;column-gap:10px}.stat span{grid-row:1/4;font-size:34px;align-self:center}.stat small,.stat em{color:var(--muted);text-transform:uppercase;font-style:normal;font-size:11px}.stat strong{font-size:20px}.dashboard{display:grid;grid-template-columns:1.05fr .9fr .95fr;gap:15px;margin-top:20px}.panel{background:linear-gradient(180deg,rgba(9,22,43,.98),rgba(4,11,24,.98));border:1px solid #1e5489;border-radius:9px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.panel-head{border-bottom:1px solid #193555;margin:-5px 0 14px}.panel h2{margin:0 0 12px;text-transform:uppercase;font-size:21px}.program-row{display:grid;grid-template-columns:108px 1fr;padding:12px 0;border-bottom:1px solid #182c45}.program-row time{font-weight:700}.program-row div{display:flex;flex-direction:column}.program-row small{color:var(--muted)}.program-row.featured strong{color:var(--orange)}.dj-list{display:grid;gap:12px}.dj-card{display:grid;grid-template-columns:100px 1fr;gap:13px;border:1px solid #1454a2;border-radius:8px;padding:10px}.dj-card img,.avatar{width:95px;height:95px;border-radius:50%;object-fit:cover;border:2px solid var(--blue)}.avatar{display:grid;place-items:center;background:#0b2745;font-size:42px}.dj-card h3{margin:0;color:var(--blue)}.dj-card b{font-size:12px;color:var(--orange)}.dj-card p{font-size:13px;margin:6px 0}.request form{display:grid;gap:13px}.request label{font-size:13px}.request input,.request textarea{width:100%;margin-top:7px;background:#111b30;border:1px solid #1a2a45;color:white;padding:12px;border-radius:6px}.request textarea{min-height:70px;resize:vertical}.request-iframe-wrap{border-radius:6px;overflow:hidden;border:1px solid #1a2a45;background:#111b30}.request-iframe-wrap iframe{display:block;width:100%;height:650px;border:0}.whatsapp{display:block;color:var(--green);font-weight:800;margin-top:15px}.success{background:#0d4b2d;padding:10px;border-radius:6px}.treasure{border-color:#b57a00;text-align:center;background:radial-gradient(circle at 20% 20%,#6a2d00,transparent 40%),#170b03}.chest{font-size:86px}.treasure h2{color:var(--gold)}.news article{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #28314a}.news img{width:64px;height:64px;object-fit:cover}.news h3{margin:0;font-size:15px;color:#f977cb}.news p{font-size:12px;margin:3px 0}.player{border-color:#a31c8d}.player-visual{height:130px;display:grid;place-items:center;background:radial-gradient(ellipse,#0d4571,#020712 65%);font-weight:900;font-size:28px;border:1px solid #195a86}.player-visual span{color:var(--gold)}audio{width:100%;margin-top:12px}.notice{color:var(--muted);font-size:13px}.sponsors{margin-top:22px;margin-bottom:32px}.sponsors h2{text-align:center;text-transform:uppercase}.sponsor-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sponsor-row a,.sponsor-row span{height:82px;display:grid;place-items:center;background:#fff;color:#111;border-radius:7px;font-weight:900;text-align:center;padding:8px}.sponsor-row img{max-width:100%;max-height:65px;width:auto;height:auto}.site-footer{border-top:1px solid #1a3559;background:#030914;padding-top:35px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer-brand{font-size:28px;font-weight:900}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:6px 0}.site-footer p,.site-footer a{color:#aebbd0}.copyright{text-align:center;border-top:1px solid #142038;margin-top:25px;padding:18px;color:#6f829d;font-size:13px}.content-page{padding:45px 0}.content-page img{max-width:100%;height:auto}@media(max-width:900px){.top-actions{display:none}.main-nav{overflow:auto}.main-nav ul{justify-content:flex-start;gap:20px;width:max-content}.hero-grid{grid-template-columns:1fr}.studio-card{display:none}.hero h1{font-size:54px}.stats{grid-template-columns:repeat(2,1fr);margin-top:15px}.dashboard{grid-template-columns:1fr 1fr}.request{grid-column:auto}.sponsor-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.topbar{height:64px}.brand{font-size:24px}.hero{min-height:auto;padding:55px 0}.hero-grid{min-height:auto}.hero h1{font-size:44px}.hero h2{font-size:18px}.hero p{font-size:18px}.hero-buttons{flex-direction:column}.stats,.dashboard,.footer-grid{grid-template-columns:1fr}.sponsor-row{grid-template-columns:1fr 1fr}.stat{min-height:100px}.dj-card{grid-template-columns:80px 1fr}.dj-card img,.avatar{width:75px;height:75px}.program-row{grid-template-columns:95px 1fr}}

/* Vaste HoppaRadio live speler */
body{padding-bottom:112px}.hoppa-player{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:rgba(2,7,19,.97);border-top:1px solid #165d9d;box-shadow:0 -10px 35px rgba(0,0,0,.55);backdrop-filter:blur(16px)}.hoppa-player__inner{width:min(1240px,calc(100% - 24px));min-height:96px;margin:auto;display:grid;grid-template-columns:68px 66px minmax(180px,1fr) auto 44px minmax(130px,190px) auto auto auto;align-items:center;gap:13px}.hoppa-player__play{width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(145deg,#16b8ff,#086ce8);color:#fff;font-size:25px;font-weight:900;cursor:pointer;box-shadow:0 0 24px rgba(10,168,255,.75)}.hoppa-player.is-playing .hoppa-player__play{background:linear-gradient(145deg,#ff8521,#e84b00);box-shadow:0 0 24px rgba(255,106,0,.7)}.hoppa-player__artwork img{width:58px;height:58px;border-radius:8px;object-fit:cover;border:1px solid #2876b6}.hoppa-player__now{min-width:0;display:grid;line-height:1.2}.hoppa-player__live{font-size:10px;font-weight:900;color:#ff6969;letter-spacing:1px}.hoppa-player__live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3030;box-shadow:0 0 9px #ff3030;margin-right:4px}.hoppa-player__title,.hoppa-player__artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoppa-player__title{font-size:16px}.hoppa-player__artist{color:#9ec8eb;font-size:13px}.hoppa-player__status{color:#6f8da8;font-size:11px;margin-top:3px}.hoppa-player__listeners{font-size:13px;color:#a8bed4;white-space:nowrap}.hoppa-player__listeners strong{color:#fff}.hoppa-player__favorite{border:0;background:transparent;color:#fff;font-size:31px;cursor:pointer}.hoppa-player__favorite.is-favorite{color:#ff3b72;text-shadow:0 0 12px #ff3b72}.hoppa-player__volume-wrap{display:flex;align-items:center;gap:6px;font-size:13px}.hoppa-player__volume{width:100%;accent-color:#0aa8ff}.hoppa-player__airplay,.hoppa-player__whatsapp{border:1px solid #276a9e;border-radius:7px;background:#081a2c;color:#fff;padding:9px 10px;font-size:12px;font-weight:800;cursor:pointer}.hoppa-player__airplay{display:none}.hoppa-player__whatsapp{border-color:#179c5d;color:#38e18f}.hoppa-player__cast{width:34px;height:34px;--connected-color:#0aa8ff;--disconnected-color:#fff}.hoppa-player.is-unconfigured{opacity:.78}.hoppa-player.is-unconfigured .hoppa-player__play{cursor:not-allowed;filter:grayscale(1)}@supports (-webkit-touch-callout:none){.hoppa-player__airplay{display:block}}@media(max-width:900px){body{padding-bottom:104px}.hoppa-player__inner{grid-template-columns:58px 52px minmax(120px,1fr) 40px auto;min-height:88px;gap:8px}.hoppa-player__play{width:52px;height:52px}.hoppa-player__artwork img{width:48px;height:48px}.hoppa-player__listeners,.hoppa-player__volume-wrap,.hoppa-player__airplay{display:none}.hoppa-player__whatsapp{font-size:0;width:40px;height:40px;padding:0;display:grid;place-items:center}.hoppa-player__whatsapp:before{content:'💬';font-size:20px}.hoppa-player__cast{width:32px;height:32px}}@media(max-width:520px){body{padding-bottom:92px}.hoppa-player__inner{width:calc(100% - 12px);grid-template-columns:52px 44px minmax(0,1fr) 35px 36px;min-height:78px;gap:5px}.hoppa-player__play{width:46px;height:46px;font-size:19px}.hoppa-player__artwork img{width:40px;height:40px}.hoppa-player__title{font-size:13px}.hoppa-player__artist{font-size:11px}.hoppa-player__status{display:none}.hoppa-player__favorite{font-size:25px}.hoppa-player__whatsapp{width:34px;height:34px}.hoppa-player__cast{display:none}}

/* HoppaRadio LiveBar Pro v1.2 */
body{padding-bottom:152px}
.hoppa-player{border-top:1px solid rgba(23,212,227,.55);background:rgba(3,10,24,.97);box-shadow:0 -12px 42px rgba(0,0,0,.65),0 -1px 20px rgba(23,212,227,.12)}
.hoppa-livebar__main{background:linear-gradient(90deg,rgba(7,24,48,.98),rgba(3,10,24,.98) 45%,rgba(17,19,42,.98))}
.hoppa-livebar__inner{width:min(1420px,calc(100% - 28px));min-height:108px;margin:auto;display:grid;grid-template-columns:72px 72px minmax(220px,1.35fr) 62px minmax(180px,.8fr) 105px 46px minmax(120px,180px) auto auto auto;align-items:center;gap:14px}
.hoppa-player__play{width:66px;height:66px;border:2px solid rgba(255,255,255,.22);position:relative;overflow:hidden}.hoppa-player__play:after{content:'';position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.35),transparent 65%);transform:translateX(-80%);transition:.5s}.hoppa-player__play:hover:after{transform:translateX(80%)}
.hoppa-player__artwork img{width:66px;height:66px;border-radius:10px;box-shadow:0 0 20px rgba(23,212,227,.22)}
.hoppa-player__title{font-size:18px;color:#fff}.hoppa-player__artist{font-size:14px;color:#17d4e3}.hoppa-player__status{font-size:11px}
.hoppa-livebar__equalizer{height:38px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.hoppa-livebar__equalizer i{display:block;width:5px;height:20%;border-radius:5px;background:linear-gradient(#17d4e3,#f9c74f);animation:hoppa-eq .9s ease-in-out infinite alternate;animation-play-state:paused}.hoppa-player.is-playing .hoppa-livebar__equalizer i{animation-play-state:running}.hoppa-livebar__equalizer i:nth-child(2){animation-delay:-.35s}.hoppa-livebar__equalizer i:nth-child(3){animation-delay:-.6s}.hoppa-livebar__equalizer i:nth-child(4){animation-delay:-.15s}.hoppa-livebar__equalizer i:nth-child(5){animation-delay:-.45s}@keyframes hoppa-eq{to{height:100%}}
.hoppa-livebar__show{display:grid;min-width:0;border-left:1px solid rgba(255,255,255,.12);padding-left:16px;line-height:1.22}.hoppa-livebar__show strong,.hoppa-livebar__show span,.hoppa-livebar__show small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoppa-livebar__show strong{font-size:14px}.hoppa-livebar__show span{font-size:12px;color:#a9bdd0}.hoppa-livebar__show small{font-size:11px;color:#f9c74f}.hoppa-show__badge{justify-self:start;color:#fff!important;background:#e83f3f;padding:3px 7px;border-radius:4px;font-size:9px!important;font-weight:900;letter-spacing:.8px;margin-bottom:4px;box-shadow:0 0 10px rgba(232,63,63,.6)}
.hoppa-player__listeners{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:5px;line-height:1}.hoppa-player__listeners strong{font-size:20px}.hoppa-player__listeners small{grid-column:1/-1;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#7891aa;margin-top:4px}
.hoppa-player__whatsapp{display:flex;align-items:center;gap:6px;background:rgba(23,156,93,.13);white-space:nowrap}.hoppa-player__whatsapp:hover{background:#179c5d;color:#fff}
.hoppa-livebar__ticker{height:34px;display:grid;grid-template-columns:auto 1fr;border-top:1px solid rgba(255,255,255,.07);background:#020713;overflow:hidden}.hoppa-ticker__label{display:grid;place-items:center;padding:0 18px;font-size:10px;font-weight:900;letter-spacing:1px;color:#07101e;background:#f9c74f;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);padding-right:28px}.hoppa-ticker__viewport{overflow:hidden;display:flex;align-items:center}.hoppa-ticker__track{display:flex;width:max-content;animation:hoppa-ticker 32s linear infinite}.hoppa-ticker__track span{display:block;padding-right:80px;white-space:nowrap;color:#c7d8e8;font-size:12px}.hoppa-ticker__track span:before{content:'●';color:#17d4e3;margin-right:12px}@keyframes hoppa-ticker{to{transform:translateX(-50%)}}
@media(max-width:1180px){.hoppa-livebar__inner{grid-template-columns:66px 62px minmax(180px,1fr) 48px minmax(150px,.7fr) 90px 42px minmax(105px,150px) auto}.hoppa-player__airplay,.hoppa-player__cast{display:none!important}.hoppa-player__whatsapp{font-size:0}.hoppa-player__whatsapp span{font-size:18px}}
@media(max-width:900px){body{padding-bottom:132px}.hoppa-livebar__inner{min-height:96px;grid-template-columns:58px 54px minmax(130px,1fr) 42px 78px 40px 42px;gap:8px}.hoppa-player__play{width:54px;height:54px}.hoppa-player__artwork img{width:50px;height:50px}.hoppa-livebar__show,.hoppa-player__volume-wrap,.hoppa-player__airplay,.hoppa-player__cast{display:none!important}.hoppa-player__listeners{display:grid}.hoppa-player__listeners strong{font-size:17px}.hoppa-player__whatsapp{width:38px;height:38px;padding:0;justify-content:center}.hoppa-ticker__label{padding-left:10px;padding-right:20px;font-size:8px}}
@media(max-width:560px){body{padding-bottom:122px}.hoppa-livebar__inner{width:calc(100% - 10px);min-height:88px;grid-template-columns:50px 46px minmax(0,1fr) 54px 34px 36px;gap:5px}.hoppa-player__play{width:46px;height:46px;font-size:18px}.hoppa-player__artwork img{width:42px;height:42px}.hoppa-livebar__equalizer{display:none}.hoppa-player__listeners small{display:none}.hoppa-player__listeners strong{font-size:15px}.hoppa-player__favorite{font-size:25px}.hoppa-player__title{font-size:13px}.hoppa-player__artist{font-size:11px}.hoppa-livebar__ticker{height:30px}.hoppa-ticker__label{display:none}.hoppa-ticker__track span{font-size:10px}.hoppa-player__status{display:none}}

/* Luisteraarsberichten v1.3 */
.hoppa-livebar__ticker{grid-template-columns:auto minmax(0,1fr) auto}.hoppa-ticker__submit{border:0;border-left:1px solid rgba(255,255,255,.12);background:#071426;color:#f9c74f;padding:0 16px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.hoppa-ticker__submit:hover{background:#102a45;color:#fff}.hoppa-message-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px}.hoppa-message-modal[hidden]{display:none}.hoppa-message-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(7px)}.hoppa-message-modal__dialog{position:relative;width:min(520px,100%);border:1px solid rgba(23,212,227,.42);border-radius:18px;background:linear-gradient(145deg,#071426,#020713);padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.75),0 0 30px rgba(23,212,227,.12)}.hoppa-message-modal__dialog h2{margin:0 36px 8px 0;font-size:25px}.hoppa-message-modal__dialog p{color:#9fb6ca;margin:0 0 18px}.hoppa-message-modal__close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#10253b;color:#fff;font-size:24px;cursor:pointer}.hoppa-message-form{display:grid;gap:13px}.hoppa-message-form label{display:grid;gap:6px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#b7cce0}.hoppa-message-form input,.hoppa-message-form textarea{width:100%;border:1px solid #285273;border-radius:9px;background:#030b16;color:#fff;padding:12px;font:inherit;text-transform:none;letter-spacing:0}.hoppa-message-form textarea{resize:vertical}.hoppa-message-form button[type=submit]{border:0;border-radius:9px;background:linear-gradient(135deg,#17d4e3,#0875e8);color:#fff;padding:13px 18px;font-weight:900;cursor:pointer}.hoppa-message-form__count{text-align:right;color:#7891aa;font-size:11px;margin-top:-8px}.hoppa-honeypot{position:absolute!important;left:-9999px!important}.hoppa-message-notice{padding:11px 13px;border-radius:8px;margin-bottom:14px}.hoppa-message-notice.is-success{background:rgba(32,190,108,.14);border:1px solid rgba(32,190,108,.45);color:#73f0ad}@media(max-width:700px){.hoppa-ticker__submit{padding:0 10px;font-size:0}.hoppa-ticker__submit:before{content:'✍';font-size:17px}.hoppa-message-modal__dialog{padding:22px 18px}}

/* Ingesproken Studio Groeten v1.5 */
.hoppa-voice-recorder{border:1px solid rgba(249,199,79,.28);border-radius:12px;background:rgba(249,199,79,.05);padding:14px;display:grid;gap:9px}.hoppa-voice-recorder>strong{color:#f9c74f;font-size:14px}.hoppa-voice-recorder>p{margin:0!important;font-size:12px;color:#9fb6ca}.hoppa-voice-recorder__controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hoppa-voice-recorder__controls button,.hoppa-record-delete{border:1px solid #285273;border-radius:8px;background:#071426;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.hoppa-voice-recorder__controls button:first-child{border-color:#e84362;color:#ff7f96}.hoppa-voice-recorder__controls button:disabled{opacity:.45;cursor:not-allowed}.hoppa-voice-recorder__controls span{font-variant-numeric:tabular-nums;color:#f9c74f;font-weight:900}.hoppa-voice-recorder audio{width:100%;height:40px}.hoppa-record-delete{justify-self:start;border-color:#7a3042;color:#ff9aad}.hoppa-record-status{min-height:16px;color:#8eabc3;font-size:11px}

.hoppa-preview-volume{display:flex;align-items:center;gap:10px;color:#d8e9f7;font-size:12px}.hoppa-preview-volume input{flex:1;accent-color:#0aa8ff}.hoppa-preview-volume[hidden]{display:none!important}

/* Studio Groeten audio v2.0 */
.hoppa-audio-meter{display:block;width:100%;height:54px;margin:12px 0;border:1px solid rgba(23,212,227,.35);border-radius:10px;background:rgba(3,12,24,.72)}
.hoppa-audio-meter[hidden]{display:none}
.hoppa-record-status{min-height:1.4em;margin-top:8px;font-size:.92rem}


/* HoppaRadio LiveBar 2.0 — bouwstap 1: vaste basisbalk */
.hoppa-player{
  isolation:isolate;
}
.hoppa-livebar__main{
  position:relative;
}
.hoppa-livebar__main:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(23,212,227,.07),transparent 30%,transparent 70%,rgba(249,199,79,.05));
}
.hoppa-player__play:focus-visible,
.hoppa-player__favorite:focus-visible,
.hoppa-player__airplay:focus-visible,
.hoppa-ticker__submit:focus-visible,
.hoppa-player__whatsapp:focus-visible,
.hoppa-player__volume:focus-visible{
  outline:3px solid #f9c74f;
  outline-offset:3px;
}
.hoppa-player__now{
  min-width:0;
}
.hoppa-player__title,
.hoppa-player__artist{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hoppa-player.is-playing .hoppa-player__artwork img{
  animation:hoppa-artwork-pulse 3.2s ease-in-out infinite;
}
@keyframes hoppa-artwork-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(23,212,227,.22)}
  50%{transform:scale(1.025);box-shadow:0 0 28px rgba(23,212,227,.38)}
}
@media (prefers-reduced-motion:reduce){
  .hoppa-player.is-playing .hoppa-player__artwork img,
  .hoppa-livebar__equalizer i,
  .hoppa-ticker__track{animation:none!important}
}


/* v2.2.1 zichtbare LiveBar-update */
body{padding-bottom:154px!important}
.hoppa-player{border-top:3px solid #17d4e3!important;box-shadow:0 -18px 50px rgba(0,0,0,.82),0 -2px 28px rgba(23,212,227,.28)!important}
.hoppa-livebar__main{background:linear-gradient(100deg,#793882,#384c8a 50%,#226d85)}
.hoppa-livebar__inner{min-height:118px!important;grid-template-columns:116px 78px 76px minmax(210px,1.35fr) 64px minmax(165px,.75fr) 108px 48px minmax(125px,180px) auto auto auto!important}
.hoppa-livebar__station{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#0b3760,#06182d);border-right:1px solid rgba(255,255,255,.1);margin-left:-14px;padding:0 14px;line-height:.9;letter-spacing:.6px;box-shadow:12px 0 25px rgba(0,0,0,.18)}
.hoppa-djdisplay{width:90px;height:90px;overflow:hidden;border-radius:8px;flex-shrink:0}
.hoppa-djdisplay iframe{display:block;width:150px;height:150px;border:0;transform:scale(.6);transform-origin:top left}
@media(min-width:901px) and (max-width:1180px){.hoppa-djdisplay{width:72px;height:72px}.hoppa-djdisplay iframe{transform:scale(.48)}}
.hoppa-player__play{width:72px!important;height:72px!important;background:linear-gradient(145deg,#ff9a2e,#f05205)!important;box-shadow:0 0 32px rgba(255,111,18,.72)!important;font-size:28px!important}
.hoppa-player.is-playing .hoppa-player__play{background:linear-gradient(145deg,#17d4e3,#0875e8)!important;box-shadow:0 0 32px rgba(23,212,227,.65)!important}
.hoppa-player__artwork img{width:70px!important;height:70px!important;border:2px solid rgba(23,212,227,.55)!important}
.hoppa-player__live{display:inline-flex;align-items:center;width:max-content;background:rgba(237,63,63,.16);border:1px solid rgba(237,63,63,.45);padding:4px 8px;border-radius:20px;margin-bottom:6px;color:#ff7a7a!important}
.hoppa-player__title{font-size:20px!important;font-weight:900}.hoppa-player__artist{font-size:14px!important}
.hoppa-livebar__studio{border:1px solid #f9c74f;border-radius:8px;background:rgba(249,199,79,.09);color:#f9c74f;padding:10px 12px;font-weight:900;white-space:nowrap;cursor:pointer}.hoppa-livebar__studio:hover{background:#f9c74f;color:#06101d}
.hoppa-livebar__ticker{height:36px!important;background:#49316d}.hoppa-ticker__label{font-size:11px!important}
@media(max-width:1180px){.hoppa-livebar__inner{grid-template-columns:92px 66px 62px minmax(180px,1fr) 50px minmax(140px,.7fr) 90px 42px auto auto!important}.hoppa-livebar__studio{font-size:0;width:42px;height:42px;padding:0}.hoppa-livebar__studio:before{content:'🎙';font-size:19px}}
@media(max-width:900px){body{padding-bottom:142px!important}.hoppa-livebar__station{display:none}.hoppa-livebar__inner{grid-template-columns:58px 54px minmax(130px,1fr) 42px 78px 40px 42px!important;min-height:104px!important}.hoppa-livebar__studio{display:none}}
@media(max-width:560px){body{padding-bottom:128px!important}.hoppa-livebar__inner{grid-template-columns:50px 46px minmax(0,1fr) 54px 34px 36px!important;min-height:94px!important}.hoppa-player__play{width:48px!important;height:48px!important;font-size:19px!important}.hoppa-player__artwork img{width:44px!important;height:44px!important}.hoppa-player__title{font-size:14px!important}}


/* LiveBar 2.3 - live metadata */
.hoppa-livebar__show [data-hoppa-live-dj]{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.hoppa-livebar__show [data-hoppa-live-program]{color:#71dcff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.hoppa-livebar__show [data-hoppa-live-time]{color:#ffbd69}
.hoppa-player__status{transition:color .2s ease}
.hoppa-player.is-playing .hoppa-player__status{color:#59eeaa}

/* Dagweergave in de bestaande Programma's-skin */
.hoppa-program-controls{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.hoppa-program-controls a{border:1px solid #1e5489;border-radius:6px;padding:7px 9px;background:#081a2c;color:#9ec8eb;font-size:12px;font-weight:700}
.hoppa-program-controls a:hover,.hoppa-program-controls a:focus-visible{border-color:var(--blue);color:#fff;outline:2px solid var(--blue);outline-offset:2px}
.hoppa-program-date{margin:8px 0;color:var(--orange);font-weight:700;text-transform:capitalize}
.hoppa-program-calendar[aria-busy="true"]{opacity:.65}

/* Nieuwste SAM-nummers in de HoppaRadio-skin */
.hoppa-catalog-search{display:block;color:#9ec8eb;margin:0 0 18px;font-weight:700}
.hoppa-catalog-search input{display:block;width:100%;margin-top:8px;padding:12px;background:#111b30;border:1px solid #245280;color:#fff;border-radius:6px}
.hoppa-catalog-track{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #173a62}
.hoppa-catalog-track[hidden]{display:none}
.hoppa-catalog-track img{width:48px;height:48px;border:1px solid #1e5489;border-radius:6px;object-fit:contain}
.hoppa-catalog-track strong,.hoppa-catalog-track small{display:block;overflow-wrap:anywhere}
.hoppa-catalog-track strong{font-size:14px;color:#fff}
.hoppa-catalog-track small{color:#9eb2ca;font-size:12px}
.hoppa-catalog-request{display:inline-flex;padding:9px 10px;border-radius:6px;background:linear-gradient(#ff7b10,#ef4d00);color:#fff;font-size:12px;font-weight:800}
.hoppa-catalog-more{margin-top:16px;width:100%;font-size:13px;padding:12px}
.hoppa-live-request-frame{display:block;width:100%;height:650px;border:0;border-radius:8px;background:#071122}
.hoppa-request-switch [hidden]{display:none!important}

/* Webcam en flyerdiashow in het ON AIR-venster */
.hoppa-alarm5-home{margin-top:24px;margin-bottom:24px}
.hoppa-alarm5-home>.panel>h2,.hoppa-alarm5-page>.panel>h1{color:#17d4e3}
.hoppa-alarm5-home .alarm5,.hoppa-alarm5-page .alarm5{border-radius:12px}
.hoppa-alarm5-archive{margin-top:24px}
.hoppa-alarm5-archive ul{padding-left:22px}
.hoppa-alarm5-archive li{padding:6px 0}
.hoppa-alarm5-archive a{color:#7dccff;text-decoration:underline}
.hoppa-donations>.panel{padding:clamp(18px,4vw,40px)}
.hoppa-donations .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hoppa-donation-intro{max-width:850px;margin:0 auto;text-align:center}
.hoppa-donation-intro h1{font-size:clamp(26px,4vw,38px);line-height:1.2;color:#17d4e3}
.hoppa-donation-intro .eyebrow{font-size:12px;letter-spacing:1px}
.hoppa-donation-intro p{color:#c3d0e0}
.hoppa-donation-intro .hoppa-donation-thanks{color:#ffc400;font-weight:800}
.hoppa-donation-heading{text-align:center}
.hoppa-donation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.hoppa-donation-card{position:relative;display:flex;flex-direction:column;text-align:center;background:#091b32;border:1px solid #1e5489;border-radius:12px;padding:28px 18px 20px}
.hoppa-donation-card.is-featured{border:2px solid #ffc400;box-shadow:0 0 22px #ffc40020}
.hoppa-donation-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px;background:#ffc400;color:#071122;font-size:11px;padding:4px 10px;font-weight:800}
.hoppa-donation-amount{color:#17d4e3;font-size:36px;font-weight:900}
.hoppa-donation-card h3{font-size:18px;line-height:1.3}
.hoppa-donation-card p{font-size:14px;color:#c3d0e0;flex:1}
.hoppa-donation-card .btn{font-size:13px;padding:12px 10px;margin-top:12px}
.hoppa-donation-extra{margin-top:28px;padding:22px;text-align:center;background:#ffffff08;border:1px solid #173a62;border-radius:12px}
.hoppa-donation-extra h2{color:#ffc400}
.hoppa-donation-extra .btn{font-size:14px}
.hoppa-donation-closing{margin-top:30px}
.hoppa-donation-closing a{color:#17d4e3;text-decoration:underline}
.hoppa-donations a:focus-visible{outline:2px solid #17d4e3;outline-offset:4px}
@media(max-width:950px){.hoppa-donation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hoppa-donation-grid{grid-template-columns:1fr;gap:26px}.hoppa-donation-extra{padding:18px 12px}}
/* Hoofdsponsor: dezelfde neonpanelen, met leesbare flyer zonder uitsnijden. */
.hoppa-sponsor-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:18px}
.hoppa-sponsor-flyer{display:block;border:1px solid #b57a00;border-radius:8px;overflow:hidden;background:#020713}
.hoppa-sponsor-flyer img{display:block;width:100%;height:auto}
.hoppa-sponsor-badge{display:inline-block;color:#ffc400;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.hoppa-sponsor-info h3{font-size:25px;line-height:1.25;margin:10px 0;color:#ff9a34}
.hoppa-sponsor-info p{color:#c3d0e0;font-size:14px}
.hoppa-sponsor-info address{font-style:normal;font-size:14px;overflow-wrap:anywhere;margin:18px 0;color:#c3d0e0}
.hoppa-sponsor-info address a{color:#7dccff;text-decoration:underline}
.hoppa-sponsor-info .btn{font-size:13px;padding:12px 20px}
.hoppa-sponsor-info .hoppa-sponsor-caption{font-size:12px;color:#9eb2ca}
.hoppa-sponsor-flyer:focus-visible{outline:2px solid #ffc400;outline-offset:4px}
@media(max-width:800px){.hoppa-sponsor-feature{grid-template-columns:1fr;gap:18px}}
.hero-grid .hoppa-studio{display:block;height:auto;min-width:0;overflow:hidden;background:#071122}
.hoppa-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;color:#ff9a34;font-size:13px}
.hoppa-studio-heading a{color:#9ec8eb;font-size:12px}
.hoppa-studio-screen{width:100%;height:300px;background:#020713}
.hoppa-twitch-player,.hoppa-twitch-player iframe{width:100%;height:300px;border:0}
.hoppa-flyer-view{height:100%;width:100%}
.hoppa-flyer-view img{display:block;width:100%;height:100%;object-fit:contain}
.hoppa-studio [hidden]{display:none!important}
.hoppa-flyer-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:10px;color:#9ec8eb;font-size:12px}
.hoppa-flyer-controls button{background:#081a2c;color:#fff;border:1px solid #1e5489;border-radius:5px;padding:5px 12px;cursor:pointer}
.hoppa-flyer-controls button:focus-visible,.hoppa-studio-heading a:focus-visible{outline:2px solid #17d4e3;outline-offset:3px}
.hero .hoppa-studio-note{font-size:11px;font-style:normal;color:#9eb2ca;padding:0 12px 10px;margin:0}
@media(min-width:901px){.hero .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(402px,.8fr)}}
.hoppa-catalog-request:focus-visible,.hoppa-catalog-search input:focus-visible{outline:2px solid #17d4e3;outline-offset:3px}
@media(max-width:420px){.hoppa-catalog-track{gap:8px;grid-template-columns:40px minmax(0,1fr) auto}.hoppa-catalog-track img{width:40px;height:40px}.hoppa-catalog-request{font-size:11px;padding:8px}}

/* Kleurrijke feeststudio: warme neonaccenten en zachte lichtbundels. */
:root{--bg:#241252;--panel:#34246a;--line:#7954b0;--text:#fff5ff;--muted:#dccded;--blue:#55e8ff;--orange:#ffab55;--pink:#ff67ce}
body{color:var(--text);background:radial-gradient(ellipse at 5% 10%,rgba(255,64,181,.33),transparent 38%),radial-gradient(ellipse at 95% 35%,rgba(32,210,248,.28),transparent 38%),radial-gradient(ellipse at 40% 90%,rgba(255,139,32,.2),transparent 40%),linear-gradient(145deg,#36216c,#20295b 55%,#4c2269);background-attachment:fixed}
.site-header{background:linear-gradient(100deg,rgba(70,30,115,.97),rgba(31,65,112,.97));border-bottom:2px solid #fc75c9;box-shadow:0 3px 22px rgba(255,80,185,.25)}.main-nav{border-top-color:rgba(255,255,255,.15)}.main-nav a{border-radius:20px;padding:7px 12px}.main-nav a:hover{background:#ff67ce;color:#311448}.brand-mark{color:#66efff}.onair-dot{background:#702445;border-color:#ffad57;box-shadow:0 0 16px rgba(255,127,65,.4)}
.hero{background:radial-gradient(ellipse at 85% 5%,rgba(255,152,46,.58),transparent 37%),radial-gradient(ellipse at 75% 85%,rgba(26,231,241,.4),transparent 45%),linear-gradient(120deg,#773094,#44378f 55%,#165f93);color:#fff}
.hero:before{background:repeating-linear-gradient(115deg,transparent 0 65px,rgba(255,236,184,.09) 66px 80px,transparent 81px 145px);opacity:.8}.hero h1{text-shadow:0 4px 0 rgba(45,14,74,.5),0 0 32px rgba(255,119,216,.3)}.hero h1 span{color:#ffbf69}.hero .eyebrow{color:#8bf5ff}.hero p{color:#ffda93}.hero .btn{color:#fff}.btn{border-radius:24px}.btn.orange{background:linear-gradient(135deg,#ff8a28,#ed3f89);box-shadow:0 0 20px rgba(255,109,148,.4)}
.stat{background:linear-gradient(135deg,#613480,#344582);border:1px solid #a583ce;border-radius:18px;box-shadow:0 6px 20px rgba(92,28,136,.25)}.stat:nth-child(2n){background:linear-gradient(135deg,#294f89,#386570);border-color:#67c9e3}.stat strong{color:#fff1b8}
.dashboard>.panel:not(.treasure){background:linear-gradient(145deg,#4a347b,#303e74);border:1px solid #9980c2;border-radius:20px;box-shadow:0 9px 26px rgba(25,8,56,.24),inset 0 1px 0 rgba(255,255,255,.12)}.dashboard>.panel:nth-child(3n+1):not(.treasure){border-color:#ee82c3}.dashboard>.panel:nth-child(3n+2):not(.treasure){border-color:#67dce9}
.panel-head{border-bottom:2px solid rgba(255,158,212,.45)}.panel h2{color:#ffdd9f}.dj-card{background:rgba(134,87,167,.23);border-color:#ab83ca;border-radius:16px}.dj-card b{color:#ffc277}.program-row{border-bottom-color:rgba(204,181,231,.25)}.avatar{background:linear-gradient(145deg,#cf549f,#4068bf)}
.site-footer{position:relative;background-color:#3a275c;background-image:none;border-top:3px solid #ff9cce;color:#fff5ff}.site-footer:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,#612c80,#304b83 60%,#663155);pointer-events:none}.site-footer>*{position:relative;z-index:1}.site-footer p,.site-footer a{color:#eee2fb}.site-footer .footer-brand span{color:#ffc074}.copyright{color:#decaeb;border-top-color:rgba(255,255,255,.2)}
body .hoppa-greetings{background:linear-gradient(145deg,#563780,#314b7b);border-color:#f294d0;border-radius:24px;box-shadow:0 0 28px rgba(247,94,189,.14);color:#fff5ff}.hoppa-greetings__eyebrow{color:#8bf4ff}.hoppa-greeting-card{background:rgba(172,119,200,.12);border-color:rgba(210,171,239,.35)}.hoppa-greeting-card blockquote{color:#fff0fd}.hoppa-greeting-card__meta time,.hoppa-greeting-audio__time,.hoppa-greetings__empty{color:#dfcfef}
body .news article.hoppa-shownews__item{background:linear-gradient(130deg,#664486,#3c5185);border-color:#ac89ce;border-radius:16px}.hoppa-shownews__item h3 a{color:#fff3ff}.hoppa-shownews__item h3 a:hover{color:#8ff6ff}.hoppa-shownews__intro,.hoppa-shownews__item time{color:#e0d2ef}.hoppa-shownews__intro a{color:#8bf4ff}.hoppa-shownews__read{color:#ffce86}.hoppa-local-news-title{border-top-color:#9b78b6}
.site-footer .hoppa-visitors{background:linear-gradient(140deg,#713d8f,#3b5a8e);border-color:#70dfec;color:#fff}.hoppa-visitors__title{color:#a0f7ff}.hoppa-visitors__stats strong{color:#ffdc95}.hoppa-visitors__stats span,.hoppa-visitors small{color:#ecdaf7}
.hoppa-message-modal .hoppa-message-modal__dialog{background:linear-gradient(145deg,#65428d,#354f81);border-color:#f594d2;color:#fff5ff}.hoppa-message-modal .hoppa-message-form__actions{background:#405483;border-top-color:#9e88c1}.hoppa-message-form input,.hoppa-message-form textarea{background:#382d60;border-color:#b59bd5;color:#fff}.hoppa-message-modal__dialog p,.hoppa-message-form label{color:#eee0fa}.hoppa-message-form__count{color:#dbc9ec}.hoppa-message-form button[type=submit]{background:linear-gradient(120deg,#bb287f,#7c38b0);color:#fff}.hoppa-message-modal__close{background:#7f397f}
.hoppa-player{background:#423172;color:#fff}.hoppa-livebar__main{background:linear-gradient(100deg,#793882,#384c8a 50%,#226d85)}.hoppa-livebar__ticker{background:#49316d}.hoppa-ticker__submit{background:#733d83;color:#ffdf9f}.hoppa-player__artist{color:#9af5ff}.hoppa-player__status{color:#e0d1f0}.hoppa-player__listeners{color:#e5d8f5}
@media(max-width:620px){.main-nav a{padding:6px 9px}.dashboard>.panel:not(.treasure){border-radius:17px}body{background-attachment:scroll}}

/* Feeststudio ook op de overige thema-onderdelen; Alarm5 blijft apart. */
.sponsors .panel,.content-page>.panel,.content-page>article.panel{background:linear-gradient(145deg,#543b83,#365080);border-color:#aa8dce;border-radius:20px}
.dashboard>.treasure{background:radial-gradient(circle at 20% 10%,rgba(255,189,77,.35),transparent 60%),linear-gradient(140deg,#8b426f,#67418a);border-color:#ffce75;box-shadow:0 0 22px rgba(255,161,66,.15);border-radius:20px}
.player-visual{background:radial-gradient(ellipse,#467ca8,#654590);border-color:#8ce4f3;color:#fff}
.studio-card{background:radial-gradient(circle at 65% 30%,#ff786a,transparent 20%),linear-gradient(145deg,#67418e,#376990);box-shadow:0 0 30px rgba(91,218,241,.18);border-color:#d0a0ee}
.hero-grid .hoppa-studio,.hoppa-studio-screen{background:linear-gradient(145deg,#714594,#346c99)}
.hoppa-sponsor-flyer{background:linear-gradient(140deg,#693b83,#38678c);border-color:#ffd07b}
.hoppa-livebar__station{background:linear-gradient(145deg,#865091,#3c7596)}
.hoppa-player__airplay{background:#62528f;border-color:#ab98d3}.hoppa-player__whatsapp{background:#286c69;border-color:#7ee6b6;color:#b6ffe1}
.hoppa-livebar__studio{background:#815073;color:#ffe0a6}.hoppa-ticker__submit:hover{background:#96559b;color:#fff}
.hoppa-program-controls a,.hoppa-flyer-controls button{background:linear-gradient(140deg,#755396,#3f6c95);border-color:#b99ad7;color:#fff}
.request input,.request textarea,.hoppa-catalog-search input{background:#4d4479;border-color:#a79acb;color:#fff}
.request-iframe-wrap,.hoppa-live-request-frame{background:#4e568b;border-color:#ac9cd0}
.hoppa-donation-card{background:linear-gradient(145deg,#6d478e,#3c6691);border-color:#c49fe2}.hoppa-donation-extra{background:#60447f;border-color:#b18cce}
.hoppa-voice-recorder{background:rgba(199,110,201,.17);border-color:#e8a8d9}.hoppa-voice-recorder__controls button,.hoppa-record-delete{background:#664481;border-color:#b898d3;color:#fff}.hoppa-voice-recorder__controls button:first-child{color:#ffd0dd;border-color:#ffa4c7}.hoppa-record-status{color:#e6d4f4}.hoppa-audio-meter{background:#475485;border-color:#8de3ee}
body .hoppa-greeting-audio__track{background:#665a94}
body .hoppa-message-modal .hoppa-message-form__actions{background:#405483}
body .hoppa-message-modal__backdrop{background:rgba(39,19,74,.68)}

/* Eigen nieuws in dezelfde feeststudio-kaarten als de showbizzkoppen. */
.hoppa-local-news{margin-top:22px;padding:16px;border:1px solid #ac89ce;border-radius:18px;background:linear-gradient(135deg,rgba(111,67,141,.35),rgba(54,83,139,.3))}
.news .hoppa-local-news .hoppa-local-news-title{margin:0 0 14px;padding:0 0 10px;border-top:0;border-bottom:2px solid rgba(255,158,212,.45);font-size:18px;color:#ffdd9f}
.news .hoppa-local-news article{margin-top:12px;padding:15px;background:linear-gradient(130deg,#664486,#3c5185);border:1px solid #ac89ce;border-radius:16px;align-items:start}
.news .hoppa-local-news article h3{margin:0 0 8px;line-height:1.45;color:#fff3ff;font-size:16px}
.news .hoppa-local-news article h3 a:hover{color:#8ff6ff}.news .hoppa-local-news article p{color:#e0d2ef;font-size:13px}
.news .hoppa-local-news article img{border-radius:10px;border:1px solid rgba(255,255,255,.2)}
@media(max-width:620px){.hoppa-local-news{padding:12px}.news .hoppa-local-news article{padding:12px;grid-template-columns:54px minmax(0,1fr)}.news .hoppa-local-news article img{width:50px;height:50px}}

#nieuws>.hoppa-local-news{margin-top:0}#nieuws>.hoppa-shownews-heading{margin:24px 0 14px}

/* Compact hoofdmenu; dropdown kan buiten de navigatie uitklappen. */
.main-nav{overflow:visible}.main-nav ul.hoppa-compact-menu{display:flex;justify-content:center;align-items:center;gap:12px;width:auto;padding:12px 0;flex-wrap:wrap}
.hoppa-compact-menu>li>a,.hoppa-more summary{display:block;padding:9px 16px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.hoppa-more{position:relative}.hoppa-more summary{cursor:pointer;list-style:none;border-radius:20px;background:rgba(255,255,255,.1)}.hoppa-more summary::-webkit-details-marker{display:none}.hoppa-more summary:hover,.hoppa-more details[open]>summary{background:#a84c99;color:#fff}
.main-nav .hoppa-more__links{position:absolute;right:0;top:calc(100% + 10px);z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0;padding:10px;min-width:210px;max-width:min(300px,calc(100vw - 32px));max-height:60vh;overflow:auto;background:linear-gradient(145deg,#71418b,#355b88);border:1px solid #eda5db;border-radius:16px;box-shadow:0 14px 30px rgba(35,12,66,.4)}
.main-nav .hoppa-more__links a{display:block;white-space:normal;padding:10px 14px;border-radius:10px;text-transform:none}
.hoppa-compact-menu a:focus-visible,.hoppa-more summary:focus-visible{outline:2px solid #8bf4ff;outline-offset:3px}
@media(max-width:620px){.main-nav ul.hoppa-compact-menu{gap:4px;padding:8px 0}.hoppa-compact-menu>li>a,.hoppa-more summary{font-size:11px;padding:8px 9px}.main-nav .hoppa-more__links{min-width:190px}}

/* Paginabreed logo met de navigatie eronder. */
.site-header{position:relative;top:auto}
.site-header .hoppa-topbar-wide{width:100%;height:auto;display:flex;flex-direction:column;gap:0;padding:0}
.hoppa-header-logo{display:block;width:100%;line-height:0}
.hoppa-header-logo .custom-logo-link{display:block;width:100%}
.hoppa-header-logo img.custom-logo{display:block;width:100%;max-width:none;height:auto;max-height:none;object-fit:contain;margin:0}
.hoppa-header-logo .brand{justify-content:center;width:100%;padding:24px 12px;font-size:clamp(32px,8vw,110px);line-height:1.1;letter-spacing:-.04em}
.site-header .top-actions{display:flex;justify-content:center;flex-wrap:wrap;padding:10px 16px;gap:18px;background:rgba(73,34,107,.28);width:100%}
@media(max-width:620px){.site-header .top-actions{font-size:12px;padding:8px 12px;gap:12px}.site-header .onair-dot{padding:5px 9px}}

/* Header op mobiel en tablet: volledige breedte, begrensde hoogte en rustig menu. */
.hoppa-header-logo img.custom-logo{max-height:120px;object-fit:contain}
.main-nav .hoppa-compact-menu>li{min-width:0}.main-nav .hoppa-more__links{overflow-wrap:anywhere}
@media(min-width:621px) and (max-width:1024px){.hoppa-header-logo img.custom-logo{max-height:90px}.site-header .top-actions{display:flex}.main-nav ul.hoppa-compact-menu{width:100%;gap:8px}.hoppa-compact-menu>li>a,.hoppa-more summary{padding:9px 12px}}
@media(max-width:620px){.hoppa-header-logo img.custom-logo{max-height:65px}.main-nav ul.hoppa-compact-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px;justify-items:stretch}.hoppa-compact-menu>li>a,.hoppa-more summary{text-align:center;padding:9px 4px;font-size:11px;letter-spacing:0;white-space:normal}.hoppa-more{grid-column:2/4}.main-nav .hoppa-more__links{right:0;left:auto;width:min(260px,calc(100vw - 32px));min-width:0}.hoppa-header-logo .brand{padding:18px 10px}.site-header .top-actions{gap:12px}}
@media(max-height:500px) and (max-width:1024px){.hoppa-header-logo img.custom-logo{max-height:65px}.site-header .top-actions{padding:5px 12px}.main-nav ul.hoppa-compact-menu{padding:6px 0}.main-nav .hoppa-more__links{max-height:50vh}}

/* Ook het tekstlogo zonder ingestelde afbeelding blijft compact. */
.hoppa-header-logo .brand{font-size:48px;padding:14px 12px;letter-spacing:-2px}
@media(min-width:621px) and (max-width:1024px){.hoppa-header-logo .brand{font-size:38px;padding:12px}}
@media(max-width:620px){.hoppa-header-logo .brand{font-size:30px;padding:10px}}

/* Nieuw feeststudio-woordmerk, compact en zonder uitrekken. */
.hoppa-header-logo{padding:12px 16px 8px;text-align:center}
.hoppa-party-logo-link{display:block;width:360px;max-width:100%;margin:0 auto;border-radius:12px;line-height:0}
.hoppa-party-logo{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}
.hoppa-party-logo-link:focus-visible{outline:2px solid #8bf4ff;outline-offset:5px}
@media(min-width:621px) and (max-width:1024px){.hoppa-party-logo-link{width:270px}.hoppa-party-logo{max-height:90px}}
@media(max-width:620px){.hoppa-header-logo{padding:10px 12px 6px}.hoppa-party-logo-link{width:195px}.hoppa-party-logo{max-height:65px}}

/* Volledige naam bij het woordmerk. */
.hoppa-logo-foundation{display:block;margin:0 0 3px;color:#fff0cd;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 9px rgba(255,164,95,.4)}
@media(max-width:1024px){.hoppa-logo-foundation{font-size:12px}}
@media(max-width:620px){.hoppa-logo-foundation{font-size:10px;letter-spacing:.18em;margin-bottom:2px}}

/* Het oorspronkelijke regenboogontwerp krijgt weer een prominente plek. */
.site-header .hoppa-header-logo{padding:0;text-align:center;background:#000}
.site-header .hoppa-party-logo-link{width:min(700px,100%);max-width:100%;margin:0 auto;border-radius:0}
.site-header .hoppa-party-logo{width:100%;height:auto;max-height:none;object-fit:contain}
@media(min-width:621px) and (max-width:1024px){.site-header .hoppa-party-logo-link{width:min(560px,100%)}}
@media(max-width:620px){.site-header .hoppa-party-logo-link{width:min(400px,100%)}}
@media(max-height:500px) and (max-width:1024px){.site-header .hoppa-party-logo-link{width:min(360px,100%)}}

/* Lagere logoheader, met behoud van het volledige oorspronkelijke ontwerp. */
.site-header .hoppa-party-logo-link{width:min(440px,100%)}
@media(min-width:621px) and (max-width:1024px){.site-header .hoppa-party-logo-link{width:min(360px,100%)}}
@media(max-width:620px){.site-header .hoppa-party-logo-link{width:min(280px,100%)}}
@media(max-height:500px) and (max-width:1024px){.site-header .hoppa-party-logo-link{width:min(240px,100%)}}

/* Horizontaal transparant woordmerk zonder zwart vlak. */
.site-header .hoppa-header-logo{background:transparent;padding:8px 16px 4px}
.site-header .hoppa-party-logo-link{width:min(660px,100%)}
@media(min-width:621px) and (max-width:1024px){.site-header .hoppa-party-logo-link{width:min(540px,100%)}}
@media(max-width:620px){.site-header .hoppa-header-logo{padding:6px 10px 2px}.site-header .hoppa-party-logo-link{width:min(400px,100%)}}
@media(max-height:500px) and (max-width:1024px){.site-header .hoppa-party-logo-link{width:min(420px,100%)}}

/* Logo, contactlinks en menu dichter bij elkaar, zonder het logo te verkleinen. */
.site-header .hoppa-header-logo{padding:2px 16px 0}
.site-header .hoppa-party-logo-link{overflow:hidden}
.site-header .hoppa-party-logo{margin-top:-4%;margin-bottom:-4%}
.site-header .top-actions{padding:4px 12px;gap:14px}
.site-header .onair-dot{padding:4px 10px}
.site-header .main-nav ul.hoppa-compact-menu{padding:5px 0;gap:8px}
.site-header .hoppa-compact-menu>li>a,.site-header .hoppa-more summary{padding:7px 13px}
@media(max-width:620px){.site-header .hoppa-header-logo{padding:2px 10px 0}.site-header .top-actions{padding:3px 10px;gap:10px}.site-header .main-nav ul.hoppa-compact-menu{padding:4px 0;gap:3px}.site-header .hoppa-compact-menu>li>a,.site-header .hoppa-more summary{padding:7px 4px}}

.hoppa-social-pending{display:block;padding:10px 14px;color:#dac9e7;font-size:13px}.hoppa-social-pending small{display:block;font-size:10px;color:#d1b7df}
@media(max-width:620px){.site-header .hoppa-more{grid-column:auto}.site-header .hoppa-socials{position:static}.site-header .hoppa-socials .hoppa-more__links{right:0}.site-header .main-nav{position:relative}}

.hoppa-dj-photo{display:block;width:95px;height:95px;overflow:hidden;border-radius:50%;border:2px solid #55e8ff;box-shadow:0 0 14px rgba(255,103,206,.25)}
.dj-card .hoppa-dj-photo img{display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:60% 25%}
.dj-card .hoppa-dj-photo--jenny img{object-position:50% 35%;transform:none}
@media(max-width:620px){.hoppa-dj-photo{width:75px;height:75px}}

.dj-card .hoppa-dj-photo--groot img{object-position:65% 20%;transform:scale(1.3);transform-origin:65% 25%}
.dj-card .hoppa-dj-photo--schaik img{object-position:0% 15%;transform:scale(1.6);transform-origin:10% 25%}
.hoppa-dj-bianca{background:linear-gradient(135deg,#bc4a9b,#6055b4);color:#fff4d5;font-weight:900}

.hoppa-dj-profile-link{display:block;border-radius:50%;width:fit-content}.hoppa-dj-profile-link:hover{filter:brightness(1.12)}.hoppa-dj-profile-link:focus-visible{outline:3px solid #ffce86;outline-offset:4px}
.hoppa-dj-profile{text-align:center;max-width:700px;margin:0 auto}.hoppa-dj-profile .hoppa-dj-photo,.hoppa-dj-profile .avatar{margin:0 auto}
.hoppa-dj-profile .hoppa-dj-photo img{display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:60% 25%}
.hoppa-dj-profile .hoppa-dj-photo--jenny img{object-position:50% 35%;transform:none}.hoppa-dj-profile .hoppa-dj-photo--schaik img{object-position:0% 15%;transform:scale(1.6);transform-origin:10% 25%}
.hoppa-dj-profile h1{color:#ffdd9f}.hoppa-dj-profile__notice{font-size:24px;color:#8bf4ff;margin:16px 0 28px}

/* Skip layout and paint work for homepage sections until they approach the viewport. */
@supports(content-visibility:auto){.stats{content-visibility:auto;contain-intrinsic-size:auto 380px}.dashboard{content-visibility:auto;contain-intrinsic-size:auto 2200px}.hoppa-alarm5-home{content-visibility:auto;contain-intrinsic-size:auto 900px}.hoppa-greetings{content-visibility:auto;contain-intrinsic-size:auto 850px}.hoppa-sponsor-feature{content-visibility:auto;contain-intrinsic-size:auto 700px}.site-footer{content-visibility:auto;contain-intrinsic-size:auto 520px}}

/* Externe afspeellinks onder Luister live. */
.hoppa-external-players{margin-top:18px;padding-top:15px;border-top:1px solid #283c5c}.hoppa-external-players>strong{display:block;margin-bottom:11px;color:#8bf4ff;font-size:15px}.hoppa-external-players__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hoppa-external-players__links a{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 11px;border:1px solid #337aaa;border-radius:9px;background:#0a2039;color:#fff;font-size:12px}.hoppa-external-players__links a>span:last-child{display:grid;min-width:0}.hoppa-external-players__links b{font-size:12px}.hoppa-external-players__links small{color:#aac1d7;font-size:10px;font-weight:400}.hoppa-player-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:19px;font-weight:900;box-shadow:0 0 14px rgba(10,168,255,.25)}.hoppa-player-icon--vlc{background:linear-gradient(145deg,#ff9418,#e95900)}.hoppa-player-icon--winamp{background:linear-gradient(145deg,#f5d52c,#8a31b7)}.hoppa-player-icon--windows{background:linear-gradient(145deg,#0aa8ff,#1760cc)}.hoppa-player-icon--direct{background:linear-gradient(145deg,#17e57c,#087b55)}.hoppa-external-players__links a:hover{border-color:#8bf4ff;background:#10345a;transform:translateY(-1px)}.hoppa-external-players__links a:focus-visible{outline:3px solid #ffbc72;outline-offset:2px}@media(max-width:620px){.hoppa-external-players__links{grid-template-columns:1fr}.hoppa-external-players__links a{width:100%}}
.player-visual--external{display:block;height:auto;min-height:130px;padding:14px;background:radial-gradient(ellipse,#0d4571,#020712 72%)}.player-visual--external .hoppa-external-players{margin:0;padding:0;border:0}.player-visual--empty{font-size:17px;color:#9eb2ca}

/* Opvallende steunactie op de voormalige Nu live-positie. */
.hoppa-support-stat{border-color:#ff2aa3;background:linear-gradient(145deg,#3b0a39,#101a3d);box-shadow:0 0 20px rgba(255,42,163,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hoppa-support-stat span{color:#ff5bb6;text-shadow:0 0 13px #ff2aa3}.hoppa-support-stat small{color:#ffc4e7}.hoppa-support-stat strong{color:#fff}.hoppa-support-stat em{color:#ffd26f}.hoppa-support-stat:hover{transform:translateY(-2px);border-color:#ffd26f;box-shadow:0 0 25px rgba(255,42,163,.35)}.hoppa-support-stat:focus-visible{outline:3px solid #ffd26f;outline-offset:3px}
.hoppa-alarm5-leader-stat{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hoppa-alarm5-leader-stat .hoppa-alarm5-leader-stat__image{width:50px;height:50px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#111f3a;color:var(--gold);font-size:30px;align-self:center}.hoppa-alarm5-leader-stat__image img{display:block;width:100%;height:100%;object-fit:cover}.hoppa-alarm5-leader-stat strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.15}.hoppa-alarm5-leader-stat em{color:#ffd26f}.hoppa-alarm5-leader-stat:hover{transform:translateY(-2px);border-color:#ffd26f;box-shadow:0 0 25px rgba(255,196,0,.25)}.hoppa-alarm5-leader-stat:focus-visible{outline:3px solid #ffd26f;outline-offset:3px}