:where(.brx-draggable.brx-empty){outline:0} body.bricks-is-frontend :focus{outline:none !important}  :root{ --inkt:#101010; --papier:#FBFAF7; --marker:#F0DFA8; --signaal:#C2402F; --staal:#6A6A66; --mist:#E8E6E0; --hdr-h:68px; --hdr-pad:40px; --vlak:#1C1C1C; --vlak-hover:#282828; --rand:rgba(251,250,247,.16); --rand-hover:rgba(251,250,247,.32); }  body{padding-top:var(--hdr-h)}  .hdr-section{ position:fixed;top:0;left:0;right:0;z-index:100; height:var(--hdr-h); padding:0!important;margin:0!important; background:var(--inkt); border-bottom:1px solid rgba(251,250,247,.14); } .hdr-inner{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; height:var(--hdr-h)!important; max-width:100%!important;width:100%!important; margin:0!important; padding:0 var(--hdr-pad)!important; } .hdr-left{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; gap:18px!important; } .hdr-logo, .hdr-logo a{ font-family:"Bricolage Grotesque",sans-serif; font-weight:800;font-size:26px;letter-spacing:-.04em; line-height:1;text-decoration:none; color:var(--papier)!important; } .hdr-section a:focus-visible, .hdr-section button:focus-visible{ outline:2px solid var(--papier)!important; outline-offset:2px!important; }  .prompt-pill{ display:flex!important;align-items:center;gap:8px; margin:0!important;padding:6px 12px; background:var(--vlak); border:1px solid var(--rand); border-radius:6px; font-family:"IBM Plex Mono",monospace; font-size:12.5px;line-height:1; color:rgba(251,250,247,.7)!important; text-decoration:none!important; transition:background-color .15s ease,border-color .15s ease,color .15s ease; } .prompt-pill *{color:inherit!important} .prompt-pill:hover{ background:var(--vlak-hover); border-color:var(--rand-hover); color:var(--papier)!important; } .cursor{ display:inline-block;width:7px;height:14px; background:currentColor; animation:blink 1.1s steps(1) infinite; } @keyframes blink{50%{opacity:0}}  .hdr-nav{margin-left:auto!important} .hdr-nav .brx-nav-nested-items{ margin:0!important;padding:0!important; list-style:none!important; }  @media (min-width:768px){ .hdr-nav .brx-nav-nested-items{ display:flex!important; flex-direction:row!important; align-items:center!important; gap:2px!important; } } .hdr-nav .brx-nav-nested-items > li{ margin:0!important;padding:0!important;list-style:none!important; } .nav-link, .nav-link a, .nav-dropdown > a, .nav-dropdown > .brx-submenu-toggle, .nav-dropdown > .brx-dropdown-toggle{ display:inline-flex!important;align-items:center;gap:5px; font-family:"IBM Plex Mono",monospace!important; font-size:13px!important;letter-spacing:.02em!important; color:var(--papier)!important; padding:10px 14px!important; text-decoration:none!important;white-space:nowrap; background:transparent!important;border:0!important; transition:opacity .15s ease; } .nav-dropdown > .brx-submenu-toggle *, .nav-dropdown > .brx-dropdown-toggle *{ color:var(--papier)!important; font-family:"IBM Plex Mono",monospace!important; font-size:13px!important; background:transparent!important;border:0!important; } .nav-dropdown svg{fill:var(--papier)!important;color:var(--papier)!important} .nav-link:hover, .nav-link:hover a, .nav-dropdown:hover > .brx-submenu-toggle, .nav-dropdown:hover > .brx-dropdown-toggle, .nav-dropdown:hover > a{opacity:.6}  .nav-dropdown .brx-dropdown-content{ width:400px!important; min-width:400px!important; max-width:calc(100vw - 40px)!important; background:var(--papier)!important; border:1px solid rgba(16,16,16,.14)!important; border-radius:8px!important; box-shadow:0 12px 32px -8px rgba(16,16,16,.18), 0 2px 6px rgba(16,16,16,.08)!important; padding:6px!important;margin:0!important; display:flex!important; flex-direction:column!important; gap:0!important; list-style:none!important; } .nav-dropdown .brx-dropdown-content > li{ list-style:none!important;margin:0!important;padding:0!important;width:100%; }  .dd-card{ position:relative; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:3px!important; width:100%; padding:13px 40px 13px 16px!important; border-radius:5px; background:transparent; text-decoration:none!important; white-space:normal!important; transition:background-color .15s ease; } .dd-card:hover{background:#F1EFE9} .dd-card::before{ content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px; background:var(--inkt); transform:scaleY(0);transform-origin:center; transition:transform .15s ease; } .dd-card:hover::before, .dd-card:focus-visible::before{transform:scaleY(1)} .dd-card::after{ content:"\2192";position:absolute;right:16px;top:50%; transform:translate(-6px,-50%); font-family:"IBM Plex Mono",monospace;font-size:14px; color:var(--inkt);opacity:0; transition:opacity .15s ease,transform .15s ease; } .dd-card:hover::after, .dd-card:focus-visible::after{opacity:.75;transform:translate(0,-50%)} .dd-title{ font-family:"Bricolage Grotesque",sans-serif!important; font-weight:600!important;font-size:15.5px!important; letter-spacing:-.01em!important;line-height:1.25!important; color:var(--inkt)!important; white-space:normal!important; } .dd-meta{ font-family:"Source Serif 4",Georgia,serif!important; font-weight:400!important;font-size:13.5px!important; line-height:1.45!important;letter-spacing:normal!important; color:var(--staal)!important; white-space:normal!important; }  .hdr-right{ margin-left:20px!important; display:flex!important;align-items:center!important; } .hdr-right .brxe-button{ background-color:#FFFFFF!important; color:var(--inkt)!important; font-family:"Bricolage Grotesque",sans-serif; font-weight:600;font-size:14px;line-height:1.2; padding:9px 18px!important; border-radius:6px!important; border:1px solid #FFFFFF!important; box-shadow:0 1px 2px rgba(0,0,0,.28)!important; text-decoration:none;white-space:nowrap; transition:background-color .15s ease,border-color .15s ease; } .hdr-right .brxe-button:hover, .hdr-right .brxe-button:focus-visible{ background-color:#EFEDE7!important; border-color:#EFEDE7!important; color:var(--inkt)!important; }  .meetstrip{ position:absolute; left:0;right:0;bottom:0; display:flex!important; align-items:center; gap:0!important; width:auto;height:3px; padding:0 var(--hdr-pad)!important; margin:0!important; pointer-events:none; } .meetstrip .pip{ flex:1 1 0; height:3px; margin:0 3px 0 0!important; background:rgba(251,250,247,.16); transition:background-color .2s ease; } .meetstrip .pip:last-child{margin-right:0!important} .meetstrip .pip.on, .meetstrip .pip.sig.on{background:var(--papier)}  .ftr-section{ position:relative; background:var(--inkt); padding:56px 0 0 0!important;margin:0!important; border-top:1px solid rgba(251,250,247,.12); } .ftr-inner{ display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; align-items:flex-start!important; gap:48px!important; max-width:100%!important;width:100%!important; margin:0!important; padding:0 var(--hdr-pad) 56px!important; } .ftr-brand{ display:flex!important;flex-direction:column!important; gap:14px!important;flex:1 1 300px;min-width:260px; } .ftr-logo{ font-family:"Bricolage Grotesque",sans-serif!important; font-weight:800!important;font-size:30px!important; letter-spacing:-.04em!important;line-height:1!important; color:var(--papier)!important; } .ftr-slogan{ font-family:"IBM Plex Mono",monospace!important; font-size:11px!important;letter-spacing:.18em!important; text-transform:uppercase!important; color:rgba(251,250,247,.5)!important; } .ftr-nap{ display:flex!important;flex-direction:column!important; gap:4px!important;margin-top:8px!important; } .ftr-nap-line{ font-family:"IBM Plex Mono",monospace!important; font-size:12.5px!important;line-height:1.6!important; color:rgba(251,250,247,.6)!important; } .ftr-col{ display:flex!important;flex-direction:column!important; gap:10px!important;flex:0 1 190px; } .ftr-head{ font-family:"IBM Plex Mono",monospace!important; font-size:11px!important;letter-spacing:.16em!important; text-transform:uppercase!important; color:rgba(251,250,247,.42)!important; margin-bottom:4px!important; } .ftr-link, .ftr-link a{ font-family:"Source Serif 4",Georgia,serif!important; font-size:15px!important;line-height:1.5!important; color:rgba(251,250,247,.82)!important; text-decoration:none!important; transition:color .15s ease; } .ftr-link:hover, .ftr-link:hover a{color:var(--papier)!important} .ftr-bottom{ display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:20px var(--hdr-pad)!important; border-top:1px solid rgba(251,250,247,.12); } .ftr-copy{ font-family:"IBM Plex Mono",monospace!important; font-size:11.5px!important; color:rgba(251,250,247,.42)!important; } .ftr-legal{ display:flex!important;flex-direction:row!important; gap:22px!important;flex-wrap:wrap!important; } .ftr-legal-link, .ftr-legal-link a{ font-family:"IBM Plex Mono",monospace!important; font-size:11.5px!important; color:rgba(251,250,247,.42)!important; text-decoration:none!important; transition:color .15s ease; } .ftr-legal-link:hover, .ftr-legal-link:hover a{color:var(--papier)!important} .ftr-section a:focus-visible{ outline:2px solid var(--papier)!important; outline-offset:2px!important; }  @media(max-width:860px){ .prompt-pill{display:none!important} .hdr-inner{padding:0 20px!important} .meetstrip{padding:0 20px!important} .hdr-nav .brx-nav-nested-items{ flex-direction:column!important; align-items:flex-start!important; gap:0!important; } .nav-dropdown .brx-dropdown-content{ width:100%!important;min-width:0!important; background:transparent!important; border:0!important;box-shadow:none!important; padding:0 0 0 8px!important; } .dd-card{padding:12px 16px!important} .dd-card::after{display:none} .dd-card::before{background:var(--papier)} .dd-card:hover{background:rgba(251,250,247,.06)} .dd-title{color:var(--papier)!important;font-size:15px!important} .dd-meta{color:rgba(251,250,247,.6)!important} .ftr-section{padding-top:40px!important} .ftr-inner{ flex-direction:column!important; gap:36px!important; padding:0 20px 40px!important; } .ftr-col{flex:1 1 auto} .ftr-bottom{ flex-direction:column!important; align-items:flex-start!important; padding:20px!important; } } @media(prefers-reduced-motion:reduce){ .cursor{animation:none} .hdr-section *, .dd-card,.dd-card::before,.dd-card::after{transition:none!important} }  .ds-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px; letter-spacing:.12em;text-transform:uppercase;color:var(--staal)} .ds-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:2.25rem} .brxe-button.ds-btn{font-size:15px;font-weight:600;line-height:1.35;padding:.7rem 1.2rem; border-radius:4px;border:1px solid transparent; transition:background-color .15s ease,color .15s ease,border-color .15s ease} .brxe-button.ds-btn-primair{background:var(--inkt);color:var(--papier);border-color:var(--inkt)} .brxe-button.ds-btn-primair:hover{background:#2b2b29;border-color:#2b2b29} .brxe-button.ds-btn-secundair{background:transparent;color:var(--inkt);border-color:rgba(16,16,16,.22)} .brxe-button.ds-btn-secundair:hover{border-color:var(--inkt)} .ds-hero .brxe-button.ds-btn-primair, .ds-slot .brxe-button.ds-btn-primair{background:var(--papier);color:var(--inkt);border-color:var(--papier)} .ds-hero .brxe-button.ds-btn-primair:hover, .ds-slot .brxe-button.ds-btn-primair:hover{background:#eae7e0;border-color:#eae7e0} .ds-hero .brxe-button.ds-btn-secundair{color:var(--papier);border-color:var(--rand-hover)} .ds-hero .brxe-button.ds-btn-secundair:hover{border-color:var(--papier)} .ds-hero{background:var(--inkt);color:var(--papier); padding-block:clamp(3rem,7vw,5.5rem) clamp(3rem,6vw,5rem)} .ds-hero-inner{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center} @media(min-width:900px){.ds-hero-inner{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}} .ds-hero .ds-eyebrow{color:rgba(251,250,247,.78);margin-bottom:1.25rem} .ds-h1{color:var(--papier);max-width:16ch} .ds-lead{color:rgba(251,250,247,.88);margin-top:1.5rem;max-width:46ch; font-size:clamp(1.05rem,1rem + .5vw,1.3rem)} .ds-note{font-family:'IBM Plex Mono',monospace;font-size:13px; color:rgba(251,250,247,.78);margin-top:1rem} .ds-hero-media img{width:100%;height:auto;display:block;border-radius:4px} @keyframes ds-zweef{0%,100%{transform:translateY(-9px)}50%{transform:translateY(9px)}} .ds-hero-img img{animation:ds-zweef 7s cubic-bezier(.45,0,.55,1) infinite;will-change:transform} .ds-antwoord{background:var(--papier);border-block:1px solid var(--mist); padding-block:clamp(2.75rem,6vw,4.5rem)} .ds-antwoord-inner{text-align:center} .ds-antwoord-tekst{font-family:'Bricolage Grotesque',sans-serif; font-weight:500;letter-spacing:-.015em;line-height:1.35; font-size:clamp(1.2rem,1rem + 1vw,1.75rem);max-width:34ch;margin:1.1rem auto 0} .ds-streep{width:2.5rem;height:2px;background:var(--inkt);margin:1.5rem auto 0} .ds-proces{padding-block:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--mist)} .ds-proces-grid{display:grid;gap:clamp(2rem,4vw,3rem);margin-top:2rem} @media(min-width:960px){.ds-proces-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start}} .ds-stappen{padding:1.35rem 0;border-top:1px solid var(--mist)} .ds-stappen:last-of-type{border-bottom:1px solid var(--mist)} .ds-stap-titel{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:600;line-height:1.3} .ds-stap-tekst{color:var(--staal);font-size:16px;margin-top:.4rem;max-width:58ch} .ds-proces-media img{width:100%;height:auto;display:block;border-radius:4px} .ds-blokken{padding-block:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--mist)} .ds-blokrij{display:grid;gap:clamp(1.75rem,4vw,3rem);align-items:center; padding-block:clamp(2rem,4vw,3rem)} .ds-blokrij + .ds-blokrij{border-top:1px solid var(--mist)} @media(min-width:900px){ .ds-blokrij{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ds-blokrij:nth-child(even) .ds-bloktekst{order:2} .ds-blokrij:nth-child(even) .ds-blokmedia{order:1} } .ds-bloktekst h3{margin-bottom:.75rem;max-width:18ch} .ds-blokinhoud{color:var(--staal);max-width:52ch} .ds-blokinhoud ul{margin:0;padding-left:1.15rem} .ds-blokinhoud li{margin-bottom:.5rem} .ds-blokmedia img{width:100%;height:auto;display:block;border-radius:4px} .ds-zoom{overflow:hidden;border-radius:4px;display:block} .ds-zoom img{transition:transform .5s cubic-bezier(.2,.7,.3,1)} .ds-zoom:hover img{transform:scale(1.045)} .ds-faqsec{padding-block:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--mist)} .ds-faq-inner{display:grid;gap:clamp(1.5rem,3vw,3rem)} @media(min-width:900px){ .ds-faq-inner{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start} .ds-faq-kop{position:sticky;top:calc(var(--hdr-h) + 2rem)} } .ds-faq{border-bottom:1px solid var(--mist)} .ds-faq:first-of-type{border-top:1px solid var(--mist)} .ds-faq-item{padding-block:1.15rem} .ds-faq-vraag{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:600;line-height:1.35} .ds-faq-antwoord{color:var(--staal);max-width:56ch;margin-top:.5rem} .ds-slot{background:var(--inkt);color:var(--papier);padding-block:clamp(3rem,6vw,5rem)} .ds-slot h2{color:var(--papier);max-width:16ch} .ds-slot-lead{color:rgba(251,250,247,.88);max-width:42ch;margin-top:1rem} @media(prefers-reduced-motion:reduce){ .ds-hero-img img{animation:none} .ds-zoom:hover img{transform:none} }   #ds-proces{scroll-margin-top:calc(var(--hdr-h,72px) + 1.5rem)}   :root .ds-actions a.brxe-button.ds-btn-primair{ background-color:var(--inkt);color:var(--papier);border-color:var(--inkt)} :root .ds-actions a.brxe-button.ds-btn-primair:hover{ background-color:#2b2b29;border-color:#2b2b29} :root .ds-actions a.brxe-button.ds-btn-secundair{ background-color:transparent;color:var(--inkt);border-color:rgba(16,16,16,.22)} :root .ds-actions a.brxe-button.ds-btn-secundair:hover{border-color:var(--inkt)} :root .ds-hero .ds-actions a.brxe-button.ds-btn-primair, :root .ds-slot .ds-actions a.brxe-button.ds-btn-primair{ background-color:var(--papier);color:var(--inkt);border-color:var(--papier)} :root .ds-hero .ds-actions a.brxe-button.ds-btn-primair:hover, :root .ds-slot .ds-actions a.brxe-button.ds-btn-primair:hover{ background-color:#eae7e0;border-color:#eae7e0} :root .ds-hero .ds-actions a.brxe-button.ds-btn-secundair{ background-color:transparent;color:var(--papier);border-color:rgba(251,250,247,.55)} :root .ds-hero .ds-actions a.brxe-button.ds-btn-secundair:hover{border-color:var(--papier)} .ds-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}   .ds-proces-grid{row-gap:0;column-gap:clamp(2rem,4vw,3rem)} .ds-proces-media{margin-top:clamp(2rem,4vw,3rem)} @media(min-width:960px){ .ds-proces-grid > .ds-stappen{grid-column:1}  .ds-proces-grid > .ds-proces-media{grid-column:2;grid-row:1 / span 99; align-self:start;margin-top:.25rem} }  .ds-proces-inner{counter-reset:ds-stap} .ds-proces-grid > .ds-stappen{ counter-increment:ds-stap; display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:0 1rem; padding:1.35rem 0;border-block:1px solid var(--mist);margin-bottom:-1px} .ds-proces-grid > .ds-stappen::before{ content:counter(ds-stap,decimal-leading-zero); grid-column:1;grid-row:1 / span 2; font-family:var(--bricks-mono,'IBM Plex Mono',monospace); font-size:13px;font-weight:500;line-height:1.3;color:var(--signaal);padding-top:.3rem} .ds-proces-grid > .ds-stappen > *{grid-column:2}  .ds-blokken-inner{counter-reset:ds-blok} .ds-blokrij{width:100%;counter-increment:ds-blok} .ds-bloktekst::before{ content:counter(ds-blok,decimal-leading-zero); display:block;margin-bottom:.75rem; font-family:var(--bricks-mono,'IBM Plex Mono',monospace); font-size:12px;letter-spacing:.12em;color:var(--staal)}   .ds-hero-media,.ds-proces-media,.ds-blokmedia{position:relative} .ds-hero-media img[src="{"], .ds-proces-media img[src="{"], .ds-blokmedia img[src="{"]{display:none}  .ds-hero-media::before, .ds-proces-media::before, .ds-blokmedia::before{ display:grid;place-items:center;width:100%; background:var(--mist);border:1px dashed rgba(16,16,16,.22);border-radius:4px; font-family:var(--bricks-mono,'IBM Plex Mono',monospace); font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--staal); transition:transform .5s cubic-bezier(.2,.7,.3,1)}  .ds-hero-media:empty::before{content:"hero-afbeelding";aspect-ratio:4/5} .ds-proces-media:empty::before{content:"procesbeeld";aspect-ratio:4/5} .ds-blokmedia:empty::before{content:"blokafbeelding";aspect-ratio:4/3} .ds-hero-media:has(img[src="{"])::before{content:"hero-afbeelding";aspect-ratio:4/5} .ds-proces-media:has(img[src="{"])::before{content:"procesbeeld";aspect-ratio:4/5} .ds-blokmedia:has(img[src="{"])::before{content:"blokafbeelding";aspect-ratio:4/3}  .ds-hero-media::before{ background:rgba(251,250,247,.09);border-color:rgba(251,250,247,.34); color:rgba(251,250,247,.78); animation:ds-zweef 7s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}  .ds-proces-media:hover::before, .ds-blokmedia:hover::before{transform:scale(1.015)}   .ds-faq-inner{row-gap:0} .ds-faq-kop + .ds-faq{border-top:1px solid var(--mist)} .ds-faq{margin-bottom:-1px} .ds-faq-antwoord p:last-child{margin-bottom:0} @media(min-width:900px){ .ds-faq-inner > .ds-faq{grid-column:2} .ds-faq-inner > .ds-faq-kop{grid-column:1;grid-row:1 / span 99; position:sticky;top:calc(var(--hdr-h,72px) + 2rem)} }  @media(min-width:900px){ .ds-slot-copy{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr); column-gap:clamp(2rem,5vw,4rem);align-items:center} .ds-slot-copy > *{grid-column:1} .ds-slot-copy > .ds-actions{grid-column:2;grid-row:1 / span 2; justify-content:flex-end;margin-top:0} }  .ds-hero-copy .ds-eyebrow{display:block} .ds-blokinhoud p:last-child{margin-bottom:0} .ds-antwoord-inner .ds-eyebrow{display:block}  .ds-antwoord-tekst{max-width:40ch;text-wrap:balance} .ds-blokrij:last-child{padding-bottom:0}  @media(prefers-reduced-motion:reduce){ .ds-hero-media::before{animation:none} .ds-proces-media:hover::before, .ds-blokmedia:hover::before{transform:none} }  @media (max-width:991px){ .hdr-left .prompt-pill{ display:none!important; } }  @media (max-width:767px){ .hdr-section{ --hdr-pad:20px; }  .hdr-left{ order:1!important; margin-right:auto!important; } .hdr-right{ order:2!important; } .hdr-nav{ order:3!important; margin-left:10px!important; } .hdr-right .bricks-button{ font-size:13px!important; padding:9px 14px!important; }  .hdr-nav > .brxe-toggle{ display:inline-flex!important; align-items:center!important;justify-content:center!important; width:44px!important;height:44px!important; padding:0!important; background:transparent!important;border:0!important; color:var(--papier)!important;cursor:pointer; } .hdr-nav > .brxe-toggle .brxa-wrap{ width:26px!important;height:18px!important; } .hdr-nav > .brxe-toggle .brxa-inner{ width:26px!important;height:2px!important;top:8px!important;left:0!important; } .hdr-nav > .brxe-toggle .brxa-inner::before{ width:26px!important;height:2px!important;top:-8px!important;left:0!important; } .hdr-nav > .brxe-toggle .brxa-inner::after{ width:26px!important;height:2px!important;top:8px!important;left:0!important; } .hdr-nav > .brxe-toggle .brxa-inner, .hdr-nav > .brxe-toggle .brxa-inner::before, .hdr-nav > .brxe-toggle .brxa-inner::after{ background-color:var(--papier)!important; }  .hdr-nav > .brxe-toggle.is-active .brxa-inner{ background-color:transparent!important; } .hdr-nav > .brxe-toggle.is-active .brxa-inner::before{ transform:translateY(8px) rotate(45deg)!important; } .hdr-nav > .brxe-toggle.is-active .brxa-inner::after{ transform:translateY(-8px) rotate(-45deg)!important; }  .hdr-nav .brx-nav-nested-items{ display:none!important; }  .hdr-nav.brx-open .brx-nav-nested-items{ display:flex!important; flex-direction:column!important; align-items:stretch!important;  justify-content:flex-start!important; height:auto!important;bottom:auto!important; gap:0!important; position:fixed!important; top:var(--hdr-h)!important;left:0!important;right:0!important; width:100%!important;max-width:100%!important; max-height:calc(100vh - var(--hdr-h))!important; overflow-y:auto!important; background:var(--inkt)!important; border-top:1px solid rgba(251,250,247,.14)!important; padding:6px 0 28px!important; z-index:99!important; } .hdr-nav.brx-open .brx-nav-nested-items > li{ width:100%!important; border-bottom:1px solid rgba(251,250,247,.1)!important; }  .hdr-nav.brx-open .brx-nav-nested-items > li:has(> .brxe-toggle){ display:none!important; }  .hdr-nav.brx-open .nav-link, .hdr-nav.brx-open .nav-link a, .hdr-nav.brx-open .nav-dropdown > a, .hdr-nav.brx-open .nav-dropdown > .brx-submenu-toggle{ display:flex!important; width:100%!important; justify-content:space-between!important; align-items:center!important; font-size:15px!important; padding:15px var(--hdr-pad)!important; white-space:normal!important; } .hdr-nav.brx-open .brx-submenu-toggle > a{ flex:1 1 auto!important; font-size:15px!important; padding:0!important; }  .hdr-nav.brx-open .brx-submenu-toggle > button{ display:none!important; }  .hdr-nav.brx-open .brx-dropdown-content{ position:static!important; display:flex!important;flex-direction:column!important;  opacity:1!important;visibility:visible!important;pointer-events:auto!important; width:100%!important;min-width:0!important;max-width:100%!important; background:rgba(251,250,247,.05)!important; border:0!important;box-shadow:none!important;border-radius:0!important; margin:0!important;padding:0!important;transform:none!important; } .hdr-nav.brx-open .brx-dropdown-content > li{ border-bottom:1px solid rgba(251,250,247,.07)!important; } .hdr-nav.brx-open .brx-dropdown-content > li:last-child{ border-bottom:0!important; } .hdr-nav.brx-open .dd-card{ display:flex!important;flex-direction:column!important;gap:2px!important; width:100%!important; padding:12px var(--hdr-pad) 12px calc(var(--hdr-pad) + 14px)!important; background:transparent!important;border-radius:0!important; } .hdr-nav.brx-open .dd-title{ font-size:14.5px!important;line-height:1.3!important; color:var(--papier)!important; } .hdr-nav.brx-open .dd-meta{ font-size:12.5px!important;line-height:1.35!important; color:rgba(251,250,247,.5)!important; }  .hdr-logo, .hdr-logo a{ font-size:22px!important; } .hdr-left{ gap:10px!important; } }  .a21-intro{ font-family:"Bricolage Grotesque",system-ui,sans-serif!important; font-weight:600!important;font-size:1.12em!important;line-height:1.5!important; letter-spacing:-.015em!important;color:var(--inkt)!important; } .a21-kerncijfers{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important; gap:1px!important; background:rgba(10,10,10,.1)!important; border:1px solid rgba(10,10,10,.1)!important; margin:30px 0!important; } .a21-cijfer{ background:#FFFFFF!important; padding:18px 16px 16px!important; display:flex!important;flex-direction:column!important;gap:7px!important; } .a21-cijfer__n{ font-family:"Bricolage Grotesque",system-ui,sans-serif!important;font-weight:800!important; font-size:38px!important;line-height:1!important;letter-spacing:-.04em!important; font-variant-numeric:tabular-nums;color:#C2402F!important; } .a21-cijfer__t{font-size:14.5px!important;line-height:1.42!important;color:#4A4842!important} .a21-cijfer__b{ font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:10px!important; letter-spacing:.06em!important;color:#8A877D!important;margin-top:auto!important; } .a21-figuur{margin:30px 0!important;padding:0!important} .a21-figuur img{width:100%!important;height:auto!important;display:block!important;border:1px solid rgba(10,10,10,.1)!important} .a21-figuur figcaption{ font-family:"IBM Plex Mono",ui-monospace,monospace!important; font-size:11.5px!important;line-height:1.55!important;color:#8A877D!important; margin-top:9px!important; } .a21-tabelwikkel{overflow-x:auto!important;margin:26px 0!important;border:1px solid rgba(10,10,10,.1)!important} .a21-tabel{border-collapse:collapse!important;width:100%!important;min-width:600px!important;background:#FFFFFF!important} .a21-tabel th{ font-family:"Bricolage Grotesque",system-ui,sans-serif!important;font-weight:600!important; font-size:12px!important;text-align:left!important;padding:11px 13px!important; border-bottom:1px solid rgba(10,10,10,.16)!important;white-space:nowrap!important; } .a21-tabel td{font-size:14.5px!important;padding:11px 13px!important;border-bottom:1px solid rgba(10,10,10,.07)!important;vertical-align:top!important} .a21-tabel tr:last-child td{border-bottom:0!important} .a21-lijst,.a21-bronnen{margin:20px 0!important;padding:0 0 0 20px!important} .a21-lijst li{margin-bottom:13px!important} .a21-bronnen li{margin-bottom:11px!important;font-size:15px!important;line-height:1.5!important;color:#4A4842!important} .a21-faq h3{margin-top:28px!important} @media (max-width:600px){ .a21-cijfer__n{font-size:31px!important} }  .x21-kaartsectie{padding:clamp(3.2rem,5vw,5.2rem) 0} .x21-kaart{background:#F7EDE9;border:1px solid #E3C9C2;border-radius:6px;padding:clamp(2.6rem,3.4vw,3.6rem);margin:0} .x21-kaart__label{display:block;font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#C2402F;margin:0 0 1.4rem;line-height:1.4} .x21-kaart__vraag{font-family:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.12;font-size:clamp(2.1rem,2.7vw,2.7rem);color:#0A0A0A;margin:0 0 1.4rem;max-width:26ch} .x21-kaart__antwoord{font-family:"Source Serif 4",Georgia,serif;font-size:1.9rem;line-height:1.6;color:#0A0A0A;margin:0;max-width:70ch} .x21-kaart__feiten{list-style:none;font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;font-size:12px;letter-spacing:.06em;color:#7A4B42;margin:1.8rem 0 0;padding:1.4rem 0 0;border-top:1px solid #E3C9C2;display:flex;flex-wrap:wrap;gap:.8rem 2.4rem} .x21-kaart__feiten li{margin:0;padding:0} @media (max-width:600px){ .x21-kaart{padding:2.2rem 2rem} .x21-kaart__feiten{gap:.6rem 1.6rem} }  .x21-kaart{text-align:left!important;align-items:flex-start!important} .x21-kaart>*{text-align:left!important;margin-left:0!important;margin-right:0!important;align-self:flex-start!important} .x21-kaart__vraag{text-transform:none!important;font-weight:800!important;letter-spacing:-.025em!important} .x21-kaart__label{text-transform:uppercase!important} .x21-kaart__antwoord{max-width:70ch!important;width:100%!important}