@font-face{font-family:"Bricolage";src:url(/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Literata";src:url(/fonts/literata.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Literata";src:url(/fonts/literata-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
:root{
  --papier:#ffffff;--papier2:#f1f3f5;--inkt:#1b2230;--inkt2:#3d4556;--grijs:#6b6558;
  --lijn:#dde1e6;--rood:#b8391f;--rood-licht:#f3d9cf;--groen:#2d6a4b;--groen-licht:#d8eadb;--oker:#8a5a12;--oker-licht:#f2e3c4;
  --band:#18202e;--band-tekst:#ece5d6;
  --kop:"Bricolage",ui-sans-serif,system-ui,sans-serif;--tekst:"Literata",Georgia,serif;
  --breed:1180px;--smal:680px;--gutter:clamp(16px,4vw,40px)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--inkt);font:400 1.0625rem/1.65 var(--tekst)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:color-mix(in oklab,currentColor 35%,transparent);text-underline-offset:.18em}
a:hover{text-decoration-color:currentColor}
h1,h2,h3,h4{font-family:var(--kop);font-weight:650;line-height:1.08;letter-spacing:-.015em;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:700;letter-spacing:-.03em}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.wrap{max-width:var(--breed);margin:0 auto;padding:0 var(--gutter)}
.smal{max-width:var(--smal)}
.etiket{font:600 .78rem/1.2 var(--kop);letter-spacing:.12em;text-transform:uppercase;color:var(--grijs);margin:0 0 1rem}
.knop{display:inline-block;font:650 1rem/1 var(--kop);background:var(--rood);color:#fff;text-decoration:none;padding:1rem 1.4rem;border-radius:4px;transition:background .18s ease,transform .18s ease}
.knop:hover{background:#9e2f17;transform:translateY(-1px)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem;z-index:9}

/* kop */
.strook{background:var(--band);color:#a9a291;font:500 .72rem/1 var(--kop);letter-spacing:.09em;text-transform:uppercase}
.strook .wrap{display:flex;justify-content:space-between;gap:1rem;padding-top:9px;padding-bottom:9px}
.kop{background:var(--papier);border-bottom:1px solid var(--lijn);position:relative;z-index:20}
.kop .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.merk{font:700 1.45rem/1 var(--kop);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:baseline;gap:.5rem}
.merk span{font:400 .82rem/1 var(--tekst);font-style:italic;color:var(--grijs);letter-spacing:0}
.menu{display:flex;align-items:center;gap:1.6rem;font:500 .98rem/1 var(--kop)}
.menu > a{text-decoration:none}
.menu > a[aria-current],.menu summary.actief{text-decoration:underline;text-decoration-color:var(--rood);text-decoration-thickness:2px;text-underline-offset:6px}
.kop summary{cursor:pointer;list-style:none;user-select:none}
.kop summary::-webkit-details-marker{display:none}
.sub{position:relative}
.sub summary{display:flex;align-items:center;gap:.4rem}
.sub summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.sub[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.paneel{position:absolute;top:calc(100% + 22px);left:-18px;width:300px;background:var(--papier);border:1px solid var(--lijn);box-shadow:0 18px 40px -24px rgba(24,32,46,.45);padding:8px 0;animation:paneel .18s cubic-bezier(.2,.8,.2,1)}
@keyframes paneel{from{opacity:0;transform:translateY(-6px)}}
.paneel a,.mpaneel a{display:block;padding:10px 18px;text-decoration:none}
.paneel a b,.mpaneel a b{display:block;font:600 .98rem/1.25 var(--kop)}
.paneel a span,.mpaneel a span{display:block;font:400 .84rem/1.4 var(--tekst);color:var(--grijs);margin-top:2px}
.paneel a:hover,.paneel a:focus-visible{background:var(--papier2)}
.paneel a[aria-current] b,.mpaneel a[aria-current] b{color:var(--rood)}
.k-knop{background:var(--rood);color:#fff!important;padding:.7rem 1rem;font-weight:600}
.k-knop:hover{background:#9c2f18}
.mmenu{display:none}
@media(max-width:900px){
 .merk span{display:none}.menu{display:none}.strook .m-weg{display:none}
 .mmenu{display:block}
 .mmenu summary{display:flex;align-items:center;gap:.55rem;font:600 .98rem/1 var(--kop);padding:10px 0}
 .m-icoon{display:grid;gap:5px;width:18px}.m-icoon i{display:block;height:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
 .mmenu[open] .m-icoon i:first-child{transform:translateY(3.5px) rotate(45deg)}.mmenu[open] .m-icoon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .mpaneel{position:absolute;left:0;right:0;top:100%;background:var(--papier);border-bottom:1px solid var(--lijn);box-shadow:0 24px 40px -28px rgba(24,32,46,.5);padding:8px var(--gutter) 22px;max-height:calc(100vh - 110px);overflow:auto;animation:paneel .18s cubic-bezier(.2,.8,.2,1)}
 .mpaneel .t{font:650 .72rem/1 var(--kop);letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);margin:18px 0 4px}
 .mpaneel a{padding:9px 0;border-bottom:1px solid var(--papier2)}
}
@media(max-width:520px){.strook .wrap{font-size:.64rem;letter-spacing:.06em}}

/* hero */
.hero{background:var(--band);color:var(--band-tekst)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center;padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(40px,7vw,88px)}
.hero .etiket{color:#b9b09c}
.hero h1{color:#fff}
.hero .lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:#d9d1c0;max-width:36em}
.hero .byline{font:500 .9rem/1.4 var(--kop);color:#a79f8d;margin-top:1.4rem}
.hero figure{margin:0}
.hero figure img{border-radius:6px;aspect-ratio:4/3;object-fit:cover;width:100%}
.hero figcaption{font:400 .82rem/1.4 var(--kop);color:#958d7c;margin-top:.5rem}
.hero.tekst .wrap{grid-template-columns:1fr}
.kruimel{font:500 .85rem/1.3 var(--kop);color:#a79f8d;margin-bottom:1.2rem}
.kruimel a{color:#d9d1c0}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}

/* cijfers */
.cijfers{border-bottom:1px solid var(--lijn)}
.cijfers .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:36px;padding-bottom:36px}
.cijfer b{display:block;font:700 clamp(2.2rem,4.5vw,3.4rem)/1 var(--kop);letter-spacing:-.03em;color:var(--inkt)}
.cijfer span{display:block;font-size:.95rem;color:var(--inkt2);margin-top:.4rem;max-width:16em}
.cijfer.rood b{color:var(--rood)}
@media(max-width:760px){.cijfers .wrap{grid-template-columns:1fr 1fr}}

/* secties */
.sectie{padding:clamp(48px,7vw,96px) 0}
.sectie.alt{background:var(--papier2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start}
.split.om > :first-child{order:2}
@media(max-width:860px){.split{grid-template-columns:1fr}.split.om > :first-child{order:0}}
.prose{max-width:var(--smal)}
.prose h2{margin-top:1.6em}.prose h2:first-child{margin-top:0}
figure.data{margin:0}
figure.data figcaption{font:400 .85rem/1.45 var(--kop);color:var(--grijs);margin-top:.8rem}

/* staven */
.staven{display:grid;gap:14px}
.staaf{display:grid;grid-template-columns:9.5em 1fr;gap:12px;align-items:center;font:500 .95rem/1.2 var(--kop)}
.staaf .balk{display:flex;height:30px;background:color-mix(in oklab,var(--lijn) 55%,transparent);border-radius:2px;overflow:hidden}
.staaf .balk i{display:block;height:100%}
.staaf .be{background:var(--inkt)}.staaf .fr{background:var(--rood)}
.legenda{display:flex;gap:18px;font:500 .85rem/1 var(--kop);color:var(--inkt2);margin:0 0 16px}
.legenda i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;border-radius:2px}

/* citaten */
.citaten{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px}
.citaat{margin:0;border-top:2px solid var(--inkt);padding-top:14px}
.citaat p{font-style:italic;font-size:1.05rem;margin:0 0 .6rem}
.citaat cite{font:600 .85rem/1.3 var(--kop);font-style:normal;color:var(--grijs)}
@media(max-width:760px){.citaten{grid-template-columns:1fr}}

/* toolband */
.toolband{background:var(--band);color:var(--band-tekst);padding:clamp(48px,7vw,88px) 0}
.toolband h2{color:#fff}
.toolband .intro{max-width:44em;color:#d9d1c0}
.venster{background:var(--papier);color:var(--inkt);border-radius:8px;overflow:hidden;margin-top:28px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.venster-balk{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#e6dcc8;font:600 .8rem/1 var(--kop);color:var(--inkt2)}
.venster-balk i{width:11px;height:11px;border-radius:50%;background:#c9bda6;display:inline-block}
.venster-balk span{margin-left:8px}
.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:14px;padding:20px;border-bottom:1px solid var(--lijn);align-items:end}
.filters label{display:block;font:600 .8rem/1.2 var(--kop);color:var(--inkt2);margin-bottom:6px}
.filters input[type=search],.filters select{width:100%;font:500 1rem/1.2 var(--kop);padding:.7rem .75rem;border:1px solid #bfb39c;border-radius:4px;background:#fff;color:var(--inkt)}
.filters .vink{display:flex;gap:8px;align-items:center;font:500 .95rem/1.2 var(--kop);padding-bottom:.7rem;white-space:nowrap}
.filters .vink input{width:18px;height:18px;accent-color:var(--rood)}
@media(max-width:860px){.filters{grid-template-columns:1fr 1fr}.filters .f-zoek{grid-column:1/-1}}
.telling{padding:12px 20px;font:500 .9rem/1.3 var(--kop);color:var(--inkt2);border-bottom:1px solid var(--lijn)}
.telling b{display:inline-block;color:var(--inkt)}
.telling b.pop{animation:pop .32s cubic-bezier(.2,.9,.3,1.3)}
@keyframes pop{0%{transform:scale(.7);opacity:.3}100%{transform:none;opacity:1}}
.lijst{list-style:none;margin:0;padding:0;max-height:none}
.rij{border-bottom:1px solid var(--lijn)}
.rij[hidden]{display:none}
.rij details summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1.5fr 1fr 11.5rem;gap:12px;align-items:center;padding:14px 20px}
.rij summary .puce{justify-self:end}
.rij details summary::-webkit-details-marker{display:none}
.rij summary:hover{background:color-mix(in oklab,var(--papier2) 70%,transparent)}
.rij .nom{font:650 1.08rem/1.25 var(--kop)}
.rij .lieu{display:block;font:400 .85rem/1.3 var(--tekst);color:var(--grijs)}
.rij .modes{font:500 .88rem/1.3 var(--kop);color:var(--inkt2)}
.puce{display:inline-block;font:650 .74rem/1 var(--kop);letter-spacing:.04em;text-transform:uppercase;padding:.42em .6em;border-radius:3px;white-space:nowrap}
.puce.open,.puce.ouvert{background:var(--groen-licht);color:var(--groen)}
.puce.dicht,.puce.ferme{background:var(--rood-licht);color:#962b14}
.puce.periodes{background:var(--oker-licht);color:var(--oker)}
.puce.np{background:#eceef1;color:#545049}
.fiche{padding:4px 20px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}
.fiche dl{margin:0}
.fiche dt{font:600 .78rem/1.2 var(--kop);text-transform:uppercase;letter-spacing:.08em;color:var(--grijs);margin-top:12px}
.fiche dd{margin:.25rem 0 0}
.fiche blockquote{margin:0;font-style:italic;color:var(--inkt2);border-left:2px solid var(--rood);padding-left:12px}
.fiche .source{grid-column:1/-1;font:500 .85rem/1.4 var(--kop);color:var(--grijs)}
.rij details[open] .fiche{animation:ouvre .22s ease-out}
@keyframes ouvre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.rij details summary{grid-template-columns:minmax(0,1fr) auto}.rij .modes{grid-column:1/-1;order:3}.fiche{grid-template-columns:1fr}}
.leeg{padding:28px 20px;font-style:italic;color:var(--grijs)}

/* stappen */
.stappen{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:s;margin-top:28px}
.stap{counter-increment:s}
.stap::before{content:counter(s);display:block;font:700 2.6rem/1 var(--kop);color:var(--rood);margin-bottom:.6rem}
.stap h3{margin-bottom:.4rem}
@media(max-width:760px){.stappen{grid-template-columns:1fr}}

/* fiche-pagina */
.feiten{display:grid;grid-template-columns:13em 1fr;border-top:2px solid var(--inkt)}
.feiten > div{display:contents}
.feiten dt,.feiten dd{padding:16px 0;border-bottom:1px solid var(--lijn);margin:0}
.feiten dt{font:600 .9rem/1.3 var(--kop);color:var(--inkt2);padding-right:16px}
.feiten dd strong{font:650 1.05rem/1.3 var(--kop);display:block;margin-bottom:.35rem}
.feiten blockquote{margin:0;font-style:italic;color:var(--inkt2)}
.feiten blockquote a{font:500 .82rem/1.3 var(--kop);font-style:normal;color:var(--grijs);display:inline-block;margin-top:.3rem}
@media(max-width:700px){.feiten{grid-template-columns:1fr}.feiten dt{padding-bottom:0;border-bottom:0}}
.stempel{display:inline-block;font:700 clamp(1rem,2vw,1.2rem)/1.1 var(--kop);letter-spacing:.06em;text-transform:uppercase;border:2px solid currentColor;padding:.55em .8em;border-radius:3px;transform:rotate(-2deg);margin-top:1.4rem}
.stempel.ouvert{color:#9fd3b2}.stempel.ferme{color:#f0a48f}.stempel.periodes{color:#ecc88a}.stempel.np{color:#b9b09c}
.voisins{columns:2;column-gap:40px;padding:0;list-style:none}
.voisins li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--lijn)}
@media(max-width:700px){.voisins{columns:1}}

/* ville-groepen */
.villes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px}
.villes h3{border-top:2px solid var(--inkt);padding-top:10px}
.villes ul{list-style:none;padding:0;margin:0}
.villes li{padding:5px 0;font-size:.98rem}
@media(max-width:860px){.villes{grid-template-columns:1fr 1fr}}@media(max-width:520px){.villes{grid-template-columns:1fr}}

/* cta */
.cta{background:var(--band);color:var(--band-tekst);text-align:center;padding:clamp(48px,7vw,80px) 0}
.cta h2{color:#fff;max-width:22em;margin:0 auto .8em}
.melding{font:500 .95rem/1.5 var(--kop);border-left:3px solid var(--rood);padding:4px 0 4px 16px;max-width:44em}

/* blog */
.artikel .prose p,.artikel .prose li{font-size:1.08rem}
.artikel table{border-collapse:collapse;width:100%;font:500 .95rem/1.35 var(--kop);margin:1.2em 0}
.artikel th,.artikel td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--lijn)}
.artikel th{border-bottom:2px solid var(--inkt)}
.tabelwrap{overflow-x:auto}
.bloglijst{list-style:none;padding:0;margin:0}
.bloglijst li{padding:22px 0;border-bottom:1px solid var(--lijn)}
.bloglijst a{font:650 1.35rem/1.2 var(--kop);text-decoration:none}
.bloglijst p{margin:.4rem 0 0;color:var(--inkt2)}

/* voet */
.voet{background:#121823;color:#bdb5a4;padding:64px 0 40px;font-size:.95rem}
.voet .kol{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.voet a{color:#e4dccb;text-decoration-color:rgba(228,220,203,.35);text-underline-offset:3px}
.voet a:hover{text-decoration-color:currentColor}
.voet ul{list-style:none;padding:0;margin:0}.voet li{padding:5px 0;line-height:1.4}
.voet .t{font:650 .76rem/1 var(--kop);letter-spacing:.1em;text-transform:uppercase;color:#8c8473;margin:0 0 14px}
.voet .merk-v{font:700 1.5rem/1 var(--kop);color:#f3ecdc;letter-spacing:-.02em;margin:0 0 14px}
.voet .over p{max-width:38ch}
.voet .v-knop{display:inline-block;margin-top:6px;padding:.65rem 1rem;border:1px solid rgba(228,220,203,.4);text-decoration:none;font:600 .92rem/1 var(--kop)}
.voet .v-knop:hover{border-color:#e4dccb}
.voet small{display:block;margin-top:48px;padding-top:20px;border-top:1px solid rgba(228,220,203,.12);color:#8c8473;font:400 .82rem/1.6 var(--kop)}
@media(max-width:980px){.voet .kol{grid-template-columns:1fr 1fr}.voet .over{grid-column:1/-1}}
@media(max-width:520px){.voet .kol{grid-template-columns:1fr;gap:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.timbre{margin:0;justify-self:center;width:min(100%,340px);transform:rotate(-2deg)}
.timbre svg{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
.timbre .tl{font:600 13px var(--kop);letter-spacing:.12em;fill:#6b6558}
.timbre .tn{font:700 30px var(--kop);letter-spacing:-.02em;fill:#1b2230}
.timbre .ts{font:700 17px var(--kop);letter-spacing:.06em;fill:#fff}
.timbre .tw{font:500 20px var(--kop);fill:#1b2230}
.timbre .tp{font:700 12px var(--kop);letter-spacing:.1em}
@media(max-width:860px){.timbre{width:min(78%,300px)}}
.timbre .tn2{font-size:25px}
.tijdlijn{list-style:none;padding:0;margin:1.4em 0;border-left:2px solid var(--rood)}
.tijdlijn li{padding:0 0 1.2em 20px;position:relative}
.tijdlijn li::before{content:"";position:absolute;left:-7px;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--papier);border:2px solid var(--rood)}
.tijdlijn b{display:block;font:700 1rem/1.3 var(--kop)}
.tijdlijn span{display:block;font-size:1rem;color:var(--inkt2)}
.staaf .getal{font:500 .82rem/1 var(--kop);color:var(--grijs);margin-top:4px}
.bijschrift{font:400 .88rem/1.5 var(--kop);color:var(--grijs);margin-top:.8rem}
@media (max-width:640px){.artikel table.stapel thead{display:none}.artikel table.stapel tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--lijn)}.artikel table.stapel td{border:0;padding:0}.artikel table.stapel td[data-l=Pays]{text-align:right}.artikel table.stapel td[data-l=Format]{grid-column:1/-1;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--grijs)}.artikel table.stapel td:last-child{grid-column:1/-1;font-weight:400}}
/* KB-telling: sorteerbare tabel, titellijst, querycode */
.kb-tabel{font:500 .92rem/1.3 var(--kop);font-variant-numeric:tabular-nums;margin-top:24px}
.kb-tabel th,.kb-tabel td{padding:9px 10px;border-bottom:1px solid var(--lijn);text-align:right;white-space:nowrap}
.kb-tabel th:first-child,.kb-tabel td:first-child{text-align:left;white-space:normal}
.kb-tabel th:last-child,.kb-tabel td:last-child{text-align:left}
.kb-tabel th{border-bottom:2px solid var(--inkt);vertical-align:bottom}
.kb-tabel th button{all:unset;cursor:pointer;font:600 .78rem/1.2 var(--kop);letter-spacing:.04em;text-transform:uppercase;color:var(--inkt)}
.kb-tabel th button:focus-visible{outline:2px solid var(--rood);outline-offset:3px}
.kb-tabel th button::after{content:"";display:inline-block;width:.9em;color:var(--grijs)}
.kb-tabel th[aria-sort=descending] button::after{content:" ↓"}.kb-tabel th[aria-sort=ascending] button::after{content:" ↑"}
.kb-tabel tbody tr:hover{background:color-mix(in oklab,var(--lijn) 35%,transparent)}
.kb-tabel .puce{font-size:.78rem}
.split>*,.tabelwrap{min-width:0;max-width:100%}
@media(max-width:700px){.kb-tabel .oud,.kb-tabel .m-uit{display:none}.kb-tabel th,.kb-tabel td{padding:8px 5px}.kb-tabel{font-size:.85rem}.kb-tabel th button{font-size:.7rem;letter-spacing:.02em}.kb-tabel th{white-space:normal}}
.kb-titels{list-style:none;padding:0;margin:.6em 0 1em}.kb-titels li{padding:6px 0;border-bottom:1px solid var(--lijn)}.kb-titels li:last-child{border:0}
pre.code{background:var(--band);color:#ece5d6;padding:16px 18px;overflow-x:auto;font:400 .8rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:2px;max-width:100%}
.hero-tal{display:grid;gap:34px;align-self:center;color:#ece5d6;font-family:var(--kop)}
.hero-tal .ht-naam{font:600 .8rem/1 var(--kop);letter-spacing:.12em;text-transform:uppercase;color:#b9b09c;margin:0 0 10px}
.hero-tal .ht-getal{font:700 4.2rem/1 var(--kop);letter-spacing:-.03em;color:#fff;margin:0 0 14px}
.hero-tal .ht-getal span{display:block;font:500 1rem/1.35 var(--kop);letter-spacing:0;color:#d9d1c0;margin-top:8px}
.hero-tal .balk{display:flex;height:14px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.hero-tal .balk i{display:block;height:100%}
.hero-tal figcaption{font:500 .8rem/1.4 var(--kop);color:#a79f8d}
@media(max-width:860px){.hero-tal{gap:24px}.hero-tal .ht-getal{font-size:3rem}}
/* blogoverzicht */
.sr-kop{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.uitgelicht{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.uitgelicht img,.artikels img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.uitgelicht h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin:.2rem 0 .8rem}
.uitgelicht h2 a,.artikels h3 a{color:inherit;text-decoration:none}
.uitgelicht h2 a:hover,.artikels h3 a:hover{text-decoration:underline;text-underline-offset:.15em}
.uitgelicht .lead-k{font-size:1.1rem;color:var(--inkt2);margin:0 0 1.6rem;max-width:56ch}
.uitgelicht .etiket{margin-bottom:.5rem}
.uitgelicht .nieuw{color:var(--rood)}
.artikels{list-style:none;margin:0;padding:0}
.artikels li{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(18px,3vw,40px);padding:28px 0;border-top:1px solid var(--lijn);align-items:start}
.artikels li:first-child{border-top:0;padding-top:8px}
.artikels h3{font-size:1.35rem;margin:.1rem 0 .5rem}
.artikels p{margin:0;color:var(--inkt2);max-width:62ch}
.artikels .etiket{margin-bottom:.4rem}
.datalijst{list-style:none;margin:0;padding:0;align-self:center}
.datalijst li{border-top:1px solid var(--lijn)}
.datalijst li:last-child{border-bottom:1px solid var(--lijn)}
.datalijst a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;text-decoration:none;color:var(--inkt)}
.datalijst b{font:650 1.05rem/1.3 var(--kop)}
.datalijst span{color:var(--grijs);font-size:.92rem;text-align:right}
.datalijst a:hover b{text-decoration:underline;text-underline-offset:.15em}
@media (max-width:760px){
 .uitgelicht{grid-template-columns:1fr}
 .artikels li{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:22px 0}
 .artikels h3{font-size:1.1rem}
 .artikels p{font-size:.95rem}
 .artikels .etiket{font-size:.66rem;letter-spacing:.08em}
 .uitgelicht .etiket{font-size:.7rem}
 .datalijst a{flex-direction:column;gap:2px}
 .datalijst span{text-align:left}
}

.blog-tal{gap:0}.blog-tal a{display:block;text-decoration:none;padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}.blog-tal a:first-child{border-top:0;padding-top:0}.blog-tal .ht-getal{font-size:3.4rem;margin:0 0 8px}.blog-tal .ht-naam{margin:0;color:#e3836b}.blog-tal a:hover .ht-naam{color:#fff}
@media(max-width:860px){.blog-tal .ht-getal{font-size:2.6rem}}