:root{--red:#d30d16;--red2:#ff1d2d;--blue:#0753b8;--blue2:#1681ff;--black:#050505;--panel:#0b0b0c;--line:#272a30;--white:#f7f7f4;--muted:#b5b7bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020202;color:var(--white);font-family:Oswald,Arial,sans-serif;background-image:radial-gradient(circle at 15% 15%,rgba(150,0,0,.10),transparent 28%),radial-gradient(circle at 85% 15%,rgba(0,55,170,.13),transparent 28%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{width:min(1540px,97%);margin:auto;background:#050505;min-height:100vh;box-shadow:0 0 70px #000}.hero-header{display:grid;grid-template-columns:1.62fr 1fr;min-height:280px;background:#030303;border-bottom:1px solid #1e1e1e}.brand-banner{overflow:hidden;position:relative}.brand-banner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.brand-banner:after{content:"";position:absolute;right:0;top:0;bottom:0;width:16%;background:linear-gradient(90deg,transparent,#030303)}.live-player-head{padding:26px 38px 18px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.live-player-head:after{content:"";position:absolute;right:10px;bottom:8px;width:220px;height:120px;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(10,65,160,.25) 9px 14px);opacity:.7;clip-path:polygon(0 70%,8% 58%,16% 74%,24% 42%,32% 64%,40% 31%,48% 69%,56% 20%,64% 52%,72% 12%,80% 66%,88% 30%,96% 72%,100% 80%,100% 100%,0 100%)}.on-air-badge{background:linear-gradient(#e31924,#9c0005);padding:7px 14px;border-radius:7px;font:30px Anton;width:max-content;box-shadow:0 0 20px rgba(255,0,0,.25)}.live-player-head h1{font:31px Anton;margin:10px 0 0;letter-spacing:.5px}.live-player-head>p{font-size:18px;margin:0;color:#eee}.head-player-row{display:grid;grid-template-columns:100px 1fr 150px;gap:20px;align-items:center;margin-top:18px}.big-play{width:92px;height:92px;border-radius:50%;border:4px solid var(--red);background:#050505;color:#fff;font-size:38px;cursor:pointer;box-shadow:0 0 22px rgba(212,0,12,.18)}.big-play:hover{background:#160305}.head-player-copy strong{display:block;color:var(--red2);font:28px Anton}.head-player-copy>span{font-size:16px}.head-volume{display:flex;align-items:center;gap:10px;margin-top:8px}.head-volume input{accent-color:var(--red);width:150px}.eq{display:flex;align-items:end;gap:5px;height:78px}.eq i{width:7px;height:var(--h);background:linear-gradient(to top,#0753b8 0 45%,#d30d16 45% 100%);border-radius:3px;animation:eq 1.2s ease-in-out infinite alternate}.eq i:nth-child(2n){animation-delay:.25s}.eq i:nth-child(3n){animation-delay:.5s}@keyframes eq{to{height:25%}}
.main-nav{background:linear-gradient(#171717,#090909);border-bottom:3px solid var(--red);position:sticky;top:0;z-index:30;box-shadow:0 6px 20px rgba(0,0,0,.6)}.nav-links{display:grid;grid-template-columns:repeat(9,1fr);align-items:stretch}.nav-links a{min-height:64px;display:flex;gap:9px;align-items:center;justify-content:center;font-weight:700;font-size:17px;border-right:1px solid #1d1d1d;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,#e11119,#9c0008)}.nav-links a:first-child{font-size:22px}.nav-links a span{font-size:16px}.menu-toggle{display:none;width:100%;background:#141414;color:white;border:0;padding:12px;text-align:left;font-weight:700}
main{padding:22px}.dashboard-grid{display:grid;grid-template-columns:315px minmax(0,1fr) 330px;gap:15px}.left-column,.right-column{display:flex;flex-direction:column;gap:15px}.box{background:linear-gradient(180deg,#0d0e10,#050505);border:1px solid #2a2d33;box-shadow:inset 0 0 40px rgba(255,255,255,.015),0 10px 22px rgba(0,0,0,.42)}.box>h2,.live-box>h2{font:29px Anton;margin:0;padding:11px 18px;text-transform:uppercase}.red-head{background:linear-gradient(90deg,rgba(190,0,8,.78),rgba(90,0,5,.52),transparent 92%);border-left:4px solid var(--red)}.blue-head{background:linear-gradient(90deg,rgba(0,69,165,.78),rgba(0,36,95,.45),transparent 92%);border-left:4px solid var(--blue2)}.live-box{text-align:center;padding-bottom:18px}.live-photo-wrap{width:155px;height:155px;margin:24px auto 14px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#ff2330,#6a0005);box-shadow:0 0 25px rgba(255,0,20,.25)}.live-photo-wrap img,.mic-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;background:radial-gradient(circle,#1a1113,#040404 68%);display:grid;place-items:center;font-size:70px}.live-box h3{font:28px Anton;color:#ff202c;margin:0;text-transform:uppercase}.live-box p{margin:1px 0 10px;font-size:18px}.live-meta{display:flex;justify-content:center;gap:10px;align-items:center}.live-meta b,.dj-state{background:#c30b13;padding:3px 10px;border-radius:3px;font-size:14px}.live-meta b.off{background:#343434}.live-meta span{color:#ddd}.listeners-box{padding-bottom:20px}.listeners-number{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 10px 5px}.listeners-number span{font-size:30px;color:#555}.listeners-number strong{font:52px Anton}.listeners-box p{text-align:center;color:#ddd;margin:5px 10px}
.center-column{min-width:0}.welcome-card{height:360px;border:1px solid #213758;background:radial-gradient(circle at 15% 50%,rgba(155,0,0,.34),transparent 34%),radial-gradient(circle at 85% 48%,rgba(0,76,190,.38),transparent 37%),linear-gradient(125deg,#080808,#101010 45%,#060606);position:relative;overflow:hidden;display:grid;place-items:center}.welcome-card:before,.welcome-card:after{content:"";position:absolute;width:420px;height:420px;top:-90px;border-radius:50%;filter:blur(15px);opacity:.3}.welcome-card:before{left:-180px;background:repeating-radial-gradient(circle,#d20a15 0 2px,transparent 4px 15px)}.welcome-card:after{right:-190px;background:repeating-radial-gradient(circle,#005ed1 0 2px,transparent 4px 15px)}.welcome-noise{position:absolute;inset:0;background-image:linear-gradient(110deg,transparent 0 48%,rgba(255,255,255,.025) 49% 50%,transparent 51%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px)}.welcome-text{position:relative;z-index:2;text-align:center;transform:rotate(-1deg)}.welcome-text>span{font:42px Anton;color:#f4f4f4;text-shadow:3px 3px #333}.welcome-text h2{font:70px/.9 Anton;margin:4px 0;text-shadow:4px 5px 0 #151515,0 0 12px #000}.welcome-text h2 em{color:#1765cf;font-style:normal}.welcome-text h2 b{color:#df111b;font-weight:400}.welcome-text p{font:28px/1.1 Oswald;font-style:italic;font-weight:700;margin:18px 0 0;transform:rotate(-3deg)}.djs-inline{margin-top:14px;padding:12px 18px 14px}.djs-inline>h2{font:24px Anton;margin:0 0 8px;padding:0 0 7px;border-bottom:1px solid #444}.dj-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dj-mini{background:#0b0b0c;border:1px solid #292d35;text-align:center;padding-bottom:8px;overflow:hidden}.dj-mini-photo{height:125px;background:radial-gradient(circle at 50% 55%,#47040a,#060606 65%);display:grid;place-items:center}.dj-mini:nth-child(even) .dj-mini-photo{background:radial-gradient(circle at 50% 55%,#063c8c,#060606 65%)}.dj-mini-photo img{width:100%;height:100%;object-fit:cover}.dj-mini-photo span{font-size:64px;filter:grayscale(1)}.dj-mini h3{font:20px Anton;color:#ff1a27;text-transform:uppercase;margin:7px 3px 5px}.dj-mini:nth-child(even) h3{color:#1681ff}.dj-mini .dj-state{background:#303030;font-size:12px}.dj-mini.is-live{border-color:#c30b13;box-shadow:0 0 14px rgba(255,0,0,.14)}.dj-mini.is-live .dj-state{background:#c30b13}
.request-box,.ondemand-box{padding-bottom:16px}.request-box>p,.ondemand-box>p{padding:0 20px;font-size:17px;color:#eee}.request-box>p b{color:#ff333d}.red-button,.dark-button{display:block;margin:12px 20px;border:0;border-radius:5px;padding:13px 14px;text-align:center;font:21px Anton;color:white;cursor:pointer}.red-button{background:linear-gradient(135deg,#cf1019,#9d0710)}.dark-button{background:#252525;border:1px solid #3b3b3b}.mode-line{padding:10px 20px 0;color:#bbb}.mode-line strong{background:#157035;color:#fff;padding:4px 10px;border-radius:4px;margin-left:6px}.request-form-wrap{display:none;padding:0 20px}.request-form-wrap.open{display:block}.request-form-wrap form,.guest-full form{display:grid;gap:8px}.request-form-wrap input,.request-form-wrap textarea,.guest-full input,.guest-full textarea{background:#111;border:1px solid #383838;color:white;padding:10px}.request-form-wrap textarea,.guest-full textarea{min-height:75px}.request-form-wrap button,.guest-full form button{background:#b90c15;border:0;color:#fff;padding:10px;font-weight:700}.ondemand-box small{display:block;text-align:center;color:#aaa}.formmsg{font-size:13px}.formmsg.ok{color:#4ddd79}.formmsg.bad{color:#ff6262}
.lower-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px;margin-top:15px}.news-box,.guest-preview{min-height:135px;padding-bottom:14px}.news-box>p{padding:0 20px}.news-line{padding:9px 18px;border-bottom:1px solid #222}.news-line b{display:block;color:#eee}.news-line span{color:#aaa;font-size:14px}.guest-preview{position:relative}.guest-preview-line{display:flex;justify-content:space-between;gap:25px;padding:12px 20px}.guest-preview-line b{color:#ff222e}.guest-preview-line p{margin:3px 0}.guest-preview-line time{color:#777;white-space:nowrap}.guest-preview>.red-button{position:absolute;right:15px;top:63px;width:240px;margin:0}.guest-full{display:none;padding:15px 20px}.guest-full.open{display:grid;grid-template-columns:360px 1fr;gap:15px}.guest-entry{border-left:3px solid #b90c15;padding:8px 12px;background:#0b0b0b}.guest-entry b{color:#ff2732}.guest-entry span{float:right;color:#777;font-size:12px}.guest-entry p{margin:4px 0}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.program-box,.photos-box{margin-top:15px;padding-bottom:18px}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.program-grid>div{background:#0b0b0c;border:1px solid #292c31;padding:12px}.program-grid strong{display:block;color:#2c8cff}.program-grid span{font-size:13px;color:#aaa}.program-grid b{display:block;margin-top:5px}.program-grid small{color:#ff3039}.photo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px}.photo-grid>div{height:155px;background:#111;border:1px solid #303030;display:grid;place-items:center;overflow:hidden}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid span{font:20px Anton;color:#888}footer{margin-top:18px;border-top:3px solid #b90c15;background:#090909;display:grid;grid-template-columns:2fr 1fr auto;gap:25px;padding:24px 28px;align-items:center}footer b,footer span{display:block}footer span{color:#aaa}footer a{background:#b90c15;padding:10px 16px;font-weight:700;border-radius:3px}
@media(max-width:1180px){.hero-header{grid-template-columns:1.3fr 1fr}.dashboard-grid{grid-template-columns:260px 1fr 290px}.welcome-text h2{font-size:58px}.nav-links a span{font-size:13px}.head-player-row{grid-template-columns:90px 1fr}.eq{display:none}.dj-mini-photo{height:105px}.photo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:930px){.hero-header{grid-template-columns:1fr}.brand-banner{height:290px}.brand-banner:after{display:none}.live-player-head{min-height:240px}.menu-toggle{display:block}.nav-links{display:none;grid-template-columns:1fr}.nav-links.open{display:grid}.nav-links a{justify-content:flex-start;padding-left:20px}.dashboard-grid{grid-template-columns:1fr 1fr}.center-column{grid-column:1/-1;grid-row:1}.left-column,.right-column{grid-row:2}.lower-grid{grid-template-columns:1fr}.guest-preview>.red-button{position:static;width:auto;margin:12px 20px}.guest-full.open{grid-template-columns:1fr}.program-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body{background:#050505}.site-shell{width:100%}.brand-banner{height:220px}.live-player-head{padding:20px}.live-player-head h1{font-size:25px}.head-player-row{grid-template-columns:78px 1fr}.big-play{width:72px;height:72px;font-size:28px}.dashboard-grid{grid-template-columns:1fr}.center-column,.left-column,.right-column{grid-column:auto;grid-row:auto}.center-column{grid-row:1}.left-column{grid-row:2}.right-column{grid-row:3}.welcome-card{height:300px}.welcome-text>span{font-size:30px}.welcome-text h2{font-size:45px}.welcome-text p{font-size:20px}.dj-row{grid-template-columns:1fr 1fr}.dj-mini-photo{height:120px}.lower-grid{grid-template-columns:1fr}.program-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid>div{height:130px}footer{grid-template-columns:1fr}main{padding:10px}.nav-links a{min-height:48px}}

/* Streamtitel in hoofdplayer */
.stream-title-line{margin-top:7px;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;color:#f1f1f1;position:relative;z-index:2}.stream-title-line b{color:var(--red2);margin-right:4px}.stream-title-line.is-loading span{opacity:.65}.stream-title-line.is-error span{color:#b5b7bd}@media(max-width:650px){.stream-title-line{max-width:250px;font-size:14px;white-space:normal;line-height:1.25}}