:root{
  --blue:#3148ba;
  --blue-dark:#17356f;
  --green:#188548;
  --red:#c92835;
  --purple:#803c89;
  --purple-dark:#74337f;
  --ink:#11213e;
  --muted:#60708f;
  --paper:#eef3f8;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071226;font-family:Inter,Arial,Helvetica,sans-serif}
body.dw-viewer-page{position:relative}
.dw-stage{position:absolute;left:50%;top:50%;transform-origin:center center;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 0 90px rgba(0,0,0,.38)}
.dw-stage.landscape{width:3840px;height:2160px}
.dw-stage.portrait{width:2160px;height:3840px}

/* ===== Header 2.0: geen ingebakken oude hero meer ===== */
.dw-topbar{height:260px;position:relative;display:grid;grid-template-columns:1220px 1700px 920px;background:#fff;border-bottom:2px solid #dce3ed;overflow:hidden}
.dw-brand-panel{background:#fff;display:flex;align-items:center;gap:48px;padding:28px 58px 28px 48px;position:relative;z-index:3}
.dw-brand-panel:after{content:"";position:absolute;right:-90px;top:0;width:170px;height:100%;background:#fff;border-radius:0 50% 50% 0;z-index:-1}
.dw-brand-panel img{width:520px;height:auto;display:block}
.dw-brush-slogan{font-weight:900;line-height:1.05;transform:rotate(-4deg);text-align:center;font-size:34px;white-space:nowrap}
.dw-brush-slogan span{display:block;color:#26348b;border-top:16px solid #26348b;border-bottom:8px solid #26348b;padding:4px 15px 2px}
.dw-brush-slogan b{display:block;color:#e30613;font-size:31px;font-style:italic;margin-top:3px}
.dw-hero-panel{position:relative;background:center/cover no-repeat;overflow:hidden}
.dw-hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,35,.02),rgba(7,17,35,.18))}
.dw-municipalities{position:absolute;left:110px;right:60px;bottom:18px;z-index:2;display:flex;justify-content:center;gap:36px;color:#fff;text-shadow:0 2px 9px rgba(0,0,0,.8);font-size:34px;font-weight:900;white-space:nowrap}
.dw-municipalities span:after{content:"";display:inline-block;width:18px;height:18px;border-radius:50%;margin-left:15px;vertical-align:2px}
.dw-municipalities .m1:after{background:#26348b}.dw-municipalities .m2:after{background:#df1e2f}.dw-municipalities .m3:after{background:#2e7b42}.dw-municipalities .m4:after{background:#913694}
.dw-clock{height:260px;background:rgba(35,58,137,var(--clock-alpha,1));color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;padding:34px 64px 34px 58px;position:relative;z-index:4}
.dw-clock #dw-date{font-size:35px;font-weight:850;line-height:1.25;max-width:300px}
.dw-clock strong{font-size:108px;line-height:1;font-weight:950;letter-spacing:-.05em;border-left:4px solid rgba(255,255,255,.65);padding-left:50px}

/* ===== Hoofdgebied ===== */
.dw-content{height:1630px;position:relative;background:#eef3f8;overflow:hidden}
.dw-screen{position:absolute;inset:0;display:none}
.dw-screen.is-active{display:block}

/* Nieuws – terug naar lichte bestaande look & feel */
.dw-news-screen{padding:28px 40px 24px;grid-template-columns:2700px 1030px;gap:30px}
.dw-news-screen.is-active{display:grid}
.dw-stage.no-sidebar .dw-news-screen{grid-template-columns:1fr}
.dw-stage.no-sidebar .dw-next{display:none}
.dw-news-main{position:relative;overflow:hidden;background:#fff;border-radius:30px;box-shadow:0 7px 24px rgba(28,47,82,.10)}
.dw-news-image{position:absolute;left:var(--hero-start,42%);right:0;top:0;bottom:0;background:center/cover no-repeat;z-index:1}
.dw-news-fade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#fff 0%,#fff 34%,rgba(255,255,255,.98) 43%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.20) 65%,rgba(255,255,255,.02) 78%)}
.dw-stage.photo-blend .dw-news-fade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.64) 52%,rgba(255,255,255,.08) 74%)}
.dw-news-copy{position:absolute;z-index:3;left:72px;top:62px;width:1860px;color:var(--ink)}
.dw-section-kicker{display:inline-flex;align-items:center;min-height:74px;padding:0 28px;border-radius:13px;background:#ed1022;color:#fff;font-size:37px;font-weight:950;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 9px 22px rgba(227,6,19,.16)}
.dw-section-kicker.green{background:var(--green)}
.dw-news-copy h1{font-size:88px;line-height:1.03;letter-spacing:-.035em;margin:38px 0 34px;max-width:1840px;color:#11213e}
.dw-news-copy p{font-size:48px;line-height:1.42;max-width:1810px;margin:0;color:#142746;font-weight:520;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}
.dw-news-meta{display:flex;gap:25px;margin-top:33px;font-size:27px;font-weight:800;color:#31415f}
.dw-credit{position:absolute;z-index:5;right:42px;bottom:25px;max-width:1100px;background:rgba(0,0,0,.68);color:#fff;padding:8px 14px;border-radius:4px;font-size:20px;font-weight:760}
.dw-qr{position:absolute;z-index:5;right:28px;bottom:74px;width:250px;padding:13px 13px 15px;background:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;gap:5px}
.dw-qr[hidden],.dw-credit[hidden]{display:none!important}
.dw-qr img{width:214px;height:214px;background:#fff}
.dw-qr span{font-size:20px;line-height:1;text-align:center;color:#17213c;font-weight:950}

.dw-next{display:grid;grid-template-rows:102px 1fr 110px;min-width:0}
.dw-next-head{height:102px;background:var(--purple);color:#fff;border-radius:25px 25px 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 32px;font-size:31px;font-weight:950;letter-spacing:.02em}
.dw-next-head strong{background:rgba(255,255,255,.18);border-radius:13px;padding:9px 16px;font-size:32px}
.dw-next-cards{padding:18px 0 12px;display:grid;grid-template-rows:repeat(3,1fr);gap:18px;min-height:0}
.dw-next-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 20px rgba(28,48,88,.08);display:grid;grid-template-columns:355px 1fr;min-height:0}
.dw-next-card-image{background:#c9d3e0 center/cover no-repeat}
.dw-next-card-copy{padding:23px 25px;display:flex;flex-direction:column;min-width:0}
.dw-next-label{font-size:22px;font-weight:950;color:var(--purple);text-transform:uppercase;letter-spacing:.03em}
.dw-next-card h3{font-size:32px;line-height:1.12;margin:12px 0;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dw-next-date{margin-top:auto;font-size:20px;color:#74819a;font-weight:720}
.dw-next-foot{background:#fff;border-radius:22px;display:flex;align-items:center;gap:22px;padding:18px 28px;color:#63316e;font-size:27px;font-weight:900;box-shadow:0 6px 20px rgba(28,48,88,.06)}
.dw-next-foot b{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:#8d3b99;color:#fff;font-size:32px}

/* Agenda – nieuwe 2.0-layout behouden */
.dw-module-heading{height:210px;padding:45px 75px;display:flex;align-items:center;justify-content:space-between;color:#fff}
.dw-module-heading>div{display:flex;align-items:center;gap:28px}
.dw-module-heading strong{font-size:78px;line-height:1;font-weight:950;letter-spacing:-.04em}
.dw-module-heading small{font-size:30px;font-weight:750;text-align:right;line-height:1.3;opacity:.95}
.dw-module-heading.purple{background:linear-gradient(135deg,#6e2f78,#953f9f)}
.dw-module-heading.red{background:linear-gradient(135deg,#b9202c,#d42936)}
.dw-module-icon{font-size:72px}
.dw-agenda-grid{height:1420px;padding:50px 70px 70px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:34px}
.dw-agenda-card{background:white;border-radius:28px;overflow:hidden;box-shadow:0 15px 36px rgba(32,45,78,.12);display:grid;grid-template-rows:270px 1fr}
.dw-agenda-image{background:#d7dfeb center/cover no-repeat}
.dw-agenda-body{padding:25px 30px;display:flex;flex-direction:column}
.dw-agenda-date{font-size:24px;font-weight:950;color:var(--purple);text-transform:uppercase}
.dw-agenda-card h3{font-size:37px;line-height:1.08;margin:12px 0 12px;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dw-agenda-summary{font-size:24px;line-height:1.36;color:#4f5c74;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dw-agenda-meta{font-size:23px;font-weight:780;color:#28334d;margin-top:auto;padding-top:12px}

/* Sport */
.dw-sport-grid{height:1420px;padding:62px 74px 100px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:40px}
.dw-sport-card{background:#fff;border-radius:30px;padding:43px 50px;box-shadow:0 15px 38px rgba(28,45,79,.12);display:flex;flex-direction:column;border-top:10px solid var(--red)}
.dw-sport-muni{font-size:26px;font-weight:950;text-transform:uppercase;color:var(--red);letter-spacing:.05em}
.dw-sport-card h3{font-size:50px;line-height:1.08;margin:17px 0 22px;letter-spacing:-.03em}
.dw-match{padding:18px 0;border-top:2px solid #edf0f5}
.dw-match:first-of-type{border-top:0}
.dw-match-top{display:flex;justify-content:space-between;font-size:22px;color:#67748d;font-weight:780}
.dw-match-teams{display:flex;justify-content:space-between;gap:20px;margin-top:9px;font-size:32px;font-weight:880}
.dw-score{color:var(--red);white-space:nowrap}

/* Weer */
.dw-weather-layout{height:1110px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:58px 74px 30px}
.dw-weather-map,.dw-weather-now{background:#fff;border-radius:32px;box-shadow:0 15px 40px rgba(32,48,80,.12);position:relative;overflow:hidden}
.dw-weather-map-title{font-size:42px;font-weight:950;padding:38px 45px;color:#283759}
.dw-map-art{height:810px;position:relative;background:radial-gradient(circle at 50% 42%,#dbe9f5 0 30%,#b7d0e0 31% 47%,#9cc0d4 48% 54%,#d9edf5 55% 100%);overflow:hidden}
.dw-map-art span{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:230px;font-weight:950;color:rgba(38,52,139,.22);letter-spacing:-.08em}
.dw-map-art i{position:absolute;width:95px;height:95px;border-radius:50%;background:var(--red);left:48%;top:54%;box-shadow:0 0 0 28px rgba(227,6,19,.15),0 0 0 52px rgba(227,6,19,.08)}
.dw-weather-now{padding:50px 56px}
.dw-weather-now h2{font-size:52px;margin:28px 0 8px;color:#26365e}
.dw-temp{font-size:180px;font-weight:950;line-height:.95;color:#17296a;letter-spacing:-.07em}
.dw-temp sup{font-size:70px;vertical-align:top;margin-left:8px}
.dw-weather-desc{font-size:43px;font-weight:870;color:#31415f;margin:20px 0 30px}
.dw-weather-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dw-weather-detail{background:#f1f5fa;border-radius:18px;padding:20px 22px;font-size:25px;color:#4f5d77}
.dw-weather-detail strong{display:block;font-size:33px;color:#1f2d4c;margin-top:5px}
.dw-forecast{height:520px;padding:18px 74px 64px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.dw-forecast-card{background:#fff;border-radius:26px;padding:26px 31px;box-shadow:0 12px 30px rgba(35,48,78,.1);display:grid;grid-template-columns:1fr auto;align-items:center}
.dw-forecast-card .day{font-size:28px;font-weight:950;color:#243253}
.dw-forecast-card .desc{font-size:23px;color:#64718a;margin-top:7px}
.dw-forecast-card .temps{font-size:40px;font-weight:950;color:#17296a;text-align:right}

/* Kijkersfoto */
.dw-photo-screen{background:#061126}
.dw-photo-image{position:absolute;inset:0;background:center/cover no-repeat}
.dw-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,23,.04) 35%,rgba(3,9,23,.95) 100%)}
.dw-photo-label{position:absolute;left:70px;top:70px;background:var(--green);color:#fff;border-radius:18px;padding:20px 31px;font-size:38px;font-weight:950}
.dw-photo-copy{position:absolute;left:80px;right:720px;bottom:95px;color:#fff}
.dw-photo-copy h2{font-size:100px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;text-shadow:0 4px 18px rgba(0,0,0,.3)}
.dw-photo-copy>div{font-size:34px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;margin-bottom:22px}
.dw-photo-copy p{font-size:36px;line-height:1.35;margin:0;max-width:2200px}
.dw-photo-credit{position:absolute;right:80px;bottom:95px;color:#fff;font-size:31px;font-weight:850;text-align:right}
.dw-ad-screen{background:#05070d}.dw-ad-image{position:absolute;inset:0;background:center/contain no-repeat}
.dw-error-screen{background:#102047;color:#fff;display:none;align-items:center;justify-content:center;text-align:center}
.dw-error-screen.is-active{display:flex}.dw-error-screen h2{font-size:80px;margin:0 0 22px}.dw-error-screen p{font-size:38px;opacity:.85}

/* Onderbalk zoals bestaande viewer */
.dw-nav{height:180px;background:#223d75;display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:18px 44px;border-top:2px solid rgba(255,255,255,.2)}
.dw-nav-item{border-radius:17px;color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:0 36px;opacity:.68;filter:saturate(.85);transition:.2s ease}
.dw-nav-item b{font-size:47px;width:58px;text-align:center}
.dw-nav-item span{display:flex;flex-direction:column;line-height:1.04}.dw-nav-item strong{font-size:37px}.dw-nav-item small{font-size:22px;font-weight:720;margin-top:7px;opacity:.85}
.dw-nav-item.active{opacity:1;filter:none;outline:5px solid #fff;outline-offset:-5px;box-shadow:0 9px 26px rgba(0,0,0,.22)}
.dw-nav-item.blue{background:#334cc0}.dw-nav-item.green{background:#1d814e}.dw-nav-item.red{background:#b92836}.dw-nav-item.purple{background:#7f3d87}
.dw-ticker{height:90px;background:#173873;color:#fff;display:flex;align-items:center;font-size:31px;font-weight:800;overflow:hidden}
.dw-ticker-label{height:100%;display:flex;align-items:center;padding:0 47px;background:#13a24a;font-weight:950;text-transform:uppercase;white-space:nowrap;font-size:32px}
.dw-ticker-text{padding:0 42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.dw-stage.no-ticker .dw-ticker{visibility:hidden}

/* ===== Portrait 2160 x 3840 ===== */
.dw-stage.portrait .dw-topbar{height:420px;grid-template-columns:1fr;display:block;background:#fff}
.dw-stage.portrait .dw-brand-panel{height:210px;padding:25px 50px;gap:35px}.dw-stage.portrait .dw-brand-panel:after{display:none}
.dw-stage.portrait .dw-brand-panel img{width:520px}.dw-stage.portrait .dw-brush-slogan{font-size:31px}
.dw-stage.portrait .dw-hero-panel{position:absolute;left:0;right:0;top:210px;height:210px}
.dw-stage.portrait .dw-municipalities{left:35px;right:560px;bottom:18px;gap:20px;display:grid;grid-template-columns:1fr 1fr;font-size:24px}
.dw-stage.portrait .dw-clock{position:absolute;right:30px;top:235px;width:500px;height:160px;padding:25px 30px;border-radius:22px;grid-template-columns:1fr auto}
.dw-stage.portrait .dw-clock #dw-date{font-size:21px;max-width:180px}.dw-stage.portrait .dw-clock strong{font-size:59px;padding-left:24px}
.dw-stage.portrait .dw-content{height:3050px}
.dw-stage.portrait .dw-news-screen{padding:0;display:block}.dw-stage.portrait .dw-news-main{height:3050px;border-radius:0}
.dw-stage.portrait .dw-news-image{left:0;right:0;top:0;bottom:0;background-position:center center}
.dw-stage.portrait .dw-news-fade{background:linear-gradient(180deg,rgba(255,255,255,.02) 18%,rgba(255,255,255,.18) 42%,rgba(8,20,48,.86) 64%,rgba(8,20,48,.99) 100%)}
.dw-stage.portrait .dw-news-copy{left:85px;right:85px;top:auto;bottom:160px;width:auto;color:#fff}.dw-stage.portrait .dw-news-copy h1{font-size:108px;color:#fff;margin:34px 0 28px}.dw-stage.portrait .dw-news-copy p{font-size:47px;color:#fff;line-height:1.4;-webkit-line-clamp:9}.dw-stage.portrait .dw-news-meta{color:#fff;font-size:29px}.dw-stage.portrait .dw-section-kicker{font-size:31px}
.dw-stage.portrait .dw-next{display:none}.dw-stage.portrait .dw-qr{right:65px;bottom:75px;width:220px}.dw-stage.portrait .dw-qr img{width:188px;height:188px}.dw-stage.portrait .dw-credit{left:85px;right:340px;bottom:62px;max-width:none}
.dw-stage.portrait .dw-module-heading{height:280px;padding:55px 62px}.dw-stage.portrait .dw-module-heading strong{font-size:72px}.dw-stage.portrait .dw-module-heading small{font-size:28px;max-width:620px}
.dw-stage.portrait .dw-agenda-grid{height:2770px;padding:55px 58px 80px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:34px}.dw-stage.portrait .dw-agenda-card{grid-template-rows:360px 1fr}.dw-stage.portrait .dw-agenda-card h3{font-size:43px}.dw-stage.portrait .dw-agenda-summary{font-size:28px;-webkit-line-clamp:4}.dw-stage.portrait .dw-agenda-meta{font-size:25px}
.dw-stage.portrait .dw-sport-grid{height:2770px;padding:70px 60px 100px;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:34px}.dw-stage.portrait .dw-sport-card{padding:42px 48px}.dw-stage.portrait .dw-sport-card h3{font-size:52px}
.dw-stage.portrait .dw-weather-layout{height:2100px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:55px 60px 30px}.dw-stage.portrait .dw-map-art{height:770px}.dw-stage.portrait .dw-weather-now{padding:55px 60px}.dw-stage.portrait .dw-temp{font-size:220px}.dw-stage.portrait .dw-forecast{height:670px;padding:25px 60px 75px;grid-template-columns:1fr 1fr;gap:28px}
.dw-stage.portrait .dw-photo-copy{left:75px;right:75px;bottom:160px}.dw-stage.portrait .dw-photo-copy h2{font-size:115px}.dw-stage.portrait .dw-photo-credit{right:75px;bottom:65px}.dw-stage.portrait .dw-ad-screen{display:none!important}
.dw-stage.portrait .dw-nav{height:280px;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;padding:22px 28px;gap:18px}.dw-stage.portrait .dw-nav-item{padding:0 25px}.dw-stage.portrait .dw-nav-item strong{font-size:31px}.dw-stage.portrait .dw-nav-item small{font-size:18px}.dw-stage.portrait .dw-nav-item b{font-size:42px;width:45px}.dw-stage.portrait .dw-ticker{height:90px;font-size:29px}.dw-stage.portrait .dw-ticker-label{padding:0 28px;font-size:27px}