/* Effective Webs navigation study: preserved brand, one shared frame, grouped index footer. */
.nf-site{--nf-header-height:88px;--nf-focus:#004cff}
.nf-header{position:sticky;inset-block-start:0;z-index:30;background:#f7f8fa}
.nf-header-row{min-height:var(--nf-header-height);display:flex;align-items:center;gap:36px}
.nf-brand{width:260px;display:flex;align-items:center;min-height:48px;flex-shrink:0}
.nf-brand img{width:100%}
.nf-desktop{display:flex;gap:30px;margin-inline-start:auto;align-items:center;font-size:14px;font-weight:600}
.nf-desktop a{min-height:48px;display:flex;align-items:center;gap:9px;position:relative}
.nf-desktop a[aria-current]{color:#004cff}
.nf-desktop a[aria-current]::after{content:'';position:absolute;inset-inline:0;inset-block-end:3px;height:2px;background:currentColor}
.nf-anchor-hint{font-size:13px}
.nf-contact{display:flex;gap:32px;align-items:center;justify-content:space-between;min-height:48px;background:#004cff;color:white;font-size:14px;font-weight:650;padding:10px 18px}
.nf-contact>span{font-size:22px;line-height:1}
.nf-contact[aria-current]{background:#171923;text-decoration:underline;text-underline-offset:5px}
.nf-contact:focus-visible{outline-color:#171923}
.nf-menu{display:none}
.nf-footer{background:#171923;color:#f7f8fa;padding-block:60px 16px}
.nf-footer-grid{display:grid;grid-template-columns:1.2fr 1.05fr .7fr 1fr;gap:50px;padding-block-end:55px}
.nf-signature img{width:240px;max-width:100%}
.nf-logo-color{display:none}
.nf-signature>p{font-family:Syne,Arial,sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.035em;margin-block-start:26px;max-width:24ch}
.nf-signature>span{display:block;font-size:11px;line-height:1.8;color:#bfc1ce;max-width:28ch;margin-block-start:22px}
.nf-footer-group h2{font:650 13px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;color:#bfc1ce;margin-block-end:18px}
.nf-footer-group>a{display:block;font-size:14px;line-height:1.55;min-height:44px;padding-block:9px;width:fit-content;max-width:100%}
.nf-footer-group p{font-size:12px;line-height:1.8;color:#bfc1ce;margin-block-start:14px}
.nf-footer-contact>a:first-of-type{font-weight:650}
.nf-footer a:focus-visible{outline-color:#dcd6ff}
.nf-footer-bottom{display:flex;gap:34px;align-items:center;border-top:1px solid #484a58;font-size:11px;color:#bfc1ce;padding-block-start:12px;min-height:56px}
.nf-footer-bottom a{display:flex;align-items:center;gap:16px;min-height:44px}
.nf-footer-bottom a:last-child{margin-inline-start:auto}
[data-footer=paper] .nf-footer{background:#f7f8fa;color:#171923}
[data-footer=paper] .nf-logo-color{display:block}
[data-footer=paper] .nf-logo-white{display:none}
[data-footer=paper] .nf-footer-group h2,[data-footer=paper] .nf-footer-group p,[data-footer=paper] .nf-signature>span,[data-footer=paper] .nf-footer-bottom{color:#606169}
[data-footer=paper] .nf-footer-bottom{border-color:#d5d5d4}
[data-footer=paper] .nf-footer a:focus-visible{outline-color:#004cff}
.nf-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;padding-block-start:22px;flex-wrap:wrap}
.nf-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.nf-breadcrumb+.page-lead{padding-block-start:24px}
.nf-context{font-size:13px;line-height:1.7;padding:14px 18px;background:#ebe8f6;margin-block-start:24px;max-width:650px}
.nf-context a{text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-inline-start:12px;min-height:44px;padding-block:10px}
.nf-context strong{font-weight:650}
.nf-site .service-jumps{position:sticky;inset-block-start:var(--nf-header-height);z-index:20;background:#f7f8fa;padding-block:12px;gap:0 30px;align-items:center}
.nf-site .service-jumps a{min-height:44px;display:flex;align-items:center;font-size:14px}
.nf-site .service-jumps a[aria-current]{color:#004cff;text-decoration:underline;text-underline-offset:6px;font-weight:650}
.nf-jump-title{margin-inline-end:auto;font-size:12px;font-weight:650;color:#606169}
.nf-site section[id]{scroll-margin-top:24px}
.nf-site .service-detail{scroll-margin-top:88px}
@media(hover:hover) and (pointer:fine){
 .nf-desktop a:hover,.nf-breadcrumb a:hover,.nf-context a:hover{color:#004cff}
 .nf-contact:hover{background:#171923}
 .nf-footer a:hover{text-decoration:underline;text-underline-offset:5px;color:#dcd6ff}
 [data-footer=paper] .nf-footer a:hover{color:#004cff}
 .nf-menu-panel a:hover{color:#004cff}
}
@media(max-width:1120px){.nf-footer-grid{grid-template-columns:1fr 1fr;gap:40px 60px}.nf-signature>p{max-width:25ch}.nf-header-row{gap:26px}.nf-brand{width:240px}}
@media(max-width:820px){
 .nf-site{--nf-header-height:76px}
 .nf-header-row{gap:16px}
 .nf-brand{width:210px;margin-inline-end:auto}
 .nf-desktop{display:none}
 .nf-menu{display:block}
 .nf-menu summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:70px;min-height:48px;font-size:13px;font-weight:650;list-style:none}
 .nf-menu summary::-webkit-details-marker{display:none}
 .nf-menu-icon{width:17px;height:10px;border-block:1.5px solid currentColor;display:block;position:relative}
 .nf-menu[open] .nf-menu-icon{height:17px;border:0}
 .nf-menu[open] .nf-menu-icon::before,.nf-menu[open] .nf-menu-icon::after{content:'';position:absolute;inset:8px 0 auto;height:1.5px;background:currentColor;transform:rotate(45deg)}
 .nf-menu[open] .nf-menu-icon::after{transform:rotate(-45deg)}
 .nf-menu-panel{position:absolute;inset:100% 0 auto;background:#f7f8fa;border-block-end:1px solid #d5d5d4;max-height:calc(100dvh - var(--nf-header-height));overflow:auto;padding-block:8px 28px}
 .nf-menu-panel a{display:flex;align-items:center;gap:18px;min-height:76px;padding-block:12px;border-block-start:1px solid #d5d5d4;font-family:Syne,Arial,sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.035em}
 .nf-menu-panel a[aria-current]{color:#004cff}
 .nf-menu-panel a[aria-current]>span:first-child{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
 .nf-menu-panel a>span:last-child{margin-inline-start:auto}
 .nf-menu-panel .nf-anchor-hint{font:11px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;max-width:8ch;text-align:end}
 .nf-menu-panel p{font-size:12px;color:#606169;margin-block-start:22px}
 .nf-footer{padding-block:42px 16px}
 .nf-footer-grid{gap:34px 45px;padding-block-end:36px}
 .nf-footer-group h2{margin-block-end:10px}
 .nf-site .service-jumps{position:static;display:grid;grid-template-columns:1fr;gap:0;padding-block:4px 20px}
 .nf-jump-title{margin-block-end:6px}
 .nf-site .service-detail{scroll-margin-top:24px}
}
@media(max-width:540px){
 .nf-header-row{gap:13px}
 .nf-brand{width:168px}
 .nf-contact{font-size:12px;min-height:44px;padding:8px 10px;gap:10px}
 .nf-contact>span{display:none}
 .nf-menu summary{font-size:12px;min-width:64px;gap:7px}
 .nf-footer-grid{grid-template-columns:1fr 1fr;gap:32px 30px}
 .nf-signature,.nf-footer-group[aria-label="Diensten in de footer"]{grid-column:1/-1}
 .nf-signature img{width:224px}
 .nf-signature>p{font-size:26px;max-width:27ch;margin-block-start:24px}
 .nf-signature>span{max-width:none;margin-block-start:14px}
 .nf-footer-group>a{font-size:14px;min-height:44px;padding-block:10px}
 .nf-footer-group p{font-size:11px}
 .nf-footer-bottom{display:grid;grid-template-columns:1fr auto;gap:0 20px;font-size:11px}
 .nf-footer-bottom a:last-child{grid-column:1/-1;margin-inline-start:0;width:fit-content}
 .nf-context{padding:12px 14px}
}
@media(max-width:370px){.nf-header-row{gap:10px}.nf-brand{width:142px}.nf-menu summary{min-width:59px;font-size:11px}.nf-contact{font-size:11px;padding:8px;gap:8px}.nf-menu-panel a{font-size:28px;min-height:68px}.nf-footer-grid{column-gap:22px}}
@media(max-width:335px){.nf-brand{width:118px}}
@media(prefers-reduced-motion:reduce){.nf-header *,.nf-footer *{scroll-behavior:auto}}