*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,Arial,sans-serif;color:#182938;background:#f7f9fc;line-height:1.65}.container{width:min(100% - 2rem,1120px);margin:auto}header{background:#164a78;color:white;padding:1rem 0}header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}header a{color:white}.brand{font-size:1.3rem;font-weight:800;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:1rem}a:focus-visible,button:focus-visible{outline:3px solid #c5e851;outline-offset:4px}.hero{margin:2rem 0;padding:clamp(1.5rem,4vw,3.5rem);background:#e7f0f7;border-radius:1.2rem}h1{font-size:clamp(1.7rem,4vw,3rem);line-height:1.15}h2{line-height:1.25}footer{padding:2rem 0;margin-top:3rem;background:#e7edf3}@media(max-width:720px){header .container{align-items:flex-start;flex-direction:column}}
/* Naar boven: vaste positie, aanraakdoel van 44px en ruimte voor schermuitsparingen. */
.back-to-top{position:fixed;bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 16px));right:max(16px,calc(env(safe-area-inset-right,0px) + 16px));z-index:15;width:44px;height:44px;padding:0;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#294f3a;color:#fff;font:700 26px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0003}
.back-to-top:hover{background:#183d28;color:#fff}
.back-to-top:focus-visible{outline:3px solid #294f3a;outline-offset:3px;box-shadow:0 0 0 3px #fff}
.back-to-top[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.back-to-top{display:none!important}}

/* Nichebeeld: afmetingen in HTML reserveren ruimte; geen vaste uitsnede. */
[data-homepage-image]{display:block;max-width:100%;height:auto}

/* Skiplink krijgt bij focus een eigen regel: nooit over logo of bediening. */
.skip{position:absolute;left:-10000px;top:auto}
.skip:focus{position:relative;display:block;left:auto;top:auto;width:auto;max-width:100%;margin:0;padding:.75rem 1rem;background:#fff;color:#243c31;line-height:1.5;overflow-wrap:anywhere;z-index:auto;outline:3px solid #976318;outline-offset:-3px}

/* Dropdown voor de acht categorieën. */
.main-nav{position:relative;z-index:30;align-items:center}.nav-group{position:relative}.nav-group>a{display:inline-block}.submenu-toggle{margin-left:.25rem;padding:.15rem .35rem;border:1px solid transparent;border-radius:.35rem;background:transparent;color:inherit;cursor:pointer;font:inherit}.submenu-toggle::after{content:'⌄';margin-left:.2rem;font-size:.85em}.nav-group:focus-within>.submenu,.nav-group:hover>.submenu,.nav-group.is-open>.submenu{display:grid}.submenu{display:none;position:absolute;top:calc(100% + .35rem);left:0;min-width:16rem;gap:.15rem;padding:.5rem;background:#fff;border:1px solid #c8d5e1;border-radius:.6rem;box-shadow:0 .5rem 1.2rem #071b2d33;z-index:100;color:#182938}.submenu a{display:block;padding:.55rem .7rem;color:#164a78;border-radius:.35rem;text-decoration:none;white-space:nowrap}.submenu a:hover,.submenu a:focus-visible{background:#e7f0f7;color:#102f4d}@media(max-width:720px){.main-nav{width:100%;align-items:stretch}.nav-group{width:100%}.submenu{position:static;min-width:0;margin-top:.25rem;box-shadow:none}.submenu a{white-space:normal;padding:.65rem .75rem}.main-nav:not(.open) .submenu{display:none}.main-nav.open .nav-group.is-open>.submenu,.main-nav.open .nav-group:focus-within>.submenu{display:grid}}
 .tool{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem 1rem;max-width:44rem;margin:1.25rem 0;padding:clamp(1rem,3vw,1.5rem);background:#eef4f8;border:1px solid #d5e1e9;border-radius:.8rem}.tool label{display:block;margin-top:.35rem;font-weight:700;line-height:1.35}.tool input,.tool select{display:block;width:100%;min-width:0;min-height:48px;margin:0 0 .35rem;padding:.7rem .8rem;border:1px solid #899784;border-radius:4px;background:#fff;color:#182938;font:inherit;line-height:1.35}.tool input:focus-visible,.tool select:focus-visible{outline:3px solid #c5e851;outline-offset:2px}.tool button{width:fit-content;max-width:100%;min-height:48px;margin-top:.45rem}.tool-result{margin:.5rem 0 0;padding:.75rem 1rem;background:#fff;border-left:4px solid #2f6f55;overflow-wrap:anywhere}@media(max-width:480px){.tool{margin-inline:0}.tool button{width:100%}}
 .comparison-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.comparison-group,.category-comparisons{padding:1rem;background:#eef4f8;border:1px solid #d5e1e9;border-radius:.8rem}.comparison-group h3{margin:.1rem 0 .5rem;font-size:1rem;line-height:1.3}.comparison-group ul,.category-comparisons ul{margin:.5rem 0 0;padding-left:1.2rem}.comparison-group li,.category-comparisons li{margin:.35rem 0}.comparison-overview-link{margin-top:1.25rem}.category-comparisons{margin:2rem 0}.category-comparisons h2{margin-top:0}.comparison-group a,.category-comparisons a{overflow-wrap:anywhere}
 .breadcrumbs{margin:0 0 1.25rem;color:#536878;font-size:.95rem}.profile-summary,.comparison-table-section,.comparison-conclusion{margin:1.5rem 0;padding:clamp(1rem,3vw,1.5rem);background:#eef4f8;border:1px solid #d5e1e9;border-radius:.8rem}.profile-summary h2,.comparison-table-section h2,.comparison-conclusion h2{margin-top:0}.profile-grid{display:grid;grid-template-columns:minmax(10rem,.6fr) minmax(0,1.4fr);margin:0}.profile-grid dt,.profile-grid dd{padding:.6rem 0;border-bottom:1px solid #d5e1e9}.profile-grid dt{font-weight:700}.profile-grid dd{margin:0}.table-scroll-hint{display:none}.table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:auto;margin:0 0 1.5rem;border:1px solid #d5e1e9;border-radius:.6rem;background:#fff}.comparison-table{width:100%;min-width:720px;border-collapse:collapse}.comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.comparison-table th,.comparison-table td{padding:.75rem;text-align:left;vertical-align:top;border-bottom:1px solid #d5e1e9}.comparison-table th{background:#164a78;color:#fff;font-size:.95rem}.comparison-table tr:last-child td{border-bottom:0}.comparison-table-section>h3{margin-top:1.5rem}.comparison-conclusion{background:#e7f0f7}@media(max-width:600px){.profile-grid{grid-template-columns:1fr}.profile-grid dt{padding-bottom:.1rem;border-bottom:0}.profile-grid dd{padding-top:.1rem}.table-scroll-hint{display:block;margin:.75rem 0 .4rem;color:#536878;font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}.table-scroll{scrollbar-width:thin}}
 body{overflow-x:hidden}
.site-menu-group.is-escape-closed>.site-menu-panel{display:none!important}
 .nav-toggle{display:none;min-height:44px;padding:.55rem .85rem;border:1px solid #c5e851;border-radius:.45rem;background:#164a78;color:#fff;font:600 1rem system-ui,Arial,sans-serif;cursor:pointer}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;margin-bottom:1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1rem;border:1px solid #254c3d;border-radius:.45rem;background:#254c3d;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.button.secondary{background:#fff;color:#254c3d}.trust-row{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem;color:#536878;font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.card{display:flex;flex-direction:column;min-width:0;padding:1.15rem;background:#fff;border:1px solid #d5e1e9;border-radius:.8rem;color:#182938;text-decoration:none;box-shadow:0 2px 8px #071b2d12}.card:hover{border-color:#7195ae;box-shadow:0 4px 14px #071b2d1c}.card h2,.card h3{margin:.35rem 0 .4rem;line-height:1.3}.card p{margin:.25rem 0 .85rem}.card .arrow{margin-top:auto;color:#164a78;font-weight:700}.category-icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#e7f0f7;color:#164a78;font-weight:800;font-size:1.1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}.footer-links{display:flex;flex-direction:column;gap:.65rem}.footer-links a{overflow-wrap:anywhere}@media(max-width:720px){.site-header .container{align-items:center;flex-direction:row;flex-wrap:wrap}.site-header .brand{min-width:0;flex:1}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.main-nav{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:.35rem;padding-top:.75rem}.main-nav.open{display:flex}.main-nav>a{display:block;padding:.55rem .25rem}.hero{margin:1rem 0;padding:1.25rem}.hero-actions{align-items:stretch;flex-direction:column;gap:.7rem;margin-top:1.25rem;margin-bottom:1rem}.hero-actions .button{width:100%}.trust-row{flex-direction:column;gap:.35rem}.grid{grid-template-columns:1fr;gap:.85rem}.footer-grid{grid-template-columns:1fr;gap:1.25rem}.footer-links{gap:.85rem}}
 .site-menu-group{position:relative}.site-menu-toggle{min-height:44px;padding:.35rem .5rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:inherit;font:inherit;cursor:pointer}.site-menu-toggle::after{content:'⌄';display:inline-block;margin-left:.35rem;transition:transform .15s ease}.site-menu-group.is-open>.site-menu-toggle::after{transform:rotate(180deg)}.site-menu-group:focus-within>.site-menu-panel,.site-menu-group:hover>.site-menu-panel,.site-menu-group.is-open>.site-menu-panel{display:grid}.site-menu-panel{display:none;position:absolute;top:calc(100% + .35rem);left:0;z-index:100;grid-template-columns:minmax(0,1fr);gap:.15rem;padding:.6rem;width:min(30rem,calc(100vw - 2rem));max-height:min(32rem,calc(100vh - 7rem));overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #c8d5e1;border-radius:.6rem;box-shadow:0 .5rem 1.2rem #071b2d33}.site-menu-panel a{display:block;min-height:48px;padding:.75rem .7rem;border-radius:.35rem;color:#164a78;text-decoration:none;overflow-wrap:anywhere;word-break:normal;line-height:1.4}.site-menu-panel a:hover,.site-menu-panel a:focus-visible{background:#e7f0f7;color:#102f4d}.site-menu-toggle:hover,.site-menu-toggle:focus-visible{background:#245b8b}@media(max-width:720px){.site-menu-group{width:100%}.site-menu-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.7rem .25rem;text-align:left}.site-menu-panel{position:static;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:none;max-height:min(60vh,32rem);margin:.15rem 0 .35rem;padding:.25rem;box-shadow:none;border-color:#396887;background:#0f3c63}.site-menu-panel a{min-height:48px;padding:.8rem .75rem;color:#fff}.site-menu-panel a:hover,.site-menu-panel a:focus-visible{background:#245b8b;color:#fff}.main-nav:not(.open) .site-menu-panel{display:none}.main-nav.open .site-menu-group.is-open>.site-menu-panel{display:grid}}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}.info-card{display:flex;min-width:0;flex-direction:column;padding:1.1rem 1.15rem;background:#fff;border:1px solid #d5e1e9;border-radius:.8rem;box-shadow:0 2px 8px #071b2d12}.info-card:hover{border-color:#7195ae;box-shadow:0 4px 14px #071b2d1c}.info-card h3{margin:.2rem 0 .45rem;line-height:1.3;overflow-wrap:anywhere}.info-card p{margin:.2rem 0 .7rem}.info-card .eyebrow{margin:0;color:#536878;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.card-action{margin-top:auto;color:#164a78;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.card-action:hover,.card-action:focus-visible{text-decoration:underline}.card-more-link{margin-top:1.25rem}
/* Dropdowns openen via de knop of desktop-hover, nooit uitsluitend door toetsenbordfocus. */
.site-menu-group:not(.is-open):not(:hover)>.site-menu-panel,.nav-group:not(.is-open):not(:hover)>.submenu{display:none!important}
@media (hover:none){.site-menu-group:focus-within>.site-menu-panel,.nav-group:focus-within>.submenu{display:none!important}}
@media (hover:hover){.site-menu-group:hover:not(.is-escape-closed)>.site-menu-panel,.nav-group:hover:not(.is-escape-closed)>.submenu{display:grid!important}}