main{padding-top:22px!important}
.brand-logo{width:min(410px,42vw);height:86px;padding:7px 14px;background:#f5f1e2;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.radio-strip{display:flex;align-items:center;gap:22px;margin:0 0 22px;padding:13px 16px;border:1px solid #d5cfb8;border-radius:22px;background:#fffdf5;box-shadow:0 10px 28px -22px rgba(43,51,32,.55)}.radio-title{display:flex;flex-direction:column;min-width:104px;padding:0 6px}.radio-title span{width:max-content;padding:4px 8px;border-radius:999px;background:#b04a2f;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.12em}.radio-title strong{margin-top:6px;font-size:1rem}.radio-stations{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.radio-card{min-width:0;display:grid;grid-template-columns:104px 1fr 48px;align-items:center;gap:13px;padding:9px 10px 9px 13px;border-radius:16px;background:#f1eddd;border-left:5px solid var(--station)}.radio-card img{width:100%;height:42px;object-fit:contain;object-position:left center}.radio-copy{display:flex;min-width:0;flex-direction:column}.radio-copy strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-copy small{margin-top:3px;color:#687052;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-card button{width:44px;height:44px;border:0;border-radius:50%;background:var(--station);color:#fff;font:900 1rem Arial;cursor:pointer;box-shadow:0 7px 18px -9px var(--station)}.radio-card button:hover{transform:scale(1.04)}
@media(max-width:900px){.radio-strip{align-items:stretch}.radio-title{justify-content:center}.radio-stations{grid-template-columns:1fr}.brand-logo{width:min(350px,58vw)}}
@media(max-width:680px){.brand-logo{width:235px;height:68px;padding:6px 10px}.radio-strip{display:block;padding:12px}.radio-title{margin:0 0 10px}.radio-title strong{display:none}.radio-stations{gap:8px}.radio-card{grid-template-columns:82px 1fr 44px}.radio-copy small{display:none}}
.brand-logo{width:min(540px,52vw);height:112px;padding:8px 18px;border-radius:22px}.radio-strip{padding:17px 18px;margin-bottom:24px;border-radius:24px}.radio-card{grid-template-columns:94px 1fr 54px;gap:16px;padding:12px 13px;border-radius:19px;border-left-width:6px}.album-art{width:94px;height:94px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#e2e9cf,#cdd2b0);display:grid;place-items:center}.album-art img{width:100%;height:100%;display:block;object-fit:cover}.album-art span{font-size:2.2rem;color:#55603e}.radio-copy .station-logo{width:112px;height:30px;margin-bottom:6px;object-fit:contain;object-position:left center}.now-label{width:max-content;margin-bottom:4px;color:var(--station);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.radio-copy strong{font-size:1.05rem}.radio-copy small{margin-top:4px;color:#55603e;font-size:.82rem;font-weight:700}.radio-card button{width:48px;height:48px}
@media(max-width:900px){.brand-logo{width:min(430px,65vw);height:96px}}
@media(max-width:680px){.brand-logo{width:270px;height:76px;padding:6px 10px}.radio-stations{gap:9px}.radio-card{grid-template-columns:76px 1fr 46px;gap:11px}.album-art{width:76px;height:76px}.radio-copy .station-logo{width:90px;height:23px}.radio-copy strong{font-size:.9rem}.radio-copy small{display:block;font-size:.75rem}.radio-card button{width:44px;height:44px}}
header{background:#f5f1e2;color:#2b3320}.header-inner{grid-template-columns:150px minmax(0,1fr) 150px;padding:22px 32px 18px}.brand-logo{justify-self:center;width:min(720px,68vw);height:148px;padding:6px 12px;background:transparent;border-radius:0;box-shadow:none}.date{color:#55603e}.live{color:#3b5223}nav{background:#efe9d6;border-top:1px solid #d5cfb8;border-bottom:1px solid #d5cfb8}.nav-inner a{color:#3b5223}.radio-title{min-width:145px;align-items:center;justify-content:center;padding:0 8px}.radio-title img{width:130px;height:52px;object-fit:contain}.radio-title span{margin-top:7px}.radio-title strong{display:none}
@media(max-width:1000px){.header-inner{grid-template-columns:1fr auto}.brand-logo{justify-self:start;width:min(570px,72vw);height:125px}.radio-title{min-width:130px}.radio-title img{width:116px}}
@media(max-width:680px){.header-inner{display:flex;justify-content:center;padding:15px 14px 12px}.brand-logo{width:min(390px,92vw);height:104px}.live{display:none}.radio-title{min-width:auto;flex-direction:row;justify-content:flex-start;margin-bottom:11px;padding:0 4px}.radio-title img{width:128px;height:44px}.radio-title span{margin:0 0 0 10px}}
:root{--navy:#071f45;--red:#f04451;--blue:#1478ff;--ink:#101827;--muted:#657087;--line:#dce3ee;--white:#fff;--page:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
.topline{height:7px;background:linear-gradient(90deg,var(--red) 0 33.33%,var(--blue) 33.33% 66.66%,#13b9a2 66.66%)}header{background:var(--navy);color:#fff}.header-inner{max-width:1400px;margin:auto;padding:28px 32px 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.date{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:capitalize;color:#aebed7}.brand{display:flex;align-items:center;gap:13px;justify-self:center}.brand-mark{width:51px;height:51px;background:var(--red);display:grid;place-items:center;transform:rotate(-4deg);border-radius:5px;box-shadow:7px 7px 0 rgba(20,120,255,.38);font-size:2.4rem;font-weight:900}.brand-copy{font-size:2.25rem;font-weight:900;line-height:.82;letter-spacing:-.04em}.brand-copy small{display:block;font-size:.63rem;line-height:1.2;letter-spacing:.26em;color:#b9c8de;margin-bottom:4px}.live{justify-self:end;display:flex;align-items:center;gap:9px;font-weight:700;font-size:.85rem}.live span{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(240,68,81,.16)}nav{border-top:1px solid rgba(255,255,255,.1);background:#061a3a}.nav-inner{max-width:1400px;margin:auto;padding:0 32px;display:flex;justify-content:center;gap:42px;overflow:auto}.nav-inner a{padding:15px 0 13px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-bottom:3px solid transparent}.nav-inner a:hover{border-color:var(--red)}
main{max-width:1400px;margin:0 auto;padding:38px 32px 64px}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.intro h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:900;line-height:.9;text-transform:uppercase;letter-spacing:-.05em}.intro h1 em{font-style:normal;color:var(--red)}.intro p{margin:0 0 5px;max-width:440px;color:var(--muted);line-height:1.55;font-weight:600}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.city{background:var(--white);border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,35,63,.07);min-width:0}.city-head{min-height:82px;padding:18px 20px 15px;border-bottom:5px solid var(--city);display:flex;align-items:center;justify-content:space-between;gap:12px}.city-head h2{margin:0;font-size:1.55rem;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-.02em}.city-head small{display:block;margin-top:7px;color:var(--muted);font-size:.7rem;font-weight:700}.city-index{font-size:1rem;font-weight:900;color:var(--city);border:2px solid currentColor;border-radius:99px;width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto}.photo{aspect-ratio:16/9;overflow:hidden;background:#cbd5e1}.photo img,.thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.lead:hover img,.story:hover img{transform:scale(1.035)}.lead-body{padding:18px 20px 20px}.label{display:inline-block;margin-bottom:9px;color:var(--city);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lead h3{font-size:1.35rem;line-height:1.18;font-weight:800;margin:0;letter-spacing:-.025em}.lead p{color:var(--muted);font-size:.9rem;line-height:1.5;margin:10px 0 0}.stories{border-top:1px solid var(--line);padding:3px 20px 7px}.story{display:grid;grid-template-columns:94px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.story:last-child{border:0}.thumb{width:94px;height:69px;overflow:hidden;background:#d8e0ec}.story time{display:block;color:var(--city);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.story h4{font-size:.89rem;line-height:1.26;margin:0}.more{display:flex;justify-content:center;align-items:center;gap:8px;padding:17px 20px;background:#f8fafc;border-top:1px solid var(--line);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--city)}.more span{transition:transform .2s}.more:hover span{transform:translateX(4px)}.fallback-image{width:100%;height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(140deg,var(--navy),#10366f);color:#fff}.fallback-image span{font-size:.55rem;letter-spacing:.22em}.fallback-image b{font-size:1.4rem;letter-spacing:-.05em}.thumb .fallback-image b{font-size:1rem}.empty{padding:36px 20px;color:var(--muted);line-height:1.5}.empty strong{display:block;color:var(--ink);margin-bottom:7px}footer{background:var(--navy);color:#c2cee0;padding:30px 32px;text-align:center;font-size:.82rem}footer strong{color:#fff}
@media(max-width:1000px){.city-grid{grid-template-columns:1fr 1fr}.city:last-child{grid-column:1/-1}.header-inner{grid-template-columns:1fr auto}.brand{justify-self:start}.date{display:none}}
@media(max-width:680px){.topline{height:5px}.header-inner{padding:21px 18px}.brand-mark{width:44px;height:44px}.brand-copy{font-size:1.9rem}.live{font-size:0}.nav-inner{justify-content:flex-start;padding:0 18px;gap:28px}main{padding:28px 16px 45px}.intro{display:block}.intro p{margin-top:13px}.city-grid{grid-template-columns:1fr;gap:18px}.city:last-child{grid-column:auto}.story h4{font-size:.95rem}.photo{aspect-ratio:1.7}.brand-copy small{font-size:.56rem}footer span{display:block;margin-top:8px}}

/* Warme Feel Good Nieuws-stijl */
:root{--navy:#2b3320;--red:#b04a2f;--blue:#4f6b32;--ink:#2b3320;--muted:#79825e;--line:#bcc29c;--white:#f5f1e2;--page:#cdd2b0;--paper-soft:#efe9d6}
body{background:#f5f1e2;min-height:100vh}
.topline{background:linear-gradient(90deg,#b04a2f 0 33.33%,#4f6b32 33.33% 66.66%,#d6a83f 66.66%)}
header{background:rgba(43,51,32,.96);color:#f5f1e2}.date,.brand-copy small{color:#d8ddc3}.brand-mark{border-radius:13px;box-shadow:7px 7px 0 rgba(79,107,50,.65)}.live span{background:#d6a83f;box-shadow:0 0 0 5px rgba(214,168,63,.16)}nav{background:rgba(25,37,16,.78)}.nav-inner a:hover{border-color:#d6a83f}
.city-grid{gap:22px}.city{background:var(--white);border-color:var(--line);border-radius:26px;box-shadow:0 16px 38px -20px rgba(43,51,32,.45);overflow:hidden}.city-head{min-height:86px;padding:19px 21px 16px;border-bottom-width:4px;background:rgba(255,255,255,.28)}.city-index{width:34px;height:34px}.photo{margin:14px 14px 0;border-radius:18px;background:#d5dfd0}.lead-body{padding:18px 21px 21px;min-height:142px}.lead h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stories{border-top:0;padding:0 14px 8px}.story{padding:10px;margin:0 0 9px;border:1px solid rgba(188,194,156,.72);border-radius:17px;background:var(--paper-soft);transition:transform .2s ease,box-shadow .2s ease;min-height:91px}.story:hover{transform:translateY(-2px);box-shadow:0 9px 24px -16px rgba(43,51,32,.7)}.story:last-child{border:1px solid rgba(188,194,156,.72)}.thumb{border-radius:12px;background:#d5dfd0}.more{margin:8px 14px 15px;padding:14px 20px;background:#e2e9cf;border:1px solid var(--line);border-radius:999px;color:#3b5223}.fallback-image{background:linear-gradient(140deg,#3b5223,#4f6b32);color:#f5f1e2}footer{color:#d8ddc3}footer strong{color:#f5f1e2}

/* Definitieve lichte header en gelijke radioplayers */
header{background:#f5f1e2;color:#2b3320}.header-inner{grid-template-columns:130px minmax(0,1fr) 130px;padding:18px 32px 12px}.brand-logo{justify-self:center;width:min(840px,76vw);height:172px;padding:0;background:transparent;border-radius:0;box-shadow:none}.date{color:#55603e}.live{color:#55603e}.live span{background:#b04a2f;box-shadow:0 0 0 5px rgba(176,74,47,.14)}nav{background:#f5f1e2;border-top:1px solid #d5cfb8;border-bottom:1px solid #d5cfb8}.nav-inner a{color:#2b3320}.nav-inner a:hover{border-color:#b04a2f}.radio-strip{display:block}.radio-stations{grid-template-columns:1fr 1fr}.radio-card{grid-template-columns:94px 132px minmax(0,1fr) 54px;min-height:122px}.radio-card>.station-logo{width:126px;height:62px;object-fit:contain;object-position:center}.radio-copy .station-logo{margin:0}.radio-title{display:none}
@media(max-width:1100px){.radio-stations{grid-template-columns:1fr}.radio-card{grid-template-columns:94px 150px minmax(0,1fr) 54px}.radio-card>.station-logo{width:140px}.brand-logo{width:min(700px,76vw);height:148px}}
@media(max-width:680px){.header-inner{display:flex;justify-content:center;padding:12px}.brand-logo{width:96vw;height:118px}.live,.date{display:none}.radio-card{grid-template-columns:72px 92px minmax(0,1fr) 44px;gap:9px;min-height:96px}.album-art{width:72px;height:72px}.radio-card>.station-logo{width:88px;height:48px}.radio-copy strong{font-size:.86rem}.radio-copy small{font-size:.7rem}}

/* Brede logobalk */
header{padding-top:18px}.header-inner{display:flex;justify-content:center;max-width:1400px;margin:0 auto 18px;padding:18px 28px;background:linear-gradient(115deg,#e8f1f7 0%,#edf0fa 55%,#f6eaf3 100%);border:1px solid #d3dce8;border-radius:28px;box-shadow:0 14px 34px -25px rgba(69,61,112,.55)}.brand-logo{width:min(980px,86vw);height:190px;max-width:none;padding:0;background:transparent;box-shadow:none}.date,.live{display:none}.radio-card{grid-template-columns:132px 94px minmax(0,1fr) 54px}.radio-card>.station-logo{grid-column:1;width:126px;height:62px}.album-art{grid-column:2}
@media(max-width:1100px){.header-inner{margin:0 22px 16px}.brand-logo{width:min(840px,88vw);height:168px}.radio-card{grid-template-columns:150px 94px minmax(0,1fr) 54px}}
@media(max-width:680px){header{padding-top:10px}.header-inner{margin:0 10px 10px;padding:10px 12px;border-radius:20px}.brand-logo{width:94vw;height:130px}.radio-card{grid-template-columns:92px 72px minmax(0,1fr) 44px}.radio-card>.station-logo{width:88px;height:48px}.album-art{width:72px;height:72px}}

/* Schermbrede header en ruimere players */
header{padding-top:0}.header-inner{width:100%;max-width:none;margin:0;padding:38px 24px;background:linear-gradient(115deg,#e8f1f7 0%,#edf0fa 55%,#f6eaf3 100%);border:0;border-radius:0;box-shadow:none}.brand-logo{width:min(1120px,94vw);height:250px}.radio-strip{padding:22px 24px;border-radius:28px}.radio-stations{gap:18px}.radio-card{grid-template-columns:170px 120px minmax(0,1fr) 62px;gap:20px;min-height:164px;padding:18px;border-radius:23px}.radio-card>.station-logo{width:164px;height:82px}.album-art{width:120px;height:120px;border-radius:17px}.radio-copy strong{font-size:1.18rem}.radio-copy small{font-size:.92rem}.now-label{font-size:.72rem}.radio-card button{width:56px;height:56px;font-size:1.15rem}
@media(max-width:1200px){.brand-logo{width:min(980px,94vw);height:220px}.radio-stations{grid-template-columns:1fr}.radio-card{grid-template-columns:180px 120px minmax(0,1fr) 62px}.radio-card>.station-logo{width:170px}}
@media(max-width:680px){.header-inner{margin:0;padding:20px 10px}.brand-logo{width:98vw;height:145px}.radio-strip{padding:14px}.radio-card{grid-template-columns:104px 80px minmax(0,1fr) 46px;gap:10px;min-height:112px;padding:12px}.radio-card>.station-logo{width:100px;height:56px}.album-art{width:80px;height:80px}.radio-copy strong{font-size:.9rem}.radio-copy small{font-size:.72rem}.radio-card button{width:44px;height:44px;font-size:1rem}}
.header-inner{overflow:hidden}.brand-logo img{transform:scale(1.14)}
@media(max-width:680px){.brand-logo img{transform:scale(1.08)}}

/* Header sluit exact om het logo */
.header-inner{height:250px;min-height:250px;padding:0 24px}
@media(max-width:1200px){.header-inner{height:220px;min-height:220px}}
@media(max-width:680px){.header-inner{height:145px;min-height:145px;padding:0 10px}}