:root{--font-heading:"Unbounded", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace;--rood:#ec0928;--rood-diep:#c00620;--rood-vol:#cf0721;--grijs-vlak:#ebebe9;--wit:#fff;--inkt:#17181a;--grijs:#575b60;--lijn:#dcdcda}html{background:var(--grijs-vlak)}body{background:var(--grijs-vlak);color:var(--inkt)}::selection{background:var(--inkt);color:#fff}:focus-visible{outline:3px solid var(--inkt);outline-offset:3px;border-radius:6px}.hero :focus-visible,.kop :focus-visible{outline-color:#fff}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.05}.ic{flex:none;width:1.1em;height:1.1em}.knop{white-space:nowrap;min-height:48px;transition:background-color .2s, color .2s, border-color .2s, transform .25s var(--ease-uit);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.knop:active{transform:translateY(1px)}.knop-groot{min-height:56px;padding:0 28px;font-size:17px}.knop-rood{background:var(--rood-vol);color:#fff}.knop-rood:hover{background:var(--rood-diep)}.knop-wit{color:var(--rood-vol);background:#fff}.knop-wit:hover{background:var(--inkt);color:#fff}.knop-lijn{border:2px solid var(--inkt);color:var(--inkt)}.knop-lijn:hover,.knop-donker{background:var(--inkt);color:#fff}.kop{z-index:20;background:var(--rood);color:#fff;transition:box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 6px 20px #78000e40}.kop-in{align-items:center;gap:32px;height:72px;display:flex}.merk{font-family:var(--site-serif);letter-spacing:-.02em;align-items:baseline;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.merk span{font-family:var(--site-sans);letter-spacing:0;opacity:.85;font-size:14px;font-weight:600}.nav{gap:28px;margin-left:auto;font-size:15px;font-weight:600;display:flex}.nav a{text-decoration:none}.nav a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.hero{background:var(--rood);color:#fff;padding:clamp(8px,2vw,24px) 0 clamp(140px,14vw,200px);overflow:hidden}.woord{font-family:var(--site-serif);font-weight:800;font-size:calc(min(100vw - 2 * var(--rand), 1280px) / 5.5);letter-spacing:-.05em;white-space:nowrap;margin-left:-.04em;line-height:.9}.hero-kop{font-family:var(--site-sans);letter-spacing:-.01em;max-width:34ch;margin-top:clamp(16px,2vw,28px);font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.35}.loket{z-index:2;margin-top:clamp(-170px,-12vw,-110px);position:relative}.loket-kaart{background:var(--wit);border-radius:26px;padding:clamp(22px,3vw,44px);box-shadow:0 24px 60px -24px #3c000859}.loket h2{font-size:clamp(26px,2.6vw,38px)}.keuzes{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.keuzes button{border:2px solid var(--lijn);border-radius:999px;min-height:44px;padding:0 18px;font-size:15px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s}.keuzes button:hover{border-color:var(--inkt)}.keuzes button[aria-selected=true]{background:var(--inkt);border-color:var(--inkt);color:#fff}.antwoord{border-top:2px solid var(--grijs-vlak);grid-template-columns:1.4fr 1fr;align-items:end;gap:24px 48px;margin-top:28px;padding-top:28px;display:grid}.antwoord.wissel .antwoord-tekst{animation:wissel .5s var(--ease-uit)}@keyframes wissel{0%{opacity:0;transform:translateY(8px)}}.antwoord h3{font-size:clamp(22px,2vw,28px)}.antwoord p[data-a=tekst]{color:var(--grijs);max-width:58ch;min-height:3em;margin-top:10px;font-size:17px}.werkplaats-status{color:var(--grijs);align-items:center;gap:8px;margin-top:16px;font-size:14.5px;font-weight:600;display:flex}.punt{background:#9aa0a6;border-radius:50%;width:9px;height:9px}.is-open .punt{background:#1f9d55}.antwoord-actie{gap:10px;display:grid}.bedrag{font-family:var(--site-mono);color:var(--rood-vol);letter-spacing:-.02em;font-size:26px;font-weight:700}.bedrag small{color:var(--grijs);letter-spacing:0;font-size:.55em;font-weight:500}.loket-onder{color:var(--grijs);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:18px;padding-inline:8px;font-size:15px;font-weight:600;display:flex}.loket-onder b{color:var(--inkt)}.sterren{color:var(--rood);display:inline-flex}.sterren svg{width:18px;height:18px}.sep{background:#a3a7ab;border-radius:50%;width:4px;height:4px}.kop2{font-size:clamp(28px,3vw,44px)}.acties{padding:clamp(80px,9vw,130px) 0 clamp(64px,7vw,100px);scroll-margin-top:80px}.raster{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.product{background:var(--wit);transition:transform .35s var(--ease-uit), box-shadow .35s;border-radius:20px;flex-direction:column;padding:12px 12px 20px;text-decoration:none;display:flex}.product:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px #14141659}.product img,.vlak{aspect-ratio:4/3;object-fit:cover;background:var(--grijs-vlak);border-radius:12px;width:100%}.product img.links{object-position:left center}.product h3{margin:18px 8px 0;font-size:18px}.product p{color:var(--grijs);margin:6px 8px 0;font-size:15.5px}.product .bedrag{color:var(--rood-vol);margin-top:auto;padding-top:16px;font-size:24px}.vlak{border:2px solid var(--grijs-vlak);font-family:var(--site-mono);color:var(--inkt);letter-spacing:.02em;background:#fff;grid-auto-flow:column;justify-content:center;place-items:center;gap:8px;font-size:clamp(22px,2.2vw,32px);font-weight:700;display:grid}.vlak span{border:2.5px solid var(--inkt);border-radius:6px;padding:6px 10px}.zaak{background:var(--wit);padding:clamp(72px,9vw,130px) 0;scroll-margin-top:72px}.zaak-in{grid-template-columns:1fr 1fr;align-items:center;gap:28px clamp(32px,5vw,80px);display:grid}.zaak-beeld{aspect-ratio:3/2;border-radius:20px;overflow:hidden}.zaak-beeld img{object-fit:cover;width:100%;height:100%}.zaak-tekst p{color:var(--grijs);max-width:52ch;margin-top:14px;font-size:17.5px}.zaak-in>:nth-child(3){order:4}.zaak-in>:nth-child(4){order:3}.feiten{border-top:2px solid var(--grijs-vlak);color:var(--grijs);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(48px,6vw,80px);padding:32px 0 0;list-style:none;display:grid}.feiten b{font-family:var(--site-serif);color:var(--inkt);letter-spacing:-.02em;margin-bottom:4px;font-size:clamp(24px,2.4vw,34px);display:block}.cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:clamp(64px,8vw,120px) 0;display:flex}.cta h2{max-width:16ch;font-size:clamp(32px,4.4vw,64px)}.cta mark{color:var(--rood-vol);background:0 0;box-shadow:inset 0 -.18em #ec09282e}.contact{background:var(--wit);padding:clamp(72px,9vw,120px) 0;scroll-margin-top:72px}.contact-in{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.adres{color:var(--grijs);max-width:42ch;margin-top:12px;font-size:17px}.pand{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%;margin-top:24px}.tijden{border-collapse:collapse;width:100%;font-family:var(--site-mono);font-variant-numeric:tabular-nums;margin-top:24px;font-size:14.5px}.tijden th,.tijden td{text-align:left;border-bottom:1px solid var(--lijn);padding:9px 8px}.tijden thead th{font-family:var(--site-sans);color:var(--grijs);font-size:14px;font-weight:700}.tijden tbody th{width:52px;font-weight:700}.tijden .is-vandaag{background:#fdeef0}.tijden .is-vandaag th{color:var(--rood-vol)}.feestdag{color:var(--grijs);margin-top:10px;font-size:14.5px}.formulier{background:var(--grijs-vlak);border-radius:24px;gap:16px;padding:clamp(22px,3vw,40px);scroll-margin-top:90px;display:grid}.form-intro{color:var(--grijs);margin-top:-6px}.formulier label{gap:6px;font-size:15px;font-weight:700;display:grid}.formulier label small{color:var(--grijs);margin-left:4px;font-weight:500}.formulier input,.formulier select,.formulier textarea{font:500 17px/1.4 var(--site-sans);color:var(--inkt);background:#fff;border:2px solid #0000;border-radius:12px;width:100%;min-height:50px;padding:12px 14px}.formulier input:focus,.formulier select:focus,.formulier textarea:focus{border-color:var(--inkt);outline:none}.formulier ::placeholder{color:#868b90}.kenteken{border:2px solid var(--inkt);background:#f6c400;border-radius:12px;max-width:280px;display:flex;overflow:hidden}.kenteken>span{color:#fff;width:40px;font:700 13px var(--site-mono);background:#1d3f9a;place-items:center;display:grid}.kenteken input{letter-spacing:.06em;text-transform:uppercase;font:700 20px var(--site-mono)!important;background:#f6c400!important;border:0!important;border-radius:0!important}.kenteken input::placeholder{color:#17181a73}.kenteken:focus-within{outline:3px solid var(--inkt);outline-offset:2px}.fout{color:var(--rood-vol);font-size:15px;font-weight:600}.fout:empty{display:none}.ok{color:#1b7a43;font-size:15px;font-weight:600}.mailregel{color:var(--grijs);font-size:15px}.mailregel a{color:var(--inkt);font-weight:700}.voet{background:var(--inkt);color:#c9ccd0;padding:28px 0 36px;font-size:14.5px}.voet-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.merk-klein{color:#fff;font-size:18px}.voet nav{flex-wrap:wrap;gap:20px;display:flex}.voet a{text-decoration:none}.voet a:hover{color:#fff}.zweef{display:none}@media (width<=1000px){.raster{grid-template-columns:repeat(2,1fr)}.antwoord{grid-template-columns:1fr;align-items:start}.antwoord-actie{grid-template-columns:auto auto 1fr;place-items:center start}.antwoord-actie .bedrag{grid-column:1/-1}}@media (width<=860px){.nav{display:none}.kop-bel{margin-left:auto}.zaak-in,.contact-in{grid-template-columns:1fr}.zaak-in>:nth-child(3),.zaak-in>:nth-child(4){order:0}.zaak-tekst{margin-bottom:28px}.feiten{grid-template-columns:1fr;gap:18px}}@media (width<=640px){.kop-in{height:60px}.kop-bel span{display:none}.kop-bel{width:44px;padding:0}.hero{padding-bottom:120px}.hero-kop{font-size:19px}.loket{margin-top:-96px}.loket-kaart{border-radius:22px}.keuzes{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;margin-inline:-22px;padding:2px 22px 6px;overflow-x:auto}.keuzes::-webkit-scrollbar{display:none}.keuzes button{scroll-snap-align:start;flex:none}.antwoord-actie{grid-template-columns:1fr;justify-items:stretch}.raster{grid-template-columns:1fr 1fr;gap:10px}.product{border-radius:16px;padding:8px 8px 14px}.product h3{margin:12px 4px 0;font-size:15px}.product p{margin:4px 4px 0;font-size:14px}.product .bedrag{padding-left:4px;font-size:19px}.vlak{gap:4px;font-size:15px}.vlak span{border-width:2px;padding:3px 5px}.cta{flex-direction:column;align-items:stretch}.zweef{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px #14141633}.voet{padding-bottom:108px}}
