@font-face{font-family:"Space Grotesk";src:url(lettertype/SpaceGrotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Epunda Slab";src:url(lettertype/EpundaSlab.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{
  --vloer:#262426;--diep:#151315;--plaat:#373437;--karton:#564D47;
  --tekst:#EDE5DF;--zacht:#C4BAB3;--grijs:#A49B95;
  --oranje:#FC5507;--oranje2:#FF7F23;--geel:#FFF172;
  --tan:#9C8163;--tan-licht:#EDC79D;--tan-link:#CFAA78;--tan-donker:#39312E;
  --groen:#7FC29B;--goud:#F2B24B;--blauw:#9FB2DD;
  --slab:"Epunda Slab",Georgia,serif;--grot:"Space Grotesk",Arial,sans-serif;
  --ritme:56px;--gat:16px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--tekst);font:400 17px/1.55 var(--grot);
  background:var(--vloer) repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px)}
img{display:block;max-width:100%;height:auto}
a{color:var(--tan-link)}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
.doos{width:min(1200px,calc(100% - 32px));margin-inline:auto}

/* type scale */
h1{font:700 42px/1.15 var(--grot);text-align:center;letter-spacing:-.01em;text-wrap:balance}
h2{font:700 28px/1.2 var(--grot)}
h3{font:600 19px/1.3 var(--slab)}

