@font-face{font-family:switzer;src:url(../media/Switzer_Variable-s.p.1u_7d0c04lp6s.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:switzer Fallback;src:local(Arial);ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.switzer_3994c313-module__KmgRPG__className{font-family:switzer,switzer Fallback}.switzer_3994c313-module__KmgRPG__variable{--font-switzer:"switzer", "switzer Fallback"}
:root{--fb-zwart:#100d08;--fb-rood:#ef0d33;--fb-rood-label:#c40a28;--fb-inkt:#2d2d2d;--fb-grijs-donker:#66605d;--fb-grijs:#dadada;--fb-grijs-licht:#f7f6f5;--fb-beige:#f6f4f1;--fb-beige-diep:#f1eee8;--fb-beige-hover:#eae5dc;--fb-lijn:#e8e3d9;--zwart:var(--fb-zwart);--rood:var(--fb-rood);--rood-klein:var(--fb-rood-label);--wit:var(--fb-beige);--papier:var(--fb-beige-diep);--lijn:var(--fb-lijn);--grijs:var(--fb-grijs-donker);--inkt:var(--fb-inkt);--dim:var(--fb-grijs-donker);--dim-donker:#f6f4f1a3;--kolom:900px;--rand:max(16px, env(safe-area-inset-left,0px));--stap:8px;--boven:calc(var(--stap) * 3.5);--onder:calc(var(--stap) * 3.5 + env(safe-area-inset-bottom,0px))}*{box-sizing:border-box}html,body{height:100%}body{background:var(--wit);color:var(--zwart);font-family:var(--font-switzer), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0;font-weight:400}button{color:inherit;cursor:pointer;font-family:inherit}.app{height:100%;padding:0 var(--rand);max-width:var(--kolom);flex-direction:column;margin:0 auto;display:flex;position:relative}.scherm{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}body[data-grond=donker]{background:var(--zwart);color:var(--wit);--dim:var(--dim-donker)}:root{--patroon-eenheid:calc(100dvh / 910);--patroon-hoogte:calc(1016 * var(--patroon-eenheid));--patroon-rechts:calc(96 * var(--patroon-eenheid));--splash-schaal:.72;--patroon-dekking:1}.patroon{height:var(--patroon-hoogte);width:auto;margin-left:var(--patroon-rechts);opacity:var(--patroon-dekking);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;will-change:transform;position:fixed;top:50%;left:100%;transform:translate(-50%,-50%)}body[data-splash="1"] .patroon{animation:2.4s cubic-bezier(.4,0,.2,1) both splash;-webkit-mask-image:radial-gradient(circle,#000 62%,#0000 63%);mask-image:radial-gradient(circle,#000 62%,#0000 63%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes splash{0%{transform:translate(calc(-50% - 50vw - var(--patroon-rechts)), -50%) scale(calc(var(--splash-schaal) * .8)) rotate(-6deg);opacity:1;-webkit-mask-size:0% 0%;mask-size:0% 0%}55%{transform:translate(calc(-50% - 50vw - var(--patroon-rechts)), -50%) scale(var(--splash-schaal)) rotate(0deg);-webkit-mask-size:300% 300%;mask-size:300% 300%}70%{transform:translate(calc(-50% - 50vw - var(--patroon-rechts)), -50%) scale(var(--splash-schaal)) rotate(0deg);opacity:1;-webkit-mask-size:300% 300%;mask-size:300% 300%}to{opacity:var(--patroon-dekking);transform:translate(-50%,-50%)scale(1)rotate(0);-webkit-mask-size:300% 300%;mask-size:300% 300%}}body[data-splash="1"] .start>*{opacity:0;pointer-events:none;animation:.6s ease-out 2.1s both opkomen}body[data-splash="1"] .start>:nth-child(2){animation-delay:2.2s}body[data-splash="1"] .start>:nth-child(3){animation-delay:2.3s}body[data-splash="1"] .start>:nth-child(4){animation-delay:2.4s}body[data-splash="1"] .start>:nth-child(5){animation-delay:2.5s}body[data-splash="1"] .start>:nth-child(6){animation-delay:2.6s}@keyframes opkomen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.logo-groot{width:clamp(150px,18vw,230px);height:auto;margin-top:12px;display:block}.knop-groot,.knop-licht,.antwoord,.wie button{transition:background .12s,color .12s,transform .15s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.knop-groot:hover,.knop-licht:hover,.antwoord:hover,.wie button:hover{transform:translateY(-2px)scale(1.025)}}.knop-groot:active,.knop-licht:active,.wie button:active{transform:scale(.97)}.start{z-index:1;justify-content:center;gap:28px;padding-block:40px;position:relative}.merk{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0;font-size:13px;font-weight:500}.merk em{color:var(--rood);font-style:normal}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(40px,8.4vw,86px);font-weight:700;line-height:.96}h1 em{color:var(--rood);font-style:normal}.intro{max-width:30ch;color:var(--dim);margin:0;font-size:clamp(17px,2.4vw,22px);line-height:1.45}.knop-groot{background:var(--rood);color:var(--wit);letter-spacing:-.01em;border:none;border-radius:999px;align-self:flex-start;padding:22px 36px;font-size:20px;font-weight:500}.knop-groot:disabled{opacity:.6;cursor:default}.meta{color:var(--grijs);margin:0;font-size:14px}body[data-grond=donker] .meta{color:var(--dim)}.kop{padding-block:var(--boven) 0;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo-klein{width:auto;height:18px;display:block}.voet{padding-block:var(--stap) var(--onder);justify-content:space-between;align-items:center;gap:16px;display:flex}.bloknaam{letter-spacing:.16em;text-transform:uppercase;color:var(--grijs);font-size:12px;font-weight:500}.bolletjes{gap:7px;display:flex}.bol{background:var(--lijn);border-radius:50%;width:9px;height:9px}.bol[data-staat=gedaan]{background:var(--zwart)}.bol[data-staat=nu]{background:var(--rood);transform:scale(1.35)}.stelling-vak{flex-direction:column;flex:1;justify-content:center;min-height:0;padding-block:12px;display:flex}.nummer{letter-spacing:.16em;text-transform:uppercase;color:var(--rood-klein);margin:0 0 18px;font-size:12px;font-weight:500}.stelling{letter-spacing:-.025em;text-wrap:balance;max-width:24ch;margin:0;font-size:clamp(26px,4.6vw,46px);font-weight:500;line-height:1.14}.antwoorden{gap:10px;padding-block:12px 16px;display:flex}.antwoord{background:var(--fb-beige-diep);letter-spacing:-.015em;text-align:left;border:none;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:5px;min-height:88px;padding:22px 26px;font-size:21px;font-weight:500;display:flex}.antwoord span{color:var(--grijs);letter-spacing:0;font-size:13px;font-weight:400}.antwoord:hover{background:var(--fb-beige-hover)}.antwoord:active,.antwoord.geraakt{background:var(--rood);color:var(--wit);transition:none;transform:scale(.985)}.antwoord:active span,.antwoord.geraakt span{color:#f6f4f1cc}.antwoord.weet-niet{color:var(--zwart)}.antwoord:focus-visible{outline:3px solid var(--rood);outline-offset:2px}.uitslag{z-index:1;justify-content:center;gap:24px;padding-block:32px 40px;position:relative}.cijferrij{flex-wrap:wrap;align-items:flex-end;gap:22px;display:flex}.cijfer{letter-spacing:-.05em;color:var(--rood);font-variant-numeric:tabular-nums;font-size:clamp(92px,20vw,190px);font-weight:700;line-height:.82}.band{letter-spacing:-.02em;max-width:18ch;padding-bottom:10px;font-size:clamp(22px,3.4vw,34px);font-weight:500;line-height:1.1}.balken{flex-direction:column;gap:12px;max-width:520px;display:flex}.balk-rij{grid-template-columns:118px 1fr 44px;align-items:center;gap:12px;font-size:15px;display:grid}.balk-naam{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:500}.spoor{background:#f6f4f129;border-radius:99px;height:8px;overflow:hidden}.vul{background:var(--wit);border-radius:99px;height:100%;transition:width .6s}.balk-rij[data-zwakst="1"] .vul{background:var(--rood)}.balk-rij[data-zwakst="1"] .balk-naam{color:var(--rood)}.balk-cijfer{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.duiding{max-width:38ch;margin:0;font-size:clamp(17px,2.3vw,21px);line-height:1.45}.weetniet-regel{color:var(--dim);max-width:40ch;margin:0;font-size:15px;line-height:1.5}.weetniet-regel em{color:var(--wit);font-style:normal;font-weight:500}.vergelijk{color:var(--dim);margin:0;font-size:13px}.knoppenrij{padding-bottom:var(--onder);flex-wrap:wrap;gap:10px;display:flex}.knop-licht{color:var(--wit);background:0 0;border:1.5px solid #f6f4f159;border-radius:999px;padding:18px 28px;font-size:16px;font-weight:500}.knop-licht:hover{background:#f6f4f11a}body[data-grond=licht] .knop-licht{background:var(--fb-beige-diep);color:var(--zwart);border-color:#0000}body[data-grond=licht] .knop-licht:hover{background:var(--fb-beige-hover)}.formulier{z-index:1;justify-content:center;gap:16px;padding-block:24px 8px;position:relative}h2{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(28px,4.4vw,42px);font-weight:700;line-height:1.08}.velden{grid-template-columns:1fr 1fr;gap:10px 12px;max-width:620px;display:grid}.veld{flex-direction:column;gap:6px;display:flex}.veld.breed{grid-column:1/-1}label{letter-spacing:.14em;text-transform:uppercase;color:var(--grijs);font-size:12px;font-weight:500}input[type=text],input[type=email],input[type=tel],input[type=url]{background:var(--fb-beige-diep);color:var(--zwart);border:1.5px solid #0000;border-radius:14px;padding:14px 18px;font-family:inherit;font-size:18px}input:focus{border-color:var(--rood);background:var(--wit);outline:none}input[aria-invalid=true]{border-color:var(--rood)}.wie{flex-wrap:wrap;gap:8px;display:flex}.wie button{background:var(--fb-beige-diep);border:none;border-radius:999px;padding:15px 24px;font-size:16px;font-weight:500}.wie button:hover{background:var(--fb-beige-hover)}.wie button.geraakt{background:var(--rood);color:var(--wit)}.akkoord{color:var(--grijs);text-transform:none;letter-spacing:0;align-items:flex-start;gap:10px;max-width:52ch;font-size:14px;font-weight:400;line-height:1.45;display:flex}.akkoord input{width:20px;height:20px;accent-color:var(--rood);flex:none;margin-top:3px}.akkoord[data-fout="1"]{color:var(--rood-klein)}.fout{color:var(--rood-klein);margin:0;font-size:14px}.slot{z-index:1;justify-content:center;gap:20px;padding-block:40px;position:relative}.payoff{letter-spacing:.16em;text-transform:uppercase;color:var(--rood);margin:0;font-size:13px;font-weight:500}.slot h1{font-size:clamp(34px,6.4vw,64px)}.slot .knop-licht{align-self:flex-start}.stempel{bottom:10px;left:max(var(--rand), calc((100vw - var(--kolom)) / 2 + var(--rand)));letter-spacing:.12em;text-transform:uppercase;color:var(--dim);z-index:2;margin:0;font-size:10px;position:fixed}@media (max-width:560px){:root{--patroon-eenheid:calc(72dvh / 910);--patroon-rechts:calc(190 * var(--patroon-eenheid));--splash-schaal:.5;--patroon-dekking:.55}.logo-groot{width:140px}.antwoorden{flex-direction:column}.antwoord{flex-direction:row;align-items:baseline;gap:10px;min-height:68px;padding:18px 22px}.velden{grid-template-columns:1fr}.balk-rij{grid-template-columns:96px 1fr 40px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}body[data-splash="1"] .start>*{opacity:1;pointer-events:auto}body[data-splash="1"] .patroon{-webkit-mask-image:none;mask-image:none}}body:has(.beheer){background:var(--wit);color:var(--zwart);--dim:var(--fb-grijs-donker)}.beheer{max-width:1100px;color:var(--inkt);margin:0 auto;padding:24px 16px 64px}.beheer h1{color:var(--zwart);margin:0 0 8px;font-size:32px;line-height:1.1}.beheer h2{color:var(--zwart);margin:32px 0 12px;font-size:22px}.beheer h3{color:var(--zwart);margin:20px 0 8px;font-size:16px;font-weight:600}.beheer-nav{border-bottom:1.5px solid var(--lijn);flex-wrap:wrap;gap:6px;margin:12px 0 28px;padding-bottom:12px;display:flex}.beheer-nav a{color:var(--inkt);border-radius:2px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.beheer-nav a:hover{background:var(--papier)}.beheer-nav a[aria-current=page]{background:var(--zwart);color:var(--wit)}.beheer-nav form{margin-left:auto}.beheer p{line-height:1.5}.beheer label{margin-bottom:6px;display:block}.beheer input[type=text],.beheer input[type=number],.beheer input[type=password],.beheer textarea{border:1.5px solid var(--lijn);width:100%;color:var(--zwart);background:#fff;border-radius:2px;padding:10px 12px;font-family:inherit;font-size:15px}.beheer textarea{resize:vertical;min-height:72px;line-height:1.45}.beheer input:focus,.beheer textarea:focus{border-color:var(--rood);outline:none}.beheer .knop{background:var(--zwart);color:var(--wit);border:none;border-radius:2px;padding:10px 16px;font-size:14px;font-weight:500}.beheer .knop:hover{background:#000}.beheer .knop.rood{background:var(--rood)}.beheer .knop.licht{color:var(--zwart);border:1.5px solid var(--lijn);background:0 0}.beheer .knop.licht:hover{background:var(--papier)}.kaart{border:1.5px solid var(--lijn);background:#fff;border-radius:2px;margin-bottom:12px;padding:16px}.kaart-rij{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.kaart-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);margin:0 0 8px;font-size:12px}.tegels{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tegel{border:1.5px solid var(--lijn);background:#fff;border-radius:2px;padding:16px}.tegel-cijfer{letter-spacing:-.03em;color:var(--zwart);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.tegel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);margin-top:8px;font-size:12px}.tabel{border-collapse:collapse;background:#fff;width:100%;font-size:14px}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:10px}.tabel th{letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);font-size:11px;font-weight:500}.tabel td.getal,.tabel th.getal{text-align:right;font-variant-numeric:tabular-nums}.tabel-wrap{border:1.5px solid var(--lijn);border-radius:2px;overflow-x:auto}.staaf{align-items:center;gap:8px;display:flex}.staaf-spoor{background:var(--papier);border-radius:99px;flex:1;min-width:80px;height:8px;overflow:hidden}.staaf-vul{background:var(--zwart);border-radius:99px;height:100%}.staaf-vul.rood{background:var(--rood)}.melding{background:var(--papier);border-left:3px solid var(--rood);margin:0 0 16px;padding:10px 14px;font-size:14px}.inline-form{display:inline}.inline-form .knop{padding:6px 10px;font-size:12px}.login{max-width:360px;margin:15vh auto 0}.rij-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rij-3{grid-template-columns:1fr 1fr 2fr;gap:12px;display:grid}.rij-4{grid-template-columns:80px 80px 1fr 90px;gap:12px;display:grid}.klein{color:var(--grijs);font-size:13px}@media (max-width:640px){.rij-2,.rij-3,.rij-4,.kaart-rij{grid-template-columns:1fr}}.beheer select.select{border:1.5px solid var(--lijn);width:100%;color:var(--zwart);background:#fff;border-radius:2px;padding:10px 12px;font-family:inherit;font-size:15px}