:root{
  --paper:#FCF8EF;
  --paper-dim:#F4EDDC;
  --ink:#14161C;
  --red:#D23B2E;
  --red-deep:#B22A1F;
  --yellow:#FFD21F;
  --blue:#1D7FD4;
  --cyan:#29ABE2;
  --green:#2E8B4A;
  --disp:Impact,'Franklin Gothic Medium','Arial Narrow',sans-serif;
  --type:'Courier New',Courier,monospace;
  --body:'Trebuchet MS','Segoe UI',Verdana,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:#0F1118;
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.55;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:var(--red-deep)}
.page{
  max-width:1380px;margin:0 auto;background:var(--paper);
  border-left:4px solid var(--ink);border-right:4px solid var(--ink);
  
  background-image:
    radial-gradient(rgba(41,171,226,.07) 1px, transparent 1.4px),
    radial-gradient(rgba(210,59,46,.05) 1px, transparent 1.4px);
  background-size:14px 14px,22px 22px;
  background-position:0 0,7px 9px;
  background-color:var(--paper);
}
.wrap{max-width:1220px;margin:0 auto;padding:0 22px}
section{border-top:4px solid var(--ink);padding:46px 0 54px;position:relative}


.kicker{
  font-family:var(--type);font-weight:700;font-size:13px;letter-spacing:.14em;
  color:var(--red-deep);text-transform:uppercase;margin-bottom:10px;
}
.kop{
  display:inline-block;background:var(--yellow);border:3px solid var(--ink);
  box-shadow:5px 5px 0 var(--ink);padding:8px 20px 7px;
  font-family:var(--disp);font-size:clamp(22px,3vw,36px);letter-spacing:.04em;
  text-transform:uppercase;transform:skewX(-4deg);color:var(--ink);
  margin-bottom:8px;
}
.kop--red{background:var(--red);color:#fff}
.sect-note{font-family:var(--type);font-size:13px;color:#4A4238;margin:10px 0 26px;font-weight:700}
.sect-head{margin-bottom:6px}


.bub{position:relative;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;color:var(--ink);flex:none}
.bub>img{position:absolute;inset:0;width:100%;height:100%}
.bub>span{position:relative;text-align:center;font-family:var(--disp);
  text-transform:uppercase;letter-spacing:.03em;line-height:1.06}
.bub--big{aspect-ratio:760/539;width:250px}
.bub--big>span{width:52%;transform:translateY(-5%);font-size:23px}
.bub--sm{aspect-ratio:540/405;width:190px}
.bub--sm>span{width:45%;transform:translate(5%,-7%);font-size:15px}
.bub{transition:transform .18s ease}
.bub:hover{transform:rotate(-2deg) scale(1.04)}

.bub::before{
  content:"";position:absolute;left:-34px;top:38%;width:30px;height:26%;opacity:0;
  background:linear-gradient(var(--ink) 0 0) 0 10%/100% 12% no-repeat,
             linear-gradient(var(--ink) 0 0) 0 50%/78% 12% no-repeat,
             linear-gradient(var(--ink) 0 0) 0 90%/92% 12% no-repeat;
  transition:opacity .18s ease,transform .18s ease;transform:translateX(8px);
}
.bub:hover::before{opacity:1;transform:translateX(0)}


.btn-plate{display:inline-block;background:var(--yellow);border:3px solid var(--ink);
  box-shadow:4px 4px 0 var(--ink);padding:10px 18px;font-family:var(--disp);
  font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;transition:transform .15s ease}
.btn-plate:hover{transform:translate(-2px,-2px) rotate(-1deg)}


.stamp{position:relative;width:118px;aspect-ratio:1;flex:none;transform:rotate(-11deg)}
.stamp>img{position:absolute;inset:0;width:100%;height:100%}
.stamp>div{position:absolute;inset:18%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;font-family:var(--disp)}
.stamp .s-val{font-size:32px;line-height:1;color:var(--ink)}
.stamp .s-val small{font-size:15px}
.stamp .s-lbl{font-size:9px;letter-spacing:.08em;margin-top:2px;color:var(--red-deep)}
.stamp--sm{width:96px}
.stamp--sm .s-val{font-size:26px}


.frame-lg{border:34px solid transparent;
  border-image:url('_design/_cut/panel_frame_large.webp') 88 fill / 34px stretch;
}
.frame-sm{border:26px solid transparent;
  border-image:url('_design/_cut/panel_frame_small.webp') 52 fill / 26px stretch;
}


header{
  position:sticky;top:0;z-index:60;background:var(--paper);
  border-bottom:4px solid var(--ink);
  box-shadow:0 3px 0 var(--yellow),0 6px 0 var(--ink);
}
.bar{display:flex;align-items:center;gap:20px;max-width:1220px;margin:0 auto;
  padding:10px 22px;min-height:62px}
.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none;flex:none}
.logo b{font-family:var(--disp);font-size:26px;letter-spacing:.02em;color:var(--ink);
  text-transform:uppercase;font-weight:400}
.logo b em{font-style:normal;color:var(--red)}
.logo .nl{font-family:var(--type);font-weight:700;font-size:11px;background:var(--ink);
  color:var(--yellow);padding:2px 7px;letter-spacing:.1em}
nav.hoofd{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
nav.hoofd a{font-family:var(--disp);font-size:15px;letter-spacing:.06em;color:var(--ink);
  text-decoration:none;text-transform:uppercase;padding:7px 11px;position:relative}
nav.hoofd a::after{content:"";position:absolute;left:10%;right:60%;bottom:2px;height:3px;
  background:var(--red);opacity:0;transition:opacity .15s ease,right .15s ease}
nav.hoofd a:hover::after{opacity:1;right:10%}
.zoek{border:0;background:none;cursor:pointer;width:34px;padding:0;flex:none}
.burger{display:none;margin-left:auto;width:44px;flex:none}
@media (max-width:919px){
  nav.hoofd{display:none}
  .burger{display:block}
  .logo b{font-size:22px}
}


.hero{border-top:none;padding:0}
.cover{position:relative;aspect-ratio:1536/1024;
  background:url('_design/_cut/bg/sheet04_hero.webp') center/cover no-repeat;overflow:hidden}

.masthead{position:absolute;left:19%;right:21%;top:6.2%;height:23%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.masthead h1{font-family:var(--disp);font-weight:400;color:var(--ink);
  font-size:clamp(17px,4.6vw,64px);letter-spacing:.03em;text-transform:uppercase;line-height:1}
.masthead h1 em{font-style:normal;color:var(--red)}
.masthead .onder{font-family:var(--type);font-weight:700;color:var(--ink);
  font-size:clamp(8px,1.1vw,15px);letter-spacing:.12em;text-transform:uppercase;margin-top:.6em}
.masthead .editie{font-family:var(--disp);color:var(--red-deep);
  font-size:clamp(8px,1.15vw,16px);letter-spacing:.14em;margin-top:.45em;text-transform:uppercase}

.prijs{position:absolute;right:11.5%;top:22%;width:8%;min-width:56px;aspect-ratio:1;
  transform:rotate(9deg)}
.prijs>img{position:absolute;inset:0;width:100%;height:100%}
.prijs>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-size:clamp(15px,1.9vw,27px);color:var(--ink)}

.cover .cta{position:absolute;left:39.5%;top:44%;width:24%}
.cover .cta .bub--big{width:100%}
.cover .cta .bub--big>span{font-size:clamp(12px,1.9vw,26px)}
.hero-mobiel{display:none;padding:16px 22px 22px;text-align:center;border-top:4px solid var(--ink)}
@media (max-width:759px){
  .cover .cta{display:none}
  .masthead .onder{display:none}
  .hero-mobiel{display:block}
}


.vandaag-panel{position:relative;margin-top:26px}
.vandaag-inner{display:flex;gap:34px;align-items:center;padding:8px 6px}
.vandaag-art{flex:0 0 34%;position:relative}

.slotcover{position:relative;aspect-ratio:3/2;border:3px solid var(--ink);background:var(--paper);
  box-shadow:5px 5px 0 var(--ink);overflow:hidden}
.slotcover img{width:100%;height:100%;object-fit:cover;display:block}
.slotcover::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(20,22,28,.16) 1px,transparent 1.4px);
  background-size:5px 5px;opacity:.55}
