@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/df0a9ae256c0569c-s.woff2) format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/8e9860b6e62d6359-s.woff2) format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/e4af272ccee01ff0-s.woff2) format("woff2");unicode-range:u+00??,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:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_8a0ba0{font-family:Inter,Inter Fallback;font-style:normal}.__variable_8a0ba0{--preview-inter:"Inter","Inter Fallback"}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/393d45a2251e223a-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/8715d2ed531152f4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/c48b38fe8bb532f3-s.woff2) format("woff2");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:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/48410f3df60da620-s.woff2) format("woff2");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:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/7b89a4fd5e90ede0-s.woff2) format("woff2");unicode-range:u+00??,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:Cormorant Garamond Fallback;src:local("Times New Roman");ascent-override:95.27%;descent-override:29.59%;line-gap-override:0.00%;size-adjust:96.98%}.__className_d6496e{font-family:Cormorant Garamond,Cormorant Garamond Fallback;font-style:normal}.__variable_d6496e{--preview-cormorant:"Cormorant Garamond","Cormorant Garamond Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/e857b654a2caa584-s.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/cc978ac5ee68c2b6-s.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/4c9affa5bc8f420e-s.woff2) format("woff2");unicode-range:u+00??,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:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_bc8a98{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_bc8a98{--preview-manrope:"Manrope","Manrope Fallback"}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/3d165c286d94e27c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/e54d16b9f2c4535b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/7c21074d9bafed1b-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/916860560b9a2bc2-s.woff2) format("woff2");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:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/591e43f23f51e5a5-s.woff2) format("woff2");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:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/97ac91773d3121b2-s.woff2) format("woff2");unicode-range:u+00??,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:"Source Serif 4 Fallback";src:local("Times New Roman");ascent-override:87.87%;descent-override:28.41%;line-gap-override:0.00%;size-adjust:117.91%}.__className_13486b{font-family:"Source Serif 4","Source Serif 4 Fallback";font-style:normal}.__variable_13486b{--preview-source-serif:"Source Serif 4","Source Serif 4 Fallback"}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/88da59c891d37117-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/1e377d93cbdd6b44-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/36d711d427a06e51-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/f1f7cdf240180e28-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/55fbdf033607a0e1-s.woff2) format("woff2");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:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/b6a6f0b43d027304-s.woff2) format("woff2");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:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(assets/9cf9c6e84ed13b5e-s.woff2) format("woff2");unicode-range:u+00??,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:Source Sans\ 3 Fallback;src:local("Arial");ascent-override:109.21%;descent-override:42.66%;line-gap-override:0.00%;size-adjust:93.76%}.__className_fefd96{font-family:Source Sans\ 3,Source Sans\ 3 Fallback;font-style:normal}.__variable_fefd96{--preview-source-sans:"Source Sans 3","Source Sans 3 Fallback"}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(assets/88e4012f2051f8b4-s.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(assets/0be08cad6fae8421-s.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(assets/61d96c4884191721-s.woff2) format("woff2");unicode-range:u+00??,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:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(assets/7816b93d847886e9-s.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(assets/ea06843a6d8e9ab3-s.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(assets/60c9b95e8d9e49be-s.woff2) format("woff2");unicode-range:u+00??,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:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(assets/1e6ec62843814326-s.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(assets/a8bcd0492b5976ee-s.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(assets/6ad0344ed98ac2e9-s.woff2) format("woff2");unicode-range:u+00??,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:Barlow Fallback;src:local("Arial");ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.00%;size-adjust:96.68%}.__className_997f3a{font-family:Barlow,Barlow Fallback;font-style:normal}.__variable_997f3a{--preview-barlow:"Barlow","Barlow Fallback"}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(assets/8599be8653318abe-s.woff2) format("woff2");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:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(assets/3352fdb488e19d84-s.woff2) format("woff2");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:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(assets/437e5f23c97e320c-s.woff2) format("woff2");unicode-range:u+00??,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:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(assets/bd4099f982a70777-s.woff2) format("woff2");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:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(assets/adc67d25e358ad72-s.woff2) format("woff2");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:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(assets/79f0f365efbf4f90-s.woff2) format("woff2");unicode-range:u+00??,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:Barlow Condensed Fallback;src:local("Arial");ascent-override:130.73%;descent-override:26.15%;line-gap-override:0.00%;size-adjust:76.49%}.__className_74eca8{font-family:Barlow Condensed,Barlow Condensed Fallback;font-style:normal}.__variable_74eca8{--preview-barlow-condensed:"Barlow Condensed","Barlow Condensed Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/e1aab0933260df4d-s.woff2) format("woff2");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:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/b7387a63dd068245-s.woff2) format("woff2");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:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/36966cca54120369-s.woff2) format("woff2");unicode-range:u+00??,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:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_c24635{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_c24635{--preview-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{height:100%}body{margin:0;background:#ffffff;color:#111111;font-family:var(--preview-inter),"Helvetica Neue",Arial,sans-serif;line-height:1.6}img,picture,svg,video{display:block;max-width:100%}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#ffffff}}
.site_site__SreoX{--radius:12px;--radius-knop:999px;--maxbreedte:80rem;--ruimte-sectie:clamp(3rem,4.6vw,4rem);--font-ui:var(--preview-inter,"Helvetica Neue",Arial,sans-serif);--font-display:var(--font-ui);--gewicht-body:400;--gewicht-kop:700;--gewicht-kop-klein:600;--gewicht-cta:680;--kop-spatiering:-0.02em;--kop-regelhoogte:1.05;--kop-schaal:1;--maxregel:68ch;--op-foto-breed:#ffffff;--op-foto-smal:var(--op-foto-breed);--op-foto:var(--op-foto-breed);--op-foto-accent-breed:var(--op-foto-breed);--op-foto-accent-smal:var(--op-foto-accent-breed);--op-foto-accent:var(--op-foto-accent-breed);position:relative;min-height:100%;background:var(--kleur-achtergrond);color:var(--kleur-tekst);font-family:var(--font-ui);font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:var(--gewicht-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (max-width:30rem){.site_site__SreoX{--op-foto:var(--op-foto-smal);--op-foto-accent:var(--op-foto-accent-smal)}}.site_site__SreoX *,.site_site__SreoX :after,.site_site__SreoX :before{box-sizing:border-box}.site_site__SreoX dd,.site_site__SreoX dl,.site_site__SreoX h1,.site_site__SreoX h2,.site_site__SreoX h3,.site_site__SreoX ol,.site_site__SreoX p,.site_site__SreoX ul{margin:0}.site_site__SreoX ol,.site_site__SreoX ul{padding:0;list-style:none}.site_site__SreoX img{display:block;max-width:100%}.site_site__SreoX a:focus-visible,.site_site__SreoX button:focus-visible{outline:3px solid var(--kleur-accent);outline-offset:3px}.site_site__SreoX li,.site_site__SreoX p{max-width:var(--maxregel)}.site_site__SreoX .site_balkNavLijst__p2zqp,.site_site__SreoX .site_dienst__zyyLb,.site_site__SreoX .site_galerijItem__RGtU1,.site_site__SreoX .site_heroActies__6oo0f{max-width:none}.site_site__SreoX[data-kop-kapitalen=ja] .site_bedrijfsnaam__wh3dC{text-transform:uppercase}.site_site__SreoX[data-cijfers=tabellarisch] .site_balkActies__tSXWU,.site_site__SreoX[data-cijfers=tabellarisch] .site_belknop__7yc1e,.site_site__SreoX[data-cijfers=tabellarisch] .site_contactWaarde__ZR21R,.site_site__SreoX[data-cijfers=tabellarisch] .site_heroTelefoonNummer__DKC6g{font-variant-numeric:tabular-nums}.site_site__SreoX :target{scroll-margin-top:5.5rem}@media (prefers-reduced-motion:no-preference){.site_site__SreoX{scroll-behavior:smooth}}.site_site__SreoX[data-vorm=scherp]{--radius:0px}.site_site__SreoX[data-vorm=zacht]{--radius:12px}.site_site__SreoX[data-vorm=rond]{--radius:18px}.site_site__SreoX[data-cta=sticky-compact-call]{padding-bottom:4.5rem}@media (min-width:46rem){.site_site__SreoX[data-cta=sticky-compact-call]{padding-bottom:0}}.site_site__SreoX .site_aanbieding__BSiYn{max-width:none;margin:0;padding:.7rem clamp(1rem,4vw,2.5rem);background:var(--kleur-cta);color:var(--kleur-cta-tekst);font-family:var(--font-ui);font-size:.95rem;font-weight:600;line-height:1.4;text-align:center}.site_balk__5qOTR{position:sticky;top:0;z-index:20;padding:.7rem clamp(1rem,4vw,2.5rem);background:var(--vlak-basis);color:var(--op-vlak)}.site_balk__5qOTR[data-toon=licht]{border-bottom:1px solid var(--kleur-rand)}.site_balkBinnen___rfYl{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2.5rem);max-width:var(--maxbreedte);margin:0 auto}@media (min-width:40rem){.site_balk__5qOTR[data-merk=midden] .site_balkBinnen___rfYl{display:grid;grid-template-columns:1fr auto 1fr}.site_balk__5qOTR[data-merk=midden] .site_balkMerk__rL1uo{grid-column:2;justify-content:center}.site_balk__5qOTR[data-merk=midden] .site_balkNav__NqYnb{grid-column:1}.site_balk__5qOTR[data-merk=midden] .site_balkActies__tSXWU{grid-column:3;justify-content:flex-end}}.site_balkMerk__rL1uo{display:flex;align-items:center;gap:.6rem;min-width:0;color:inherit;text-decoration:none}a.site_balkMerk__rL1uo:focus-visible .site_balkNaam__q_2Ez,a.site_balkMerk__rL1uo:hover .site_balkNaam__q_2Ez{text-decoration:underline;text-underline-offset:5px}.site_balkLogo__mWvxV{width:calc(2rem * var(--merk-schaal, 1));height:calc(2rem * var(--merk-schaal, 1));-o-object-fit:contain;object-fit:contain;flex-shrink:0}.site_balkNaam__q_2Ez{font-family:var(--font-display);font-size:calc(1.05rem * var(--kop-schaal));font-weight:var(--gewicht-kop-klein);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site_balkNav__NqYnb{display:none;min-width:0;overflow:hidden}@media (min-width:62rem){.site_balkNav__NqYnb{display:block}}@media (max-width:75.999rem){.site_balk__5qOTR[data-nav-items="6"] .site_balkNav__NqYnb,.site_balk__5qOTR[data-nav-items="7"] .site_balkNav__NqYnb,.site_balk__5qOTR[data-nav-items="8"] .site_balkNav__NqYnb{display:none}}.site_balkNavLijst__p2zqp{display:flex;align-items:center;gap:clamp(1rem,2.2vw,1.9rem)}.site_balkNavLink__DtEw_{display:block;padding:.35rem 0;color:var(--op-vlak);font-family:var(--font-ui);font-size:.95rem;font-weight:600;text-decoration:none;white-space:nowrap}.site_balkNavLink__DtEw_:focus-visible,.site_balkNavLink__DtEw_:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.site_balkActies__tSXWU{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.site_menu__i3OVe{display:none;position:relative;flex:0 0 auto}@media (max-width:61.999rem){.site_menu__i3OVe{display:block}}@media (max-width:75.999rem){.site_balk__5qOTR[data-nav-items="6"] .site_menu__i3OVe,.site_balk__5qOTR[data-nav-items="7"] .site_menu__i3OVe,.site_balk__5qOTR[data-nav-items="8"] .site_menu__i3OVe{display:block}}.site_menuKnop__0FpJS{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--radius-knop);cursor:pointer;list-style:none;color:inherit}.site_menuKnop__0FpJS::-webkit-details-marker{display:none}.site_menuKnop__0FpJS:hover,.site_menu__i3OVe[open] .site_menuKnop__0FpJS{border-color:currentColor}.site_menuIcoon___EJKM{width:1.25rem;height:1.25rem}.site_menuPaneel__EUpL5{position:absolute;top:calc(100% + .5rem);right:0;z-index:21;min-width:12rem;padding:.4rem;background:var(--kleur-achtergrond);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:0 12px 32px -12px rgba(0,0,0,.35)}.site_menuLijst__0Otgo{display:flex;flex-direction:column}.site_site__SreoX .site_menuLink__skSmB{display:block;padding:.6rem .75rem;border-radius:calc(var(--radius) * .6);color:var(--kleur-tekst);font-family:var(--font-ui);font-size:.98rem;font-weight:600;text-decoration:none}.site_site__SreoX .site_menuLink__skSmB:focus-visible,.site_site__SreoX .site_menuLink__skSmB:hover{background:var(--vlak-basis);color:var(--op-vlak)}.site_site__SreoX .site_menuLink__skSmB[aria-current=page]{color:var(--kleur-accent)}@media (max-width:39.999rem){.site_balkMerk__rL1uo,.site_balkNaam__q_2Ez{display:none}.site_balkActies__tSXWU{flex:1;min-width:0}.site_balk__5qOTR .site_knopSecundair__4SUW4{flex:1 1 0}.site_balk__5qOTR .site_knop__D1_ZM{flex:0 0 auto}.site_balkActies__tSXWU>*{min-width:0}.site_balkActies__tSXWU .site_knopLabel__XLNqU{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:30rem){.site_balk__5qOTR .site_knopSecundair__4SUW4 .site_knopLabel__XLNqU{display:none}.site_balk__5qOTR .site_knopSecundair__4SUW4 .site_knopIcoon__Dlo1G{margin-right:0}}.site_knopIcoon__Dlo1G{width:.95em;height:.95em;margin-right:.45em;flex-shrink:0}.site_knop__D1_ZM{padding:.85rem 1.75rem;border:2px solid var(--kleur-cta);border-radius:var(--radius-knop);background:var(--kleur-cta);color:var(--kleur-cta-tekst);text-align:center}.site_knopSecundair__4SUW4,.site_knop__D1_ZM{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:1rem;font-weight:var(--gewicht-cta);line-height:1.2;text-decoration:none;white-space:nowrap}.site_knopSecundair__4SUW4{padding:.85rem 1.5rem;border:2px solid var(--kleur-accent);border-radius:var(--radius-knop);background:transparent;color:var(--kleur-accent)}.site_knopCompact__xQrNo{padding:.5rem 1.1rem;font-size:.9rem}.site_balk__5qOTR[data-toon=omgekeerd] .site_knop__D1_ZM,.site_sectie__ieUhh[data-toon=omgekeerd] .site_knop__D1_ZM{border-color:var(--kleur-achtergrond);background:var(--kleur-achtergrond);color:var(--kleur-tekst)}.site_balk__5qOTR[data-toon=omgekeerd] .site_knopSecundair__4SUW4,.site_sectie__ieUhh[data-toon=omgekeerd] .site_knopSecundair__4SUW4{border-color:var(--kleur-achtergrond);background:transparent;color:var(--kleur-achtergrond)}.site_balk__5qOTR[data-toon=omgekeerd] a:focus-visible,.site_sectie__ieUhh[data-toon=omgekeerd] a:focus-visible,.site_sectie__ieUhh[data-toon=omgekeerd] button:focus-visible{outline-color:var(--kleur-achtergrond)}.site_link__iSAvp{color:var(--op-vlak-accent);text-decoration:underline;text-underline-offset:3px}.site_hero__ayLj5{--hero-marge-i:clamp(1.25rem,5vw,3rem);position:relative;display:grid;grid-template-columns:1fr;align-items:start;overflow:hidden}.site_hero__ayLj5:before{content:"";grid-area:1/1;padding-top:clamp(21rem,38%,52rem)}.site_heroFoto__JazcL{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 38%;object-position:50% 38%}.site_heroScrim___7rzl{position:absolute;inset:0;background:linear-gradient(180deg,var(--scrim) 0,var(--scrim) 30rem,var(--scrim-zacht) 100%)}.site_heroInhoud__OlYeJ{position:relative;grid-area:1/1;width:100%;max-width:calc(var(--maxbreedte) + 2 * var(--hero-marge-i));padding:clamp(2.5rem,7vw,5rem) var(--hero-marge-i);margin-inline:auto}@media (max-width:30rem){.site_hero__ayLj5[data-foto=ja]:before{padding-top:125%}.site_hero__ayLj5[data-foto=ja] .site_heroScrim___7rzl{background:linear-gradient(180deg,var(--scrim) 0,var(--scrim) 15rem,var(--scrim-zacht) 19rem,transparent 26rem)}.site_hero__ayLj5[data-foto=ja] .site_heroActies__6oo0f{display:none}}.site_hero__ayLj5[data-foto=ja] .site_heroInhoud__OlYeJ{color:var(--op-foto)}.site_hero__ayLj5[data-foto=nee]{background:var(--vlak-basis)}.site_heroMotief__jef3c{position:absolute;top:-18%;right:-8%;width:min(34rem,60%);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,var(--kleur-accent) 0,transparent 62%),radial-gradient(circle at 78% 76%,var(--kleur-accent) 0,transparent 44%);opacity:.16;pointer-events:none}.site_bedrijfsnaam__wh3dC{max-width:18ch;font-family:var(--font-display);font-size:calc(clamp(2.6rem, 6.4vw, 4.5rem) * var(--kop-schaal));font-weight:var(--gewicht-kop);line-height:var(--kop-regelhoogte);letter-spacing:var(--kop-spatiering);overflow-wrap:break-word}@media (max-width:30rem){.site_bedrijfsnaam__wh3dC{font-size:calc(2.05rem * var(--kop-schaal))}}.site_site__SreoX .site_tagline__jxw5X{max-width:32ch;margin-top:1.15rem;font-size:clamp(1.1rem,2.1vw,1.35rem);line-height:1.45;color:var(--op-vlak-zacht)}.site_hero__ayLj5[data-foto=ja] .site_tagline__jxw5X{color:var(--op-foto)}.site_hero__ayLj5[data-foto=ja] .site_knopSecundair__4SUW4{border-color:var(--op-foto);color:var(--op-foto)}.site_hero__ayLj5[data-foto=ja] a:focus-visible{outline-color:var(--op-foto)}.site_site__SreoX .site_heroTelefoon__P4oZd{display:flex;flex-direction:column;gap:.15rem;margin-top:1.75rem}.site_heroTelefoonLabel__06DU_{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--op-vlak-accent)}.site_heroTelefoonNummer__DKC6g{font-family:var(--font-display);font-size:calc(clamp(1.75rem, 5vw, 2.5rem) * var(--kop-schaal));font-weight:var(--gewicht-kop);letter-spacing:-.01em;color:var(--op-vlak);text-decoration:none}.site_site__SreoX .site_heroActies__6oo0f{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.25rem}.site_balk__5qOTR,.site_hero__ayLj5,.site_sectie__ieUhh{--vlak-basis:var(--kleur-achtergrond);--op-vlak:var(--kleur-tekst);--op-vlak-zacht:var(--kleur-tekst-zacht);--op-vlak-accent:var(--kleur-accent)}.site_sectie__ieUhh{position:relative;padding:var(--ruimte-sectie) clamp(1.25rem,5vw,3rem);background:var(--vlak-basis);color:var(--op-vlak)}.site_hero__ayLj5[data-toon=getint],.site_sectie__ieUhh[data-toon=getint]{--vlak-basis:color-mix(in srgb,var(--kleur-tint) 9%,var(--kleur-achtergrond))}.site_balk__5qOTR[data-toon=omgekeerd],.site_sectie__ieUhh[data-toon=omgekeerd]{--vlak-basis:var(--kleur-tekst);--op-vlak:var(--kleur-achtergrond);--op-vlak-zacht:color-mix(in srgb,var(--kleur-achtergrond) 75%,var(--kleur-tekst));--op-vlak-accent:var(--kleur-rand)}.site_sectieBinnen__v5BNx{position:relative;z-index:1;max-width:var(--maxbreedte);margin:0 auto}.site_site__SreoX .site_sectieKop__obGwF{margin-bottom:2.5rem;max-width:22ch;font-family:var(--font-display);font-size:calc(clamp(1.7rem, 3.4vw, 2.4rem) * var(--kop-schaal));font-weight:var(--gewicht-kop);line-height:1.15;letter-spacing:var(--kop-spatiering)}.site_sectieIntro__zqaDK{margin-bottom:2rem}.site_sectieIntro__zqaDK[data-uitlijning=gecentreerd]{text-align:center}.site_sectieIntro__zqaDK[data-uitlijning=gecentreerd] .site_sectieKopGroot__xZC4z,.site_sectieIntro__zqaDK[data-uitlijning=gecentreerd] .site_sectieLabel__CiS2g{margin-inline:auto}.site_site__SreoX .site_sectieLabel__CiS2g{margin-bottom:.75rem;font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--op-vlak-accent)}.site_site__SreoX .site_kopAccent__gw8Lv{color:var(--op-vlak-accent)}.site_hero__ayLj5[data-foto=ja] .site_kopAccent__gw8Lv{color:var(--op-foto-accent)}.site_site__SreoX .site_sectieKopGroot__xZC4z{max-width:24ch;font-family:var(--font-display);font-size:calc(clamp(1.9rem, 3.8vw, 2.7rem) * var(--kop-schaal));font-weight:var(--gewicht-kop);line-height:1.15;letter-spacing:var(--kop-spatiering)}.site_diensten__sjuqZ{--radius-dienst:max(var(--radius),10px);display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:40rem){.site_diensten__sjuqZ{grid-template-columns:repeat(2,1fr)}.site_diensten__sjuqZ[data-weergave=standaard] .site_dienst__zyyLb[data-vorm-kaart=breed],.site_diensten__sjuqZ[data-weergave=standaard] .site_dienst__zyyLb[data-vorm-kaart=uitgelicht]{grid-column:1/-1}}@media (min-width:62rem){.site_diensten__sjuqZ{grid-template-columns:repeat(3,1fr)}.site_diensten__sjuqZ[data-weergave=standaard]{grid-template-columns:repeat(6,1fr)}.site_diensten__sjuqZ[data-weergave=standaard] .site_dienst__zyyLb{grid-column:span 3}.site_diensten__sjuqZ[data-weergave=standaard] .site_dienst__zyyLb[data-vorm-kaart=uitgelicht]{grid-column:span 3;grid-row:span 2}.site_diensten__sjuqZ[data-weergave=standaard] .site_dienst__zyyLb[data-vorm-kaart=breed]{grid-column:span 6}.site_diensten__sjuqZ[data-weergave=twee-koloms]{grid-template-columns:repeat(2,1fr)}}.site_diensten__sjuqZ[data-weergave=lijst]{grid-template-columns:1fr}@media (min-width:62rem){.site_diensten__sjuqZ[data-weergave=drie-koloms] .site_dienst__zyyLb:last-child:nth-child(3n+1){grid-column:2}}.site_dienst__zyyLb{padding:2.4rem 2.1rem;background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:var(--radius-dienst);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);box-shadow:0 1px 2px color-mix(in srgb,var(--kleur-tekst) 5%,transparent),0 8px 22px -12px color-mix(in srgb,var(--kleur-tekst) 12%,transparent)}.site_dienst__zyyLb[data-vorm-kaart=uitgelicht]{padding:2.25rem 2.1rem;background:var(--vlak-basis);background:color-mix(in srgb,var(--kleur-tint) 26%,var(--kleur-achtergrond))}.site_dienst__zyyLb[data-vorm-kaart=uitgelicht] .site_dienstTitel__MrmQy{font-size:calc(1.55rem * var(--kop-schaal))}.site_dienst__zyyLb[data-vorm-kaart=uitgelicht] .site_dienstIcoon__AMuqV,.site_site__SreoX .site_dienst__zyyLb[data-vorm-kaart=uitgelicht] .site_dienstTekst__RS_nX{color:var(--op-vlak)}.site_dienst__zyyLb[data-vorm-kaart=uitgelicht] .site_dienstIcoon__AMuqV{width:2.1rem;height:2.1rem}.site_dienstIcoon__AMuqV{display:block;width:1.85rem;height:1.85rem;margin-bottom:1.15rem;color:var(--op-vlak-accent)}.site_site__SreoX .site_dienstFoto__riorY{display:block;width:calc(100% + 2 * 2.1rem);max-width:none;margin:-2.4rem -2.1rem 1.5rem;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;background:var(--kleur-rand)}@media (min-width:40rem){.site_site__SreoX .site_dienst__zyyLb[data-vorm-kaart=uitgelicht] .site_dienstFoto__riorY{margin-top:-2.25rem}}@media (max-width:39.999rem){.site_dienst__zyyLb{display:flex;flex-direction:column}.site_site__SreoX .site_dienstFoto__riorY{order:1;margin:1.5rem -2.1rem -2.4rem}}.site_site__SreoX .site_dienstTitel__MrmQy{margin-bottom:.7rem;font-family:var(--font-display);font-size:calc(1.35rem * var(--kop-schaal));font-weight:var(--gewicht-kop-klein);line-height:1.25}.site_site__SreoX .site_dienstTekst__RS_nX{max-width:var(--maxregel);color:var(--op-vlak-zacht);font-size:1.02rem;line-height:1.6}.site_site__SreoX .site_overTekst__y_YRA{max-width:var(--maxregel);font-size:clamp(1.05rem,2vw,1.2rem)}.site_site__SreoX .site_troeven__OIbmS{display:grid;gap:1.75rem;grid-template-columns:1fr;margin-top:clamp(2rem,4vw,3rem)}@media (min-width:46rem){.site_site__SreoX .site_troeven__OIbmS{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.site_troef__UpUnO{padding-top:1rem;border-top:2px solid var(--op-vlak-accent)}.site_site__SreoX .site_troefTitel__nOVio{margin-bottom:.45rem;font-family:var(--font-display);font-size:calc(1.1rem * var(--kop-schaal));font-weight:var(--gewicht-kop-klein);line-height:1.25}.site_site__SreoX .site_troefTekst__uRPoe{max-width:var(--maxregel);color:var(--op-vlak-zacht);font-size:.98rem}.site_persoonlijk__krT0q{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}@media (min-width:52rem){.site_persoonlijk__krT0q[data-beeld=ja]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.site_persoonlijk__krT0q[data-beeld=nee]{max-width:46rem}.site_persoonlijkBeeld__bFsMu{overflow:hidden;border-radius:var(--radius);background:var(--kleur-rand)}.site_persoonlijkFoto__p1wfJ{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site_persoonlijkTekst__dDX8r .site_sectieKopGroot__xZC4z{max-width:16ch}.site_site__SreoX .site_persoonlijkAlinea__vvAEt{margin-top:1.25rem;max-width:46ch;font-size:clamp(1.05rem,2vw,1.15rem);color:var(--op-vlak-zacht)}.site_site__SreoX .site_persoonlijkBelofte__8L99C{display:flex;align-items:flex-start;gap:.7rem;margin-top:1.75rem;max-width:34rem;padding:.9rem 1.2rem;background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.03);box-shadow:0 1px 2px color-mix(in srgb,var(--kleur-tekst) 5%,transparent);font-size:.98rem;font-weight:var(--gewicht-kop-klein);line-height:1.45}.site_persoonlijkBelofteIcoon__Z7rot{width:1.15rem;height:1.15rem;margin-top:.15rem;flex-shrink:0;color:var(--op-vlak-accent)}.site_site__SreoX .site_tarieven__H_K67{display:flex;flex-direction:column;max-width:44rem}.site_site__SreoX .site_tariefRegel__CT6rB{display:flex;align-items:baseline;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--kleur-rand)}.site_site__SreoX .site_tariefRegel__CT6rB:last-child{border-bottom:0}.site_site__SreoX .site_tariefOmschrijving__STSoh{flex:1;overflow:hidden;font-weight:var(--gewicht-kop-klein)}.site_site__SreoX .site_tariefOmschrijving__STSoh:after{content:"";display:inline-block;width:100%;margin-left:.5rem;border-bottom:1px dotted var(--kleur-rand);transform:translateY(-.25em)}.site_site__SreoX .site_tariefPrijs__ds4ty{flex-shrink:0;margin:0;font-variant-numeric:tabular-nums;font-weight:var(--gewicht-kop-klein);white-space:nowrap}.site_site__SreoX .site_producten__1JVFz{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;list-style:none}.site_site__SreoX .site_product__iJCLL{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.2rem;border:1px solid var(--kleur-rand);border-radius:var(--radius);background:color-mix(in srgb,var(--kleur-tint) 10%,var(--vlak-basis))}.site_site__SreoX .site_productNaam__JDexy{font-size:calc(1.05rem * var(--kop-schaal));font-weight:var(--gewicht-kop-klein);line-height:1.3}.site_site__SreoX .site_productTekst__svJfh{color:var(--op-vlak-zacht);font-size:.94rem}.site_productenIntro__rLWBM{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:center;margin-bottom:clamp(2rem,4vw,3rem)}@media (min-width:52rem){.site_productenIntro__rLWBM[data-beeld=ja]{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.site_site__SreoX .site_productenIntroTekst__9Iuwt{max-width:var(--maxregel);font-size:clamp(1.02rem,1.9vw,1.12rem);color:var(--op-vlak-zacht)}.site_productenBeeld__FxlR6{overflow:hidden;border-radius:var(--radius);background:var(--kleur-rand)}.site_productenFoto__gCTIV{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site_site__SreoX .site_productPrijs__DFCAQ{margin-top:auto;padding-top:.35rem;font-variant-numeric:tabular-nums;font-weight:var(--gewicht-kop-klein)}.site_site__SreoX .site_openingstijden__FZfrS{display:grid;grid-template-columns:auto auto;justify-content:start;gap:.1rem 1.25rem;margin-top:.15rem}.site_site__SreoX .site_openingsregel__Y1ESS{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.site_site__SreoX .site_openingsdag__Ot7nf{text-transform:capitalize}.site_site__SreoX .site_openingsuren__PD_El{font-variant-numeric:tabular-nums}.site_site__SreoX .site_openingsregel__Y1ESS[data-gesloten=ja] .site_openingsuren__PD_El{color:var(--op-vlak-zacht)}.site_proces__T6x5T{display:grid;gap:2rem;grid-template-columns:1fr;counter-reset:stap}@media (min-width:52rem){.site_proces__T6x5T{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.site_processtap__SYLjN{position:relative}.site_processtapNummer__Vom1O{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;border-radius:999px;background:color-mix(in srgb,var(--kleur-tint) 26%,var(--vlak-basis));color:var(--op-vlak);font-family:var(--font-display);font-size:calc(1.1rem * var(--kop-schaal));font-weight:var(--gewicht-kop);font-variant-numeric:tabular-nums}@media (min-width:52rem){.site_processtap__SYLjN:not(:last-child) .site_processtapNummer__Vom1O:after{content:"";position:absolute;top:1.375rem;left:3.25rem;right:-2rem;height:2px;background:var(--op-vlak-accent);opacity:.3}}.site_site__SreoX .site_processtapTitel__ENyzk{margin-bottom:.4rem;font-family:var(--font-display);font-size:calc(1.15rem * var(--kop-schaal));font-weight:var(--gewicht-kop-klein);line-height:1.25}.site_site__SreoX .site_processtapTekst__K__rH{max-width:var(--maxregel);color:var(--op-vlak-zacht);font-size:.98rem}.site_galerij__JCUjB{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:34rem){.site_galerij__JCUjB[data-vorm-galerij=raster]{grid-template-columns:repeat(2,1fr)}}@media (min-width:48rem){.site_galerij__JCUjB[data-vorm-galerij=groot]{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.site_galerij__JCUjB[data-vorm-galerij=groot]>:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:62rem){.site_galerij__JCUjB[data-vorm-galerij=raster]{grid-template-columns:repeat(3,1fr)}}.site_galerijItem__RGtU1{overflow:hidden;border-radius:var(--radius);background:var(--kleur-rand)}.site_afbeelding__tfLpE{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 42%;object-position:50% 42%}.site_contact__dhIqR{padding-top:calc(var(--ruimte-sectie) + 1rem)}.site_contactRaster__ODcDD{display:grid;gap:2.5rem;grid-template-columns:1fr;align-items:start}@media (min-width:48rem){.site_contactRaster__ODcDD{grid-template-columns:1fr auto;gap:3.5rem}.site_contactRaster__ODcDD[data-formulier=ja]{grid-template-columns:1fr 23rem}}.site_contactRegel__u85f9{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid color-mix(in srgb,var(--op-vlak) 20%,transparent)}.site_contactRegel__u85f9:last-child{border-bottom:0}.site_contactLabel__cZKW9{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--op-vlak-zacht)}.site_contactWaarde__ZR21R{overflow-wrap:anywhere}.site_socialRij__Ok49O{display:flex;flex-wrap:wrap;gap:.35rem;margin:-.6rem 0 -.6rem calc((2.1rem - 2.75rem) / 2)}.site_socialLink__YvViG{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-knop);color:var(--op-vlak-accent);transition:background-color .15s ease}.site_socialLink__YvViG:hover .site_socialBadge__eAwih{transform:scale(1.08)}.site_socialBadge__eAwih{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:999px;box-shadow:0 0 0 1px color-mix(in srgb,var(--op-vlak) 40%,transparent);transition:transform .15s ease}.site_socialIcoon__0xOjR{width:1.15rem;height:1.15rem}.site_contactActie___iFOG{align-self:center}.site_formulier__9g3qD{display:flex;flex-direction:column;gap:.9rem;width:100%;min-width:0;color:var(--op-vlak)}.site_formulier__9g3qD .site_formulierLabel__98aef{color:var(--op-vlak-zacht)}.site_sectie__ieUhh[data-toon=omgekeerd] .site_formulier__9g3qD .site_formulierInvoer__z9z_m{background:color-mix(in srgb,var(--op-vlak) 10%,transparent);border-color:color-mix(in srgb,var(--op-vlak) 60%,transparent);color:var(--op-vlak)}.site_sectie__ieUhh[data-toon=omgekeerd] .site_formulier__9g3qD .site_formulierInvoer__z9z_m::-moz-placeholder{color:color-mix(in srgb,var(--op-vlak) 70%,transparent)}.site_sectie__ieUhh[data-toon=omgekeerd] .site_formulier__9g3qD .site_formulierInvoer__z9z_m::placeholder{color:color-mix(in srgb,var(--op-vlak) 70%,transparent)}.site_sectie__ieUhh[data-toon=omgekeerd] .site_formulier__9g3qD .site_formulierInvoer__z9z_m:focus{border-color:var(--op-vlak);outline-color:var(--op-vlak)}.site_sectie__ieUhh[data-toon=omgekeerd] .site_formulier__9g3qD .site_knop__D1_ZM{border-color:var(--op-vlak);background:var(--op-vlak);color:var(--vlak-basis)}.site_sectie__ieUhh[data-toon=omgekeerd] .site_formulier__9g3qD .site_formulierFout__mOC2I{color:var(--op-vlak);text-decoration:underline;text-underline-offset:3px}.site_formulierVeld__vg3_6{display:flex;flex-direction:column;gap:.35rem}.site_formulierLabel__98aef{font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--kleur-tekst-zacht)}.site_formulierOptioneel__ofOZV{font-weight:400;letter-spacing:0;text-transform:none}.site_site__SreoX .site_formulierInvoer__z9z_m{width:100%;max-width:none;padding:.65rem .8rem;border:1px solid var(--kleur-rand);border-radius:var(--radius);background:var(--kleur-achtergrond);color:var(--kleur-tekst);font-family:var(--font-ui);font-size:1rem;line-height:1.4}.site_site__SreoX .site_formulierInvoer__z9z_m:focus{border-color:var(--kleur-accent);outline:3px solid var(--kleur-accent);outline-offset:1px}.site_site__SreoX .site_formulierInvoer__z9z_m:disabled{opacity:.6}.site_formulierTekstvlak__ag8fu{min-height:6.5rem;resize:vertical}.site_formulierVal__ZzaPL{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.site_site__SreoX .site_formulierBevestiging__gEkCk,.site_site__SreoX .site_formulierFout__mOC2I{max-width:none;margin:0;font-size:.92rem;line-height:1.5}.site_site__SreoX .site_formulierFout__mOC2I{color:var(--kleur-accent);font-weight:600}.site_voettekst__N7dPX{padding:1.4rem clamp(1.25rem,5vw,3rem) 2rem;background:var(--kleur-achtergrond)}.site_voettekstBinnen__X5kgx{max-width:var(--maxbreedte);margin:0 auto}.site_site__SreoX .site_voetregel__fM_lC{max-width:var(--maxregel);color:var(--kleur-tekst-zacht);font-size:.85rem;line-height:1.6}.site_site__SreoX .site_voetregel__fM_lC+.site_voetregel__fM_lC{margin-top:.35rem}.site_belbalk__N3BtF{position:fixed;right:0;bottom:0;left:0;z-index:30;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom, 0px));background:var(--kleur-achtergrond);border-top:1px solid var(--kleur-rand)}.site_belknop__7yc1e{display:block;padding:.8rem 1rem;border-radius:var(--radius-knop);background:var(--kleur-cta);color:var(--kleur-cta-tekst);font-family:var(--font-ui);font-size:1rem;font-weight:var(--gewicht-cta);text-align:center;text-decoration:none}@media (min-width:46rem){.site_belbalk__N3BtF{display:none}}@media (max-width:39.999rem){.site_site__SreoX .site_heroInhoud__OlYeJ{text-align:center}.site_site__SreoX .site_bedrijfsnaam__wh3dC,.site_site__SreoX .site_tagline__jxw5X{margin-inline:auto}.site_site__SreoX .site_heroTelefoon__P4oZd{align-items:center}.site_site__SreoX .site_heroActies__6oo0f{justify-content:center}.site_site__SreoX .site_sectieKop__obGwF{margin-inline:auto;text-align:center}.site_site__SreoX .site_sectieIntro__zqaDK{text-align:center}.site_site__SreoX .site_sectieIntro__zqaDK .site_sectieKopGroot__xZC4z,.site_site__SreoX .site_sectieIntro__zqaDK .site_sectieLabel__CiS2g{margin-inline:auto}.site_site__SreoX .site_dienst__zyyLb{text-align:center}.site_site__SreoX .site_dienstIcoon__AMuqV,.site_site__SreoX .site_dienstTekst__RS_nX{margin-inline:auto}.site_site__SreoX .site_overTekst__y_YRA,.site_site__SreoX .site_persoonlijkAlinea__vvAEt{margin-inline:auto;text-align:center}.site_site__SreoX .site_troef__UpUnO{text-align:center}.site_site__SreoX .site_troefTekst__uRPoe{margin-inline:auto}.site_site__SreoX .site_persoonlijkTekst__dDX8r{text-align:center}.site_site__SreoX .site_persoonlijkTekst__dDX8r .site_sectieKopGroot__xZC4z,.site_site__SreoX .site_persoonlijkTekst__dDX8r .site_sectieLabel__CiS2g{margin-inline:auto}.site_site__SreoX .site_persoonlijkBelofte__8L99C{display:block;margin-inline:auto;text-align:center}.site_persoonlijkBelofteIcoon__Z7rot{display:inline-block;margin-top:0;margin-right:.5rem;vertical-align:-.2em}.site_site__SreoX .site_processtap__SYLjN{text-align:center}.site_site__SreoX .site_processtapNummer__Vom1O,.site_site__SreoX .site_processtapTekst__K__rH{margin-inline:auto}.site_site__SreoX .site_product__iJCLL{text-align:center}.site_site__SreoX .site_socialRij__Ok49O{justify-content:flex-start}.site_site__SreoX .site_voetregel__fM_lC{margin-inline:auto;text-align:center}}@media print{.site_balk__5qOTR,.site_belbalk__N3BtF{display:none}.site_site__SreoX{padding-bottom:0}.site_hero__ayLj5:before{padding-top:0}}

/* ──────────────────────────────────────────────────────────────────────────
   Met de hand toegevoegd op 2026-08-15, na de export.
   Zie LEESMIJ.txt: deze map is vanaf nu de waarheid, niet het dashboard.
   ────────────────────────────────────────────────────────────────────────── */

/* De openingstijden hebben een derde kolom gekregen voor waar zij die dag is.
   Op dinsdag en donderdag werkt ze in de salon, en dat verschil hoort een
   eigen kolom te zijn en niet achter de tijd geplakt.

   De rijen zijn subgrid, dus de kolom moet hier bij de ouder bij: zonder deze
   regel valt "In de salon" buiten het raster. Rijen zonder derde cel laten
   hem gewoon leeg. */
.site_site__SreoX .site_openingstijden__FZfrS {
  grid-template-columns: auto auto auto;
}

.site_site__SreoX .site_openingsplek {
  color: var(--op-vlak-zacht);
  font-size: 0.92em;
}

/*
 * Het contactblok stond op data-toon="omgekeerd" en werd daarmee een bijna
 * zwart vlak: die stand gebruikt de tekstkleur #2B1219 als achtergrond over de
 * volle breedte. Op een pagina die verder licht en roze is, viel dat als een
 * gat onderaan.
 *
 * Het staat nu in de HTML op "getint", precies dezelfde stand als de secties
 * erboven, dus exact hetzelfde roze (#f7e0e8). Er is hier bewust géén regel
 * die die tint dieper zet: dat is één keer geprobeerd en het werd te nadrukkelijk.
 *
 * Twee dingen die daarbij zijn nagemeten en dus geen eigen regel nodig hadden:
 * de knop in het formulier is #be185d, gelijk aan die in de bovenbalk, en de
 * links in dit blok halen op deze achtergrond 4,83:1. Beide binnen de norm
 * zonder er iets overheen te schrijven.
 */

/*
 * Het Facebook-merkteken.
 *
 * Er stond een nagetekende "f" als lijntekening in een gekleurd rondje. Dat
 * was het merk niet, alleen een verwijzing ernaar. Nu staat het officiële
 * teken er: de blauwe cirkel met de witte f die tot aan de onderrand doorloopt.
 *
 * De cirkel zit in het merkteken zelf, dus het rondje eromheen (`socialBadge`)
 * is vervallen. Anders krijg je een cirkel in een cirkel, met het randlijntje
 * van dat rondje er nog omheen. Het opzwellen bij aanwijzen zat aan die klasse
 * vast en staat daarom hieronder opnieuw.
 */
.site_site__SreoX .site_socialLogo {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  transition: transform 0.15s ease;
}

.site_socialLink__YvViG:hover .site_socialLogo {
  transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .site_site__SreoX .site_socialLogo {
    transition: none;
  }
}

/* Boven de behandelkaarten staat sinds de herschrijving een inleidende alinea
   in de sectiekop. Het sjabloon kende daar geen alinea, alleen een label en een
   kop, en alle p's staan op margin:0. Zonder deze regel plakt hij tegen de kop
   aan. */
.site_site__SreoX .site_sectieIntro__zqaDK .site_overTekst__y_YRA {
  margin-top: 1rem;
}

/*
 * De openingstijden op een smal scherm.
 *
 * Twee dingen gingen daar mis. Het contactvak staat op `overflow-wrap: anywhere`
 * zodat een lang e-mailadres kan afbreken, en die regel sloeg ook op de
 * dagnamen: er stond "Woensda" met een losse "g" eronder. En de drie kolommen
 * pasten niet naast het label van 7 rem: op een scherm van 375 px blijft daar
 * ongeveer 207 px voor over, terwijl dag, tijd en plaats samen met de tussen-
 * ruimtes op ruim 275 px uitkomen.
 *
 * Afbreken binnen een woord staat daarom uit voor dit blokje, en onder de
 * 34 rem gaat het label boven de waarde staan in plaats van ernaast. Dan heeft
 * de hele breedte van de kolom beschikbaar en past het ruim.
 */
.site_site__SreoX .site_openingstijden__FZfrS {
  overflow-wrap: normal;
}

.site_site__SreoX .site_openingsdag__Ot7nf,
.site_site__SreoX .site_openingsuren__PD_El,
.site_site__SreoX .site_openingsplek {
  white-space: nowrap;
}

/*
 * Op een telefoon centreert het sjabloon zo ongeveer alles: de sectiekoppen,
 * de behandelkaarten, de troeven, het blok over Petra en de voetregel. Het
 * contactblok deed daar niet aan mee, en zodra de rijen gestapeld werden viel
 * ook de structuur van label-naast-waarde weg. Dan staat dat ene blok links
 * terwijl de hele pagina eromheen midden staat.
 *
 * Zelfde grens als het sjabloon aanhoudt (39.999rem), zodat alles op hetzelfde
 * moment omklapt. Zou dit op een andere breedte schakelen, dan krijg je een
 * tussengebied met gecentreerde labels in een tweekolomsraster.
 *
 * Het formulier blijft links uitgelijnd. Een label boven een invoerveld hoort
 * bij dat veld te beginnen, niet in het midden te zweven.
 */
@media (max-width: 39.999rem) {
  .site_site__SreoX .site_contactRegel__u85f9 {
    grid-template-columns: 1fr;
    gap: 0.35rem;
    justify-items: center;
    text-align: center;
  }

  /* Het hele rooster naar het midden, maar de kolommen erbinnen blijven
     onderling uitgelijnd; dat is precies waar zo'n rooster voor is. */
  .site_site__SreoX .site_openingstijden__FZfrS {
    justify-content: center;
    gap: 0.1rem 0.9rem;
  }

  /* De negatieve linkermarge hier is bedoeld om het ronde icoon optisch
     uit te lijnen met de tekst erboven als het links staat. Gecentreerd werkt
     die tegen en trekt hij het icoon 3 px uit het midden. */
  .site_site__SreoX .site_socialRij__Ok49O {
    justify-content: center;
    margin-left: 0;
  }
}

/* Het ProVoet-keurmerk in het contactblok. Vaste breedte en `height:auto`, zodat
   de verhouding van het bestand (1000 bij 586) leidend blijft en de regel niet
   verspringt terwijl het plaatje nog laadt — de afmetingen staan ook in de HTML. */
.site_site__SreoX .site_keurmerk {
  width: 7.5rem;
  height: auto;
}

/*
 * De knoppen in de hero blijven ook op een telefoon staan.
 *
 * Het sjabloon zet ze onder de 30 rem op `display:none` zodra er een foto in
 * de hero staat. Dat is te verdedigen zolang de enige knop "Maak een afspraak"
 * is — die actie staat verderop op de pagina nog een keer, als formulier.
 *
 * Maar hier staat nu ook het telefoonnummer, en dat is voor deze klantengroep
 * de belangrijkste manier van contact opnemen. Een belknop die juist op een
 * telefoon verdwijnt, is precies verkeerd om.
 *
 * De hero groeit gewoon mee in hoogte: de foto ligt absoluut over het hele
 * vlak en de hoogte komt uit een pseudo-element dat een minimum zet, geen
 * maximum. Er wordt dus niets afgeknipt.
 */
@media (max-width: 30rem) {
  .site_site__SreoX .site_hero__ayLj5[data-foto="ja"] .site_heroActies__6oo0f {
    display: flex;
  }
}

/*
 * De knoppen in de hero, boven op de foto.
 *
 * Het sjabloon geeft een secundaire knop boven een foto een donkere rand met
 * een doorzichtige vulling. Dat werkt op een egale foto en niet op deze: het
 * marmer, de blaadjes en de voeten lopen er dwars doorheen, en dan lezen de
 * twee contactknoppen als losse omtrekjes naast een gevulde knop. Twee
 * verschillende systemen naast elkaar.
 *
 * Ze krijgen daarom een dichte witte vulling met de accentkleur als tekst. Dan
 * staat er één familie: één gevulde knop in de accentkleur voor de hoofdactie,
 * twee gevulde witte ernaast voor bellen en appen. De rand is dezelfde kleur
 * als de vulling, zodat de vorm en de hoogte gelijk blijven aan de eerste knop.
 *
 * Contrast nagemeten: accent op wit haalt 5,4:1, ruim boven de 4,5 die je voor
 * knoptekst wilt. Het schaduwtje is er niet voor de sier maar om de knop van de
 * foto los te tillen; zonder dat vloeit wit op wit marmer in elkaar over.
 */
.site_site__SreoX .site_hero__ayLj5[data-foto="ja"] .site_knopSecundair__4SUW4 {
  border-color: var(--kleur-vlak);
  background: var(--kleur-vlak);
  color: var(--kleur-accent);
  box-shadow: 0 1px 2px rgba(43, 18, 25, 0.08), 0 6px 16px -8px rgba(43, 18, 25, 0.25);
}

/* De omlijning bij toetsenbordbediening moet zichtbaar blijven op wit; de
   sjabloonregel zet die op de tekstkleur van de foto. */
.site_site__SreoX .site_hero__ayLj5[data-foto="ja"] .site_knopSecundair__4SUW4:focus-visible {
  outline: 3px solid var(--kleur-accent);
  outline-offset: 3px;
}

/*
 * Twee heroformaten.
 *
 * De brede foto is 16:9 en heeft de voeten aan de rechterkant. Op een telefoon
 * wordt de hero juist smal en hoog, en dan snijdt `object-fit: cover` de zijkanten
 * weg tot er alleen nog voeten over zijn, pal achter de tekst. Veel te druk.
 *
 * De keuze zit in een `<picture>` en niet in CSS met twee achtergrondplaatjes:
 * zo haalt de browser er precies één op. De voorlaadregels in de kop hebben
 * dezelfde grens meegekregen, anders begint hij alsnog aan allebei.
 *
 * De uitsnede staat hier en niet meer in een style-attribuut op de afbeelding.
 * Een inline stijl wint van elke regel in de stylesheet, en dan kan de mobiele
 * variant zijn eigen uitsnede niet krijgen.
 */
.site_site__SreoX .site_hero__ayLj5[data-foto="ja"] .site_heroFoto__JazcL {
  object-position: 70% 50%;
}

@media (max-width: 639.98px) {
  /* De staande foto heeft vrijwel dezelfde verhouding als het vlak, dus er valt
     nauwelijks iets weg en het midden is de juiste keuze. */
  .site_site__SreoX .site_hero__ayLj5[data-foto="ja"] .site_heroFoto__JazcL {
    object-position: 50% 50%;
  }
}

/*
 * De bovenbalk op een telefoon.
 *
 * Drie dingen en verder niets: beeldmerk, bedrijfsnaam, menuknop.
 *
 * Het sjabloon deed het anders. Daar verdwijnt het merk op een telefoon en
 * blijven de belknop en de afspraakknop staan, waarbij de eerste alle
 * vrijgekomen ruimte opslokt (flex: 1 1 0). Je hield een brede lege pil met
 * een telefoontje erin over, en geen merk.
 *
 * Die twee knoppen zijn hier weggehaald, en daarmee is er ruimte voor de
 * naam. Ze zijn niet verdwenen uit de site: bellen, appen en een afspraak
 * maken staan alle drie als knop in de hero, direct onder deze balk, en
 * verderop nog een keer in het contactblok. Op een breed scherm blijft de
 * balk ongewijzigd; daar is plaats genoeg en staat de oproep niet in de weg.
 *
 * Nagemeten op 375 px: merk 35, naam ruim binnen de 236 px die overblijft,
 * menuknop 40, in een balk van 343 px.
 */
@media (max-width: 39.999rem) {
  .site_balk__5qOTR .site_balkMerk__rL1uo {
    display: flex;
  }

  .site_balk__5qOTR .site_balkNaam__q_2Ez {
    display: block;
  }

  /* Logo en menuknop even groot, zodat de balk links en rechts door hetzelfde
     rondje wordt afgesloten. Meebewegend met de schermbreedte in plaats van
     een vaste maat: op een toestel van 320 px moeten drie dingen naast elkaar
     passen, op een van 430 px mag het ruimer.

     De bovengrens is bepaald door wat er nog naast past zonder dat de naam
     wordt afgekapt; de ondergrens door dat het nog een aanraakbaar doel moet
     blijven. */
  .site_balk__5qOTR .site_balkLogo__mWvxV,
  .site_balk__5qOTR .site_menuKnop__0FpJS {
    width: clamp(2.5rem, 12vw, 2.9rem);
    height: clamp(2.5rem, 12vw, 2.9rem);
  }

  /* De naam schaalt mee, anders hangt hij klein tussen twee grote rondjes. */
  .site_balk__5qOTR .site_balkNaam__q_2Ez {
    font-size: clamp(1.15rem, 5.6vw, 1.35rem);
  }

  /* Weg met de twee knoppen; de menuknop zit in dezelfde rij en blijft. */
  .site_balk__5qOTR .site_knopSecundair__4SUW4,
  .site_balk__5qOTR .site_balkActies__tSXWU > .site_knop__D1_ZM {
    display: none;
  }

  /* Het merk mag niet meekrimpen: een woordmerk dat smaller wordt getrokken
     zonder korter te worden, ziet er uitgesmeerd uit. */
  .site_balk__5qOTR .site_balkActies__tSXWU {
    flex: 0 0 auto;
  }
}

/*
 * De hero draagt niet meer de bedrijfsnaam maar de belofte.
 *
 * De naam staat een centimeter hoger al in de balk, en op een telefoon nu ook.
 * Twee keer dezelfde naam onder elkaar is verspilde ruimte op precies de plek
 * waar iemand beslist of hij verder leest.
 *
 * De klasse heet nog `bedrijfsnaam`, want die zit in het sjabloon en het
 * hernoemen daarvan zou elke toekomstige export weer terugdraaien. Wat er
 * verandert is de maat: die stond op maximaal 4,5 rem, gemaakt voor twee of
 * drie woorden. "Uw pedicure aan huis of in de salon" is een hele zin en loopt
 * bij die maat over drie regels het beeld uit. Nu maximaal 3 rem, nog altijd
 * ruim twee keer de oude ondertitel.
 *
 * De alinea eronder mag breder dan de 32 tekens die het sjabloon aanhoudt: dat
 * is een maat voor een ondertitel van één regel, niet voor twee zinnen.
 */
.site_site__SreoX .site_hero__ayLj5 .site_bedrijfsnaam__wh3dC {
  /* Sinds 06-09-2026 weer de maat van het sjabloon (tot 4,5 rem), zoals op de
     voorbeeldsites; alleen de breedte blijft iets ruimer dan de 18ch daar. */
  max-width: 20ch;
}

.site_site__SreoX .site_hero__ayLj5 .site_tagline__jxw5X {
  max-width: 46ch;
}

@media (max-width: 30rem) {
  /* 2,3 rem sinds 06-09-2026, was 1,75. Die maat hoorde bij de zorgletter;
     Cormorant heeft een lage x-hoogte en oogde op 1,75 als een tussenkop. */
  .site_site__SreoX .site_hero__ayLj5 .site_bedrijfsnaam__wh3dC {
    font-size: calc(2.3rem * var(--kop-schaal));
  }
}

/*
 * Eén woord in de kop in de accentkleur.
 *
 * Het sjabloon heeft daar een klasse voor, maar die pakt boven een foto een
 * andere kleur: `--op-foto-accent`, hier ingesteld op het diepe #6c0e35. Dat is
 * bedoeld voor een donkere of onrustige foto waar het gewone accent op wegvalt.
 * Deze foto is licht en roze, en dan is dat diepe rood een andere kleur dan al
 * het roze verderop op de pagina — de sectielabels, de knoppen, de links.
 *
 * Hier dus gewoon `--kleur-accent`, dezelfde #BE185D als de rest.
 */
.site_site__SreoX .site_hero__ayLj5[data-foto="ja"] .site_kopAccent__gw8Lv {
  color: var(--kleur-accent);
}

/*
 * Een aanloopregel boven de behandelkaarten.
 *
 * De alinea erboven eindigt met "wat er tussenin gebeurt", en daarna volgde
 * meteen de eerste kaart. Naast elkaar op een breed scherm lees je die drie
 * nog als één rijtje; onder elkaar op een telefoon valt dat verband weg en
 * begint de pagina zomaar opnieuw.
 *
 * Hij draagt de opmaak van een sectielabel, dus de typografie komt helemaal
 * uit site_sectieLabel. Hier staat alleen wat daar niet in past: de ruimte.
 *
 * Bewust een alinea en geen kopje. De kaarten dragen zelf al een h3 onder de
 * h2 van de sectie; er een kop van maken zou die allemaal een niveau moeten
 * opschuiven, en dat verandert de koppenstructuur voor een schermlezer terwijl
 * er inhoudelijk niets bijkomt.
 *
 * Meer lucht erboven dan eronder, zodat hij zichtbaar bij de kaarten hoort en
 * niet bij de alinea waar hij vanaf staat. De negatieve ondermarge trekt hem
 * door de 2 rem heen die het introblok zelf onder zich heeft staan.
 */
.site_site__SreoX .site_dienstenAanhef {
  margin-top: 2rem;
  margin-bottom: -1rem;
}

/*
 * De stippellijn tussen de omschrijving en de prijs eruit.
 *
 * Elke tarievenregel had er twee: het sjabloon zet een gestippelde aanlooplijn
 * achter de omschrijving (`::after` op site_tariefOmschrijving) en trekt
 * daarnaast een doorlopende streep onder de hele regel. Op een menukaart in een
 * restaurant werkt zo'n aanlooplijn, omdat daar niets anders tussen de gerechten
 * staat. Hier staat er ook een scheidingsstreep, en dan zie je twee lijnen die
 * bijna even hoog liggen en bijna even ver lopen: het leest als een fout in de
 * opmaak in plaats van als een leeswijzer.
 *
 * Van de twee gaat de aanlooplijn eruit en niet de streep. De streep scheidt de
 * regels van elkaar en doet dus echt iets; de aanlooplijn moet het oog naar de
 * prijs leiden, en met vijf regels op een halve pagina heeft niemand daar hulp
 * bij nodig.
 *
 * `content: none` en niet `display: none`: dat haalt het pseudo-element
 * helemaal weg in plaats van het onzichtbaar te maken, en dan blijft er ook
 * geen ruimte achter waar de omschrijving nog omheen moet lopen.
 *
 * ⚠️ Dit zit in het sjabloon en niet alleen op deze site. Elke gegenereerde
 * site met tarieven heeft dezelfde dubbele lijn.
 */
.site_site__SreoX .site_tariefOmschrijving__STSoh::after {
  content: none;
}

/*
 * De telefoonweergave, overgenomen uit het sjabloon (30-08-2026).
 *
 * ── Waarom dit met de hand moet ────────────────────────────────────────────
 *
 * Deze stylesheet is een kopie die bij het exporteren is bevroren. Verbeteringen
 * aan `templates/site/site.module.css` in het dashboard komen hier dus niet
 * vanzelf terecht, en dat is maar goed ook — anders zou een wijziging daar de
 * site van een klant kunnen veranderen zonder dat iemand kijkt. De prijs is dat
 * je het overzet wanneer je het wilt.
 *
 * Drie dingen, alle drie alleen onder de 40rem:
 *
 *   1. De dienstfoto's waren vierkant, en dat betekent op een telefoon: zo hoog
 *      als het scherm breed is. Op een toestel van 390 pixels werd dat een beeld
 *      van 330 hoog, en met drie kaarten onder elkaar scrol je een half scherm
 *      per foto. Nu 14rem, met een kleinere binnenmarge eromheen.
 *
 *   2. De negatieve marges van de foto volgen die binnenmarge. Lopen ze uiteen,
 *      dan blijft er links of rechts een strook open — dat ziet eruit als een
 *      scheef uitgelijnd plaatje.
 *
 *   3. Lopende alinea's links in plaats van gecentreerd. Kort blijft in het
 *      midden: koppen, kaarttitels, de troeven van één zin. Bij een alinea van
 *      zes regels moet het oog na elke regel een nieuwe startpositie zoeken, en
 *      dat is precies wat een linkerlijn oplost. `margin-inline: 0` hoort erbij:
 *      die alinea's hebben een `max-width`, en met `auto` staat de doos nog
 *      steeds in het midden.
 */
@media (max-width: 39.999rem) {
  .site_site__SreoX .site_dienst__zyyLb {
    padding: 1.6rem 1.5rem;
  }

  .site_site__SreoX .site_dienstFoto__riorY {
    width: calc(100% + 2 * 1.5rem);
    margin: 1.25rem -1.5rem -1.6rem;
    aspect-ratio: auto;
    height: 14rem;
  }

  .site_site__SreoX .site_dienstTekst__RS_nX,
  .site_site__SreoX .site_overTekst__y_YRA,
  .site_site__SreoX .site_persoonlijkAlinea__vvAEt {
    margin-inline: 0;
    text-align: left;
  }
}

/*
 * De sluier over de hero eruit, en de koppen minder zwaar (30-08-2026).
 *
 * ── De sluier ──────────────────────────────────────────────────────────────
 *
 * Er lag een witte waas van 51% over de hero-foto. Die staat er in het sjabloon
 * om een donkere koptekst leesbaar te houden over eender welke foto, en bij een
 * onbekende foto is dat de juiste voorzichtigheid.
 *
 * Hier is de foto bekend: roze marmer, lichtheid 88. De koptekst leest daar
 * zonder hulp op, en de waas kostte precies wat de foto te bieden heeft — het
 * marmer werd egaal roze en de bloem verbleekte.
 *
 * Allebei de trappen op nul en niet alleen de bovenste: "--scrim-zacht" is de
 * onderkant van hetzelfde verloop, en die laten staan geeft een waas die naar
 * onderen toe juist sterker wordt.
 *
 * ── De koppen ──────────────────────────────────────────────────────────────
 *
 * Van 700 naar 600. De letter is Inter, en die is op 700 een stuk zwaarder dan
 * de schreefletters waar dit sjabloon op getekend is; op een telefoon werd
 * "Wat er in een behandeling zit" een blok in plaats van een kop.
 *
 * 600 en niet 500: dit is één stap. Bij 500 verliest een kop het verschil met de
 * vetgedrukte woorden in de lopende tekst eronder.
 */
.site_site__SreoX {
  --scrim: transparent;
  --scrim-zacht: transparent;
  --gewicht-kop: 600;
}

/*
 * Twee secties met dezelfde toon krijgen niet twee keer de sectieruimte.
 *
 * ── Wat het probleem was ───────────────────────────────────────────────────
 *
 * Tussen de belofte van "Over mij" en de kop "Tarieven" stond 118 pixels: 59 aan
 * de onderkant van de ene sectie en 59 aan de bovenkant van de volgende. Die
 * ruimte is er om twee bánden van elkaar te scheiden, en dat werkt zolang de
 * tonen wisselen — bij een kleurwissel is de dubbele marge precies wat de rand
 * rustig maakt.
 *
 * Hier wisselt er niets: "persoonlijk" en "tarieven" staan allebei op
 * data-toon="basis". Wat je dan ziet is geen scheiding maar een gat.
 *
 * ── Waarom die tonen gelijk zijn ───────────────────────────────────────────
 *
 * Omdat de tarievensectie er met de hand bij is gezet. In het sjabloon rekent
 * sectietonen() de afwisseling uit over de secties die er écht komen; een blok
 * dat je achteraf in de HTML plakt, loopt daar buitenom. Dit is dus geen fout in
 * de opmaak maar het spoor van die ingreep.
 *
 * ── Waarom een regel op de toon en niet op #tarieven ───────────────────────
 *
 * Zet je het vast op dat ene id, dan klopt het tot de volgende keer dat er iets
 * verschuift. Deze regel geldt overal waar twee gelijke tonen elkaar raken, en
 * op deze pagina is dat precies één plek. Verandert de volgorde, dan verhuist de
 * regel vanzelf mee.
 *
 * Nul en niet de helft: wat overblijft is de 59 pixels van de sectie erboven, en
 * dat is één sectieruimte. Precies wat er tussen twee blokken hoort te staan.
 */
.site_site__SreoX .site_sectie__ieUhh[data-toon='basis']
  + .site_sectie__ieUhh[data-toon='basis'],
.site_site__SreoX .site_sectie__ieUhh[data-toon='getint']
  + .site_sectie__ieUhh[data-toon='getint'] {
  padding-top: 0;
}

/*
 * Het beginscherm op een telefoon: leesbaar, en de belknop erbij.
 *
 * ── De sluier terug, maar alleen waar de tekst staat ───────────────────────
 *
 * De hele sluier eruit halen maakte de foto mooier en de kop onleesbaar. Gemeten
 * op de staande foto: de donkerste plek achter de tekst geeft 1,17:1 contrast met
 * de donkere koptekst, waar 4,5:1 de ondergrens is om van leesbaar te spreken.
 * Dat is geen smaakverschil; in de schaduw tussen de voeten viel de titel gewoon
 * weg.
 *
 * Wat er nu ligt is geen waas over de hele foto maar een verloop: 55% bovenaan,
 * waar de titel en de zin eronder staan, en niets meer vanaf 72%. Doorgerekend
 * geeft dat 6,2:1 waar het nodig is, en de gerbera en de tenen onderin blijven
 * onaangeroerd — precies het deel van de foto waar het om gaat.
 *
 * Alleen op een telefoon. Op een breed scherm staat de tekst links van het
 * onderwerp, op leeg marmer, en daar is niets voor nodig.
 *
 * ── De belknop ─────────────────────────────────────────────────────────────
 *
 * Alleen op een telefoon, want daar is bellen één tik en op een laptop een
 * nummer om over te typen. Op een breed scherm staat het nummer al in de balk
 * rechtsboven; twee keer hetzelfde in beeld is er een te veel.
 */
@media (max-width: 39.999rem) {
  .site_site__SreoX .site_heroScrim___7rzl {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.55) 0%,
      rgba(255, 255, 255, 0.5) 42%,
      rgba(255, 255, 255, 0) 72%
    );
  }

  /* De knoppen onder elkaar en even breed. Naast elkaar passen ze niet op een
     smal scherm, en dan breekt de tweede half af achter de eerste. */
  .site_site__SreoX .site_heroActies__6oo0f {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
  }
}

/*
 * De belknop staat er op elk formaat.
 *
 * Hij stond eerst alleen op een telefoon, met het argument dat bellen daar één
 * tik is en het nummer op een laptop toch al rechtsboven in de balk staat. Dat
 * argument klopt en weegt hier niet op tegen het andere: wie op een laptop naar
 * een pedicure kijkt, wil ook gewoon kunnen bellen zonder eerst een nummer uit
 * een balk over te typen.
 *
 * Op een breed scherm staan de twee knoppen naast elkaar op hun eigen breedte;
 * het gelijktrekken hierboven geldt alleen onder de 40rem, waar ze onder elkaar
 * staan.
 */

@media (max-width: 39.999rem) {
  .site_site__SreoX .site_heroInhoud__OlYeJ {
    text-align: left;
  }

  .site_site__SreoX .site_bedrijfsnaam__wh3dC,
  .site_site__SreoX .site_tagline__jxw5X {
    margin-inline: 0;
  }

  /* Even breed, maar niet over het hele scherm.

     De rij krimpt tot de breedste knop (width: fit-content) en de twee rekken
     zich daarnaartoe uit (align-items: stretch). Dat is wat ze gelijk maakt
     zonder een maat te verzinnen: verandert de tekst op een van de twee, dan
     schuiven ze allebei mee.

     Een knop die het hele scherm beslaat leest als een balk, en twee daaronder
     als een menu; op de inhoudsbreedte blijft de voet ernaast vrij. */
  .site_site__SreoX .site_heroActies__6oo0f {
    width: fit-content;
    align-items: stretch;
  }
}

/*
 * De alinea op de productenpagina begint bovenaan, niet in het midden.
 *
 * Het raster daar zet de tekst links en de foto rechts, met align-items: center.
 * Dat klopt wanneer beide kolommen ongeveer even hoog zijn. Hier is de foto ruim
 * twee keer zo hoog als de drie regels ernaast, dus die drie regels zakken naar
 * het midden van de rij — en dan staat er honderd pixels wit tussen de kop en de
 * tekst die erbij hoort, zonder dat er een marge in het spel is.
 *
 * start en niet flex-start: dit is een grid, en daar heet het zo.
 *
 * Geldt op elke breedte. Op een telefoon staan de twee onder elkaar en doet
 * uitlijnen niets, dus een mediaquery zou hier alleen een regel toevoegen die
 * nergens verschil maakt.
 */
.site_site__SreoX .site_productenIntro__rLWBM {
  align-items: start;
}


/*
 * Contactknoppen in plaats van het formulier (06-09-2026).
 *
 * Overgenomen uit het sjabloon van die dag: het formulier stuurde elk bericht
 * via de mail van MKB Webstart door, en de klant van een pedicure boekt per
 * appje of telefoontje. Drie gelijke knoppen; de kop erboven is dezelfde als
 * "Openingstijden & contact" ernaast en staat vanaf 48rem op één regel.
 * contact.js en het <form>-blok zijn weg, op beide pagina's.
 */
.site_contactGegevens {
  min-width: 0;
}

.site_contactKnoppenKolom {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.site_site__SreoX .site_contactKnoppen {
  display: grid;
  gap: 0.85rem;
  padding: 0;
  list-style: none;
  width: 100%;
  min-width: 0;
}

.site_contactKnop {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--op-vlak) 32%, transparent);
  border-radius: var(--radius-knop);
  background: color-mix(in srgb, var(--op-vlak) 12%, transparent);
  color: var(--op-vlak);
  font-family: var(--font-ui);
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.site_contactKnop:hover {
  background: color-mix(in srgb, var(--op-vlak) 18%, transparent);
  transform: translateY(-1px);
}

.site_contactKnopIcoon {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site_contactKnopTekst {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.site_contactKnopKop {
  font-size: 1rem;
  font-weight: var(--gewicht-cta);
  line-height: 1.2;
}

.site_contactKnopWaarde {
  font-size: 0.9rem;
  line-height: 1.3;
  opacity: 0.8;
  overflow-wrap: anywhere;
}

@media (min-width: 48rem) {
  .site_contactRaster__ODcDD[data-knoppen='ja'] {
    grid-template-columns: 1fr minmax(21rem, max-content);
  }

  .site_site__SreoX .site_contactKnoppenKolom .site_sectieKop__obGwF {
    max-width: none;
    white-space: nowrap;
  }
}