:root {
--diep: #0A71D9;      
  --logo: #008AFC;      
  --helder: #119CFF;    
  --ijs: #96F8F4;       
  --nacht: #020719;     
  --navy: #1C1F37;      
  --grijs: #A5A5A5;
  --licht: #ECECEC;
--wit: #FFFFFF;
  --mist: #F4F6FA;      
  --lijn: #E1E6EE;
  --zacht: #4A5568;     
  --ijsvlak: #E8F3FF;   
--r: 20px;            
  --r-klein: 12px;
  --breed: 1440px;
  --marge: 120px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #DCE2EA; font-family: Inter, system-ui, sans-serif; color: var(--nacht); -webkit-font-smoothing: antialiased; }
.kop-1, .kop-2, .kop-3 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; letter-spacing: -0.01em; color: var(--nacht); }
.kop-1 { font-size: 76px; line-height: 0.98; }
.kop-2 { font-size: 48px; line-height: 1.04; }
.kop-3 { font-size: 30px; line-height: 1.12; }
.kop-4 { font-family: Inter, sans-serif; font-weight: 600; font-size: 20px; line-height: 1.3; }
.intro { font-size: 21px; line-height: 1.5; color: var(--zacht); }
.tekst { font-size: 17px; line-height: 1.6; color: var(--zacht); }
.klein { font-size: 14px; line-height: 1.5; color: var(--zacht); }
.label { font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--diep); }
.op-donker { color: #FFFFFF; }
.op-donker.tekst, .op-donker .tekst, .op-donker .intro { color: #C9D3E3; }
.knop { position: relative; display: inline-block; flex: none; cursor: pointer; vertical-align: middle; overflow: hidden; border-radius: 12px; }
.knop .vorm { position: absolute; left: 0; top: 0; display: block; }
.knoptekst { position: absolute; top: 0; height: 100%; display: flex; align-items: center; white-space: nowrap; font-family: Kanit, sans-serif; font-style: italic; font-weight: 600; letter-spacing: 0.005em; }
.knoppijl { position: absolute; line-height: 0; transition: transform .2s cubic-bezier(.2,.9,.2,1); }
.knop .tab { transition: transform .2s cubic-bezier(.2,.9,.2,1); }
.knop .glans { position: absolute; top: 0; left: -40%; width: 18px; height: 100%; background: rgba(255,255,255,.3); transform: skewX(43.65deg); opacity: 0; pointer-events: none; }
.knop-a:hover .glans { animation: snede .42s cubic-bezier(.3,.7,.2,1) 1; }
.knop-a:hover .tab { transform: translateX(5px); }
.knop-a:hover .knoppijl { transform: translate(5px, -2px); }
.knop-g:hover .knoppijl { transform: translate(3px, -3px); }
.knop-g .deel { transition: fill .18s ease; }
@keyframes snede { 0% { left: -20%; opacity: 1; } 100% { left: 110%; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .knop .glans { display: none; } .knop .tab, .knoppijl { transition: none; } }
.vlak { position: relative; }
.vlak > .vlakvorm { position: absolute; left: 0; top: 0; display: block; z-index: 0; }
.vlak > *:not(.vlakvorm) { position: relative; z-index: 1; }
.frame { background: var(--wit); width: var(--breed); flex: none; position: relative; overflow: hidden; }
.board { display: flex; gap: 240px; align-items: flex-start; padding: 120px; width: max-content; }
.bordkop { font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--diep); }
@media (hover: hover) and (pointer: fine) {
  html::-webkit-scrollbar { width: 12px; }
  html::-webkit-scrollbar-track { background: #F4F6FA; box-shadow: inset 1px 0 0 #E1E6EE; }
  html::-webkit-scrollbar-thumb {
    min-height: 56px; border: 3px solid transparent; border-top-width: 0; border-bottom-width: 0;
    background: linear-gradient(135deg, transparent 4px, #0A71D9 4px) top left / 100% 51% no-repeat padding-box,
                linear-gradient(-45deg, transparent 4px, #0A71D9 4px) bottom right / 100% 51% no-repeat padding-box;
  }
  html::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, transparent 4px, #008AFC 4px) top left / 100% 51% no-repeat padding-box,
                linear-gradient(-45deg, transparent 4px, #008AFC 4px) bottom right / 100% 51% no-repeat padding-box;
  }
  html::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, transparent 4px, #020719 4px) top left / 100% 51% no-repeat padding-box,
                linear-gradient(-45deg, transparent 4px, #020719 4px) bottom right / 100% 51% no-repeat padding-box;
  }
  @supports not selector(::-webkit-scrollbar) {
    html { scrollbar-color: #0A71D9 #F4F6FA; scrollbar-width: thin; }
  }
}
.board { display: flex; gap: 240px; align-items: flex-start; padding: 120px; width: max-content; }
.pagina { width: 1440px; background: #fff; position: relative; overflow: hidden; flex: none; }
.sec { position: relative; overflow: hidden; }
.abs { position: absolute; }
.c1 { font-family: Anton, sans-serif; font-size: 168px; line-height: .9; text-transform: uppercase; letter-spacing: -.005em; color: #fff; }
.c2 { font-family: Anton, sans-serif; font-size: 120px; line-height: .92; text-transform: uppercase; letter-spacing: -.004em; color: #fff; }
.b1 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 64px; line-height: 1.02; letter-spacing: -.012em; color: var(--nacht); }
.b2 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 44px; line-height: 1.06; letter-spacing: -.01em; color: var(--nacht); }
.b3 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 28px; line-height: 1.12; color: var(--nacht); }
.dun { font-family: Kanit, sans-serif; font-style: italic; font-weight: 300; }
.wit { color: #fff; }
.zachtwit { color: #C9D3E3; }
.helder { color: var(--helder); }
.intro { font-size: 20px; line-height: 1.55; }
.tekst { font-size: 17px; line-height: 1.6; }
.label.licht { color: var(--helder); }
.label.wit { color: #fff; }
.link { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; color: var(--diep); padding-bottom: 6px; border-bottom: 2px solid currentColor; }
.link.wit { color: #fff; }
.beeld { position: absolute; border-radius: 20px; overflow: hidden; background: #DDE8F5; }
.beeld.donker { background: #13223F; }
.beeld.blauw { background: #0B5FB8; }
.beeld .merk { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .14; line-height: 0; }
.beeld.donker .merk, .beeld.blauw .merk { opacity: .2; }
.beeld .code { position: absolute; left: 16px; top: 16px; font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 12px; letter-spacing: .08em; background: var(--nacht); color: #fff; padding: 5px 9px; border-radius: 7px; }
.beeld.donker .code, .beeld.blauw .code { background: var(--ijs); color: var(--nacht); }
.beeld .wat { position: absolute; left: 16px; right: 16px; bottom: 16px; font-size: 14px; line-height: 1.4; font-weight: 500; color: #33445E; }
.beeld.donker .wat, .beeld.blauw .wat { color: #DCE6F5; }
.foto { position: absolute; object-fit: cover; border-radius: 20px; display: block; }
.pil { display: inline-flex; align-items: center; gap: 10px; border-radius: 999px; padding: 10px 20px; font-size: 15px; font-weight: 500; white-space: nowrap; }
.pil img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; margin: -4px 0 -4px -12px; }
.rond { border-radius: 50%; object-fit: cover; display: block; }
.lijn { border-top: 1px solid var(--lijn); }
.waaier .kaart { position: absolute; width: 280px; height: 498px; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,.35); }
.menupil { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; background: #fff; border-radius: 999px; padding: 8px 22px 8px 8px; box-shadow: 0 16px 40px rgba(2,7,25,.35); }
.menupil img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.menupil b { font-size: 16px; font-weight: 600; color: var(--nacht); }
.streepjes { display: flex; flex-direction: column; gap: 5px; margin-left: 6px; }
.streepjes i { display: block; width: 20px; height: 2px; background: var(--nacht); border-radius: 2px; }
.sterren { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #C9D3E3; }
.sterren span { color: var(--helder); letter-spacing: 2px; font-size: 15px; }
.loper { position: absolute; left: 0; right: 0; white-space: nowrap; display: flex; align-items: center; gap: 28px; font-family: "JetBrains Mono", monospace; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; }
.loper i { font-style: normal; opacity: .55; }
.nummer { font-family: Kanit, sans-serif; font-style: italic; font-weight: 200; font-size: 168px; line-height: .9; color: var(--diep); letter-spacing: -.02em; }
.dienst { position: absolute; left: 120px; width: 1200px; height: 560px; }
.dienst .inhoud { position: absolute; left: 64px; top: 64px; width: 500px; }
.dienst > .beeld { position: absolute; }
.bel { position: absolute; border-radius: 50%; border: 1.5px solid #CFD8E6; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 600; font-size: 16px; line-height: 1.25; color: var(--nacht); background: #fff; padding: 12px; }
.review { position: absolute; border-radius: 20px; background: var(--mist); padding: 28px; }
.review .sterren span { color: #F5B300; }
.review p { font-size: 16px; line-height: 1.55; color: var(--nacht); margin: 12px 0 18px; }
.review b { font-size: 15px; }
.review small { display: block; font-size: 13px; color: var(--zacht); margin-top: 2px; }
.vraag { display: flex; justify-content: space-between; align-items: center; padding: 26px 0; font-weight: 600; font-size: 20px; color: var(--nacht); }
.vraag .plus { width: 36px; height: 36px; border-radius: 50%; background: var(--mist); display: flex; align-items: center; justify-content: center; color: var(--diep); font-size: 22px; font-weight: 500; flex: none; }
.vraag.open .plus { background: var(--diep); color: #fff; }
.voetkolom { font-size: 15px; line-height: 2.1; color: #C9D3E3; }
.voetkolom .label { display: block; margin-bottom: 10px; }
.notitie { width: 900px; background: #fff; padding: 72px; border-radius: 20px; flex: none; }
.notitie h1 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 52px; line-height: 1.04; margin: 18px 0 20px; }
.notitie h2 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 26px; margin: 34px 0 10px; }
.notitie p, .notitie li { font-size: 17px; line-height: 1.6; color: var(--zacht); }
.notitie ul { margin: 8px 0 0 20px; }
.notitie li { margin-bottom: 6px; }
.notitie b { color: var(--nacht); }
.keuze { width: 1440px; flex: none; }
.keuze .kop-keuze { background: #fff; padding: 40px 56px; border-radius: 20px 20px 0 0; }
.keuze .kop-keuze h2 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 40px; line-height: 1.05; margin-top: 8px; }
.keuze .kop-keuze p { font-size: 17px; line-height: 1.55; color: var(--zacht); margin-top: 8px; max-width: 1100px; }
:root { --woordmerk: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2255%20-1313%202446%20275.5%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M152.5-1136.46c-65.06%2C0-97.59-29.66-97.59-89s32.53-87.43%2C97.59-87.43h135.79l.19%2C78.41h-135.98c-13.01%2C0-19.52%2C3.01-19.52%2C9.02%2C0%2C7.06%2C6.5%2C10.58%2C19.52%2C10.58h39.04c65.06%2C0%2C97.59%2C29.14%2C97.59%2C87.43s-32.53%2C89-97.59%2C89H55.11v-78.41h136.42c13.01%2C0%2C19.52-3.53%2C19.52-10.58%2C0-6.01-6.51-9.02-19.52-9.02h-39.04Z%22%2F%3E%3Cpath%20d%3D%22M309.77-1312.88h77.33v98.01h97.59l-.19-58.81.46-39.2h77.8v274.43h-78.07v-98.01h-97.59v98.01l-77.33.02%22%2F%3E%3Cpath%20d%3D%22M1122.97-1312.88l-171.13-.18%2C33%2C35%2C.58%2C239.63h78.71l-.08-78.72h58.92c65.6%2C0%2C98.4-26.79%2C98.4-94.37s-32.8-101.37-98.4-101.37ZM1122.97-1195.24h-59l-.04-38.55h59.04c13.12%2C0%2C19.68%2C5.76%2C19.68%2C19.28s-6.56%2C19.28-19.68%2C19.28Z%22%2F%3E%3Cpath%20d%3D%22M1377.75-1312.88h78.07v78.41h-78.07c-16.14%2C0-29.93%2C5.75-41.38%2C17.25-11.45%2C11.5-17.17%2C25.36-17.17%2C41.56s5.72%2C30.06%2C17.17%2C41.56c11.45%2C11.5%2C25.24%2C17.25%2C41.38%2C17.25h78.07v78.42h-78.07c-37.74%2C0-69.94-13.39-96.61-40.19-26.68-26.79-40.01-59.14-40.01-97.04s13.33-70.25%2C40.01-97.04c26.67-26.79%2C58.88-40.19%2C96.61-40.19Z%22%2F%3E%3Cpath%20d%3D%22M1475.51-1312.88h79.61v196.02h77.88v78.41h-156.95%22%2F%3E%3Cpath%20d%3D%22M1731.78-1312.88v274.43h-78.07l-.19-274.43h78.26Z%22%2F%3E%3Cpath%20d%3D%22M1887.72-1312.88h78.07v78.41h-78.07c-16.14%2C0-29.93%2C5.75-41.38%2C17.25-11.45%2C11.5-17.17%2C25.36-17.17%2C41.56s5.72%2C30.06%2C17.17%2C41.56c11.45%2C11.5%2C25.24%2C17.25%2C41.38%2C17.25h78.07v78.41h-78.07c-37.74%2C0-69.94-13.39-96.61-40.18-26.68-26.79-40.01-59.13-40.01-97.03s13.33-70.24%2C40.01-97.03c26.67-26.79%2C58.88-40.18%2C96.61-40.18Z%22%2F%3E%3Cpath%20d%3D%22M2363.25-1136.51c-65.06-.22-97.49-29.99-97.29-89.33.2-58.29%2C32.82-87.32%2C97.88-87.11l135-.11-75%2C79-60.27-.47c-13.01-.04-19.53%2C2.94-19.55%2C8.95-.02%2C7.06%2C6.47%2C10.61%2C19.48%2C10.65l39.04.13c65.06.22%2C97.49%2C29.47%2C97.29%2C87.76-.2%2C59.34-32.83%2C88.89-97.88%2C88.68l-136.32-.46.21-78.24%2C136.38.28c13.01.04%2C19.53-3.46%2C19.55-10.52.02-6.01-6.48-9.04-19.49-9.08l-39.04-.13Z%22%2F%3E%3Cpath%20d%3D%22M1985.84-1313.06l77.9.18v127.43l86.61-127.43%2C94.49-.18-100%2C149%2C102%2C125h-101l-82.1-100.72v101.35h-78.03%22%2F%3E%3Cpath%20d%3D%22M624.47-1109.37%22%2F%3E%3Cpath%20d%3D%22M890.84-1117.06c58-20%2C74.13-46.58%2C74.13-98.35%2C0-64.71-32.58-97.06-97.74-97.06l-256.47-.41%2C263.87%2C274.46h91.2l-75-78.63ZM865.54-1195.77h-50.28l-35.04-37.88h89.56c9.23%2C0%2C16.71%2C5.47%2C16.71%2C14.68v7.27c0%2C9.35-11.59%2C15.92-20.95%2C15.92Z%22%2F%3E%3Cpolygon%20points%3D%22750.84%20-1137.06%20583.36%20-1312.64%20583.84%20-1068.06%20641.04%20-1122.87%20674.41%20-1039.29%20706.93%20-1052.27%20673.07%20-1137.06%20750.84%20-1137.06%22%2F%3E%3C%2Fsvg%3E"); }
:root { --z: 1; --marge: 0px; }
html { background: var(--nacht); scroll-behavior: smooth; }
body { position: relative; width: 1440px; margin: 0 auto; background: #fff; color: var(--nacht); overflow-x: hidden; }
html.wacht body { opacity: 0; }
body { transition: opacity .2s ease; }
a { color: inherit; text-decoration: none; }
.sec { scroll-margin-top: 0; }
.kop-logo, .kop-nav, .kop-knop { position: fixed; z-index: 60; }
.kop-logo { left: calc(120px + var(--marge)); top: 58px; line-height: 0; }
.kop-logo { mix-blend-mode: difference; }
.kop-logo .omkeer { display: none; }
@supports ((backdrop-filter: invert(1)) or (-webkit-backdrop-filter: invert(1))) and ((mask-image: none) or (-webkit-mask-image: none)) {
  .kop-logo { mix-blend-mode: normal; }
  .kop-logo [data-inlinelogo] { visibility: hidden; }
  .kop-logo .omkeer { display: block; position: absolute; inset: 0;
    -webkit-backdrop-filter: blur(3px) grayscale(1) invert(1) contrast(80); backdrop-filter: blur(3px) grayscale(1) invert(1) contrast(80);
    -webkit-mask: var(--woordmerk) center / 100% 100% no-repeat; mask: var(--woordmerk) center / 100% 100% no-repeat; }
}
.kop-nav { left: 50%; top: 54px; display: flex; gap: 6px; transform: translateX(-50%); }
.kop-nav a, .kop-nav button { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; font: 600 16px/1 Inter, sans-serif; color: #fff; cursor: pointer; transition: background .18s ease, color .18s ease; }
.kop-nav a:hover, .kop-nav button:hover, .kop-nav button[aria-expanded="true"] { background: rgba(255,255,255,.1); }
.kop-nav button[aria-expanded="true"] { color: var(--helder); }
.kop-nav .haakje { width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform .2s ease; }
.kop-nav button[aria-expanded="true"] .haakje { transform: translateY(1px) rotate(-135deg); }
.kop-logo:focus-visible, .kop-nav a:focus-visible, .kop-nav button:focus-visible, .kop-knop a:focus-visible, .menuknop:focus-visible, .mega a:focus-visible, .menupaneel a:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.kop-nav { transition: opacity .3s ease, transform .3s ease, visibility 0s linear 0s; }
body.gescrold .kop-nav { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -14px); transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s; }
.kop-knop { right: calc(120px + var(--marge)); top: 52px; width: 247px; height: 48px; }
.kop-knop a { position: absolute; right: 0; top: 0; display: block; line-height: 0; transition: opacity .25s ease; }
.kop-knop .op-licht { opacity: 0; pointer-events: none; }
body[data-onder="licht"] .kop-knop .op-licht { opacity: 1; pointer-events: auto; }
body[data-onder="licht"] .kop-knop .op-donker { opacity: 0; pointer-events: none; }
body[data-onder="licht"] .kop-knop .op-licht .knop { box-shadow: 0 10px 26px rgba(2,7,25,.16); }
.doek { position: fixed; inset: 0; z-index: 55; background: rgba(2,7,25,.6); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility 0s linear .25s; }
body.mega-open .doek, body.menu-open .doek { opacity: 1; visibility: visible; transition: opacity .25s ease, visibility 0s linear 0s; }
body.mega-open .kop-logo, body.mega-open .kop-nav, body.mega-open .kop-knop { z-index: 62; }
.mega { position: fixed; left: calc(120px + var(--marge)); top: 118px; width: 1200px; height: 420px; z-index: 61; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s; }
body.mega-open .mega { opacity: 1; visibility: visible; transform: none; transition: opacity .22s ease, transform .22s ease, visibility 0s linear 0s; }
.mega .rij { display: flex; gap: 14px; align-items: flex-start; padding: 8px; margin: -8px; border-radius: 14px; transition: background .18s ease; }
.mega .rij:hover { background: var(--mist); }
.hero2 { position: relative; height: calc(100vh / var(--z)); min-height: 620px; overflow: hidden; background: var(--nacht); }
.hero2 video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero2 .laag { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,7,25,.92) 0%, rgba(2,7,25,.72) 45%, rgba(2,7,25,.2) 100%), linear-gradient(0deg, rgba(10,113,217,.55) 0%, rgba(10,113,217,0) 40%); }
.hero2 h1 { position: absolute; left: 120px; bottom: 40px; font-weight: 400; }
.hero2 h1 .c1 { display: block; white-space: nowrap; }
.hero2 h1 .tweede { margin-left: 127px; }
.hero2 h1 .b2 { display: block; margin-top: 1px; white-space: nowrap; }
.menuknop { position: fixed; left: var(--marge); bottom: 40px; z-index: 70; display: flex; align-items: center; gap: 14px; height: 42px; background: #fff; border: 0; border-radius: 999px; padding: 0 22px 0 20px; box-shadow: 0 16px 40px rgba(2,7,25,.35), 0 0 0 1px rgba(2,7,25,.06); cursor: pointer; will-change: transform; font: inherit; }
.menuknop b { font-size: 16px; font-weight: 600; color: var(--nacht); }
.menuknop .dicht { display: none; font-size: 18px; line-height: 1; color: var(--nacht); }
body.menu-open .menuknop .open { display: none; }
body.menu-open .menuknop .dicht { display: inline; }
body.menu-open .kop-nav, body.menu-open .kop-knop { z-index: 50; }
body.menu-open .kop-logo { z-index: 62; }
.menupaneel { position: fixed; left: 620px; margin-left: var(--marge); bottom: 96px; width: 700px; height: 484px; z-index: 69; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s; }
body.menu-open .menupaneel { opacity: 1; visibility: visible; transform: none; transition: opacity .25s ease, transform .25s ease, visibility 0s linear 0s; }
.menupaneel .groot a { display: flex; align-items: baseline; gap: 14px; margin-bottom: 10px; }
.menupaneel .groot a:hover .b2 { color: var(--diep); }
.stapel { position: relative; padding: 0 120px 150px; }
.stapel .dienst { position: sticky; left: auto; top: calc(130px + var(--i) * 26px); margin-bottom: 44px; }
.stapel .dienst:last-child { margin-bottom: 0; }
html.beweeg [data-kom] { opacity: 0; transform: translateY(24px); transition: opacity .6s cubic-bezier(.2,.9,.2,1), transform .6s cubic-bezier(.2,.9,.2,1); }
html.beweeg [data-kom].in { opacity: 1; transform: none; }
.afv-kop { font-family: Anton, sans-serif; font-weight: 400; font-size: 80px; line-height: .92; text-transform: uppercase; letter-spacing: -.004em; color: var(--nacht); }
.afv-kop > span { display: block; white-space: nowrap; }
.afv-kop .tweede { margin-left: 100px; }
.afv-kop .blauw { color: var(--diep); }
.afv-note { position: relative; transform: rotate(1.6deg); }
.afv-achter { position: absolute; inset: 0; border-radius: 16px; background: #D5E3F4; transform: rotate(-5deg) translate(-14px, 10px); }
.afv-vel { position: relative; padding: 54px 40px 14px; background: #fff; border-radius: 16px; box-shadow: 0 30px 70px rgba(2,7,25,.14), 0 2px 6px rgba(2,7,25,.05); }
.afv-gaten { position: absolute; left: 40px; right: 40px; top: 16px; display: flex; justify-content: space-between; }
.afv-gaten i { display: block; width: 12px; height: 20px; border-radius: 6px; background: var(--nacht); }
.afv-velkop { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; border-bottom: 2px solid var(--nacht); }
.afv-velkop .label { font-size: 13px; }
.afv-teller { font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 13px; letter-spacing: .08em; padding: 6px 12px; border-radius: 999px; background: var(--mist); color: var(--nacht); transition: background .25s ease, color .25s ease; }
.afv-teller.vol { background: var(--diep); color: #fff; }
.afv-vink { display: flex; gap: 22px; align-items: flex-start; width: 100%; padding: 26px 0; border: 0; border-top: 1px solid var(--lijn); background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.afv-vink:first-of-type { border-top: 0; }
.afv-vak { position: relative; flex: none; width: 44px; height: 44px; margin-top: 2px; border-radius: 12px; border: 2.5px solid var(--nacht); background: #fff; transition: background .2s ease, border-color .2s ease, transform .3s cubic-bezier(.2,.9,.2,1); }
.afv-vak .pijl { position: absolute; left: 13px; top: 8px; opacity: 0; transform: translate(-16px, -18px) scale(1.6); transition: opacity .18s ease, transform .35s cubic-bezier(.2,.9,.2,1); }
.afv-vak::after { content: ""; position: absolute; inset: -6px; border-radius: 16px; border: 3px solid var(--diep); opacity: 0; pointer-events: none; }
.afv-vink[aria-pressed="true"] .afv-vak { background: var(--diep); border-color: var(--diep); transform: rotate(-4deg); }
.afv-vink[aria-pressed="true"] .afv-vak .pijl { opacity: 1; transform: none; }
.afv-vak.klik::after { animation: klikring .5s ease-out 1; }
@keyframes klikring { 0% { opacity: .7; transform: scale(.8); } 100% { opacity: 0; transform: scale(1.7); } }
.afv-vink:hover .afv-vak { border-color: var(--diep); }
.afv-vink:focus-visible { outline: 3px solid var(--diep); outline-offset: 4px; border-radius: 8px; }
.afv-vink b { display: block; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 28px; line-height: 1.12; color: var(--nacht); margin-bottom: 8px; }
.afv-vink .t { display: block; font-size: 16px; line-height: 1.55; color: var(--zacht); }
.afv-muis { position: absolute; left: 0; top: 0; z-index: 6; line-height: 0; pointer-events: none; will-change: transform; filter: drop-shadow(0 10px 14px rgba(2,7,25,.28)); }
.afv-muis svg { display: block; transition: transform .16s ease; transform-origin: 3px 3px; }
.afv-muis.druk svg { transform: scale(.86); }
.zw-dingen { position: absolute; left: 0; top: 290px; width: 1440px; height: 300px; }
.zw-ding { position: absolute; top: 0; width: 384px; height: 300px; }
.zw-stap { position: absolute; top: 622px; width: 350px; }
.zw-stap h3 { margin-bottom: 8px; }
.zw-stap p { color: var(--zacht); }
.zw-nr { display: block; font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 13px; letter-spacing: .14em; color: var(--diep); margin-bottom: 10px; }
.zw-knop { position: absolute; left: 120px; top: 826px; }
.zw-bel .portret { position: absolute; left: 34px; top: 34px; width: 104px; height: 104px; border: 4px solid rgba(255,255,255,.9); }
.zw-bel .wie { position: absolute; left: 156px; top: 64px; }
.zw-bel .tijd { position: absolute; left: 34px; bottom: 22px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 200; font-size: 80px; line-height: 1; letter-spacing: -.02em; color: #fff; }
.zw-bel .golf { position: absolute; right: 34px; bottom: 44px; display: flex; align-items: flex-end; gap: 5px; height: 56px; }
.zw-bel .golf i { display: block; width: 6px; height: 14px; border-radius: 3px; background: var(--helder); transform-origin: 50% 100%; transition: height .3s ease; }
.zw-bel.loopt .golf i:nth-child(1), .zw-bel.loopt .golf i:nth-child(7) { height: 20px; }
.zw-bel.loopt .golf i:nth-child(2), .zw-bel.loopt .golf i:nth-child(6) { height: 38px; }
.zw-bel.loopt .golf i:nth-child(3), .zw-bel.loopt .golf i:nth-child(5) { height: 52px; }
.zw-bel.loopt .golf i:nth-child(4) { height: 30px; }
.zw-bel.loopt .golf i:nth-child(8) { height: 44px; }
.zw-bel.loopt .golf i:nth-child(9) { height: 26px; }
html.beweeg .zw-bel.loopt .golf i { animation: zwgolf 1.1s ease-in-out infinite alternate; }
html.beweeg .zw-bel.loopt .golf i:nth-child(2n) { animation-delay: -.3s; }
html.beweeg .zw-bel.loopt .golf i:nth-child(3n) { animation-delay: -.6s; }
html.beweeg .zw-bel.loopt .golf i:nth-child(5n) { animation-delay: -.85s; }
@keyframes zwgolf { from { transform: scaleY(.35); } to { transform: scaleY(1); } }
.zw-plan { border-radius: 20px; background: var(--ijsvlak); }
.zw-plan .achter { position: absolute; left: 62px; top: 30px; width: 260px; height: 244px; border-radius: 14px; background: #C9DCF3; transform: rotate(-6deg); }
.zw-plan .vel { position: absolute; left: 62px; top: 26px; width: 260px; height: 248px; padding: 26px 24px 0; border-radius: 14px; background: #fff; box-shadow: 0 18px 40px rgba(2,7,25,.14); transform: rotate(2deg); }
.zw-plan .regel { display: flex; align-items: center; gap: 12px; padding: 11px 0; font-weight: 600; font-size: 16px; color: var(--nacht); border-top: 1px solid var(--lijn); }
.zw-plan .regel:first-child { border-top: 0; }
.zw-plan .vakje { position: relative; flex: none; width: 26px; height: 26px; border-radius: 8px; border: 2px solid var(--nacht); transition: background .2s ease, border-color .2s ease, transform .3s cubic-bezier(.2,.9,.2,1); }
.zw-plan .vakje .pijl { position: absolute; left: 7px; top: 4px; opacity: 0; transform: translate(-8px, -9px) scale(1.5); transition: opacity .18s ease, transform .3s cubic-bezier(.2,.9,.2,1); }
.zw-plan .regel.aan .vakje { background: var(--diep); border-color: var(--diep); transform: rotate(-4deg); }
.zw-plan .regel.aan .vakje .pijl { opacity: 1; transform: none; }
.zw-plan .stempel { position: absolute; right: -22px; bottom: 22px; padding: 7px 14px; border: 2.5px solid var(--diep); border-radius: 8px; font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--diep); background: #fff; transform: rotate(-9deg) scale(1.7); opacity: 0; transition: opacity .15s ease, transform .3s cubic-bezier(.3,1.5,.5,1); }
.zw-plan .stempel.aan { opacity: 1; transform: rotate(-9deg) scale(1); }
.zw-aanuit .baan { position: absolute; left: 92px; top: 78px; width: 200px; height: 96px; border-radius: 48px; background: rgba(255,255,255,.24); transition: background .3s ease; }
.zw-aanuit .knopje { position: absolute; left: 8px; top: 8px; width: 80px; height: 80px; border-radius: 50%; background: #fff; box-shadow: 0 6px 14px rgba(2,7,25,.25); display: flex; align-items: center; justify-content: center; transition: transform .45s cubic-bezier(.3,1.4,.5,1), background .3s ease; }
.zw-aanuit .knopje .pijl { opacity: .25; transition: opacity .3s ease; }
.zw-aanuit .stand { position: absolute; left: 0; right: 0; top: 206px; text-align: center; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 44px; line-height: 1; color: rgba(255,255,255,.45); transition: color .3s ease; }
.zw-aanuit.aan .baan { background: #fff; }
.zw-aanuit.aan .knopje { transform: translateX(104px); background: var(--nacht); }
.zw-aanuit.aan .knopje .pijl { opacity: 1; }
.zw-aanuit.aan .stand { color: #fff; }
.zw-aanuit .zw-muis { position: absolute; left: 0; top: 0; z-index: 6; line-height: 0; pointer-events: none; filter: drop-shadow(0 10px 14px rgba(2,7,25,.28)); transform: translate3d(318px, 232px, 0); transition: transform .8s cubic-bezier(.2,.9,.2,1); }
.zw-aanuit.wijst .zw-muis { transform: translate3d(138px, 128px, 0); }
.zw-muis svg { display: block; transition: transform .16s ease; transform-origin: 3px 3px; }
.zw-muis.druk svg { transform: scale(.86); }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.loopregel { position: absolute; left: 120px; top: 494px; width: 1200px; padding: 6px 0; font-weight: 400; }
.loopregel .baan, .loopregel .stuk { display: block; }
.loopregel .stuk { font-size: 96px; }
.loopregel .stuk .pijl, .loopregel .stuk.tweede { display: none; }
html.beweeg .loopregel { left: 16px; width: 1408px; overflow: hidden; }
html.beweeg .loopregel .baan { display: flex; width: max-content; animation: loopregel 38s linear infinite; }
html.beweeg .loopregel .stuk, html.beweeg .loopregel .stuk.tweede { display: flex; align-items: center; gap: 56px; font-size: 132px; white-space: nowrap; padding-right: 56px; }
html.beweeg .loopregel .stuk .pijl { display: block; flex: none; }
@keyframes loopregel { to { transform: translateX(-50%); } }
.werk-baan { position: relative; display: block; height: calc(760px + 3 * 560px); background: #fff; }
.werk-pin { position: sticky; top: min(24px, calc(100vh / var(--z) - 776px)); left: auto; width: 1408px; height: 760px; margin: 0 16px; overflow: hidden; border-radius: 20px; background: var(--nacht); }
.werk-fotos img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .6s ease; }
.werk-fotos img.aan { opacity: 1; }
.werk-pin .laag { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(2,7,25,.72) 0%, rgba(2,7,25,0) 30%), linear-gradient(90deg, rgba(2,7,25,.84) 0%, rgba(2,7,25,.46) 48%, rgba(2,7,25,.1) 100%), linear-gradient(0deg, rgba(2,7,25,.84) 0%, rgba(2,7,25,0) 50%); }
.werk-pin .hoek { position: absolute; left: 0; bottom: 0; display: block; z-index: 5; }
.werk-pin .werk-lijst { position: absolute; left: 104px; top: 98px; z-index: 4; display: flex; gap: 34px; }
.werk-lijst button { display: inline-flex; align-items: baseline; gap: 12px; padding: 6px 0; border: 0; border-bottom: 2px solid transparent; background: none; font: 500 15px/1.4 Inter, sans-serif; color: rgba(255,255,255,.72); cursor: pointer; transition: color .2s ease, border-color .2s ease; }
.werk-lijst button span { font-family: "JetBrains Mono", monospace; font-size: 13px; }
.werk-lijst button:hover { color: #fff; }
.werk-lijst button[aria-current="true"] { color: #fff; font-weight: 600; border-bottom-color: var(--helder); }
.werk-lijst button[aria-current="true"] span { color: var(--helder); }
.werk-lijst button:focus-visible, .werk-rond:focus-visible, .vragenlijst .vraag:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.werk-pin .werk-case { position: absolute; left: 104px; bottom: 66px; width: 1060px; z-index: 3; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
.werk-pin .werk-case.actief { opacity: 1; visibility: visible; transition: opacity .45s ease, visibility 0s linear 0s; }
.werk-case h3 { font-family: Anton, sans-serif; font-weight: 400; font-size: 84px; line-height: .94; text-transform: uppercase; letter-spacing: -.004em; color: #fff; white-space: nowrap; transform: translateY(24px); transition: transform .6s cubic-bezier(.2,.9,.2,1); }
.werk-case.actief h3 { transform: none; }
.werk-case p { font-size: 20px; line-height: 1.5; color: #DCE6F5; margin-top: 16px; }
.werk-case p b { color: #fff; }
.werk-case .verder { margin-top: 18px; }
.werk-pin .werk-rond { position: absolute; right: 72px; bottom: 60px; z-index: 4; width: 150px; height: 150px; border-radius: 50%; background: var(--diep); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #fff; font-weight: 600; font-size: 15px; transition: transform .25s cubic-bezier(.2,.9,.2,1); }
.werk-pin .werk-rond:hover { transform: scale(1.06); }
.werk-pin .werk-teller { position: absolute; right: 72px; top: 100px; z-index: 4; font-family: "JetBrains Mono", monospace; font-size: 14px; color: #fff; background: rgba(2,7,25,.6); padding: 6px 12px; border-radius: 999px; }
.bel img { display: block; height: auto; }
.bel.donker { background: var(--nacht); border-color: var(--nacht); }
.bellenveld { position: absolute; }
html.beweeg .bellenveld .bel { animation: none; }
.bellenveld .bel, .bellenveld a.bel { transition: none; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; will-change: transform; }
.bellenveld .bel img { pointer-events: none; -webkit-user-drag: none; }
.bellenveld a.bel { cursor: pointer; }
.bellenveld.sleept .bel, .bellenveld.sleept a.bel { cursor: grabbing; }
a.bel { transition: transform .25s cubic-bezier(.2,.9,.2,1); }
html.beweeg .bel { animation: zweef 7s ease-in-out infinite alternate; }
html.beweeg .bel:nth-child(2n) { animation-duration: 8.5s; animation-delay: -3s; }
html.beweeg .bel:nth-child(3n) { animation-duration: 6s; animation-delay: -1.5s; }
html.beweeg .bel:nth-child(5n) { animation-duration: 9.5s; animation-delay: -5s; }
@keyframes zweef { from { transform: translateY(-6px); } to { transform: translateY(7px); } }
html.beweeg .licht-op { opacity: .26; transition: opacity .5s ease; }
html.beweeg .licht-op.aan { opacity: 1; }
.voorna { position: absolute; border-radius: 20px; overflow: hidden; background: #13223F; }
.voorna .na { position: absolute; left: 0; top: 0; display: block; transform: translateY(46px); will-change: transform; }
.voorna .code { position: absolute; left: 16px; top: 16px; z-index: 2; font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 12px; letter-spacing: .08em; background: var(--ijs); color: var(--nacht); padding: 5px 9px; border-radius: 7px; transition: opacity .3s ease; }
.voorna .na-code { left: auto; top: auto; right: 16px; bottom: 54px; background: var(--nacht); color: #fff; }
.voorna .wat { position: absolute; z-index: 2; left: 16px; top: 52px; font-size: 14px; line-height: 1.4; font-weight: 500; color: #DCE6F5; transition: opacity .3s ease; }
.voorna .na-wat { left: auto; top: auto; right: 20px; bottom: 22px; color: #33445E; }
html.beweeg .voorna:not(.na-zichtbaar) .na-code, html.beweeg .voorna:not(.na-zichtbaar) .na-wat { opacity: 0; }
html.beweeg .voorna.voor-weg .code:not(.na-code), html.beweeg .voorna.voor-weg .voor-wat { opacity: 0; }
.weekrij { padding: 20px 0; }
.weekrij .oud { font-size: 15px; color: #6B7280; text-decoration: line-through; text-decoration-color: currentColor; transition: color .4s ease, text-decoration-color .4s ease; }
.weekrij .nieuw { font-weight: 600; font-size: 18px; margin-top: 6px; transition: opacity .4s ease; }
html.beweeg .weekrij:not(.om) .oud { color: var(--nacht); text-decoration-color: transparent; }
html.beweeg .weekrij:not(.om) .nieuw { opacity: .26; }
.oms { position: relative; display: block; overflow: hidden; background: var(--diep); flex: none; }
.oms.licht { background: #DDE8F5; }
.oms.donker { background: var(--navy); }
.oms.nacht { background: var(--nacht); }
.oms .gp { position: absolute; line-height: 0; transition: transform .45s cubic-bezier(.2,.9,.2,1); }
.oms .code { position: absolute; left: 12px; top: 12px; font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 11px; line-height: 1; letter-spacing: .08em; background: var(--nacht); color: #fff; padding: 5px 8px; border-radius: 6px; }
.oms.donker .code, .oms.nacht .code { background: var(--ijs); color: var(--nacht); }
.bc-kop { position: absolute; left: 120px; top: 100px; width: 1200px; font-family: Anton, sans-serif; font-weight: 400; font-size: 138px; line-height: .9; letter-spacing: -.004em; text-transform: uppercase; color: #fff; white-space: nowrap; }
.bc-plek { position: absolute; width: 270px; height: 392px; z-index: 2; }
.bc-plek:hover, .bc-plek:focus-within { z-index: 4; }
.bc-kaart { position: absolute; left: 0; top: 0; display: block; width: 270px; height: 392px; padding: 12px; border-radius: 18px; background: #fff; color: var(--nacht); box-shadow: 0 26px 50px rgba(2,7,25,.3); transform: rotate(var(--hoek, 0deg)); transition: transform .35s cubic-bezier(.2,.9,.2,1), box-shadow .3s ease; }
.bc-kaart:hover, .bc-kaart:focus-visible { transform: rotate(0deg) translateY(-14px); box-shadow: 0 40px 70px rgba(2,7,25,.42); }
.bc-kaart:focus-visible, .bc-rond:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.bc-kaart:hover .oms .gp { transform: translate(6px, -6px); }
.bc-kaart .oms { width: 246px; height: 190px; border-radius: 10px; }
.bc-kaart .datum { display: block; font-family: "JetBrains Mono", monospace; font-size: 13px; line-height: 1.3; letter-spacing: .02em; color: var(--zacht); margin: 16px 6px 0; }
.bc-kaart h3 { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 21px; line-height: 1.14; letter-spacing: -.005em; margin: 8px 6px 0; }
.bc-rond { position: absolute; z-index: 5; width: 150px; height: 150px; border-radius: 50%; background: var(--nacht); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #fff; font-weight: 600; font-size: 15px; line-height: 1.2; text-align: center; }
.bc-rond > span:first-child { line-height: 0; }
.bc-rond:hover { background: var(--navy); }
html.beweeg .bc-plek[data-kom] { opacity: 1; transform: none; transition: none; }
html.beweeg .bc-plek[data-kom]:not(.in) .bc-kaart { opacity: 0; }
html.beweeg .bc-plek[data-kom].in .bc-kaart { animation: kaartval .8s cubic-bezier(.2,.9,.2,1) backwards; animation-delay: calc(var(--d, 0) * 90ms); }
@keyframes kaartval { from { opacity: 0; transform: rotate(calc(var(--hoek, 0deg) * 3)) translateY(70px); } to { opacity: 1; transform: rotate(var(--hoek, 0deg)); } }
.fd-vlak { left: 16px; top: 0; width: 1408px; height: 1180px; background: var(--nacht); border-radius: 20px; overflow: hidden; }
.fd-vlak > * { position: absolute; }
.fd-vlak img.foto { left: 0; top: 0; width: 1408px; height: 660px; object-fit: cover; object-position: 50% 24%; }
.fd-laag { left: 0; top: 0; width: 1408px; height: 661px; background: linear-gradient(0deg, #020719 0%, rgba(2,7,25,.9) 24%, rgba(2,7,25,.42) 50%, rgba(2,7,25,.1) 78%, rgba(2,7,25,.1) 100%); }
.fd-kop { font-size: 76px; font-weight: 400; line-height: .96; text-align: center; }
.ft-kop { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 1.1; color: #fff; margin-bottom: 14px; }
.ft-lijst a { display: block; width: max-content; font-size: 16px; line-height: 2.1; color: #C9D3E3; transition: color .15s ease, transform .2s cubic-bezier(.2,.9,.2,1); }
.ft-lijst a:hover { color: #fff; transform: translateX(6px); }
.ft-mail { display: block; width: max-content; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 30px; line-height: 1.1; color: #fff; padding-bottom: 6px; border-bottom: 2px solid var(--helder); }
.ft-contact p { font-size: 16px; line-height: 2.1; color: #C9D3E3; margin-top: 14px; }
.ft-contact p a:hover, .ft-recht a:hover { color: #fff; }
.ft-recht { display: flex; justify-content: space-between; align-items: center; font-size: 13px; line-height: 1.4; color: #7F8BA3; border-top: 1px solid rgba(255,255,255,.12); padding-top: 22px; }
.ft-recht span.r a { margin-left: 26px; }
.ft-lijst a:focus-visible, .ft-contact a:focus-visible, .ft-recht a:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.ft-lijst .ft-kop a { display: inline-block; width: auto; font: inherit; line-height: inherit; color: inherit; }
.ft-lijst .ft-kop a:hover { color: #fff; transform: translateX(6px); }
.ft-logo { display: block; line-height: 0; position: relative; }
.ft-logo:focus-visible { outline: 3px solid var(--diep); outline-offset: 8px; border-radius: 6px; }
.ft-logo .ft-muis { position: absolute; left: 0; top: 0; width: 46px; pointer-events: none; z-index: 2; filter: drop-shadow(0 6px 14px rgba(0,0,0,.45)); }
.ft-logo .ft-muis svg { display: block; width: 100%; height: auto; }
.ft-logo .ft-ring { position: absolute; left: 0; top: 0; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; border: 3px solid var(--helder); pointer-events: none; opacity: 0; }
.vkop { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px; }
.vragenlijst { position: relative; }
.vragenlijst h3 { font: inherit; }
.vraagblok { border-top: 1px solid var(--lijn); }
.vraagblok:last-child { border-bottom: 1px solid var(--lijn); }
.vragenlijst .vraag { justify-content: flex-start; gap: 0; width: 100%; padding: 24px 0; border: 0; background: none; font-family: inherit; text-align: left; cursor: pointer; }
.vragenlijst .vraag .nr { width: 96px; flex: none; font-family: "JetBrains Mono", monospace; font-weight: 400; font-size: 14px; letter-spacing: .02em; color: var(--diep); }
.vragenlijst .vraag .q { flex: 1; font-family: Anton, sans-serif; font-weight: 400; font-size: 56px; line-height: 1.04; letter-spacing: -.004em; text-transform: uppercase; color: var(--nacht); transition: color .2s ease, transform .3s cubic-bezier(.2,.9,.2,1); }
.vragenlijst .vraag:hover .q { transform: translateX(10px); }
.vragenlijst .vraag:hover .q, .vraagblok.open .q { color: var(--diep); }
.vragenlijst .rond { width: 60px; height: 60px; flex: none; border-radius: 50%; border: 1.5px solid #C5CCD8; display: flex; align-items: center; justify-content: center; transition: background .2s ease, border-color .2s ease; }
.vragenlijst .vraag:hover .rond { border-color: var(--nacht); }
.vraagblok.open .rond, .vraagblok.open .vraag:hover .rond { background: var(--diep); border-color: var(--diep); }
.pm { display: block; }
.pm path { fill: none; stroke: var(--nacht); stroke-width: 2.2; stroke-linecap: round; transition: stroke .2s ease; }
.pm .staand { transform-origin: 10px 10px; transition: transform .3s cubic-bezier(.2,.9,.2,1), stroke .2s ease, visibility 0s linear 0s; }
.vraagblok.open .pm path { stroke: #fff; }
.vraagblok.open .pm .staand { transform: scaleY(0); visibility: hidden; transition: transform .3s cubic-bezier(.2,.9,.2,1), stroke .2s ease, visibility 0s linear .3s; }
.antwoord { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s cubic-bezier(.2,.9,.2,1); }
.vraagblok.open .antwoord { grid-template-rows: 1fr; }
.antwoord > div { min-height: 0; overflow: hidden; visibility: hidden; transition: visibility 0s linear .4s; }
.vraagblok.open .antwoord > div { visibility: visible; transition: visibility 0s linear 0s; }
.antwoord p { margin: 0 0 34px 96px; max-width: 700px; font-size: 19px; line-height: 1.6; color: var(--zacht); }
.blogwissel { border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 20px 44px rgba(2,7,25,.28); }
.blogwissel .balk { position: absolute; left: 0; top: 0; right: 0; height: 30px; z-index: 2; display: flex; align-items: center; gap: 7px; padding-left: 16px; background: #EEF2F7; }
.blogwissel .balk i { display: block; width: 9px; height: 9px; border-radius: 50%; background: #C3CCDA; }
.blogwissel .beelden { position: absolute; left: 0; top: 30px; display: block; width: 540px; height: 390px; }
.blogwissel img { position: absolute; left: 0; top: 0; width: 540px; height: 390px; object-fit: cover; opacity: 0; transition: opacity .7s ease; }
.blogwissel img.aan { opacity: 1; }
.knoplink { display: inline-block; line-height: 0; }
.tijdelijk { position: absolute; left: 16px; top: 16px; font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 12px; letter-spacing: .08em; background: var(--ijs); color: var(--nacht); padding: 5px 9px; border-radius: 7px; z-index: 2; }
html.figma .kop-logo, html.figma .kop-nav, html.figma .kop-knop, html.figma .menuknop { position: absolute; }
html.figma .kop-logo { mix-blend-mode: normal; }
html.figma .kop-logo .omkeer { display: none; }
html.figma .kop-logo [data-inlinelogo] { visibility: visible; }
html.figma .doek, html.figma .mega, html.figma .menupaneel { display: none; }
html.figma .hero2 { height: 900px; }
html.figma .werk-baan { height: 760px; }
html.figma .stapel .dienst { position: relative; top: auto; }
html.figma .blogwissel img { opacity: 1; }
html.figma .blogwissel img:nth-child(1) { z-index: 7; }
html.figma .blogwissel img:nth-child(2) { z-index: 6; }
html.figma .blogwissel img:nth-child(3) { z-index: 5; }
html.figma .blogwissel img:nth-child(4) { z-index: 4; }
html.figma .blogwissel img:nth-child(5) { z-index: 3; }
html.figma .blogwissel img:nth-child(6) { z-index: 2; }
html.figma .blogwissel img:nth-child(7) { z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body, .kop-logo, .kop-nav, .kop-knop a, .doek, .mega, .menupaneel, .kop-nav .haakje, .werk-pin .werk-case, .werk-case h3, .werk-fotos img, .werk-pin .werk-rond, .antwoord, .antwoord > div, a.bel, .bc-kaart, .oms .gp, .vragenlijst .vraag .q, .vragenlijst .rond, .pm path, .pm .staand, .ft-lijst a { transition: none !important; }
  .werk-case h3 { transform: none; }
  .afv-vak, .afv-vak .pijl, .afv-teller, .afv-muis svg { transition: none !important; }
  .zw-bel .golf i, .zw-plan .vakje, .zw-plan .vakje .pijl, .zw-plan .stempel, .zw-aanuit .baan, .zw-aanuit .knopje, .zw-aanuit .knopje .pijl, .zw-aanuit .stand, .zw-aanuit .zw-muis, .zw-muis svg { transition: none !important; }
  .afv-vak.klik::after { animation: none; }
  .mega, .menupaneel { transform: none !important; }
  body.gescrold .kop-nav { transform: translateX(-50%); }
}
@media (min-width: 1441px) {
  html { background: #fff; }
}
@media (min-width: 761px) { .fd-vlak:has(> svg[style*="right:0;top:0"]) { border-top-right-radius: 0 !important; } }
@media (min-width: 761px) { .fd-vlak:has(> svg[style*="right:0;top:0"]) { clip-path: polygon(0 0, calc(100% - 72px) 0, 100% 76px, 100% 100%, 0 100%); } }
@media (min-width: 761px) {
  .werk-baan { --werk-hoog: max(620px, calc(100vh / var(--z))); height: calc(var(--werk-hoog) + 3 * 560px); }
  html.figma .werk-baan { height: var(--werk-hoog); }
  .werk-pin { top: 0; width: 1440px; height: var(--werk-hoog); margin: 0; border-radius: 0; }
  .werk-pin .hoek { display: none; }
  .werk-pin .werk-lijst { left: 120px; top: 122px; }
  .werk-pin .werk-case { left: 120px; }
  .werk-pin .werk-rond { right: 88px; }
  .werk-pin .werk-teller { right: 88px; top: 124px; }
}
html { background: #DCE2EA; }
body { width: 1440px; margin: 0 auto; background: #fff; }
:where(.pagina) a { text-decoration: none; }
:where(.pagina) button { font: inherit; color: inherit; }
.pagina .sec > *, .pagina .binnen > * { position: absolute; }
.pagina .binnen { overflow: hidden; }
.pagina > header.sec > .binnen:has(> svg > polygon[points="0,0 0,76 72,76"]) { clip-path: polygon(calc(72px * var(--hoek, 1)) 100%, 0 calc(100% - 76px * var(--hoek, 1)), 0 0, 100% 0, 100% 100%); }
html.bw-voor .pagina > header.sec > .binnen { --hoek: 0; }
.mono { font-family: "JetBrains Mono", monospace; letter-spacing: .02em; }
.pagina button:focus-visible, .pagina a:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.sw .bc-kop { font-size: 164px; top: 92px; }
.sw .bc-plek, .sw .bc-kaart { width: 264px; height: 404px; }
.sw .bc-kaart img { display: block; width: 240px; height: 180px; border-radius: 10px; object-fit: cover; }
.sw .naam { display: block; margin: 14px 60px 0 6px; font-family: "JetBrains Mono", monospace; font-size: 13px; line-height: 1.3; letter-spacing: .02em; color: var(--zacht); }
.sw .bc-kaart h3 { font-size: 22px; margin: 6px 60px 0 6px; }
.sw .prijs { display: block; margin: 10px 60px 0 6px; font-size: 14px; line-height: 1.45; color: var(--zacht); }
.sw .rest { position: absolute; left: 120px; top: 740px; width: 1200px; text-align: center; white-space: nowrap; }
.sw.klein .bc-kop { font-size: 108px; top: 96px; }
.sw.klein .bc-plek, .sw.klein .bc-kaart { width: 270px; height: 344px; }
.sw.klein .bc-kaart img { width: 246px; height: 184px; }
.sw.klein .naam { margin-right: 44px; }
.sw.klein .bc-kaart h3 { margin-right: 44px; }
.ct-tekst { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 46px; line-height: 1.12; letter-spacing: -.01em; color: var(--nacht); }
.ct-wie { display: flex; align-items: center; gap: 16px; font-size: 16px; color: var(--zacht); }
.ct-wie span.s { color: #F5B300; letter-spacing: 2px; }
.ct-wie b { color: var(--nacht); }
.dp-kop { font-weight: 400; }
.dp-kop .c2 { display: block; width: 700px; font-size: 112px; }
.dp-kop .c2 { box-sizing: content-box; padding-left: .76em; text-indent: -.76em; }
.dp-kop .c2::before { content: ''; float: right; width: .76em; height: .5em; }
.dp-kop .c2 .kop-terug { display: block; margin-left: -.76em; padding-right: .76em; text-indent: 0; }
.dp-kop .b2 { display: block; margin-top: 18px; font-size: 36px; white-space: nowrap; }
.dp-foto > img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.dp-foto > .laag { left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(2,7,25,.92) 0%, rgba(2,7,25,.72) 45%, rgba(2,7,25,.2) 100%), linear-gradient(0deg, rgba(10,113,217,.55) 0%, rgba(10,113,217,0) 40%); }
.dp-foto > .boven { left: 0; top: 0; width: 100%; height: 240px; background: linear-gradient(180deg, rgba(2,7,25,.72) 0%, rgba(2,7,25,0) 100%); }
.dp-kaart { overflow: hidden; border-radius: 20px; box-shadow: 0 30px 60px rgba(0,0,0,.42); background: var(--navy); }
.dp-kaart img { display: block; width: 100%; height: 100%; object-fit: cover; }
.blogwissel.groot .beelden, .blogwissel.groot img { width: 660px; height: 313px; }
.rs-vlak > *:not(.vlakvorm) { position: absolute; z-index: 1; }
.rs-vlak svg.rs-lijn { left: 0; top: 0; display: block; }
.rs-getal { font-family: Anton, sans-serif; font-weight: 400; font-size: 112px; line-height: .9; letter-spacing: -.004em; color: var(--nacht); white-space: nowrap; }
.rs-begin { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 30px; line-height: 1; color: var(--nacht); white-space: nowrap; }
.rs-wat { font-weight: 600; font-size: 16px; line-height: 1.4; color: var(--nacht); white-space: nowrap; }
.rs-bij { font-family: "JetBrains Mono", monospace; font-size: 13px; line-height: 1.4; letter-spacing: .02em; color: var(--zacht); white-space: nowrap; }
.rs-bron { font-size: 15px; line-height: 1.5; color: var(--zacht); }
.rs-rij { display: flex; align-items: center; gap: 48px; }
.rs-getal.groot { font-size: 168px; line-height: .86; }
.rs-naast { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; max-width: 600px; }
.rs-wat.groot { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 30px; line-height: 1.12; white-space: normal; text-wrap: balance; }
.rs-zin { font-size: 17px; line-height: 1.55; color: var(--zacht); }
.rs-naast .link { margin-top: 8px; }
.lp-foto { overflow: hidden; border-radius: 20px; background: var(--nacht); }
.lp-foto > * { position: absolute; }
.lp-foto img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.lp-foto .laag { left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(2,7,25,.86) 0%, rgba(2,7,25,.5) 26%, rgba(2,7,25,0) 58%), linear-gradient(90deg, rgba(2,7,25,.42) 0%, rgba(2,7,25,0) 50%); }
.lp-rij { display: flex; align-items: flex-start; width: 1200px; }
.lp-stap { position: relative; flex: 1; padding: 0 12px 0 0; border: 0; background: none; cursor: pointer; text-align: left; }
.lp-stap .nr { display: block; font-size: 13px; color: #9AA5B5; }
.lp-stap .punt { display: block; position: relative; height: 44px; margin: 10px 0 12px; }
.lp-stap .punt em { position: absolute; left: 0; right: -12px; top: 21px; height: 2px; background: var(--lijn); }
.lp-stap:last-child .punt em { right: 60%; }
.lp-stap .punt i { position: absolute; left: 0; top: 14px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid #B9C4D4; }
.lp-stap .punt .wijs { position: absolute; left: -2px; top: 4px; line-height: 0; display: none; }
.lp-stap.aan .punt i { display: none; }
.lp-stap.aan .punt .wijs { display: block; }
.lp-stap.geweest .punt i { background: var(--diep); border-color: var(--diep); }
.lp-stap b { display: block; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 21px; line-height: 1.15; color: #9AA5B5; transition: color .2s ease; }
.lp-stap:hover b, .lp-stap.geweest b { color: var(--nacht); }
.lp-stap.aan b { color: var(--diep); }
.lp-uitleg > *:not(.vlakvorm) { position: absolute; z-index: 1; }
.lp-uitleg .lp-zin { left: 44px; top: 40px; width: 1040px; font-size: 24px; line-height: 1.45; color: var(--nacht); display: none; }
.lp-uitleg .lp-zin.aan { display: block; }
.vb-kaart > .in:not(.vlakvorm) { position: absolute; left: 40px; top: 40px; width: 500px; }
.vb-kaart p { margin-top: 12px; font-size: 17px; line-height: 1.55; }
.vb-kaart .link { margin-top: 22px; }
.ws-plek { width: 384px; }
.ws-venster { position: relative; width: 384px; height: 300px; border-radius: 16px; }
.ws-venster .beelden, .ws-venster img, .ws-venster .oms { width: 384px; height: 270px; }
.ws-venster .oms { position: absolute; left: 0; top: 0; }
.ws-plek b.b3 { display: block; margin-top: 32px; }
a.ws-plek { display: block; color: inherit; text-decoration: none; }
a.ws-plek b.b3 { transition: color .2s ease; }
a.ws-plek:hover b.b3, a.ws-plek:focus-visible b.b3 { color: var(--diep); }
a.ws-plek:focus-visible { outline: 3px solid var(--diep); outline-offset: 8px; border-radius: 18px; }
.ws-wat { display: block; margin-top: 6px; font-size: 16px; line-height: 1.5; color: var(--zacht); }
.lv-venster { border-radius: 14px; }
a.lv-venster { display: block; color: inherit; transform: rotate(var(--hoek, 0deg)); transition: transform .35s cubic-bezier(.2,.9,.2,1), box-shadow .35s ease; }
a.lv-venster:hover, a.lv-venster:focus-visible { transform: rotate(0deg) translateY(-16px) scale(1.06); z-index: 10 !important; box-shadow: 0 40px 70px rgba(2,7,25,.42); }
a.lv-venster:focus-visible { outline: 3px solid var(--diep); outline-offset: 4px; }
.lv-venster .beelden, .lv-venster img { width: 300px; height: 217px; }
.dp-afv .afv-vink { align-items: center; padding: 20px 0; }
.dp-afv .afv-vink .t { font-size: 18px; line-height: 1.45; font-weight: 500; color: var(--nacht); }
.dp-afv .afv-vak { margin-top: 0; }
.pr-bedrag { display: flex; align-items: flex-end; gap: 18px; color: #fff; }
.pr-bedrag b { font-family: Anton, sans-serif; font-weight: 400; font-size: 168px; line-height: .86; letter-spacing: -.004em; }
.pr-bedrag span { font-family: Kanit, sans-serif; font-style: italic; font-weight: 600; font-size: 28px; padding-bottom: 14px; }
.pr-klein { font-size: 15px; line-height: 1.5; color: #C9D3E3; }
.pr-label { font-family: Kanit, sans-serif; font-style: italic; font-weight: 600; font-size: 22px; line-height: 1.2; color: #fff; }
.pr-keuze { display: flex; gap: 14px; }
.pr-rond { width: 76px; height: 76px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.5); background: none; cursor: pointer; color: #fff; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 30px; line-height: 1; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.pr-rond:hover { border-color: #fff; }
.pr-rond.aan { background: #fff; border-color: #fff; color: var(--nacht); }
.pr-pil { height: 52px; padding: 0 22px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.5); background: none; cursor: pointer; color: #fff; font-family: Kanit, sans-serif; font-style: italic; font-weight: 600; font-size: 18px; line-height: 1; white-space: nowrap; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.pr-pil:hover { border-color: #fff; }
.pr-pil.aan { background: #fff; border-color: #fff; color: var(--nacht); }
.pr-bedrag span.voor { order: -1; }
.ot-plek { width: 588px; }
.ot-kaart { position: relative; width: 588px; height: 588px; border-radius: 20px; overflow: hidden; background: #008AFC; isolation: isolate; }
.ot-kaart > * { position: absolute; }
.ot-kaart img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.ot-kaart img.speels { opacity: 0; transition: opacity .25s; }
.ot-kaart:hover img.speels { opacity: 1; }
html.figma .ot-kaart img.speels { display: none; }
.ot-plek b.b2 { display: block; margin-top: 28px; }
.ot-plek .ot-wat { display: block; margin-top: 8px; font-size: 17px; line-height: 27px; color: var(--zacht); }
.dp-foto > video { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
html.stil .dp-foto > video { display: none; }
.tl-lijn { width: 6px; border-radius: 3px; background: #DCE2EA; overflow: hidden; }
.tl-lijn i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--diep); transform-origin: 50% 0; }
.tl-punt { left: 709px; width: 22px; height: 22px; border-radius: 50%; box-sizing: border-box; background: #fff; border: 6px solid #DCE2EA; transition: border-color .3s; }
.tl-punt.aan { border-color: var(--diep); }
.tl-wijs { line-height: 0; will-change: transform; }
.tl-tekst { width: 460px; transition: opacity .45s; }
.tl-tekst.l { text-align: right; }
.tl-tekst b { display: block; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 40px; line-height: 1.05; letter-spacing: -.01em; color: var(--nacht); }
.tl-tekst p { margin-top: 14px; font-size: 18px; line-height: 29px; color: var(--zacht); }
.tl-beeld { width: 500px; height: 320px; border-radius: 20px; overflow: hidden; background: var(--mist); transition: opacity .45s, transform .6s cubic-bezier(.2,.9,.2,1); }
.tl-beeld > * { position: absolute; }
.tl-beeld img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
html:not(.stil) .tl-tekst:not(.aan) { opacity: .22; }
html:not(.stil) .tl-beeld:not(.aan) { opacity: .22; transform: translateY(18px); }
@media (prefers-reduced-motion: reduce) { .tl-tekst, .tl-beeld, .tl-punt { transition: none !important; } }
.ot-kaart.klein { width: 300px; height: 300px; border-radius: 16px; box-shadow: 0 30px 60px -28px rgba(2,7,25,.45); }
@media (prefers-reduced-motion: reduce) {
  .lp-stap b, .pr-rond, .pr-pil { transition: none !important; }
}
.ct-plan { width: 500px; height: 548px; border-radius: 20px; background: #fff; box-shadow: 0 40px 80px -36px rgba(0,0,0,.7); }
.ct-plan > * { position: absolute; }
.ct-plan .ct-feit { font-size: 16px; line-height: 24px; color: var(--zacht); }
.ct-maand { display: flex; justify-content: space-between; align-items: center; width: 436px; }
.ct-maand b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 20px; line-height: 1; color: var(--nacht); }
.ct-maand .pijlen { display: flex; gap: 8px; }
.ct-maand .pijlen span { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid #C5CCD8; display: flex; align-items: center; justify-content: center; }
.ct-maand .pijlen svg { display: block; }
.ct-dagen { display: grid; grid-template-columns: repeat(5, 80px); gap: 9px; }
.ct-dag { height: 78px; border: 0; border-radius: 14px; background: var(--mist); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font: 500 13px/1 Inter, sans-serif; color: var(--zacht); cursor: pointer; transition: background .2s ease, color .2s ease; }
.ct-dag b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 28px; line-height: 1; color: var(--nacht); }
.ct-dag:hover { background: #E4EAF3; }
.ct-dag.aan { background: var(--diep); color: #fff; }
.ct-dag.aan b { color: #fff; }
.ct-dag.vol { background: #fff; border: 1.5px solid var(--lijn); color: #A9B2C0; cursor: default; }
.ct-dag.vol b { color: #A9B2C0; }
.ct-tijden { display: grid; grid-template-columns: repeat(4, 100px); gap: 12px; }
.ct-tijd { height: 46px; border-radius: 999px; border: 1.5px solid #C5CCD8; background: #fff; font: 600 16px/1 Inter, sans-serif; color: var(--nacht); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.ct-tijd:hover { border-color: var(--nacht); }
.ct-tijd.aan { background: var(--nacht); border-color: var(--nacht); color: #fff; }
.ct-tijd.vol { border-color: var(--lijn); color: #A9B2C0; text-decoration: line-through; cursor: default; }
.ct-muis { z-index: 6; line-height: 0; pointer-events: none; filter: drop-shadow(0 10px 14px rgba(2,7,25,.28)); }
.ct-muis svg { display: block; }
.ct-dag:focus-visible, .ct-tijd:focus-visible, .ct-veld input:focus-visible, .ct-veld textarea:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.ct-lijst a.vraag { text-decoration: none; }
.ct-lijst .ct-bij { flex: none; margin-right: 32px; font-weight: 400; font-size: 17px; line-height: 27px; color: var(--zacht); text-align: right; }
.ct-lijst .rond svg { display: block; }
.ct-lijst a.vraag:hover .rond { background: var(--diep); border-color: var(--diep); }
.ct-lijst a.vraag:hover .rond polygon { fill: #fff; }
.ct-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; }
.ct-veld { display: block; }
.ct-veld.heel { grid-column: 1 / -1; }
.ct-veld span { display: block; margin-bottom: 10px; font-weight: 600; font-size: 15px; line-height: 1; color: #fff; }
.ct-veld input, .ct-veld textarea { display: block; width: 100%; box-sizing: border-box; height: 56px; padding: 0 18px; border-radius: 12px; border: 1.5px solid rgba(255,255,255,.26); background: rgba(255,255,255,.06); font: 400 17px/1.4 Inter, sans-serif; color: #fff; }
.ct-veld textarea { height: 128px; padding: 16px 18px; resize: none; }
.ct-form .ct-stuur { grid-column: 1 / -1; margin-top: 4px; line-height: 0; }
@media (prefers-reduced-motion: reduce) { .ct-dag, .ct-tijd { transition: none !important; } }
.cf-zin { font-family: Kanit, sans-serif; font-style: italic; font-weight: 300; font-size: 46px; line-height: 56px; letter-spacing: -.01em; color: #fff; }
.cf-zinrij { display: flex; align-items: flex-end; gap: 14px; height: 76px; white-space: nowrap; }
.cf-zinrij > * { flex: none; }
.cf-zinrij + .cf-zinrij, .cf-lang + .cf-zinrij { margin-top: 2px; }
.cf-gat { display: flex; align-items: flex-end; min-width: 200px; height: 62px; padding: 0 8px; box-sizing: border-box; border-bottom: 3px solid var(--helder); font-weight: 800; color: rgba(255,255,255,.4); }
.cf-gat.nu, .cf-gat.vol { color: #fff; }
.cf-gat.vol { min-width: 0; }
.cf-zinrij .cf-punt { margin-left: -10px; }
.cf-streep { display: inline-block; width: 4px; height: 46px; margin-left: 4px; background: #fff; }
.cf-gat .cf-streep { margin: 0 0 6px 2px; }
.cf-onder { display: flex; justify-content: space-between; align-items: center; }
.cf-lang { margin: 6px 0 8px; }
.cf-lang div { display: flex; align-items: flex-end; height: 48px; padding: 0 8px 6px; box-sizing: border-box; border-bottom: 2px solid var(--helder); font-weight: 600; font-size: 28px; line-height: 34px; letter-spacing: 0; white-space: nowrap; color: #fff; }
.cf-lang .cf-streep { width: 3px; height: 30px; margin: 0 0 2px 6px; }
.cs-collage { display: flex; gap: 22px; align-items: flex-start; transform: rotate(-9deg); transform-origin: 0 0; }
.cs-collage > div { display: flex; flex-direction: column; gap: 22px; width: 300px; flex: none; }
.cs-collage img { display: block; width: 300px; border-radius: 18px; object-fit: cover; object-position: left top; }
.cs-collage img.hoog { height: 236px; }
.cs-collage img.laag { height: 190px; object-position: center; }
.cs-links { left: 0; top: 0; width: 900px; height: 100%; background: linear-gradient(90deg, #020719 0%, #020719 52%, rgba(2,7,25,0) 100%); }
.cs-boven { left: 0; top: 0; width: 100%; height: 220px; background: linear-gradient(180deg, rgba(2,7,25,.86) 0%, rgba(2,7,25,0) 100%); }
.cs-rond { width: 150px; height: 150px; border-radius: 50%; background: var(--diep); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; box-shadow: 0 24px 50px -20px rgba(0,0,0,.6); transition: transform .25s cubic-bezier(.2,.9,.2,1); }
.cs-rond:hover { transform: scale(1.06); }
.cs-filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 44px; }
.cs-pil { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 20px; border-radius: 999px; border: 1.5px solid #C5CCD8; background: #fff; font: 600 16px/1 Inter, sans-serif; color: var(--nacht); cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.cs-pil:hover { border-color: var(--nacht); }
.cs-pil i { font: 500 12px/1 "JetBrains Mono", monospace; font-style: normal; color: var(--zacht); }
.cs-pil.aan { background: var(--nacht); border-color: var(--nacht); color: #fff; }
.cs-pil.aan i { color: rgba(255,255,255,.6); }
.cs-raster { display: flex; gap: 24px; align-items: flex-start; }
.cs-kolom { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.cs-kolom.lager { margin-top: 72px; }
.cs-kaart { display: block; border-radius: 20px; overflow: hidden; background: var(--mist); color: inherit; text-decoration: none; transition: transform .3s cubic-bezier(.2,.9,.2,1), box-shadow .3s ease; }
a.cs-kaart:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(2,7,25,.35); }
.cs-kaart .cs-beeld { display: block; width: 100%; height: 230px; object-fit: cover; }
.cs-kaart.site .cs-beeld { height: 270px; object-position: left top; }
.cs-kaart .cs-leeg { position: relative; background: #13223F; }
.cs-kaart .cs-leeg span { position: absolute; left: 16px; top: 16px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .08em; background: var(--ijs); color: var(--nacht); padding: 5px 9px; border-radius: 7px; }
.cs-kaart .cs-in { padding: 26px 28px 30px; }
.cs-kaart h3 { margin: 0 0 10px; }
.cs-kaart p { margin: 0; font-size: 17px; line-height: 27px; color: var(--zacht); }
.cs-kaart p b { font-weight: 600; color: var(--nacht); }
.cs-getal { margin-top: 24px; font-family: Anton, sans-serif; font-weight: 400; font-size: 76px; line-height: .95; letter-spacing: -.004em; text-transform: uppercase; color: var(--nacht); white-space: nowrap; }
.cs-wat { margin-top: 10px; font-size: 16px; line-height: 24px; color: var(--zacht); }
.cs-kaart .cs-meer { margin-top: 24px; }
.cs-kaart.vraag { background: var(--diep); }
.cs-kaart.vraag h3, .cs-kaart.vraag p { color: #fff; }
.cs-kaart.vraag .cs-meer { line-height: 0; }
.cs-pil:focus-visible, .cs-kaart:focus-visible, .cs-rond:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .cs-kaart, .cs-rond, .cs-pil { transition: none !important; } }
.bg-groot { display: flex; border-radius: 20px; overflow: hidden; background: var(--nacht); color: #fff; text-decoration: none; margin: 0 0 24px; }
.bg-groot img { display: block; width: 600px; height: 400px; object-fit: cover; flex: none; }
.bg-groot .bg-in { padding: 44px 48px; display: flex; flex-direction: column; justify-content: center; }
.bg-groot h3 { margin: 14px 0 14px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 38px; line-height: 1.08; letter-spacing: -.01em; color: #fff; }
.bg-groot p { margin: 0; font-size: 18px; line-height: 28px; color: rgba(255,255,255,.78); }
.bg-groot .cs-meer { margin-top: 26px; }
.bg-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-family: "JetBrains Mono", monospace; font-size: 13px; line-height: 1.3; letter-spacing: .02em; color: var(--zacht); }
.bg-groot .bg-meta { color: rgba(255,255,255,.7); }
.bg-meta .nieuw { font-family: Inter, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0; padding: 5px 11px; border-radius: 999px; background: var(--helder); color: var(--nacht); }
.bg-kaart .cs-beeld { height: 256px; }
.bg-kaart.vierkant .cs-beeld { height: 384px; }
.bg-kaart h3 { margin: 12px 0 10px; font-size: 24px; line-height: 1.14; }
.bg-kaart p { font-size: 16px; line-height: 25px; }
.bg-onder { margin-top: 56px; line-height: 0; }
.ar-kop { font-family: Anton, sans-serif; font-weight: 400; font-size: 76px; line-height: .96; letter-spacing: -.004em; text-transform: uppercase; color: #fff; }
.ar-wie { display: flex; align-items: center; gap: 14px; font-size: 16px; line-height: 1; color: rgba(255,255,255,.82); }
.ar-wie img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.ar-wie b { font-weight: 600; color: #fff; }
.ar-wie i { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.5); }
.ar-omslag { border-radius: 20px; overflow: hidden; box-shadow: 0 40px 80px -36px rgba(0,0,0,.7); }
.ar-omslag img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ar-pagina { display: flex; gap: 80px; align-items: flex-start; }
.ar-tekst { width: 760px; flex: none; }
.ar-tekst > p { margin: 0 0 22px; font-size: 19px; line-height: 1.7; color: #2A3346; }
.ar-tekst > p.eerst { font-size: 23px; line-height: 1.55; color: var(--nacht); margin-bottom: 26px; }
.ar-tekst > h2 { margin: 56px 0 18px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 36px; line-height: 1.1; letter-spacing: -.01em; color: var(--nacht); }
.ar-tekst > ul { margin: 0 0 26px; padding: 0; list-style: none; }
.ar-tekst > ul li { position: relative; margin: 0 0 14px; padding-left: 34px; font-size: 19px; line-height: 1.65; color: #2A3346; }
.ar-tekst > ul li > .pijl, .ar-tekst > ul li > span[data-pijl] { position: absolute; left: 4px; top: 8px; line-height: 0; }
.ar-citaat { margin: 48px 0; padding: 6px 0 6px 32px; border-left: 4px solid var(--diep); }
.ar-citaat p { margin: 0; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 30px; line-height: 1.22; letter-spacing: -.01em; color: var(--nacht); }
.ar-citaat cite { display: block; margin-top: 14px; font-style: normal; font-size: 16px; color: var(--zacht); }
.ar-zij { width: 360px; flex: none; position: sticky; top: 120px; }
.ar-inhoud { margin: 0 0 28px; padding: 0; list-style: none; border-left: 2px solid var(--lijn); max-width: 196px; }
.ar-inhoud li { margin: 0; }
.ar-inhoud a { display: block; padding: 7px 0 7px 18px; margin-left: -2px; border-left: 2px solid transparent; font-size: 15px; line-height: 22px; color: var(--zacht); text-decoration: none; }
.ar-inhoud a.nu { border-left-color: var(--diep); color: var(--nacht); font-weight: 600; }
.ar-inhoudkop { display: block; margin: 0 0 12px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 20px; line-height: 1; color: var(--nacht); }
.ar-oproep { border-radius: 16px; background: var(--mist); padding: 26px; }
.ar-oproep img { display: block; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.ar-oproep .b3 { font-size: 24px; margin-top: 14px; }
.ar-oproep p { margin: 8px 0 0; font-size: 15px; line-height: 1.55; color: var(--zacht); }
.ar-case { display: flex; gap: 28px; align-items: center; margin-top: 64px; padding: 20px; border-radius: 20px; background: var(--mist); color: inherit; text-decoration: none; }
.ar-case img { display: block; width: 240px; height: 160px; border-radius: 12px; object-fit: cover; flex: none; }
.ar-case .b3 { font-size: 24px; margin: 8px 0 8px; }
.ar-case p { margin: 0; font-size: 16px; line-height: 25px; color: var(--zacht); }
.ar-case p b { font-weight: 600; color: var(--nacht); }
.ar-case .ar-boven { font-size: 15px; font-weight: 600; color: var(--diep); }
.ar-case .link { margin-top: 14px; }
.ar-links { display: flex; align-items: center; gap: 32px; }
.ar-sterren { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; color: #fff; }
.ar-sterren span { color: #FFC83D; }
.cd-lead { font-size: 26px; line-height: 39px; color: var(--nacht); }
.cd-feiten { display: flex; flex-direction: column; margin: 0; border-bottom: 1.5px solid #DCE2EA; }
.cd-feiten > div { display: flex; gap: 24px; align-items: baseline; padding: 17px 0; border-top: 1.5px solid #DCE2EA; }
.cd-feiten dt { flex: none; width: 150px; font-size: 15px; line-height: 24px; color: var(--zacht); }
.cd-feiten dd { margin: 0; display: flex; gap: 20px; font-size: 17px; line-height: 24px; font-weight: 600; color: var(--nacht); }
.cd-feiten dd a { flex: none; color: var(--diep); border-bottom: 2px solid currentColor; }
.cd-bij { font-size: 18px; line-height: 29px; color: var(--zacht); }
.tl-tekst h3 { display: block; margin: 0; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 40px; line-height: 1.05; letter-spacing: -.01em; color: var(--nacht); }
.cd-weetje { display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; padding: 13px 18px; border-radius: 14px; background: var(--mist); font-size: 15px; line-height: 23px; font-weight: 500; color: var(--nacht); text-align: left; }
.cd-weetje > span:first-child { flex: none; line-height: 0; margin-top: 5px; }
.tl-tekst.l .cd-weetje { flex-direction: row-reverse; text-align: right; }
.cd-ding > *:not(.vlakvorm) { position: absolute; z-index: 1; }
.cd-bedrag { font-family: Anton, sans-serif; font-weight: 400; font-size: 132px; line-height: .9; letter-spacing: -.004em; color: #fff; white-space: nowrap; }
.cd-pil { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 20px 0 16px; border-radius: 22px; background: #fff; font-weight: 600; font-size: 16px; color: var(--nacht); white-space: nowrap; }
.cd-pil > span:first-child { line-height: 0; }
.cd-som { display: flex; align-items: flex-start; gap: 36px; }
.cd-som > div { display: flex; flex-direction: column; gap: 12px; }
.cd-som b { font-family: Anton, sans-serif; font-weight: 400; font-size: 196px; line-height: .86; letter-spacing: -.004em; color: var(--nacht); }
.cd-som b.blauw { color: var(--diep); }
.cd-som i { font-style: normal; font-family: Anton, sans-serif; font-size: 96px; line-height: 168px; color: #B9C4D4; }
.cd-som span { font-weight: 600; font-size: 16px; line-height: 22px; color: var(--nacht); white-space: nowrap; }
.cd-col .bc-kop { font-size: 138px; }
.cd-plek { width: 270px; z-index: 2; }
.cd-kaart { position: relative; box-sizing: border-box; width: 270px; height: 252px; padding: 28px 26px; border-radius: 18px; background: #fff; color: var(--nacht); box-shadow: 0 26px 50px rgba(0,0,0,.34); transform: rotate(var(--hoek, 0deg)); display: flex; flex-direction: column; gap: 12px; }
.cd-kaart b.g { font-family: Anton, sans-serif; font-weight: 400; font-size: 112px; line-height: .9; letter-spacing: -.004em; }
.cd-kaart h3 { margin: 0; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 25px; line-height: 1.1; letter-spacing: -.005em; }
.cd-kaart p { margin: 0; font-size: 16px; line-height: 25px; color: var(--zacht); }
.cd-kaart.blauw { background: var(--diep); color: #fff; }
.cd-kaart.blauw p { color: #DCE8F7; }
.cd-kaart.foto { padding: 12px; }
.cd-kaart.foto img { display: block; width: 246px; height: 228px; border-radius: 10px; object-fit: cover; }
.cd-kaart.leeg { background: none; box-shadow: none; border: 2px dashed rgba(255,255,255,.5); color: #fff; }
.cd-kaart.leeg p { color: #C9D3E3; }
.cd-vakjes { display: flex; flex-wrap: wrap; gap: 24px; }
.cd-vakje { box-sizing: border-box; flex: none; width: 282px; min-height: 116px; padding: 22px 24px; border: 1.5px solid #DCE2EA; border-radius: 16px; display: flex; flex-direction: column; gap: 6px; }
.cd-vakje b { font-weight: 700; font-size: 19px; line-height: 26px; color: var(--nacht); }
.cd-vakje span { font-size: 15px; line-height: 23px; color: var(--zacht); }
.cd-na { margin-top: 32px; font-size: 17px; line-height: 27px; color: var(--zacht); }
.cd-plek.breed { width: 430px; }
.cd-kaart.review { width: 430px; height: auto; min-height: 292px; padding: 28px 30px 26px; gap: 10px; }
.cd-kaart.review .s { color: #F5B300; font-size: 18px; line-height: 22px; letter-spacing: 2px; }
.cd-kaart.review p { font-size: 17px; line-height: 27px; color: var(--nacht); }
.cd-kaart.review .wie { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; }
.cd-kaart.review .wie b { font-weight: 700; font-size: 16px; line-height: 22px; }
.cd-kaart.review .wie small { font-size: 13px; line-height: 18px; color: var(--zacht); }
.cd-kaart.review .link { align-self: flex-start; margin-top: 8px; }
.cd-onder { font-weight: 600; font-size: 17px; line-height: 24px; white-space: nowrap; }
.od-getal { margin-top: 26px; font-family: Anton, sans-serif; font-weight: 400; font-size: 84px; line-height: .92; letter-spacing: -.004em; color: #fff; white-space: nowrap; }
.od-wat { margin-top: 8px; font-size: 16px; line-height: 24px; color: #C9D3E3; }
.od-leeg { border-radius: 20px; background: rgba(255,255,255,.08); border: 2px dashed rgba(255,255,255,.45); box-sizing: border-box; }
.od-leeg .code { position: absolute; left: 20px; top: 20px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .08em; background: #fff; color: var(--nacht); padding: 6px 10px; border-radius: 7px; }
.od-leeg .wat { position: absolute; left: 22px; right: 22px; bottom: 22px; font-size: 16px; line-height: 24px; color: #fff; }
.ig-post { width: 282px; border-radius: 18px; background: #fff; box-shadow: 0 26px 50px -18px rgba(2,7,25,.35); overflow: hidden; display: flex; flex-direction: column; }
.ig-kop { display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 14px; box-sizing: border-box; }
.ig-avatar { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--diep); display: flex; align-items: center; justify-content: center; line-height: 0; }
.ig-naam { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.ig-naam b { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--nacht); white-space: nowrap; }
.ig-naam small { font-size: 12px; line-height: 15px; color: var(--zacht); white-space: nowrap; }
.ig-merk { flex: none; display: block; }
.ig-beeld { position: relative; width: 282px; height: 500px; background: #13223F; overflow: hidden; }
.ig-beeld img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ig-beeld .code { position: absolute; left: 14px; top: 14px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .08em; background: var(--ijs); color: var(--nacht); padding: 5px 9px; border-radius: 7px; }
.ig-speel { position: absolute; left: 50%; top: 27%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: rgba(2,7,25,.62); display: flex; align-items: center; justify-content: center; padding-left: 6px; box-sizing: border-box; }
.ig-duur { position: absolute; right: 12px; bottom: 12px; font-weight: 600; font-size: 13px; line-height: 1; color: #fff; background: rgba(2,7,25,.62); padding: 6px 9px; border-radius: 8px; }
.ig-voet { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 14px 16px 18px; }
.ig-voet p { margin: 0; font-size: 14px; line-height: 21px; color: var(--nacht); }
.blogwissel .beelden.leeg { background: #13223F; }
.blogwissel .beelden.leeg .code { position: absolute; left: 18px; top: 18px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .08em; background: var(--ijs); color: var(--nacht); padding: 6px 10px; border-radius: 7px; }
.blogwissel .beelden.leeg .wat { position: absolute; left: 20px; right: 20px; bottom: 20px; font-size: 16px; line-height: 24px; color: #fff; }
.cd-kolom { display: flex; flex-direction: column; align-items: flex-start; }
.cd-kolom h2 { margin: 0; }
.cd-kolom .cd-bij { margin-top: 29px; }
.cd-kolom .link { margin-top: 54px; }
.ig-beeld[role="button"] { cursor: pointer; }
.ig-beeld[role="button"]:focus-visible { outline: 3px solid var(--diep); outline-offset: -3px; }
#alle .cs-kaart.site { border: 1px solid #E1E6EE; }
#alle .cs-kaart.site .cs-beeld { border-bottom: 1px solid #E1E6EE; box-sizing: border-box; }
.od-cijfers { display: flex; flex-direction: column; gap: 18px; }
.od-cijfer { position: relative; flex: 1 1 0; display: flex; align-items: center; justify-content: space-between; padding: 0 30px 0 32px; border-radius: 18px; background: #fff; box-shadow: 0 20px 44px rgba(2,7,25,.22); }
.od-cijfer .naam { display: flex; flex-direction: column; gap: 6px; }
.od-cijfer .naam b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 28px; line-height: 1; color: var(--nacht); }
.od-cijfer .naam i { font-style: normal; font-size: 15px; line-height: 20px; color: var(--zacht); }
.od-cijfer .getal { font-family: Anton, sans-serif; font-weight: 400; font-size: 68px; line-height: 1; letter-spacing: -.004em; color: var(--nacht); white-space: nowrap; }
.cd-review-heel { box-sizing: border-box; width: 760px; max-width: calc(100vw - 32px); padding: 52px 60px 48px; border: 0; border-radius: 24px; background: #fff; color: var(--nacht); box-shadow: 0 40px 90px rgba(2,7,25,.45); }
dialog.cd-review-heel { position: fixed !important; inset: 0; margin: auto; }
dialog.cd-review-heel::backdrop { background: rgba(2,7,25,.72); }
.cd-review-heel.open { display: block; }
.cd-review-heel .s { display: block; color: #F5B300; font-size: 22px; line-height: 26px; letter-spacing: 3px; }
.cd-review-heel p { margin: 20px 0 0; font-size: 20px; line-height: 33px; color: var(--nacht); }
.cd-review-heel .wie { display: flex; flex-direction: column; gap: 2px; margin-top: 26px; }
.cd-review-heel .wie b { font-weight: 700; font-size: 17px; line-height: 24px; }
.cd-review-heel .wie small { font-size: 14px; line-height: 20px; color: var(--zacht); }
.cd-review-heel .sluit { position: absolute; right: 24px; top: 22px; height: 38px; padding: 0 16px; border: 1.5px solid #C5CCD8; border-radius: 999px; background: #fff; font: 600 14px/35px Inter, sans-serif; color: var(--nacht); cursor: pointer; }
.cd-review-heel .sluit:hover { border-color: var(--nacht); }
.tw [hidden] { display: none !important; }
.tw-gloed { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(900px 520px at 78% 8%, rgba(10,113,217,.32), rgba(10,113,217,0) 70%); }
.tw-scherm { left: 120px; top: 150px; width: 1200px; visibility: hidden; opacity: 0; transition: opacity .35s ease; }
.tw-scherm.aan { visibility: visible; opacity: 1; }
.tw-kop { margin: 0; font-family: Anton, sans-serif; font-weight: 400; font-size: 76px; line-height: .98; letter-spacing: -.004em; text-transform: uppercase; color: #fff; }
.tw-zin { margin: 16px 0 0; font-size: 20px; line-height: 30px; color: #C9D3E3; }
.tw-opties { margin-top: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; }
.tw-opties.drie { grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tw-optie { display: flex; align-items: center; gap: 18px; min-height: 88px; padding: 16px 24px; border-radius: 16px; border: 1.5px solid rgba(255,255,255,.16); background: #10172E; color: #fff; text-align: left; font: inherit; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.tw-optie:hover { border-color: rgba(255,255,255,.55); transform: translateY(-2px); }
.tw-optie .nr { flex: none; font: 500 13px/1 "JetBrains Mono", monospace; letter-spacing: .04em; color: #7FB6F5; }
.tw-optie .t { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.tw-optie b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 23px; line-height: 1.15; }
.tw-optie small { font-size: 15px; line-height: 22px; color: #B8C2D6; }
.tw-optie .rond { flex: none; margin-left: auto; width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.4); box-sizing: border-box; }
.tw-optie.gekozen { background: var(--diep); border-color: var(--diep); }
.tw-optie.gekozen .nr, .tw-optie.gekozen small { color: #DCE8F7; }
.tw-optie.gekozen .rond { border-color: #fff; background: radial-gradient(circle, #fff 0 42%, transparent 46%); }
.tw-opties.drie .tw-optie { flex-direction: column; align-items: flex-start; gap: 14px; min-height: 196px; padding: 26px 28px; position: relative; }
.tw-opties.drie .tw-optie b { font-size: 30px; }
.tw-opties.drie .tw-optie small { font-size: 16px; line-height: 24px; }
.tw-opties.drie .tw-optie .rond { position: absolute; right: 24px; top: 24px; margin: 0; }
.tw-optie:focus-visible, .tw-terug:focus-visible, .tw-opnieuw:focus-visible, .tw-volgende:focus-visible { outline: 3px solid var(--ijs); outline-offset: 3px; }
.tw-schuif { margin-top: 44px; width: 780px; }
.tw-waarde { display: block; font-family: Anton, sans-serif; font-size: 168px; line-height: .92; letter-spacing: -.004em; text-transform: uppercase; color: #fff; }
.tw-schuif input[type=range] { display: block; width: 100%; margin: 40px 0 0; height: 28px; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; }
.tw-schuif input[type=range]::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: rgba(255,255,255,.22); }
.tw-schuif input[type=range]::-moz-range-track { height: 6px; border-radius: 3px; background: rgba(255,255,255,.22); }
.tw-schuif input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 28px; height: 28px; margin-top: -11px; border-radius: 50%; background: #fff; border: 6px solid var(--diep); box-sizing: border-box; }
.tw-schuif input[type=range]::-moz-range-thumb { width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 6px solid var(--diep); box-sizing: border-box; }
.tw-rand { display: flex; justify-content: space-between; margin-top: 12px; font: 500 13px/1 "JetBrains Mono", monospace; color: #9FB0CC; }
.tw-laad { margin-top: 56px; width: 520px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.18); overflow: hidden; }
.tw-laad i { display: block; width: 62%; height: 100%; border-radius: 3px; background: #119CFF; }
.tw-scherm.aan .tw-laad i { animation: tw-laad 1.3s ease-out both; }
@keyframes tw-laad { from { width: 0; } to { width: 100%; } }
html.figma .tw-scherm.aan .tw-laad i { animation: none; }
.tw-scherm.schud .tw-opties { animation: tw-schud .35s ease; }
@keyframes tw-schud { 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
.tw-balk { display: flex; align-items: center; gap: 28px; height: 56px; }
.tw-terug, .tw-opnieuw { border: 0; border-bottom: 2px solid rgba(255,255,255,.7); padding: 0 0 4px; background: none; font: 600 16px/1.2 Inter, sans-serif; color: #fff; cursor: pointer; }
.tw-volgende { margin-left: auto; border: 0; padding: 0; background: none; cursor: pointer; }
.tw-voortgang { display: flex; align-items: center; gap: 18px; font: 500 13px/1 "JetBrains Mono", monospace; letter-spacing: .04em; color: #9FB0CC; }
.tw-streep { display: flex; gap: 6px; }
.tw-streep i { display: block; width: 44px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.2); }
.tw-streep i.aan { background: #119CFF; }
.tw-gerust { margin-left: auto; font: 400 14px/1 Inter, sans-serif; letter-spacing: 0; color: #B8C2D6; }
.tw-u { margin-top: 30px; display: grid; grid-template-columns: 700px 476px; gap: 24px; }
.tw-u-getal { box-sizing: border-box; height: 330px; padding: 34px 40px; border-radius: 20px; background: #F4F6FA; color: var(--nacht); display: flex; flex-direction: column; }
.tw-u-getal b { font-family: Anton, sans-serif; font-weight: 400; font-size: 112px; line-height: .92; letter-spacing: -.004em; text-transform: uppercase; white-space: nowrap; }
.tw-u-getal strong { margin-top: 10px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 1.2; }
.tw-u-getal p { margin: 12px 0 0; font-size: 17px; line-height: 26px; color: var(--zacht); }
.tw-u-getal small { margin-top: auto; font-size: 14px; line-height: 21px; color: var(--zacht); }
.tw-u-lijst { box-sizing: border-box; height: 330px; padding: 24px 32px; border-radius: 20px; border: 1.5px solid rgba(255,255,255,.16); background: #10172E; color: #fff; overflow: hidden; }
.tw-u-lijst { display: flex; flex-direction: column; }
.tw-u-lijst dl { min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.3) transparent; }
.tw-u-lijst h3 { margin: 0 0 10px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 1.2; }
.tw-u-lijst dl { margin: 0; display: grid; grid-template-columns: 172px 1fr; }
.tw-u-lijst dt, .tw-u-lijst dd { margin: 0; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.14); font-size: 14px; line-height: 20px; }
.tw-u-lijst dt { color: #9FB0CC; }
.tw-u-lijst dd { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tw-u-ook { box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; height: 150px; padding: 24px 28px; border-radius: 20px; border: 1.5px solid rgba(255,255,255,.16); background: #10172E; color: #fff; text-decoration: none; }
.tw-u-ook small { font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .04em; color: #9FB0CC; }
.tw-u-ook b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 22px; line-height: 1.15; }
.tw-u-ook .link { margin-top: auto; align-self: flex-start; }
.tw-u-onder { grid-column: 1 / 3; display: grid; grid-template-columns: 338px 338px 476px; gap: 24px; }
.tw-u-plan { box-sizing: border-box; height: 150px; padding: 0 28px 0 0; border-radius: 20px; background: var(--diep); color: #fff; display: flex; align-items: center; gap: 22px; overflow: hidden; }
.tw-u-plan img { width: 132px; height: 150px; object-fit: cover; flex: none; }
.tw-u-plan > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tw-u-plan b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 22px; line-height: 1.15; }
.tw-u-plan span { font-size: 14px; line-height: 20px; color: #DCE8F7; }
.tw-u-plan .knoplink { margin-top: 8px; }
@media (prefers-reduced-motion: reduce) { .tw-scherm, .tw-optie { transition: none !important; } .tw-scherm.aan .tw-laad i, .tw-scherm.schud .tw-opties { animation: none !important; } }
.bm-start { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 36px; padding: 22px 26px; border-radius: 18px; background: var(--nacht); color: #fff; }
.bm-start b { margin-right: 14px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 24px; }
.bm-start span { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; border-radius: 999px; background: rgba(255,255,255,.12); font-weight: 600; font-size: 15px; }
.bm-start i { font: 500 12px/1 "JetBrains Mono", monospace; font-style: normal; color: #7FB6F5; }
.bm-raster { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; }
.bm-tak { padding: 26px 26px 24px; border-radius: 20px; background: var(--mist); }
.bm-tak h3 { margin: 0 0 16px; }
.bm-vraag { position: relative; padding: 12px 0 12px 34px; border-top: 1px solid #DCE2EA; }
.bm-vraag .nr { position: absolute; left: 0; top: 16px; font: 500 12px/1 "JetBrains Mono", monospace; color: var(--diep); }
.bm-vraag b { display: block; font-weight: 700; font-size: 16px; line-height: 22px; color: var(--nacht); }
.bm-vraag p { margin: 4px 0 0; font-size: 14px; line-height: 21px; color: var(--zacht); }
.bm-vraag small { display: block; margin-top: 4px; font-size: 12px; line-height: 18px; color: var(--diep); }
.bm-uit { margin-top: 8px; padding: 18px 20px; border-radius: 16px; background: var(--nacht); color: #fff; }
.bm-uit small { display: block; font: 500 12px/1 "JetBrains Mono", monospace; color: #7FB6F5; }
.bm-uit b { display: block; margin-top: 10px; font-family: Anton, sans-serif; font-weight: 400; font-size: 44px; line-height: 1; text-transform: uppercase; }
.bm-uit span { display: block; margin-top: 4px; font-weight: 600; font-size: 14px; }
.bm-uit p { margin: 8px 0 0; font-size: 13px; line-height: 19px; color: #C9D3E3; }
.tw-opties.drie .tw-optie.laptop { min-height: 248px; overflow: hidden; }
.tw-opties.drie .tw-optie.laptop .nr, .tw-opties.drie .tw-optie.laptop .t { position: relative; }
.tw-opties.drie .tw-optie.laptop > .gloed { position: absolute; right: -80px; bottom: -110px; width: 380px; height: 320px; background: radial-gradient(closest-side, rgba(17,156,255,.5), rgba(17,156,255,0)); }
.tw-opties.drie .tw-optie.laptop > img { position: absolute; right: -36px; bottom: -14px; width: 250px; height: 181px; transition: transform .25s ease; }
.tw-opties.drie .tw-optie.laptop:hover > img { transform: translateY(-6px); }
.tw-opties.drie .tw-optie.laptop b { font-size: 28px; }
.tw-opties.drie .tw-optie.laptop small { max-width: 150px; }
.tw-opties.drie .tw-optie.laptop.gekozen > .gloed { background: radial-gradient(closest-side, rgba(255,255,255,.42), rgba(255,255,255,0)); }
@media (prefers-reduced-motion: reduce) { .tw-opties.drie .tw-optie.laptop > img { transition: none; } .tw-opties.drie .tw-optie.laptop:hover > img { transform: none; } }
.tw-u-onder.twee { grid-template-columns: 588px 588px; }
.tw-contact { position: relative; margin-top: 88px; width: 1200px; height: 644px; }
.tw-contact > * { position: absolute; margin: 0; }
.tw-contact .cf-onder { width: 660px; }
.tw.klaar { height: 1696px !important; }
.tw.klaar > .binnen { height: 1680px !important; }
.tw.klaar > .tw-balk { top: 1551px !important; }
.tw.klaar > .tw-voortgang { top: 1627px !important; }
.tw.klaar .tw-gerust { display: none; }
.av-paneel { width: 500px; height: 548px; border-radius: 20px; background: #fff; box-shadow: 0 40px 80px -36px rgba(0,0,0,.7); }
.av-paneel > * { position: absolute; margin: 0; }
.av-vraag { max-width: 340px; padding: 14px 18px; border-radius: 18px 18px 4px 18px; background: var(--nacht); font: 600 16px/1.4 Inter, sans-serif; color: #fff; }
.av-antwoord { font-size: 15px; line-height: 23px; color: var(--zacht); }
.av-bron { display: flex; align-items: center; gap: 14px; box-sizing: border-box; width: 436px; height: 52px; padding: 0 16px; border-radius: 12px; background: var(--mist); font: 600 16px/1 Inter, sans-serif; color: var(--nacht); }
.av-bron .nr { font: 500 13px/1 "JetBrains Mono", monospace; color: var(--diep); }
.av-bron .balk { margin-left: auto; width: 120px; height: 8px; border-radius: 4px; background: #D5DCE8; }
.av-bron .balk i { display: block; height: 100%; border-radius: 4px; background: var(--diep); }
.av-bron.jij { background: #fff; border: 2px dashed #A9B2C0; }
.av-bron.jij .pil { margin-left: auto; padding: 8px 12px; border-radius: 999px; background: var(--nacht); color: #fff; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .04em; }
.av-voet { font-size: 12px; line-height: 18px; color: #7C8798; }
.av-def p { margin: 0 0 22px; font-weight: 500; font-size: 26px; line-height: 38px; color: var(--nacht); }
.av-def p:last-child { margin-bottom: 0; color: var(--zacht); }
.av-wie { display: flex; align-items: center; gap: 14px; }
.av-wie img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.av-wie span { display: flex; flex-direction: column; gap: 4px; }
.av-wie b { font-weight: 600; font-size: 16px; line-height: 1.2; color: var(--nacht); }
.av-wie time { font-size: 14px; line-height: 1.3; color: var(--zacht); }
.av-pad { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.3; color: var(--zacht); }
.av-pad a { color: var(--diep); text-decoration: underline; text-underline-offset: 3px; }
.av-pad i { font-style: normal; color: #A9B2C0; }
.av-twee { display: grid; grid-template-columns: 460px 1fr; gap: 100px; align-items: start; }
.av-lijst { list-style: none; margin: 0; padding: 0; }
.av-lijst li { display: grid; grid-template-columns: 56px 1fr; padding: 30px 0; border-top: 1.5px solid #D5DCE8; }
.av-lijst li:first-child { border-top: 0; padding-top: 6px; }
.av-lijst .nr { padding-top: 10px; font-size: 13px; color: var(--diep); }
.av-lijst h3 { margin: 0; }
.av-lijst p { margin: 10px 0 0; font-size: 17px; line-height: 27px; color: var(--zacht); }
.av-lijst .link { margin-top: 16px; }
.cf-klein { margin: 0; font-size: 14px; line-height: 22px; color: #B8C2D6; }
.cf-klein a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.cf-gat.fout { border-bottom-color: #FF6B6B; }
.cf-melding { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; font: 600 16px/1.3 Inter, sans-serif; letter-spacing: 0; color: #FFB3B3; }
.cf-melding i { flex: none; width: 22px; height: 22px; border-radius: 50%; background: #FF6B6B; color: #1C1F37; font: 700 14px/22px Inter, sans-serif; text-align: center; }
.cf-onder.bezig > [data-knop] { opacity: .55; }
.blogwissel.gb .beelden, .blogwissel.gb img { width: 432px; height: 306px; }
.lw-bestand { display: flex; flex-direction: column; box-sizing: border-box; width: 400px; height: 250px; padding: 30px 32px; border-radius: 20px; background: var(--diep); color: #fff; box-shadow: 0 40px 80px -36px rgba(0,0,0,.7); }
.lw-soort { align-self: flex-start; padding: 6px 10px; border-radius: 7px; background: #fff; color: var(--nacht); font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.lw-naam { margin-top: 22px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 30px; line-height: 1.12; }
.lw-pijl { margin-top: auto; align-self: flex-end; line-height: 0; }
.lw-bestand.leeg { background: rgba(255,255,255,.06); border: 2px dashed rgba(255,255,255,.45); box-shadow: none; }
.lw-bestand.leeg .lw-soort { text-transform: none; }
.lw-bestand.leeg .lw-naam { color: rgba(255,255,255,.72); }
.lw-knoppen { display: flex; align-items: center; gap: 16px; line-height: 0; }
.ct-lijst .lw-bij { max-width: 400px; margin-right: 0; }
.lw-bij a { color: var(--diep); text-decoration: underline; text-underline-offset: 3px; }
.rg-leeg { box-sizing: border-box; padding: 24px 28px; border-radius: 20px; border: 2px dashed #A9B2C0; background: rgba(255,255,255,.6); font-size: 17px; line-height: 27px; color: var(--zacht); }
.rg-leeg b { display: block; margin-bottom: 10px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .08em; color: var(--diep); }
.vraagblok.rg-nog .q { color: #A9B2C0; }
.rg-lat { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px; color: var(--nacht); }
.rg-lat th { padding: 0 16px 12px 0; text-align: left; font: 500 12px/1.3 "JetBrains Mono", monospace; letter-spacing: .04em; color: var(--zacht); border-bottom: 2px solid var(--nacht); vertical-align: bottom; }
.rg-lat td { padding: 16px 16px 16px 0; border-bottom: 1px solid var(--lijn); vertical-align: top; }
.rg-lat td:first-child { font-weight: 600; white-space: nowrap; }
.rg-lat td:last-child { color: var(--zacht); padding-right: 0; }
.rg-stand { display: inline-block; padding: 7px 12px; border-radius: 999px; font: 500 12px/1 "JetBrains Mono", monospace; letter-spacing: .04em; white-space: nowrap; }
.rg-stand.ja { background: var(--diep); color: #fff; }
.rg-stand.nee { background: var(--mist); color: var(--nacht); box-shadow: inset 0 0 0 1.5px #C5CCD8; }
.jr-twee { display: grid; grid-template-columns: 300px minmax(0, 760px); gap: 110px; align-items: start; }
.jr-inhoud { position: sticky; top: 120px; }
.jr-inhoud h2 { margin: 0 0 18px; }
.jr-inhoud ol { list-style: none; margin: 0; padding: 0; }
.jr-inhoud li a { display: flex; gap: 14px; padding: 10px 0; border-top: 1px solid var(--lijn); font-size: 15px; line-height: 22px; color: var(--nacht); text-decoration: none; }
.jr-inhoud li a:hover { color: var(--diep); }
.jr-inhoud .nr { flex: none; padding-top: 4px; font-size: 12px; color: var(--diep); }
.jr-print { margin: 28px 0 0; }
.jr-lead { margin: 0 0 40px; font-weight: 500; font-size: 24px; line-height: 36px; color: var(--nacht); }
.jr-kaart { display: flex; flex-direction: column; gap: 10px; margin: 0 0 16px; padding: 28px 32px 30px; border-radius: 20px; background: var(--diep); color: #fff; text-decoration: none; }
.jr-kaart b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 28px; line-height: 1.12; }
.jr-kaart > span { font-size: 17px; line-height: 27px; color: #DCE8F7; }
.jr-kaart .link { align-self: flex-start; margin-top: 8px; font-size: 16px; line-height: 1.2; color: #fff; }
.jr-h { margin-top: 72px; scroll-margin-top: 120px; }
.jr-h h2 { display: flex; align-items: baseline; gap: 18px; margin: 0; }
.jr-h h2 .nr { flex: none; font-size: 14px; font-style: normal; color: var(--diep); }
.jr-intro { margin: 18px 0 0; font-size: 19px; line-height: 30px; color: var(--nacht); }
.jr-p { margin: 14px 0 0; font-size: 17px; line-height: 28px; color: var(--zacht); }
.jr-p strong { font-weight: 600; color: var(--nacht); }
.jr-tussen { margin: 34px 0 0; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 1.15; color: var(--nacht); }
.jr-item { margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--lijn); }
.jr-item h3 { margin: 0; font-weight: 700; font-size: 19px; line-height: 1.35; color: var(--nacht); }
.jr-item .jr-p:first-of-type { margin-top: 8px; }
.jr-slot { margin: 72px 0 0; padding: 28px 32px; border-radius: 20px; background: var(--mist); font-size: 17px; line-height: 28px; color: var(--nacht); }
.jr-slot a { color: var(--diep); text-decoration: underline; text-underline-offset: 3px; }
@media print { .kop-logo, .kop-nav, .kop-knop, .menuknop, .jr-inhoud, .jr-kaart, #slot, footer { display: none !important; } .jr-twee { display: block; } }
.nf-getal { font-family: Anton, sans-serif; font-size: 440px; line-height: .8; letter-spacing: -.01em; color: rgba(17,156,255,.14); }
.rg-ook { box-sizing: border-box; display: flex; align-items: center; gap: 28px; padding: 16px 36px 16px 16px; border-radius: 20px; background: #fff; color: inherit; text-decoration: none; }
.rg-ook img { display: block; flex: none; width: 150px; height: 104px; border-radius: 10px; object-fit: cover; }
.rg-ook .tekst { display: block; flex: 1; min-width: 0; }
.rg-ook .tekst b { display: block; margin-bottom: 6px; }
.rg-ook .zin { display: block; font-size: 17px; line-height: 27px; color: var(--zacht); }
.rg-ook .link { flex: none; }
.rg-kaart { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; padding: 44px 44px 44px; border-radius: 20px; background: #fff; box-shadow: 0 30px 60px -28px rgba(2,7,25,.6); }
.rg-kaart img { display: block; height: 46px; width: auto; }
.rg-kaart .rs-getal { display: block; margin-top: auto; line-height: .9; }
.rg-kaart .wat { display: block; margin-top: 18px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 1.15; color: var(--nacht); text-wrap: balance; }
.rg-foto { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 44px rgba(2,7,25,.14); }
.rg-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1441px) { html { background: #fff; } }
.go-pagina .kop-nav, .go-pagina .menuknop { display: none; }
.go-onder { display: flex; justify-content: space-between; align-items: center; }
.go-onder .ar-sterren { margin: 0; }
.zw-ontwerp .go-venster { position: absolute; left: 52px; top: 44px; width: 280px; height: 212px; border-radius: 14px; }
.go-venster .beelden, .go-venster img { width: 280px; height: 182px; }
.cf-zin.go-klein { font-size: 28px; line-height: 36px; }
.go-klein .cf-zinrij { height: 48px; gap: 10px; }
.go-klein .cf-gat { height: 40px; padding: 0 6px; border-bottom-width: 2px; }
.ck-scherm { overflow: hidden; background: var(--nacht); }
.ck-achter, .ck-achter img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }
.ck-achter img { object-fit: cover; }   
.ck-doek { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: rgba(2,7,25,.6); }
.ck-melding, .ck-venster { flex: none; box-sizing: border-box; filter: drop-shadow(0 24px 48px rgba(2,7,25,.3)); }
.ck-melding { width: 608px; padding: 52px 44px 36px; }
.ck-melding .b2 { font-size: 44px; }
.ck-melding p { margin-top: 14px; font-size: 18px; line-height: 29px; color: var(--zacht); }
.ck-knoppen { display: flex; gap: 12px; margin-top: 32px; }
.ck-rest { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px; }
.ck-klein { font-size: 15px; line-height: 22px; color: var(--zacht); text-decoration: underline; text-underline-offset: 3px; }
.ck-venster { width: 800px; padding: 44px 48px 34px; }
.ck-venster .b2 { font-size: 36px; }
.ck-doelen { margin-top: 14px; }
.ck-doel { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 32px; row-gap: 4px; padding: 17px 0; border-bottom: 1px solid var(--lijn); }
.ck-doel .b3 { grid-column: 1; grid-row: 1; font-size: 24px; }
.ck-doel p { grid-column: 1; grid-row: 2; font-size: 16px; line-height: 24px; color: var(--zacht); }
.ck-doel .ck-schakel { grid-column: 2; grid-row: 1 / span 2; }
.ck-schakel { flex: none; display: inline-flex; align-items: center; gap: 14px; height: 44px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; }
.ck-schakel .stand { min-width: 52px; text-align: right; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 22px; line-height: 1; color: var(--zacht); white-space: nowrap; transition: color .3s ease; }
.ck-schakel .baan { position: relative; display: block; flex: none; width: 84px; height: 44px; border-radius: 22px; background: #D5DCE6; transition: background .3s ease; }
.ck-schakel .knopje { position: absolute; left: 5px; top: 5px; width: 34px; height: 34px; border-radius: 50%; background: #fff; box-shadow: 0 3px 8px rgba(2,7,25,.25); display: flex; align-items: center; justify-content: center; line-height: 0; transition: left .45s cubic-bezier(.3,1.4,.5,1), background .3s ease; }
.ck-schakel .knopje .pijl { opacity: 0; transition: opacity .3s ease; }
.ck-schakel.aan .stand { color: var(--nacht); }
.ck-schakel.aan .baan { background: var(--diep); }
.ck-schakel.aan .knopje { left: 45px; background: var(--nacht); }
.ck-schakel.aan .knopje .pijl { opacity: 1; }
.ck-schakel.vast { cursor: default; }
.ck-schakel.vast .stand { font-size: 16px; color: var(--zacht); }
.ck-schakel.vast .baan { background: #B9C3D3; }
.ck-onder { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.ck-voet { margin-top: 20px; font-size: 15px; line-height: 23px; color: var(--zacht); }
.ck-voet a { color: var(--diep); text-decoration: underline; text-underline-offset: 3px; }
.ck-scherm > .ck-knopje { position: absolute; left: 40px; bottom: 37px; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 16px 40px rgba(2,7,25,.35), 0 0 0 1px rgba(2,7,25,.06); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ck-schakel:focus-visible, .ck-knopje:focus-visible { outline: 3px solid var(--helder); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ck-schakel .stand, .ck-schakel .baan, .ck-schakel .knopje, .ck-schakel .knopje .pijl { transition: none; } }
@media (min-width: 761px) {
  .binnen:has(> svg[style*="left:0;bottom:0"]) { border-bottom-left-radius: 0 !important; }
  .fd-vlak:has(> svg[style*="right:0;top:0"]) { border-top-right-radius: 0 !important; }
}
.cf-gat.echt { cursor: text; }
@media (min-width: 761px) { .cf-zinrij > .cf-gat.echt { flex: 0 1 auto; max-width: 100%; } }   
.vragenlijst div.vraag { cursor: default; }
.cf-kern { position: relative; display: inline-block; flex: 1 1 auto; min-width: 0; }
.cf-maat { display: block; visibility: hidden; overflow: hidden; white-space: pre; pointer-events: none; }
.cf-in { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: none; box-shadow: none; -webkit-appearance: none; appearance: none; font: inherit; letter-spacing: inherit; color: #fff; caret-color: #fff; }
.cf-gat.echt:not(.nu):not(.vol):not(.gevuld) .cf-maat { visibility: visible; overflow: visible; }   
.cf-in::placeholder { color: transparent; opacity: 1; }
.cf-kern:has(.cf-in:-webkit-autofill) .cf-maat { visibility: hidden !important; }   
.cf-in:focus::placeholder { color: transparent; }
.cf-in:-webkit-autofill { -webkit-text-fill-color: #fff; transition: background-color 9999s; caret-color: #fff; }
.cf-gat.echt .cf-streep { order: -1; flex: none; }
.cf-zin.aangeraakt .cf-streep { display: none; }
@media (prefers-reduced-motion: no-preference) { .cf-zin.echt .cf-streep { animation: cf-knipper 1.1s steps(1) infinite; } }
@keyframes cf-knipper { 50% { opacity: 0; } }
.cf-gat.echt:focus-within { border-bottom-color: #fff; }
.cf-gat.echt.fout, .cf-gat.echt.fout:focus-within { border-bottom-color: #FF6B6B; }
.cf-val { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.cf-verstuur { cursor: pointer; }
.cf-weg { display: none !important; }   
.cf-verstuur:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: 12px; }
.cf-onder.bezig > [data-knop] { pointer-events: none; }
.cf-zin .cf-melding { white-space: normal; font-style: normal; }
.cf-melding.cf-los { margin-top: 18px; }
.cf-zin.cf-klaar { font: 400 16px/1.5 Inter, system-ui, sans-serif; letter-spacing: 0; white-space: normal; }
.cf-klaar-kop { margin: 0 0 22px; font: 400 96px/.92 Anton, sans-serif; text-transform: uppercase; letter-spacing: -.004em; color: #fff; outline: 0; }
.cf-zin.go-klein.cf-klaar .cf-klaar-kop { font-size: 64px; margin-bottom: 16px; }
.cf-zin.cf-klaar .intro { margin: 0; max-width: 760px; }
.cf-zin.cf-klaar .cf-klein { margin-top: 14px; }
.cf-klaar-link { margin-top: 28px; }
.cs-weg { display: none !important; }
.ar-tekst > h3 { margin: 38px 0 12px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 26px; line-height: 1.15; letter-spacing: -.01em; color: var(--nacht); }
.ar-tekst > h2 + h3 { margin-top: 26px; }
.ar-tekst p a, .ar-tekst li a, .ar-tekst td a, .ar-citaat a { color: var(--diep); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.ar-tekst p strong, .ar-tekst li strong, .ar-tekst td strong { font-weight: 600; color: var(--nacht); }
.ar-tekst code { font-family: "JetBrains Mono", monospace; font-size: .9em; padding: 2px 6px; border-radius: 6px; background: var(--mist); }
.ar-tabel { margin: 8px 0 30px; overflow-x: auto; border-radius: 16px; border: 1px solid var(--lijn); }
.ar-tabel table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; color: #2A3346; }
.ar-tabel th, .ar-tabel td { padding: 14px 18px; text-align: left; vertical-align: top; border-top: 1px solid var(--lijn); }
.ar-tabel tr:first-child th, .ar-tabel tr:first-child td { border-top: 0; }
.ar-tabel th { font-weight: 600; color: var(--nacht); background: var(--mist); white-space: nowrap; }
@media (min-width: 761px) { .ar-kop-66 { font-size: 66px; } .ar-kop-58 { font-size: 58px; } .ar-kop-50 { font-size: 50px; } .ar-kop-44 { font-size: 44px; } .ar-kop-40 { font-size: 40px; } }
.ag-weg { display: none !important; }
html.ag-wacht .ct-plan:not(.ag-vrij) .ct-dag, html.ag-wacht .ct-plan:not(.ag-vrij) .ct-dag b, html.ag-wacht .ct-plan:not(.ag-vrij) .ct-tijd { color: transparent !important; text-decoration: none; }
html.ag-wacht .ct-plan:not(.ag-vrij) .ct-dag { background: var(--mist) !important; border-color: transparent !important; }
html.ag-wacht .ct-plan:not(.ag-vrij) .ct-tijd { background: #fff !important; border-color: var(--lijn) !important; }
html.ag-wacht .ct-plan:not(.ag-vrij) .ct-maand b { visibility: hidden; }
html.ag-wacht .ct-plan:not(.ag-vrij) :is(.ct-dagen, .ct-tijden, .ct-maand .pijlen) { pointer-events: none; }
.ct-plan.ag-echt .ct-maand .pijlen span { cursor: pointer; transition: border-color .2s ease, opacity .2s ease; }
.ct-plan.ag-echt .ct-maand .pijlen span:hover { border-color: var(--nacht); }
.ct-plan.ag-echt .ct-maand .pijlen span.uit { opacity: .35; cursor: default; pointer-events: none; }
.ct-maand .pijlen span:focus-visible, .ag-terug:focus-visible { outline: 3px solid var(--diep); outline-offset: 3px; }
.ag-leeg { grid-column: 1 / -1; margin: 0; font-size: 16px; line-height: 24px; color: var(--zacht); }
.ct-plan.ag-echt .knoplink { transition: opacity .3s ease; }
.ct-plan .knoplink.ag-uit { opacity: .4; pointer-events: none; }
.ct-plan.ag-bezig .knoplink { opacity: .55; pointer-events: none; }
.ct-feit.ag-rood { color: #B42318; font-weight: 600; width: 296px; line-height: 22px; }
.ct-plan.ag-echt .ct-muis { transition: left .45s cubic-bezier(.2,.9,.2,1), top .45s cubic-bezier(.2,.9,.2,1), opacity .25s ease; }
.ct-plan.ag-zelf .ct-muis, .ct-plan:is(.ag-stap-wie, .ag-stap-klaar, .ag-stap-dicht) .ct-muis { opacity: 0 !important; }
.ct-plan > :is(.ag-wie, .ag-klaar, .ag-dicht) { display: none; left: 32px; top: 160px; width: 436px; }
.ct-plan.ag-stap-wie > .ag-wie, .ct-plan.ag-stap-klaar > .ag-klaar, .ct-plan.ag-stap-dicht > .ag-dicht { display: block; }
.ct-plan:is(.ag-stap-wie, .ag-stap-klaar, .ag-stap-dicht) > :is(.ct-maand, .ct-dagen, .ct-tijden) { display: none; }
.ct-plan.ag-stap-klaar > .ag-knoprij { display: none; }
.ct-plan:is(.ag-stap-wie, .ag-stap-klaar) > .b3 { font-size: 24px; line-height: 31px; white-space: nowrap; }
.ag-wie { height: 280px; }
.ag-rijkop { display: flex; justify-content: space-between; align-items: center; height: 36px; }
.ag-rijkop b { font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 20px; line-height: 1; color: var(--nacht); }
.ag-terug { margin: 0; padding: 8px 0; border: 0; background: none; font: 600 14px/1 Inter, sans-serif; color: var(--diep); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ag-zin { margin-top: 20px; font-family: Kanit, sans-serif; font-style: italic; font-weight: 300; font-size: 24px; line-height: 32px; letter-spacing: -.01em; color: var(--nacht); }
.ag-rij { display: flex; align-items: baseline; gap: 10px; white-space: nowrap; cursor: text; }
.ag-rij + .ag-rij { margin-top: 18px; }
.ag-rij > span:first-child { flex: none; }
.ag-gat { flex: 1 1 auto; min-width: 0; display: block; border-bottom: 2.5px solid var(--diep); transition: border-color .2s ease; }
.ag-in { display: block; width: 100%; height: 40px; margin: 0; padding: 0 6px; box-sizing: border-box; border: 0; border-radius: 0; outline: 0; background: none; box-shadow: none; -webkit-appearance: none; appearance: none; font: inherit; font-weight: 800; line-height: 40px; letter-spacing: inherit; color: var(--nacht); caret-color: var(--diep); }
.ag-in::placeholder { color: #A9B2C0; opacity: 1; }
.ag-in:focus::placeholder { color: transparent; }
.ag-in:-webkit-autofill { -webkit-text-fill-color: var(--nacht); transition: background-color 9999s; }
.ag-gat:focus-within { border-bottom-color: var(--nacht); }
.ag-gat.fout, .ag-gat.fout:focus-within { border-bottom-color: #D92D2D; }
.ag-melding { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font: 600 14px/1.35 Inter, sans-serif; color: #B42318; }
.ag-melding i { flex: none; width: 20px; height: 20px; border-radius: 50%; background: #D92D2D; color: #fff; font: 700 13px/20px Inter, sans-serif; text-align: center; }
.ag-wie .ag-klein { position: absolute; left: 0; bottom: 0; margin: 0; font-size: 13px; line-height: 20px; color: var(--zacht); }
.ag-wie .ag-klein a, .ag-klaar .ag-klein a { color: var(--diep); text-decoration: underline; text-underline-offset: 3px; }
.ag-klaar-moment { margin: 6px 0 0; font: 400 40px/1.04 Anton, sans-serif; text-transform: uppercase; letter-spacing: -.004em; color: var(--nacht); white-space: nowrap; outline: 0; }
.ag-klaar-moment span { display: block; font-size: 64px; line-height: .98; color: var(--diep); }
.ag-klaar p:not(.ag-klaar-moment) { margin: 18px 0 0; font-size: 16px; line-height: 24px; color: var(--zacht); }
.ag-klaar p.ag-klein { margin-top: 8px; font-size: 14px; line-height: 22px; }
.ag-klaar-link { position: absolute; left: 0; top: 304px; }
.ag-dicht { top: 172px !important; }
.ag-dicht p { margin: 0; max-width: 400px; font-size: 21px; line-height: 1.5; color: var(--nacht); }
@media (prefers-reduced-motion: reduce) { .ct-plan .knoplink, .ct-plan .ct-muis, .ag-gat, .ct-maand .pijlen span { transition: none !important; } }
.go-na { display: none !important; }
header.go-stap-moment > .go-na-moment, header.go-stap-staat > .go-na-staat { display: block !important; }
header:is(.go-stap-moment, .go-stap-staat) > :is(h1, #aanvragen, .cf-onder, .go-onder), header:is(.go-stap-moment, .go-stap-staat) > .binnen > .blogwissel { display: none !important; }
header > h2.go-na { margin: 0; outline: 0; }
header > h2.go-na-staat { white-space: nowrap; }
header > h2.go-na-staat .helder { display: block; }                         
header.go-stap-moment > .go-na-moment, header.go-stap-staat > .go-na-staat { animation: go-na-in .5s cubic-bezier(.2,.9,.2,1) both; }
header.go-stap-moment > .ct-plan.go-na-moment, header.go-stap-moment > .ot-kaart.go-na-moment { animation-delay: .12s; }
@keyframes go-na-in { from { opacity: 0; translate: 0 18px; } }
@media (prefers-reduced-motion: reduce) { header.go-stap-moment > .go-na-moment, header.go-stap-staat > .go-na-staat { animation: none; } }
@media (max-width: 760px) {
html { -webkit-text-size-adjust: 100%; }
  body { width: 100% !important; min-width: 0 !important; margin: 0 !important; zoom: 1 !important; overflow-x: hidden; }
  .pagina { width: 100% !important; overflow: hidden; }
  img, video { max-width: 100%; }
.kop-nav, .mega { display: none !important; }
  .doek, .menupaneel { display: none; }
  .kop-logo { left: 20px !important; top: 28px !important; transform: scale(.5) !important; transform-origin: left top; }
  .kop-knop { left: auto !important; right: 20px !important; top: 18px !important; transform: scale(.76) !important; transform-origin: right top; }
  .menuknop { left: 50% !important; right: auto !important; top: 778px !important; bottom: auto !important; transform: translateX(-50%) !important; z-index: 70; box-shadow: 0 10px 30px rgba(2,7,25,.28); }
  html:not(.figma) .menuknop { position: fixed !important; top: auto !important; bottom: 18px !important; }
body.menu-open .doek { display: block !important; opacity: 1 !important; visibility: visible !important; }
  body.menu-open .menupaneel { display: block !important; position: fixed !important; left: 8px !important; right: 8px !important; top: auto !important; bottom: 72px !important; width: auto !important; height: auto !important; max-height: calc(100vh - 96px); overflow: auto; margin: 0 !important; padding: 26px 20px 24px; border-radius: 16px; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 69; box-shadow: 0 24px 60px rgba(2,7,25,.4); }
  html.figma body.menu-open .menupaneel { position: absolute !important; top: 84px !important; bottom: auto !important; max-height: none; }
  html.figma body.menu-open .doek { position: absolute !important; height: 844px; }
  body.menu-open .menupaneel > div { position: static !important; left: auto !important; top: auto !important; width: auto !important; }
  body.menu-open .menupaneel .groot a { display: flex; align-items: baseline; gap: 12px; padding: 3px 0; min-height: 44px; box-sizing: border-box; }
  body.menu-open .menupaneel .groot .b2 { font-size: 34px !important; line-height: 1.05 !important; }
  body.menu-open .menupaneel > div + div { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--lijn); }
  body.menu-open .menupaneel > div + div > div:first-of-type { font-size: 16px !important; line-height: 2 !important; display: flex; gap: 16px; }
body.menu-open .menupaneel > div + div > div:first-of-type > div { flex: 1 1 0; min-width: 0; }
  body.menu-open .menupaneel > div + div > div:nth-of-type(2) { margin-top: 20px !important; padding-top: 18px !important; }
.pagina .sec { height: auto !important; min-height: 0 !important; padding: 64px 20px; box-sizing: border-box; }
  .pagina > section:not(.sec) { padding: 64px 20px !important; box-sizing: border-box; }
  .pagina .sec > *, .pagina .binnen > * { position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: auto !important; max-width: 100%; transform: none !important; box-sizing: border-box; }
  .pagina .sec > * + * { margin-top: 24px; }
  .pagina .sec > h2 + p, .pagina .sec > h2 + .intro { margin-top: 16px; }
.c1, .c2 { font-size: 60px !important; line-height: .95 !important; width: auto !important; overflow-wrap: normal; }
  .b1 { font-size: 36px !important; line-height: 1.06 !important; white-space: normal !important; width: auto !important; text-wrap: balance; }
  .b2 { font-size: 26px !important; line-height: 1.12 !important; white-space: normal !important; }
  .b3 { font-size: 21px !important; line-height: 1.16 !important; }
  .intro { font-size: 18px !important; line-height: 28px !important; }
  .link { font-size: 16px; }
.pagina > header.sec { margin: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; padding: 112px 12px 28px !important; border-radius: 0; background: var(--nacht); background-origin: border-box; display: flex; flex-direction: column; gap: 28px; overflow: visible; clip-path: inset(0); }
  .pagina > header.sec > * + * { margin-top: 0; }
  .pagina > header.sec > h1 { order: 1; margin: 0; }
  .pagina > header.sec > .binnen { order: 2; height: auto !important; background: none !important; border-radius: 0 !important; overflow: visible; display: flex; flex-direction: column; gap: 16px; }
  .pagina > header.sec > .binnen > svg { display: none !important; }                 
  .pagina > header.sec > .binnen { clip-path: none !important; }                       
  .pagina > header.sec > *:not(h1):not(.binnen) { order: 3; }
  .dp-kop .c2 { width: auto !important; }
.dp-kop .c2 { padding-left: .5em; text-indent: -.5em; }
  .dp-kop .c2::before { display: none; }
  .dp-kop .c2 .kop-terug { margin-left: -.5em; padding-right: 0; }
  .dp-kop .b2 { margin-top: 12px; font-size: 22px !important; white-space: normal !important; width: auto !important; }
.pagina > header.sec > .binnen:not(.dp-foto):not(:has(> :not(svg))) { display: none !important; }
.pagina > header.sec > .binnen.dp-foto { position: absolute !important; inset: 0 -8px !important; order: 0; display: block; width: auto !important; height: auto !important; max-width: none; border-radius: 0 !important; background: var(--nacht) !important; overflow: hidden; }
  .pagina > header.sec > .binnen.dp-foto > * { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; max-width: none; }
  .pagina > header.sec > .binnen.dp-foto > img, .pagina > header.sec > .binnen.dp-foto > video { object-fit: cover; }
  .pagina > header.sec > .binnen.dp-foto > .boven { height: 150px !important; }
  .pagina > header.sec:has(> .binnen.dp-foto) { min-height: 540px !important; justify-content: flex-end; padding-bottom: 48px !important; }
  .pagina > header.sec:has(> .binnen.dp-foto) > h1 { position: relative !important; z-index: 2; }
.pagina:has(#team) > header.sec > .binnen.dp-foto, .pagina:has(> #vragen:nth-child(2)) > header.sec > .binnen.dp-foto, .pagina.hero-foto-heel > header.sec > .binnen.dp-foto { position: relative !important; inset: auto !important; order: 2; aspect-ratio: 16 / 9; border-radius: 12px !important; }
  .pagina:has(#team) > header.sec > .binnen.dp-foto > .laag, .pagina:has(#team) > header.sec > .binnen.dp-foto > .boven, .pagina:has(> #vragen:nth-child(2)) > header.sec > .binnen.dp-foto > .laag, .pagina:has(> #vragen:nth-child(2)) > header.sec > .binnen.dp-foto > .boven { display: none; }
  .pagina:has(#team) > header.sec, .pagina:has(> #vragen:nth-child(2)) > header.sec { min-height: 0 !important; justify-content: flex-start; padding-bottom: 40px !important; }
.blogwissel { width: 100% !important; height: auto !important; aspect-ratio: 540 / 420; border-radius: 14px; }
  .blogwissel .balk { height: 22px; padding-left: 12px; gap: 5px; }
  .blogwissel .balk i { width: 7px; height: 7px; }
  .blogwissel .beelden { top: 22px !important; width: 100% !important; height: calc(100% - 22px) !important; }
  .blogwissel .beelden img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: left top; }
  .blogwissel.groot { aspect-ratio: 660 / 343; }
.pagina > header.sec > .binnen > .blogwissel + .blogwissel { margin-top: 0; }
  .pagina > header.sec > .binnen > .blogwissel:first-child:not(:last-of-type) { display: none; }
.ot-kaart { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; border-radius: 16px; }
  .ot-kaart.klein { width: 220px !important; }
.vlak.vlak-rond { border-radius: 16px; }
  .vlak.vlak-rond > * { position: relative; }
.pagina .sec.tel-vlak { margin: 12px 8px; padding: 32px 16px 36px; border-radius: 16px; }
  .pagina .sec.tel-vlak .ot-kaart.klein { width: 168px !important; }
.pagina .sec.tel-vlak:has(> .ot-kaart.klein + .ot-kaart.klein) { display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px; }
  .pagina .sec.tel-vlak:has(> .ot-kaart.klein + .ot-kaart.klein) > * { grid-column: 1 / -1; }
  .pagina .sec.tel-vlak:has(> .ot-kaart.klein + .ot-kaart.klein) > .ot-kaart.klein { grid-column: auto; width: 100% !important; margin-top: 0 !important; }
.pagina #vanzelf .ot-kaart.klein { width: 100% !important; aspect-ratio: 16 / 10; transform: none !important; }
  .pagina #vanzelf .ot-kaart.klein img { object-fit: cover; object-position: 50% 0 !important; }
.av-def p { font-size: 20px !important; line-height: 30px !important; margin-bottom: 16px; }
  .av-wie img { width: 44px; height: 44px; }
  .av-pad { flex-wrap: wrap; row-gap: 6px; }
.vkop { flex-direction: column; align-items: flex-start !important; gap: 14px; margin-bottom: 28px !important; }
  .vkop > div { padding-bottom: 0 !important; }
  .vragenlijst .vraag { gap: 12px; padding: 18px 0 !important; align-items: flex-start; }
  .vragenlijst .vraag .nr { display: none; }
  .vragenlijst .vraag .q { font-size: 30px !important; line-height: 1.02 !important; flex: 1; min-width: 0; hyphens: auto; hyphenate-limit-chars: 18 5 5; overflow-wrap: anywhere; }
  .vragenlijst .vraag .rond { flex: none; width: 40px !important; height: 40px !important; }
  .vragenlijst .antwoord, .vragenlijst .antwoord > div, .vragenlijst .antwoord p { padding-left: 0 !important; margin-left: 0 !important; max-width: none !important; }
  .vragenlijst .antwoord > div { padding: 0 0 20px 0 !important; }
  .vragenlijst .antwoord p { font-size: 17px !important; line-height: 27px !important; }
  .ct-lijst .vraag { flex-wrap: wrap; }
  .ct-lijst .ct-bij { order: 3; flex: 0 0 100%; margin: 4px 0 0 !important; text-align: left !important; font-size: 16px !important; line-height: 24px !important; max-width: none !important; }
.rs-vlak { height: auto !important; padding: 28px 24px 30px; margin-left: -12px; margin-right: -12px; max-width: none !important; }
  .rs-vlak > * { position: relative !important; left: auto !important; top: auto !important; height: auto !important; }
  .rs-rij { flex-direction: column; align-items: flex-start; gap: 14px; }
  .rs-getal.groot { font-size: 104px !important; line-height: .88 !important; }
  .rs-wat.groot { font-size: 23px !important; }
  .rs-naast { max-width: none; gap: 12px; }
.knoplink { display: inline-block; max-width: 100%; }
.link { position: relative; }
  .link::after { content: ""; position: absolute; left: -6px; right: -6px; top: -9px; bottom: -9px; }
  .kop-knop a::after, .menuknop::after { content: ""; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px; }
html { background: #fff; }
.pagina { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
  .pagina > footer.sec { margin: 0 8px 0; padding: 0 12px 26px !important; border-radius: 16px; background: var(--nacht) !important; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
  .pagina > footer.sec > * { grid-column: 1 / -1; margin-top: 0 !important; }
  .pagina > footer.sec > .fd-vlak { height: 330px !important; margin: 0 -12px; border-radius: 0; background: var(--nacht); width: calc(100% + 24px) !important; max-width: none !important; }
  .fd-vlak img.foto { width: 100% !important; height: 100% !important; object-position: 60% 24%; }
  .fd-laag { width: 100% !important; height: 100% !important; }
  .fd-vlak > svg { display: none !important; }
  .fd-kop { font-size: 44px !important; line-height: .98 !important; text-align: left !important; margin-top: -86px !important; z-index: 2; }
  .pagina > footer.sec > p.intro { text-align: left !important; margin-top: 14px !important; }
  .pagina > footer.sec > div:has(> .knoplink) { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; gap: 20px !important; margin-top: 24px !important; }
  .pagina > footer.sec > .ft-lijst { grid-column: auto; margin-top: 44px !important; }
  .pagina > footer.sec > .ft-lijst:nth-of-type(3n) { }
  .ft-kop { font-size: 20px; margin-bottom: 8px; }
  .ft-lijst a { font-size: 16px; line-height: 44px; }
  .pagina > footer.sec > .ft-contact { margin-top: 40px !important; }
  .ft-mail { font-size: 24px; }
  .pagina > footer.sec > .ft-recht { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 32px !important; padding-top: 18px; }
  .ft-recht span.r { display: flex; flex-wrap: wrap; gap: 0 20px; }
  .ft-recht span.r a { line-height: 44px; }
  .ft-contact p { line-height: 44px !important; margin-top: 8px !important; }
  .ft-recht span.r a { margin-left: 0; }
  .pagina > footer.sec > div:has([data-inlinelogo]) { margin-top: 26px !important; }
  .pagina > footer.sec [data-inlinelogo] svg { width: 100% !important; height: auto !important; }
}
@media (max-width: 760px) {
.hero2 { margin: 0; height: 100vh; height: 100svh; min-height: 560px; border-radius: 0; }
  html.figma .hero2 { height: 800px; }
  .hero2 video { object-position: 70% 50%; }
  .hero2 .laag { background: linear-gradient(0deg, rgba(2,7,25,.92) 0%, rgba(2,7,25,.62) 34%, rgba(2,7,25,.2) 64%, rgba(2,7,25,.62) 100%), linear-gradient(0deg, rgba(10,113,217,.5) 0%, rgba(10,113,217,0) 38%); }
  .hero2 h1 { left: 20px; right: 20px; bottom: 74px; }
  .hero2 h1 .c1 { font-size: min(64px, 16.4vw) !important; line-height: .92 !important; }
  .hero2 h1 .tweede { margin-left: .75em; }
  .hero2 h1 .b2 { margin-top: 12px; font-size: 24px !important; white-space: normal !important; }
main#top > #jesse { margin: 12px 8px; padding: 12px 12px 38px; border-radius: 16px; background: var(--diep) !important; display: flex; flex-direction: column; }
  main#top > #jesse > [data-vlak] { display: none; }
  main#top > #jesse > .jesse-hoek { display: none !important; }   
  main#top > #jesse > * { margin-top: 0; }
  main#top > #jesse > video.foto { order: 1; width: 100% !important; height: 216px !important; border-radius: 12px; object-position: 50% 40%; }
  main#top > #jesse > video.foto + div { position: absolute !important; left: 12px !important; right: 12px !important; top: 108px !important; width: auto !important; height: 120px !important; border-radius: 0 0 12px 12px !important; }
  main#top > #jesse > .loopregel { order: 2; margin: -46px 4px 0; padding: 0; z-index: 2; }
  .loopregel .stuk { font-size: 50px !important; line-height: .94 !important; text-wrap: balance; }
html.beweeg main#top > #jesse > .loopregel { margin: -40px -12px 0; padding: 4px 0; overflow: hidden; max-width: none; }
  html.beweeg .loopregel .stuk, html.beweeg .loopregel .stuk.tweede { font-size: 72px !important; gap: 28px; padding-right: 28px; }
  html.beweeg .loopregel .stuk .pijl { width: auto; height: 46px; }
  main#top > #jesse > div:has(> .intro) { display: contents; }
  main#top > #jesse .intro { order: 3; margin: 22px 4px 0; }
  main#top > #jesse .intro + .tekst { order: 4; margin: 14px 4px 0 !important; }
  main#top > #jesse > div:has(> .pil) { order: 5; margin: 26px 4px 0; }
  main#top > #jesse .pil { font-size: 15px; padding: 9px 16px; }
  main#top > #jesse .pil + div { flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; margin-top: 10px !important; }
  main#top > #jesse .intro ~ div { order: 6; margin: 28px 4px 0 !important; }
.pagina > section:has(> .stapel), main#top > section:has(> .stapel) { padding: 64px 0 12px !important; }
  section > div:has(+ .stapel) { height: auto !important; padding: 0 20px 28px; }
  section > div:has(+ .stapel) > * { position: relative !important; left: auto !important; top: auto !important; width: auto !important; }
  section > div:has(+ .stapel) > * + * { margin-top: 16px; }
.stapel { padding: 0 8px 28px !important; display: flex; flex-direction: column; gap: 12px; }
  html.figma .stapel .dienst { position: relative !important; top: auto !important; }
html:not(.figma) .stapel .dienst > :not(.inhoud) { max-height: max(140px, calc(100svh - 430px)); }
  .stapel .dienst { position: sticky !important; left: auto !important; top: calc(72px + var(--i, 0) * 10px) !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 30px 16px 30px; display: flex; flex-direction: column; }
  .stapel .dienst > .inhoud { display: contents; }
  .stapel .dienst > .inhoud > * { order: 3; }
  .stapel .dienst > .inhoud > h3 { order: 1; }
  .stapel .dienst > :not(.inhoud) { order: 2; position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; aspect-ratio: 540 / 420; margin: 18px 0 8px; border-radius: 12px; }
main#top > .werk-baan { --werk-hoog: 100vh; height: calc(var(--werk-hoog) + 3 * 420px) !important; margin-top: 44px; padding: 0 !important; }
  @supports (height: 100dvh) { main#top > .werk-baan { --werk-hoog: 100dvh; } }
  html.figma main#top > .werk-baan { height: var(--werk-hoog) !important; }
  .werk-pin { position: sticky !important; top: 0 !important; width: auto !important; height: var(--werk-hoog) !important; margin: 0 !important; overflow: hidden; border-radius: 0; background: var(--nacht); display: block; }
  .werk-pin > .hoek, .werk-pin > .werk-teller { display: none !important; }
  .werk-pin > .werk-fotos img:nth-child(1) { object-position: 85% 50%; }
  .werk-pin > .werk-fotos img:nth-child(2) { object-position: 70% 50%; }
  .werk-pin > .werk-fotos img:nth-child(3) { object-position: 44% 50%; }
  .werk-pin > .werk-fotos img:nth-child(4) { object-position: 62% 50%; }
.werk-pin > .laag { background: linear-gradient(0deg, rgba(2,7,25,.96) 0%, rgba(2,7,25,.82) 30%, rgba(2,7,25,.2) 62%, rgba(2,7,25,.6) 100%); }
.werk-pin > .werk-lijst { left: 20px !important; right: 20px; top: 76px !important; gap: 6px; }
  .werk-lijst button { flex: 1 1 0; min-width: 0; height: 44px; padding: 20px 0 21px; border: 0 !important; border-radius: 2px; background: rgba(255,255,255,.32); background-clip: content-box; font-size: 0 !important; line-height: 0; overflow: hidden; }
  .werk-lijst button span { display: none; }
  .werk-lijst button[aria-current="true"] { background-color: #fff; }
  .werk-pin > .werk-case { left: 20px !important; right: 20px; bottom: 104px !important; width: auto !important; }
  .werk-case h3 { font-size: 40px; white-space: normal; transform: none !important; }
  .werk-case p { font-size: 17px; line-height: 26px; margin-top: 10px; }
.werk-pin > .werk-rond { right: 20px !important; top: 132px; bottom: auto !important; width: 88px; height: 88px; font-size: 12px; line-height: 1.15; }
  .werk-pin > .werk-rond svg { width: 14px; height: auto; }
:is(main#top, .pagina) > #bewijs:has(> .bellenveld) { display: flex; flex-direction: column; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > * { margin-top: 0; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > h2 { order: 1; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > .bellenveld { order: 2; align-self: center; width: 100% !important; max-width: 420px; height: auto !important; aspect-ratio: 350 / 421; margin-top: 28px; }
  .bellenveld > .bel { height: auto !important; aspect-ratio: 1; padding: 0; animation: none !important; }
  .bellenveld > a.bel { padding: 0 14px; font-size: 15px; line-height: 1.2; }
  .bellenveld > .bel:nth-child(1) { left: 0.57% !important; top: 0.48% !important; width: 31.71% !important; }      .bellenveld > .bel:nth-child(1) img { width: 73% !important; }
  .bellenveld > .bel:nth-child(2) { left: 33.75% !important; top: 0.48% !important; width: 23.71% !important; }     .bellenveld > .bel:nth-child(2) img { width: 63% !important; }
  .bellenveld > .bel:nth-child(3) { left: 69.71% !important; top: 0.48% !important; width: 29.71% !important; }     .bellenveld > .bel:nth-child(3) img { width: 70% !important; }
  .bellenveld > .bel:nth-child(4) { left: 25.14% !important; top: 21.59% !important; width: 22.86% !important; }    .bellenveld > .bel:nth-child(4) img { width: 72% !important; }
  .bellenveld > .bel:nth-child(5) { left: 49.4% !important; top: 16.95% !important; width: 24% !important; }        .bellenveld > .bel:nth-child(5) img { width: 77% !important; }
  .bellenveld > .bel:nth-child(6) { left: 71.43% !important; top: 27.12% !important; width: 28% !important; }       .bellenveld > .bel:nth-child(6) img { width: 70% !important; }
  .bellenveld > .bel:nth-child(7) { left: 0.57% !important; top: 35.77% !important; width: 31.71% !important; }     .bellenveld > .bel:nth-child(7) img { width: 75% !important; }
  .bellenveld > .bel:nth-child(8) { left: 39.48% !important; top: 37.75% !important; width: 28% !important; }       .bellenveld > .bel:nth-child(8) img { width: 70% !important; }
  .bellenveld > .bel:nth-child(9) { left: 64.81% !important; top: 51.51% !important; width: 28% !important; }       .bellenveld > .bel:nth-child(9) img { width: 73% !important; }
  .bellenveld > .bel:nth-child(10) { left: 0.57% !important; top: 63.94% !important; width: 26.29% !important; }    .bellenveld > .bel:nth-child(10) img { width: 79% !important; }
  .bellenveld > .bel:nth-child(11) { left: 28.02% !important; top: 59.51% !important; width: 22.29% !important; }
  .bellenveld > .bel:nth-child(12) { left: 75.71% !important; top: 75.56% !important; width: 23.71% !important; }   .bellenveld > .bel:nth-child(12) img { width: 63% !important; }
  .bellenveld > .bel:nth-child(13) { left: 22.63% !important; top: 79.59% !important; width: 23.71% !important; }   .bellenveld > .bel:nth-child(13) img { width: 54% !important; }
  .bellenveld > .bel:nth-child(14) { left: 47.18% !important; top: 71.23% !important; width: 26.29% !important; }   .bellenveld > .bel:nth-child(14) img { width: 74% !important; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > img.foto { order: 3; width: auto !important; height: 300px !important; margin: 40px -12px 0; max-width: none; border-radius: 16px; object-position: 36% 50%; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > div.abs { order: 4; align-self: flex-start; margin: -92px 4px 0; padding: 16px 20px !important; z-index: 2; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > .review { order: 5; height: auto !important; margin: 12px -12px 0; max-width: none; padding: 24px 20px 26px; border-radius: 16px; }
  :is(main#top, .pagina) > #bewijs:has(> .bellenveld) > div.abs + .review { margin-top: 36px; }
main#top > #lezen { margin: 12px 8px; padding: 40px 12px 40px; border-radius: 16px; background: var(--diep) !important; }
  main#top > #lezen > [data-vlak] { display: none; }
  main#top > #lezen > .bc-rond { position: relative !important; justify-self: end; width: 116px !important; height: 116px; margin: -6px 4px 0 0; font-size: 14px; }
.stapel .link, .werk-case .link, #jesse .link, #bewijs .link { position: relative; }
  .stapel .link::after, .werk-case .link::after, #jesse .link::after, #bewijs .link::after { content: ""; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px; }
main#top > #vragen { padding: 64px 20px !important; }
  main#top > .sec { height: auto !important; min-height: 0 !important; padding: 64px 20px; box-sizing: border-box; }
  main#top > .sec > * { position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; width: auto !important; max-width: 100%; box-sizing: border-box; }
  main#top > .sec > * + * { margin-top: 24px; }
  main#top > .sec > h2 + p, main#top > .sec > h2 + .intro { margin-top: 16px; }
main#top { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
  main#top > footer.sec { margin: 0 8px 0; padding: 0 12px 26px !important; border-radius: 16px; background: var(--nacht) !important; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
  main#top > footer.sec > * { grid-column: 1 / -1; margin-top: 0 !important; }
  main#top > footer.sec > .fd-vlak { height: 330px !important; margin: 0 -12px; border-radius: 0; background: var(--nacht); width: calc(100% + 24px) !important; max-width: none !important; }   
  main#top > footer.sec > p.intro { text-align: left !important; margin-top: 14px !important; }
  main#top > footer.sec > div:has(> .knoplink) { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; gap: 20px !important; margin-top: 24px !important; }
  main#top > footer.sec > .ft-lijst { grid-column: auto; margin-top: 44px !important; }
  main#top > footer.sec > .ft-contact { margin-top: 40px !important; }
  main#top > footer.sec > .ft-recht { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 32px !important; padding-top: 18px; }
  main#top > footer.sec > div:has([data-inlinelogo]) { margin-top: 26px !important; }
  main#top > footer.sec [data-inlinelogo] svg { width: 100% !important; height: auto !important; }
}
@media (max-width: 760px) {
.pagina .sec.dp-afv, main#top > #herkenbaar { margin: 12px 8px; padding: 44px 16px 48px; border-radius: 16px; background: var(--mist) !important; display: flex; flex-direction: column; align-items: flex-start; }
  .pagina .sec.dp-afv > *, main#top > #herkenbaar > * { order: 2; margin-top: 22px; }
  .pagina .sec.dp-afv > h2, main#top > #herkenbaar > h2 { order: 0; align-self: stretch; margin-top: 0; }
  .pagina .sec.dp-afv > p, main#top > #herkenbaar > p { align-self: stretch; }
  .pagina .sec.dp-afv > h2 + *, main#top > #herkenbaar > h2 + * { margin-top: 52px; }   
.afv-kop { --m: 44; font-size: min(calc(var(--m) * 1px), calc((100vw - 48px) * var(--m) / 342)) !important; line-height: .94 !important; }
  .afv-kop > span { white-space: normal; }
  .afv-kop .tweede { margin-left: min(54px, calc((100vw - 48px) * 54 / 342)); }
  .afv-kop[style*="font-size:74px"], .afv-kop[style*="font-size:76px"] { --m: 42; }
  .afv-kop[style*="font-size:78px"] { --m: 46; }
  .afv-kop[style*="font-size:88px"] { --m: 49; }
  .afv-kop[style*="font-size:92px"] { --m: 48; }
  .afv-kop[style*="font-size:96px"] { --m: 56; }
  .afv-kop[style*="font-size:108px"] { --m: 62; }
  .afv-kop[style*="font-size:100px"], .afv-kop[style*="font-size:104px"], .afv-kop[style*="font-size:120px"] { --m: 64; }
  .pagina .sec.dp-afv > div:has(> .afv-note), main#top > #herkenbaar > div:has(> .afv-note) { order: 1; align-self: stretch; margin-top: 30px; padding: 0 2px 10px; }
  .afv-note { transform: rotate(1.2deg); }
  .afv-achter { border-radius: 14px; transform: rotate(-3.6deg) translate(-3px, 8px); }
  .afv-vel { padding: 46px 20px 4px; border-radius: 14px; box-shadow: 0 18px 40px rgba(2,7,25,.12), 0 2px 6px rgba(2,7,25,.05); }
  .afv-gaten { left: 22px; right: 22px; top: 14px; }
  .afv-gaten i { width: 10px; height: 16px; }
  .afv-velkop { padding-bottom: 12px; }
  .afv-vink { gap: 16px; padding: 20px 0; }
  .afv-vink b { font-size: 21px; line-height: 1.14; margin-bottom: 6px; }
  .afv-vink .t { font-size: 16px; line-height: 1.5; }
  .dp-afv .afv-vink { padding: 16px 0; }
  .dp-afv .afv-vink .t { font-size: 17px; line-height: 1.42; }
  .afv-muis svg { width: 40px; height: 62px; }
.pagina .sec.zw, main#top > .sec.zw { margin: 12px 8px; padding: 44px 16px 44px; border-radius: 16px; display: flex; flex-direction: column; }
  .pagina .sec.zw > *, main#top > .sec.zw > * { margin-top: 0; }
  .sec.zw > .zw-dingen { display: contents; }
  .sec.zw .zw-ding { position: relative !important; left: auto !important; top: auto; width: 100%; height: 280px; flex: none; margin-top: 44px; }
  .sec.zw .zw-bel { order: 1; margin-top: 28px; }
  .sec.zw .zw-plan { order: 3; }
  .sec.zw .zw-aanuit { order: 5; }
  .pagina .sec.zw > .zw-stap, main#top > .sec.zw > .zw-stap { order: 6; margin-top: 20px; }
  .sec.zw > .zw-dingen + .zw-stap { order: 2 !important; }
  .sec.zw > .zw-dingen + .zw-stap + .zw-stap { order: 4 !important; }
  .pagina .sec.zw > .zw-knop, main#top > .sec.zw > .zw-knop { order: 7; margin-top: 36px; }
  .zw-nr { margin-bottom: 6px; }
.zw-ding > * { position: absolute !important; }
  .zw-bel .portret { left: 24px; top: 24px; width: 96px; height: 96px; }
  .zw-bel .wie { left: 134px; top: 52px; }
  .zw-bel .tijd { left: 24px; bottom: 18px; font-size: 74px; }
  .zw-bel .golf { right: 24px; bottom: 38px; }
  .zw-plan .achter { left: 50%; margin-left: -130px; top: 22px; height: 236px; }
  .zw-plan .vel { left: 50%; margin-left: -130px; top: 16px; }
  .zw-aanuit .baan { left: 50%; margin-left: -100px; top: 62px; }
  .zw-aanuit .stand { top: 186px; }
  .zw-aanuit .zw-muis { left: 50%; transform: translate3d(126px, 216px, 0); }
  .zw-aanuit.wijst .zw-muis { transform: translate3d(-54px, 112px, 0); }
@media (max-width: 350px) { .zw-bel .wie { left: 24px; top: 130px; } }
@media (max-width: 385px) {
    .zw-bel .wie { padding: 9px 14px; font-size: 14px; }
    .zw-bel .tijd { font-size: 64px; }
    .zw-bel .golf { gap: 4px; }
  }
  @media (max-width: 350px) { .zw-bel .tijd { font-size: 54px; } }
  @media (max-width: 330px) { .zw-bel .tijd { font-size: 46px; } }
.bc-kop { position: relative !important; left: auto !important; top: auto !important; width: auto !important; display: block; font-size: 60px; line-height: .92; white-space: normal; }
  .pagina .sec.sw, main#top > #lezen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 10px; row-gap: 14px; align-items: start; }
  .pagina .sec.sw > *, main#top > #lezen > * { grid-column: 1 / -1; margin-top: 0; }
  .pagina .sec.sw > .bc-plek, main#top > #lezen > .bc-plek { grid-column: auto; }
  .pagina .sec.sw > .bc-plek:last-child:nth-of-type(even) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 5px) !important; }
  .pagina .sec.sw > h1, .pagina .sec.sw > h2, main#top > #lezen > .bc-kop { margin-bottom: 14px; }
  .bc-plek, .bc-kaart { width: auto !important; height: auto !important; }
  .bc-plek > .bc-kaart { position: relative !important; padding: 8px 8px 16px; border-radius: 14px; box-shadow: 0 14px 28px rgba(2,7,25,.26); }
  .bc-plek:nth-of-type(2) > .bc-kaart { --hoek: -3deg !important; }
  .bc-plek:nth-of-type(3) > .bc-kaart { --hoek: 2deg !important; }
  .bc-plek:nth-of-type(4) > .bc-kaart { --hoek: 1.5deg !important; }
  .bc-plek:nth-of-type(5) > .bc-kaart { --hoek: -2.5deg !important; }
  .bc-plek:nth-of-type(6) > .bc-kaart { --hoek: -1.5deg !important; }
.bc-kaart .oms { width: 100% !important; height: auto !important; aspect-ratio: 246 / 190; border-radius: 9px; }
.bc-kaart .oms .code { left: 8px; top: 8px; }
  .bc-kaart .datum { font-size: 12px; margin: 12px 4px 0; }
  .bc-kaart h3 { font-size: 16px; line-height: 1.16; margin: 6px 4px 0; overflow-wrap: break-word; }
  .sw .bc-kaart img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; border-radius: 9px; }
  .sw .naam { margin: 11px 4px 0 !important; font-size: 12px; }
  .sw .bc-kaart h3 { font-size: 17px; margin: 4px 4px 0 !important; }
  .sw .prijs { margin: 8px 4px 0 !important; font-size: 16px; line-height: 1.36; }
.pagina > header.sec.sw { background: var(--diep); padding-bottom: 44px !important; }
  .pagina > header.sec.sw > .binnen { display: none; }
  .sw .bc-kop { font-size: 66px; }
  .sw .rest { position: static !important; display: block; width: auto !important; margin-top: 12px; text-align: left; white-space: normal !important; }
.sw.klein .bc-kop { font-size: 48px; }
.pagina .sec:has(> .lp-rij) { display: grid; grid-template-columns: minmax(0, 1fr); }
  .pagina .sec:has(> .lp-rij) > * { grid-column: 1; margin-top: 0; }
  .lp-rij > .lp-stap, .lp-uitleg > .lp-zin { grid-column: 1; }
  .pagina .sec > .lp-rij, .pagina .sec > .lp-uitleg { display: contents; }
  .pagina .sec > .lp-foto { grid-row: 1; height: 300px !important; margin: 0 -12px; max-width: none !important; border-radius: 16px; }
  .pagina .sec > .lp-foto + h2 { grid-row: 1; align-self: end; z-index: 2; margin: 0 8px 22px; }
  .lp-foto img { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; object-position: 62% 40%; }
  .lp-foto .laag { background: linear-gradient(0deg, rgba(2,7,25,.9) 0%, rgba(2,7,25,.64) 40%, rgba(2,7,25,.14) 74%, rgba(2,7,25,0) 100%); }
  .lp-foto svg { display: none !important; }
  .lp-stap { display: grid; grid-template-columns: 34px 30px minmax(0, 1fr); align-items: center; width: 100%; min-height: 52px; padding: 6px 0; }
  .lp-rij > .lp-stap:first-child { margin-top: 26px; }
  .lp-stap .punt { grid-column: 1; grid-row: 1; align-self: stretch; height: auto; margin: -6px 0; }
  .lp-stap .nr { grid-column: 2; grid-row: 1; }
  .lp-stap b { grid-column: 3; grid-row: 1; }
  .lp-stap .punt em { left: 7px; right: auto !important; top: 0; bottom: 0; width: 2px; height: auto; }
  .lp-rij > .lp-stap:first-child .punt em { top: 50%; }
  .lp-rij > .lp-stap:last-child .punt em { bottom: 50%; }
  .lp-stap .punt i { top: 50%; margin-top: -8px; }
  .lp-stap .punt .wijs { left: 2px; top: 50%; margin-top: -8px; }
  .lp-stap .punt .wijs svg { width: auto; height: 28px; }
  .lp-uitleg .lp-zin { position: relative !important; left: auto; top: auto; width: auto; margin: 2px 0 12px 34px; padding: 14px 16px 16px; border-radius: 12px; background: var(--mist); font-size: 17px; line-height: 26px; }
  .lp-uitleg .lp-zin::before { content: ""; position: absolute; left: -27px; top: -2px; bottom: -12px; width: 2px; background: var(--lijn); }
  .lp-uitleg .lp-zin:last-of-type::before { display: none; }
  .lp-rij > .lp-stap:nth-child(1) { grid-row: 3; }  .lp-uitleg > .lp-zin:nth-of-type(1) { grid-row: 4; }
  .lp-rij > .lp-stap:nth-child(2) { grid-row: 5; }  .lp-uitleg > .lp-zin:nth-of-type(2) { grid-row: 6; }
  .lp-rij > .lp-stap:nth-child(3) { grid-row: 7; }  .lp-uitleg > .lp-zin:nth-of-type(3) { grid-row: 8; }
  .lp-rij > .lp-stap:nth-child(4) { grid-row: 9; }  .lp-uitleg > .lp-zin:nth-of-type(4) { grid-row: 10; }
  .lp-rij > .lp-stap:nth-child(5) { grid-row: 11; } .lp-uitleg > .lp-zin:nth-of-type(5) { grid-row: 12; }
  .lp-rij > .lp-stap:nth-child(6) { grid-row: 13; } .lp-uitleg > .lp-zin:nth-of-type(6) { grid-row: 14; }
  .lp-rij > .lp-stap:nth-child(7) { grid-row: 15; } .lp-uitleg > .lp-zin:nth-of-type(7) { grid-row: 16; }
  .lp-rij > .lp-stap:nth-child(8) { grid-row: 17; } .lp-uitleg > .lp-zin:nth-of-type(8) { grid-row: 18; }
.pr-bedrag { flex-wrap: wrap; gap: 2px 12px; }
  .pr-bedrag b { font-size: 104px; }
  .pr-bedrag span { font-size: 21px; padding-bottom: 8px; }
  .pr-klein { font-size: 16px; line-height: 24px; }
  .pagina .sec > .pr-label { display: block; margin-top: 30px; font-size: 20px; }
  .pagina .sec > .pr-keuze { margin-top: 12px; }
  .pagina .sec > div + .pr-keuze { margin-top: 26px; }
  .pr-keuze { flex-wrap: wrap; gap: 8px; }
  .pr-rond { flex: none; width: 58px; height: 58px; font-size: 24px; }
  .pr-pil { height: 48px; padding: 0 18px; font-size: 17px; }
.vb-kaart { height: auto !important; margin-left: -12px; margin-right: -12px; max-width: none !important; padding: 28px 20px 30px; }
  .pagina .sec > .vb-kaart + .vb-kaart { margin-top: 12px; }
  .vb-kaart > .in { position: relative !important; left: auto !important; top: auto !important; width: auto !important; }
.vb-kaart .link { position: relative; }
  .vb-kaart .link::after { content: ""; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px; }
.pagina .sec > .lv-venster { width: 70% !important; aspect-ratio: 300 / 247; margin-top: -56px; box-shadow: 0 16px 34px rgba(2,7,25,.22); }
  .pagina .sec > .lv-venster:nth-of-type(odd) { margin-left: auto; transform: rotate(2.5deg) !important; }
  .pagina .sec > .lv-venster:nth-of-type(even) { transform: rotate(-3deg) !important; }
  .pagina .sec > :not(.lv-venster) + .lv-venster { margin-top: 28px; }
}
@media (max-width: 760px) {
.pagina:has(.cd-lead) > header.sec { gap: 18px; }
.pagina:has(.cd-lead) > header.sec > .binnen.dp-foto > .laag:not([style]) { background: linear-gradient(0deg, rgba(2,7,25,.98) 0%, rgba(2,7,25,.92) 32%, rgba(2,7,25,.5) 64%, rgba(2,7,25,.24) 100%), linear-gradient(0deg, rgba(10,113,217,.4) 0%, rgba(10,113,217,0) 36%); }
.pagina:has(.cd-lead) > header.sec > .binnen.dp-foto > .boven { height: 170px !important; background: linear-gradient(180deg, rgba(2,7,25,.9) 0%, rgba(2,7,25,.6) 48%, rgba(2,7,25,0) 100%); }
.pagina:has(.cd-lead) > header.sec > .bel { order: 0; z-index: 2; flex: none; align-self: flex-end; width: 100px !important; height: 100px !important; padding: 0; margin: 0 6px 4px 0; }
.pagina:has(.cd-lead) > header.sec > .bel img { width: 72% !important; height: auto; }
  .pagina:has(.cd-lead) > header.sec > .bel img[style*="width:104px"] { width: 61% !important; }
  .pagina:has(.cd-lead) > header.sec > .bel img[style*="width:132px"] { width: 78% !important; }
  .pagina:has(.cd-lead) > header.sec > .bel img[style*="width:150px"] { width: 86% !important; }
.pagina:has(.cd-lead) > header.sec:has(> .binnen.dp-tel) { padding-top: 464px !important; }
  .pagina:has(.cd-lead) > header.sec > .binnen.dp-tel > .laag, .pagina:has(.cd-lead) > header.sec > .binnen.dp-tel > .boven { display: none !important; }
.pagina:has(.cd-lead) > header.sec > .binnen.dp-tel > picture { left: max(20px, calc(50% - 195px)) !important; top: 80px !important; width: min(calc(100% - 40px), 390px) !important; height: auto !important; border: 1px solid rgba(255,255,255,.18); border-bottom: 0; border-radius: 14px 14px 0 0; overflow: hidden; }
  .pagina:has(.cd-lead) > header.sec > .binnen.dp-tel > picture > img { width: 100% !important; height: auto !important; }
  .pagina:has(.cd-lead) > header.sec:has(> .binnen.dp-tel) > h1 { max-width: none; margin: -84px -20px -48px; padding: 96px 20px 48px; background: linear-gradient(180deg, rgba(2,7,25,0) 0px, rgba(2,7,25,.84) 56px, #020719 92px); }
.pagina:has(.cd-lead) > header.sec:has(> .binnen.dp-tel) > .bel { z-index: 3; margin-top: -104px; margin-bottom: -14px; box-shadow: 0 8px 24px rgba(2,7,25,.32); }
.pagina > header.sec > .binnen:has(> .cs-collage) { display: block; height: 300px !important; margin: 0 -20px -28px; overflow: hidden; max-width: none; }
  .pagina .binnen > .cs-collage { position: absolute !important; left: -24px !important; top: -112px !important; width: max-content !important; max-width: none !important; transform: rotate(-9deg) scale(.48) !important; transform-origin: 0 0; }
  .pagina .binnen > .cs-boven { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 72px !important; }
  .pagina .binnen > .cs-links { position: absolute !important; left: 0 !important; top: auto !important; bottom: 0 !important; width: 100% !important; height: 120px !important; background: linear-gradient(0deg, #020719 0%, rgba(2,7,25,0) 100%); }
  .pagina > header.sec > .cs-rond { position: absolute !important; left: auto !important; top: auto !important; right: 22px !important; bottom: 54px !important; width: 108px !important; height: 108px; z-index: 3; gap: 6px; font-size: 14px; line-height: 1.2; text-align: center; }
  .cs-rond svg { width: auto; height: 28px; }
#alle > h2 { margin: 0 0 20px !important; }
  .cs-filter { gap: 8px; margin: 0 0 28px; }
  .cs-pil { padding: 0 16px; gap: 8px; }
  .cs-raster { flex-direction: column; align-items: stretch; gap: 16px; }
  .cs-kolom { flex: none; gap: 16px; }
  .cs-kolom.lager { margin-top: 0; }
#alle .cs-kolom.lager { order: 3; }
.cs-kaart { border-radius: 16px; }
  a.cs-kaart:hover { transform: none; box-shadow: none; }                              
  .cs-kaart .cs-beeld { height: auto; aspect-ratio: 16 / 9; }
.cs-kaart.site .cs-beeld { height: auto; aspect-ratio: 1536 / 1080; }
  .cs-kaart .cs-in { padding: 20px 20px 24px; }
  .cs-kaart h3 { margin: 0 0 8px; }
  .cs-getal { margin-top: 18px; font-size: 64px; }
  .cs-wat { margin-top: 6px; }
  .cs-kaart .cs-meer { margin-top: 18px; }
  .cs-kaart.vraag { padding: 8px 0; }                                                  
.rs-getal.groot[style*="font-size:132px"] { font-size: min(84px, 21.5vw) !important; }
  .cd-lead { font-size: 20px; line-height: 30px; }
  .pagina .sec > .cd-lead { margin-top: 28px; }
  .cd-bij { font-size: 17px; line-height: 27px; }
  .cd-feiten > div { gap: 16px; padding: 14px 0; }
  .cd-feiten dt { width: 108px; }
  .cd-feiten dd { flex-wrap: wrap; gap: 4px 16px; min-width: 0; }
  .cd-feiten dd a { flex: 0 1 auto; }
.rs-vlak:has(> .rs-lijn) { display: grid; grid-template-columns: minmax(0, 1fr); padding: 0 !important; overflow: hidden; container-type: inline-size; }
  .rs-vlak:has(> .rs-lijn) > .rs-getal { grid-row: 1; margin: 26px 24px 0; font-size: 80px; }
  .rs-vlak:has(> .rs-lijn) > .rs-wat { grid-row: 2; margin: 10px 24px 0; font-size: 17px; white-space: normal; }
  .rs-vlak:has(> .rs-lijn) > .rs-wat + .rs-bij { grid-row: 3; margin: 4px 24px 0; }
  .rs-vlak > .rs-lijn { grid-row: 4; grid-column: 1; width: 129.87cqw !important; max-width: none; margin: calc(14px - 7.79cqw) 0 -7.36cqw -.866cqw; }
  .rs-lijn path, .rs-lijn circle { vector-effect: non-scaling-stroke; }
  .rs-lijn path[stroke-width="5"] { stroke-width: 3.5px; }
  .rs-lijn circle { r: 11px; stroke-width: 3px; }
  .rs-vlak:has(> .rs-lijn) > [data-pijl] { grid-row: 4; grid-column: 1; justify-self: start; align-self: start; margin: calc(14px + 7.79cqw) 0 0 92.21cqw; z-index: 2; }
  .rs-vlak:has(> .rs-lijn) > [data-pijl] svg { width: auto; height: 10.4cqw; }
  .rs-vlak:has(> .rs-lijn) > .rs-begin { grid-row: 4; grid-column: 1; justify-self: start; align-self: end; margin: 0 0 4.6cqw 24px; font-size: 24px; z-index: 2; }
  .rs-vlak:has(> .rs-lijn) > .rs-begin + .rs-bij { grid-row: 5; margin: 2px 24px 22px; }
  .rs-vlak:has(> .rs-lijn) > .rs-bij { font-size: 14px; }
  .rs-vlak:has(> .rs-lijn) > .link { grid-row: 6; justify-self: start; margin: 2px 24px 26px; }
  .rs-bron { font-size: 16px; line-height: 24px; }
.pagina .sec.tl { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 14px; align-items: start; --n: 0; }
  .pagina .sec.tl > * { margin-top: 0; }
  .pagina .sec.tl > h2 { grid-column: 1 / -1; grid-row: 1; }
  .pagina .sec.tl > .cd-bij { grid-column: 1 / -1; grid-row: 2; margin-top: 16px; }
.sec.tl > [data-stap="0"], .sec.tl > [data-stap="0"] + .cd-ding { --s: 0; }
  .sec.tl > [data-stap="1"], .sec.tl > [data-stap="1"] + .cd-ding { --s: 1; }
  .sec.tl > [data-stap="2"], .sec.tl > [data-stap="2"] + .cd-ding { --s: 2; }
  .sec.tl > [data-stap="3"], .sec.tl > [data-stap="3"] + .cd-ding { --s: 3; }
  .sec.tl > [data-stap="4"], .sec.tl > [data-stap="4"] + .cd-ding { --s: 4; }
  .sec.tl > [data-stap="5"], .sec.tl > [data-stap="5"] + .cd-ding { --s: 5; }
  .sec.tl > [data-stap="6"], .sec.tl > [data-stap="6"] + .cd-ding { --s: 6; }
  .sec.tl > [data-stap="7"], .sec.tl > [data-stap="7"] + .cd-ding { --s: 7; }
  .pagina .sec.tl:has(> [data-stap="1"]) { --n: 1; }
  .pagina .sec.tl:has(> [data-stap="2"]) { --n: 2; }
  .pagina .sec.tl:has(> [data-stap="3"]) { --n: 3; }
  .pagina .sec.tl:has(> [data-stap="4"]) { --n: 4; }
  .pagina .sec.tl:has(> [data-stap="5"]) { --n: 5; }
  .pagina .sec.tl:has(> [data-stap="6"]) { --n: 6; }
  .pagina .sec.tl:has(> [data-stap="7"]) { --n: 7; }
.pagina .sec.tl > .tl-lijn { grid-column: 1; grid-row: 3 / calc(var(--n) * 4 + 3); justify-self: center; align-self: stretch; width: 4px !important; height: auto !important; margin: 55px 0 -55px; }
  .pagina .sec.tl > .tl-punt { grid-column: 1; grid-row: calc(var(--s) * 4 + 3); width: 22px !important; height: 22px; margin-top: 44px; z-index: 1; border-color: var(--diep); }
  .pagina .sec.tl > .tl-wijs { grid-column: 1; grid-row: calc(var(--n) * 4 + 3); justify-self: start; height: 0; margin: 54px 0 0 10px; z-index: 2; }
  .tl-wijs svg { width: auto; height: 34px; }
  .pagina .sec.tl > .tl-tekst { grid-column: 2; grid-row: calc(var(--s) * 4 + 3) / span 4; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; margin-top: 40px; text-align: left; opacity: 1 !important; }
  .sec.tl > .tl-tekst > h3, .sec.tl > .tl-tekst > b { grid-row: 1; font-size: 26px; line-height: 1.12; }
  .sec.tl > .tl-tekst > p { grid-row: 3; margin-top: 14px; font-size: 17px; line-height: 27px; }
  .sec.tl > .tl-tekst > .cd-weetje { grid-row: 4; margin-top: 14px; }
  .pagina .sec.tl > .cd-ding, .pagina .sec.tl > .tl-beeld { grid-column: 2; grid-row: calc(var(--s) * 4 + 4); margin-top: 14px; }
.cd-weetje, .tl-tekst.l .cd-weetje { flex-direction: row; text-align: left; padding: 12px 16px; font-size: 16px; line-height: 24px; }
.tl-beeld { height: auto !important; aspect-ratio: 500 / 320; border-radius: 16px; box-shadow: 0 0 0 1px #E3E8EF; opacity: 1 !important; }
  .tl-beeld[style*="height:340px"] { aspect-ratio: 500 / 340; }
  .tl-beeld[style*="height:395px"] { aspect-ratio: 500 / 395; }
  .tl-beeld[style*="width:420px"] { aspect-ratio: 420 / 340; }
  .tl-beeld > svg { display: none !important; }
.cd-ding { container-type: inline-size; height: auto !important; padding: 22px 22px 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .cd-ding > * { position: relative !important; left: auto !important; top: auto !important; }
  .cd-bedrag { --f: 132; font-size: calc(var(--f) * .232cqw) !important; line-height: .92; }
  .cd-bedrag[style*="font-size:124px"] { --f: 124; }
  .cd-bedrag[style*="font-size:116px"] { --f: 116; }
  .cd-bedrag[style*="font-size:112px"] { --f: 112; }
  .cd-bedrag[style*="font-size:108px"] { --f: 108; }
  .cd-bedrag[style*="font-size:104px"] { --f: 104; }
  .cd-bedrag[style*="font-size:100px"] { --f: 100; }
  .cd-bedrag[style*="font-size:84px"] { --f: 84; }
  .cd-bedrag[style*="font-size:78px"] { --f: 78; }
  .cd-bedrag[style*="font-size:72px"] { --f: 72; }
  .cd-onder { white-space: normal; }
.cd-som { max-width: 100%; gap: 12px; }
  .cd-som > div { flex: 0 1 auto; min-width: 0; gap: 8px; }
  .cd-som b { font-size: 32cqw; }
  .cd-som i { flex: none; font-size: 16cqw; line-height: 27.5cqw; }
  .cd-som span { width: max-content; max-width: 41.5cqw; white-space: normal; }
.pagina .sec:has(> .cd-kolom) { display: grid; grid-template-columns: minmax(0, 1fr); }
  .pagina .sec:has(> .cd-kolom) > * { margin-top: 0; }
  .pagina .sec > .cd-kolom { grid-column: 1; grid-row: 1 / span 4; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; }
  .cd-kolom > h2 { grid-row: 1; }
  .cd-kolom > .cd-bij { grid-row: 3; width: auto !important; margin-top: 20px; }
  .cd-kolom > .link { grid-row: 4; justify-self: start; margin-top: 18px; }
  .pagina .sec > .cd-kolom + .blogwissel { grid-column: 1; grid-row: 2; margin-top: 24px; }
  .pagina .sec > .ws-plek { margin-top: 36px; }
  .pagina .sec > .cd-kolom ~ .ws-plek { margin-top: 40px; }
  .ws-plek .ws-venster { transform: none !important; }
  .ws-plek b.b3 { margin-top: 16px; }
  .ws-wat { margin-top: 4px; }
.pagina .sec.cd-col { display: flex; flex-direction: column; gap: 14px; padding: 36px 16px 40px; }
  .pagina .sec.cd-col > * { margin-top: 0; }
  .cd-col .bc-kop { font-size: 60px !important; line-height: .95; white-space: normal; margin-bottom: 10px; }
  .cd-col .cd-kaart { width: 100% !important; height: auto; min-height: 0; padding: 22px 22px 24px; gap: 10px; border-radius: 16px; box-shadow: 0 16px 34px rgba(0,0,0,.3); transform: rotate(calc(var(--hoek, 0deg) * .3)); }
  .cd-col .cd-kaart b.g { font-size: 76px !important; }
  .cd-col .cd-kaart h3 { font-size: 23px; }
  .cd-col .cd-kaart.foto { padding: 10px; }
  .cd-col .cd-kaart.foto img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
  .cd-col .cd-kaart.review { padding: 24px 22px 24px; }
  .pagina .sec.cd-col > .bc-rond { align-self: flex-end; width: 116px !important; height: 116px; margin: -24px 4px 0 0; flex: none; }
.cd-review-heel { width: auto; max-width: calc(100vw - 32px); padding: 64px 22px 28px; border-radius: 16px; }
.pagina .sec > dialog.cd-review-heel { position: fixed !important; inset: 16px !important; width: auto !important; height: fit-content; max-width: none; max-height: calc(100dvh - 32px); margin: auto; overflow-y: auto; }
  .cd-review-heel p { margin-top: 16px; font-size: 17px; line-height: 27px; }
  .cd-review-heel .wie { margin-top: 20px; }
  .cd-review-heel .sluit { right: 14px; top: 12px; height: 44px; padding: 0 18px; font-size: 15px; line-height: 41px; }
.pagina #review-voorbeeld { padding: 16px; }
#gebouwd .vkop .intro { width: auto !important; padding-bottom: 0 !important; }
  .cd-vakjes { flex-direction: column; flex-wrap: nowrap; gap: 10px; }
  .cd-vakje { width: auto; min-height: 0; padding: 15px 18px 17px; border-radius: 14px; gap: 2px; }
  .cd-vakje b { font-size: 18px; line-height: 25px; }
  .cd-vakje span { font-size: 16px; line-height: 24px; }
  .cd-na { margin-top: 22px; }
}
@media (max-width: 760px) {
#team > .ot-plek + .ot-plek { margin-top: 44px; }
  #team .ot-kaart > svg { display: none !important; }
  #team .ot-plek b.b2 { margin-top: 18px; }
  #team .ot-plek .ot-wat { margin-top: 6px; font-size: 17px; line-height: 27px; }
#verhaal > .tl-wijs { height: 0; }
.ct-tekst { font-size: 28px; line-height: 1.18; }
  .ct-wie { flex-wrap: wrap; gap: 6px 12px; }
.ct-wie + div > .link { position: relative; }
  .ct-wie + div > .link::after { content: ""; position: absolute; left: 0; right: 0; top: -9px; bottom: -9px; }
.pagina > header.sec:has(> .ct-plan) > .binnen { display: none; }
  .ot-kaart.klein:has(+ .ct-plan),
  .pagina .sec .ot-kaart.klein:has(+ .ct-plan) { width: 104px !important; margin: 0 0 0 16px !important; transform: rotate(-4deg) !important; z-index: 2; border-radius: 14px; box-shadow: 0 16px 30px -14px rgba(2,7,25,.55); }
  .ot-kaart.klein + .ct-plan { margin-top: -76px !important; }
  .pagina > header.sec > .ot-kaart.klein + .ct-plan { margin-top: -104px !important; }   
.ct-plan { width: auto !important; height: auto !important; padding: 22px 16px 16px; border-radius: 16px; box-sizing: border-box; }
  .ct-plan > * { position: relative !important; left: auto !important; top: auto !important; }
  .ct-plan > .b3 { margin: 0; }
  .ct-plan > .ct-feit { margin: 4px 0 0; }
  .ot-kaart.klein + .ct-plan > .b3, .ot-kaart.klein + .ct-plan > .ct-feit { margin-left: 122px; }   
  .ct-plan > .ct-maand { width: auto; margin-top: 30px; }
  .ct-maand b { font-size: 21px; }
  .ct-maand .pijlen span { width: 44px; height: 44px; }
  .ct-plan > .ct-dagen { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
  .ct-dag { height: 72px; padding: 0; border-radius: 12px; font-size: 14px; }
  .ct-dag b { font-size: 26px; }
  .ct-plan > .ct-tijden { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
  .ct-tijd { height: 48px; padding: 0; }
.ct-plan > div:has(> .knoplink) { margin-top: 18px; }
  .ct-plan .knoplink, .ct-plan .knoplink > .knop { display: block; width: 100% !important; }
  .ct-plan .knoplink > .knop > .vorm { left: auto; right: 0; }
  .ct-plan .knoplink > .knop > .knoptekst { left: 16px !important; font-size: clamp(13px, 3.85vw, 16px) !important; }
  .ct-muis { display: none !important; }                                                   
.bg-groot { flex-direction: column; margin-bottom: 16px; border-radius: 16px; }
  .bg-groot img { width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .bg-groot .bg-in { padding: 22px 20px 26px; }
  .bg-groot h3 { margin: 12px 0 10px; font-size: 26px; line-height: 1.12; }
  .bg-groot p { font-size: 17px; line-height: 27px; }
  .bg-groot .cs-meer { margin-top: 20px; }
#artikelen > h2, #vragen > h2 { margin: 0 0 20px !important; }
  #artikelen .cs-kolom { display: contents; }
  #artikelen .cs-kolom:nth-child(1) > .cs-kaart { --kolom: 1; }
  #artikelen .cs-kolom:nth-child(2) > .cs-kaart { --kolom: 2; }
  #artikelen .cs-kolom:nth-child(3) > .cs-kaart { --kolom: 3; }
  #artikelen .cs-kolom > .cs-kaart:nth-child(1) { --rij: 0; }
  #artikelen .cs-kolom > .cs-kaart:nth-child(2) { --rij: 1; }
  #artikelen .cs-kolom > .cs-kaart:nth-child(3) { --rij: 2; }
  #artikelen .cs-kolom > .cs-kaart:nth-child(4) { --rij: 3; }
  #artikelen .cs-kolom > .cs-kaart:nth-child(5) { --rij: 4; }
  #artikelen .cs-kolom > .cs-kaart:nth-child(6) { --rij: 5; }
  #artikelen .cs-kolom > .cs-kaart { order: calc(var(--rij, 6) * 3 + var(--kolom, 1)); }
a.bg-kaart:hover { transform: none; box-shadow: none; }
  .bg-kaart .cs-beeld { height: auto; aspect-ratio: 16 / 10; }
  .bg-kaart h3 { margin: 10px 0 8px; }
  .bg-onder { margin-top: 28px; }
.pagina > header.sec:has(> .ar-kop) > .binnen { display: none; }
  .ar-kop { font-size: 44px; line-height: 1; overflow-wrap: break-word; }
  .ar-wie { display: grid; grid-template-columns: 44px max-content max-content minmax(0, 1fr); column-gap: 10px; row-gap: 6px; align-items: center; line-height: 1.2; }
  .ar-wie img { grid-column: 1; grid-row: 1 / span 2; }
  .ar-wie b { grid-column: 2 / -1; grid-row: 1; align-self: end; }
  .ar-wie i:nth-of-type(1) { display: none; }
  .ar-wie span:nth-of-type(1) { grid-column: 2; grid-row: 2; align-self: start; }
  .ar-wie i:nth-of-type(2) { grid-column: 3; grid-row: 2; align-self: start; margin-top: 8px; }
  .ar-wie span:nth-of-type(2) { grid-column: 4; grid-row: 2; align-self: start; }
  .ar-omslag { height: auto !important; aspect-ratio: 500 / 334; border-radius: 14px; }
#artikel { padding: 36px 20px 56px !important; }
  .ar-pagina { flex-direction: column; align-items: stretch; gap: 0; }
  .ar-tekst, .ar-zij { display: contents; }
  .ar-tekst > * { order: 3; }
  .ar-tekst > p { margin: 0 0 20px; font-size: 17px; line-height: 27px; }
  .ar-tekst > p.eerst { order: 1; margin-bottom: 28px; font-size: 20px; line-height: 30px; }
  .ar-tekst > h2 { margin: 28px 0 14px; font-size: 26px; line-height: 1.12; }
  .ar-tekst > ul { margin: 0 0 22px; }
  .ar-tekst > ul li { margin-bottom: 12px; padding-left: 28px; font-size: 17px; line-height: 27px; }
  .ar-tekst > ul li > .pijl, .ar-tekst > ul li > span[data-pijl] { left: 2px; top: 6px; }
  .ar-citaat { margin: 28px 0 36px; padding: 4px 0 4px 20px; }
  .ar-citaat p { font-size: 23px; line-height: 1.22; }
.ar-inhoudkop { order: 2; margin: 0; padding: 22px 20px 8px; border-radius: 16px 16px 0 0; background: var(--mist); font-size: 21px; }
  .ar-inhoud { order: 2; max-width: none; margin: 0 0 36px; padding: 0 20px 10px; border-left: 0; border-radius: 0 0 16px 16px; background: var(--mist); }
  .ar-inhoud li + li { border-top: 1px solid #DCE2EA; }
  .ar-inhoud a, .ar-inhoud a.nu { display: flex; align-items: center; min-height: 44px; margin: 0; padding: 8px 0; box-sizing: border-box; border-left: 0; font-size: 16px; line-height: 22px; font-weight: 500; color: var(--nacht); }
.ar-case { flex-direction: column; align-items: stretch; gap: 16px; margin-top: 20px; padding: 14px 14px 22px; border-radius: 16px; }
  .ar-case img { width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .ar-case > span { display: block; padding: 0 6px; }
  .ar-case .b3 { margin: 0 0 8px; }
.ar-oproep { order: 4; margin-top: 16px; padding: 24px 20px 26px; }
  .ar-oproep p { font-size: 16px; line-height: 25px; }
.ar-links { flex-direction: column; align-items: flex-start; gap: 18px; }
  .ar-links .link { position: relative; }
  .ar-links .link::after { content: ""; position: absolute; left: 0; right: 0; top: -9px; bottom: -9px; }
#lees-ook { margin: 12px 8px; padding: 44px 16px 16px !important; border-radius: 16px; }
.od-getal { margin-top: 20px; font-size: 64px; }
  .od-wat { font-size: 16px; line-height: 24px; }
.od-cijfers { gap: 10px; }
  .od-cijfer { padding: 0 18px 0 20px; border-radius: 14px; box-shadow: 0 12px 26px rgba(2,7,25,.2); }
  .od-cijfer .naam b { font-size: 22px; }
  .od-cijfer .getal { font-size: 40px; }
#videos { margin: 12px 8px; padding: 44px 16px 16px; border-radius: 16px; }
  .ig-post { display: grid; grid-template-columns: minmax(0, 150px) minmax(208px, 1fr); grid-template-rows: auto 1fr; width: auto !important; transform: none !important; border-radius: 16px; box-shadow: 0 14px 30px -18px rgba(2,7,25,.3); }
  .pagina .sec > .ig-post + .ig-post { margin-top: 12px; }
  .ig-beeld { grid-column: 1; grid-row: 1 / span 2; width: 100%; height: auto; aspect-ratio: 9 / 16; }
  .ig-kop { grid-column: 2; grid-row: 1; height: auto; padding: 14px 14px 0; gap: 8px; }
  .ig-avatar { width: 30px; height: 30px; }
  .ig-voet { grid-column: 2; grid-row: 2; justify-content: flex-end; padding: 12px 14px 16px; }
  .ig-voet p { font-size: 16px; line-height: 23px; }
  .ig-speel { top: 33%; width: 44px; height: 44px; margin: -22px 0 0 -22px; padding-left: 4px; }   
  .ig-speel svg { width: 16px; height: auto; }
  .ig-duur { right: 8px; bottom: 8px; }
}
@media (max-width: 760px) {
  .ar-tekst > h3 { order: 3; margin: 22px 0 10px; font-size: 21px; line-height: 1.15; }
  .ar-tabel { order: 3; margin: 4px 0 24px; border-radius: 14px; -webkit-overflow-scrolling: touch; }
  .ar-tabel table { font-size: 15px; min-width: 560px; }
  .ar-tabel th, .ar-tabel td { padding: 12px 14px; }
  .ar-tekst p a, .ar-tekst li a { overflow-wrap: anywhere; }
}
@media (max-width: 760px) {
  .ct-plan > :is(.ag-wie, .ag-klaar, .ag-dicht) { width: auto; height: auto; margin-top: 26px; }
  .ct-plan:is(.ag-stap-wie, .ag-stap-klaar) > .b3 { white-space: normal; }
  .ct-feit.ag-rood { width: auto; }
  .ct-maand .pijlen span.uit { opacity: .35; }
  .ag-terug { padding: 15px 0; }                                                          
  .ag-zin { margin-top: 6px; font-size: 22px; line-height: 30px; }
  .ag-in { height: 44px; line-height: 44px; padding: 0 4px; }
  .ag-wie .ag-klein { position: static; margin-top: 18px; }
  .ag-klaar-moment { font-size: 34px; white-space: normal; }                             
  .ag-klaar-moment span { font-size: 56px; }
  .ag-klaar-link { position: static; margin-top: 24px; padding-bottom: 6px; }
  .ag-dicht p { max-width: none; font-size: 18px; }
  .ag-leeg { font-size: 15px; }
}
@media (max-width: 760px) {
.cf-zin { font-size: 28px; line-height: 36px; }
  .cf-zinrij { flex-wrap: wrap; gap: 0 8px; height: auto; white-space: normal; }
  .cf-zinrij + .cf-zinrij, .cf-lang + .cf-zinrij { margin-top: 12px; }
  .cf-zinrij > * { flex: 0 1 auto; max-width: 100%; }
  .cf-zinrij > .cf-gat { flex: 1 0 calc(100% - 24px); min-width: 0 !important; height: 50px; padding: 0 4px; overflow: hidden; white-space: nowrap; }
  .cf-zinrij > .cf-punt { flex: none; margin-left: -6px; }
  .cf-zinrij > .cf-gat ~ span:not(.cf-gat):not(.cf-punt) { margin-top: 10px; }      
  .cf-streep { width: 3px; height: 30px; }
  .cf-gat .cf-streep { margin: 0 0 5px 2px; }
.cf-lang { margin: 4px 0 6px; }
  .cf-lang div { display: block; height: auto; min-height: 42px; padding: 6px 4px; font-size: 20px; line-height: 28px; white-space: normal; }
  .cf-lang .cf-streep { height: 22px; margin: 0 0 0 4px; vertical-align: -4px; }
.cf-onder { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 18px; }
  .cf-onder > p { margin: 0; }
  .cf-klein { font-size: 16px; line-height: 24px; }
  .cf-klein a { display: inline-block; margin: -12px 0; padding: 12px 0; }             
  .cf-melding { align-items: flex-start; }
  .pagina > header.sec > .cf-onder + div { margin-top: -10px; }
  .pagina .sec > .cf-onder + div { margin-top: 18px; }
.cf-onder > .knop, .tw-volgende > .knop { display: block; width: 100% !important; }
  .cf-onder > .knop > .vorm, .tw-volgende > .knop > .vorm { left: auto; right: 0; }
  .cf-onder > .knop[data-knop="a-donker"], .tw-volgende > .knop[data-knop="a-donker"] { background: linear-gradient(#FFFFFF, #FFFFFF) left top / calc(100% - 110px) 100% no-repeat; }
  .cf-onder > .knop[data-knop="a"] { background: linear-gradient(var(--diep), var(--diep)) left top / calc(100% - 110px) 100% no-repeat; }
.pagina > header.sec.tw { min-height: 660px !important; padding: 88px 12px 32px !important; gap: 0; }
.pagina > header.sec.tw > .binnen { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; display: block; overflow: hidden; pointer-events: none; }
  .pagina > header.sec.tw > .binnen > .tw-gloed { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; background: radial-gradient(420px 380px at 84% 4%, rgba(10,113,217,.36), rgba(10,113,217,0) 70%); }
.tw > .tw-scherm { display: none; }
  .tw > .tw-scherm.aan { display: block; }
  .tw-kop { font-size: 44px; line-height: 1; text-wrap: balance; }
  .tw-zin { margin-top: 10px; font-size: 17px; line-height: 27px; }
.tw-opties, .tw-opties.drie { margin-top: 20px; grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .tw-optie { gap: 14px; min-height: 56px; padding: 10px 16px; border-radius: 14px; }
  .tw-optie:hover:not(.gekozen) { border-color: rgba(255,255,255,.16); }
  .tw-optie:hover { transform: none; }
  .tw-optie b { font-size: 19px; line-height: 1.2; }
  .tw-optie small { font-size: 16px; line-height: 22px; }
  .tw-optie .rond { width: 26px; height: 26px; }
.tw-opties.drie .tw-optie, .tw-opties.drie .tw-optie.laptop { gap: 8px; min-height: 148px; padding: 16px 146px 16px 18px; }
  .tw-opties.drie .tw-optie b, .tw-opties.drie .tw-optie.laptop b { font-size: 21px; line-height: 1.14; text-wrap: balance; }
  .tw-opties.drie .tw-optie small, .tw-opties.drie .tw-optie.laptop small { max-width: none; font-size: 16px; line-height: 22px; }
  .tw-opties.drie .tw-optie .rond { right: 14px; top: 14px; width: 24px; height: 24px; }
  .tw-opties.drie .tw-optie.laptop > .gloed { right: -70px; bottom: -90px; width: 300px; height: 250px; }
  .tw-opties.drie .tw-optie.laptop > img { right: -22px; bottom: -14px; width: 160px; height: auto; aspect-ratio: 250 / 181; max-width: none; }
  .tw-opties.drie .tw-optie.laptop:hover > img { transform: none; }
.tw-schuif { width: auto; margin-top: 28px; }
  .tw-waarde { font-size: 104px; }
  .tw-schuif input[type=range] { height: 44px; margin-top: 20px; }
  .tw-schuif input[type=range]::-webkit-slider-thumb { width: 32px; height: 32px; margin-top: -13px; }
  .tw-schuif input[type=range]::-moz-range-thumb { width: 32px; height: 32px; }
  .tw-rand { margin-top: 4px; }
.tw-laad { width: auto; margin-top: 36px; }
.pagina > header.sec.tw > .tw-balk { top: auto !important; height: auto; min-height: 52px; gap: 22px; margin-top: auto; padding-top: 22px; box-sizing: content-box; }
  .tw-terug, .tw-opnieuw { flex: none; min-height: 44px; padding: 0 2px; border-bottom: 0; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; text-decoration-color: rgba(255,255,255,.7); }
  .tw-volgende { flex: 1 1 0; min-width: 0; margin-left: 0; line-height: 0; }
.pagina > header.sec.tw > .tw-voortgang { top: auto !important; flex-wrap: wrap; gap: 8px 14px; margin-top: 16px; }
  .tw-streep { flex: 1 1 0; min-width: 0; }
  .tw-streep i { flex: 1 1 0; width: auto; }
  .tw-gerust { flex: 0 0 100%; margin-left: 0; font-size: 16px; line-height: 23px; }
.tw-u { margin-top: 22px; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .tw-u-getal { height: auto; padding: 24px 20px 22px; border-radius: 16px; }
  .tw-u-getal b { font-size: 84px; line-height: .94; }
  .tw-u-getal strong { margin-top: 8px; font-size: 21px; line-height: 1.16; }
  .tw-u-getal p { margin-top: 10px; font-size: 17px; line-height: 27px; }
  .tw-u-getal small { margin-top: 14px; font-size: 16px; line-height: 23px; }
  .tw-u-lijst { height: auto; padding: 22px 20px 10px; border-radius: 16px; }
  .tw-u-lijst h3 { margin-bottom: 12px; font-size: 21px; }
.tw-u-lijst dl { display: block; }
  .tw-u-lijst dt { padding: 12px 0 2px; font-size: 15px; line-height: 21px; }
  .tw-u-lijst dd { padding: 0 0 12px; border-top: 0; font-size: 16px; line-height: 23px; white-space: normal; overflow: visible; }
  .tw-u-onder, .tw-u-onder.twee { grid-column: auto; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .tw-u-ook { height: auto; padding: 20px 20px 22px; border-radius: 16px; }
  .tw-u-ook small { font-size: 13px; }
  .tw-u-ook b { font-size: 21px; }
  .tw-u-ook .link { margin-top: 10px; }
  .tw-u-plan { height: auto; min-height: 132px; border-radius: 16px; }
.tw-contact { display: flex; flex-direction: column; width: auto; height: auto; margin-top: 56px; }
  .tw-contact > * { position: relative !important; left: auto !important; top: auto !important; width: auto !important; }
  .tw-contact > h3 { order: 1; }
  .tw-contact > p.intro { order: 2; margin: 14px 0 30px; }
  .tw-contact > .ot-kaart { order: 3; }
  .tw-contact > .ct-plan { order: 4; }
  .tw-contact > h4 { order: 5; margin-top: 44px; }
  .tw-contact > .cf-zin { order: 6; margin-top: 16px; }
  .tw-contact > .cf-onder { order: 7; margin-top: 24px; }
.av-paneel { display: flex; flex-direction: column; gap: 10px; width: auto; height: auto; padding: 22px 18px 20px; border-radius: 16px; }
  .av-paneel > * { position: static !important; width: auto !important; max-width: 100%; }
  .av-paneel > .av-vraag { align-self: flex-end; max-width: 88%; margin: 6px 0 4px; }
  .av-paneel > .av-antwoord { margin-bottom: 2px; font-size: 16px; line-height: 24px; }
  .av-paneel > .av-bron { width: 100% !important; gap: 12px; padding: 0 14px; }
  .av-bron .balk { width: 72px; }
  .av-paneel > .av-bron.jij { margin-top: 4px; }
  .av-voet { margin-top: 4px; font-size: 13px; line-height: 19px; }
.pagina .sec > .av-wie { margin-top: 20px; }
  .pagina .sec > .av-wie + .av-pad, .pagina .sec > .av-wie + div:has(> .av-pad) { margin-top: 14px; }
  .av-wie time { font-size: 15px; }
  .av-pad { font-size: 15px; }
  .av-pad a { display: inline-block; padding: 12px 0; margin: -12px 0; }
  .pagina .sec > .av-def { margin-top: 28px; }
.av-twee { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .av-twee .intro { margin-top: 16px !important; }
  .av-lijst li { grid-template-columns: 34px minmax(0, 1fr); padding: 22px 0; }
  .av-lijst li:first-child { padding-top: 0; }
  .av-lijst li > div { display: contents; }
  .av-lijst .nr { padding-top: 6px; }
  .av-lijst p { grid-column: 1 / -1; margin-top: 8px; }
  .av-lijst .link { grid-column: 1 / -1; justify-self: start; margin-top: 0; padding-top: 16px; }   
.lw-bestand { width: auto; height: auto; min-height: 176px; padding: 22px 22px 20px; border-radius: 16px; }
  .lw-naam { margin-top: 18px; font-size: 24px; }
  .lw-pijl { padding-top: 16px; }
.lw-knoppen { flex-direction: column; align-items: flex-start; gap: 14px; }
  .lw-bij a { display: inline-block; margin: -12px 0; padding: 12px 0; }
#plaatsen > .cs-kaart, #gemaakt > .cs-kaart { display: block; height: auto !important; }
  #plaatsen > .cs-kaart + .cs-kaart, #gemaakt > .cs-kaart + .cs-kaart { margin-top: 16px; }
  #plaatsen > .cs-kaart.site .cs-beeld, #gemaakt > .cs-kaart.site .cs-beeld { height: auto; aspect-ratio: 1536 / 1080; }
.rg-ook { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: 12px 16px; padding: 14px 16px 18px 14px; border-radius: 16px; }
  .rg-ook img { width: 104px; height: 72px; border-radius: 8px; }
  .rg-ook .tekst { display: contents; }
  .rg-ook .tekst b { margin-bottom: 0; }
  .rg-ook .zin { grid-column: 1 / -1; }
  .rg-ook .link { grid-column: 1 / -1; justify-self: start; }
.rg-leeg { padding: 20px; border-radius: 16px; }
  .rg-kaart { padding: 24px 22px; border-radius: 16px; }
  .rg-kaart .wat { font-size: 21px; }
  .rg-foto { border-radius: 16px; }
.jr-twee { display: block; }
  .jr-inhoud { position: static; margin-bottom: 48px; }
  .jr-inhoud h2 { margin-bottom: 12px; }
  .jr-inhoud li a { gap: 12px; min-height: 46px; padding: 11px 0; font-size: 16px; line-height: 23px; }
  .jr-inhoud li:last-child a { border-bottom: 1px solid var(--lijn); }
  .jr-inhoud .nr { padding-top: 5px; }
  .jr-print { margin-top: 6px; }
  .jr-print .link { padding-top: 16px; }                                               
  .jr-tekst { overflow-wrap: break-word; }
  .jr-lead { margin-bottom: 28px; font-size: 20px; line-height: 30px; }
.jr-kaart { gap: 8px; margin: 0 -12px 8px; padding: 24px 20px 26px; border-radius: 16px; }
  .jr-kaart b { font-size: 24px; }
  .jr-h { margin-top: 52px; scroll-margin-top: 84px; }
  .jr-h h2 { gap: 12px; }
  .jr-h h2 .nr { font-size: 13px; }
  .jr-intro { margin-top: 14px; font-size: 18px; line-height: 28px; }
  .jr-p { margin-top: 12px; line-height: 27px; }
  .jr-tussen { margin-top: 28px; font-size: 21px; }
  .jr-item { margin-top: 22px; padding-top: 20px; }
  .jr-item h3 { font-size: 18px; }
  .jr-slot { margin: 52px -12px 0; padding: 22px 20px 24px; border-radius: 16px; line-height: 27px; }
  .jr-slot a { display: inline-block; margin: -12px 0; padding: 12px 0; }
.pagina > header.sec:has(> .binnen > .nf-getal) { padding-top: 204px !important; }
  .pagina > header.sec > .binnen:has(> .nf-getal) { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; order: 0; display: block; overflow: hidden; pointer-events: none; }
  .pagina > header.sec > .binnen > .nf-getal { position: absolute !important; left: auto !important; right: -6px !important; top: 82px !important; font-size: 232px; }
  .pagina > header.sec:has(> .binnen > .nf-getal) > h1 { z-index: 1; }
.pagina > header.sec:has(> .cf-zin, > .lw-bestand, > .av-paneel, > p.intro, > .ot-kaart) > .binnen:not(:has(> :not(svg))) { display: none; }
.pagina > header.sec + footer.sec { margin-top: 8px; }
.go-pagina .menuknop.go-pil { display: flex !important; align-items: center; gap: 10px; padding: 0 22px; background: var(--diep); color: #fff; text-decoration: none; white-space: nowrap; }
  .go-pagina .menuknop.go-pil b { color: #fff; }
.go-pagina > header.sec > .binnen { display: none !important; }
  .go-onder { flex-direction: column; align-items: flex-start !important; gap: 14px; }
.sec.zw.go-zw .zw-plan { order: 1; margin-top: 28px; }
  .sec.zw.go-zw .zw-bel { order: 3; margin-top: 44px; }
  .sec.zw.go-zw .zw-ontwerp { order: 5; }
  .zw-ontwerp .blogwissel.go-venster { left: 50%; margin-left: -140px; top: 36px; width: 280px !important; height: 204px !important; aspect-ratio: auto; }
.go-pagina .kop-knop { display: none !important; }
.cf-zin.go-klein { font-size: 24px; line-height: 32px; }
  .go-klein .cf-zinrij { height: auto; }
  .go-klein .cf-zinrij > .cf-gat { height: 42px; }
@media (max-width: 385px) {
    .cf-zin { font-size: 24px; line-height: 32px; }
    .cf-zinrij > .cf-gat { height: 46px; }
    .cf-zin.go-klein { font-size: 21px; line-height: 28px; }
    .go-klein .cf-zinrij > .cf-gat { height: 38px; }
  }
  @media (max-width: 330px) { .cf-zin { font-size: 22px; line-height: 30px; } }
.pagina .sec.ck-kopje { padding: 44px 20px 22px; }
  .pagina .sec.ck-kopje > h2 + p { margin-top: 10px; }
  .pagina .sec.ck-raam { padding: 0; }
  .pagina .sec.ck-raam > .ck-scherm { height: 844px !important; }
  .ck-doek { padding: 8px; }
.ck-melding { width: 100%; padding: 26px 20px 12px; }
  .ck-melding .b2 { font-size: 26px !important; }
  .ck-melding p { margin-top: 10px; font-size: 16px; line-height: 24px; }
  .ck-knoppen { flex-direction: column; gap: 10px; margin-top: 18px; }
  .ck-rest { min-height: 44px; margin-top: 8px; }
  .ck-klein { display: inline-block; margin: -11px 0; padding: 11px 0; }
.ck-venster { align-self: flex-end; width: 100%; padding: 24px 20px 18px; }
  .ck-venster .b2 { font-size: 26px !important; }
  .ck-doelen { margin-top: 8px; }
.ck-doel { column-gap: 12px; row-gap: 2px; padding: 10px 0 12px; }
  .ck-doel .b3 { font-size: 21px !important; }
  .ck-doel p { grid-column: 1 / -1; font-size: 16px; line-height: 23px; }
  .ck-doel .ck-schakel { grid-row: 1; }
  .ck-schakel { gap: 10px; }
  .ck-schakel .stand { min-width: 44px; font-size: 19px; }
  .ck-schakel.vast .stand { font-size: 15px; }
  .ck-onder { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 18px; }
  .ck-voet { margin-top: 14px; font-size: 15px; line-height: 22px; }
  .ck-voet a { display: inline-block; margin: -11px 0; padding: 11px 0; }
.ck-scherm > .ck-knopje { left: 12px; bottom: 17px; width: 44px; height: 44px; box-shadow: 0 10px 30px rgba(2,7,25,.28), 0 0 0 1px rgba(2,7,25,.06); }
@media (max-width: 340px) {
    .bc-kop, .sw .bc-kop, .cd-col .bc-kop { font-size: 50px !important; }
    .b2 { font-size: 23px !important; }
    body.menu-open .menupaneel > div + div > div:first-of-type { font-size: 15px !important; gap: 10px; }
.bc-kaart h3 { hyphens: auto; overflow-wrap: anywhere; }
  }
}
@media (max-width: 760px) {
  .cf-gat.echt .cf-kern { flex: 1 1 auto; }
  .cf-klaar-kop { font-size: 56px; margin-bottom: 16px; }
  .cf-zin.go-klein.cf-klaar .cf-klaar-kop { font-size: 48px; }
  .cf-zin.cf-klaar .intro { font-size: 18px; line-height: 1.5; }
  .cf-melding.cf-los { margin-top: 14px; }
}
@media (max-width: 760px) {
  header > h2.go-na-staat { white-space: normal; }
  header > h2.go-na-staat .helder { display: inline; }
}
html.bw-voor .pagina > header.sec > h1, html.bw-voor main > header.hero2 > h1 { translate: 0 28px; }
html.bw-voor .pagina > header.sec > .binnen > svg { scale: 0; }
html.bw-voor .pagina > .menuknop, html.bw-voor body > .menuknop { opacity: 0; }
html.bw-voor .pagina > header.sec > :is(.cf-zin, .cf-onder, .go-onder, p, .tw-scherm, .tw-balk, .tw-voortgang) { translate: 0 20px; }
html.bw-voor .pagina > header.sec .cf-gat { clip-path: inset(0 100% 0 0); }
html.bw-voor .pagina > header.sec > :not(.binnen):not(h1):not(.cf-zin):not(.cf-onder):not(.go-onder):not(p):not(.tw-scherm):not(.tw-balk):not(.tw-voortgang),
html.bw-voor .pagina > header.sec > .binnen > .blogwissel,
html.bw-voor .pagina > header.sec > .binnen > .cs-collage,
html.bw-voor .pagina > header.sec > .tw-scherm.aan .tw-optie { opacity: 0; }
@media (max-width: 760px) { html.bw-voor .pagina > header.sec > h1, html.bw-voor main > header.hero2 > h1 { translate: 0 16px; } }
html:not(.figma) { --marge: max(0px, calc((100% - 1440px) / 2)); }
html.bw-z body { zoom: var(--z, 1); }
html.bw .go-pil { transition: opacity .3s ease, translate .45s cubic-bezier(.2,.9,.2,1), visibility 0s linear 0s; }
html.bw .go-pil.bw-pil-weg { opacity: 0; translate: 0 18px; visibility: hidden; pointer-events: none; transition: opacity .25s ease, translate .3s ease, visibility 0s linear .3s; }
@media (prefers-reduced-motion: reduce) { html.bw .go-pil, html.bw .go-pil.bw-pil-weg { transition: none; } }
html.bw .bw-bezig { transition: none !important; }
html.bw .pagina > header.sec > .binnen > svg { transform-origin: 0 100%; }
html.bw .ct-muis svg, html.bw .tl-wijs svg { transform-origin: 3px 3px; }
html.bw .pagina .blogwissel img.aan { z-index: 7; }
html.bw .tl-punt::after { content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 3px solid var(--diep); opacity: 0; pointer-events: none; }
html.bw .tl-punt.bw-klik::after { animation: klikring .5s ease-out 1; }
html.bw .tl > .cd-ding { transition: opacity .45s, translate .6s cubic-bezier(.2,.9,.2,1); }
html.bw .tl > .cd-ding.bw-uit { opacity: .22; translate: 0 18px; }
html.bw.beweeg .cf-streep { animation: bw-knipper 1.1s steps(1, end) infinite; }
@keyframes bw-knipper { 50% { opacity: 0; } }
html.bw.beweeg .lp-stap.aan .punt .wijs { animation: bw-land .38s cubic-bezier(.2,.9,.2,1) backwards; }
@keyframes bw-land { from { opacity: 0; translate: -12px -14px; scale: 1.5; } }
html.bw.beweeg .lp-uitleg .lp-zin.aan { animation: bw-zin .4s cubic-bezier(.2,.9,.2,1) backwards; }
@keyframes bw-zin { from { opacity: 0; translate: 0 10px; } }
html.bw.beweeg .tw-scherm.aan .tw-optie { animation: bw-optie .5s cubic-bezier(.2,.9,.2,1) backwards; }
html.bw.beweeg .tw-scherm.aan .tw-optie:nth-child(2) { animation-delay: .06s; }
html.bw.beweeg .tw-scherm.aan .tw-optie:nth-child(3) { animation-delay: .12s; }
html.bw.beweeg .tw-scherm.aan .tw-optie:nth-child(4) { animation-delay: .18s; }
html.bw.beweeg .tw-scherm.aan .tw-optie:nth-child(5) { animation-delay: .24s; }
html.bw.beweeg .tw-scherm.aan .tw-optie:nth-child(n+6) { animation-delay: .3s; }
@keyframes bw-optie { from { opacity: 0; translate: 0 22px; } }
html.bw.beweeg .tw-scherm.aan .tw-schuif, html.bw.beweeg .tw-scherm.aan .tw-u, html.bw.beweeg .tw-scherm.aan .tw-contact { animation: bw-optie .55s cubic-bezier(.2,.9,.2,1) .08s backwards; }
html.bw.beweeg dialog.cd-review-heel[open] { animation: bw-venster .4s cubic-bezier(.2,.9,.2,1); }
html.bw.beweeg dialog.cd-review-heel[open]::backdrop { animation: bw-doek .3s ease; }
@keyframes bw-venster { from { opacity: 0; translate: 0 28px; } }
@keyframes bw-doek { from { opacity: 0; } }
html.bw .av-bron .balk i { transform-origin: 0 50%; }
html.bw body.mega-open .kop-nav > a[aria-expanded="true"] { background: rgba(255,255,255,.1); color: var(--helder); }
html.bw body.mega-open .kop-nav > a[aria-expanded="true"] .haakje { transform: translateY(1px) rotate(-135deg); }
html.bw.beweeg .vragenlijst .antwoord p { opacity: 0; translate: 0 -8px; transition: opacity .25s ease, translate .4s cubic-bezier(.2,.9,.2,1); }
html.bw.beweeg .vragenlijst .vraagblok.open .antwoord p { opacity: 1; translate: none; transition-delay: .1s; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
html.bw .link .pijl { transition: translate .2s cubic-bezier(.2,.9,.2,1); }
  html.bw .link:hover .pijl, html.bw a.cs-kaart:hover .cs-meer .pijl, html.bw a.rg-ook:hover .link .pijl, html.bw a.ar-case:hover .link .pijl { translate: 3px -3px; }
html.bw .ig-post { transition: translate .35s cubic-bezier(.2,.9,.2,1), box-shadow .3s ease; }
  html.bw .ig-post:hover { translate: 0 -10px; box-shadow: 0 36px 60px -20px rgba(2,7,25,.42); }
  html.bw .ig-speel { transition: scale .3s cubic-bezier(.3,1.4,.5,1); }
  html.bw .ig-post:hover .ig-speel { scale: 1.12; }
html.bw .ws-plek .ws-venster { transition: translate .35s cubic-bezier(.2,.9,.2,1), box-shadow .3s ease; }
  html.bw .ws-plek:hover .ws-venster { translate: 0 -8px; box-shadow: 0 30px 56px rgba(2,7,25,.34); }
}
html:not(.figma) .pagina { overflow: clip; }
html:not(.figma) .ar-zij { top: clamp(100px, calc(100vh - 800px), 120px); }
@media (min-width: 1441px) {
  html:not(.figma) body { overflow-x: hidden; }
  html:not(.figma) .pagina { overflow: visible; }
  html:not(.figma) :is(main#top, .pagina) > :is(section, header, footer) {
    margin-left: calc(-1 * var(--marge)); margin-right: calc(-1 * var(--marge));
    border-left: var(--marge) solid transparent; border-right: var(--marge) solid transparent;
    background-origin: border-box;
  }
html:not(.figma) :is(main#top, .pagina) > .sec, html:not(.figma) main#top > .hero2 { overflow: visible; clip-path: inset(0); }
html:not(.figma) header.sec > :is(.binnen, [data-vlak])[style*="width:1408px"],
  html:not(.figma) .fd-vlak { left: calc(16px - var(--marge)) !important; width: calc(1408px + 2 * var(--marge)) !important; }
  html:not(.figma) .fd-vlak img.foto, html:not(.figma) .fd-vlak .fd-laag { width: 100%; }
html:not(.figma) header.sec > .binnen[style*="width:1408px"] > [style*="left:"]:not([style*="left:0"]) { margin-left: var(--marge); }
  html:not(.figma) header.sec > .binnen[style*="width:1408px"] > [style*="right:"]:not([style*="right:0"]) { margin-right: var(--marge); }
  html:not(.figma) header.sec > .binnen[style*="width:1408px"] > .cs-links { margin-left: var(--marge); }
html:not(.figma) .hero2 { box-shadow: none; }
  html:not(.figma) .hero2 > video, html:not(.figma) .hero2 > .laag { left: calc(-1 * var(--marge)); right: auto; width: calc(100% + 2 * var(--marge)); }
html:not(.figma) .werk-pin {
    width: calc(1440px + 2 * var(--marge)); margin: 0 calc(-1 * var(--marge));
    border-left: var(--marge) solid transparent; border-right: var(--marge) solid transparent;
    overflow: visible; clip-path: inset(0);
  }
  html:not(.figma) .werk-fotos img, html:not(.figma) .werk-pin .laag { left: calc(-1 * var(--marge)); width: calc(100% + 2 * var(--marge)); }
}
.ov { position: fixed; inset: 0; z-index: 80; overflow: hidden; pointer-events: auto; background: #fff; }
.ov > .ov-achter { position: absolute; inset: 0; background: #fff; }
.ov > .ov-vlak { position: absolute; inset: 0; }
.ov .ov-vul { position: absolute; overflow: hidden; }
.ov .ov-vul > div { position: absolute; }
.ov > .ov-kop { position: absolute; left: 0; top: 0; pointer-events: none; }
.ov-grond { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
.ov-streep { position: fixed; left: 0; top: 0; width: 5px; height: 40px; z-index: 81; opacity: 0; pointer-events: none; }
html.ov-typ .pagina > header.sec > h1, html.ov-typ main > header.hero2 > h1 { translate: none; clip-path: inset(50%); }
html.ov-typ .pagina > header.sec > .binnen > svg { scale: none; }
html.ov-typ .pagina > header.sec > :is(.cf-zin, .cf-onder, .go-onder, p, .tw-scherm, .tw-balk, .tw-voortgang),
html.ov-typ .pagina > header.sec > .binnen > .nf-getal { opacity: 0; }
html.ov-typ .pagina > .menuknop, html.ov-typ body > .menuknop { opacity: 1; }
html.ov-in.bw-voor .pagina > header.sec > .binnen > :is(.blogwissel, .cs-collage),
html.ov-in.bw-voor .pagina > header.sec > :not(.binnen):not(h1):not(.cf-zin):not(.cf-onder):not(.go-onder):not(p):not(.tw-scherm):not(.tw-balk):not(.tw-voortgang) { opacity: 1; }
html.ov-weg :is(.kop-knop, .menuknop) :is(.tab, .knoppijl) { transform: none !important; }
html.ov-weg :is(.kop-knop, .menuknop) .glans { animation: none !important; opacity: 0 !important; }
html.ov-rond :is(.pagina, main) > :is(section, footer) { opacity: 0; }
html.ov-rond-in :is(.pagina, main) > :is(section, footer) { transition: opacity .3s ease; }
.ck-live { --ck-z: 2000; }
.ck-live[hidden], .ck-live [hidden] { display: none !important; }
.ck-live .ck-doek.ck-dicht { visibility: hidden; pointer-events: none; }
.ck-live .ck-doek { position: fixed; inset: 0; width: auto; height: auto; z-index: var(--ck-z); box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(2,7,25,.6); overscroll-behavior: contain; }
.ck-live .ck-melding, .ck-live .ck-venster { position: relative; flex: none; box-sizing: border-box; max-height: calc(100dvh - 48px); filter: drop-shadow(0 24px 48px rgba(2,7,25,.3)); text-align: left; }
.ck-live .ck-melding:focus, .ck-live .ck-venster:focus { outline: none; }
.ck-live .ck-melding { width: 608px; max-width: 100%; padding: 52px 44px 36px; }
.ck-live .ck-melding .b2 { font-size: 44px; }
.ck-live .ck-melding p { margin-top: 14px; font-size: 18px; line-height: 29px; color: var(--zacht); }
.ck-live .ck-knoppen { display: flex; gap: 12px; margin-top: 32px; }
.ck-live .ck-knop { display: inline-block; margin: 0; padding: 0; border: 0; background: none; line-height: 0; cursor: pointer; font: inherit; color: inherit; }
.ck-live .ck-knop:focus-visible { outline: 3px solid var(--helder); outline-offset: 3px; border-radius: 12px; }
.ck-live .ck-rest { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px; }
.ck-live .ck-rest .link { cursor: pointer; }
.ck-live .ck-klein { font-size: 15px; line-height: 22px; color: var(--zacht); text-decoration: underline; text-underline-offset: 3px; }
.ck-live .ck-venster { display: flex; flex-direction: column; width: 800px; max-width: 100%; padding: 44px 48px 34px; }
.ck-live .ck-venster .b2 { flex: none; font-size: 36px; }
.ck-live .ck-doelen { flex: 0 1 auto; min-height: 0; overflow: auto; margin-top: 14px; overscroll-behavior: contain; }
.ck-live .ck-doel { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 32px; row-gap: 4px; padding: 17px 0; border-bottom: 1px solid var(--lijn); }
.ck-live .ck-doel .b3 { grid-column: 1; grid-row: 1; font-size: 24px; }
.ck-live .ck-doel p { grid-column: 1; grid-row: 2; font-size: 16px; line-height: 24px; color: var(--zacht); }
.ck-live .ck-doel .ck-schakel { grid-column: 2; grid-row: 1 / span 2; }
.ck-live .ck-schakel { flex: none; display: inline-flex; align-items: center; gap: 14px; height: 44px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; }
.ck-live .ck-schakel .stand { min-width: 52px; text-align: right; font-family: Kanit, sans-serif; font-style: italic; font-weight: 800; font-size: 22px; line-height: 1; color: var(--zacht); white-space: nowrap; transition: color .3s ease; }
.ck-live .ck-schakel .baan { position: relative; display: block; flex: none; width: 84px; height: 44px; border-radius: 22px; background: #D5DCE6; transition: background .3s ease; }
.ck-live .ck-schakel .knopje { position: absolute; left: 5px; top: 5px; width: 34px; height: 34px; border-radius: 50%; background: #fff; box-shadow: 0 3px 8px rgba(2,7,25,.25); display: flex; align-items: center; justify-content: center; line-height: 0; transition: left .45s cubic-bezier(.3,1.4,.5,1), background .3s ease; }
.ck-live .ck-schakel .knopje .pijl { opacity: 0; transition: opacity .3s ease; }
.ck-live .ck-schakel.aan .stand { color: var(--nacht); }
.ck-live .ck-schakel.aan .baan { background: var(--diep); }
.ck-live .ck-schakel.aan .knopje { left: 45px; background: var(--nacht); }
.ck-live .ck-schakel.aan .knopje .pijl { opacity: 1; }
.ck-live .ck-schakel.vast { cursor: default; }
.ck-live .ck-schakel.vast .stand { font-size: 16px; color: var(--zacht); }
.ck-live .ck-schakel.vast .baan { background: #B9C3D3; }
.ck-live .ck-onder { flex: none; display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.ck-live .ck-voet { flex: none; margin-top: 20px; font-size: 15px; line-height: 23px; color: var(--zacht); }
.ck-live .ck-voet a { color: var(--diep); text-decoration: underline; text-underline-offset: 3px; }
body.menu-open .ck-live .ck-knopje, body.mega-open .ck-live .ck-knopje { visibility: hidden; }
.ck-live .ck-knopje { position: fixed; left: calc(40px + var(--marge, 0px)); bottom: 37px; z-index: 85; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 16px 40px rgba(2,7,25,.35), 0 0 0 1px rgba(2,7,25,.06); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ck-live .ck-schakel:focus-visible, .ck-live .ck-knopje:focus-visible { outline: 3px solid var(--helder); outline-offset: 3px; }
html.ck-open .ck-live .ck-knopje { display: none; }
html.ck-open:not(.ck-lezen) .menuknop { visibility: hidden; }
.ck-live.ck-lezen .ck-doek-melding { inset: auto 0 0 0; padding: 0 24px 24px; background: none; pointer-events: none; }
.ck-live.ck-lezen .ck-doek-melding .ck-melding { pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .ck-live .ck-schakel .stand, .ck-live .ck-schakel .baan, .ck-live .ck-schakel .knopje, .ck-live .ck-schakel .knopje .pijl { transition: none; } }
@media (max-width: 760px) {
  .ck-live .ck-doek { padding: 8px; }
  .ck-live .ck-melding, .ck-live .ck-venster { max-height: calc(100dvh - 16px); }
  .ck-live .ck-melding { width: 100%; padding: 26px 20px 12px; }
  .ck-live .ck-melding .b2 { font-size: 26px !important; }
  .ck-live .ck-melding p { margin-top: 10px; font-size: 16px; line-height: 24px; }
  .ck-live .ck-knoppen { flex-direction: column; gap: 10px; margin-top: 18px; }
  .ck-live .ck-rest { min-height: 44px; margin-top: 8px; }
  .ck-live .ck-klein { display: inline-block; margin: -11px 0; padding: 11px 0; }
  .ck-live .ck-doek-venster { align-items: flex-end; }
  .ck-live .ck-venster { width: 100%; padding: 24px 20px 18px; }
  .ck-live .ck-venster .b2 { font-size: 26px !important; }
  .ck-live .ck-doelen { margin-top: 8px; }
  .ck-live .ck-doel { column-gap: 12px; row-gap: 2px; padding: 10px 0 12px; }
  .ck-live .ck-doel .b3 { font-size: 21px !important; }
  .ck-live .ck-doel p { grid-column: 1 / -1; font-size: 16px; line-height: 23px; }
  .ck-live .ck-doel .ck-schakel { grid-row: 1; }
  .ck-live .ck-schakel { gap: 10px; }
  .ck-live .ck-schakel .stand { min-width: 44px; font-size: 19px; }
  .ck-live .ck-schakel.vast .stand { font-size: 15px; }
  .ck-live .ck-onder { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 18px; }
  .ck-live .ck-voet { margin-top: 14px; font-size: 15px; line-height: 22px; }
  .ck-live .ck-voet a { display: inline-block; margin: -11px 0; padding: 11px 0; }
.ck-live .ck-knopje { left: 12px; bottom: 17px; width: 44px; height: 44px; box-shadow: 0 10px 30px rgba(2,7,25,.28), 0 0 0 1px rgba(2,7,25,.06); }
  .ck-live.ck-lezen .ck-doek-melding { padding: 0 8px 8px; }
}