.vandaag-tekst{flex:1;min-width:0;position:relative;padding-right:120px}
.vandaag-tekst h3{font-family:var(--disp);font-weight:400;font-size:clamp(26px,3vw,40px);
  text-transform:uppercase;letter-spacing:.02em;line-height:1.04;margin:4px 0 6px}
.vandaag-tekst .prov{font-family:var(--type);font-weight:700;font-size:14px;color:#4A4238}
.specs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.spec{border:2px solid var(--ink);background:var(--paper);padding:6px 12px;
  font-family:var(--type);font-weight:700;font-size:13px;box-shadow:3px 3px 0 var(--ink)}
.spec b{color:var(--red-deep)}
.vandaag-tekst p.lede{max-width:56ch;font-size:15.5px}
.vandaag-cta{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.vandaag-stamp{position:absolute;top:-6px;right:-8px}
.vandaag-editor{position:absolute;right:-30px;bottom:-58px;width:250px;pointer-events:none;
  filter:drop-shadow(4px 4px 0 rgba(20,22,28,.18))}
@media (max-width:919px){
  .vandaag-inner{flex-direction:column;align-items:flex-start;gap:18px}
  .vandaag-art{flex-basis:auto;width:min(320px,70%)}
  .vandaag-tekst{padding-right:0}
  .vandaag-stamp{position:static;margin:6px 0}
  .vandaag-editor{width:160px;right:-14px;bottom:-46px}
}


.spread{position:relative;aspect-ratio:1536/1024;border:4px solid var(--ink);
  background:url('_design/_cut/bg/sheet05_spread.webp') center/cover no-repeat;
  box-shadow:7px 7px 0 var(--ink);margin-top:24px}
.scard{position:absolute;background:var(--paper);border:3px solid var(--ink);
  box-shadow:4px 4px 0 rgba(20,22,28,.85);display:flex;flex-direction:column;
  text-decoration:none;color:var(--ink);padding:5px 7px 6px;overflow:hidden;
  transition:transform .16s ease}
.scard:hover{transform:translate(-2px,-3px) rotate(-.6deg)}
.scard .sc-pic{position:relative;flex:1 1 auto;min-height:0;display:block;overflow:hidden;
  border:2px solid var(--ink)}
.scard .sc-pic img{width:100%;height:100%;object-fit:cover;display:block}
.scard .sc-pic::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(20,22,28,.2) 1px,transparent 1.4px);background-size:5px 5px;opacity:.5}
.scard .t{font-family:var(--disp);font-size:clamp(10px,1.05vw,15px);line-height:1.05;
  text-transform:uppercase;letter-spacing:.02em;margin-top:4px}
