.vragenlijst{--papier:#fff;--inkt:#001d3d;--inkt-zacht:#0c2e57;--gedempt:#4c7295;--lijn:#ccd6e0;--veldrand:#7a93ad;--station:#9fb2c6;--geel:#ffc300;--fout:#b42318;--grotesk:var(--font-grotesk), "Segoe UI", system-ui, sans-serif;--serif:var(--font-serif), Georgia, serif;--zacht:cubic-bezier(.22, 1, .36, 1);--goot:20px}*{box-sizing:border-box}html,body{background:var(--papier);margin:0;padding:0}.vragenlijst h1,.vragenlijst h2,.vragenlijst h3,.vragenlijst p{margin:0}.vragenlijst h1,.vragenlijst h2,.vragenlijst h3{text-wrap:balance}.vragenlijst p{text-wrap:pretty}.vragenlijst{min-height:100dvh;color:var(--inkt);font-family:var(--grotesk);font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;flex-direction:column;font-size:17px;line-height:1.5;display:flex}.vragenlijst .wrap{width:100%;max-width:720px;padding-left:max(var(--goot), env(safe-area-inset-left));padding-right:max(var(--goot), env(safe-area-inset-right));margin:0 auto}.vragenlijst .wrap.breed{max-width:1080px}.vragenlijst .balk{z-index:10;-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);background:#ffffffe6;position:sticky;top:0}.vragenlijst .balk__binnen{justify-content:space-between;align-items:center;gap:24px;padding-top:18px;padding-bottom:18px;display:flex}.vragenlijst .logo{width:auto;height:38px;display:block}.vragenlijst .route{flex:0 220px;height:14px;position:relative}.vragenlijst .route__spoor,.vragenlijst .route__vul{background:var(--lijn);height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:0;right:0}.vragenlijst .route__vul{background:var(--inkt);transform-origin:0}.vragenlijst .route__punt{border:1.5px solid var(--station);background:var(--papier);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transition:background-color .3s,border-color .3s;position:absolute;top:50%}.vragenlijst .route__punt.gedaan{border-color:var(--inkt);background:var(--inkt)}.vragenlijst .route__nu{background:var(--geel);width:12px;height:12px;box-shadow:0 0 0 2px var(--papier);margin:-6px 0 0 -6px;position:absolute;top:50%}.vragenlijst main{flex:1;padding-top:clamp(28px,8vh,96px);padding-bottom:72px}.vragenlijst .markering{background:var(--geel);color:var(--inkt);letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px;padding:5px 8px 4px;font-size:13px;font-weight:700;line-height:1.2;display:inline-block}.vragenlijst .held{margin-bottom:44px}.vragenlijst .held h1,.vragenlijst .bedankt h1,.vragenlijst .notice h1{letter-spacing:-.035em;overflow-wrap:break-word;font-size:clamp(38px,5.6vw + 14px,64px);font-weight:800;line-height:.98}.vragenlijst .lead{font-family:var(--serif);margin-top:16px;font-size:22px;font-style:italic;font-weight:300;line-height:1.36}.vragenlijst .intro{max-width:32em;margin-top:22px;font-size:18px}.vragenlijst .velden{gap:36px;display:grid}.vragenlijst .field{margin:0}.vragenlijst label,.vragenlijst legend{letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;padding:0;font-size:13px;font-weight:700;line-height:1.3;display:block}.vragenlijst input[type=text],.vragenlijst input[type=password],.vragenlijst textarea{width:100%;font:inherit;color:var(--inkt);border:0;border-bottom:1.5px solid var(--veldrand);appearance:none;transition:border-color .2s, box-shadow .25s var(--zacht);background:0 0;border-radius:0;margin:0;padding:8px 0 10px;font-size:22px;line-height:1.4;display:block}.vragenlijst #voornaam{max-width:420px}.vragenlijst textarea{resize:none;min-height:92px;max-height:46vh;font-size:20px;line-height:1.45}.vragenlijst input:hover,.vragenlijst textarea:hover{border-bottom-color:var(--inkt)}.vragenlijst input[type=text]:focus-visible,.vragenlijst input[type=password]:focus-visible,.vragenlijst textarea:focus-visible{border-bottom-color:var(--inkt);box-shadow:0 2px 0 0 var(--inkt), 0 5px 0 0 var(--geel);outline:2px solid #0000}.vragenlijst .btn:focus-visible,.vragenlijst .terug:focus-visible{outline:2px solid var(--inkt);outline-offset:2px;box-shadow:0 0 0 2px var(--geel)}.vragenlijst .keuzes label:has(input:focus-visible){outline:2px solid var(--inkt);outline-offset:2px;box-shadow:0 0 0 2px var(--geel)}.vragenlijst .bedankt h1:focus{outline:none}.vragenlijst .rollen,.vragenlijst .keuzevraag{border:0;min-width:0;margin:0;padding:0}.vragenlijst .keuzevraag+.keuzevraag{margin-top:48px}.vragenlijst .keuzevraag .vraagkop{text-transform:none;letter-spacing:-.025em;margin-bottom:20px;font-size:clamp(24px,1.6vw + 18px,32px)}.vragenlijst .keuzevraag .hint{margin:-8px 0 18px}.vragenlijst .keuzes{flex-wrap:wrap;gap:8px;display:flex}.vragenlijst .keuzes label{border:1px solid var(--veldrand);background:var(--papier);letter-spacing:0;text-transform:none;cursor:pointer;margin:0;padding:11px 18px;font-size:16px;font-weight:500;transition:background-color .18s,border-color .18s,color .18s,transform .12s;position:relative}.vragenlijst .keuzes label:hover{border-color:var(--inkt)}.vragenlijst .keuzes label:active{transform:scale(.97)}.vragenlijst .keuzes label.gekozen{background:var(--inkt);border-color:var(--inkt);color:var(--papier)}.vragenlijst .keuzes input{opacity:0;width:1px;height:1px;position:absolute}.vragenlijst .keuzes label.meer:before{content:"";border:1.5px solid var(--veldrand);vertical-align:0;width:10px;height:10px;margin-right:10px;transition:background-color .18s,border-color .18s;display:inline-block}.vragenlijst .keuzes label.meer.gekozen:before{border-color:var(--geel);background:var(--geel)}.vragenlijst .anders{overflow:hidden}.vragenlijst .anders__binnen{max-width:380px;padding:20px 0 8px}.vragenlijst .anders input[type=text]{font-size:18px}.vragenlijst .nr{background:var(--geel);letter-spacing:-.02em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);place-items:center;width:44px;height:52px;margin-bottom:28px;font-size:26px;font-weight:800;line-height:1;display:grid}.vragenlijst .vraagkop{letter-spacing:-.028em;font-size:clamp(28px,2.4vw + 18px,40px);font-weight:800;line-height:1.08}.vragenlijst .vraagkop label{font:inherit;letter-spacing:inherit;text-transform:none;margin:0}.vragenlijst .hint{color:var(--gedempt);font-family:var(--serif);margin:14px 0 0;font-size:19px;font-style:italic;line-height:1.4}.vragenlijst .stap textarea{margin-top:32px}.vragenlijst .nav{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:40px;display:flex}.vragenlijst .btn{font:inherit;letter-spacing:.01em;background:var(--inkt);color:var(--papier);cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:15px 26px 15px 28px;font-size:17px;font-weight:700;transition:background-color .18s,color .18s,transform .12s;display:inline-flex;position:relative}.vragenlijst .btn:after{content:"";border-style:solid;border-width:0 0 12px 12px;border-color:transparent transparent var(--papier) transparent;position:absolute;bottom:0;right:0}.vragenlijst .btn:hover{background:var(--inkt-zacht)}.vragenlijst .btn:active:not(:disabled){transform:scale(.98)}.vragenlijst .btn:disabled{background:var(--lijn);color:var(--gedempt);cursor:default}.vragenlijst .btn.licht{color:var(--inkt);box-shadow:inset 0 0 0 1.5px var(--inkt);background:0 0}.vragenlijst .btn.licht:after{display:none}.vragenlijst .btn.licht:hover{background:#eef2f6}.vragenlijst .btn.small{width:auto;padding:9px 18px;font-size:15px}.vragenlijst .btn.small:after{border-width:0 0 8px 8px}.vragenlijst .pijl{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:18px;height:18px;transition:transform .25s var(--zacht)}.vragenlijst .btn:hover:not(:disabled) .pijl{transform:translate(3px)}.vragenlijst .toets{color:var(--gedempt);letter-spacing:.02em;font-size:13px;font-weight:500}.vragenlijst .terug{color:var(--gedempt);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:10px 4px;font-size:15px;font-weight:500;transition:color .18s;display:inline-flex}.vragenlijst .terug:hover{color:var(--inkt)}.vragenlijst .terug:hover .pijl{transform:translate(-3px)}.vragenlijst .error{color:var(--fout);margin:16px 0 0;font-size:15px;font-weight:500}.vragenlijst .wie{color:var(--gedempt);margin-top:28px;font-size:13.5px}.vragenlijst .bedankt{padding-top:8px}.vragenlijst .vinkje{width:64px;height:64px;margin-bottom:32px;display:block;overflow:visible}.vragenlijst .vinkje circle{fill:var(--inkt)}.vragenlijst .vinkje path{fill:none;stroke:var(--geel);stroke-width:4.5px;stroke-linecap:square}@media (max-width:560px){.vragenlijst{font-size:16.5px}.vragenlijst .balk__binnen{padding-top:14px;padding-bottom:14px}.vragenlijst .logo{height:32px}.vragenlijst .route{flex-basis:150px}.vragenlijst .lead{font-size:19px}.vragenlijst .hint{font-size:17.5px}.vragenlijst input[type=text],.vragenlijst input[type=password]{font-size:20px}.vragenlijst textarea{font-size:18px}.vragenlijst .nr{width:38px;height:46px;margin-bottom:22px;font-size:22px}}@media (hover:none){.vragenlijst .toets{display:none}}@media (prefers-reduced-motion:reduce){.vragenlijst *,.vragenlijst :before,.vragenlijst :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.vragenlijst .kopregel{align-items:center;gap:16px;margin-bottom:28px;display:flex}.vragenlijst .kopregel .nr{flex:none;margin-bottom:0}.vragenlijst .deel{color:var(--inkt);letter-spacing:-.015em;flex-direction:column;gap:2px;font-size:clamp(20px,.8vw + 16px,24px);font-weight:700;line-height:1.15;display:flex}.vragenlijst .deel__van{color:var(--gedempt);letter-spacing:.07em;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.3}.vragenlijst .cijfers{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-width:640px;margin-top:32px;display:grid}.vragenlijst .cijfers label{place-items:center;height:54px;padding:0;font-size:19px;font-weight:700;display:grid}.vragenlijst .visites{grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin-top:40px;display:grid}.vragenlijst .visite{border:1px solid var(--veldrand);color:inherit;flex-direction:column;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:border-color .18s;display:flex}.vragenlijst .visite:hover{border-color:var(--inkt)}.vragenlijst .visite:focus-visible{outline:2px solid var(--inkt);outline-offset:2px;box-shadow:0 0 0 2px var(--geel)}.vragenlijst .visite .qr{aspect-ratio:1;width:100%;max-width:200px}.vragenlijst .visite .wie-is{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.vragenlijst .visite .portret{object-fit:cover;border-radius:50%;width:34px;height:34px}@media (max-width:560px){.vragenlijst .cijfers{grid-template-columns:repeat(5,minmax(0,1fr))}.vragenlijst .kopregel{margin-bottom:22px}.vragenlijst .visite{padding:10px}.vragenlijst .visite .wie-is{gap:8px;font-size:13.5px}.vragenlijst .visite .portret{width:28px;height:28px}}
@font-face{font-family:grotesk;src:url(../media/SchibstedGrotesk_400-s.p.0u58dvxwn0b2u.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:grotesk;src:url(../media/SchibstedGrotesk_500-s.p.2yun1bf_x86vj.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:grotesk;src:url(../media/SchibstedGrotesk_700-s.p.0znuu0scgrqew.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:grotesk;src:url(../media/SchibstedGrotesk_800-s.p.2ouqcn_lj1_cu.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:grotesk Fallback;src:local(Arial);ascent-override:92.54%;descent-override:24.43%;line-gap-override:0.0%;size-adjust:105.53%}.grotesk_91e7e02c-module__r45cJa__className{font-family:grotesk,grotesk Fallback,Segoe UI,system-ui,sans-serif}.grotesk_91e7e02c-module__r45cJa__variable{--font-grotesk:"grotesk", "grotesk Fallback", Segoe UI, system-ui, sans-serif}
@font-face{font-family:"serif";src:url(../media/Sentient_LightItalic-s.p.0umrdec8twl7f.woff2)format("woff2");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:"serif";src:url(../media/Sentient_Italic-s.p.3v1c9fhtefwtk.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:serif Fallback;src:local(Arial);ascent-override:88.43%;descent-override:29.48%;line-gap-override:7.37%;size-adjust:108.56%}.serif_425d33cf-module__iZjU6W__className{font-family:"serif",serif Fallback,Georgia,serif}.serif_425d33cf-module__iZjU6W__variable{--font-serif:"serif", "serif Fallback", Georgia, serif}
