:root{--navy:#2c3d5c;--navy-donker:#1f2d45;--blauw:#0039a6;--blauw-donker:#002b7f;--rood:#9e1b32;--tekst:#25272b;--tekst-zacht:#525a68;--licht:#f5f9fc;--licht-2:#e7eef6;--rand:#d9e2ec;--veldrand:#7d8a9c;--wit:#fff;--radius:6px;--schaduw:0 12px 32px rgba(44,61,92,.10);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--kop-h:88px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kop-h) + 12px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--wit);color:var(--tekst);font-family:var(--font);font-size:1.0625rem;line-height:1.65}[hidden]{display:none !important}img,svg{display:block;max-width:100%}img{height:auto}a{color:var(--blauw);text-underline-offset:2px}a:hover{color:var(--blauw-donker)}:focus-visible{outline:3px solid var(--blauw);outline-offset:3px}h1,h2,h3{color:var(--navy);line-height:1.2;margin:0 0 .6em;font-weight:700}p{margin:0 0 1em}strong{font-weight:700}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--blauw);color:#fff;padding:10px 18px;border-radius:0 0 6px 0;font-weight:700}.skip-link:focus{left:0;color:#fff}.sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-smal{max-width:860px}.knop{display:inline-block;padding:14px 26px;border:2px solid var(--blauw);border-radius:var(--radius);background:var(--blauw);color:#fff;font:inherit;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.knop:hover{background:var(--blauw-donker);border-color:var(--blauw-donker);color:#fff}.knop:disabled{opacity:.6;cursor:wait}.knop-rand{background:transparent;color:var(--navy);border-color:var(--navy)}.knop-rand:hover{background:var(--navy);border-color:var(--navy);color:#fff}.knop-klein{padding:10px 18px}.knoppen{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.pijl-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}.pijl-link::after{content:"\2192";transition:transform .15s ease}.pijl-link:hover{text-decoration:underline}.pijl-link:hover::after{transform:translateX(3px)}.bovenkop{margin:0 0 .7em;color:var(--rood);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.bovenkop-midden{text-align:center}.kop{font-size:clamp(1.75rem,3vw,2.25rem)}.kop-midden{text-align:center}.kop-blok{max-width:740px;margin:0 auto 52px;text-align:center}.kop-intro{font-size:1.125rem;margin:0}.merk{width:44px;height:44px}.merk-kop{margin:0 0 14px}.merk-groot{width:60px;height:60px;margin:0 auto 14px}.site-header{position:sticky;top:0;z-index:50;background:var(--wit);border-bottom:1px solid transparent;transition:box-shadow .2s ease,border-color .2s ease}.site-header.gescrold{border-bottom-color:var(--rand);box-shadow:0 4px 18px rgba(44,61,92,.08)}.kop-balk{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--kop-h)}.logo{display:block;flex:none}.logo img{width:160px}.menu{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.menu a:not(.knop){display:block;padding:10px 14px;border-radius:var(--radius);color:var(--navy);font-weight:600;text-decoration:none}.menu a:not(.knop):hover,.menu a:not(.knop)[aria-current="true"]{background:var(--licht);color:var(--blauw)}.menu .knop[aria-current="true"]{background:var(--navy);border-color:var(--navy)}.menu-cta{margin-left:10px}.nav-toggle{display:none}.hero{padding:48px 0 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-bottom:76px}.hero h1{margin-bottom:.55em}.h1-merk{display:block;font-size:clamp(2.1rem,4.3vw,3.1rem);letter-spacing:-.01em}.h1-sub{display:block;margin-top:.35em;color:var(--tekst-zacht);font-size:clamp(1.2rem,2.1vw,1.5rem);font-weight:600;line-height:1.3}.intro{max-width:62ch;font-size:1.125rem}.hero-foto{position:relative;isolation:isolate}.hero-foto::before{content:"";position:absolute;z-index:-1;top:36px;right:-28px;bottom:-36px;left:36px;background:var(--licht-2);border-radius:4px}.hero-foto img,.dienst-foto img,.over-foto img{width:100%;border-radius:4px;object-fit:cover}.hero-foto img{aspect-ratio:3 / 2;box-shadow:var(--schaduw)}.troeven-band{background:var(--licht);border-top:1px solid var(--licht-2);border-bottom:1px solid var(--licht-2)}.troeven{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 28px;margin:0 auto;padding-top:26px;padding-bottom:26px;list-style:none}.troeven li{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:600;line-height:1.35}.troeven svg{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:var(--blauw);fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sectie{padding:100px 0}.diensten .kop{margin-bottom:72px}.dienst{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;margin-bottom:120px}.dienst:last-child{margin-bottom:0}.dienst-omgekeerd{grid-template-columns:1fr 1.35fr}.dienst-omgekeerd .dienst-foto{order:2}.dienst-foto,.over-foto{position:relative;isolation:isolate}.dienst-foto::before,.over-foto::before{content:"";position:absolute;z-index:-1;top:-44px;bottom:-44px;width:44%;background:var(--licht)}.paneel-links::before{left:-44px}.paneel-rechts::before{right:-44px}.dienst-foto img{aspect-ratio:3 / 2}.dienst-tekst h3{font-size:clamp(1.5rem,2.5vw,2rem)}.werkwijze{background:var(--licht)}.stappen{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none}.stap{display:flex;flex-direction:column;overflow:hidden;background:var(--wit);border-radius:var(--radius);box-shadow:var(--schaduw)}.stap-foto{width:100%;aspect-ratio:16 / 10;object-fit:cover}.stap h3{margin:20px 22px 8px;font-size:1.25rem}.stap-nr{display:block;margin-bottom:4px;color:var(--rood);font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase}.stap p{margin:0 22px 24px;font-size:1rem}.taken{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:center;margin-top:80px;padding:48px;background:var(--wit);border-radius:var(--radius);box-shadow:var(--schaduw)}.taken-foto img{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:4px}.taken-tekst h3{font-size:clamp(1.5rem,2.5vw,2rem)}.vinklijst{margin:0 0 1.25em;padding:0;list-style:none}.taken .vinklijst{columns:2;column-gap:36px}.vinklijst li{position:relative;margin-bottom:10px;padding-left:32px;break-inside:avoid}.vinklijst li::before{content:"";position:absolute;left:0;top:.28em;width:20px;height:20px;border-radius:50%;background:var(--blauw) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat}.fotoband{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.fotoband-foto{width:100%;aspect-ratio:4 / 3;object-fit:cover}.over-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:88px;align-items:center}.over-foto img{aspect-ratio:1}.feiten{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;margin:28px 0 0;padding:26px 0 0;border-top:1px solid var(--rand)}.feiten dt{color:var(--rood);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.feiten dd{margin:2px 0 0;color:var(--navy);font-weight:600}.faq{background:var(--licht)}.faq-lijst{display:grid;gap:12px;margin-top:36px}.faq-item{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius)}.faq-item summary{position:relative;padding:18px 58px 18px 22px;list-style:none;cursor:pointer;border-radius:var(--radius)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"";position:absolute;top:50%;right:24px;width:11px;height:11px;border-right:3px solid var(--blauw);border-bottom:3px solid var(--blauw);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}.faq-item[open] summary::after{transform:translateY(-25%) rotate(-135deg)}.faq-item summary h3{margin:0;font-size:1.125rem;line-height:1.4}.faq-item summary:hover h3{color:var(--blauw)}.faq-antwoord{padding:0 22px 20px}.faq-antwoord p{margin:0}.contact-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:64px;align-items:start}.contact-form form{margin-top:28px}.velden-2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.veld{margin-bottom:18px}.veld label{display:block;margin-bottom:6px;color:var(--navy);font-weight:600}.verplicht,.hint{color:var(--tekst-zacht);font-size:.875rem;font-weight:400}.veld input[type="text"],.veld input[type="email"],.veld input[type="tel"],.veld select,.veld textarea{width:100%;padding:12px 14px;border:1px solid var(--veldrand);border-radius:var(--radius);background:var(--wit);color:var(--tekst);font:inherit;line-height:1.4}.veld textarea{resize:vertical;min-height:140px}.veld select{appearance:none;padding-right:44px;background:var(--wit) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%232c3d5c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 18px no-repeat}.veld input:focus,.veld select:focus,.veld textarea:focus{border-color:var(--blauw);outline:3px solid rgba(0,57,166,.28);outline-offset:0}.veld-bestand input{width:100%;padding:10px;border:1px dashed var(--veldrand);border-radius:var(--radius);background:var(--licht);font:inherit;font-size:.9375rem}input[type="file"]::file-selector-button{margin-right:12px;padding:7px 14px;border:0;border-radius:4px;background:var(--navy);color:#fff;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.veld-akkoord{display:flex;align-items:flex-start;gap:10px}.veld-akkoord label{display:inline;margin:0;font-weight:400;color:var(--tekst)}.veld-akkoord input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--blauw)}.hp-veld{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cf-turnstile{margin:0 0 1em}.form-status{min-height:1.2em;margin:14px 0 0;font-weight:700}.form-status:empty{min-height:0;margin:0}.form-status.ok{padding:12px 16px;border-radius:var(--radius);background:#e8f5ec;color:#1a6b32}.form-status.err{padding:12px 16px;border-radius:var(--radius);background:#fdecec;color:#a3241c}.contact-info{padding:32px;background:var(--licht);border-radius:var(--radius)}.contact-info h3{font-size:1.375rem}.gegevens{margin:0}.gegevens div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--rand)}.gegevens dt{color:var(--navy);font-weight:700}.gegevens dd{margin:0;overflow-wrap:anywhere}.kaart{margin:26px 0 0}.kaart-beeld{position:relative;height:300px;overflow:hidden;border:1px solid var(--rand);border-radius:4px;background:var(--licht-2)}.kaart-beeld img{width:100%;height:100%;max-width:none;object-fit:none;object-position:50% calc(50% + 50px)}.kaart-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-100% - 10px));display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;white-space:nowrap;background:var(--wit);border-radius:999px;box-shadow:0 4px 14px rgba(31,45,69,.28);color:var(--navy);font-size:.9375rem;font-weight:700}.kaart-pin::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--wit)}.kaart-pin .merk{width:24px;height:24px}.kaart figcaption{margin-top:8px;color:var(--tekst-zacht);font-size:.8125rem}.tekstpagina{padding:64px 0 96px}.tekstpagina .kop{font-size:clamp(2rem,4vw,2.75rem)}.tekstpagina .merk-groot{margin-left:0}.kruimel ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none;font-size:.9375rem;color:var(--tekst-zacht)}.kruimel li + li::before{content:"\203A";margin-right:6px}.prose h2{margin:1.7em 0 .5em;font-size:1.5rem}.prose ul{padding-left:1.4em}.prose li{margin-bottom:.35em}.bijgewerkt{margin-top:2em;color:var(--tekst-zacht);font-size:.9375rem}.table-wrap{overflow-x:auto;margin:0 0 1.5em}.table-wrap table{width:100%;border-collapse:collapse;font-size:1rem}.table-wrap th,.table-wrap td{padding:10px 12px;border-bottom:1px solid var(--rand);text-align:left;vertical-align:top}.table-wrap th{background:var(--licht);color:var(--navy)}.site-footer{background:var(--navy);color:#dfe6f0;font-size:.9375rem}.site-footer a{color:#fff}.site-footer a:hover{color:#cfdcf2}.site-footer :focus-visible{outline-color:#fff}.voet-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-top:64px;padding-bottom:52px}.voet-logo{display:inline-block;margin-bottom:18px}.voet-logo img{width:150px;filter:brightness(0) invert(1)}.voet-merk p{max-width:42ch;margin:0}.voet-titel{margin:0 0 16px;color:#fff;font-size:1.0625rem}.contact-lijst,.voet-nav ul{margin:0;padding:0;list-style:none}.contact-lijst li{display:flex;gap:12px;margin-bottom:14px}.contact-lijst svg{flex:none;width:18px;height:18px;margin-top:4px;fill:#aebfd8}.voet-nav li{margin-bottom:8px}.voet-balk{background:var(--navy-donker)}.voet-onder{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:18px;font-size:.875rem}.voet-onder p{margin:0}.naar-boven{position:fixed;right:20px;bottom:20px;z-index:40;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--wit);color:var(--blauw);box-shadow:0 3px 12px rgba(31,45,69,.22)}.naar-boven:hover{color:var(--blauw-donker)}.naar-boven svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.koek{position:fixed;left:16px;bottom:16px;z-index:90;display:inline-block}.koek-knop{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:var(--wit);color:var(--blauw);cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .15s ease,box-shadow .15s ease}.koek-knop:hover{transform:translateY(-2px);box-shadow:0 5px 13px rgba(0,0,0,.25)}.koek-knop svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.koek-overlay{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:5vw;background:rgba(31,45,69,.88)}.koek-overlay[hidden]{display:none}.koek-popup{position:relative;width:100%;max-width:440px;padding:32px 28px 26px;background:var(--wit);border-radius:14px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}.koek-sluit{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--tekst);font-size:1.7rem;line-height:1;cursor:pointer}.koek-sluit:hover{background:var(--licht)}.koek-emoji{margin-bottom:4px;font-size:2.6rem;line-height:1.2}.koek-popup h2{margin:0 0 10px;font-size:1.3rem;line-height:1.4;white-space:nowrap}.koek-popup p{margin:0 0 20px;color:var(--tekst-zacht);font-size:1rem;line-height:1.6}.koek-ok{min-width:130px}@media (max-width:1100px){.stappen{grid-template-columns:repeat(2,1fr)}.troeven{grid-template-columns:repeat(2,1fr)}.dienst,.dienst-omgekeerd{gap:56px}}@media (max-width:900px){:root{--kop-h:68px}body{font-size:1rem}.logo img{width:124px}.nav-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--rand);border-radius:var(--radius);background:var(--wit);color:var(--navy);font:inherit;font-weight:600;cursor:pointer}.nav-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.nav-toggle path{transition:transform .2s ease,opacity .2s ease;transform-origin:12px 12px}.nav-toggle[aria-expanded="true"] .streep-1{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] .streep-2{opacity:0}.nav-toggle[aria-expanded="true"] .streep-3{transform:translateY(-6px) rotate(-45deg)}.menu{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 22px;background:var(--wit);border-bottom:1px solid var(--rand);box-shadow:0 16px 28px rgba(44,61,92,.14)}.menu.open{display:flex}.menu a:not(.knop){padding:13px 6px;border-bottom:1px solid var(--licht-2);border-radius:0}.menu-cta{margin:14px 0 0}.menu-cta .knop{display:block}.hero{padding-top:32px}.hero-grid{padding-bottom:56px}.hero-grid,.over-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.hero-foto{margin-right:18px}.hero-foto::before{top:24px;right:-18px;bottom:-24px;left:24px}.sectie{padding:72px 0}.diensten .kop{margin-bottom:48px}.dienst,.dienst-omgekeerd{grid-template-columns:1fr;gap:36px;margin-bottom:80px}.dienst-omgekeerd .dienst-foto{order:0}.dienst-foto::before,.over-foto::before{top:-24px;bottom:-24px;width:50%}.paneel-links::before{left:-24px}.paneel-rechts::before{right:-24px}.taken{grid-template-columns:1fr;gap:36px;padding:32px}.taken-foto{max-width:420px}.taken-foto img{aspect-ratio:4 / 5}.over-foto{max-width:520px}.voet-grid{grid-template-columns:1fr 1fr;gap:36px}.voet-merk{grid-column:1 / -1}}@media (max-width:700px){.fotoband{grid-template-columns:repeat(2,1fr)}.fotoband-foto:nth-child(5){display:none}}@media (max-width:600px){.container{padding:0 16px}.menu{padding-left:16px;padding-right:16px}.dienst-foto::before,.over-foto::before{top:-16px;bottom:-16px}.paneel-links::before{left:-16px}.paneel-rechts::before{right:-16px}.hero-foto{margin-right:14px}.hero-foto::before{top:16px;right:-14px;bottom:-16px;left:16px}.knoppen .knop{flex:1 1 100%}.troeven{grid-template-columns:1fr;gap:12px;padding-top:22px;padding-bottom:22px}.stappen{grid-template-columns:1fr}.taken{padding:24px 20px}.taken .vinklijst{columns:1}.velden-2{grid-template-columns:1fr}.feiten{grid-template-columns:1fr}.contact-info{padding:24px 20px}.gegevens div{grid-template-columns:1fr;gap:2px}.kaart-beeld{height:260px}.voet-grid{grid-template-columns:1fr}.voet-onder{flex-direction:column}.koek-popup h2{white-space:normal}.naar-boven{right:16px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important}}
