@font-face{font-family:BarlowC;font-weight:500;src:url(fonts/barlow-condensed-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:BarlowC;font-weight:600;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:BarlowC;font-weight:700;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:BarlowC;font-weight:800;src:url(fonts/barlow-condensed-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:BarlowSC;font-weight:400;src:url(fonts/barlow-semi-condensed-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:BarlowSC;font-weight:500;src:url(fonts/barlow-semi-condensed-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:BarlowSC;font-weight:600;src:url(fonts/barlow-semi-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:BarlowSC;font-weight:700;src:url(fonts/barlow-semi-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:CaveatV;font-weight:700;src:url(fonts/caveat-latin-700-normal.woff2) format('woff2')}

*{box-sizing:border-box}
:root{--green:#0f6b3a;--bright:#19c46a;--bg:#0b2d22;--ink:#0d2a1b}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#04140d;color:#fff;font-family:BarlowSC,'Arial Narrow',Arial,sans-serif}
#stage{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;overflow:hidden;background:var(--bg)}
.page{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;overflow:hidden}.page.in{opacity:1}
.ico{display:block;flex:none}.none{padding:30px;color:#cfe;font-size:26px}.none.dark{color:#456;font-size:24px}
.dots{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:12px}.dots i{width:13px;height:13px;border-radius:50%;background:rgba(150,170,160,.55)}.dots i.on{background:var(--green)}
.arr{position:absolute;top:50%;width:44px;height:60px;margin-top:-30px;background:#fff;color:#12331f;border-radius:10px;font:normal 800 44px/54px BarlowC;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.25)}.arr.l{left:-22px}.arr.r{right:-22px}

/* ===== veld-illustratie (vervangt foto) ===== */
.scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#0a2318 0%,#0f3a22 30%,#1d5a2b 60%,#256b30 100%)}
.scene i{position:absolute;display:block}
.scene .sun{left:48%;top:-40px;width:420px;height:300px;background:radial-gradient(ellipse at 50% 0,rgba(255,236,170,.95) 0,rgba(255,214,120,.5) 14%,rgba(255,200,100,0) 62%)}
.scene .trees{filter:blur(14px);left:0;right:0;top:0;height:46%;opacity:.55;background:radial-gradient(ellipse 60px 80px at 6% 40%,#06170d 60%,transparent 62%),radial-gradient(ellipse 90px 110px at 18% 30%,#07200f 60%,transparent 62%),radial-gradient(ellipse 80px 100px at 33% 38%,#081c10 60%,transparent 62%),radial-gradient(ellipse 100px 120px at 62% 28%,#07200f 60%,transparent 62%),radial-gradient(ellipse 80px 100px at 80% 36%,#051a0c 60%,transparent 62%),radial-gradient(ellipse 90px 120px at 95% 30%,#07200f 60%,transparent 62%)}
.scene .grass{left:-10%;right:-10%;bottom:0;top:38%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 110px,rgba(0,0,0,.07) 110px 220px),linear-gradient(180deg,#1c5a29,#2a7a35 60%,#1f6a2d)}
.scene .lines{left:6%;right:6%;top:86%;height:3px;background:rgba(255,255,255,.4);box-shadow:0 -46px 0 rgba(255,255,255,.18)}
.scene.flat .sun{opacity:.8}.scene.dim:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,24,14,.75),rgba(3,24,14,.55))}
.scene.aerial{background:linear-gradient(180deg,#0b2a17,#123c1f)}.scene.aerial .trees{height:100%;opacity:.8;background:radial-gradient(ellipse 160px 110px at 8% 30%,#07200f 60%,transparent 62%),radial-gradient(ellipse 220px 130px at 90% 24%,#051a0c 60%,transparent 62%),radial-gradient(ellipse 200px 120px at 50% 6%,#07200f 60%,transparent 62%),radial-gradient(ellipse 160px 100px at 94% 70%,#06170d 60%,transparent 62%)}
.scene.aerial .grass{left:6%;right:6%;top:10%;bottom:34%;transform:perspective(900px) rotateX(38deg);border-radius:6px}
.scene.aerial .lines{left:12%;right:12%;top:30%;height:230px;background:none;border:4px solid rgba(255,255,255,.6);box-shadow:none;transform:perspective(900px) rotateX(38deg)}
.scene.cal{background:linear-gradient(160deg,#cfe0d6,#9cb9aa)}.scene.cal:after{background:linear-gradient(90deg,rgba(7,50,30,.8),rgba(7,50,30,.35))}

/* ===== gedeelde delen ===== */
.script{font-family:CaveatV,cursive;font-weight:700;line-height:1;transform:rotate(-4deg);transform-origin:left center;position:relative;display:inline-block}
.script i{display:block;height:11px;margin-top:2px;border-radius:6px;background:linear-gradient(90deg,var(--bright),#fff 55%,transparent);transform:rotate(-1.5deg);width:92%}
.clockblock{position:absolute;right:34px;top:30px;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.clockblock .js-date{font:600 24px BarlowC;letter-spacing:.04em}
.clockblock .row{display:flex;align-items:center;gap:22px}.clockblock strong{font:700 84px/1 BarlowC}
.weather{display:flex;align-items:center;gap:12px;border-left:2px solid rgba(255,255,255,.35);padding-left:22px}.weather .wi svg{width:58px;height:58px;display:block}
.weather .wt b{display:block;font:700 36px/1 BarlowC}.weather .wt small{display:block;font:500 18px BarlowSC;margin-top:3px}
.topbar{position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(90deg,rgba(6,56,32,.95),rgba(6,56,32,.4));display:flex;align-items:center;padding:0 34px;gap:22px}
.topbar img{height:84px}.topbar b{font:800 46px BarlowC;letter-spacing:.03em}.topbar .clockblock{top:14px;right:40px}.topbar .clockblock strong{font-size:54px;line-height:.95}.topbar .clockblock .js-date{font-size:20px;text-align:right}.topbar .clockblock .row{justify-content:flex-end;gap:16px}

/* ===== 1 · hoofdpagina ===== */
.homehead{position:absolute;left:0;top:0;width:1672px;height:262px;background-size:cover;background-position:center;overflow:hidden}
.homehead .scene.flat{height:262px}
.hlogo{position:absolute;left:34px;top:22px;height:216px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.htitle{position:absolute;left:284px;top:28px}.htitle h1{margin:0;font:800 106px/1 BarlowC;letter-spacing:.015em;text-shadow:0 4px 16px rgba(0,0,0,.6);white-space:nowrap}
.htitle .script{font-size:84px;margin-top:8px;margin-left:10px;text-shadow:0 3px 12px rgba(0,0,0,.6)}.htitle .script i{width:100%;height:12px}
.wcard{position:absolute;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4);color:var(--ink)}
.hbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(90deg,#0a5230,#0f6f3d);color:#fff;border-radius:12px 12px 0 0;font:700 33px BarlowC;text-transform:uppercase;letter-spacing:.015em}
.hbar em{font-style:normal;text-transform:none;font-weight:700}.hbar span{font:600 19px BarlowC;letter-spacing:.06em;opacity:.9;text-transform:none}
.c-next{left:20px;top:274px;width:742px;height:520px;padding:8px}.c-news{left:778px;top:274px;width:500px;height:520px}
.c-stand{left:1294px;top:274px;width:358px;height:520px}
.c-next .hbar{border-radius:12px 12px 0 0;margin:0}
.nbody{color:#fff;height:442px;border-radius:0 0 12px 12px;background:radial-gradient(ellipse at 50% 20%,#2f7a3e 0,#13512e 55%,#0a3820 100%);position:relative;overflow:hidden}
.nbody:before{content:"";position:absolute;inset:0;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.06) 90px 180px)}
.vs-row{position:absolute;left:0;right:0;top:28px;display:grid;grid-template-columns:1fr 100px 1fr;text-align:center;color:#fff}
.vs-row .tm{display:flex;flex-direction:column;align-items:center}.vs-row .big{height:178px;width:auto;max-width:190px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}
.vs-row b{margin-top:14px;font:700 42px/1.05 BarlowC;text-shadow:0 2px 8px rgba(0,0,0,.6);padding:0 8px}
.vsb{margin-top:60px;width:84px;height:84px;line-height:84px;border-radius:50%;background:#fff;color:#0b5a2e;font:800 36px/84px BarlowC;justify-self:center;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.info4{position:absolute;left:0;right:0;bottom:0;height:118px;background:rgba(2,36,20,.82);display:flex;border-top:1px solid rgba(255,255,255,.18)}
.info4>div{flex:1;display:flex;align-items:center;gap:14px;padding:0 20px;border-left:1.5px solid rgba(255,255,255,.2);min-width:0}.info4>div:first-child{border-left:0}
.info4 small{display:block;font:500 21px BarlowC;letter-spacing:.04em;color:#cfe6d8;text-transform:uppercase}.info4 b{display:block;font:700 31px/1.05 BarlowC}.info4 b.loc{font-size:24px;line-height:1.1}
.wbody{padding:8px 0}
.nrow{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;padding:12px 20px;height:149px;border-bottom:1.5px solid #e4ece7}.nrow:last-child{border:0}
.nrow .ph{width:170px;height:122px;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#1a6b3d,#0b3a21);display:flex;align-items:center;justify-content:center}.nrow .ph img{width:100%;height:100%;object-fit:cover}
.nrow time{display:block;font:500 21px BarlowSC;color:#5d7466}.nrow h3{margin:4px 0 0;font:700 29px/1.12 BarlowSC;color:#0b2417;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.st{width:100%;border-collapse:collapse;font-size:25px}.st th{font:700 19px BarlowC;letter-spacing:.06em;color:#244a35;text-align:left;padding:8px 10px}
.st td{height:46px;padding:0 10px;border-bottom:1px solid #e4ece7;font-weight:600;white-space:nowrap}.st td:nth-child(2){max-width:170px;overflow:hidden;text-overflow:ellipsis}
.st th:first-child,.st td:first-child{width:44px;padding-left:18px}.st td:nth-child(3),.st td:nth-child(4),.st th:nth-child(3),.st th:nth-child(4){text-align:center;width:50px}
.st tr.us td{background:var(--bright);color:#fff;font-weight:700;border:0}
.arow{display:grid;grid-template-columns:62px 36px 1fr;gap:10px;align-items:center;height:52px;padding:0 16px}
.arow .ad{text-align:center;line-height:.95;border-right:2px solid #e1e9e4;padding-right:8px}.arow .ad b{display:block;font:700 25px BarlowC}.arow .ad small{font:600 14px BarlowC;color:#4b6455;letter-spacing:.04em}
.arow .at{font:700 22.5px BarlowSC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-strip{left:20px;top:806px;width:1632px;height:116px;overflow:visible}
.slabel{position:absolute;left:36px;top:8px;font:800 24px BarlowC;letter-spacing:.03em;color:#0b2417}
.strip{position:absolute;left:84px;right:84px;top:38px;height:68px;display:flex;justify-content:space-around;align-items:center;gap:10px}
.strip .sp{flex:1;height:68px;max-width:210px}.sp{display:flex;align-items:center;justify-content:center;min-width:0;font:800 30px BarlowC;color:#12331f;text-align:center;line-height:1.05;padding:4px 10px}.sp img{max-width:100%;max-height:100%;object-fit:contain}
.c-strip .arr{height:46px;margin-top:-23px;width:34px;font-size:34px;line-height:40px;background:#fff;border:1px solid #dce6e0}.c-strip .arr.l{left:10px}.c-strip .arr.r{right:10px}

/* ===== 2 · kleedkamerindeling ===== */
.lk-bg{position:absolute;inset:0;background:linear-gradient(180deg,#0e2a1c,#071a11);background-size:cover;background-position:center}
.lockerscene{position:absolute;left:0;right:0;bottom:0;height:300px}.lockerscene svg{width:1672px;height:300px;display:block}
.lockerscene .lamp{position:absolute;left:0;right:0;top:-120px;height:200px;background:radial-gradient(ellipse at 50% 100%,rgba(255,200,110,.35),transparent 70%)}
.lk-head{position:absolute;left:60px;right:60px;top:26px;display:flex;justify-content:space-between;align-items:baseline}.lk-head h2{margin:0;font:800 74px BarlowC;letter-spacing:.015em}.lk-head span{font:600 38px BarlowC;letter-spacing:.03em}
.lk-card{position:absolute;left:60px;right:300px;top:130px;background:#fff;border-radius:16px;color:#0b2417;box-shadow:0 12px 36px rgba(0,0,0,.45);overflow:hidden}
.lk-card table{width:100%;border-collapse:collapse}.lk-card th{font:800 27px BarlowC;letter-spacing:.04em;color:#0b4d2a;padding:20px 12px;border-bottom:2px solid #dfe8e2;text-align:center}.lk-card th:first-child,.lk-card td:first-child{text-align:left;padding-left:30px}
.lk-card td{height:70px;padding:0 12px;font:600 32px BarlowSC;text-align:center;border-bottom:1px solid #e4ece7;white-space:nowrap}.lk-card tr:last-child td{border:0}
.lk-card tr.hl td{background:var(--bright);color:#fff;font-weight:800;border:0}
.lk-side{position:absolute;right:46px;top:140px;width:224px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.6)}.lk-side img{width:180px;display:block;margin:0 auto 20px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.lk-side b{text-transform:uppercase;display:block;font:800 52px/1.04 BarlowC;letter-spacing:.015em}

/* ===== 3 · nieuws slideshow ===== */
.nw-bg{position:absolute;inset:0;background:linear-gradient(135deg,#145c33,#06281a);background-size:cover;background-position:center}.nw-art{position:absolute;right:140px;top:120px;width:480px;opacity:.35}
.nw-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(2,18,10,.88) 100%)}
.nw-txt{position:absolute;left:90px;right:360px;bottom:120px}.nw-txt time{display:block;font:600 42px BarlowC;letter-spacing:.03em;margin-bottom:6px}
.nw-txt h2{margin:0 0 18px;font:800 96px/1 BarlowC;letter-spacing:.005em;text-shadow:0 4px 18px rgba(0,0,0,.6)}.nw-txt p{margin:0 0 30px;font:400 38px/1.3 BarlowSC;max-width:1100px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nw-txt .btn{display:inline-block;background:var(--bright);padding:16px 34px;border-radius:10px;font:800 30px BarlowC;letter-spacing:.05em}
.page.pg-news .dots{bottom:46px}.page.pg-news .dots i{background:rgba(255,255,255,.5)}.page.pg-news .dots i.on{background:#fff}
.nw-logo{position:absolute;right:50px;top:36px}.nw-logo img{height:120px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}

/* ===== 4 · sponsoren ===== */
.sp-title{position:absolute;left:0;right:0;top:0;height:104px;display:flex;align-items:center;gap:20px;padding:0 50px;background:rgba(3,40,24,.88)}.sp-title img{height:76px}.sp-title b{font:800 54px BarlowC;letter-spacing:.02em}
.ball-card{position:absolute;left:46px;top:140px;width:640px;height:740px;background:#fff;border-radius:18px;color:#0b2417;box-shadow:0 12px 34px rgba(0,0,0,.45);padding:34px 40px}
.ball-card h3{margin:0;font:800 56px/1.04 BarlowC;letter-spacing:.01em}.ball-in{position:absolute;left:30px;right:30px;top:190px;bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px}
.ballimg{width:330px;height:330px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))}.ballimg svg{width:100%;height:100%}
.ball-sp{display:flex;align-items:center;gap:22px;text-align:center}.ball-sp img{max-width:300px;max-height:110px;object-fit:contain}.ball-sp b{font:800 50px/1.05 BarlowC;color:#0b4d2a}
.sp-card{position:absolute;left:720px;top:140px;width:906px;height:740px;background:#0b4a2a;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.45);padding:0}
.sp-head{height:84px;display:flex;align-items:center;gap:16px;padding:0 34px}.sp-head b{font:800 46px BarlowC;letter-spacing:.02em}
.sp-body{position:absolute;left:24px;right:24px;top:84px;bottom:24px;background:#fff;border-radius:14px}
.sp-grid{position:absolute;left:34px;right:34px;top:30px;bottom:70px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:22px}
.sp-grid .sp{background:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.14);font-size:38px;padding:16px}
.sp-body .dots{bottom:24px}.sp-body .arr{box-shadow:0 3px 12px rgba(0,0,0,.3)}.sp-body .arr.l{left:-22px}.sp-body .arr.r{right:-22px}

/* ===== 5 · clubinformatie ===== */
.club-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.club-top{position:absolute;left:46px;top:30px;display:flex;align-items:center;gap:20px}.club-top img{height:100px}.club-top b{font:800 56px BarlowC;letter-spacing:.02em;text-shadow:0 3px 12px rgba(0,0,0,.6)}
.script.big{position:absolute;right:120px;top:210px;font-size:130px;text-shadow:0 4px 16px rgba(0,0,0,.6)}.script.big i{height:16px;width:100%}
.club-tiles{position:absolute;left:0;right:0;bottom:0;height:300px;display:flex;background:rgba(3,40,24,.72);border-top:2px solid rgba(255,255,255,.2)}
.tile{flex:1;text-align:center;padding:34px 30px;border-left:2px solid rgba(255,255,255,.16)}.tile:first-child{border-left:0}
.tile .ico{margin:0 auto 12px;width:70px;height:70px}.tile b{display:block;font:800 48px BarlowC;letter-spacing:.02em;text-transform:uppercase}.tile p{margin:8px 0 0;font:400 30px/1.2 BarlowSC;color:#e4f2ea}

/* ===== 6 · agenda ===== */
.ag-card{position:absolute;left:120px;right:120px;top:150px;bottom:70px;background:#fff;border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.45);color:#0b2417;overflow:hidden;padding:10px 0}
.agr{display:grid;grid-template-columns:150px 100px 1fr 60px;align-items:center;height:136px;border-bottom:1.5px solid #e4ece7}.agr:last-of-type{border:0}
.agr .ad{text-align:center;line-height:.9}.agr .ad b{display:block;font:800 76px BarlowC}.agr .ad small{font:700 32px BarlowC;letter-spacing:.04em}
.agr .ic{display:flex;justify-content:center;border-left:2px solid #e4ece7;border-right:0;height:80px;align-items:center}
.agr .tx b{display:block;font:700 46px/1.1 BarlowSC}.agr .tx span{display:block;font:400 32px BarlowSC;color:#4c6556;margin-top:4px}
.agr .chev{font:normal 700 60px BarlowC;color:#13331f;text-align:center}
.ag-card .dots{bottom:16px}

/* eigen pagina */
.cu-card{position:absolute;left:140px;right:140px;top:170px;bottom:100px;background:rgba(255,255,255,.96);color:#0b2417;border-radius:22px;padding:56px 70px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.cu-card h2{margin:0 0 30px;font:800 84px/1 BarlowC;color:#0b4d2a}.cu-card div{font:500 46px/1.35 BarlowSC}

/* 2.3 polish: standings fit, sponsor names, crest placeholders, locker cards */
.c-stand{overflow:hidden}.c-stand .hbar{height:60px;padding:0 14px;font-size:27px;line-height:1.02;gap:6px;overflow:hidden}.c-stand .hbar>b{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-stand .hbar em{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px;display:inline-block;vertical-align:bottom}.c-stand .wbody{padding:0}.st{table-layout:fixed;font-size:22px}.st th{padding:7px 6px;font-size:17px}.st td{height:43px;padding:0 7px;font-size:22px}.st td:nth-child(2){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st th:first-child,.st td:first-child{width:40px;padding-left:12px}.st td:nth-child(3),.st td:nth-child(4),.st th:nth-child(3),.st th:nth-child(4){width:42px}
.nrow .ph .club-placeholder{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.22))}.strip .sp{max-width:230px;overflow:hidden;overflow-wrap:anywhere;word-break:normal;font-size:25px;line-height:1.02}.strip .sp span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ballimg.club-ballmark{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.2))}.ballimg.club-ballmark img{max-width:100%;max-height:100%;object-fit:contain}
.lk-card.locker-cards{left:60px;right:300px;top:130px;bottom:42px;background:transparent;box-shadow:none;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}.locker-match{background:#fff;border-radius:15px;overflow:hidden;color:#10291c;box-shadow:0 8px 20px rgba(0,0,0,.28);min-width:0}.locker-datetime{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b6237;color:#fff;padding:13px 20px;font:700 25px BarlowC}.locker-datetime span{font-size:34px}.locker-datetime b{font-size:24px;text-align:right}.locker-team{display:grid;grid-template-columns:78px minmax(0,1fr);gap:2px 12px;align-items:center;padding:15px 18px;border-bottom:1px solid #e0e8e3}.locker-team:last-child{border-bottom:0}.locker-team .side-label{grid-row:1/3;font:800 18px BarlowC;color:#0b6b3a;letter-spacing:.04em}.locker-team strong{font:700 27px/1.05 BarlowSC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locker-team .room,.locker-team .field{font:600 20px BarlowSC;color:#456453}.locker-team .field{grid-column:2}.locker-match.hl{outline:3px solid #19c46a}.locker-match.hl .locker-datetime{background:#078d48}.lk-card.locker-cards .none{grid-column:1/-1;background:#fff;border-radius:15px;color:#345;padding:35px}
@media(max-width:1000px){.lk-card.locker-cards{grid-template-columns:1fr}}

/* 2.3.4: kleedkamerindeling als één groot overzicht met regels onder elkaar */
.lk-card.locker-cards{
  left:60px; right:300px; top:130px; bottom:38px;
  display:flex; flex-direction:column; gap:0; align-content:stretch;
  background:#fff; border-radius:16px; overflow-y:auto; overflow-x:hidden;
  box-shadow:0 12px 36px rgba(0,0,0,.30);
}
.lk-card.locker-cards .locker-match{
  display:grid; grid-template-columns:170px minmax(0,1fr);
  grid-template-rows:auto auto; align-items:stretch;
  border-radius:0; box-shadow:none; border-bottom:2px solid #e0e9e3;
  min-height:0; flex:none; overflow:hidden;
}
.lk-card.locker-cards .locker-match:last-of-type{border-bottom:0}
.lk-card.locker-cards .locker-datetime{
  grid-column:1; grid-row:1 / span 2; flex-direction:column;
  justify-content:center; align-items:center; gap:7px; padding:12px;
  text-align:center; min-width:0; background:#0b6237;
}
.lk-card.locker-cards .locker-datetime span{font-size:34px;line-height:1}
.lk-card.locker-cards .locker-datetime b{font-size:22px;white-space:normal}
.lk-card.locker-cards .locker-team{
  grid-column:2; display:grid; grid-template-columns:70px minmax(180px,1fr) minmax(130px,.65fr) minmax(100px,.45fr);
  grid-template-rows:auto; gap:8px 12px; padding:11px 20px; min-height:64px;
  border-bottom:1px solid #e4ece7;
}
.lk-card.locker-cards .locker-team.away-team{border-bottom:0;background:#f7faf8}
.lk-card.locker-cards .locker-team .side-label{grid-row:auto;grid-column:1}
.lk-card.locker-cards .locker-team strong{grid-column:2;font-size:28px}
.lk-card.locker-cards .locker-team .room{grid-column:3;font-size:21px;white-space:nowrap}
.lk-card.locker-cards .locker-team .field{grid-column:4;font-size:21px;white-space:nowrap}
.lk-card.locker-cards .locker-team.away-team .field{display:none}
.lk-card.locker-cards .locker-team .room,.lk-card.locker-cards .locker-team .field{align-self:center}
.lk-card.locker-cards .none{flex:none}
@media(max-width:1200px){
 .lk-card.locker-cards{right:260px}
 .lk-card.locker-cards .locker-match{grid-template-columns:125px minmax(0,1fr)}
 .lk-card.locker-cards .locker-team{grid-template-columns:54px minmax(120px,1fr) minmax(100px,.7fr) minmax(70px,.4fr);padding:8px 12px}
 .lk-card.locker-cards .locker-team strong{font-size:24px}
 .lk-card.locker-cards .locker-team .room,.lk-card.locker-cards .locker-team .field{font-size:18px}
}

/* 2.3.5: definitieve kleedkamerpagina volgens goedgekeurd ontwerp */
.page.pg-lockers .lk-bg{background:radial-gradient(ellipse at 78% 80%,rgba(26,92,51,.24),transparent 45%),linear-gradient(135deg,#06291a 0%,#031b12 60%,#071f14 100%)!important}
.page.pg-lockers .lockerscene{display:none!important}
.page.pg-lockers .lk-head{left:60px;right:60px;top:28px;align-items:center}
.page.pg-lockers .lk-head h2{font-size:74px;letter-spacing:.01em}
.page.pg-lockers .lk-head span{font-size:34px}
.page.pg-lockers .lk-card.locker-cards{left:60px;right:320px;top:132px;bottom:48px;background:#f8fbf9;border:3px solid rgba(255,255,255,.9);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 36px rgba(0,0,0,.3)}
.page.pg-lockers .lk-card.locker-cards .locker-match{display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:1fr 1fr;flex:1 1 0;min-height:0;border:0;border-bottom:8px solid #edf4ef;overflow:hidden;border-radius:0;background:#fff}
.page.pg-lockers .lk-card.locker-cards .locker-match:last-child{border-bottom:0}
.page.pg-lockers .lk-card.locker-cards .locker-datetime{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:15px;padding:12px;background:linear-gradient(180deg,#078b48,#08713b);text-align:center}
.page.pg-lockers .lk-card.locker-cards .locker-datetime b{font-size:28px;line-height:1.05;order:1;white-space:normal}
.page.pg-lockers .lk-card.locker-cards .locker-datetime span{font-size:44px;line-height:1;order:2}
.page.pg-lockers .lk-card.locker-cards .locker-team{grid-column:2;display:grid;grid-template-columns:88px minmax(220px,1fr) minmax(190px,.75fr) minmax(130px,.5fr);gap:10px 16px;align-items:center;padding:12px 24px;min-height:0;border-bottom:1px solid #e1ebe5;background:#fff}
.page.pg-lockers .lk-card.locker-cards .locker-team.away-team{background:#f8fbf9;border-bottom:0}
.page.pg-lockers .lk-card.locker-cards .locker-team .side-label{grid-column:1;grid-row:auto;font-size:22px}
.page.pg-lockers .lk-card.locker-cards .locker-team strong{grid-column:2;font-size:32px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page.pg-lockers .lk-card.locker-cards .locker-team .room{grid-column:3;font-size:25px;white-space:nowrap}
.page.pg-lockers .lk-card.locker-cards .locker-team .field{grid-column:4;font-size:25px;white-space:nowrap;display:block}
.page.pg-lockers .lk-card.locker-cards .locker-team.away-team .field{display:none}
.page.pg-lockers .lk-side{right:42px;top:155px;width:230px}
.page.pg-lockers .lk-side img{width:190px;max-height:220px;object-fit:contain;margin-bottom:22px}
.page.pg-lockers .lk-side b{font-size:48px;line-height:1.02;white-space:normal}
.page.pg-lockers .lk-card.locker-cards .none{margin:0;display:flex;align-items:center;justify-content:center;min-height:100%;font-size:36px}
@media(max-width:1200px){
 .page.pg-lockers .lk-card.locker-cards{right:280px}
 .page.pg-lockers .lk-card.locker-cards .locker-match{grid-template-columns:130px minmax(0,1fr)}
 .page.pg-lockers .lk-card.locker-cards .locker-team{grid-template-columns:60px minmax(130px,1fr) minmax(125px,.7fr) minmax(80px,.4fr);padding:8px 12px;gap:6px 8px}
 .page.pg-lockers .lk-card.locker-cards .locker-team strong{font-size:25px}
 .page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{font-size:19px}
}


/* 2.3.6: compacte, goed leesbare kleedkamerindeling en betrouwbaar clublogo */
.page.pg-lockers .lk-side{z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;visibility:visible;opacity:1}
.page.pg-lockers .lk-side img{display:block!important;visibility:visible!important;opacity:1!important;width:190px;height:220px;object-fit:contain;flex:none}
.page.pg-lockers .lk-side b{display:block;max-width:230px;text-align:center}
.page.pg-lockers .lk-card.locker-cards{bottom:48px;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;gap:8px;padding:0;background:transparent;border:0;box-shadow:none}
.page.pg-lockers .lk-card.locker-cards .locker-match{flex:0 0 auto;min-height:112px;grid-template-columns:145px minmax(0,1fr);grid-template-rows:1fr 1fr;border:0;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.16);}
.page.pg-lockers .lk-card.locker-cards.count-4 .locker-match,
.page.pg-lockers .lk-card.locker-cards.count-5 .locker-match,
.page.pg-lockers .lk-card.locker-cards.count-6 .locker-match,
.page.pg-lockers .lk-card.locker-cards.count-7 .locker-match,
.page.pg-lockers .lk-card.locker-cards.count-8 .locker-match{flex:1 1 0;min-height:90px}
.page.pg-lockers .lk-card.locker-cards .locker-datetime{gap:8px;padding:8px}
.page.pg-lockers .lk-card.locker-cards .locker-datetime b{font-size:22px}
.page.pg-lockers .lk-card.locker-cards .locker-datetime span{font-size:34px}
.page.pg-lockers .lk-card.locker-cards .locker-team{padding:8px 18px;gap:6px 14px;grid-template-columns:70px minmax(180px,1fr) minmax(155px,.65fr) minmax(105px,.42fr)}
.page.pg-lockers .lk-card.locker-cards .locker-team strong{font-size:27px}
.page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{font-size:21px}
@media(max-width:1200px){.page.pg-lockers .lk-side{right:20px;width:200px}.page.pg-lockers .lk-card.locker-cards{right:245px}.page.pg-lockers .lk-card.locker-cards .locker-match{grid-template-columns:110px minmax(0,1fr)}.page.pg-lockers .lk-card.locker-cards .locker-team{grid-template-columns:54px minmax(110px,1fr) minmax(105px,.65fr) minmax(75px,.4fr);padding:6px 10px}.page.pg-lockers .lk-card.locker-cards .locker-team strong{font-size:22px}.page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{font-size:17px}}
/* Compact admin form: wider team names and narrower room dropdowns */
.locker-form-row{display:grid;grid-template-columns:1fr .72fr .55fr 1.45fr .62fr 1.45fr .62fr;gap:10px;align-items:start;width:100%;}
.locker-form-row .f{min-width:0}
.locker-form-row .team-input{min-width:0;width:100%}
.locker-form-row .room-field select{width:100%;min-width:0;padding-right:22px}
@media(max-width:900px){.locker-form-row{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 2.3.7: volledige competitiestand compacter tonen */
.c-stand .wbody{height:calc(100% - 60px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.st{width:100%;border-collapse:collapse}.st th{padding:4px 5px;font-size:15px;line-height:1.05}.st td{height:30px;padding:2px 6px;font-size:18px;line-height:1.05}.st td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-stand .hbar{flex-shrink:0}

/* Volledige competitiestand voor tv: alles zichtbaar, geen scrollbalk. */
.c-stand .wbody{height:calc(100% - 60px);overflow:hidden!important;padding:0!important}
.c-stand .st{width:100%;height:auto;table-layout:fixed;border-collapse:collapse;font-size:var(--stand-font-size,18px)}
.c-stand .st thead tr{height:27px}
.c-stand .st th{height:27px;padding:2px 5px;font-size:var(--stand-header-font-size,15px);line-height:1;white-space:nowrap}
.c-stand .st td{height:var(--stand-row-height,30px);padding:1px 5px;font-size:var(--stand-font-size,18px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-stand .st td:nth-child(2){max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-stand .st th:first-child,.c-stand .st td:first-child{width:36px;padding-left:9px}
.c-stand .st td:nth-child(3),.c-stand .st td:nth-child(4),.c-stand .st th:nth-child(3),.c-stand .st th:nth-child(4){width:38px}

/* Programma voor de komende zeven dagen in het grote wedstrijdvak. */
.c-next .nbody.program7{height:442px;padding:8px 10px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 20%,#2f7a3e 0,#13512e 55%,#0a3820 100%);}
.program7-list{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:5px;overflow:hidden;}
.program7-row{flex:1 1 0;min-height:0;display:grid;grid-template-columns:104px 86px minmax(0,1fr) 88px;align-items:center;gap:10px;padding:4px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.94);color:#0b3521;box-sizing:border-box;}
.program7-date{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #c9d9cf;line-height:1.05;min-width:0;}
.program7-date b{font:800 17px/1.05 BarlowC;color:#078448;}
.program7-date span{font:600 17px/1.1 BarlowSC;white-space:nowrap;}
.program7-time{font:800 21px/1 BarlowC;text-align:center;white-space:nowrap;}
.program7-match{display:flex;align-items:center;gap:7px;min-width:0;font:700 22px/1.05 BarlowSC;}
.program7-match b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.program7-match span{font:700 18px BarlowC;color:#13834a;}
.program7-extra{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0;font:700 15px/1.05 BarlowSC;}
.program7-extra span{display:flex;align-items:center;gap:4px;white-space:nowrap;}
.program7-extra svg{width:20px;height:20px;stroke:#0a6538;flex-shrink:0;}
.program7-extra small{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.program7 .none{position:relative;z-index:1;padding:24px;font:600 25px BarlowSC;color:#fff;}

/* 2.4.4: compacte kleedkamerregels voor tv, zonder scrollen; nieuws gebruikt de eerdere opmaak. */
.page.pg-lockers .lk-card.locker-cards{overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;display:flex;flex-direction:column;justify-content:flex-start;align-content:stretch;gap:6px}
.page.pg-lockers .lk-card.locker-cards .locker-match{flex:0 0 104px!important;height:104px;min-height:0!important;max-height:104px;grid-template-columns:125px minmax(0,1fr);grid-template-rows:1fr 1fr;overflow:hidden;border-radius:12px}
.page.pg-lockers .lk-card.locker-cards.count-8 .locker-match{flex:1 1 0!important;height:auto;min-height:58px!important;max-height:none}
.page.pg-lockers .lk-card.locker-cards .locker-datetime{padding:5px 8px;gap:4px;justify-content:center}
.page.pg-lockers .lk-card.locker-cards .locker-datetime span{font-size:30px;line-height:1}
.page.pg-lockers .lk-card.locker-cards .locker-datetime b{font-size:18px;line-height:1.05;white-space:normal}
.page.pg-lockers .lk-card.locker-cards .locker-team{grid-template-columns:58px minmax(120px,1fr) minmax(130px,.65fr) minmax(90px,.42fr);padding:3px 12px;gap:3px 9px;min-height:0;overflow:hidden}
.page.pg-lockers .lk-card.locker-cards .locker-team .side-label{font-size:15px;letter-spacing:.03em}
.page.pg-lockers .lk-card.locker-cards .locker-team strong{font-size:23px;line-height:1.02}
.page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{font-size:17px;line-height:1.03;white-space:nowrap}
.page.pg-lockers .lk-card.locker-cards .locker-team .field{display:block}
.page.pg-lockers .lk-card.locker-cards .locker-team.away-team .field{display:none}
.page.pg-lockers .locker-icon,.page.pg-lockers .field-icon{font-size:15px;margin-right:3px;filter:none}
@media(max-width:1200px){.page.pg-lockers .lk-card.locker-cards .locker-match{grid-template-columns:105px minmax(0,1fr)}.page.pg-lockers .lk-card.locker-cards .locker-team{grid-template-columns:46px minmax(100px,1fr) minmax(105px,.65fr) minmax(70px,.4fr);padding:3px 8px;gap:3px 6px}.page.pg-lockers .lk-card.locker-cards .locker-team strong{font-size:20px}.page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{font-size:15px}}

/* v2.4.8 – vernieuwde clubinformatie: fotobanner en vier duidelijke actiekaarten */
.pg-club{background:#03170e;color:#fff}
.club-new-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.12)}
.club-new-scene{inset:0;background:linear-gradient(180deg,#052819 0%,#0b3b23 22%,#174e29 55%,#041b11 100%)}
.club-new-scene .sun{left:24%;top:8%;width:560px;height:390px;opacity:.9}
.club-new-scene .trees{top:14%;height:38%;opacity:.8}
.club-new-scene .grass{top:34%;bottom:0;transform:perspective(1000px) rotateX(8deg);transform-origin:bottom}
.club-new-scene .lines{top:54%;height:3px;left:8%;right:8%;box-shadow:0 110px 0 rgba(255,255,255,.22),0 220px 0 rgba(255,255,255,.12)}
.club-new-head{position:absolute;z-index:2;left:0;right:0;top:0;height:142px;display:flex;align-items:center;gap:24px;padding:16px 52px;background:linear-gradient(100deg,rgba(2,30,18,.98),rgba(4,62,34,.91));border-bottom:3px solid var(--bright);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.club-new-head>img{width:104px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.club-new-brand{min-width:0}.club-new-brand h1{font:800 66px/.96 BarlowC;letter-spacing:.025em;margin:0;text-shadow:0 4px 12px #00170c}.club-new-brand span{display:block;margin-top:10px;color:#a5f3c4;font:600 19px BarlowSC;letter-spacing:.19em;text-transform:uppercase}
.club-new-head-mark{margin-left:auto;font:800 27px BarlowC;letter-spacing:.08em;color:#fff;text-align:right;white-space:nowrap}.club-new-head-mark b{display:block;color:var(--bright);font:800 42px/.95 BarlowC;letter-spacing:.03em}
.club-new-hero{position:absolute;z-index:1;left:0;right:0;top:142px;height:390px;overflow:hidden;background:linear-gradient(90deg,rgba(2,26,15,.83),rgba(2,26,15,.24) 62%,rgba(2,26,15,.5));border-bottom:1px solid rgba(255,255,255,.18)}
.club-new-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,20,12,.68),transparent 65%);pointer-events:none}
.club-new-hero-copy{position:absolute;z-index:1;left:76px;top:50px;max-width:1000px;text-shadow:0 4px 14px rgba(0,0,0,.7)}
.club-eyebrow{font:700 20px BarlowSC;letter-spacing:.2em;color:#b4f5ce}
.club-new-hero h2{font:700 106px/.9 CaveatV,cursive;margin:14px 0 0;transform:rotate(-3deg);transform-origin:left center;color:#fff}
.club-new-hero-copy>i{display:block;width:610px;height:10px;margin-top:22px;border-radius:9px;background:linear-gradient(90deg,var(--bright),rgba(255,255,255,.8),transparent);transform:rotate(-2deg)}
.club-new-hero-copy p{margin:24px 0 0;font:600 25px BarlowSC;letter-spacing:.06em;color:#e4f8eb}
.club-new-ball{position:absolute;right:90px;top:74px;width:190px;height:190px;border-radius:50%;padding:22px;background:radial-gradient(circle at 32% 28%,rgba(40,173,93,.4),rgba(0,28,17,.88) 70%);border:2px solid rgba(91,236,151,.5);box-shadow:0 10px 38px rgba(0,0,0,.35)}.club-new-ball svg{width:100%;height:100%;opacity:.72}
.club-new-cards{position:absolute;z-index:3;left:26px;right:26px;bottom:28px;height:350px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.club-new-card{position:relative;min-width:0;overflow:hidden;display:flex;align-items:stretch;border:2px solid rgba(25,196,106,.88);border-radius:20px;background:linear-gradient(145deg,rgba(2,58,34,.97),rgba(1,24,15,.97));box-shadow:0 12px 28px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.1)}
.club-new-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,rgba(25,196,106,.25),transparent 54%),repeating-linear-gradient(135deg,transparent 0 34px,rgba(255,255,255,.018) 34px 36px)}
.club-card-glow{position:absolute;right:-40px;top:-45px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(25,196,106,.23),transparent 70%)}
.club-card-icon{position:relative;z-index:1;flex:0 0 92px;width:92px;height:92px;margin:24px 0 0 22px;border:3px solid #2ee783;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(2,48,28,.9);box-shadow:0 0 0 7px rgba(25,196,106,.08)}.club-card-icon .ico{width:54px;height:54px}
.club-card-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;padding:24px 20px 18px 18px;flex:1}
.club-card-copy h3{font:800 42px/.98 BarlowC;letter-spacing:.025em;text-transform:uppercase;margin:0;overflow-wrap:anywhere}
.club-card-copy>i{display:block;width:90px;height:5px;border-radius:4px;background:var(--bright);margin:12px 0 13px}
.club-card-copy p{font:400 23px/1.17 BarlowSC;color:#e0f1e7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.club-card-cta{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font:700 18px BarlowC;letter-spacing:.05em}
.club-card-cta b{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;border:2px solid var(--bright);color:#fff;background:rgba(25,196,106,.25);font:700 32px/1 BarlowC}
@media (max-width:1200px){.club-new-head{padding:12px 30px}.club-new-brand h1{font-size:56px}.club-new-head-mark{font-size:20px}.club-new-head-mark b{font-size:34px}.club-new-cards{gap:10px;left:18px;right:18px}.club-card-icon{flex-basis:68px;width:68px;height:68px;margin:18px 0 0 14px}.club-card-copy{padding:18px 12px 14px}.club-card-copy h3{font-size:34px}.club-card-copy p{font-size:20px}}

/* v2.4.7 – veldindeling-tv-dia */
.pg-fieldlayout{background:#062a1d;color:#fff}.field-layout-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,#176e3b,#031b12 78%);background-size:cover;background-position:center}.field-layout-head{position:absolute;left:2.5%;right:2.5%;top:2.5%;height:16%;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:22px;border-bottom:3px solid #19c46a}.field-layout-head img{max-height:100%;max-width:100%;object-fit:contain}.field-layout-head div{text-align:center}.field-layout-head h1{font-size:clamp(28px,4.5vw,78px);line-height:1;margin:0;color:#fff;font-weight:900;letter-spacing:.03em}.field-layout-head strong{display:block;color:#19c46a;font-size:clamp(18px,2.5vw,42px);letter-spacing:.12em}.field-layout-content{position:absolute;top:21%;left:2.5%;right:2.5%;bottom:3%;display:grid;grid-template-columns:1.2fr 1fr;gap:2%}.field-map-main,.field-map-small{min-height:0}.field-pitch-screen{height:100%;position:relative;display:grid;gap:3%;padding:5%;border:4px solid rgba(255,255,255,.95);border-radius:10px;background:repeating-linear-gradient(0deg,#16833e 0 4%,#1a9146 4% 8%);box-shadow:0 12px 35px #0007;align-items:center;justify-items:center}.field-pitch-screen:before{content:'';position:absolute;inset:3%;border:2px solid #f5fff7;border-radius:4px}.field-pitch-screen:after{content:'';position:absolute;left:3%;right:3%;top:50%;border-top:2px dashed #fff}.field-pitch-screen b{position:relative;z-index:1;background:#06271f;color:#fff;border:2px solid #19c46a;padding:clamp(10px,1.8vw,28px) clamp(12px,2.4vw,40px);border-radius:10px;font-size:clamp(22px,3vw,54px);font-weight:900;text-align:center;box-shadow:0 5px 15px #0007;letter-spacing:.03em}.pitch-large,.pitch-small{grid-template-columns:1fr 1fr}.field-layout-content .field-map-small{padding-top:14%}@media(max-aspect-ratio:4/3){.field-layout-head{grid-template-columns:60px 1fr 60px}.field-layout-content{grid-template-columns:1fr;grid-template-rows:1fr .8fr;gap:2%}.field-layout-content .field-map-small{padding-top:0}.field-layout-head h1{font-size:clamp(20px,5vw,48px)}}

/* v2.4.7 – veldindeling-tv-dia */



/* 2.4.9.4: laatste afgesproken verbeteringen */
.c-strip{width:1632px;height:116px;display:block;background:#fff;border-radius:14px;overflow:hidden}
.c-strip .slabel{left:24px;top:8px;font-size:20px}
.c-strip .strip{left:24px;right:370px;top:35px;height:68px;justify-content:flex-start;gap:22px}
.c-strip .strip .sp{flex:0 1 170px;max-width:170px;height:60px;padding:3px 5px;font-size:22px}
.c-strip .sponsor-cta{position:absolute;right:0;top:0;bottom:0;width:330px;padding:14px 22px;display:flex;flex-direction:column;justify-content:center;gap:6px;text-decoration:none;background:linear-gradient(135deg,#0b4328,#0a2e1e);color:#fff;border-left:4px solid var(--bright)}
.c-strip .sponsor-cta span{font:500 19px BarlowSC;color:#d7eee0}
.c-strip .sponsor-cta b{font:800 29px/1 BarlowC;letter-spacing:.03em;color:#fff}
.c-strip .sponsor-cta i{font-style:normal;color:var(--bright);padding-left:8px}
.nw-watermark{position:absolute;width:min(43vw,620px);height:min(43vw,620px);object-fit:contain;right:8%;top:5%;opacity:.16;filter:grayscale(1) brightness(1.8);}
.nw-bg{overflow:hidden}
.locker-empty{position:absolute;left:60px;right:300px;top:160px;min-height:190px;display:flex;align-items:center;justify-content:center;text-align:center;padding:34px;font:700 40px BarlowSC;color:#fff;background:rgba(5,45,26,.82);border:2px solid rgba(255,255,255,.18);border-radius:16px}
.ball-in-clean{top:155px;bottom:24px;gap:28px;justify-content:center}
.ball-sponsor-logo{display:block;max-width:75%;max-height:230px;object-fit:contain}
.ball-sponsor-name{font:800 54px/1.05 BarlowC;color:#0b4d2a;text-align:center}
.sponsor-empty{font:600 30px BarlowSC;color:#567261;text-align:center}
.pupil-card{position:absolute;left:720px;top:140px;width:906px;height:740px;background:#0b4a2a;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.45);overflow:hidden}
.pupil-head{height:84px;display:flex;align-items:center;padding:0 34px;font:800 46px BarlowC;letter-spacing:.02em;color:#fff}
.pupil-content{position:absolute;inset:84px 24px 24px;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#0b2417}
.pupil-content img{max-width:75%;max-height:480px;object-fit:contain;border-radius:16px}
.pupil-content b{font:800 54px/1.05 BarlowC;text-align:center}
.pupil-content span,.pupil-placeholder{font:700 32px BarlowSC;color:#587263}
.pupil-placeholder{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7f2eb;color:#17663b;font:900 48px BarlowC}


/* 2.4.9.7: sponsoroproep rechtsonder op de sponsordia */
.sponsor-page-cta{position:absolute;right:42px;bottom:18px;z-index:8;display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:10px;border:2px solid #19c46a;background:rgba(3,34,21,.94);color:#fff;text-decoration:none;box-shadow:0 5px 18px rgba(0,0,0,.35)}
.sponsor-page-cta b{font:800 25px/1 BarlowC;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.sponsor-page-cta span{font:600 21px/1 BarlowSC;color:#bff5d4;white-space:nowrap}
.sponsor-page-cta:hover{background:#0b6036}

/* 2.4.9.7: kleedkamerregels op vaste kolommen en verticale middenlijn */
.page.pg-lockers .lk-head{left:60px;right:60px;display:flex;align-items:center;gap:24px}
.page.pg-lockers .lk-head h2{line-height:1;white-space:nowrap}
.page.pg-lockers .lk-head span{flex:0 0 auto;text-align:right;white-space:nowrap}
.page.pg-lockers .lk-card.locker-cards{display:flex;flex-direction:column;justify-content:flex-start;gap:0}
.page.pg-lockers .lk-card.locker-cards .locker-match{grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.page.pg-lockers .lk-card.locker-cards .locker-datetime{justify-content:center;align-items:center;gap:10px;padding:10px;min-width:0}
.page.pg-lockers .lk-card.locker-cards .locker-team{grid-template-columns:78px minmax(0,1fr) minmax(190px,.72fr) minmax(120px,.42fr);gap:8px 14px;align-items:center;min-width:0}
.page.pg-lockers .lk-card.locker-cards .locker-team strong{min-width:0;text-align:left}
.page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{min-width:0;text-align:left;white-space:nowrap}
@media(max-width:1200px){.page.pg-lockers .lk-card.locker-cards .locker-match{grid-template-columns:125px minmax(0,1fr)}.page.pg-lockers .lk-card.locker-cards .locker-team{grid-template-columns:60px minmax(0,1fr) minmax(145px,.7fr) minmax(90px,.4fr);gap:6px 8px;padding:8px 12px}.page.pg-lockers .lk-card.locker-cards .locker-team strong{font-size:22px}.page.pg-lockers .lk-card.locker-cards .locker-team .room,.page.pg-lockers .lk-card.locker-cards .locker-team .field{font-size:17px}}

/* 2.4.9.8: lege kleedkamerindeling toont alleen tekst, zonder wit vlak */
.lk-card.locker-cards.empty{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.locker-empty{left:5%!important;right:5%!important;top:38%!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;text-shadow:0 3px 8px rgba(0,0,0,.7);font-size:clamp(28px,3.2vw,54px)!important}
/* 2.4.9.8: veldindeling toont alleen de zelf geüploade afbeelding, zonder extra kop of illustratie */
.pg-fieldlayout .field-layout-bg{inset:0!important}
.pg-fieldlayout .field-layout-bg.no-photo{background:#062a1d!important}
/* 2.4.9.8: compacte sponsoroproep op hoofdpagina */
.c-strip .sponsor-cta span{font:800 20px BarlowC!important;letter-spacing:.04em}
.c-strip .sponsor-cta b{font:800 24px/1.05 BarlowC!important;overflow-wrap:anywhere}

/* 2.4.10 — Clubinformatie: sfeerbeeld en duidelijkere clubboodschap (concept B) */
.pg-club .club-new-bg{background-position:center 42%;background-size:cover;filter:saturate(1.12) contrast(1.03)}
.pg-club .club-new-scene{background:linear-gradient(180deg,#052719 0%,#0a3924 28%,#1a6135 61%,#031a10 100%)}
.pg-club .club-new-hero{height:410px;background:linear-gradient(90deg,rgba(2,24,15,.7),rgba(2,24,15,.12) 75%),linear-gradient(0deg,rgba(2,20,12,.8),transparent 75%);border-bottom:1px solid rgba(255,255,255,.2)}
.pg-club .club-new-hero-copy{left:84px;top:48px;max-width:1120px}
.pg-club .club-new-hero h2{font-size:112px;margin-top:14px}
.pg-club .club-new-hero-copy>i{width:560px;margin-top:20px}
.pg-club .club-new-hero-copy p{max-width:980px;font-size:27px;line-height:1.18;letter-spacing:.015em;margin-top:20px}
.pg-club .club-hero-values{display:flex;align-items:center;gap:14px;margin-top:20px;color:#d9f8e5;font:700 18px BarlowC;letter-spacing:.12em}
.pg-club .club-hero-values b{color:var(--bright);font-size:24px}
.pg-club .club-hero-stamp{position:absolute;right:100px;top:84px;width:174px;height:174px;border:2px solid rgba(110,244,166,.58);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(1,30,18,.48);box-shadow:0 0 0 10px rgba(25,196,106,.08),0 12px 30px #0004;transform:rotate(7deg)}
.pg-club .club-hero-stamp span{font:700 15px BarlowC;letter-spacing:.25em;color:#b9f5d0}
.pg-club .club-hero-stamp b{font:800 58px/.95 BarlowC;color:#fff}
.pg-club .club-hero-stamp small{font:700 11px BarlowC;letter-spacing:.13em;color:#b9f5d0;margin-top:7px}
.pg-club .club-new-cards{left:28px;right:28px;bottom:28px;height:330px;gap:16px}
.pg-club .club-new-card{flex-direction:column;align-items:center;text-align:center;background:linear-gradient(155deg,rgba(2,67,39,.96),rgba(1,25,15,.98));border:1.5px solid rgba(25,196,106,.85);border-radius:17px;transition:transform .2s ease}
.pg-club .club-new-card:after{content:"";position:absolute;left:16%;right:16%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--bright),transparent)}
.pg-club .club-card-icon{flex:0 0 72px;width:72px;height:72px;margin:18px 0 0;border-width:2px;box-shadow:0 0 0 6px rgba(25,196,106,.09)}
.pg-club .club-card-icon .ico{width:42px;height:42px}
.pg-club .club-card-copy{width:100%;box-sizing:border-box;align-items:center;padding:12px 22px 16px}
.pg-club .club-card-copy h3{font-size:35px;line-height:1.03;overflow-wrap:normal}
.pg-club .club-card-copy>i{width:68px;height:4px;margin:10px 0 10px}
.pg-club .club-card-copy p{font-size:21px;line-height:1.2;-webkit-line-clamp:3;max-width:310px}
.pg-club .club-card-cta{width:100%;box-sizing:border-box;font-size:17px;padding-top:8px}
.pg-club .club-card-cta b{width:32px;height:32px;flex-basis:32px;font-size:28px}
@media(max-width:1200px){.pg-club .club-new-hero-copy{left:40px;top:42px}.pg-club .club-new-hero h2{font-size:82px}.pg-club .club-hero-stamp{right:45px;width:130px;height:130px}.pg-club .club-hero-stamp b{font-size:44px}.pg-club .club-new-cards{left:16px;right:16px;gap:9px}.pg-club .club-card-copy{padding:10px 10px 12px}.pg-club .club-card-copy h3{font-size:29px}.pg-club .club-card-copy p{font-size:18px}}


/* 2.4.10.7: agenda gebruikt dezelfde open, donkergroene stijl als de lege kleedkamerpagina. */
.ag-card{left:5%!important;right:5%!important;top:180px!important;bottom:70px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;overflow:hidden;padding:0!important}
.agenda-heading{position:absolute;left:5%;top:58px;z-index:4;font:800 64px/1 BarlowC;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.7)}
.ag-card .agenda-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;text-shadow:0 3px 8px rgba(0,0,0,.7);font:700 clamp(28px,3.2vw,54px)/1.2 BarlowSC!important}

/* 2.4.10.8: Agenda sluit visueel aan op Kleedkamerindeling, zonder club-topbar. */
.page.pg-agenda .agenda-bg{background:radial-gradient(ellipse at 78% 80%,rgba(26,92,51,.24),transparent 45%),linear-gradient(135deg,#06291a 0%,#031b12 60%,#071f14 100%)!important}
.page.pg-agenda .agenda-head{left:60px;right:60px;top:28px;align-items:center}
.page.pg-agenda .agenda-head h2{font-size:74px;line-height:1;letter-spacing:.01em}
.page.pg-agenda .agenda-side{right:42px;top:155px;width:230px;z-index:5}
.page.pg-agenda .agenda-side img{width:190px;max-height:220px;object-fit:contain;margin-bottom:22px}
.page.pg-agenda .agenda-side b{font-size:48px;line-height:1.02;white-space:normal}
.page.pg-agenda .ag-card{left:60px!important;right:285px!important;top:145px!important;bottom:45px!important}
.page.pg-agenda .agenda-empty{justify-content:flex-start!important}
@media(max-width:1200px){.page.pg-agenda .agenda-head{left:35px;right:35px}.page.pg-agenda .agenda-side{right:20px;width:200px}.page.pg-agenda .agenda-side img{width:165px}.page.pg-agenda .agenda-side b{font-size:40px}.page.pg-agenda .ag-card{left:35px!important;right:245px!important}}


/* 2.4.11.1: outline-iconen in de VVZ-huisstijl voor kleedkamers en velden */
.page.pg-lockers .vvz-outline-icon{display:inline-block;vertical-align:middle;fill:none;stroke:#075a35;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page.pg-lockers .locker-icon-svg{width:19px;height:23px;margin-right:5px}
.page.pg-lockers .field-icon-svg{width:27px;height:21px;margin-right:6px}
.page.pg-lockers .locker-icon,.page.pg-lockers .field-icon{display:inline-flex;align-items:center;justify-content:flex-start;filter:none;color:#075a35}