:root{--kleur-logo-blauw:#3f89ef;--kleur-donkerblauw:#233d58;--kleur-logo-grijs:#7a7a7a;--kleur-grijs-leesbaar:#626262;--kleur-blauw-leesbaar:#2f70c7;--kleur-tekst-accent:var(--kleur-grijs-leesbaar);--radius-knop-rond:999px;--radius-knop:var(--radius-knop-rond);--kleur-koel-grijs:#b2b6bc;--kleur-grijsgroen-donker:#637475;--kleur-grijsgroen-licht:#8a999a;--kleur-lichtblauwgrijs:#dce3ec;--kleur-blauwgrijs-tekst:color-mix(in srgb, var(--kleur-logo-blauw) 25%, color-mix(in srgb, var(--kleur-lichtblauwgrijs) 50%, var(--kleur-donkerblauw)));--kleur-warm-wit:#fdfcf9;--kleur-wit:#fff;--kleur-warm-zwart:#171513;--kleur-zwart:#000;--verloop-grijsgroen:linear-gradient(0deg, #8a999a 0%, #859596 32%, #79898a 64%, #657677 97%, #637475 100%);--verloop-grijs:linear-gradient(90deg, #b2b6bc 0%, #aaadb2 23%, #95979a 61%, #7a7a7a 100%);--kleur-primair:var(--kleur-logo-blauw);--kleur-secundair:var(--kleur-donkerblauw);--kleur-accent:var(--kleur-grijsgroen-donker);--kleur-achtergrond:var(--kleur-warm-wit);--kleur-oppervlak:var(--kleur-wit);--kleur-oppervlak-zacht:var(--kleur-lichtblauwgrijs);--kleur-tekst:var(--kleur-warm-zwart);--kleur-tekst-secundair:var(--kleur-grijsgroen-donker);--kleur-kop:var(--kleur-grijs-leesbaar);--kleur-knop:var(--kleur-donkerblauw);--kleur-op-knop:var(--kleur-wit);--kleur-link:var(--kleur-grijs-leesbaar);--kleur-rand:var(--kleur-lichtblauwgrijs);--kleur-focus:var(--kleur-donkerblauw);--font-body:"Manrope", "Segoe UI", sans-serif;--font-heading:var(--font-body);--breedte-container:88rem;--hoogte-header:4rem;--ruimte-pagina:clamp(1.25rem, 3vw, 3.5rem);--ruimte-accent:clamp(.875rem, 1.8vh, 1.5rem)}@font-face{font-family:Manrope;src:url(/fonts/manrope/manrope-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope/manrope-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--hoogte-header) + 2rem);font-family:var(--font-body);color:var(--kleur-tekst);background:var(--kleur-achtergrond)}body{margin:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.footer{isolation:isolate;background:var(--kleur-donkerblauw);min-height:56rem;color:var(--kleur-wit);flex-direction:column;display:flex;position:relative;overflow:hidden}.footer__image{z-index:-2;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.footer:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, transparent 48%, #0000007a 100%), color-mix(in srgb, var(--kleur-logo-blauw) 8%, transparent);position:absolute;inset:0}.footer__visual-brand{padding:clamp(1rem, 1.5vw, 1.5rem) var(--ruimte-pagina) 0;letter-spacing:.045em;color:var(--kleur-tekst-accent,var(--kleur-donkerblauw));flex-direction:column;align-items:center;gap:.5rem;margin:0;font-size:clamp(1rem,1.5vw,1.5rem);display:flex}.footer__visual-brand img{width:clamp(13rem,24vw,22rem);max-width:100%;height:auto}.footer__information{padding:1rem var(--ruimte-pagina) 1.75rem;flex:1;margin-top:0;display:flex}.footer__inner{width:100%;max-width:var(--breedte-container);flex-direction:column;margin-inline:auto;display:flex}.footer__columns{color:var(--kleur-tekst-accent,var(--kleur-donkerblauw));grid-template-columns:1.2fr .8fr 1fr 1.1fr;gap:clamp(2rem,4vw,4rem);display:grid}.footer__columns>*{min-width:0}.footer__heading{color:inherit;font:700 1rem / 1.4 var(--font-heading);letter-spacing:-.02em;margin:0 0 .75rem}.footer a{color:inherit;text-underline-offset:.25em;text-decoration:none}.footer a:hover{text-decoration:underline}.footer :focus-visible{outline-color:var(--kleur-wit)}.footer__contact{gap:.5rem;font-size:.875rem;font-style:normal;line-height:1.75;display:grid}.footer__contact a{align-items:flex-start;gap:.875rem;display:flex}.footer__contact span{overflow-wrap:anywhere}.footer__contact svg{width:1.25rem;height:1.25rem;color:inherit;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:.125rem}.footer__socials,.footer__links{margin:0;padding:0;list-style:none}.footer__socials{flex-wrap:wrap;gap:.625rem;display:flex}.footer__socials a{border:1px solid color-mix(in srgb, var(--kleur-donkerblauw) 55%, transparent);border-radius:var(--radius-knop,.5rem);place-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;font-weight:700;display:grid}.footer__socials a:hover{background:color-mix(in srgb, var(--kleur-wit) 15%, transparent);text-decoration:none}.footer__hours{gap:.5rem;margin:0;font-size:.875rem;line-height:1.75;display:grid}.footer__hours div{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.footer__hours dt{min-width:3.5rem}.footer__hours dd{margin:0}.footer__links{gap:.5rem;font-size:.875rem;line-height:1.75;display:grid}.footer__bottom{text-shadow:0 1px 4px #000000b3;border-top:1px solid color-mix(in srgb, var(--kleur-wit) 35%, transparent);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.footer__brand{flex-wrap:wrap;align-items:baseline;gap:.625rem;margin:0;font-size:.875rem;display:flex}.footer__brand span{color:var(--kleur-wit);font:700 1.75rem / 1 var(--font-heading);letter-spacing:-.065em}.footer__copyright,.footer__top{margin:0;font-size:.8125rem;line-height:1.7}.footer__top span{margin-left:.5rem}@media (width>=1001px){.footer__visual-brand{padding-top:calc(clamp(1rem,1.5vw,1.5rem) + 1.5rem)}}@media (width<=1000px){.footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}}@media (width<=600px){.footer{min-height:0}.footer__visual-brand{gap:.25rem;padding-top:.75rem;font-size:1rem}.footer__information{margin-top:0}.footer__columns{grid-template-columns:1fr;gap:2rem}.footer__columns>:nth-child(n+3){color:var(--kleur-wit);text-shadow:0 1px 4px #000000b3}.footer__heading{margin-bottom:1rem}.footer__bottom{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:18rem}}.header{z-index:5;padding-inline:var(--ruimte-pagina);color:var(--kleur-tekst-accent,var(--kleur-donkerblauw));pointer-events:none;background:0 0;transition:top .22s;position:sticky;top:0}.header__bar{isolation:isolate;position:relative}.header__inner{pointer-events:auto;min-height:var(--hoogte-header);max-width:var(--breedte-container);justify-content:space-between;align-items:center;gap:2rem;margin-inline:auto;padding-block:.375rem;display:flex;position:relative}.header__bar:before{content:"";z-index:-1;background:var(--kleur-warm-wit);border-radius:var(--radius-knop);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.header--scrolled{top:1rem}.header--scrolled .header__bar{filter:drop-shadow(0 5px 12px color-mix(in srgb, var(--kleur-donkerblauw) 12%, transparent))}.header--scrolled .header__bar:before,.header__bar:has(.header__menu[open]):before,.header__bar:has(.header__services[open]):before{opacity:1}@media (width>=801px){.header__inner{max-width:calc(var(--breedte-container) + 4rem);padding-inline:2rem}}.header__brand{flex-shrink:0;width:10rem;margin-right:auto;transition:opacity .18s}.header--hero-brand.header--enhanced:not(.header--scrolled) .header__brand{opacity:0;visibility:hidden;pointer-events:none}.header__brand img{width:100%;height:auto}.header__links{align-items:center;gap:clamp(1.5rem,2.5vw,2.5rem);margin:0;padding:0;list-style:none;display:flex}.header__link{min-height:2.75rem;color:inherit;text-underline-offset:.3em;align-items:center;font-size:.875rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.header__link:hover{text-decoration:underline}.header__link--contact{border:1px solid var(--kleur-logo-blauw);border-radius:var(--radius-knop,.5rem);padding:.5rem 1.25rem}.header__link--contact:hover{background:var(--kleur-lichtblauwgrijs);text-decoration:none}.header__menu{display:none}@media (width<=800px){.header__inner{gap:1rem;padding-inline:.875rem}.header__brand{width:8.5rem}.header__navigation{display:none}.header__menu{display:block}.header__menu-toggle{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.875rem;font-weight:700;list-style:none;display:flex}.header__menu-toggle::-webkit-details-marker{display:none}.header__menu-toggle svg{stroke:currentColor;stroke-width:1.75px;width:1.5rem;height:1.5rem}.header__dropdown{border:1px solid var(--kleur-rand);background:var(--kleur-warm-wit);max-height:calc(100svh - var(--hoogte-header) - 2.5rem);border-radius:1.25rem;padding:1rem 1.25rem 1.5rem;position:absolute;inset:calc(100% + .5rem) 0 auto;overflow-y:auto}.header__links{flex-direction:column;align-items:stretch;gap:.5rem}.header__link{width:100%;padding-block:.75rem}.header__link--contact{justify-content:center;margin-top:.5rem}}@media (prefers-reduced-motion:reduce){.header,.header__bar:before,.header__brand{transition:none}}.header__services{position:relative}.header__services-toggle{cursor:pointer;gap:.5rem;list-style:none}.header__services-toggle::-webkit-details-marker{display:none}.header__services-toggle svg{stroke:currentColor;stroke-width:1.75px;width:1rem;height:1rem}.header__services[open]>.header__services-toggle svg{transform:rotate(180deg)}.header__services-links{background:var(--kleur-warm-wit);border:1px solid var(--kleur-logo-blauw);border-radius:.5rem;min-width:13rem;margin:0;padding:.5rem;list-style:none;position:absolute;top:calc(100% + .5rem);left:-1rem;box-shadow:0 .5rem 1.5rem #1715131a}.header__services-links .header__link{border-radius:var(--radius-knop);padding:.75rem;display:flex}.header__services-links .header__link:hover,.header__services-links [aria-current=page]{color:var(--kleur-wit);background:var(--kleur-donkerblauw)}.header__services-links .header__services-overview{font-weight:400}@media (width<=800px){.header__services-links{min-width:0;box-shadow:none;margin:.25rem 0 .75rem;position:static}.header__services-toggle{justify-content:space-between}}@media (width>=801px){.header__services[open]:before{content:"";width:max(100%,16rem);height:.75rem;position:absolute;top:100%;left:-1rem}.header__services-links{background:linear-gradient(135deg, var(--kleur-wit), color-mix(in srgb, var(--kleur-logo-blauw) 7%, var(--kleur-warm-wit)));transform-origin:0 0;border-radius:1.25rem;min-width:17rem;padding:.625rem;box-shadow:0 1rem 2.5rem #233d5826,inset 0 2px #ffffffd9}.header__services-links:before{content:"";background:var(--kleur-logo-blauw);width:3rem;height:3px;box-shadow:0 0 12px color-mix(in srgb, var(--kleur-logo-blauw) 45%, transparent);pointer-events:none;position:absolute;top:-1px;left:1rem}.header__services[open] .header__services-links{animation:.18s cubic-bezier(.16,1,.3,1) both header-panel-in}.header__services[open] .header__services-links>li{animation:.15s ease-out both header-item-in}.header__services-links>li:nth-child(2){animation-delay:25ms}.header__services-links>li:nth-child(3){animation-delay:50ms}.header__services-links>li:nth-child(4){animation-delay:75ms}.header__services-links .header__link{border:1px solid #0000;transition:background-color .1s,border-color .1s}.header__services-links .header__link:hover{border-color:var(--kleur-logo-blauw)}}@keyframes header-panel-in{0%{opacity:0;clip-path:inset(0 0 85%);transform:translateY(-6px)scale(.96)}45%{opacity:1;clip-path:inset(0 0 30%)}to{opacity:1;clip-path:inset(-1rem -3rem -3rem);transform:translateY(0)scale(1)}}@keyframes header-item-in{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.header__services[open] .header__services-links,.header__services[open] .header__services-links>li{animation:none}.header__services-links .header__link{transition:none}}.floating-contact{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.5rem, calc(env(safe-area-inset-bottom) + 1rem));z-index:150;width:min(22rem,100vw - 3rem);font-family:var(--font-body);pointer-events:none;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:fixed}.floating-contact__panel,.floating-contact__trigger,.floating-contact__fallback{pointer-events:auto;color:var(--kleur-op-knop);background:var(--kleur-knop);border:1px solid var(--kleur-rand);box-shadow:0 8px 28px color-mix(in srgb, var(--kleur-donkerblauw) 20%, transparent)}.floating-contact [hidden]{display:none}.floating-contact__panel{border-radius:8px;width:100%;max-height:calc(100dvh - 7rem);padding:1.5rem;overflow-y:auto}.floating-contact__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.floating-contact__header h2{font-family:var(--font-heading);letter-spacing:-.025em;margin:0;font-size:1.25rem;line-height:1.4}.floating-contact__panel p{color:var(--kleur-warm-wit);margin:1rem 0 0;font-size:.9375rem;line-height:1.65}.floating-contact__close{border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);width:2.75rem;height:2.75rem;color:var(--kleur-tekst-accent,var(--kleur-donkerblauw));cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:.75rem;display:inline-flex}.floating-contact__actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem;display:grid}.floating-contact__action{border-radius:var(--radius-knop,8px);background:var(--kleur-achtergrond);min-height:2.75rem;color:var(--kleur-tekst-accent,var(--kleur-donkerblauw));justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:700;text-decoration:none;display:flex}.floating-contact__trigger{background:var(--kleur-logo-blauw);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;padding:1rem;display:inline-flex;position:relative}.floating-contact svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.floating-contact__label{border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);width:max-content;color:var(--kleur-tekst-accent,var(--kleur-donkerblauw));font-family:var(--font-body);opacity:0;visibility:hidden;border-radius:8px;padding:.625rem .875rem;font-size:.8125rem;line-height:1.5;transition:opacity .18s,visibility .18s;position:absolute;right:calc(100% + .75rem)}.floating-contact__trigger:hover .floating-contact__label,.floating-contact__trigger:focus-visible .floating-contact__label{opacity:1;visibility:visible}.floating-contact__action:hover,.floating-contact__close:hover{background:var(--kleur-oppervlak-zacht)}.floating-contact__trigger:hover{background:color-mix(in srgb, var(--kleur-logo-blauw) 90%, var(--kleur-wit))}.floating-contact__panel:focus-visible,.floating-contact__close:focus-visible,.floating-contact__action:focus-visible{outline:3px solid var(--kleur-wit);outline-offset:4px}.floating-contact__fallback{border-radius:var(--radius-knop,8px);padding:.875rem 1.25rem;text-decoration:none;display:inline-block}@media (width<=800px){.floating-contact{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, calc(env(safe-area-inset-bottom) + .75rem));width:min(22rem,100vw - 2rem)}.floating-contact__label{display:none}.floating-contact__panel{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.floating-contact__label{transition:none}}
