@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0781808e3393dbfb-s.14kfb.s8daf6i.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/fae90444fefcda8c-s.16tw9pkncu6rk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.10.2v_am23hfz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_7ecee8e9-module__145uvq__className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.quicksand_7ecee8e9-module__145uvq__variable{--font-heading:"Quicksand", "Quicksand Fallback"}
@font-face{font-family:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/ba35eb811246f14c-s.0_-4lacr--pmy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/680aa1e827d679d2-s.p.17okjora9rfx0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Karla Fallback;src:local(Arial);ascent-override:89.55%;descent-override:24.61%;line-gap-override:0.0%;size-adjust:102.4%}.karla_1e1c6a15-module__cpifDG__className{font-family:Karla,Karla Fallback;font-style:normal}.karla_1e1c6a15-module__cpifDG__variable{--font-body:"Karla", "Karla Fallback"}
@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fde4e88984614a46-s.15jsxw4uf7-vb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cd8868152a8e05a2-s.17.4fitn6gzru.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/13384cdee973a464-s.0ywhrfvtl.xl1.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e550f72b5719cd90-s.0.9y2y9uk_n37.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5044bd7c23e87b-s.0d64.vh-.xt30.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f993dba6660b9bd1-s.p.0ptrdda7lwqxw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/25e7eee88b8d5dd7-s.0r0bj.bgua8im.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/39d1e1bb9f8cad76-s.07tzs2gcim0e2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cbc6e595d0a8fd91-s.128pcc2-xt2wa.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/291deed17ca6a9b2-s.0b1odj1br7wka.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b4512e2e7085ebdc-s.0h1o7uu9_rb1s.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/61632ccc178e84bd-s.p.0omv4tysur0~7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu Mono Fallback;src:local(Arial);ascent-override:74.0%;descent-override:15.16%;line-gap-override:0.0%;size-adjust:112.16%}.ubuntu_mono_2e73320b-module__k-ybfW__className{font-family:Ubuntu Mono,Ubuntu Mono Fallback;font-style:normal}.ubuntu_mono_2e73320b-module__k-ybfW__variable{--font-mono:"Ubuntu Mono", "Ubuntu Mono Fallback"}
:root{--primary:#0891b2;--primary-light:#ecfeff;--primary-glow:#0891b24d;--secondary:#164e63;--accent:#d97706;--accent-glow:#d977064d;--text:#164e63;--text-muted:#64748b;--text-dark:#0c4a6e;--bg:#f0fdfa;--bg-surface:#ecfeff;--card-bg:#fff;--card-border:#a5f3fc;--kalk:#fcd34d;--schoon:#06b6d4;--besparing:#10b981;--hard:#ef4444;--zacht:#22d3ee;--trust:#2563eb}*{box-sizing:border-box}body{color:var(--text);background-color:var(--bg);font-family:var(--font-body), "Karla", sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading), "Quicksand", sans-serif;color:var(--secondary);margin-top:0}a{color:var(--primary);transition:color .2s}a:hover{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-alt{background-color:var(--bg-surface)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid #0000;border-image:linear-gradient(180deg, var(--primary), var(--trust)) 1;border-image-slice:0 0 0 1;border-radius:20px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0891b214}.card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0891b226,0 4px 15px #0000000d}.card-simple{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0891b214}.card-simple:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0891b226}.btn{cursor:pointer;font-weight:600;font-family:var(--font-body), "Karla", sans-serif;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg, var(--trust) 0%, #3b82f6 100%);color:#fff;box-shadow:0 4px 20px #2563eb66}.btn-secondary{color:var(--primary);border:2px solid var(--card-border);background-color:#fff}.btn-secondary:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background-color:var(--primary);color:#fff}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-compact{background-color:var(--schoon);color:#fff}.badge-standaard{background-color:var(--primary);color:#fff}.badge-premium{background-color:var(--trust);color:#fff}.badge-duplex{background-color:var(--accent);color:#fff}.badge-kalkfilter{background-color:var(--besparing);color:#fff}.badge-hard{background-color:var(--hard);color:#fff}.badge-zacht{background-color:var(--zacht);color:#fff}.badge-besparing{background-color:var(--besparing);color:#fff}.price-font{font-family:var(--font-mono), "Ubuntu Mono", monospace;font-weight:600}.grid-2,.grid-3{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.layout-sidebar{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}@media (min-width:1024px){.layout-sidebar{grid-template-columns:1fr 350px}}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:50;background-color:#fffffff2;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:4rem;display:flex}.nav-links{align-items:center;gap:2rem;font-weight:500;display:none}.nav-links a{color:var(--text-muted);font-size:.95rem;text-decoration:none}.nav-links a:hover{color:var(--primary)}@media (min-width:768px){.nav-links{display:flex}}.footer{color:#94a3b8;border-top:3px solid var(--accent);background:linear-gradient(#164e63 0%,#0c4a6e 100%);padding:4rem 0 2rem}.footer a{color:#94a3b8;text-decoration:none}.footer a:hover{color:var(--accent)}.footer h4{color:#fff}.breadcrumbs{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.breadcrumbs a{color:var(--primary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.content-wrapper h2{color:var(--secondary);margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.875rem}.content-wrapper h3{color:var(--text-dark);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.content-wrapper p{color:var(--text-muted);margin-bottom:1.25rem;line-height:1.8}.content-wrapper ul{margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:disc}.content-wrapper li{color:var(--text-muted);margin-bottom:.5rem;line-height:1.7}.content-wrapper a{color:var(--primary);text-decoration:underline}.content-wrapper strong{color:var(--text)}.content-wrapper table{border-collapse:collapse;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;margin:2rem 0;overflow:hidden}.content-wrapper th,.content-wrapper td{text-align:left;border-bottom:1px solid var(--card-border);padding:1rem}.content-wrapper th{color:var(--secondary);background-color:#0891b21a;font-weight:600}.content-wrapper td{color:var(--text-muted)}.form-step{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-option{border:2px solid var(--card-border);cursor:pointer;background:#fff;border-radius:20px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.form-option:hover{border-color:var(--schoon);box-shadow:0 0 15px var(--primary-glow);background-color:#06b6d40a}.form-option.selected{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);background:linear-gradient(135deg,#0891b214 0%,#06b6d408 100%)}.form-emoji{font-size:2rem;line-height:1}.input-field{border:1px solid var(--card-border);width:100%;color:var(--text);background-color:#fff;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-group{margin-bottom:1.5rem}label{color:var(--text-muted);margin-bottom:.5rem;font-weight:500;display:block}.hover-card{cursor:pointer;transition:transform .3s,box-shadow .3s}.hover-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0891b226,0 4px 15px #0000000d}.price-table{border-collapse:separate;border-spacing:0;border:1px solid var(--card-border);border-radius:16px;width:100%;overflow:hidden}.price-table th{color:var(--secondary);text-align:left;background:linear-gradient(135deg,#0891b226 0%,#06b6d414 100%);padding:1rem;font-weight:600}.price-table td{border-bottom:1px solid var(--card-border);color:var(--text-muted);background:#fff;padding:.875rem 1rem}.price-table tr:last-child td{border-bottom:none}.price-table tbody tr:hover td{background-color:#0891b20a}.info-box{border-left:4px solid var(--primary);background:#0891b20f;border-radius:0 16px 16px 0;margin:2rem 0;padding:1.5rem}.info-box h3{color:var(--secondary);margin:0 0 .5rem}.info-box p{color:var(--text-muted);margin:0;line-height:1.7}.savings-box{border-left:4px solid var(--besparing);background:#10b9810f;border-radius:0 16px 16px 0;margin:2rem 0;padding:1.5rem}.kalk-box{border-left:4px solid var(--kalk);background:#fcd34d1a;border-radius:0 16px 16px 0;margin:2rem 0;padding:1.5rem}.water-divider{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg width='200' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q25 10 50 20 T100 20 T150 20 T200 20' stroke='%230891B2' stroke-width='1.5' fill='none' opacity='0.3'/%3E%3Cpath d='M0 25 Q25 15 50 25 T100 25 T150 25 T200 25' stroke='%2322D3EE' stroke-width='1' fill='none' opacity='0.2'/%3E%3Ccircle cx='50' cy='18' r='3' fill='%230891B2' opacity='0.2'/%3E%3Ccircle cx='150' cy='22' r='2' fill='%2322D3EE' opacity='0.3'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;width:100%;height:40px}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 35px var(--primary-glow), 0 0 60px #0891b226}}.pulse-glow{animation:3s ease-in-out infinite glow-pulse}.mobile-sticky-cta{background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);text-align:center;z-index:100;padding:1rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0891b266}.mobile-sticky-cta p{color:#fff;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.mobile-sticky-cta a.btn{width:100%;color:var(--primary);background-color:#fff;border-radius:50px;font-weight:700;display:block}@media (max-width:768px){.mobile-sticky-cta{display:block}body{padding-bottom:120px}}@media (max-width:1023px){.span-2{grid-column:span 1!important}}@media (min-width:1024px){.span-2{grid-column:span 2}}.guide-hero-image{border:1px solid #0000000d;border-radius:1rem;width:100%;height:auto;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a}.guide-section{margin-bottom:3rem}.guide-section h2{color:var(--primary);border-bottom:2px solid #0891b21a;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem}.data-table{border-collapse:collapse;background:#fff;border-radius:.5rem;width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 4px 6px #0000000d}.data-table th{background:var(--primary);color:#fff;text-align:left;padding:1rem}.data-table td{border-bottom:1px solid #eee;padding:1rem}.data-table tr:last-child td{border-bottom:none}
