body.stijl-e{background:#F7F9FC;overflow-x:visible}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.nw{white-space:nowrap}
.pkop{background:#fff;padding:176px 0 88px;border-bottom:1px solid var(--rand-warm)}
.pkop .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.pkop-oog{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:19.5px;font-weight:500;color:var(--n500)}
.pkop-oog svg{width:12px;height:12px;color:var(--blauw)}
.pkop h1{margin-top:28px;max-width:1000px;font-size:57.6px;line-height:59.9px;font-weight:500;letter-spacing:-2.304px;color:var(--inkt-kop)}
.pkop h1 .grijs{color:var(--n400)}
.pkop .inleiding{margin-top:28px;text-align:center}
.pkop-meta{margin-top:24px;font-size:13px;line-height:20px;color:var(--n500)}
.pb-knoppen{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.knop-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:20px;font-weight:500;color:var(--inkt);padding:12px 0;border-bottom:1px solid var(--inkt)}
.knop-link .pijl{width:14px;height:14px;transition:transform .15s}
.knop-link:hover .pijl{transform:translateX(3px)}
.stand{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:18px;font-weight:500;padding:1px 8px;border:1px solid var(--n200);background:#fff;color:var(--n600);white-space:nowrap;vertical-align:1px}
.stand::before{content:"";width:6px;height:6px;background:var(--n300);flex:none}
.stand-aan{color:var(--blauw-tekst);border-color:rgba(46,116,240,.3)}
.stand-aan::before{background:var(--blauw)}
.stand-voorb{border-style:dashed;color:var(--n500)}
.stand-voorb::before{background:none;border:1px solid var(--n400)}
.stand-uit{white-space:normal}
.methode-sectie{background:#fff}
.methode{display:grid;grid-template-columns:232px minmax(0,1fr);gap:96px;padding-top:88px;padding-bottom:120px}
.inhoudsopgave{position:sticky;top:96px;align-self:start}
.io-kop{font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n500);padding-bottom:12px;border-bottom:1px solid var(--rand-warm)}
.inhoudsopgave ol{margin-top:8px}
.inhoudsopgave a{display:block;padding:7px 0 7px 14px;border-left:2px solid transparent;font-size:14px;line-height:20px;color:var(--n500);transition:color .15s,border-color .15s}
.inhoudsopgave a:hover{color:var(--inkt)}
.inhoudsopgave a.aan{color:var(--inkt);border-left-color:var(--inkt)}
.leestekst{max-width:840px}
.leestekst a{color:var(--blauw-tekst);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.m-sec{scroll-margin-top:16px;padding-top:64px;margin-top:64px;border-top:1px solid var(--rand-warm)}
.m-sec:first-child{padding-top:0;margin-top:0;border-top:0}
.m-h2{font-size:32px;line-height:38px;font-weight:500;letter-spacing:-.64px;color:var(--inkt)}
.m-h3{margin-top:48px;font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.3px;color:var(--inkt);scroll-margin-top:16px}
.leestekst p{margin-top:16px;font-size:17px;line-height:28px;color:var(--n700)}
.m-h2 + p{margin-top:20px}
.leestekst b{font-weight:600;color:var(--inkt)}
.leestekst .bronregel{margin-top:10px}
.punten{margin-top:16px;display:grid;gap:12px}
.punten li{position:relative;padding-left:22px;font-size:17px;line-height:28px;color:var(--n700)}
.punten li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;background:var(--inkt)}
.genummerd{margin-top:20px;counter-reset:nr;display:grid;gap:14px}
.genummerd li{counter-increment:nr;position:relative;padding-left:40px;font-size:17px;line-height:28px;color:var(--n700)}
.genummerd li::before{content:counter(nr);position:absolute;left:0;top:2px;width:26px;height:24px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--inkt);border:1px solid var(--n300);background:#fff}
.zesregels{margin-top:28px;counter-reset:z;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rand-warm);border:1px solid var(--rand-warm)}
.zesregels li{counter-increment:z;background:#fff;padding:24px 24px 26px;font-size:16px;line-height:25px;color:var(--n600)}
.zesregels li::before{content:"0" counter(z);display:block;margin-bottom:14px;font:500 12px/16px var(--f-mono);letter-spacing:.06em;color:var(--blauw-tekst)}
.zesregels li b{display:block;margin-bottom:4px;font-size:17px;line-height:25px;font-weight:600;color:var(--inkt)}
.leestekst .regel-noot{margin-top:24px;font-size:15px;line-height:24px;color:var(--n600)}
.tabelvak{margin-top:24px;border:1px solid var(--rand-warm);background:#fff;overflow-x:auto}
.mtabel{width:100%;border-collapse:collapse;font-size:14px;line-height:21px;color:var(--n700)}
.mtabel th,.mtabel td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--rand-warm-3)}
.mtabel thead th{font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n500);background:#EEF2F8;border-bottom:1px solid var(--rand-warm)}
.mtabel tbody th{font-weight:600;color:var(--inkt);white-space:nowrap}
.mtabel tbody th .stand{display:flex;width:max-content;margin-top:8px}
.mtabel tbody tr:last-child th,.mtabel tbody tr:last-child td{border-bottom:0}
.mtabel tbody th a{color:var(--inkt);text-decoration:underline;text-decoration-color:var(--n300);text-underline-offset:3px}
.model{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.model img{width:18px;height:18px;flex:none}
.versietabel td:last-child{min-width:360px}
.kader{margin-top:32px;padding:24px 28px;background:#EEF2F8;border:1px solid var(--rand-warm)}
.kader-kop{margin:0!important;font-size:12px!important;line-height:16px!important;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n500)!important}
.kader p{font-size:16px;line-height:26px}
.w-8167{width:81.67%}.w-873{width:8.73%}.w-323{width:3.23%}.w-318{width:3.18%}.w-319{width:3.19%}
.db{margin-top:28px;background:#fff;border:1px solid var(--rand-warm);padding:28px 28px 24px}
.db-kop{display:flex;justify-content:space-between;align-items:baseline;gap:24px}
.db-kop b{font-size:15px;line-height:22px;font-weight:500;color:var(--inkt)}
.db-kop span{font-size:13px;line-height:20px;color:var(--n500);white-space:nowrap}
.db-balk{margin-top:20px;display:flex;height:56px;gap:2px}
.db-deel{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;overflow:hidden;font-size:14px;line-height:20px;font-weight:600;color:#fff;background:var(--blauw)}
.db-deel img{width:20px;height:20px;filter:brightness(0) invert(1);flex:none}
.db-deel.licht{background:#5B92F3}
.db-deel.grijs{background:var(--n200)}
.db-deel.chatgpt{justify-content:flex-start;padding-left:20px}
.db-legenda{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--rand-warm-3);border:1px solid var(--rand-warm-3)}
.db-legenda li{background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.db-legenda .naam{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--inkt)}
.db-legenda .naam img{width:16px;height:16px}
.db-legenda .naam i{width:10px;height:10px;background:var(--blauw);flex:none}
.db-legenda .naam i.licht{background:#5B92F3}
.db-legenda .naam i.grijs{background:var(--n300)}
.db-legenda .pct{font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.5px;color:var(--inkt)}
.db-legenda .wat{font-size:12px;line-height:18px;color:var(--n500)}
.db-legenda li.niet .naam,.db-legenda li.niet .pct{color:var(--n500)}
.db-samen{display:flex;align-items:flex-start;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--rand-warm-3)}
.db-samen b{font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.6px;color:var(--inkt);flex:none}
.db-samen span{font-size:15px;line-height:23px;color:var(--n600)}
.db .bronregel{margin-top:16px}
.profiel{margin-top:24px;border-top:1px solid var(--rand-warm)}
.profiel li{display:grid;grid-template-columns:200px minmax(0,1fr) 176px;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--rand-warm)}
.profiel .model{font-size:15px;line-height:22px;font-weight:600;color:var(--inkt);align-self:start}
.pf-hoe{font-size:15px;line-height:24px;color:var(--n700)}
.pf-sinds{font-size:13px;line-height:20px;color:var(--n500);text-align:right}
.leestekst .pf-noot{margin-top:16px;font-size:14px;line-height:22px;color:var(--n500)}
.nietlijst{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rand-warm);border:1px solid var(--rand-warm)}
.nietlijst li{background:#fff;padding:22px 24px}
.nietlijst b{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17px;line-height:24px}
.leestekst .nietlijst p{margin-top:8px;font-size:15px;line-height:24px;color:var(--n600)}
.leestekst #niet-gemeten .bronregel{margin-top:14px}
.precies-oog{margin:0!important;font:500 12px/16px var(--f-mono)!important;letter-spacing:0;text-transform:none;color:var(--n500)!important}
.precies-oog + .m-h2{margin-top:12px}
.details-lijst{margin-top:28px;border-top:1px solid var(--inkt)}
.detail{border-bottom:1px solid var(--rand-warm);scroll-margin-top:16px}
.detail summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"titel teken" "uitleg teken";column-gap:16px;padding:20px 0}
.detail summary::-webkit-details-marker{display:none}
.detail summary b{grid-area:titel;font-size:18px;line-height:26px;font-weight:500;color:var(--inkt)}
.detail summary span{grid-area:uitleg;margin-top:2px;font-size:14px;line-height:22px;color:var(--n500)}
.detail summary::after{content:"";grid-area:teken;align-self:center;width:12px;height:12px;justify-self:center;background:linear-gradient(var(--inkt),var(--inkt)) center/12px 1.5px no-repeat,linear-gradient(var(--inkt),var(--inkt)) center/1.5px 12px no-repeat;transition:transform .15s}
.detail[open] summary::after{background:linear-gradient(var(--inkt),var(--inkt)) center/12px 1.5px no-repeat}
.detail summary:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--n300)}
.detail-inhoud{padding:0 0 32px}
.detail-inhoud > p:first-child,.detail-inhoud > .tabelvak:first-child{margin-top:0}
.detail-inhoud .stand{margin:0 6px}
.kalender{margin:28px 0 8px;border:1px solid var(--rand-warm);background:#fff}
.kal-kop{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--rand-warm)}
.kal-kop p{margin:0!important;font-size:13px!important;line-height:20px!important;color:var(--n500)!important}
.kal-kop p b{color:var(--inkt);margin-right:8px}
.kal-raster{padding:12px 20px 16px}
.kal-vak:focus-visible{outline-offset:-2px}
.kal-rij{display:grid;grid-template-columns:168px repeat(7,minmax(0,1fr)) 112px;gap:4px;align-items:center}
.kal-rij + .kal-rij{margin-top:4px}
.kal-kolommen span{font-size:11px;line-height:16px;color:var(--n500);text-align:center;padding:4px 0}
.kal-kolommen span:first-child,.kal-kolommen span:last-child{text-align:left}
.kal-rij .model{font-size:13px;color:var(--inkt)}
.kal-rij .model img{width:16px;height:16px}
.kd{height:34px;display:grid;place-items:center;font-size:12px;line-height:14px;font-variant-numeric:tabular-nums}
.kd.ok{background:var(--band);border:1px solid var(--band-lijn);color:var(--blauw-tekst);font-weight:500}
.kd.rust{background:#fff;border:1px solid var(--rand-warm-3)}
.kd.gat{background:repeating-linear-gradient(45deg,#F1F1F0 0,#F1F1F0 4px,#E4E3E0 4px,#E4E3E0 5px);border:1px dashed var(--n400);color:var(--n600);font-size:10.5px;text-align:center;padding:0 2px}
.kal-week{font-size:12px;line-height:16px;color:var(--n600);padding-left:8px}
.kal-week.blauw{color:var(--blauw-tekst);font-weight:600}
.kal-grafiek{padding:16px 20px 4px;border-top:1px solid var(--rand-warm-3)}
.kal-sub{margin:0!important;font-size:13px!important;line-height:20px!important;color:var(--n500)!important}
.kal-sub b{font-weight:500;color:var(--inkt)}
.kal-grafiek svg{width:100%;height:auto;margin-top:6px}
.gr-as{stroke:var(--n400);stroke-width:1}
.gr-hulp{stroke:var(--rand-warm-3);stroke-width:1}
.gr-klein{font:11px var(--f);fill:var(--n500)}
.gr-dag{font:11px var(--f);fill:var(--n500)}
.gr-lijn{fill:none;stroke:var(--blauw);stroke-width:2;stroke-linejoin:round}
.gr-punt{fill:#fff;stroke:var(--blauw);stroke-width:2}
.gr-gat-vlak{fill:#F1F1F0}
.gr-gat-lijn{stroke:#DDDCD8;stroke-width:3}
.gr-gat-tekst{font:500 11px var(--f);fill:var(--n600)}
.gr-gat-tekst.zacht{font-weight:400;fill:var(--n500)}
.kalender figcaption{padding:14px 20px 18px;border-top:1px solid var(--rand-warm-3);font-size:13px;line-height:20px;color:var(--n500)}
.pb-slot{background:#EEF2F8;border-top:1px solid var(--rand-warm);padding:104px 0}
.pb-slot .wrap{display:flex;justify-content:space-between;align-items:center;gap:48px}
.pb-slot-tekst{max-width:640px}
.pb-slot .h2{margin-top:28px}
.pb-slot-sub{margin-top:16px;max-width:520px;font-size:16px;line-height:26px;color:var(--n500)}
.pb-slot .pb-knoppen{margin-top:28px}
.pb-slot-mensen{display:grid;gap:12px;width:340px;flex:none}
.pb-slot-mensen li{display:flex;align-items:center;gap:16px;padding:12px;background:#fff;border:1px solid var(--rand-warm)}
.pb-slot-mensen img:not(.ft){width:56px;height:56px;object-fit:cover;flex:none}
.pb-slot-mensen span{font-size:13px;line-height:19px;color:var(--n500)}
.pb-slot-mensen b{display:block;font-size:15px;line-height:22px;font-weight:500;color:var(--inkt)}
@media (max-width:1100px){
  .methode{grid-template-columns:minmax(0,1fr);gap:40px}
  .inhoudsopgave{position:static}
  .pb-slot .wrap{flex-direction:column;align-items:flex-start}
  .db-legenda{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .pkop{padding:128px 0 56px}
  .pkop h1{font-size:36px;line-height:40px;letter-spacing:-1.2px}
  .zesregels,.nietlijst{grid-template-columns:1fr}
  .profiel li{grid-template-columns:1fr;gap:4px}
  .pf-sinds{text-align:left}
  .db{padding:20px 16px}
  .db-legenda{grid-template-columns:1fr 1fr}
  .db-deel.chatgpt{padding-left:10px;font-size:12px}
  .kal-vak{overflow-x:auto}
  .kal-rij{min-width:640px}
  .pb-slot{padding:72px 0}
  .pb-slot-mensen{width:100%}
  .m-h2{font-size:26px;line-height:32px}
}
.leestekst p.bronregel{margin-top:16px;font-size:12px;line-height:18px;color:var(--n500)}
.m-sec p.versie-regel{margin-top:24px;font-size:13px;line-height:20px;color:var(--n500)}
.io-details > summary{list-style:none;display:block}
.io-details > summary::-webkit-details-marker{display:none}
@media (min-width:1101px){.io-details::details-content{content-visibility:visible}}
@media (min-width:1101px){
  .io-details > summary{pointer-events:none}
}
@media (max-width:1100px){
  .io-details > summary.io-kop{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--rand-warm);border-bottom:1px solid var(--rand-warm);cursor:pointer}
  .io-details > summary::after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(var(--inkt),var(--inkt)) center/12px 1.5px no-repeat,linear-gradient(var(--inkt),var(--inkt)) center/1.5px 12px no-repeat}
  .io-details[open] > summary::after{background:linear-gradient(var(--inkt),var(--inkt)) center/12px 1.5px no-repeat}
  .io-details > summary:hover{color:var(--inkt)}
  .io-details{margin-bottom:56px}
}
@media (max-width:760px){
  .mtabel.kaarten thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mtabel.kaarten,.mtabel.kaarten tbody,.mtabel.kaarten tr,.mtabel.kaarten th,.mtabel.kaarten td{display:block;width:auto}
  .mtabel.kaarten tbody tr{padding:16px 16px 18px;border-bottom:1px solid var(--rand-warm-3)}
  .mtabel.kaarten tbody tr:last-child{border-bottom:0}
  .mtabel.kaarten th,.mtabel.kaarten td{padding:0;border-bottom:0}
  .mtabel.kaarten tbody th{font-size:16px;line-height:22px;white-space:normal}
  .mtabel.kaarten td{margin-top:12px}
  .mtabel.kaarten td::before{content:attr(data-kop);display:block;margin-bottom:2px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--n500)}
}
