:root{--red:#D81E2C;--red-deep:#A3131F;--ink:#1F1F1F;--ink-2:#555;--paper:#FFFFFF;--mist:#F3F3F3;--line:#E2E2E2;--on-red:#FFFFFF;--card:#FFFFFF;
--f-head:"Poppins",Arial,Helvetica,sans-serif;--f-body:"Source Sans 3","Segoe UI",Arial,sans-serif;color-scheme:light;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--red:#E43442;--red-deep:#B81A27;--ink:#EDEDED;--ink-2:#B5B5B5;--paper:#161616;--mist:#1F1F1F;--line:#333;--card:#222;color-scheme:dark}}
:root[data-theme="dark"]{--red:#E43442;--red-deep:#B81A27;--ink:#EDEDED;--ink-2:#B5B5B5;--paper:#161616;--mist:#1F1F1F;--line:#333;--card:#222;color-scheme:dark}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
img{max-width:100%;display:block}
a{color:var(--red)}a:hover{color:var(--red-deep)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
h1,h2,h3{font-family:var(--f-head);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.5rem,2.6vw,2.05rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:12px;top:12px;z-index:99;background:var(--paper);padding:8px 12px}
/* stripes: the shirt */
.stripes{height:14px;background:repeating-linear-gradient(90deg,var(--red) 0 28px,#fff 28px 56px)}
/* header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none}
.brand .logo{width:50px;height:auto}
.brand-t{display:flex;flex-direction:column;line-height:1.05;font-family:var(--f-head)}
.brand-t span{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--red)}
.brand-t strong{font-size:1.2rem;font-weight:800}
nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.navlist{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.ddbtn,.toplink{white-space:nowrap;font:600 .98rem var(--f-body);color:var(--ink);background:none;border:0;padding:10px 12px;cursor:pointer;text-decoration:none;border-radius:4px;display:block}
.ddbtn::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.ddbtn:hover,.toplink:hover,.dd.open .ddbtn{background:var(--mist)}
.dd{position:relative}
.ddmenu{display:none;position:absolute;top:100%;left:0;min-width:240px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--red);list-style:none;margin:6px 0 0;padding:8px 0;box-shadow:0 14px 30px rgba(0,0,0,.12)}
.dd.open .ddmenu{display:block}
.ddmenu a{display:block;padding:8px 18px;color:var(--ink);text-decoration:none}
.ddmenu a:hover,.ddmenu a[aria-current]{background:var(--mist);color:var(--red)}
.navbtns{display:flex;gap:8px}
.menubtn{display:none;margin-left:auto;font:700 1rem var(--f-head);background:var(--red);color:#fff;border:0;border-radius:4px;padding:10px 16px}
/* buttons */
.btn{display:inline-block;white-space:nowrap;font:700 1rem var(--f-head);background:var(--red);color:#fff;text-decoration:none;padding:13px 22px;border-radius:4px;border:2px solid var(--red)}
.btn:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff}
.btn.ghost{background:transparent;color:var(--red)}.btn.ghost:hover{background:var(--red);color:#fff}
.btn.light{background:#fff;color:var(--red-deep);border-color:#fff}.btn.light:hover{background:transparent;color:#fff}
.btn.small{padding:9px 16px;font-size:.92rem}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.textlink{font-weight:700}
/* hero */
.hero{position:relative;min-height:min(80vh,720px);display:flex;align-items:center;overflow:hidden;background:var(--red)}
.hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:repeating-linear-gradient(90deg,var(--red) 0 56px,var(--red-deep) 56px 112px)}
.hero-img{position:absolute;top:0;bottom:0;right:0;left:30%;width:70%;height:100%;object-fit:cover;object-position:88% 40%}
.hero-card{position:relative;background:var(--paper);max-width:520px;margin:40px 0 40px max(clamp(16px,4vw,40px),calc((100vw - 1200px)/2 + 40px));padding:0 clamp(22px,3.4vw,44px) clamp(24px,3vw,38px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.hero-card .stripes{margin:0 calc(-1*clamp(22px,3.4vw,44px)) 26px}
.hero-kicker{font:700 1rem var(--f-head);color:var(--red);margin:0 0 6px}
.hero-card h1{margin-bottom:.35em}
/* sections */
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px)}
.intro p{max-width:62ch;font-size:1.15rem}
.intro-fig img{width:100%;aspect-ratio:4/3;object-fit:cover}
.band{background:var(--mist);padding:clamp(48px,7vw,90px) 0}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.tile{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--card)}
.tile img{width:100%;aspect-ratio:16/10;object-fit:cover}
.tile-t{font:800 1.2rem var(--f-head);padding:16px 18px 2px;border-top:5px solid var(--red)}
.tile-s{padding:0 18px 18px;color:var(--ink-2)}
.tile:hover .tile-t{color:var(--red)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(48px,7vw,90px);align-items:start}
.callout{background:var(--red);color:#fff}
.callout img{width:100%;aspect-ratio:16/9;object-fit:cover}
.callout>div{padding:26px 28px 30px}
.callout .btn{background:#fff;color:var(--red-deep);border-color:#fff}.callout .btn:hover{background:transparent;color:#fff}
.history-band{position:relative;color:#fff;min-height:420px;display:flex;align-items:center;overflow:hidden;background:#222}
.history-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);opacity:.55}
.history-band .wrap{position:relative;width:100%}
.hb-text{max-width:520px;background:var(--red-deep);padding:30px 32px}
.hb-text p{font-size:1.1rem}
/* page header */
.phead{display:grid;grid-template-columns:1fr 1fr;background:var(--red);color:var(--on-red);position:relative;min-height:340px}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(90deg,var(--red) 0 28px,#fff 28px 56px)}
.phead-text{padding:clamp(36px,6vw,72px) clamp(16px,4vw,40px) clamp(44px,6vw,80px) max(clamp(16px,4vw,40px),calc((100vw - 1200px)/2 + 40px));align-self:center}
.phead-text .lead{font-size:1.2rem;max-width:46ch;margin:0}
.crumb{font:700 .95rem var(--f-head);opacity:.85;margin:0 0 8px}
.phead-img img{width:100%;height:100%;object-fit:cover;min-height:280px}
/* prose */
.prose{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(48px,7vw,96px)}
.prose>p,.prose>ul,.prose>ol:not(.agenda),.prose>h2,.prose>h3,.prose .timeline>*{max-width:72ch}
.prose h2{margin-top:1.8em}
.prose h3{margin-top:1.6em;color:var(--red-deep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .prose h3{color:#FF7B85}}
:root[data-theme="dark"] .prose h3{color:#FF7B85}
.prose li p{margin:0}
.prose ul{padding-left:1.2em}.prose li{margin:.2em 0}
.prose li::marker{color:var(--red)}
.tablewrap{overflow-x:auto;margin:1.2em 0;max-width:100%}
.tablewrap.tall{max-height:420px;overflow-y:auto;max-width:520px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-size:.98rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--red);color:#fff;font-family:var(--f-head);font-weight:700;position:sticky;top:0}
thead th strong{font-weight:700}
tbody tr:nth-child(even){background:var(--mist)}
table.ct th[scope=row]{font-weight:700}
.fig{margin:1.6em 0}
.fig img{width:100%;height:auto}
.fig figcaption{font-size:.92rem;color:var(--ink-2);padding-top:6px;border-left:4px solid var(--red);padding-left:10px;margin-top:8px}
.gallery{display:grid;gap:20px;margin:1.6em 0}
.gallery.g2{grid-template-columns:repeat(2,1fr)}.gallery.g3{grid-template-columns:repeat(3,1fr)}
.gallery .fig{margin:0}
.gallery:not(.archive) .fig img{aspect-ratio:4/3;object-fit:cover}
.gallery.g2{max-width:900px}
.archive .fig img{background:var(--mist)}
.note{background:var(--mist);padding:16px 20px;border-left:5px solid var(--red)}
/* timeline */
.timeline h3{position:relative;padding-left:26px}
.timeline h3::before{content:"";position:absolute;left:0;top:.2em;width:14px;height:14px;background:var(--red);border-radius:50%}
/* people */
.helpers{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:1.4em 0 2em}
.helper{background:var(--mist);padding:26px;border-top:5px solid var(--red)}
.helper img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:14px;border:4px solid var(--paper)}
.helper h3{margin:0;color:var(--ink)!important}
.role{color:var(--red-deep);font-weight:700;margin:.2em 0 .8em}
.forq{font-size:.92rem;color:var(--ink-2);margin:0}
.helper ul{padding-left:1.1em;margin:.4em 0 1em}
.contactline{display:flex;flex-direction:column;font-weight:700;margin:0}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px;margin:1.2em 0 2em}
.person{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.person img{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--red)}
.person strong{display:block;font-family:var(--f-head)}
.person span{color:var(--ink-2);font-size:.95rem}
/* agenda */
.agenda{list-style:none;margin:1.6em 0;padding:0;display:grid;gap:14px;max-width:860px}
.ev{display:grid;grid-template-columns:92px 1fr;background:var(--card);border:1px solid var(--line)}
.ev-date{background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--f-head);padding:12px 0}
.ev-d{font-size:2.1rem;font-weight:800;line-height:1}.ev-m{font-weight:700}
.ev-body{padding:14px 20px}
.ev-body h3{margin:0 0 .25em;color:var(--ink)!important;font-size:1.25rem}
.ev-body p{margin:0}
.ev-day{font-weight:700;color:var(--ink-2);font-size:.92rem}
.ev.past{opacity:.5}.ev.past .ev-date{background:#888}
.ev.past .ev-day::after{content:" (geweest)"}
.agenda.compact .ev-body p:last-child{display:none}
.agenda.compact{margin-top:.8em}
/* misc */
.reggie{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start}
.reggie img{width:100%;max-width:300px}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
/* footer */
.site-foot{background:#1A1A1A;color:#DADADA;margin-top:0}
.foot{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;padding-top:48px;padding-bottom:24px}
.site-foot h3{color:#fff;font-size:1rem}
.site-foot ul{list-style:none;padding:0;margin:0}.site-foot li{margin:.3em 0}
.site-foot a{color:#DADADA;text-decoration:none}.site-foot a:hover{color:#fff;text-decoration:underline}
.foot-brand .logo{width:70px;margin-bottom:12px}
.copy{padding-bottom:28px;font-size:.9rem;color:#9a9a9a}
/* responsive */
@media (max-width:1280px){
 .menubtn{display:block}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);flex-direction:column;align-items:stretch;padding:12px clamp(16px,4vw,40px) 24px;border-bottom:4px solid var(--red);max-height:calc(100vh - 80px);overflow:auto}
 nav.open{display:flex}
 .navlist{flex-direction:column;align-items:stretch}
 .ddbtn,.toplink{width:100%;text-align:left;padding:12px 4px;font-size:1.05rem}
 .ddmenu{position:static;box-shadow:none;border:0;border-left:4px solid var(--red);margin:0 0 8px}
 .navbtns{margin-top:10px}
 .tiles{grid-template-columns:repeat(2,1fr)}
 .people{grid-template-columns:repeat(3,1fr)}
 .foot{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
 .intro,.split,.phead,.helpers,.contactgrid,.reggie{grid-template-columns:1fr}
 .phead-img{order:-1}.phead-img img{min-height:200px;max-height:260px}
 .tiles,.gallery.g3,.gallery.g2{grid-template-columns:1fr}
 .people{grid-template-columns:repeat(2,1fr)}
 .person img{width:110px;height:110px}
 .hero{min-height:0;flex-direction:column;align-items:stretch}
 .hero-img{position:static;height:300px;width:100%}
 .hero::before{display:none}
 .hero-card{margin:0;box-shadow:none}
 .foot{grid-template-columns:1fr}
 .ev{grid-template-columns:72px 1fr}.ev-d{font-size:1.7rem}
}
@media (prefers-reduced-motion:no-preference){.view:not([hidden]){animation:in .25s ease-out}@keyframes in{from{opacity:0}to{opacity:1}}}
/* facts */
.facts{background:var(--red);color:#fff;position:relative}
.facts::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--red-deep) 0 28px,#fff 28px 56px)}
.facts-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:26px;padding-bottom:36px}
.facts-row p{margin:0;display:flex;flex-direction:column}
.facts-row strong{font:800 clamp(1.8rem,3vw,2.4rem)/1.1 var(--f-head)}
.facts-row span{opacity:.92}
/* story */
.story{padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(40px,6vw,70px)}
.story-lead{font-size:1.2rem;max-width:62ch;margin-bottom:28px}
.thennow{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
.tn{margin:0;position:relative;display:flex;flex-direction:column}
.tn img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tn.then img{filter:grayscale(1) contrast(1.05)}
.tn figcaption{padding:20px 24px 24px;flex:1}
.tn.then figcaption{background:#2A2A2A;color:#EEE}
.tn.now figcaption{background:var(--red);color:#fff}
.tn figcaption strong{display:block;font:800 1.3rem var(--f-head);margin-bottom:4px}
.tn-label{position:absolute;top:16px;left:16px;font:800 1rem var(--f-head);background:#fff;color:var(--red-deep);padding:6px 14px}
.tline{list-style:none;padding:0;margin:30px 0 18px;display:grid;grid-template-columns:repeat(6,1fr);position:relative;counter-reset:none}
.tline::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;background:var(--red)}
.tline li{position:relative;padding:28px 10px 0 0;display:flex;flex-direction:column}
.tline li::before{content:"";position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:var(--paper);border:4px solid var(--red)}
.tline li.tl-now::before{background:var(--red)}
.tline strong{font:800 1.1rem var(--f-head);color:var(--red-deep)}
.tline span{font-size:.95rem;color:var(--ink-2)}
.pillar-head{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;border-bottom:5px solid var(--red);padding-bottom:10px}
.pillar-head h2{margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem)}
.pillar-head p{margin:0;color:var(--ink-2);font-size:1.1rem}
.band.alt{background:var(--paper)}
.band.alt .tile{background:var(--mist)}
.appline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;background:var(--card);padding:18px 22px;border-left:5px solid var(--red)}
.appline p{margin:0;max-width:70ch}
@media (max-width:900px){.tline{grid-template-columns:1fr;gap:6px}.tline::before{left:9px;right:auto;width:4px;top:0;bottom:0;height:auto}.tline li{padding:0 0 10px 38px}
.facts-row{grid-template-columns:repeat(2,1fr)}.appline{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){.thennow{grid-template-columns:1fr}}
.hero-card h1{font-size:clamp(1.9rem,3.4vw,2.75rem)}
.hero-card{max-width:560px}
/* hero: image starts where the card ends, so the handshake stays visible */
.hero{--cardleft:max(clamp(16px,4vw,40px),calc((100vw - 1200px)/2 + 40px))}
.hero::before{width:calc(var(--cardleft) + 520px)}
.hero-img{left:calc(var(--cardleft) + 480px);width:calc(100% - var(--cardleft) - 480px);object-position:58% 42%}
@media (max-width:760px){.hero-img{left:auto;width:100%;object-position:60% 40%}}
/* minder rode vlakken: rood-wit in plaats van rood */
.hero{background:var(--paper)}
.hero::before{background:repeating-linear-gradient(90deg,var(--red) 0 56px,#fff 56px 112px)}
.phead{background:var(--paper);color:var(--ink)}
.phead::before{content:"";position:absolute;left:0;top:0;bottom:14px;width:max(16px,calc((100vw - 1200px)/2 - 20px));background:repeating-linear-gradient(90deg,var(--red) 0 28px,#fff 28px 56px)}
.phead-text .lead{color:var(--ink-2)}
.crumb{color:var(--red);opacity:1}
.phead h1{color:var(--ink)}
.tn.now figcaption{background:var(--mist);color:var(--ink);border-top:6px solid var(--red)}
.tn.then figcaption{border-top:6px solid #2A2A2A}
.callout{background:var(--mist);color:var(--ink);border-top:14px solid transparent;border-image:repeating-linear-gradient(90deg,var(--red) 0 28px,#fff 28px 56px) 14}
.callout .btn{background:var(--red);color:#fff;border-color:var(--red)}.callout .btn:hover{background:var(--red-deep);border-color:var(--red-deep)}
/* meer foto, minder vlak: foto over de volle breedte, tekstkaart overlapt de onderrand */
.hero{display:block;min-height:0;background:none;overflow:visible;padding-bottom:clamp(8px,3vw,40px)}
.hero::before{display:none}
.hero-img{position:relative;display:block;left:auto;width:100%;height:clamp(440px,66vh,660px);object-position:56% 38%}
.hero-card{margin:-190px 0 0 var(--cardleft);max-width:600px;z-index:2}
.phead{display:flex;flex-direction:column;background:none;min-height:0;padding-bottom:clamp(8px,2vw,24px)}
.phead::before,.phead::after{display:none}
.phead-img{order:-1}
.phead-img img{width:100%;height:clamp(300px,46vh,460px);min-height:0;max-height:none;object-fit:cover;object-position:50% 40%}
.phead-text{position:relative;z-index:2;background:var(--paper);max-width:640px;margin:-120px 0 0 max(clamp(16px,4vw,40px),calc((100vw - 1200px)/2 + 40px));padding:0 clamp(22px,3vw,40px) clamp(22px,3vw,34px);align-self:flex-start;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.phead-text::before{content:"";display:block;height:14px;margin:0 calc(-1*clamp(22px,3vw,40px)) 22px;background:repeating-linear-gradient(90deg,var(--red) 0 28px,#fff 28px 56px)}
@media (max-width:760px){
 .hero-img{height:300px}.hero-card{margin:0}
 .phead-img img{height:240px}.phead-text{margin:0;box-shadow:none;max-width:none}
}
.hero-img{object-position:56% 18%}
.phead-img img{height:clamp(340px,54vh,540px);object-position:50% 28%}
.phead + .prose{padding-top:clamp(24px,3vw,40px)}
#v-shop .phead-img img{object-position:28% 45%}
#v-organisatie .phead-img img,#v-partners .phead-img img{object-position:55% 45%}
.gallery.tall3 .fig img{aspect-ratio:3/4}
#v-darts .phead-img img{object-position:50% 80%}
#v-organisatie .phead-img img,#v-partners .phead-img img{object-position:80% 55%}
#v-vrouwen .phead-img img{object-position:50% 52%}
.thumbs{display:flex;flex-wrap:wrap;gap:18px;margin:1.6em 0}
.thumbs figure{margin:0;width:200px}
.thumbs img{width:200px;height:200px;object-fit:cover}
.thumbs figcaption{font-size:.9rem;color:var(--ink-2);margin-top:8px;border-left:4px solid var(--red);padding-left:8px}
@media (max-width:480px){.thumbs figure{width:calc(50% - 9px)}.thumbs img{width:100%;height:auto;aspect-ratio:1}}
#v-keepers .phead-img img{object-position:50% 45%}
#v-vrouwen .gallery.g2 .fig img{aspect-ratio:4/5}
#v-events .fig img{max-height:620px;object-fit:cover}
.prose > .fig{max-width:760px}
/* voetbalblok met achtergrondfoto */
.voetbalband{position:relative;overflow:hidden;background:#1c1c1c}
.voetbalband .band-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.voetbalband::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.7) 100%);z-index:1}
.voetbalband .wrap{position:relative;z-index:2}
.voetbalband .pillar-head{border-bottom-color:#fff}
.voetbalband .pillar-head h2,.voetbalband .pillar-head p{color:#fff}
.voetbalband .tile{background:var(--card)}
.voetbalband .appline{background:var(--card)}
#v-reggie .phead-img img{object-position:50% 22%}
#v-reggie .phead-img img{object-position:50% 6%}
#v-reggie .phead-img img{height:clamp(420px,min(72vh,52vw),760px);object-position:50% 15%}
#v-reggie .phead-text{margin-top:-48px}
#v-jeugd .phead-img img{object-position:50% 30%}
#v-jeugd .phead-img img{height:clamp(420px,min(82vh,60vw),860px);object-position:50% 85%}
#v-jeugd .phead-text{margin-top:-48px}
/* Voetbalopleiding: header toont de hele foto, met een vervaagde rand */
:is(body,#_) .phead-img.phead-full{position:relative;overflow:hidden;background:#1d3b1f;width:100%;max-width:100%;margin-inline:0;padding:0;box-sizing:border-box}
:is(body,#_) .phead-full img.phead-bg{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover;object-position:50% 50% !important;filter:blur(22px) brightness(.8);transform:scale(1.15)}
:is(body,#_) .phead-full img.phead-main{position:relative;z-index:1;display:block;width:auto !important;max-width:100%;margin-inline:auto;height:clamp(230px,34vh,320px) !important;aspect-ratio:9/5;object-fit:cover}
:is(body,#_) .view .phead-text{margin-top:0 !important}
@media (max-width:760px){:is(body,#_) .phead-img.phead-full{width:100%;padding:0}:is(body,#_) .phead-full img.phead-main{width:100% !important;height:auto !important;max-height:none;aspect-ratio:9/5}}
#v-jeugd .phead-img img{height:clamp(420px,min(92vh,66vw),940px);object-position:50% 45%}
#v-keepers .phead-img img{height:clamp(420px,min(88vh,62vw),900px);object-position:50% 0%}
#v-keepers .phead-text{margin-top:-48px}
.vplus{align-items:start}.vplus .fig img{max-height:560px;width:auto;max-width:100%}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:1.2em 0 2em}
.mosaic .fig{margin:0}
.mosaic .fig img{aspect-ratio:1;object-fit:cover;object-position:50% 25%}
@media (max-width:900px){.mosaic{grid-template-columns:repeat(2,1fr)}}
#v-scheidsrechters .phead-img img{height:clamp(420px,min(86vh,60vw),860px);object-position:50% 30%}
#v-scheidsrechters .phead-text{margin-top:-48px}
#v-tikitaka .archive .fig img{max-height:620px;width:auto;max-width:100%}
/* contactknoppen */
.cbtn{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;background:var(--red);color:#fff!important;text-decoration:none;font-weight:600;font-size:.95em;line-height:1.35;margin:3px 2px;vertical-align:middle;max-width:100%}
.cbtn span{overflow-wrap:anywhere}
.cbtn:hover{background:var(--red-deep);color:#fff}
.cbtn svg{flex:none}
.cbtn.wa{background:#1B8A45}.cbtn.wa:hover{background:#146B35}
.cbtn.tel{background:#2A2A2A}.cbtn.tel:hover{background:#000}
.contactline{gap:6px;align-items:flex-start}
.contactline span:not(.cbtn span){font-weight:700}
#v-tikitaka .phead-img img{object-position:50% 50%}
.seasons{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:1em 0 1.5em}
.seasons>div{background:var(--mist);padding:18px 22px;border-top:5px solid var(--red)}
.seasons h3{margin-top:0}
@media (max-width:600px){.seasons{grid-template-columns:1fr}}

/* Tiki Taka League: partner en galerij */
.tt-partner{display:flex;align-items:center;gap:18px;padding:16px 20px;margin:1.6em 0;max-width:560px;background:var(--mist);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px}
.tt-logo{flex:none;background:#fff;border-radius:10px;padding:8px;display:flex}
.tt-logo img{width:64px;height:auto;display:block}
.tt-partner p{margin:0}
.tt-partner .tt-label{font-family:var(--f-head);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}
.tt-partner strong{display:block;font-family:var(--f-head);font-size:1.15rem;line-height:1.3;color:var(--ink)}
.tt-partner .tt-sub{color:var(--ink-2);font-size:.95rem}
.gallery.tt-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;max-width:960px}
.gallery.tt-gallery .fig img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:6px;max-height:none}
.gallery.tt-gallery .fig figcaption{font-size:.85rem}
@media (max-width:480px){.gallery.tt-gallery{grid-template-columns:repeat(2,1fr);gap:10px}}

/* Compactere paginakoppen: minder scrollen naar de inhoud */
:is(.view,#_) .phead-img img{height:clamp(240px,40vh,380px);min-height:0;max-height:none}
:is(.view,#_) .phead-text{margin-top:-40px}
#v-scheidsrechters .phead-img img{object-position:50% 12%}
#v-reggie .phead-img img{object-position:50% 12%}
#v-jeugd .phead-img img{object-position:50% 25%}
#v-vrouwen .phead-img img{object-position:50% 35%}
:is(.view,#_) .phead-text h1{margin-bottom:.25em}
:is(.view,#_) .phead{padding-bottom:0}
:is(.view,#_) .phead + .prose{padding-top:clamp(16px,2.4vw,28px)}
@media (max-width:760px){:is(.view,#_) .phead-img img{height:210px}:is(.view,#_) .phead-text{margin-top:0}}

/* Uitklapbare onderdelen */
.acc{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 10px;max-width:760px}
.acc>summary{cursor:pointer;list-style:none;padding:14px 52px 14px 18px;position:relative;border-radius:10px}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary h3{margin:0;font-size:1.05rem;line-height:1.35}
.acc>summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.acc[open]>summary::after{transform:translateY(-25%) rotate(-135deg)}
.acc>summary:hover{background:var(--mist)}
.acc>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.acc[open]>summary{border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
.acc-body{padding:14px 18px 6px}
.acc-body>:first-child{margin-top:0}
.acc-hint{color:var(--ink-2);font-size:.95rem;margin-bottom:.8em}
.acc + :not(.acc){margin-top:1.6em}
.acc-body h4{font-family:var(--f-head);font-size:1rem;margin:1.2em 0 .4em;color:var(--ink)}
.acc-sub{display:block;font-size:.88rem;color:var(--ink-2);margin-top:2px}
.faq{margin-top:clamp(32px,5vw,56px);max-width:760px}
.social{margin-top:1.6em}.social h3{margin-top:0}
.soc-links{display:flex;flex-wrap:wrap;gap:10px}
.soc{display:flex;flex-direction:column;min-width:150px;padding:10px 14px;border:2px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);line-height:1.3}
.soc strong{font-family:var(--f-head);color:var(--red)}
.soc span{font-size:.88rem;color:var(--ink-2)}
.soc:hover{border-color:var(--red);color:var(--ink)}
.uren{max-width:340px}.uren th,.uren td{padding:7px 12px}.uren th{font-weight:600}
.tag-bijbaan{display:inline-block;vertical-align:2px;margin-right:6px;padding:2px 8px;border-radius:999px;background:var(--red);color:var(--on-red);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.stage-hbo{background:var(--mist);border-left:4px solid var(--red);border-radius:8px;padding:12px 16px;margin:1.2em 0}
.stage-hbo strong{display:block;font-family:var(--f-head);color:var(--ink);margin-bottom:2px}
.stage-hbo p{margin:0}
.kwal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:.6em 0 1.2em}
@media (max-width:560px){.kwal-grid{grid-template-columns:1fr}}
.kwal{border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.kwal .kwal-niv{margin:0 0 6px;font-family:var(--f-head);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--red)}
.kwal ul{margin:0;padding-left:1.1em}
.kwal li{margin:.2em 0;font-size:.95rem}
/* Zoeken */
.srchbtn{display:inline-flex;align-items:center;gap:7px;font:700 .92rem var(--f-head);background:transparent;color:var(--ink);border:2px solid var(--line);border-radius:4px;padding:8px 13px;cursor:pointer;white-space:nowrap}
.srchbtn:hover{border-color:var(--red);color:var(--red)}
.srchbtn:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media (max-width:1280px){.srchbtn{order:1;margin-left:auto}.menubtn{order:2;margin-left:0}.bar{gap:10px}}
@media (min-width:1281px){.srchbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.srchbtn{padding:9px 11px;margin-left:-6px}}
@media (max-width:420px){.srchbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.srchbtn{padding:9px 11px}}
html.srch-open{overflow:hidden}
.srch{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 8vh) 16px 16px}
.srch[hidden]{display:none}
.srch-back{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.srch-panel{position:relative;width:100%;max-width:680px;max-height:calc(100% - 4vh);display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-radius:12px;border-top:6px solid var(--red);box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.srch-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.srch-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.srch-top input{flex:1;min-width:0;font:inherit;font-size:1.1rem;color:var(--ink);background:transparent;border:0;outline:0;padding:6px 0}
.srch-top input::placeholder{color:var(--ink-2);opacity:.8}
.srch-close{font:600 .88rem var(--f-head);background:var(--mist);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:6px 10px;cursor:pointer}
.srch-status{margin:0;padding:10px 18px 4px;font-size:.9rem;color:var(--ink-2)}
.srch-status a{color:var(--red)}
.srch-res{list-style:none;margin:0;padding:4px 8px 10px;overflow:auto;-webkit-overflow-scrolling:touch}
.srch-res li{margin:0}
.srch-res a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--ink)}
.srch-res a:hover,.srch-res a:focus{background:var(--mist);outline:0}
.srch-res a:focus-visible{box-shadow:inset 0 0 0 2px var(--red)}
.srch-page{display:block;font:700 .95rem var(--f-head);color:var(--red)}
.srch-page span{color:var(--ink-2);font-weight:400}
.srch-snip{display:block;font-size:.95rem;line-height:1.45;color:var(--ink-2);margin-top:2px}
.srch-snip mark,.srch-res mark{background:rgba(216,30,44,.16);color:var(--ink);border-radius:2px;padding:0 1px}
@media (max-width:600px){.srch{padding:env(safe-area-inset-top,0px) 0 0}.srch-panel{max-width:none;height:100%;max-height:none;border-radius:0}}
@keyframes srchflash{0%,60%{background:rgba(216,30,44,.16);box-shadow:0 0 0 8px rgba(216,30,44,.16)}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
.srch-flash{animation:srchflash 2.4s ease-out;border-radius:4px}
@media (prefers-reduced-motion:reduce){.srch-flash{animation:none;outline:3px solid var(--red);outline-offset:4px}}
@media (min-width:1281px){header.site .bar.wrap{max-width:1400px}}
@media (min-width:1281px) and (max-width:1480px){header.site .bar{gap:12px;padding-left:24px;padding-right:24px}header.site nav{gap:10px}.navlist .ddbtn,.navlist .toplink{padding:10px 7px;font-size:.95rem}.navbtns .btn.small{padding:8px 12px}}

/* Rode footer */
.thennow .tn figcaption{background:var(--mist);color:var(--ink-2);border-top:6px solid var(--red)}
.thennow .tn figcaption strong{color:var(--ink)}
.thennow .tn.then img{filter:grayscale(1) sepia(.28) contrast(1.02) brightness(1.04)}
.thennow{gap:16px}
.thennow .tn-frame{border:5px solid var(--red);background:var(--red);line-height:0}
.thennow .tn-frame img{display:block;width:100%}
.thennow .tn-label{z-index:2}
.thennow .tn figcaption{border-top:0}
:root{--foot-a:#C61B28;--foot-b:#B21521;--foot-ink:#FFFFFF;--foot-ink-2:rgba(255,255,255,.88)}
.site-foot{background:repeating-linear-gradient(90deg,var(--foot-a) 0 64px,var(--foot-b) 64px 128px);color:var(--foot-ink-2)}
.site-foot h3{color:var(--foot-ink);padding-bottom:8px;margin-bottom:10px;position:relative}
.site-foot h3::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;background:var(--foot-ink);border-radius:2px}
.site-foot strong{color:var(--foot-ink)}
.site-foot a{color:var(--foot-ink-2)}
.site-foot a:hover{color:var(--foot-ink);text-decoration:underline}
.site-foot a:focus-visible{outline-color:var(--foot-ink)}
.foot-brand .logo{width:84px;height:auto;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.site-foot .copy{border-top:1px solid rgba(255,255,255,.35);color:var(--foot-ink-2)}
.site-foot > .stripes{display:none}
.hero-card .stripes{height:6px;background:var(--red)}
.callout{border-top:6px solid var(--red);border-image:none}

/* Kleinere foto's in de inhoud, op alle pagina's en op de telefoon.
   Paginakoppen (hero, phead) en achtergrondbanden blijven ongewijzigd. */
:is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig){max-width:400px}
:is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig) img{max-height:280px;width:100%;object-fit:cover}
:is(body,#_) .gallery{gap:12px}
:is(body,#_) .gallery.g2{grid-template-columns:repeat(2,1fr);max-width:540px}
:is(body,#_) .gallery.g3{grid-template-columns:repeat(3,1fr);max-width:640px}
:is(body,#_) .gallery:not(.archive) .fig img{aspect-ratio:4/3;height:auto;max-height:200px;width:100%;object-fit:cover}
:is(body,#_) .gallery.archive .fig img{max-height:260px;width:auto;max-width:100%}
:is(body,#_) .gallery .fig figcaption{font-size:.85rem}
:is(body,#_) .mosaic{grid-template-columns:repeat(4,1fr);max-width:520px;gap:10px}
:is(body,#_) .gallery.tt-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-width:520px}
:is(body,#_) .gallery.tt-gallery .fig img{max-height:none}
:is(body,#_) .thumbs{gap:12px}
:is(body,#_) .thumbs figure{width:120px}
:is(body,#_) .thumbs img{width:120px;height:120px;aspect-ratio:1}
/* homepagina */
:is(body,#_) .intro-fig{max-width:320px;width:100%;justify-self:end}
:is(body,#_) .tile img{aspect-ratio:auto;height:130px}
:is(body,#_) .callout img{aspect-ratio:auto;height:150px}
:is(body,#_) .thennow{max-width:720px}
:is(body,#_) .tn img{aspect-ratio:auto;height:170px}
/* telefoon */
@media (max-width:760px){
 :is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig){max-width:260px}
 :is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig) img{max-height:200px}
 :is(body,#_) .gallery.g2,:is(body,#_) .gallery.g3{grid-template-columns:repeat(2,1fr);max-width:none;gap:8px}
 :is(body,#_) .gallery:not(.archive) .fig img{max-height:130px}
 :is(body,#_) .gallery.archive .fig img{max-height:180px}
 :is(body,#_) .mosaic{grid-template-columns:repeat(3,1fr);gap:8px}
 :is(body,#_) .gallery.tt-gallery{grid-template-columns:repeat(3,1fr);gap:8px}
 :is(body,#_) .thumbs{gap:8px}
 :is(body,#_) .thumbs figure{width:calc(33.33% - 6px)}
 :is(body,#_) .thumbs img{width:100%;height:auto}
 :is(body,#_) .intro-fig{max-width:240px;justify-self:start}
 :is(body,#_) .tile img{height:100px}
 :is(body,#_) .callout img{height:110px}
 :is(body,#_) .tn img{height:120px}
}
/* Rustiger fotobijschriften: geen rode streep */
:is(body,#_) .fig figcaption,:is(body,#_) .thumbs figcaption{border-left:0;padding-left:0;margin-top:6px;padding-top:0}
/* Minder diepe paginakoppen, op alle pagina's */
:is(body,#_) .phead-img img{height:clamp(200px,30vh,300px) !important;min-height:0 !important;max-height:none !important}
:is(body,#_) .phead-text{margin-top:-32px !important}
:is(body,#_) .hero-img{height:clamp(320px,34vw,560px) !important}
:is(body,#_) .hero-card{margin-top:-28px}
@media (max-width:760px){
 :is(body,#_) .phead-img img{height:180px !important}
 :is(body,#_) .phead-text{margin-top:0 !important}
 :is(body,#_) .hero-img{height:240px !important}
 :is(body,#_) .hero-card{margin-top:0}
}
/* Focuspunt per foto: hoofden blijven in beeld, in elk formaat */
:is(body,#_) img[data-k="actief"]{object-position:50% 28% !important}
:is(body,#_) img[data-k="actief2"]{object-position:50% 42% !important}
:is(body,#_) img[data-k="bubble"]{object-position:40% 46% !important}
:is(body,#_) img[data-k="actievoetbal"]{object-position:55% 65% !important}
:is(body,#_) img[data-k="beach"]{object-position:50% 35% !important}
:is(body,#_) img[data-k="berry"]{object-position:60% 25% !important}
:is(body,#_) img[data-k="blije"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="bram"]{object-position:40% 35% !important}
:is(body,#_) img[data-k="darts1"]{object-position:50% 45% !important}
:is(body,#_) img[data-k="darts2"]{object-position:50% 10% !important}
:is(body,#_) img[data-k="darts3"]{object-position:50% 55% !important}
:is(body,#_) img[data-k="darts4"]{object-position:50% 55% !important}
:is(body,#_) img[data-k="darts5"]{object-position:50% 60% !important}
:is(body,#_) img[data-k="h_1958"]{object-position:50% 18% !important}
:is(body,#_) img[data-k="h_1958c"]{object-position:50% 40% !important}
:is(body,#_) img[data-k="handinhand"]{object-position:52% 4% !important}
:is(body,#_) img[data-k="j1"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="j2"]{object-position:50% 25% !important}
:is(body,#_) img[data-k="j3"]{object-position:50% 20% !important}
:is(body,#_) img[data-k="j4"]{object-position:50% 20% !important}
:is(body,#_) img[data-k="j5"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="j6"]{object-position:40% 60% !important}
:is(body,#_) img[data-k="j7"]{object-position:50% 60% !important}
:is(body,#_) img[data-k="j8"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="j_sint"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="keeper_actie"]{object-position:60% 8% !important}
:is(body,#_) img[data-k="keeper_jd"]{object-position:45% 40% !important}
:is(body,#_) img[data-k="keeper_sr"]{object-position:40% 5% !important}
:is(body,#_) img[data-k="keuken"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="koffie"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="kring"]{object-position:50% 45% !important}
:is(body,#_) img[data-k="peuter1"]{object-position:40% 5% !important}
:is(body,#_) img[data-k="peuter2"]{object-position:55% 25% !important}
:is(body,#_) img[data-k="reggie"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="reggie_big"]{object-position:40% 10% !important}
:is(body,#_) img[data-k="ronjans"]{object-position:50% 20% !important}
:is(body,#_) img[data-k="samen"]{object-position:50% 10% !important}
:is(body,#_) img[data-k="sr1"]{object-position:50% 50% !important}
:is(body,#_) img[data-k="sr10"]{object-position:50% 25% !important}
:is(body,#_) img[data-k="sr11"]{object-position:60% 15% !important}
:is(body,#_) img[data-k="sr2"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="sr3"]{object-position:50% 25% !important}
:is(body,#_) img[data-k="sr4"]{object-position:45% 15% !important}
:is(body,#_) img[data-k="sr5"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="sr6"]{object-position:50% 20% !important}
:is(body,#_) img[data-k="sr7"]{object-position:45% 25% !important}
:is(body,#_) img[data-k="sr8"]{object-position:50% 40% !important}
:is(body,#_) img[data-k="sr9"]{object-position:40% 25% !important}
:is(body,#_) img[data-k="t_gezondheid"]{object-position:60% 60% !important}
:is(body,#_) img[data-k="t_jeugd1"]{object-position:55% 15% !important}
:is(body,#_) img[data-k="t_jeugd2"]{object-position:50% 8% !important}
:is(body,#_) img[data-k="t_keeper2"]{object-position:55% 30% !important}
:is(body,#_) img[data-k="t_keeper3"]{object-position:55% 55% !important}
:is(body,#_) img[data-k="t_koffie"]{object-position:50% 40% !important}
:is(body,#_) img[data-k="t_peuters"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="t_reggie2"]{object-position:50% 20% !important}
:is(body,#_) img[data-k="t_reggie3"]{object-position:55% 15% !important}
:is(body,#_) img[data-k="t_springkussen"]{object-position:40% 65% !important}
:is(body,#_) img[data-k="t_stormbaan1"]{object-position:50% 40% !important}
:is(body,#_) img[data-k="t_stormbaan2"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="traktatie"]{object-position:50% 40% !important}
:is(body,#_) img[data-k="tt_elektramat"]{object-position:50% 25% !important}
:is(body,#_) img[data-k="tt_goblino"]{object-position:50% 25% !important}
:is(body,#_) img[data-k="tt_speler"]{object-position:50% 15% !important}
:is(body,#_) img[data-k="vrouwen"]{object-position:50% 40% !important}
:is(body,#_) img[data-k="vrouwen2"]{object-position:50% 30% !important}
:is(body,#_) img[data-k="zomertent"]{object-position:50% 60% !important}
/* Vierkante foto's, zodat hoofden niet worden afgesneden */
:is(body,#_) .tile{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;column-gap:0;align-items:start}
:is(body,#_) .tile img{grid-row:1 / span 2;width:120px;height:120px;aspect-ratio:1;object-fit:cover;object-position:50% 30%}
:is(body,#_) .tile-t{border-top:0;padding:16px 16px 2px;align-self:end}
:is(body,#_) .tile-s{padding:0 16px 14px}
:is(body,#_) .callout img{width:150px;height:150px;aspect-ratio:1;object-fit:cover;object-position:50% 30%;margin:24px 0 0 28px}
:is(body,#_) .tn img{height:auto;aspect-ratio:1;object-position:50% 30%}
:is(body,#_) .thennow{max-width:520px}
:is(body,#_) .gallery:not(.archive) .fig img{aspect-ratio:1;max-height:none;object-position:50% 30%}
:is(body,#_) .gallery.g2{max-width:440px}
:is(body,#_) .gallery.g3{max-width:600px}
:is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig){max-width:260px}
:is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig) img{aspect-ratio:1;max-height:none;object-position:50% 30%}
:is(body,#_) .intro-fig img{aspect-ratio:1;object-position:50% 30%}
:is(body,#_) .intro-fig{max-width:280px}
@media (max-width:760px){
 :is(body,#_) .tile{grid-template-columns:96px 1fr}
 :is(body,#_) .tile img{width:96px;height:96px}
 :is(body,#_) .tile-t{padding:12px 14px 2px;font-size:1.1rem}
 :is(body,#_) .tile-s{padding:0 14px 12px}
 :is(body,#_) .callout img{width:120px;height:120px;margin:20px 0 0 22px}
 :is(body,#_) .thennow{grid-template-columns:1fr 1fr;gap:10px}
 :is(body,#_) .tn img{height:auto}
 :is(body,#_) .fig:not(.gallery .fig):not(.mosaic .fig){max-width:200px}
 :is(body,#_) .intro-fig{max-width:200px}
}
/* Nog kleinere galerijfoto's */
:is(body,#_) .gallery.g2{max-width:360px}
:is(body,#_) .gallery.g3{max-width:480px}
:is(body,#_) .gallery.archive .fig img{max-height:200px}
@media (max-width:760px){
 :is(body,#_) .gallery.g2,:is(body,#_) .gallery.g3{grid-template-columns:repeat(3,1fr);gap:8px;max-width:none}
 :is(body,#_) .gallery.archive .fig img{max-height:150px}
 :is(body,#_) .gallery .fig figcaption{font-size:.8rem;line-height:1.35}
}
/* Contacttabel op de telefoon als lijst onder elkaar */
@media (max-width:760px){
 :is(body,#_) table.ct,:is(body,#_) table.ct tbody,:is(body,#_) table.ct tr,:is(body,#_) table.ct th,:is(body,#_) table.ct td{display:block;width:100%}
 :is(body,#_) table.ct thead{display:none}
 :is(body,#_) table.ct tr{padding:12px 14px;border-bottom:1px solid var(--line)}
 :is(body,#_) table.ct th,:is(body,#_) table.ct td{padding:2px 0;border:0}
 :is(body,#_) table.ct td .cbtn{margin:6px 0 0}
 :is(body,#_) .tablewrap:has(table.ct){overflow-x:visible}
}
:is(body,#_) .cbtn span{overflow-wrap:normal;word-break:normal}
:is(body,#_) .cbtn{flex-wrap:nowrap;max-width:100%}
:is(body,#_) .cbtn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Minder witruimte tussen paginakop en inhoud */
/* Rood-witte blokjes vervangen door een dunne rode streep */
:is(body,#_) .stripes{height:3px;background:var(--red)}
:is(body,#_) .phead::after{height:3px;background:var(--red)}
:is(body,#_) .phead::before{display:none}
:is(body,#_) .phead-text::before{height:3px;background:var(--red)}
:is(body,#_) .facts::after{height:3px;background:#fff;opacity:.6}
:is(body,#_) .callout{border-top:3px solid var(--red);border-image:none}
:is(body,#_) .hero::before{background:var(--red)}
:is(body,#_) .phead + .prose{padding-top:14px}
:is(body,#_) .phead + .prose > :first-child,
:is(body,#_) .phead + .prose > :first-child > :first-child,
:is(body,#_) .phead + .prose > :first-child > :first-child > :first-child{margin-top:0}
:is(body,#_) .phead-text{padding-bottom:clamp(20px,3vw,40px)}
.spons{margin:1.4em 0 2.2em}
.spons-tier{border-top:1px solid var(--line);padding:1.1em 0 1.3em}
.prose .spons-tier h3{margin:0 0 .8em}
.prose .spons-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55em 1.6em}
.prose .spons-list li{margin:0;line-height:1.3}
.spons-list a{color:var(--ink);text-decoration:none}
.spons-list a:hover,.spons-list a:focus-visible{color:var(--red)}
.prose .spons-main .spons-list{grid-template-columns:1fr}
.spons-main li{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800}
.spons-partners li{font-size:1.12rem;font-weight:600}
.spons-small li{color:var(--ink-2)}


/* Mobiele verfijning */
@media (max-width:760px){
 :is(body,#_) .phead{overflow-x:clip}
 :is(body,#_) .helpers{grid-template-columns:minmax(0,1fr)}
 :is(body,#_) .helper{padding:20px 18px}
 :is(body,#_) .helper,:is(body,#_) .helper *{min-width:0}
 :is(body,#_) .thennow{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(body,#_) .tn figcaption{padding:12px 12px 14px;font-size:.92rem;line-height:1.45;hyphens:auto;overflow-wrap:break-word}
 :is(body,#_) .tn figcaption strong{font-size:1rem;hyphens:auto}
 :is(body,#_) .tn-label{top:8px;left:8px;font-size:.85rem;padding:4px 10px}
 :is(body,#_) .cbtn{min-height:40px;padding:8px 14px}
 :is(body,#_) .prose{overflow-wrap:break-word}
 /* Tabellen als kaarten onder elkaar */
 :is(body,#_) table.stack,:is(body,#_) table.stack tbody,:is(body,#_) table.stack tr,:is(body,#_) table.stack td{display:block;width:100% !important}
 :is(body,#_) table.stack colgroup,:is(body,#_) table.stack thead{display:none}
 :is(body,#_) table.stack tr{background:var(--card) !important;border:1px solid var(--line);border-top:4px solid var(--red);margin:0 0 12px;padding:4px 0}
 :is(body,#_) table.stack td{display:flex;justify-content:space-between;gap:14px;padding:7px 14px;border-bottom:1px solid var(--line);text-align:right}
 :is(body,#_) table.stack td:last-child{border-bottom:0}
 :is(body,#_) table.stack td::before{content:attr(data-label);font-weight:700;text-align:left;color:var(--ink-2)}
 :is(body,#_) table.stack td:first-child{display:block;text-align:left;font:700 1.05rem var(--f-head);color:var(--ink);border-bottom:0;padding-top:10px}
 :is(body,#_) table.stack td:first-child::before{display:none}
}