.stijl-e{background:#F7F9FC}
.uitklap.uitklap-smal{min-width:360px}
.uitklap-binnen.uitklap-een{grid-template-columns:1fr}
.uitklap-binnen .uitklap-breed{grid-column:1/-1}
.uitklap-binnen a:hover{background:#EEF2F8}
.taalknop{cursor:default}
.mobiel-groep{margin-top:14px;padding-bottom:4px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n400)}
.mobiel-paneel .mobiel-groep:first-child{margin-top:4px}
.voet.voet-nieuw{background:#EEF2F8;border-top:1px solid var(--rand-warm)}
.voet-nieuw > .wrap{padding-top:72px}
.voet-nieuw .voet-raster{margin-top:0;min-height:0;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));justify-content:stretch;gap:40px}
.voet-nieuw .voet-merk{max-width:360px}
.voet-nieuw .voet-merk p{margin-top:24px}
.voet-nieuw .voet-merk .voet-slogan{margin-top:12px;font-size:15px;line-height:22px;font-weight:500;color:var(--inkt)}
.voet-contact{margin-top:24px;display:grid;gap:8px}
.voet-contact a{font-size:14px;line-height:20px;color:var(--inkt);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--n300);transition:text-decoration-color .15s}
.voet-contact a:hover{text-decoration-color:var(--inkt)}
.voet-nieuw .voet-onder{margin-top:64px;padding:28px 0 48px}
.voet-nieuw .voet-onder p{font-size:13px;line-height:20px}
@media (max-width:1100px){
  .voet-nieuw .voet-raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
  .voet-nieuw .voet-merk{grid-column:1/-1;max-width:560px}
}
@media (max-width:640px){
  .rechts .nav-tekst{display:none}
  .voet-nieuw .voet-raster{grid-template-columns:1fr 1fr}
}
.sn{padding:112px 0;background:#F7F9FC;border-top:1px solid var(--rand-warm)}
.sn.bg-licht{background:#EEF2F8}
.sn-kopraster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:64px;align-items:end}
.sn-kopraster .kopblok{max-width:760px}
.sn-zij{padding-top:20px;border-top:1px solid var(--rand-warm);font-size:16px;line-height:26px;color:var(--n600)}
.sn-actie{margin-top:32px;align-self:flex-start}
.sn-voetregel{margin-top:20px;font-size:13px;line-height:20px;color:var(--n500);max-width:760px}
.hero.hero-e{border-bottom:0}
.hero-onderregel{margin-top:20px;max-width:640px;text-wrap:balance;font-size:18px;line-height:28px;color:var(--n600)}
.hero-e2 .hero-knoppen{margin-top:28px}
.hero-boven > .mb{margin-top:44px}
.pil-punt{width:6px;height:6px;flex:none;background:var(--blauw)}
.hero-feiten{display:flex;justify-content:center;flex-wrap:wrap;margin:56px auto 20px;max-width:1040px;border-top:1px solid var(--rand-warm);border-bottom:1px solid var(--rand-warm)}
.hero-feiten li{display:flex;align-items:center;gap:10px;padding:18px 32px;font-size:15px;line-height:20px;font-weight:500;color:var(--n700)}
.hero-feiten li + li{border-left:1px solid var(--rand-warm)}
.hero-feiten li::before{content:"";width:6px;height:6px;flex:none;background:var(--blauw)}
.fs-vergelijk{margin-top:56px;border-top:1px solid var(--inkt);border-bottom:1px solid var(--rand-warm)}
.fs-rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fs-rij + .fs-rij{border-top:1px solid var(--rand-warm)}
.fs-rij > span{display:flex;align-items:flex-start;gap:14px;padding:18px 32px 18px 0;font-size:17px;line-height:26px;color:var(--n500)}
.fs-rij > span + span{padding-left:32px;border-left:1px solid var(--rand-warm);color:var(--inkt)}
.fs-hoofd > span,.fs-hoofd > span + span{padding-top:16px;padding-bottom:16px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n500)}
.fs-hoofd > span + span{color:var(--blauw-tekst)}
.fs-nr{flex:none;width:24px;font-style:normal;font-size:13px;line-height:26px;font-weight:600;color:var(--n400);font-variant-numeric:tabular-nums}
.fs-vink{flex:none;width:16px;height:16px;margin-top:5px;color:var(--blauw)}
.fs-onder{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--rand-warm);background:#fff}
.fs-cel{display:flex;flex-direction:column;padding:28px 32px 32px}
.fs-cel + .fs-cel{border-left:1px solid var(--rand-warm)}
.fs-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n500)}
.fs-groot{margin-top:12px;font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.44px;color:var(--inkt)}
.fs-tekst{margin-top:10px;text-wrap:pretty;font-size:15px;line-height:24px;color:var(--n600)}
.fs-tekst b{font-weight:600;color:var(--inkt)}
.fs-actie{margin-top:20px;align-self:flex-start}
.ingangen{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--rand-warm);background:#fff}
.ingang{display:flex;flex-direction:column;padding:32px 32px 28px;min-height:340px}
.ingang + .ingang{border-left:1px solid var(--rand-warm)}
.ig-nr{font-size:13px;line-height:20px;font-weight:600;color:var(--blauw-tekst);font-variant-numeric:tabular-nums}
.ingang h3{margin-top:10px;font-size:20px;line-height:26px;font-weight:500;letter-spacing:-.4px;color:var(--inkt)}
.ig-vraag{margin-top:20px;padding-top:20px;border-top:1px dashed var(--n300);font-size:19px;line-height:28px;font-weight:500;letter-spacing:-.3px;color:var(--inkt)}
.ig-wat{margin-top:16px;font-size:14px;line-height:22px;color:var(--n500)}
.ig-link{margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:14px;line-height:20px;font-weight:500;color:var(--inkt)}
.ig-link svg{width:14px;height:14px;transition:transform .15s}
.ig-link:hover svg{transform:translateX(3px)}
.ig-link:hover{color:var(--blauw-tekst)}
.sn-logos{padding:56px 0}
.logos-kop{font-size:14px;line-height:20px;color:var(--n500)}
.logorij{margin-top:24px;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rand-warm);border:1px solid var(--rand-warm)}
.logorij li{height:96px;display:grid;place-items:center;background:#fff;padding:24px}
.logorij img{max-height:32px;width:auto;filter:grayscale(1);opacity:.7}
.pijlers{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:16px}
.pijler{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:16px}
.pijler-kop{padding:0 4px 16px}
.pijler-nr{font-size:13px;line-height:20px;font-weight:600;color:var(--blauw-tekst)}
.pijler-kop h3{margin-top:8px;font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.44px;color:var(--inkt)}
.pijler-kop p:last-child{margin-top:10px;font-size:15px;line-height:24px;color:var(--n500)}
.b-kaart.tegel{height:420px;background:#fff;border:1px solid var(--rand-warm);border-radius:0}
.b-kaart.tegel:hover{border-color:var(--n400)}
.tegel .b-kop{right:29px}
.tegel .b-beeld{top:92px}
.tegel .vb-hoek{right:14px;bottom:14px}
.tegel .venster.vlak,.tegel .meetprofiel,.tegel .vraagblad,.tegel .agenda,.tegel .a4{border-radius:0}
.tegel .b-beeld .venster{-webkit-mask-image:none;mask-image:none;border-color:var(--rand-warm)}
.tegel .ftabel th,.tegel .ftabel td{padding:9px 8px}
.tegel .ftabel th:first-child,.tegel .ftabel td:first-child{padding-left:12px}
.tegel .ftabel th:last-child,.tegel .ftabel td:last-child{padding-right:12px}
.tegel .ftabel .naamtegel{border-radius:0;margin-right:6px;vertical-align:middle;line-height:16px}
.tegel .b-bron{bottom:46px;left:24px}
.tegel .vraagblad{left:24px;right:24px;top:42%;border-color:var(--rand-warm);background:#EEF2F8}
.tegel .vb-vraag{font-size:22px;line-height:28px;letter-spacing:-.4px}
.tegel .a4{width:310px;top:0;aspect-ratio:auto;padding:16px 20px 10px;background:#fff;border-color:var(--rand-warm);box-shadow:0 1px 0 var(--rand-warm),0 20px 40px -24px rgba(28,28,28,.18)}
.tegel .a4-titel{margin-top:10px;font-size:16px;line-height:22px}
.tegel .a4-label{margin-top:10px}
.tegel .a4-getal{font-size:30px;line-height:36px}
.tegel .a4-label.a4-ruim{margin-top:12px}
.tegel .a4-acties li{padding:5px 0;font-size:11px;line-height:15px;white-space:nowrap}
.tegel .agenda{left:24px;right:24px;top:6px;width:auto;transform:none;grid-template-columns:84px 1fr;border-color:var(--rand-warm)}
.tegel .ag-datum b{font-size:36px;line-height:40px}
.tegel .ag-inhoud{padding:16px 18px}
.ag-letter{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid var(--inkt);font:600 14px/1 var(--f);font-style:normal;color:var(--inkt)}
.tegel .bronmodel{top:8px;transform:none}
.tegel .bm-rij > span{border-color:var(--rand-warm)}
.reeks{position:absolute;left:24px;right:24px;top:0;bottom:46px;display:flex;flex-direction:column}
.reeks-kop{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:var(--n500)}
.reeks-kop img{width:16px;height:16px}
.reeks-vlak{position:relative;margin-top:14px;flex:1;border-bottom:1px solid var(--n300)}
.reeks-vlak svg{position:absolute;inset:0;width:100%;height:100%}
.reeks-gat{position:absolute;left:53.1%;top:0;transform:translateX(-50%);padding:0 4px;background:#fff;font-size:10px;line-height:14px;color:var(--n500);white-space:nowrap}
.reeks-eind{position:absolute;right:0;top:18%;padding:2px 8px;background:#fff;border:1px solid var(--band-lijn);font-size:11px;line-height:16px;font-weight:600;color:var(--blauw-tekst);font-variant-numeric:tabular-nums}
.reeks-as{margin-top:6px;display:flex;justify-content:space-between;font-size:10px;line-height:14px;color:var(--n400)}
.reeks .bronregel{margin-top:10px;font-size:11px;line-height:16px}
.sn-werk .sn-actie{margin-top:40px}
.sn-werk .wrap > .knop-link{display:inline-flex}
.cijfer-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:96px;align-items:center}
.cijfer-raster .inleiding{max-width:560px}
.cijferfig{margin:0;padding:40px;border:1px solid var(--rand-warm);background:#fff}
.cf-getal{font-size:96px;line-height:96px;font-weight:600;letter-spacing:-4px;color:var(--inkt);font-variant-numeric:tabular-nums}
.cf-eenheid{margin-top:12px;font-size:16px;line-height:24px;color:var(--n600)}
.cf-balk{margin-top:32px;display:flex;gap:3px;height:32px}
.cf-balk i,.cf-legenda i{display:block}
.cf-balk .een,.cf-legenda .een{background:var(--blauw)}
.cf-balk .twee,.cf-legenda .twee{background:rgba(46,116,240,.4)}
.cf-balk .drie,.cf-legenda .drie{background:var(--inkt)}
.cf-balk .een{flex:219}.cf-balk .twee{flex:31}.cf-balk .drie{flex:6;min-width:8px}
.cf-legenda{margin-top:20px}
.cf-legenda li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--rand-warm);font-size:15px;line-height:22px;color:var(--n600)}
.cf-legenda li i{width:10px;height:10px;flex:none}
.cf-legenda li b{margin-left:auto;font-size:18px;font-weight:600;color:var(--inkt);font-variant-numeric:tabular-nums}
.cijferfig .bronregel{margin-top:16px;padding-top:14px;border-top:1px solid var(--rand-warm)}
.wie-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,700px);gap:80px;align-items:start}
.wie-blok{border:1px solid var(--rand-warm);background:#fff}
.wie-kolommen{display:grid;grid-template-columns:1fr 1fr}
.wie-kol{padding:32px}
.wie-kol + .wie-kol{border-left:1px solid var(--rand-warm)}
.wie-kol h3{font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.44px;color:var(--inkt)}
.wie-kol ul{margin-top:16px}
.wie-kol li{position:relative;padding:11px 0 11px 22px;border-top:1px solid var(--rand-warm-3);font-size:15px;line-height:22px;color:var(--n700)}
.wie-kol li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:6px;border-left:1.5px solid var(--inkt);border-bottom:1.5px solid var(--inkt);transform:rotate(-45deg)}
.team{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rand-warm)}
.team-kaart{padding:24px 32px 28px}
.team-kaart + .team-kaart{border-left:1px solid var(--rand-warm)}
.tk-naam{font-size:17px;line-height:24px;font-weight:600;color:var(--inkt)}
.tk-rol{font-size:13px;line-height:20px;color:var(--n500)}
.tk-tekst{margin-top:10px;font-size:14px;line-height:22px;color:var(--n600)}
.ladder{margin-top:56px;border-top:1px solid var(--inkt)}
.ladder-kolkop,.trede{display:grid;grid-template-columns:150px minmax(0,1.1fr) minmax(0,1.6fr) 190px 170px;column-gap:32px}
.ladder-kolkop{padding:14px 0;border-bottom:1px solid var(--rand-warm);font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n500)}
.ladder-kolkop span:first-child{grid-column:2}
.ladder-kolkop span:last-child{text-align:right}
.ladder-groep{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:32px;border-bottom:1px solid var(--rand-warm)}
.ladder-groep ul{grid-column:2}
.ladder-groep li + li{border-top:1px solid var(--rand-warm-3)}
.lg-label{padding-top:26px;font-size:14px;line-height:20px;font-weight:500;color:var(--inkt)}
.ladder-groep + .ladder-groep .lg-label{color:var(--n500)}
.ladder-groep .trede{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 190px 170px;padding:24px 0;align-items:baseline;transition:background-color .15s}
.trede:hover{background:#EEF2F8}
.tr-naam b{display:flex;align-items:center;gap:8px;font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.3px;color:var(--inkt)}
.tr-naam em{display:block;font-style:normal;font-size:14px;line-height:20px;color:var(--n500)}
.trede:hover .tr-naam b{color:var(--blauw-tekst)}
.tr-wat{font-size:15px;line-height:23px;color:var(--n600)}
.tr-gesprek{font-size:14px;line-height:22px;color:var(--inkt)}
.tr-prijs{text-align:right;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.4px;color:var(--inkt);white-space:nowrap}
.tr-prijs small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--n500)}
.ladder-onder{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;line-height:20px;color:var(--n500)}
.ladder-onder p a{color:var(--inkt);text-decoration:underline;text-underline-offset:3px}
.vragen-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,760px);gap:80px;align-items:start}
.vragen-kopblok{position:sticky;top:110px}
.vragenlijst{border-top:1px solid var(--inkt)}
.vraag{border-bottom:1px solid var(--rand-warm)}
.vraag summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;font-size:18px;line-height:26px;font-weight:500;letter-spacing:-.2px;color:var(--inkt)}
.vraag summary::-webkit-details-marker{display:none}
.vraag summary svg{width:16px;height:16px;flex:none;color:var(--n500);transition:transform .2s}
.vraag[open] summary svg{transform:rotate(45deg);color:var(--inkt)}
.vraag summary:hover{color:var(--blauw-tekst)}
.vraag p{padding:0 48px 24px 0;font-size:16px;line-height:26px;color:var(--n600)}
.vraag p a{color:var(--inkt);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--n300)}
.vraag p a:hover{text-decoration-color:var(--inkt)}
.slot.slot-nieuw{background:#F7F9FC;border-top:1px solid var(--rand-warm);padding:112px 0}
.slot-nieuw .wrap{min-height:0}
.slot-nieuw .h2{margin-top:37px;font-size:48px;line-height:54px;letter-spacing:-1.2px}
.slot-nieuw p.sub{max-width:520px;font-size:18px;line-height:28px}
.slot-nieuw .knoppen{margin-top:32px;align-items:center;gap:28px}
.slot-nieuw .knop{padding:12px 24px}
.slot-contact{margin-top:28px;font-size:14px;line-height:22px;color:var(--n500)}
.slot-contact a{color:var(--inkt);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--n300)}
.slot-contact a:hover{text-decoration-color:var(--inkt)}
.slot-nieuw .uitslagpaneel{width:380px;border-radius:0;border-color:var(--rand-warm);box-shadow:0 1px 0 var(--rand-warm),0 30px 60px -30px rgba(28,28,28,.14)}
.slot-nieuw .up-rij,.slot-nieuw .up-rij:nth-child(even){border-radius:0;grid-template-columns:200px 1fr;background:#EEF2F8}
.slot-nieuw .up-kolommen{grid-template-columns:200px 1fr}
.slot-nieuw .namen i{border-radius:0}
.up-model{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:16px;color:var(--n600)}
.up-model img{width:14px;height:14px}
@media (max-width:1100px){
  .sn-kopraster,.cijfer-raster,.wie-raster,.vragen-raster{grid-template-columns:1fr;gap:32px}
  .sn-zij{max-width:672px}
  .vragen-kopblok{position:static}
  .pijlers{grid-template-columns:1fr;grid-template-rows:none;row-gap:48px}
  .pijler{grid-row:auto;grid-template-rows:none;grid-template-columns:1fr 1fr;column-gap:16px}
  .pijler-kop{grid-column:1/-1}
  .ladder-kolkop{display:none}
  .fs-onder{grid-template-columns:1fr}
  .fs-cel + .fs-cel{border-left:0;border-top:1px solid var(--rand-warm)}
  .ladder-groep{grid-template-columns:1fr}
  .ladder-groep ul{grid-column:1}
  .lg-label{padding-top:20px}
  .ladder-groep .trede{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;padding:20px 0}
  .tr-naam{grid-column:1}
  .tr-prijs{grid-column:2;grid-row:1}
  .tr-wat,.tr-gesprek{grid-column:1/-1}
  .tr-gesprek{color:var(--n500)}
}
@media (max-width:760px){
  .ingangen{grid-template-columns:1fr}
  .ingang{min-height:0}
  .ingang + .ingang{border-left:0;border-top:1px solid var(--rand-warm)}
  .pijler{grid-template-columns:1fr;row-gap:16px}
  .wie-kolommen,.team{grid-template-columns:1fr}
  .wie-kol + .wie-kol,.team-kaart + .team-kaart{border-left:0;border-top:1px solid var(--rand-warm)}
  .logorij{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .sn,.slot.slot-nieuw{padding:72px 0}
  .hero-onderregel{font-size:16px;line-height:25px}
  .hero-feiten{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}
  .hero-feiten li{padding:14px 12px;font-size:14px}
  .hero-feiten li + li{border-left:0}
  .hero-feiten li:nth-child(even){border-left:1px solid var(--rand-warm)}
  .hero-feiten li:nth-child(n+3){border-top:1px solid var(--rand-warm)}
  .fs-rij > span{gap:10px;padding:14px 12px 14px 0;font-size:15px;line-height:22px}
  .fs-rij > span + span{padding-left:12px}
  .fs-nr{display:none}
  .fs-vink{margin-top:3px}
  .fs-cel{padding:24px 20px}
  .ingang,.wie-kol,.team-kaart{padding:24px 20px}
  .ig-vraag{font-size:17px;line-height:25px}
  .b-kaart.tegel{height:420px}
  .cijferfig{padding:24px}
  .cf-getal{font-size:72px;line-height:72px;letter-spacing:-3px}
  .slot-nieuw .h2{font-size:34px;line-height:40px}
  .slot-nieuw .knoppen{flex-direction:column;align-items:flex-start;gap:12px}
  .slot-nieuw .uitslagpaneel{width:100%}
  .slot-nieuw .up-rij,.slot-nieuw .up-kolommen{grid-template-columns:1fr auto}
  .vraag summary{font-size:16px;line-height:24px}
  .vraag p{padding-right:0}
  .ladder-onder{flex-direction:column;align-items:flex-start}
}
.logo-plek{display:block;width:112px;max-width:100%;height:24px;background:#E6E6E3}
.aw-route{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--inkt);border-bottom:1px solid var(--rand-warm)}
.aw-route li{position:relative}
.aw-route li + li{border-left:1px solid var(--rand-warm)}
.aw-route li:not(:last-child)::after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;background:#fff;border-top:1px solid var(--n300);border-right:1px solid var(--n300);transform:translateY(-50%) rotate(45deg);z-index:1}
.aw-route a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;height:100%;padding:22px 28px;transition:background-color .15s}
.aw-route li:first-child a{padding-left:0}
.aw-route a:hover{background:#EEF2F8}
.awr-nr{grid-column:1/-1;font-size:12px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n500)}
.awr-naam{margin-top:8px;font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.3px;color:var(--inkt)}
.awr-vraag{grid-column:1/-1;font-size:14px;line-height:20px;color:var(--n500)}
.awr-prijs{grid-column:1/-1;margin-top:12px;font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.3px;color:var(--inkt)}
.awr-prijs small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--n500)}
.awr-plan a{background:#EEF2F8}
.awr-plan a:hover{background:#F2F2EF}
.aw-plannen{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--rand-warm);border-top:2px solid var(--inkt)}
.aw-plannen li + li{border-left:1px solid var(--rand-warm)}
.aw-plannen a{position:relative;display:flex;flex-direction:column;height:100%;padding:48px 28px 28px;transition:background-color .15s}
.aw-plannen a:hover{background:#F1F4F9}
.awp-aanbevolen a{box-shadow:inset 0 2px 0 var(--blauw)}
.awp-etiket{position:absolute;top:18px;left:28px;display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;font-weight:600;color:var(--blauw-tekst)}
.awp-etiket::before{content:"";width:6px;height:6px;flex:none;background:var(--blauw)}
.awp-naam{font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.5px;color:var(--inkt)}
.aw-plannen a:hover .awp-naam{color:var(--blauw-tekst)}
.awp-vraag{margin-top:4px;font-size:15px;line-height:22px;font-weight:500;color:var(--blauw-tekst)}
.awp-wat{margin-top:14px;font-size:15px;line-height:23px;color:var(--n600)}
.awp-gesprek{margin-top:10px;font-size:14px;line-height:22px;color:var(--inkt)}
.awp-prijs{margin-top:auto;padding-top:24px;font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.8px;color:var(--inkt)}
.awp-prijs small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--n500)}
.awp-jaar{margin-top:2px;font-size:13px;line-height:20px;color:var(--n500)}
@media (max-width:1100px){
  .aw-route,.aw-plannen{grid-template-columns:1fr}
  .aw-route li + li,.aw-plannen li + li{border-left:0;border-top:1px solid var(--rand-warm)}
  .aw-route li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-6px;transform:rotate(135deg)}
  .aw-route li:first-child a{padding-left:28px}
}
@media (max-width:640px){
  .aw-route a,.aw-route li:first-child a{padding:20px}
  .aw-plannen a{padding:44px 20px 24px}
  .awp-etiket{left:20px}
}
.hero-wie{display:flex;width:fit-content;margin:20px auto 0}
.fs-mensen{margin-top:18px;display:grid;gap:14px}
.ag-wie img.ft-28{width:28px;height:28px}
.vraag-wie{display:flex;align-items:flex-start;gap:14px}
.vraag-wie .ft-stapel{margin-top:-3px}
.slot-wie{display:flex;margin-top:28px}
.slot-wie + .knoppen{margin-top:24px}
.sn-bewijs{padding:56px 0}
.bewijs-kop{font-size:14px;line-height:20px;color:var(--inkt);font-weight:500}
.bewijs-kop span{color:var(--n500);font-weight:400}
.bewijsband{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--rand-warm);border-top:2px solid var(--inkt)}
.bw-cel{display:flex;flex-direction:column;padding:28px 32px 24px}
.bw-cel + .bw-cel{border-left:1px solid var(--rand-warm)}
.bw-getal{font-size:56px;line-height:56px;font-weight:600;letter-spacing:-2px;color:var(--inkt);font-variant-numeric:tabular-nums}
.bw-wat{margin-top:12px;font-size:17px;line-height:24px;font-weight:500;letter-spacing:-.2px;color:var(--inkt)}
.bw-uitleg{margin:8px 0 20px;font-size:14px;line-height:22px;color:var(--n600)}
.bw-cel .bronregel{margin-top:auto;padding-top:12px;border-top:1px solid var(--rand-warm)}
@media (max-width:900px){
  .bewijsband{grid-template-columns:1fr}
  .bw-cel + .bw-cel{border-left:0;border-top:1px solid var(--rand-warm)}
}
@media (max-width:640px){
  .sn-bewijs{padding:48px 0}
  .bw-cel{padding:24px 20px 20px}
  .bw-getal{font-size:44px;line-height:44px;letter-spacing:-1.5px}
}
.sn-onderzoek{padding:56px 0}
.ok-kop{margin:0;font-family:inherit;letter-spacing:0}
.ok-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.ok-band .bw-uitleg{margin-bottom:0}
.ok-van{font-size:20px;line-height:24px;font-weight:500;letter-spacing:-.2px;color:var(--n500)}
.ok-voet{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.ok-links{display:flex;flex-wrap:wrap;gap:28px}
@media (max-width:900px){
  .ok-band{grid-template-columns:1fr}
  .ok-voet{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (max-width:640px){
  .sn-onderzoek{padding:48px 0}
  .ok-van{font-size:17px}
}
.hw-box{display:inline-block;white-space:nowrap;vertical-align:baseline;clip-path:inset(-24px 0 -24px 0);transition:width .45s cubic-bezier(.4,0,.2,1)}
.hw-in{display:inline-block;transition:opacity .28s ease,transform .28s ease}
.hw-in.hw-uit{opacity:0;transform:translateY(-8px)}
.hw-in.hw-klaar{opacity:0;transform:translateY(8px);transition:none}
.hw-in.hw-later{transition-delay:.12s}
a.begriplink{color:var(--inkt);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--n300)}
a.begriplink:hover{text-decoration-color:var(--inkt)}
@media (max-width:640px){
  .tegel .ftabel .naamtegel{display:none}
  .tegel .ftabel th,.tegel .ftabel td{padding:9px 4px}
  .tegel .ftabel th:first-child,.tegel .ftabel td:first-child{padding-left:8px}
  .tegel .ftabel th:last-child,.tegel .ftabel td:last-child{padding-right:8px}
}
@media (min-width:641px) and (max-width:959px){
  .hero-feiten{display:grid;grid-template-columns:1fr 1fr;max-width:720px}
  .hero-feiten li{justify-content:center}
  .hero-feiten li + li{border-left:0}
  .hero-feiten li:nth-child(even){border-left:1px solid var(--rand-warm)}
  .hero-feiten li:nth-child(n+3){border-top:1px solid var(--rand-warm)}
}
.sn-voorwie{background:#fff;border-top:1px solid var(--rand-warm);padding:22px 0}
.vw-raster{display:flex;justify-content:space-between;align-items:baseline;gap:12px 40px;flex-wrap:wrap}
.vw-tekst{font-size:16px;line-height:26px;color:var(--inkt);max-width:none}
.vw-tekst a{color:var(--inkt);text-decoration:underline;text-decoration-color:var(--n300);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
.vw-tekst a:hover{color:var(--blauw-tekst);text-decoration-color:var(--blauw)}
.vw-shortlist{font-size:14px;line-height:22px;color:var(--n600)}
.vw-shortlist b{font-weight:600;color:var(--inkt);margin-right:6px}
.ig-cijfer{margin-top:16px;padding-top:14px;border-top:1px solid var(--rand-warm);font-size:13px;line-height:20px;color:var(--n600)}
.ig-cijfer b{display:block;font-size:20px;line-height:26px;font-weight:500;color:var(--inkt);margin-bottom:4px}
.ig-cijfer a{display:block;margin-top:4px;font-size:12px;color:var(--n500);text-decoration:underline;text-underline-offset:2px}
.sn-toets{margin-top:16px;max-width:760px;font-size:15px;line-height:24px;color:var(--n600)}
.sn-toets b{color:var(--inkt);font-weight:600}
.sn-toets a{color:var(--blauw-tekst);text-decoration:underline;text-underline-offset:2px}
@media (max-width:640px){.sn-voorwie{padding:18px 0}.vw-tekst{font-size:15px;line-height:24px}}
.sn-lagen{padding:88px 0}
.lagen{margin-top:48px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--rand-warm);background:#fff}
.lagen li{position:relative;padding:28px 24px 26px}
.lagen li + li{border-left:1px solid var(--rand-warm)}
.lagen li::before{content:"";display:block;width:8px;height:10px;background:var(--blauw);
  -webkit-mask:var(--mk-f) center/100% 100% no-repeat;mask:var(--mk-f) center/100% 100% no-repeat}
.lagen b{display:block;margin-top:14px;font-size:18px;line-height:24px;font-weight:500;letter-spacing:-.3px;color:var(--inkt)}
.lagen p{margin-top:8px;font-size:14px;line-height:22px;color:var(--n600)}
@media (max-width:1100px){
  .lagen{grid-template-columns:1fr}
  .lagen li{padding:18px 24px 18px 44px}
  .lagen li + li{border-left:0;border-top:1px solid var(--rand-warm)}
  .lagen li::before{position:absolute;left:24px;top:25px}
  .lagen b{margin-top:0}
  .lagen p{margin-top:2px}
}
@media (max-width:640px){
  .sn-lagen{padding:64px 0}
  .lagen{margin-top:32px}
  .lagen li{padding:14px 16px 14px 36px}
  .lagen li::before{left:16px;top:21px}
  .lagen b{font-size:16px;line-height:24px}
}
.awr-nr em{margin-left:8px;padding:2px 7px;font-style:normal;letter-spacing:.4px;text-transform:none;font-size:11px;font-weight:600;color:var(--blauw-tekst,#1F5FD6);background:#E8EFFD}
.awr-kies{display:inline-flex;align-items:center;gap:8px;font-size:16px}
.awr-kies svg{width:14px;height:14px;transform:rotate(90deg);color:var(--blauw,#2E74F0)}
.awr-plan{position:relative}
.awr-plan::before{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;margin-left:-6px;background:#EEF2F8;border-right:1px solid var(--rand-warm);border-bottom:1px solid var(--rand-warm);transform:rotate(45deg);z-index:2}
.awp-kop{margin:36px 0 0;font-size:12px;line-height:18px;font-weight:600;color:var(--n500)}
.aw-plannen{margin-top:12px}
.awp-rijen{display:flex;flex-direction:column;margin-top:18px;border-top:1px solid var(--rand-warm)}
.awp-rijen > span{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--rand-warm);font-size:14px;line-height:21px;color:var(--n600)}
.awp-rijen b{font-weight:600;color:var(--inkt)}
.awp-meer{order:10;margin-top:18px;align-self:flex-start;font-size:14px;line-height:20px;font-weight:500;color:var(--inkt);border-bottom:1px solid var(--n300);padding-bottom:2px}
.aw-plannen a:hover .awp-meer{color:var(--blauw-tekst,#1F5FD6);border-color:var(--blauw,#2E74F0)}
@media (max-width:900px){.awr-plan::before{display:none}.awp-kop{margin-top:28px}}
.ladder-onder .knop-link{white-space:nowrap;flex:none}
.lagen{counter-reset:laag}
.lagen li{counter-increment:laag}
.lagen li::before,.lagen li::before{content:counter(laag,decimal-leading-zero);width:auto;height:auto;background:none;-webkit-mask:none;mask:none;
  font-size:13px;line-height:20px;font-weight:600;color:var(--blauw-tekst,#1F5FD6);font-variant-numeric:tabular-nums}
@media (max-width:900px){.lagen li{padding-left:56px}.lagen li::before{top:19px}}
@media (max-width:640px){.lagen li{padding-left:48px}.lagen li::before{top:16px}}
@media (min-width:1101px){
  .hero-feiten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px}
  .hero-feiten li{align-items:flex-start;padding:18px 24px;text-wrap:balance}
  .hero-feiten li::before{margin-top:7px}
}
@media (min-width:1101px){
  .hero-e2 .hero-boven{padding-top:104px}
  .hero-e2 .hero-tekst h1{margin-top:22px}
  .hero-e2 .hero-onderregel{margin-top:16px}
  .hero-e2 .hero-knoppen{margin-top:22px}
  .hero-e2 .hero-wie{margin-top:16px}
  .hero-e2 .hero-boven > .mb{margin-top:28px}
}
@media (min-width:1101px) and (max-height:900px){
  .hero-e2 .hero-boven{padding-top:88px}
  .hero-e2 .hero-tekst h1{font-size:52px;line-height:56px}
}
@media (min-width:1101px) and (max-height:900px){
  .hero-e2 .hero-boven{padding-top:80px}
  .hero-e2 .mb{padding-top:16px}
  .hero-e2 .mb-links{padding-top:10px}
  .hero-e2 .mb-vraag{margin:6px 0 10px}
  .hero-e2 .mb-rij{padding-top:5px;padding-bottom:5px}
  .hero-e2 .mb-raster{margin-top:8px}
  .hero-e2 .hero-tekst h1{margin-top:14px}
}
.vw-raster{align-items:flex-end}
.vw-links{min-width:0;flex:1 1 560px}
.vw-brug{font-size:16px;line-height:26px;font-weight:500;color:var(--inkt);text-wrap:pretty}
.vw-brug a{color:var(--blauw-tekst,#1F5FD6);text-decoration:underline;text-underline-offset:3px}
.vw-links .vw-tekst{margin-top:2px;font-size:15px;line-height:24px;color:var(--n600)}
.vw-shortlist{flex:0 1 440px}
@media (max-width:640px){.vw-brug{font-size:15px;line-height:24px}.vw-links{flex-basis:100%}}
.fs-punten{display:grid;gap:10px}
.fs-punten li{position:relative;padding-left:18px;font-size:15px;line-height:23px;color:var(--n600)}
.fs-punten li::before{content:"";position:absolute;left:0;top:7px}
.fs-punten b{font-weight:600;color:var(--inkt)}
.fs-punten a{color:var(--blauw-tekst,#1F5FD6);text-decoration:underline;text-underline-offset:3px}
.fs-team .fs-label + .fs-tekst{margin-top:12px}
.hw-box{position:relative}
.hw-in.hw-nieuw{position:absolute;left:0;top:0;opacity:0;transform:none;transition:opacity .4s ease}
.hw-in.hw-nieuw.hw-zicht{opacity:1}
.hw-in.hw-weg{opacity:0;transition:opacity .4s ease}
@media (min-width:1101px){
  :root:root .hero-e2 .hero-boven{padding-top:104px}
  :root:root .hero-e2 .hero-tekst{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);column-gap:40px;justify-items:center;align-items:center}
  :root:root .hero-e2 .hero-tekst > .pil,
  :root:root .hero-e2 .hero-tekst > h1,
  :root:root .hero-e2 .hero-tekst > .hero-onderregel{grid-column:1 / -1}
  :root:root .hero-e2 .hero-tekst h1{margin-top:22px;white-space:nowrap;font-size:min(57.6px, calc(5.4vw - 4px))}
  :root:root .hero-e2 .hero-onderregel{margin-top:16px;max-width:880px}
  :root:root .hero-e2 .hero-knoppen{grid-column:2;margin-top:28px}
  :root:root .hero-e2 .hero-wie{grid-column:3;margin:28px 0 0}
  :root:root .hero-e2 .hero-boven > .mb{margin-top:36px}
}
@media (min-width:1101px) and (max-height:900px){
  :root:root .hero-e2 .hero-boven{padding-top:80px}
  :root:root .hero-e2 .hero-tekst h1{margin-top:14px;font-size:min(52px, calc(5.4vw - 4px));line-height:56px}
  :root:root .hero-e2 .hero-knoppen,
  :root:root .hero-e2 .hero-wie{margin-top:24px}
  :root:root .hero-e2 .hero-boven > .mb{margin-top:28px}
  :root:root .hero-e2 .mb-intro + .mb-raster{margin-top:16px}
}
@media (min-width:1101px){
  :root:root .hero-e2 .hero-boven{min-height:calc(100svh / .9 - 78px)}
  :root:root .hero-e2 .hero-boven::before{content:"";flex:1 1 0}
  :root:root .hero-e2 .hero-boven::after{content:"";flex:2 1 0}
}
.hero-verder{display:none}
@media (min-width:1101px){
  :root:root .hero-e2{position:relative}
  :root:root .hero-verder{display:inline-flex;position:absolute;left:50%;bottom:22px;transform:translateX(-50%);align-items:center;gap:6px;padding:2px 4px;
    font-size:15px;line-height:20px;font-weight:500;color:var(--n500);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s,color .15s}
  :root:root .hero-verder.zicht{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s,color .15s}
  :root:root .hero-verder:hover{color:var(--inkt)}
  :root:root .hero-verder:focus-visible{outline:2px solid var(--blauw,#2E74F0);outline-offset:3px}
  :root:root .hero-verder svg{width:14px;height:14px;transform:rotate(90deg)}
}
@media (prefers-reduced-motion:reduce){.hero-verder,.hero-verder.zicht{transition:none}}
@media (min-width:1101px){
  :root:root .hero-verder.laag{bottom:auto;padding:0 4px;line-height:16px;z-index:2}
}
@media (min-width:1101px) and (min-height:700px) and (max-height:742px){
  :root:root .hero-e2 .mb-slot{margin-top:max(20px, calc(100svh / .9 - 750px))}
}
@media (prefers-reduced-motion:no-preference){
  @media (max-width:373.98px){.hero-e2 .hero-tekst h1{min-height:4lh}}
  @media (min-width:374px) and (max-width:431.98px){.hero-e2 .hero-tekst h1{min-height:3lh}}
  @media (min-width:432px) and (max-width:641.98px){.hero-e2 .hero-tekst h1{min-height:2lh}}
  @media (min-width:642px) and (max-width:669.98px){.hero-e2 .hero-tekst h1{min-height:3lh}}
  @media (min-width:670px) and (max-width:1100.98px){.hero-e2 .hero-tekst h1{min-height:2lh}}
}
#voor-wie[tabindex="-1"]:focus{outline:none}
.aw-route-keuze{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.awr-keuze{display:flex;flex-direction:column}
.awr-keuze .awr-nr{display:block;margin:0;padding:22px 28px 0}
.awr-helften{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}
.aw-route .awr-helft{padding:0 28px 22px}
.awr-helft .awr-naam{margin-top:8px}
.awr-of{position:relative;margin:8px 0 22px;background:var(--rand-warm)}
.awr-of span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:2px 10px;border:1px solid var(--rand-warm);border-radius:999px;background:#fff;font-size:12px;line-height:16px;font-weight:600;color:var(--n500);white-space:nowrap;z-index:1}
@media (max-width:1100px){
  .aw-route-keuze{grid-template-columns:1fr}
}
@media (max-width:640px){
  .awr-keuze .awr-nr{padding:20px 20px 0}
  .awr-helften{grid-template-columns:1fr}
  .aw-route .awr-helft{padding:0 20px 20px}
  .awr-of{height:1px;margin:6px 20px 16px}
  .awr-helft + .awr-of + .awr-helft .awr-naam{margin-top:12px}
}
@media (max-width:420px){.pil .pil-meer{display:none}}