/* header */
.balk{position:sticky;top:0;z-index:30;background:var(--diep);border-bottom:1px solid var(--karton)}
.balk-in{display:flex;align-items:stretch;gap:20px;height:60px}
.merk{display:flex;align-items:center;flex:none}
.merk img{width:116px;height:auto}
.balk-menu{display:flex;flex:1;justify-content:center}
.balk-menu a{display:flex;align-items:center;padding:0 11px;color:var(--zacht);text-decoration:none;font-size:15px;font-weight:500;border-left:1px solid #2c292b}
.balk-menu a:last-child{border-right:1px solid #2c292b}
.balk-menu a:hover{color:var(--tekst);background:#1f1c1f}
.balk-menu a[aria-current]{background:var(--oranje2);color:#1b1410;font-weight:700}
.burger{display:none;width:44px;background:none;border:0;cursor:pointer;padding:0;align-self:center;height:44px}
.burger span{display:block;width:24px;height:2px;margin:5px auto;background:var(--tan-licht)}

/* main button */
.kn-hoofd{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 38px;border-radius:4px;border:1px solid #2a140a;
  color:#1b1009;font:700 20px/1.1 var(--slab);text-decoration:none;
  background:radial-gradient(150% 110% at 50% 0%,#FFF172 0%,rgba(253,147,50,0) 100%),var(--oranje);
  box-shadow:inset 0 -3px 0 rgba(90,30,0,.45)}
.kn-hoofd:hover{background:radial-gradient(150% 110% at 50% 0%,#FFF172 0%,rgba(253,147,50,0) 100%),var(--oranje2)}
.kn-klein{min-height:40px;padding:0 16px;font-size:15px;align-self:center;flex:none}
.kn-rij{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}
.kn-noot{font-size:13px;color:var(--grijs);text-align:center}

/* sections */
.top{padding:26px 0 var(--ritme);background:linear-gradient(180deg,#1b191b 0,var(--vloer) 260px)}
.blok{padding:var(--ritme) 0}
.top+.blok:not(.blok-donker){padding-top:0}
.blok-donker{background:#1d1b1d;border-block:1px solid #322f31}
.kop-rij{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.kop-noot{font-size:14px;color:var(--grijs)}

/* org chart */
.org{margin-top:24px;--lijn:3px solid var(--oranje2)}
.org-baas{position:relative;display:grid;grid-template-columns:440px 1fr;width:1000px;max-width:100%;margin-inline:auto;color:inherit;text-decoration:none;
  background:linear-gradient(180deg,#6b5a4c,#4a3f38);border:5px solid var(--tan);border-radius:6px}
.org-baas img{width:440px;height:220px}
.org-baas-tekst{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 26px}
.org-baas-tekst em{font:600 15px/1.2 var(--slab);font-style:normal;color:var(--tan-licht)}
.org-baas-tekst strong{font:800 38px/1.12 var(--slab);color:#fff7e8;text-wrap:balance}
.org-baas-tekst small{font-size:15px;color:#e3d8cc;line-height:1.3}
a.org-baas:hover{border-color:var(--tan-licht)}
.org-tak{position:relative;display:grid;grid-template-columns:repeat(var(--tak,6),1fr);gap:var(--gat);padding-top:44px}
/* trunk and bus */
.org-tak::before{content:"";position:absolute;left:50%;top:0;height:22px;border-left:var(--lijn);transform:translateX(-1.5px)}
.org-tak::after{content:"";position:absolute;top:22px;left:calc((100% - (var(--tak,6) - 1)*var(--gat))/(2*var(--tak,6)));right:calc((100% - (var(--tak,6) - 1)*var(--gat))/(2*var(--tak,6)));border-top:var(--lijn)}
.org-tak>li{position:relative;display:flex}
.org-tak>li::before{content:"";position:absolute;left:50%;top:-22px;height:22px;border-left:var(--lijn);transform:translateX(-1.5px)}
.org-tak>li>*{flex:1;display:flex;flex-direction:column;gap:3px;padding:12px 12px 13px;text-align:center;color:inherit;text-decoration:none;
  background:var(--plaat);border:1px solid var(--tan);border-top:4px solid var(--oranje2);border-radius:4px}
.org-tak a:hover{background:#433f43}
.org-tak em{font:600 16px/1.2 var(--slab);font-style:normal;color:var(--tan-licht)}
.org-tak strong{font:700 28px/1.15 var(--grot);color:var(--oranje2)}
.org-tak small{font-size:14px;line-height:1.3;color:var(--zacht)}
.org-3{--tak:3}.org-4{--tak:4}.org-5{--tak:5}.org-6{--tak:6}
.org-baas-ik{grid-template-columns:200px 1fr;width:860px}
.org-baas-ik img.org-ik{width:150px;height:150px;margin:14px 25px}

/* contents list */
.gids{margin-top:22px;background:var(--diep);border:1px solid var(--karton);border-radius:4px}
.gids summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;list-style:none}
.gids summary::-webkit-details-marker{display:none}
.gids-kop{font:600 16px/1.2 var(--slab);color:var(--tan-licht)}
.gids-kop::before{content:"+";display:inline-block;width:20px;color:var(--oranje2);font-weight:800}
.gids[open] .gids-kop::before{content:"–"}
.gids-tal{font-size:14px;color:var(--grijs)}
.gids-lijst{padding:4px 16px 14px;border-top:1px solid #2c292b}
.gids-lijst a{display:flex;align-items:baseline;gap:8px;padding:5px 0;text-decoration:none;color:var(--zacht);break-inside:avoid}
.gids-lijst a:hover{color:var(--tekst)}
.gids-lijst i{flex:1;border-bottom:1px dotted var(--karton)}
.gids-lijst b{color:var(--oranje2);font-weight:600}

/* cover shelf */
.schap{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gat)}
.schap a{display:block;color:var(--zacht);text-decoration:none;font-size:14px;line-height:1.3}
.schap img{width:100%;aspect-ratio:2/3;border:3px solid var(--tan);border-radius:4px;background:var(--diep)}
.schap a:hover img{border-color:var(--oranje2)}
.schap span{display:block;margin-top:7px}
.labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.labels li{padding:5px 12px;background:var(--plaat);border:1px solid var(--karton);border-radius:4px;font-size:14px;color:var(--tan-licht)}

/* pay slip */
.strook-rij{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch}
.strook{background:#e9dfd0;color:var(--tan-donker);border-radius:4px;border-top:6px solid var(--oranje2);padding:22px 26px}
.strook-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px solid var(--tan-donker)}
.strook-kop span{font-size:14px;color:#6c5e53}
.strook dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed #b6a795}
.strook dd{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.strook-som{border-bottom:0!important;border-top:2px solid var(--tan-donker);margin-top:-1px;font-size:20px}
.strook-som dd{color:#c63f00}
.strook-breed .tab{--rij:#ddd1c0;--rand:#b6a795;--kop:var(--tan-donker);color:var(--tan-donker);margin-top:6px}
.strook-breed .tab th{color:var(--tan-donker);background:transparent}
.strook-zij{background:var(--plaat);border:1px solid var(--karton);border-radius:4px;padding:22px 24px}
.stappen{margin-top:14px;display:grid;gap:8px}
.stappen li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:9px 12px;background:var(--diep);border-radius:4px}
.stappen b{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:var(--oranje2);color:#1b1410;font:700 18px/1 var(--slab)}
.stappen span{font-weight:600}
.stappen em{font-style:normal;color:var(--tan-licht);font-weight:600;white-space:nowrap}

/* memo and tables */
.memo{background:var(--diep);border:1px solid var(--karton);border-radius:4px;padding:22px 24px}
.memo-kop{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;padding-bottom:14px;border-bottom:2px solid var(--oranje2)}
.memo-kop dl{display:flex;gap:26px}
.memo-kop dt{font-size:13px;color:var(--grijs)}
.memo-kop dd{font-weight:600;color:var(--tan-licht)}
.tab-rol{overflow-x:auto}
.tab{--rij:#2a272a;--rand:transparent;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tab th{padding:10px 14px;text-align:left;font-size:14px;font-weight:600;color:var(--grijs);white-space:nowrap}
.tab td{padding:11px 14px;border-bottom:1px solid var(--rand)}
.tab tbody tr:nth-child(odd){background:var(--rij)}
.tab .r{text-align:right}
.tab b{color:var(--oranje2)}
.strook-breed .tab b{color:#c63f00}
.rang-tab td:first-child,.rang-tab2 td:first-child{font-weight:600;white-space:nowrap}
.map{display:inline-block;width:20px;height:15px;margin-right:10px;vertical-align:-2px;border-radius:0 2px 2px 2px;position:relative}
.map::before{content:"";position:absolute;left:0;top:-3px;width:9px;height:3px;background:inherit;border-radius:2px 2px 0 0}
.m1{background:#8d8a8c}.m2{background:#a4562c}.m3{background:#3e56b0}.m4{background:#e08a26}.m5{background:#c5213b}

/* offer cards */
.acties{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gat)}
.actie{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 20px 20px;background:linear-gradient(180deg,#7a6757,#564D47);border:1px solid var(--tan);border-radius:4px}
.actie strong{font:800 28px/1.15 var(--slab);color:#fff7e8;padding-right:74px}
.actie h3{color:var(--tan-licht)}
.actie p{font-size:15px;line-height:1.4;color:#e6dcd2}
.vlag{position:absolute;top:10px;right:0;padding:2px 10px;font:700 13px/1.5 var(--slab);color:#10291c;background:var(--groen);border-radius:2px 0 0 2px}
.vlag-goud{background:var(--goud);color:#3a2605}
.vlag-blauw{background:var(--blauw);color:#141d36}
.acties+.kn-rij{margin-top:28px}

/* providers */
.makers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.makers .makers-noot{background:none;border-style:dashed;color:var(--grijs)}
.makers li{display:grid;place-items:center;min-height:62px;padding:6px;background:var(--plaat);border:1px solid #454145;border-radius:4px;font:600 15px/1.2 var(--slab);color:var(--zacht);text-align:center}

/* FAQ agenda */
.agenda{counter-reset:p;display:grid;gap:8px}
.agenda li{counter-increment:p;background:var(--plaat);border-left:4px solid var(--oranje2);border-radius:0 4px 4px 0}
.agenda summary{display:flex;gap:14px;padding:13px 16px;cursor:pointer;font-weight:600;list-style:none}
.agenda summary::-webkit-details-marker{display:none}
.agenda summary::before{content:counter(p) ".";font:700 19px/1.4 var(--slab);color:var(--oranje2);min-width:22px}

/* contribution bars */
.meters{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}
.meters li{display:grid;grid-template-columns:minmax(0,1fr) 150px 52px;gap:12px;align-items:center}
.meters span{font-size:16px;line-height:1.3}
.meters i{display:block;height:12px;background:var(--diep);border-radius:2px;position:relative;overflow:hidden}
.meters i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--oranje2)}
.meters b{text-align:right;font-variant-numeric:tabular-nums}
.bijdrage-spel{margin-top:30px}
.bijdrage-spel h3{margin-bottom:14px;color:var(--tan-licht)}
.code-rij{display:grid;grid-template-columns:1fr 1fr;gap:var(--gat)}
.code-vak{background:var(--plaat);border:1px solid var(--karton);border-top:4px solid var(--oranje2);border-radius:4px;padding:20px 22px}
.code-vak strong{display:block;margin-top:6px;font:800 28px/1.15 var(--slab);color:var(--tan-licht)}

/* help block */
.hulp-paneel{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:22px 24px;background:var(--tan-donker);border:1px solid var(--tan);border-radius:4px}
.hulp-18{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:3px solid var(--oranje2);font:800 22px/1 var(--slab);color:var(--tan-licht)}
.hulp-lijst{display:grid;gap:8px}
.hulp-lijst li{display:flex;justify-content:space-between;gap:20px;font-size:15px;color:var(--zacht)}
.hulp-lijst a{font-weight:700;white-space:nowrap}
.blok.hulp{padding-top:0}
.blok-donker+.blok.hulp{padding-top:var(--ritme)}

/* footer */
.voet{background:var(--diep);border-top:1px solid var(--karton);padding:22px 0 26px}
.voet-regel{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.voet-merk img{width:96px}
.voet nav{display:flex;flex:1;flex-wrap:wrap;gap:6px 22px}
.voet nav a{color:var(--zacht);font-size:15px}
.voet-18{padding:2px 9px;border:1px solid var(--tan);border-radius:4px;color:var(--tan-licht);font-weight:700;font-size:14px}
.voet-rg{margin-top:14px;font-size:14px;line-height:1.5;color:var(--grijs)}
.later{min-height:40vh}

/* running text and side cards */
.lees{max-width:820px}
.lees p{margin:0 0 14px}
.lees p:last-child{margin-bottom:0}
.lees h2{margin-bottom:16px}
.lees-na{margin-top:22px}
.lees .tab-rol{margin:0 0 14px}
.intro-rij{display:grid;grid-template-columns:minmax(0,820px) minmax(0,1fr);gap:32px;margin-top:26px;align-items:start}
.intro-rij .gids{margin-top:0}
.rij2{display:grid;grid-template-columns:minmax(0,820px) minmax(0,1fr);gap:32px;align-items:start}
#lobby .rij2{margin-top:24px}
.zij{background:var(--plaat);border:1px solid var(--karton);border-top:4px solid var(--oranje2);border-radius:4px;padding:18px 20px}
.zij p{font-size:15px;line-height:1.45;color:var(--zacht)}
.zij h3{color:var(--tan-licht);margin-bottom:6px}
.zij-ik{width:96px;height:96px;margin-bottom:10px}
.lijst li{position:relative;padding:5px 0 5px 20px;line-height:1.4}
.lijst li::before{content:"";position:absolute;left:0;top:.82em;width:9px;height:3px;background:var(--oranje2)}
.stap-lijst{counter-reset:s;display:grid;gap:8px;margin-bottom:14px}
.stap-lijst li{counter-increment:s;position:relative;padding:9px 14px 9px 50px;background:var(--plaat);border-radius:4px;line-height:1.4}
.stap-lijst li::before{content:counter(s);position:absolute;left:10px;top:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:var(--oranje2);color:#1b1410;font:700 16px/1 var(--slab)}
.stap-breed{max-width:820px}
.kaarten{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gat)}
.kaarten-3{grid-template-columns:repeat(3,1fr)}
.kaarten li{padding:16px 18px;background:var(--plaat);border:1px solid var(--karton);border-left:4px solid var(--oranje2);border-radius:4px}
.kaarten h3{color:var(--tan-licht);margin-bottom:5px}
.kaarten p{font-size:16px;line-height:1.45}
.twee{display:grid;grid-template-columns:1fr 1fr;gap:var(--gat)}
.vak-plus,.vak-min{padding:18px 20px;background:var(--plaat);border:1px solid var(--karton);border-radius:4px}
.vak-plus{border-top:4px solid var(--groen)}.vak-min{border-top:4px solid var(--tan)}
.vak-plus h3,.vak-min h3{margin-bottom:8px;color:var(--tan-licht)}
.strook h3{font:700 22px/1.2 var(--grot)}
.strook-noot{margin-top:12px;font-size:15px;line-height:1.45}
.strook-zij p{margin-top:12px;font-size:15px;line-height:1.45;color:var(--zacht)}
.memo-tekst{margin-top:14px;line-height:1.6}
.tab-grens td{border-bottom:2px solid var(--tan)}
.agenda p{margin:0 16px 14px 52px;color:var(--zacht);max-width:820px}
.code-vak p{margin-top:10px;font-size:16px;line-height:1.5}
.hulp-paneel p{font-size:16px;line-height:1.5}
.hulp-paneel h2{margin-bottom:8px}
.top-kort{padding-bottom:0}
.top-kort h1{text-align:left;margin-bottom:16px}
.top-kort+.blok:not(.blok-donker){padding-top:40px}
.h3-los{margin:18px 0 6px;color:var(--tan-licht)}
.later{min-height:40vh}
.lees-vrij{margin-top:14px}
.zij a,.lees a,.agenda a,td a{color:var(--tan-link)}
.lijn-tekst{flex:1;min-width:0}
.lijn-node .lijn-tekst b{display:block;font:800 22px/1.15 var(--slab);color:#fff7e8}
.lijn-node .lijn-tekst small{display:block;font-size:13px;line-height:1.25;color:#e3d8cc}

/* sticky /go panel */
.lijn{position:fixed;left:0;right:0;bottom:10px;z-index:25;pointer-events:none;opacity:0;transform:translateY(120%);transition:transform .28s ease,opacity .28s ease}
.lijn-aan .lijn{opacity:1;transform:none}
.lijn-aan .lijn-node{pointer-events:auto}
.lijn-node{position:relative;display:flex;align-items:center;gap:14px;width:min(1200px,calc(100% - 32px));min-height:64px;margin-inline:auto;padding:7px 12px;
  background:linear-gradient(180deg,#6b5a4c,#4a3f38);border:2px solid var(--tan);border-top:4px solid var(--oranje2);border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.55)}
.lijn-node::before{content:"";position:absolute;left:50%;top:-14px;height:10px;border-left:3px solid var(--oranje2);transform:translateX(-1.5px)}
.lijn-node>img{flex:none;width:42px;height:42px;border-radius:4px}
.lijn-knop{flex:none;min-height:46px;padding:0 26px;font-size:18px}
.lijn-weg{flex:none;width:30px;height:30px;padding:0;background:none;border:0;color:var(--tan-licht);font-size:22px;line-height:1;cursor:pointer}
.lijn-mini{position:fixed;right:14px;bottom:14px;z-index:25;width:52px;height:52px;border:2px solid var(--tan);border-top:4px solid var(--oranje2);border-radius:4px;overflow:hidden;background:var(--diep);opacity:0;pointer-events:none;transform:translateY(20px);transition:transform .28s ease,opacity .28s ease}
.lijn-mini{display:grid;place-items:center}
.lijn-mini img{width:42px;height:42px}
.lijn-klein .lijn-mini{opacity:1;pointer-events:auto;transform:none}
.lijn-ruimte body{padding-bottom:84px}
@media (prefers-reduced-motion:reduce){.lijn,.lijn-mini{transition:none}html{scroll-behavior:auto}}
@media (max-width:820px){
  .lijn{bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  .lijn-node{width:100%;min-height:0;height:64px;gap:7px;padding:0 6px 0 8px;border-width:0;border-top:3px solid var(--oranje2);border-radius:0}
  .lijn-node::before{display:none}
  .lijn-node>img{width:30px;height:30px}
  .lijn-node .lijn-tekst b{font-size:13px;line-height:1.2}
  .lijn-node .lijn-tekst small{font-size:11px;line-height:1.2}
  .lijn-node .lijn-tekst small span{display:none}
  .lijn-knop{min-height:42px;padding:0 9px;font-size:13px}
  .lijn-weg{width:22px;height:30px;font-size:19px}
  .lijn-ruimte body{padding-bottom:64px}
}

@media (max-width:1240px){
  .balk-in{justify-content:space-between;gap:10px}
  .burger{display:block;flex:none}
  .kn-klein{margin-left:auto}
  .balk-menu{display:none;position:absolute;left:0;right:0;top:61px;flex-direction:column;background:var(--diep);border-bottom:2px solid var(--oranje2);max-height:calc(100vh - 61px);overflow:auto}
  .balk-menu.open{display:flex}
  .balk-menu a{min-height:48px;padding:0 20px;border:0;border-top:1px solid #2c292b}
  .balk-menu a:last-child{border-right:0}
}
@media (max-width:960px){
  .org-tak{grid-template-columns:repeat(3,1fr)}
  .org-tak::after{display:none}
  .org-tak{--tak:3}
  .strook-rij,.meters{grid-template-columns:1fr}
  .schap{grid-template-columns:repeat(3,1fr)}
  .makers{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:640px){
  :root{--ritme:40px}
  body{font-size:16px}
  h1{font-size:28px}
  h2{font-size:23px}
  .merk img{width:104px}
  .kn-klein{padding:0 10px;font-size:14px}
  .kn-hoofd:not(.kn-klein):not(.lijn-knop){width:100%;max-width:320px;padding:0 16px}
  .top{padding-top:18px}
  /* indented tree */
  .org-baas{grid-template-columns:1fr;width:100%}
  .org-baas img{width:100%;height:auto}
  .org-baas-tekst{padding:12px 14px 14px}
  .org-baas-ik{grid-template-columns:96px 1fr;align-items:center}
  .org-baas-ik img.org-ik{width:76px;height:76px;margin:10px}
  .org-baas-ik .org-baas-tekst{padding:10px 12px 12px 4px}
  .org-baas-tekst strong{font-size:27px}
  .org-tak{grid-template-columns:1fr;gap:10px;padding:14px 0 0 22px}
  .org-tak::before{left:7px;top:0;bottom:30px;height:auto}
  .org-tak>li::before{left:-15px;top:50%;height:0;width:15px;border-left:0;border-top:var(--lijn);transform:none}
  .org-tak>li>*{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"e s" "k s";text-align:left;column-gap:10px;align-items:center;border-top-width:1px;border-left:4px solid var(--oranje2);padding:10px 12px}
  .org-tak em{grid-area:e}.org-tak small{grid-area:k}
  .org-tak strong{grid-area:s;font-size:23px;max-width:170px;text-align:right}
  .schap{grid-template-columns:repeat(2,1fr)}
  .makers{grid-template-columns:repeat(2,1fr)}
  .strook,.memo,.strook-zij{padding:16px 14px}
  .memo-kop{grid-template-columns:1fr}
  .memo-kop dl{flex-wrap:wrap;gap:8px 20px}
  .tab th,.tab td{padding:8px 7px;font-size:14px;overflow-wrap:anywhere}
  .map{margin-right:6px;width:16px;height:12px}
  .tab th{white-space:normal;vertical-align:bottom}
  .rang-tab th:nth-child(3),.rang-tab td:nth-child(3),.rang-tab th:nth-child(4),.rang-tab td:nth-child(4){display:none}
  .acties,.code-rij{grid-template-columns:1fr}
  .meters li{grid-template-columns:1fr 46px;row-gap:5px}
  .meters i{grid-column:1/-1;grid-row:2}
  .hulp-paneel{grid-template-columns:1fr}
  .intro-rij,.rij2,.twee{grid-template-columns:1fr}
  .kaarten,.kaarten-3{grid-template-columns:1fr}
  .zij{display:grid;grid-template-columns:76px 1fr;column-gap:12px}
  .zij-ik{width:64px;height:64px;grid-row:span 2}
  .zij h3,.zij p{grid-column:2}
  .hulp-lijst li{flex-direction:column;gap:0}
  .agenda p{margin:0 14px 12px}
}