@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;--merk-baan-licht: #7bd07d;--merk-baan-midden: #35b038;--merk-baan-diep: #16851a;--merk-kern-licht: #6aa8f0;--merk-kern-midden: #3a80da;--merk-kern-diep: #154a92;--merk-onderlicht-1: #a8d2ff;--merk-onderlicht-2: #7db8ff;--merk-onderlicht-3: #5aa0f5;--merk-schaduw: #0e3c77;--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}@media print{.grond-donker{--grond: var(--wit);--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-licht{--grond: var(--wit)}}}@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;overflow-wrap:break-word}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)}.proza>p+p{margin-block-start:var(--ruimte-4)}.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 print{@page{margin:16mm 14mm}@layer utilities{html,body{background:var(--wit)}.site-kop,.springlink,.kruimels,.subnav,.offerte,.hero-beeld,#gerelateerd,[data-rekenmodel],.voet-vlak nav,.voet-vlak .bewijsplicht,video{display:none}.hero-inhoud{grid-template-columns:1fr;padding-block:0 var(--ruimte-4)}.sectie{padding-block:var(--ruimte-4)}h1,h2,h3{break-after:avoid}tr,figure,.bewijs{break-inside:avoid}a[href$=".pdf"]:after,a[href$=".xlsx"]:after,a[href$=".csv"]:after{content:" (atranga.com" attr(href) ")";font-family:var(--font-mono);font-size:.8em;word-break:break-all}}}@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}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BqneJy0T.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-500-normal.Bq9vWWag.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-500-normal.Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-vietnamese-500-normal.DZ4AoWbu.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-500-normal.C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-ext-500-normal.CAhNIIs5.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-500-normal.CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}