@layer tokens,base,layout,components,utilities;@layer tokens{:root{--diep: #062d59;--diep-2: #0a3d75;--blauw: #2268cb;--blauw-helder: #1287ff;--blauw-actie: #0b6bd0;--blauw-tekst: #1c5bb3;--blauw-bleek: #b7cce6;--blauw-ijs: #8cc2ff;--groen: #1ca620;--groen-donker: #12831a;--groen-licht: #4fc257;--groen-bleek: #8ad48c;--licht: #f2f6fa;--licht-2: #e3ebf4;--wit: #ffffff;--inkt-basis: #101418;--inkt-blauw: #3a5170;--brand: #1ca620;--triade-groen: #1ca620;--triade-geel: #ffde00;--triade-rood: #f7030e;--stempel-oker: #f0c24b;--grond: var(--licht);--grond-verhoogd: var(--wit);--grond-verdiept: var(--licht-2);--inkt: var(--inkt-basis);--inkt-zacht: var(--inkt-blauw);--inkt-vaag: var(--inkt-blauw);--lijn: var(--licht-2);--lijn-sterk: var(--blauw-bleek);--actie: var(--blauw-actie);--actie-inkt: var(--wit);--link: var(--blauw-tekst);--geverifieerd: var(--groen-donker);--gevaar: #b3261e;--let-op: #7a5b00;--font-display: "Bricolage Grotesque Variable", "Bricolage Fallback", sans-serif;--font-tekst: "Instrument Sans Variable", "Instrument Fallback", sans-serif;--font-mono: "IBM Plex Mono", "Plex Mono Fallback", monospace;--tekst-xs: .75rem;--tekst-s: .875rem;--tekst-mono: .9375rem;--tekst-basis: 1.0625rem;--tekst-m: 1.25rem;--tekst-l: 1.5rem;--tekst-xl: clamp(2rem, 3.6vw, 3.25rem);--tekst-2xl: clamp(2.25rem, 4.2vw, 3.75rem);--tekst-3xl: clamp(2.75rem, 6vw, 5.25rem);--tekst-proof: clamp(3rem, 5.5vw, 5.5rem);--label-spatiering: .06em;--ruimte-1: .25rem;--ruimte-2: .5rem;--ruimte-3: .75rem;--ruimte-4: 1rem;--ruimte-5: 1.5rem;--ruimte-6: 2rem;--ruimte-7: 3rem;--ruimte-8: 4rem;--sectie-ruimte: clamp(3.5rem, 7vw, 6rem);--stap: 1.5rem;--overlap: 1rem;--tikdoel: 2.75rem;--marge: 5vw;--kader-breedte: 1360px;--leesbreedte: 66ch;--radius-s: 0;--radius-m: 0;--radius-l: 0;--hover-duur: .14s;--laag-duur: .9s;--laag-ease: cubic-bezier(.16, 1, .3, 1);--laag-stagger: .12s;color-scheme:light}.grond-licht{--grond: var(--licht);--grond-verhoogd: var(--wit);--grond-verdiept: var(--licht-2);--inkt: var(--inkt-basis);--inkt-zacht: var(--inkt-blauw);--inkt-vaag: var(--inkt-blauw);--lijn: var(--licht-2);--lijn-sterk: var(--blauw-bleek);--actie: var(--blauw-actie);--actie-inkt: var(--wit);--link: var(--blauw-tekst);--geverifieerd: var(--groen-donker);--gevaar: #b3261e;--let-op: #7a5b00;color-scheme:light}.grond-donker{--grond: var(--diep);--grond-verhoogd: var(--diep-2);--grond-verdiept: var(--diep);--inkt: var(--wit);--inkt-zacht: var(--blauw-bleek);--inkt-vaag: var(--blauw-bleek);--lijn: color-mix(in srgb, var(--wit) 18%, transparent);--lijn-sterk: color-mix(in srgb, var(--wit) 32%, transparent);--actie: var(--groen-licht);--actie-inkt: var(--inkt-basis);--link: var(--blauw-ijs);--geverifieerd: var(--groen-licht);--gevaar: #ff8a80;--let-op: #e3c463;color-scheme:dark}}@font-face{font-family:Bricolage Fallback;src:local("Arial");size-adjust:97%;ascent-override:92%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Instrument Fallback;src:local("Arial");size-adjust:98%}@font-face{font-family:Plex Mono Fallback;src:local("Courier New");size-adjust:100%}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--diep);caret-color:var(--blauw);scrollbar-width:thin;scrollbar-color:var(--groen-licht) var(--diep)}body{background:var(--grond);color:var(--inkt);font-family:var(--font-tekst);font-size:var(--tekst-basis);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}img,picture,svg,video{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;font-weight:700;text-wrap:balance}h1{font-size:var(--tekst-2xl);line-height:1.02;letter-spacing:-.03em}h2{font-size:var(--tekst-xl);line-height:1.05;letter-spacing:-.02em}h3{font-size:var(--tekst-l);line-height:1.15;letter-spacing:-.01em}h4{font-size:var(--tekst-basis);line-height:1.2;letter-spacing:-.01em}p,li,dd{text-wrap:pretty}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--lijn-sterk);text-underline-offset:.18em;transition:text-decoration-color var(--hover-duur) ease-out,color var(--hover-duur) ease-out}a:hover{text-decoration-thickness:2px;text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--actie);outline-offset:3px}::selection{background:var(--groen-bleek);color:var(--inkt-basis)}::placeholder{color:var(--inkt-zacht);opacity:1}button,input,select,textarea{font:inherit;color:inherit}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}table{border-collapse:collapse;font-variant-numeric:tabular-nums}hr{border:0;border-top:1px solid var(--lijn)}[data-mono]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@view-transition{navigation:auto}}@layer layout{.kader{width:min(100% - 2 * var(--marge),var(--kader-breedte));margin-inline:auto}.proza{max-width:var(--leesbreedte)}.sectie{padding-block:var(--sectie-ruimte)}.grond-licht,.grond-donker{background:var(--grond);color:var(--inkt)}}@layer components{.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-2);min-height:3.25rem;padding:.75rem 1.5rem;border:2px solid transparent;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background-color var(--hover-duur) ease-out,border-color var(--hover-duur) ease-out,color var(--hover-duur) ease-out,transform var(--hover-duur) ease-out}.knop-klein{min-height:var(--tikdoel);padding:.5rem 1rem;font-size:var(--tekst-s)}.knop.knop-vol{background:var(--blauw-actie);border-color:var(--blauw-actie);color:var(--wit)}.knop.knop-groen{background:var(--groen-donker);border-color:var(--groen-donker);color:var(--wit)}.knop.knop-lijn{background:transparent;border-color:currentColor;color:var(--wit)}.grond-licht .knop.knop-lijn,.op-licht .knop.knop-lijn{color:var(--diep)}.knop-vol:hover,.knop-vol:focus-visible{background:var(--blauw-helder);border-color:var(--blauw-helder);color:var(--inkt-basis);transform:translateY(-2px)}.knop-groen:hover,.knop-groen:focus-visible{background:var(--groen);border-color:var(--groen);color:var(--inkt-basis);transform:translateY(-2px)}.knop-lijn:hover,.knop-lijn:focus-visible{background:var(--groen-bleek);border-color:var(--groen-bleek);color:var(--inkt-basis);transform:translateY(-2px)}.knop:active{transform:translateY(0)}.knop:disabled,.knop[aria-disabled=true]{background:var(--licht-2);border-color:var(--licht-2);color:var(--inkt-blauw);cursor:wait;transform:none}.zeshoek-kader{position:relative;inline-size:min(100%,27rem);aspect-ratio:1 / .92}.zeshoek{position:absolute;inset:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.zeshoek-achter{background:var(--blauw-bleek);transform:translate(var(--stap),var(--stap))}.zeshoek-voor{display:grid;place-items:center;padding:14% 22% 18%;background:var(--wit);--bus-grond: var(--wit)}.zeshoek-voor .bus{block-size:100%;inline-size:auto;max-block-size:14rem}.zeshoek-stempel{position:absolute;z-index:2;inset-block-end:7%;inset-inline-start:50%;transform:translate(-50%)}.bus-romp{fill:var(--diep)}.bus-dop{fill:var(--groen-donker)}.bus-greep{fill:var(--bus-grond, var(--wit))}.bus-etiket{fill:var(--groen)}.bus-tekst{fill:var(--inkt-basis);font-family:var(--font-mono);font-weight:500;font-size:22px}}@layer utilities{.visueel-verborgen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.label{font-family:var(--font-tekst);font-size:var(--tekst-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--label-spatiering);color:var(--inkt-vaag)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.product-cat{display:inline-block;padding:.2rem .55rem;font-size:var(--tekst-xs);font-weight:600;letter-spacing:var(--label-spatiering);text-transform:uppercase;color:var(--wit)}.cat-reinigen{background:var(--blauw)}.cat-beschermen{background:var(--groen-donker)}.cat-onderhoud{background:var(--diep)}.springlink{position:absolute;inset-inline-start:var(--ruimte-4);inset-block-start:var(--ruimte-4);z-index:100;background:var(--wit);color:var(--diep);font-weight:600;padding:var(--ruimte-2) var(--ruimte-4);transform:translateY(-300%)}.springlink:focus-visible{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:.01ms!important;scroll-behavior:auto!important}@view-transition{navigation:none}}@layer components{.site-kop[data-astro-cid-3ef6ksr2]{position:relative;z-index:20;background:var(--grond)}.balk[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--ruimte-5);min-height:4.5rem;padding-block:var(--ruimte-3)}.merkgroep[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:var(--ruimte-3)}.merk[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.625rem;padding-block:var(--ruimte-1);color:var(--inkt);text-decoration:none}.merk-teken[data-astro-cid-3ef6ksr2]{width:2.25rem;height:2.25rem;flex:none}.merk-zeshoek[data-astro-cid-3ef6ksr2]{fill:var(--groen);transition:fill var(--hover-duur) ease-out}.merk-druppel[data-astro-cid-3ef6ksr2]{fill:var(--diep)}.merk[data-astro-cid-3ef6ksr2]:hover .merk-zeshoek[data-astro-cid-3ef6ksr2],.merk[data-astro-cid-3ef6ksr2]:focus-visible .merk-zeshoek[data-astro-cid-3ef6ksr2]{fill:var(--groen-licht)}.merk-naam[data-astro-cid-3ef6ksr2]{font-family:var(--font-display);font-optical-sizing:auto;font-weight:700;font-size:1.375rem;letter-spacing:-.02em;line-height:1}.hoofdnav[data-astro-cid-3ef6ksr2]{flex:1}.hoofdnav[data-astro-cid-3ef6ksr2]>ul[data-astro-cid-3ef6ksr2]{list-style:none;padding:0;display:flex;align-items:center;gap:var(--ruimte-1)}.hoofdnav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.hoofdnav[data-astro-cid-3ef6ksr2] summary[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;min-height:var(--tikdoel);padding:var(--ruimte-2) .875rem;font-size:var(--tekst-s);font-weight:500;color:var(--inkt);text-decoration:none;transition:background-color var(--hover-duur) ease-out,transform var(--hover-duur) ease-out}.hoofdnav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.hoofdnav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:focus-visible,.hoofdnav[data-astro-cid-3ef6ksr2] summary[data-astro-cid-3ef6ksr2]:hover{background:var(--diep-2);transform:translateY(-2px)}.hoofdnav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current],.hoofdnav[data-astro-cid-3ef6ksr2] summary[data-astro-cid-3ef6ksr2][data-actief]{box-shadow:inset 0 -2px 0 var(--groen-licht)}summary[data-astro-cid-3ef6ksr2]{list-style:none;cursor:pointer;gap:var(--ruimte-1)}summary[data-astro-cid-3ef6ksr2]::-webkit-details-marker{display:none}.plus[data-astro-cid-3ef6ksr2]{display:inline-block;font-family:var(--font-mono);transition:transform var(--hover-duur) ease-out}details[data-astro-cid-3ef6ksr2][open] .plus[data-astro-cid-3ef6ksr2]{transform:rotate(45deg)}details[data-astro-cid-3ef6ksr2][open] summary[data-astro-cid-3ef6ksr2]{background:var(--diep-2)}.mega[data-astro-cid-3ef6ksr2] .paneel[data-astro-cid-3ef6ksr2]{position:absolute;inset-inline:0;top:100%;z-index:10;background:var(--diep-2)}.paneel-inhoud[data-astro-cid-3ef6ksr2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ruimte-6);padding-block:var(--ruimte-6)}.kolom[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2]{list-style:none;padding:0;display:grid;gap:var(--ruimte-2);margin-top:var(--ruimte-3)}.kolom[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-weight:400;color:var(--blauw-ijs);text-decoration:none}.kolom[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--wit);text-decoration:underline}.kolom[data-astro-cid-3ef6ksr2] .alles[data-astro-cid-3ef6ksr2]{font-weight:600;color:var(--groen-licht)}.kolom[data-astro-cid-3ef6ksr2] .label[data-astro-cid-3ef6ksr2]{color:var(--blauw-bleek)}.acties[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--ruimte-4)}.tel[data-astro-cid-3ef6ksr2]{font-size:var(--tekst-s);color:var(--blauw-bleek);text-decoration:none}.tel[data-astro-cid-3ef6ksr2]:hover{color:var(--wit)}.mobiel[data-astro-cid-3ef6ksr2]{display:none}.mobiel[data-astro-cid-3ef6ksr2] summary[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;min-height:var(--tikdoel);padding-inline:var(--ruimte-4);border:2px solid var(--wit);font-size:var(--tekst-s);font-weight:600;color:var(--inkt);transition:background-color var(--hover-duur) ease-out,color var(--hover-duur) ease-out}.mobiel[data-astro-cid-3ef6ksr2] summary[data-astro-cid-3ef6ksr2]:hover,.mobiel[data-astro-cid-3ef6ksr2][open] summary[data-astro-cid-3ef6ksr2]{background:var(--wit);color:var(--diep)}.mobiel[data-astro-cid-3ef6ksr2] .paneel[data-astro-cid-3ef6ksr2]{position:absolute;inset-inline:0;top:100%;z-index:10;background:var(--diep-2)}.mobiel[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2]{list-style:none;padding:var(--ruimte-4) var(--marge) var(--ruimte-5);display:grid;gap:var(--ruimte-3)}.mobiel[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:var(--tekst-basis);font-weight:600;color:var(--inkt);text-decoration:none}.mobiel[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current]{box-shadow:inset 0 -2px 0 var(--groen-licht)}.mobiel[data-astro-cid-3ef6ksr2] .scheiding[data-astro-cid-3ef6ksr2]{border-top:1px solid var(--lijn);padding-top:var(--ruimte-3)}@media(max-width:899px){.balk[data-astro-cid-3ef6ksr2]{min-height:3.75rem;justify-content:space-between;gap:var(--ruimte-3)}.hoofdnav[data-astro-cid-3ef6ksr2],.tel[data-astro-cid-3ef6ksr2]{display:none}.mobiel[data-astro-cid-3ef6ksr2]{display:block}}@media(max-width:479px){.merk-stempel[data-astro-cid-3ef6ksr2]{display:none}}}@layer components{.site-voet[data-astro-cid-sz7xmlte]{margin-top:auto;background:var(--diep);color:var(--inkt)}.voet-vlak[data-astro-cid-sz7xmlte]{background:var(--diep-2)}.kolommen[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--ruimte-7) var(--ruimte-6);padding-block:var(--ruimte-7) var(--ruimte-6)}.bedrijf[data-astro-cid-sz7xmlte]{display:grid;gap:var(--ruimte-3);align-content:start}.woordmerk[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-optical-sizing:auto;font-weight:700;font-size:var(--tekst-m);letter-spacing:-.02em}address[data-astro-cid-sz7xmlte]{font-style:normal;color:var(--blauw-bleek);font-size:var(--tekst-s);line-height:1.6}.contactregel[data-astro-cid-sz7xmlte]{font-size:var(--tekst-s)}.contactregel[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--groen-licht);text-decoration:none}.contactregel[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--wit);text-decoration:underline}.register[data-astro-cid-sz7xmlte]{font-size:var(--tekst-s);color:var(--blauw-bleek);display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.kolom[data-astro-cid-sz7xmlte] .label[data-astro-cid-sz7xmlte]{color:var(--blauw-bleek);margin-bottom:var(--ruimte-3);letter-spacing:.08em}.kolom[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;display:grid;gap:.375rem}.kolom[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--groen-licht);font-size:var(--tekst-s);text-decoration:none}.kolom[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--wit);text-decoration:underline}.bewijsplicht[data-astro-cid-sz7xmlte]{margin-top:var(--ruimte-4);max-width:32ch;font-size:var(--tekst-s);color:var(--blauw-bleek)}.onderregel[data-astro-cid-sz7xmlte]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ruimte-4);border-top:1px solid var(--lijn);padding-block:var(--ruimte-5);font-size:var(--tekst-s);color:var(--blauw-bleek)}.onderregel[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;display:flex;gap:var(--ruimte-4);flex:1}.onderregel[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--groen-licht)}.onderregel[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--wit)}}