.scard .m{font-family:var(--type);font-weight:700;font-size:clamp(8px,.8vw,11.5px);color:#4A4238}
.scard .m b{color:var(--red-deep)}
.spread .meer{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2%}
.spread .meer .bub--sm{width:100%}
.spread .meer>img{width:56%}
.strip-mobiel{display:none}
@media (max-width:759px){
  .spread{display:none}
  .strip-mobiel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
  .mcard{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:10px;
    text-decoration:none;color:var(--ink)}
  .mcard img{width:100%;height:120px;object-fit:cover;border:2px solid var(--ink)}
  .mcard .t{display:block;font-family:var(--disp);font-size:14px;text-transform:uppercase;line-height:1.1;margin-top:6px}
  .mcard .m{display:block;font-family:var(--type);font-weight:700;font-size:11px;margin-top:3px}
  .mcard--geel{background:var(--yellow)}
  .mcard--blauw{background:#BFE3F7}
  .mcard--rood{background:#F6C9C2}
  .mcard--groen{background:#C9E7CB}
  .strip-alle{grid-column:1/-1;text-align:center;padding:8px 0 2px}
}

.blabel{position:absolute;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);color:var(--ink);text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(11px,1.5vw,21px);pointer-events:none}
.week-pijlen{position:absolute;right:0;top:-6px;display:flex;gap:6px;align-items:center}
.week-pijlen img{width:74px;height:auto}
@media (max-width:759px){.week-pijlen{display:none}}


.sponsor-banner{position:relative;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);
  height:300px;background:url('_design/_cut/bg/sheet06_sponsors.webp') no-repeat;
  background-size:110% auto;background-position:50% 20%;margin:22px 0 30px;
  display:flex;align-items:center;justify-content:flex-start;padding-left:28px}
.sponsor-banner .plaat{background:var(--paper);border:3px solid var(--ink);
  box-shadow:5px 5px 0 var(--ink);padding:12px 26px;text-align:left;max-width:46%;
  transform:rotate(-1.2deg)}
.sponsor-banner .plaat b{font-family:var(--disp);font-weight:400;font-size:clamp(17px,2.4vw,28px);
  text-transform:uppercase;letter-spacing:.04em;display:block}
.sponsor-banner .plaat i{font-family:var(--type);font-weight:700;font-style:normal;
  font-size:12px;color:var(--red-deep);letter-spacing:.1em}
@media (max-width:759px){.sponsor-banner{height:210px;background-size:210% auto;
  background-position:50% 18%;padding-left:14px}
  .sponsor-banner .plaat{max-width:72%}}
.advert{display:flex;align-items:center;gap:22px;padding:20px 26px;margin-bottom:22px;
  background:var(--paper)}
.advert:nth-child(odd){transform:rotate(-.35deg)}
.advert:nth-child(even){transform:rotate(.3deg)}
.adv-rang{position:relative;width:66px;aspect-ratio:1;flex:none}
.adv-rang>img{position:absolute;inset:0;width:100%;height:100%}
.adv-rang>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-size:24px}
.adv-naam{flex:0 0 218px;min-width:0}
.adv-naam b{font-family:var(--disp);font-weight:400;font-size:24px;text-transform:uppercase;
  letter-spacing:.02em;line-height:1.05;display:block}
.adv-naam small{font-family:var(--type);font-weight:700;font-size:11.5px;color:#4A4238;display:block;margin-top:4px}
.adv-bod{flex:1;min-width:0}
.adv-bod .bonus{font-size:16px;font-weight:700}
.adv-bod .rg{font-family:var(--type);font-weight:700;font-size:11.5px;color:#4A4238;margin-top:5px}
.adv-bod .rg b{color:var(--red-deep)}
.chip24{display:inline-block;background:var(--ink);color:var(--yellow);font-family:var(--type);
  font-weight:700;font-size:11px;padding:1px 7px;margin-left:6px;letter-spacing:.06em}
.hoofdsponsor{position:absolute;top:-14px;left:96px;background:var(--red);color:#fff;
  border:2px solid var(--ink);font-family:var(--disp);font-size:13px;letter-spacing:.08em;
  padding:3px 10px;text-transform:uppercase;transform:rotate(-2deg)}
.advert{position:relative}
@media (max-width:919px){
  .advert{flex-wrap:wrap;gap:14px}
  .adv-naam{flex:1 1 55%}
  .adv-bod{flex:1 1 100%;order:4}
  .advert .stamp--sm{margin-left:auto}
}
.rg-strook{border:3px solid var(--ink);background:var(--paper-dim);padding:14px 18px;
  font-family:var(--type);font-weight:700;font-size:12.5px;line-height:1.7;color:#3E382F}
.rg-strook b{color:var(--red-deep)}


.rubrieken{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:22px}
.rubriek{border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);
  padding:20px 16px 18px;text-align:center;text-decoration:none;color:var(--ink);
  transition:transform .16s ease}
.rubriek:hover{transform:translate(-2px,-3px) rotate(-.7deg)}
.rubriek img{width:92px;margin:0 auto 12px}
.rubriek b{font-family:var(--disp);font-weight:400;font-size:19px;text-transform:uppercase;
  letter-spacing:.03em;display:block;line-height:1.1}
.rubriek small{font-family:var(--type);font-weight:700;font-size:12px;color:#4A4238;
  display:block;margin-top:6px}
.rubriek .pijl{color:var(--red-deep);font-family:var(--disp);font-size:15px;display:block;margin-top:8px}
@media (max-width:919px){.rubrieken{grid-template-columns:repeat(2,1fr)}}


.maand-vlak{display:flex;gap:30px;align-items:flex-start;margin-top:22px}
.hitlijst{flex:1;min-width:0;border:3px solid var(--ink);background:var(--paper);
  box-shadow:6px 6px 0 var(--ink)}
.hit{display:flex;align-items:center;gap:16px;padding:11px 18px;border-bottom:2px solid var(--ink);
  font-family:var(--type);font-weight:700}
.hit:last-child{border-bottom:none}
.hit:nth-child(-n+3){background:#FFF3C4}
.hit .nr{width:34px;height:34px;border:2.5px solid var(--ink);border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:17px;
  background:var(--yellow)}
.hit .thumb{width:64px;flex:none;aspect-ratio:3/2;position:relative;overflow:hidden;
  border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.hit .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hit .thumb::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(20,22,28,.18) 1px,transparent 1.4px);background-size:4px 4px;opacity:.5}
.hit .titel{flex:1;min-width:0;font-family:var(--disp);font-weight:400;font-size:18px;
  text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hit .prov{flex:0 0 168px;font-size:12px;color:#4A4238}
.hit .rtp{flex:0 0 96px;font-size:13px}
.hit .cijfer{flex:0 0 58px;text-align:center;background:var(--red);color:#fff;
  font-family:var(--disp);font-size:16px;padding:3px 0;border:2px solid var(--ink)}
.maand-zij{flex:0 0 250px;text-align:center}
.maand-zij img{width:100%;filter:drop-shadow(5px 5px 0 rgba(20,22,28,.2))}
.maand-zij figcaption{font-family:var(--type);font-weight:700;font-size:12px;color:#4A4238;margin-top:10px}
@media (max-width:919px){
  .maand-zij{display:none}
  .hit .prov{display:none}
  .hit .rtp{flex-basis:82px;font-size:11px}
  .hit .titel{font-size:15px;white-space:normal;line-height:1.1}
}


.uitgevers{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.uitgever{display:inline-flex;align-items:center;gap:10px;border:3px solid var(--ink);
  background:var(--paper);box-shadow:4px 4px 0 var(--ink);padding:9px 16px;
  font-family:var(--disp);font-size:16px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;transition:transform .15s ease}
.uitgever:hover{transform:translate(-2px,-2px) rotate(-1deg)}
.uitgever .tel{background:var(--yellow);border:2px solid var(--ink);font-family:var(--type);
  font-weight:700;font-size:12px;padding:1px 8px;border-radius:999px}
.uitgever.straks{background:var(--paper-dim);color:#57503F}
.uitgever.straks .tel{background:#E4D9BC}


.brieven{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}
.brief{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column;
  transition:transform .16s ease;position:relative}
.brief:hover{transform:translate(-2px,-3px) rotate(-.5deg)}
.brief .crop{height:130px;border-bottom:3px solid var(--ink);background-repeat:no-repeat}
.crop--stad{background-image:url('_design/_cut/bg/sheet04_hero.webp');background-size:280% auto;background-position:6% 58%}
.crop--fiches{background-image:url('_design/_cut/bg/sheet06_sponsors.webp');background-size:300% auto;background-position:2% 32%}
.crop--bureau{background-image:url('_design/_cut/bg/sheet07_desk.webp');background-size:240% auto;background-position:52% 34%}
.brief .zegel{position:absolute;top:96px;right:14px;width:62px;
  filter:drop-shadow(2px 3px 0 rgba(20,22,28,.3))}
.brief .inhoud{padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.brief h4{font-family:var(--disp);font-weight:400;font-size:20px;line-height:1.12;
  text-transform:uppercase;letter-spacing:.02em;padding-right:44px}
.brief p{font-size:14px;color:#332F28}
.brief .meta{margin-top:auto;font-family:var(--type);font-weight:700;font-size:11.5px;color:#4A4238}
@media (max-width:919px){.brieven{grid-template-columns:1fr}}


.kolom{display:flex;gap:36px;align-items:flex-start;margin-top:20px}
.kolom-art{flex:0 0 300px}
.kolom-art img{width:100%;filter:drop-shadow(5px 5px 0 rgba(20,22,28,.2))}
.kolom-tekst{flex:1;min-width:0;font-family:var(--type);font-weight:700;font-size:14.5px;
  line-height:1.75;color:#2A2620}
.kolom-tekst p{margin-bottom:14px;max-width:74ch}
.kolom-tekst .handtekening{font-family:var(--disp);font-size:19px;color:var(--red-deep);
  text-transform:uppercase;letter-spacing:.04em}
.feiten{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}
.feit{border:2.5px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);
  padding:7px 13px;font-family:var(--type);font-weight:700;font-size:12.5px}
@media (max-width:919px){.kolom{flex-direction:column}.kolom-art{flex-basis:auto;width:min(260px,70%)}}


.faq-vlak{display:flex;gap:34px;align-items:flex-start;margin-top:20px}
.faq-lijst{flex:1;min-width:0}
.faq-zij{flex:0 0 210px}
.faq-zij img{width:100%;filter:drop-shadow(4px 4px 0 rgba(20,22,28,.2))}
.faq-zij figcaption{font-family:var(--type);font-weight:700;font-size:12px;color:#4A4238;
  text-align:center;margin-top:8px}
details{border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);
  margin-bottom:16px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;
  padding:14px 18px;font-family:var(--disp);font-size:18px;text-transform:uppercase;
  letter-spacing:.02em}
summary::-webkit-details-marker{display:none}
summary .v{flex:none;width:30px;height:30px;background:var(--red);color:#fff;border:2px solid var(--ink);
  display:flex;align-items:center;justify-content:center;font-size:16px}
summary .plus{margin-left:auto;font-family:var(--type);font-weight:700;font-size:20px;
  transition:transform .15s ease}
details[open] summary .plus{transform:rotate(45deg)}
details>div{padding:2px 18px 16px 62px;font-size:14.5px;max-width:80ch}
@media (max-width:919px){.faq-zij{display:none}details>div{padding-left:18px}}


footer{border-top:4px solid var(--ink);position:relative;
  background:url('_design/_cut/bg/sheet07_desk.webp') center/cover no-repeat}
footer .schaduw{background:rgba(15,17,24,.6);padding:56px 0 40px}
.colofon{background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);
  padding:30px 34px;max-width:1120px;margin:0 auto}
.colofon-kop{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.colofon-kop img{width:64px;height:64px;object-fit:cover;object-position:top;
  border:3px solid var(--ink);border-radius:50%;background:var(--yellow)}
.colofon-kop b{font-family:var(--disp);font-weight:400;font-size:26px;text-transform:uppercase;
  letter-spacing:.03em}
.colofon-kop b em{font-style:normal;color:var(--red)}
.colofon-kop small{font-family:var(--type);font-weight:700;font-size:12px;color:#4A4238;display:block}
.colofon-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;
  border-top:2px solid var(--ink);padding-top:20px}
.colofon-grid h5{font-family:var(--disp);font-weight:400;font-size:15px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--red-deep);margin-bottom:10px}
.colofon-grid p, .colofon-grid li{font-family:var(--type);font-weight:700;font-size:12.5px;
  line-height:1.8;color:#2A2620}
.colofon-grid ul{list-style:none}
.colofon-grid a{color:var(--ink)}
.colofon-grid a:hover{color:var(--red-deep)}
.soon{border-bottom:2px dotted #857B63;cursor:default}
.rg-onder{display:flex;align-items:center;gap:14px;border-top:2px solid var(--ink);
  margin-top:22px;padding-top:18px;flex-wrap:wrap}
.badge18{flex:none;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;
  border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-size:17px}
.rg-onder p{font-family:var(--type);font-weight:700;font-size:12px;line-height:1.7;color:#2A2620}
.druk{margin-top:16px;text-align:center;font-family:var(--type);font-weight:700;font-size:11.5px;
  color:#4A4238}
@media (max-width:919px){.colofon-grid{grid-template-columns:1fr}}


@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}



body:not(:has(.page)){background:var(--paper);
  background-image:radial-gradient(rgba(41,171,226,.07) 1px,transparent 1.4px),radial-gradient(rgba(210,59,46,.05) 1px,transparent 1.4px);
  background-size:14px 14px,22px 22px;background-position:0 0,7px 9px}

nav.hoofd a.aktief::after{opacity:1;right:10%}
nav.hoofd a.aktief{color:var(--red-deep)}

.zoek-form{display:flex;align-items:center;gap:6px;flex:none;margin-left:2px}
.zoek-form input{width:150px;max-width:38vw;border:3px solid var(--ink);background:var(--paper);
  padding:6px 10px;font-family:var(--type);font-weight:700;font-size:13px;color:var(--ink);
  box-shadow:3px 3px 0 var(--ink);outline:none}
.zoek-form input::placeholder{color:#6C6558}
.zoek-form input:focus{background:#FFF6CC}
.zoek-form .zoek{width:30px}
.lr-search-dd a:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}

.cover-volgt{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  text-align:center;background:var(--paper-dim);overflow:hidden}
.cover-volgt::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(20,22,28,.16) 1px,transparent 1.4px);background-size:5px 5px;opacity:.5}
.cover-volgt span{position:relative;font-family:var(--disp),Impact,sans-serif;text-transform:uppercase;
  color:#8A8172;font-size:clamp(11px,1.4vw,15px);letter-spacing:.06em;line-height:1.1}
@media (max-width:919px){nav.hoofd a.aktief::after{display:none}}
@media (max-width:640px){.zoek-form input{width:104px}}
@media (max-width:459px){.zoek-form input{display:none}}


.caustics,.bubbles,.band-art::before,.wave{display:none!important}
main,.wrap,.omslag{color:var(--ink)}
.crumbs{color:#5C5F68!important;font:700 12.5px var(--type)!important}
.crumbs a{color:#5C5F68!important;text-decoration:none!important}
.crumbs a:hover{color:var(--red-deep)!important;text-decoration:underline!important}
.coll-head,.bh1,.hub-h1,.page-h1,.section-h,.sec-title,.coll-intro h2,.seo-block h2{
  font-family:var(--disp)!important;font-weight:400!important;color:var(--ink)!important;
  text-transform:uppercase!important;letter-spacing:.02em!important;text-shadow:none!important}
.coll-head,.bh1,.hub-h1,.page-h1{font-size:2rem!important;margin:14px 0 6px!important}
.section-h,.sec-title{font-size:1.5rem!important;border-top:4px solid var(--ink)!important;padding-top:14px!important;margin:40px 0 16px!important}
.coll-sub,.bsub,.hub-sub{color:#4A4238!important;font-family:var(--type)!important;font-weight:700!important;font-size:.9rem!important;margin:0 0 14px!important}
.coll-intro,.seo-block,.band-art{background:var(--paper)!important;border:3px solid var(--ink)!important;
  border-radius:0!important;box-shadow:5px 5px 0 var(--ink)!important;padding:18px 22px!important;margin:16px 0 22px!important;position:relative!important}
.coll-intro p,.seo-block p{color:#332F28!important;margin:0 0 8px!important}
.coll-intro a,.seo-block a{color:var(--red-deep)!important;text-decoration:underline!important;text-decoration-thickness:2px!important}

.tiles,.row,.slot-row,.reelrow,.card-grid,.grid-cards{display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px!important;background:transparent!important;border:0!important}
.tile,.tile-frame,.rel-card,.scard,.gcard{position:relative!important;background:var(--paper)!important;
  border:3px solid var(--ink)!important;border-radius:0!important;box-shadow:5px 5px 0 var(--ink)!important;
  padding:12px!important;transition:transform .16s ease!important}
.tile:hover,.tile-frame:hover,.rel-card:hover,.scard:hover,.gcard:hover{transform:translate(-2px,-3px) rotate(-.6deg)!important;filter:none!important}
.tile-img,.tile-frame .tile-img,.rel-card img,.scard .cov,.cov,.gcard img{position:relative!important;
  width:100%!important;aspect-ratio:3/2!important;overflow:hidden!important;background:var(--paper-dim)!important;
  border:2px solid var(--ink)!important;border-radius:0!important;clip-path:none!important;margin-bottom:10px!important;display:block!important}
.tile-img img,.cov img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.tile-img::after,.tile-frame::after{display:none!important}
.tile-meta,.tile-name,.rel-name,.scard .sn,.gcard .n{padding:0!important;background:transparent!important;
  font-family:var(--disp)!important;font-weight:400!important;color:var(--ink)!important;text-transform:uppercase!important;font-size:16px!important;line-height:1.1!important}
.tile .p,.scard .sp,.gcard .p{font:700 12px var(--type)!important;letter-spacing:.04em!important;color:#4A4238!important;margin-top:5px!important}

.triangle,.tagcloud,.tagpills,.chips,.pf-chips{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:12px 0!important}
.tagpill,.chip,.pf-chip{display:inline-block!important;padding:7px 14px!important;border-radius:0!important;
  background:var(--paper)!important;border:3px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink)!important;
  color:var(--ink)!important;font:400 14px var(--disp)!important;text-transform:uppercase!important;letter-spacing:.03em!important;line-height:1.1!important;text-decoration:none!important}
.tagpill:hover,.chip:hover,.pf-chip:hover{background:var(--yellow)!important;transform:translate(-1px,-1px)!important}
.tagpill.nolink{color:#57503F!important;background:var(--paper-dim)!important;box-shadow:none!important;opacity:.85!important}

.pager,.pagination{display:flex!important;gap:10px!important;justify-content:center!important;margin:26px 0!important}
.pager a,.pager span,.pagination a,.pagination span{border:3px solid var(--ink)!important;border-radius:0!important;
  background:var(--paper)!important;box-shadow:3px 3px 0 var(--ink)!important;color:var(--ink)!important;padding:8px 14px!important;font:700 13px var(--type)!important;text-decoration:none!important}
.pager a:hover,.pagination a:hover{background:var(--yellow)!important}

.art,.blog-article{max-width:820px!important;margin:0 auto!important}
.art h1,.blog-article h1{font-family:var(--disp)!important;font-weight:400!important;color:var(--ink)!important;text-transform:uppercase!important;font-size:2.1rem!important;line-height:1.05!important;letter-spacing:.02em!important;margin:12px 0 10px!important}
.art h2,.blog-article h2{font-family:var(--disp)!important;font-weight:400!important;color:var(--ink)!important;text-transform:uppercase!important;font-size:1.5rem!important;border-top:4px solid var(--ink)!important;padding-top:14px!important;margin:30px 0 12px!important}
.art p,.blog-article p{color:#332F28!important;line-height:1.7!important;margin:0 0 14px!important}
.art a,.blog-article a{color:var(--red-deep)!important;text-decoration:underline!important;text-decoration-thickness:2px!important}
.art .cover,.blog-article img{border:3px solid var(--ink)!important;border-radius:0!important;box-shadow:5px 5px 0 var(--ink)!important;margin:0 0 20px!important}

details.faq-item,.faq details{border:3px solid var(--ink)!important;border-radius:0!important;background:var(--paper)!important;box-shadow:4px 4px 0 var(--ink)!important;margin-bottom:16px!important}
.faq summary,details.faq-item summary{font-family:var(--disp)!important;font-weight:400!important;color:var(--ink)!important;text-transform:uppercase!important}

.mw-panel,.bonus-card,.bcard,.bonus-strip{background:var(--paper)!important;border:3px solid var(--ink)!important;border-radius:0!important;box-shadow:5px 5px 0 var(--ink)!important}
.btn,.btn-primary,.cta-btn,.btn-aff{background:var(--yellow)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--ink)!important;font-family:var(--disp)!important;text-transform:uppercase!important;text-decoration:none!important}
.btn:hover,.btn-primary:hover,.cta-btn:hover,.btn-aff:hover{transform:translate(-2px,-2px)!important}