:root{--or:#ED9700;--orl:#FDF0D8;--bl:#124A8A;--bld:#0C3566;--tx:#2B2B2B;--mu:#555;--cr:#FBF7F0;--ln:#E6DED0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Verdana,Geneva,sans-serif;font-size:1rem;line-height:1.7;color:var(--tx);background:var(--cr)}
img{max-width:100%;height:auto;display:block}
a{color:var(--bl)}a:hover{color:var(--bld)}
:focus-visible{outline:3px solid var(--bl);outline-offset:3px}
h1,h2,h3{color:var(--bl);line-height:1.25;margin:0 0 .6em}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:clamp(1.35rem,2.6vw,1.75rem)}h3{font-size:1.1rem}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:10}
.site-header{background:#fff;border-bottom:4px solid var(--or);position:sticky;top:0;z-index:5}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.logo img{width:130px;height:auto}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0}
nav a{display:block;padding:.4rem .8rem;border-radius:999px;text-decoration:none;font-size:.88rem;color:var(--bl)}
nav a:hover{background:var(--orl)}nav a[aria-current=page]{background:var(--or);color:#1a1a1a;font-weight:bold}
.menu-btn{display:none;font:inherit;background:var(--bl);color:#fff;border:0;border-radius:999px;padding:.45rem 1rem}
@media (max-width:900px){.menu-btn{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:4px solid var(--or)}nav.open{display:block}nav ul{flex-direction:column;padding:.5rem 1rem}nav a{font-size:1rem}.hdr{position:relative}}
.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--or);color:#1a1a1a}
.hero-txt{padding:clamp(2rem,5vw,4rem);align-self:center;max-width:620px;justify-self:end}
.hero h1{color:var(--bld)}.hero .payoff{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.payoff{font-style:italic;font-weight:bold;font-size:1.2rem}
.hero .payoff{color:var(--bld);text-shadow:none}
.hero-img img{width:100%;height:100%;max-height:520px;object-fit:cover}
@media (max-width:760px){.hero{grid-template-columns:1fr}.hero-img{order:-1}.hero-img img{max-height:280px}.hero-txt{justify-self:stretch}}
.btn{display:inline-block;background:var(--bl);color:#fff;text-decoration:none;padding:.65rem 1.4rem;border-radius:999px;font-weight:bold;font-size:.92rem}
.btn:hover{background:var(--bld);color:#fff}
.feature .btn{background:var(--or);color:#1a1a1a}.feature .btn:hover{background:#d88900;color:#1a1a1a}
main section{margin:3.5rem auto}
.intro{max-width:820px}
.cards{display:grid;gap:1.5rem}.c3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border-top:4px solid var(--or);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%}.card-b{padding:1.1rem 1.25rem}.card-b p{font-size:.92rem;margin:.3rem 0}
.more{font-weight:bold;color:#8a4f00;text-decoration:none}
.feature{display:grid;grid-template-columns:1.2fr 1fr;background:var(--orl);border-left:6px solid var(--or);padding:0}
.feature.rev{background:#fff}.feature.rev .feat-img{order:-1}
.feat-txt{padding:clamp(1.5rem,4vw,2.5rem)}.feat-img img{width:100%;height:100%;object-fit:cover;min-height:260px}
@media (max-width:760px){.feature{grid-template-columns:1fr}.feature .feat-img{order:-1}}
.label{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:bold;color:#8a4f00;margin:0}
.facts{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem}.facts dt{font-weight:bold;color:var(--bl)}.facts dd{margin:0}
.todo{background:#FFF3B0;color:#6b3d00;font-weight:bold;padding:0 .25em;border:1px dashed #b07000}
.tiles{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tiles li{background:#fff;border-left:5px solid var(--bl);padding:1rem 1.25rem}.tiles li.or{border-color:var(--or)}
.events{list-style:none;padding:0;display:grid;gap:1rem}
.event{display:grid;grid-template-columns:90px 1fr auto;gap:1.25rem;background:#fff;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.event h3{margin:0}.event p{margin:.2rem 0;font-size:.92rem}
.date{background:var(--or);color:var(--bld);text-align:center;padding:.8rem 0;text-transform:uppercase;font-size:.75rem;font-weight:bold;align-self:stretch}.date b{display:block;font-size:2.2rem;line-height:1.1}
.where{color:var(--mu);font-size:.8rem;padding-right:1rem}
@media (max-width:600px){.event{grid-template-columns:72px 1fr}.where{grid-column:2;padding:0 0 .8rem}}
blockquote{margin:0 auto;max-width:760px;font-size:1.3rem;font-style:italic;color:var(--bl);text-align:center;border-top:3px solid var(--or);border-bottom:3px solid var(--or);padding:1.5rem}
.note{margin-top:1.5rem}.closing{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.cols2{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.box{background:#fff;padding:1.75rem;border-top:4px solid var(--or)}
address{font-style:normal;margin-bottom:1rem}.feat-solo img{max-height:420px;width:100%;object-fit:cover}
.site-footer{background:var(--bl);color:#fff;border-top:6px solid var(--or);padding:2.5rem 0 1.5rem;margin-top:4rem}
.site-footer a{color:#fff}.site-footer .payoff{color:#FFC34D;font-size:1.3rem;margin-top:0}
.site-footer h2{color:#fff;font-size:1rem;margin:0 0 .3rem}.fcols{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.site-footer .todo{background:#FFF3B0;color:#5a3300}.small{font-size:.8rem}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.feature.noimg{grid-template-columns:1fr}
.has-sub{position:relative}.sub{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:.4rem;min-width:200px;border-top:3px solid var(--or);z-index:6;flex-direction:column}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:flex}
nav a.parent-cur{background:var(--orl);font-weight:bold}
@media (max-width:900px){.sub{display:flex;position:static;box-shadow:none;border:0;padding:0 0 0 1.25rem;min-width:0}.sub a{font-size:.92rem}}
.crumbs{font-size:.85rem;margin-top:1.5rem}
.tips{list-style:none;counter-reset:t;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.tips li{counter-increment:t;background:#fff;border-left:5px solid var(--or);padding:1rem 1.25rem 1rem 3.5rem;position:relative}
.tips li::before{content:counter(t);position:absolute;left:1rem;top:1rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--bl);color:#fff;font-weight:bold;text-align:center;line-height:1.8rem}
.hero-plain{grid-template-columns:1fr}.hero-plain .hero-txt{justify-self:center;max-width:820px;width:100%;padding:2.5rem 1.25rem}
.tipcards{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.tipcard{display:flex;gap:1rem;align-items:center;background:#fff;border-left:5px solid var(--or);padding:1rem 1.25rem;text-decoration:none;color:var(--bl);font-weight:bold;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tipcard:hover{background:var(--orl)}.tipcard .nr{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--bl);color:#fff;text-align:center;line-height:2rem}
.tiptext{font-size:1.05rem}.tiptext ul{padding-left:1.2rem}
.tipnav{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;max-width:820px}
.tipnav a{text-decoration:none;font-weight:bold}.tipnav a span{display:block;font-weight:normal;font-size:.85rem;color:var(--mu)}.tipnav .nx{text-align:right}.tipnav .ov{background:var(--bl);color:#fff;border-radius:999px;padding:.5rem 1.1rem}
@media (max-width:600px){.tipnav{grid-template-columns:1fr 1fr}.tipnav .ov{grid-column:1/-1;grid-row:2;justify-self:center}}
.tipset{background:#fff;padding:1.75rem;border-top:5px solid var(--or)}.tipset#jezelf{border-top-color:var(--bl)}.subgroep{margin-top:1.5rem}.tipset .tipcard{background:var(--cr)}
.niels{background:var(--orl);border-left:4px solid var(--bl);padding:.8rem 1rem;margin-top:1.5rem}
main .feature{margin-top:3rem;margin-bottom:3rem}
.tipsblok{margin:2.5rem auto}.tipsblok h2{text-align:center}
.tipsgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.tipkaart{display:block;background:var(--orl);border-left:8px solid var(--or);border-radius:14px;padding:1.8rem;text-decoration:none;color:var(--tx)}
.tipkaart.naast{background:#E7EEF7;border-left-color:var(--bl)}
.tipkaart h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--bld)}.tipkaart .btn{display:inline-block;margin-top:.8rem}
.tipkaart:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}
@media(max-width:700px){.tipsgrid{grid-template-columns:1fr}}


/* Oranje golf over de onderrand van foto's */
.hero-img,.feat-img,.portret{position:relative;overflow:hidden}
.hero-img img,.feat-img img,.portret img{display:block}
.hero-img::after,.feat-img::after,.portret::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ED9700' d='M0 28C200 6 400 6 600 26S1000 50 1200 22V60H0Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;pointer-events:none}
.portret{margin:0}.portret img{width:100%;height:auto}.clear{clear:both}
.niels-blok{display:grid;grid-template-columns:1fr 1fr;background:var(--or);max-width:1100px;margin:3rem auto 0;align-items:stretch}
.niels-blok .nb-txt{padding:clamp(2rem,4vw,3.5rem);align-self:center}.niels-blok h2{color:var(--bld)}
@media (max-width:760px){.niels-blok{grid-template-columns:1fr}.niels-blok .portret{order:-1}.hero-img::after,.feat-img::after,.portret::after{height:36px}}
.niels-blok+.wrap{margin-top:2.5rem}.niels-blok .portret{align-self:end}
.nieuwslijst{list-style:none;padding:0;margin:0;display:grid;gap:1.25rem;max-width:820px}.nieuws{background:#fff;border-top:4px solid var(--or);padding:1.5rem 1.75rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}.nieuws time{display:inline-block;background:var(--orl);color:var(--bld);font-weight:bold;font-size:.85rem;padding:.15rem .7rem;border-radius:999px;margin-bottom:.6rem}.nieuws h3{font-size:1.25rem}.nieuws p:last-child{margin-bottom:0}
.wrap.hdr{max-width:1280px}nav ul{gap:.1rem}@media (min-width:901px) and (max-width:1200px){nav a{padding:.35rem .5rem;font-size:.8rem}.logo img{width:110px}}@media (min-width:901px){nav ul{flex-wrap:nowrap}nav a{white-space:nowrap}}