:root{--navy: #2d375f;--navy-diep: #222a4a;--navy-nacht: #1a2036;--terra: #ca6b4e;--terra-diep: #b05a40;--terra-licht: #eaa68f;--grijs: #f1f3f2;--lijn: #d9dedc;--ink: #1d2440;--ink-zacht: #5a6178;--roze: #ecdcd6;--sans: "Mulish", system-ui, sans-serif;--serif: "Source Serif 4", Georgia, serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--grijs);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.serif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--terra);margin:2px 0 0;font-size:18px;line-height:1.35}.contactbalk{background:var(--terra);color:#f6e7e1;font-size:13px;text-align:center;padding:7px 12px}.contactbalk a{color:#fff}.intro{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:16px 18px 18px}.logo{width:64px;height:auto;flex:none}.intro h1{font-size:25px;line-height:1.08;font-weight:900;letter-spacing:-.01em;margin:0;text-wrap:balance}.intro .serif{color:var(--terra-licht);font-size:16.5px;margin-top:5px}.podium{position:sticky;top:0;z-index:20;background:var(--navy);height:60svh;min-height:400px;display:flex;flex-direction:column;border-bottom:3px solid var(--terra)}.tabs{display:flex;gap:4px;overflow-x:auto;padding:0 12px;scrollbar-width:none;flex:none;background:var(--navy-diep)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;color:#b9c0d8;font-weight:700;font-size:13.5px;padding:10px 10px 9px;border-bottom:3px solid transparent;white-space:nowrap}.tab em{font-family:var(--serif);font-weight:400;margin-left:5px;color:#8e97b6}.tab.is-aan{color:#fff;border-bottom-color:var(--terra)}.tab.is-aan em,.tab-plus{color:var(--terra-licht)}.podium-tekening{position:relative;flex:1;min-height:0}.podium-tekening .elevation{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.vak{cursor:pointer}.greep-x{cursor:ew-resize}.greep-y{cursor:ns-resize}.is-slepen .vak{cursor:inherit}.aanzicht{position:absolute;top:10px;right:10px;z-index:2;display:flex;background:var(--navy-nacht);border-radius:4px;padding:3px}.aanzicht button{color:#b9c0d8;font-weight:700;font-size:13px;padding:6px 11px;border-radius:3px}.aanzicht .is-aan{background:var(--grijs);color:var(--navy)}.label{position:absolute;top:10px;left:10px;z-index:2;background:var(--grijs);border-left:4px solid var(--terra);padding:6px 10px 6px 9px;display:grid;max-width:136px;border-radius:0 4px 4px 0}.label strong{font-size:18px;font-weight:900;color:var(--navy);line-height:1.1}.label span{font-size:12px;font-weight:700;color:var(--ink)}.label small{font-size:9.5px;line-height:1.25;color:var(--ink-zacht);margin-top:2px}.hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);margin:0;z-index:2;background:var(--navy-nacht);color:#fff;font-size:13px;font-weight:700;padding:7px 12px;border-radius:4px;white-space:nowrap;pointer-events:none;animation:tik 2.4s ease-in-out 1s 3}@keyframes tik{0%,to{transform:translate(-50%)}50%{transform:translate(-50%) translateY(-4px)}}.vakkiezer{flex:none;background:var(--grijs);color:var(--ink);padding:10px 12px 12px;border-top:3px solid var(--terra)}.vakkiezer-kop{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.vakkiezer-kop strong{font-size:15px;font-weight:800;color:var(--navy)}.vakkiezer-kop span{font-size:12.5px;color:var(--ink-zacht)}.sluit{margin-left:auto;font-size:22px;line-height:1;color:var(--navy);padding:0 4px}.types{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}.types::-webkit-scrollbar{display:none}.type{flex:none;width:70px;display:grid;justify-items:center;gap:3px;padding:7px 2px 6px;border:1.5px solid var(--lijn);border-radius:4px;color:var(--navy);background:#fff}.type span{font-size:10.5px;font-weight:700;line-height:1.15;text-align:center}.type.is-aan{background:var(--navy);color:#fff;border-color:var(--navy)}.vakkiezer-extra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:9px}.blad{background:var(--grijs)}.sectie{padding:26px 18px;border-bottom:1px solid var(--lijn)}.sectie h2{font-size:22px;font-weight:900;color:var(--navy);margin:0;letter-spacing:-.01em}.sectie h3{font-size:14px;font-weight:800;margin:20px 0 8px;color:var(--navy)}.sectie h3 span{font-weight:400;color:var(--ink-zacht);margin-left:6px}.sectie>.serif{margin-bottom:16px}.maten{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}.maatveld{display:grid;gap:4px;min-width:0}.maatveld-label{font-size:13px;font-weight:700;color:var(--ink-zacht)}.maatveld-invoer{display:flex;align-items:baseline;gap:4px;border-bottom:2px solid var(--navy)}.maatveld-invoer input{width:100%;min-width:0;border:0;background:transparent;font-size:30px;font-weight:900;color:var(--navy);padding:2px 0;font-variant-numeric:tabular-nums}.maatveld-invoer input:focus{outline:none}.maatveld-invoer:focus-within{border-bottom-color:var(--terra)}.maatveld-invoer span{font-size:14px;font-weight:700;color:var(--ink-zacht)}.duimstok{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;margin:6px 0 0;background:repeating-linear-gradient(90deg,var(--navy) 0 1px,transparent 1px 10px) 0 0 / 100% 7px no-repeat,repeating-linear-gradient(90deg,var(--navy) 0 1px,transparent 1px 50px) 0 0 / 100% 13px no-repeat,var(--roze);border-radius:2px}.duimstok::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:30px;background:var(--terra);border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px var(--terra-diep)}.duimstok::-moz-range-thumb{width:12px;height:28px;background:var(--terra);border:2px solid #fff;border-radius:3px}.seg{display:inline-flex;border:1.5px solid var(--navy);border-radius:4px;overflow:hidden;max-width:100%}.seg button{padding:9px 14px;font-weight:700;font-size:14px;color:var(--navy);white-space:nowrap}.seg button+button{border-left:1.5px solid var(--navy)}.seg .is-aan{background:var(--navy);color:#fff}.seg-klein button{padding:6px 8px;font-size:12px}.uitkomst{margin:16px 0 0;display:grid;gap:2px;font-size:15px;padding-left:12px;border-left:3px solid var(--terra)}.uitkomst strong{font-weight:900;color:var(--navy);font-size:17px}.uitkomst span{font-size:13px;color:var(--ink-zacht)}.fouten{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px}.fouten li{font-size:13.5px;line-height:1.4;background:#f6e3dc;color:#7a3420;padding:8px 10px;border-radius:3px}.presets{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--lijn);margin-bottom:16px}.preset{text-align:left;padding:12px 10px 12px 0;border-bottom:1px solid var(--lijn);display:grid;gap:2px}.preset:nth-child(2n){padding-left:12px;border-left:1px solid var(--lijn)}.preset strong{font-weight:800;color:var(--navy);font-size:15px}.preset span{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink-zacht)}.preset:active strong{color:var(--terra)}.knoppenrij{display:flex;flex-wrap:wrap;gap:8px}.knop,.knop-lijn{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;border-radius:4px;padding:12px 16px;text-decoration:none}.knop{background:var(--terra);color:#fff}.knop:hover{background:var(--terra-diep)}.knop-lijn{border:1.5px solid var(--navy);color:var(--navy);padding:10.5px 14px}.knop-lijn:disabled{opacity:.35;cursor:default}.knop-lijn.licht{border-color:#fff;color:#fff}.toelichting{font-size:14px;line-height:1.5;color:var(--ink-zacht);margin:14px 0 0;max-width:60ch}.swatches{display:flex;gap:8px;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scrollbar-width:none}.swatches::-webkit-scrollbar{display:none}.swatch{flex:none;width:74px;display:grid;gap:1px;text-align:left}.swatch-kleur{display:block;height:46px;background:var(--c);border-radius:3px;box-shadow:inset 0 0 0 1px #1d244026;margin-bottom:5px}.is-blank .swatch-kleur{background:repeating-linear-gradient(100deg,#7e3e27 0,#7e3e27 5px,#8f4a30 5px,#8f4a30 7px,#6f3521 7px,#6f3521 12px)}.swatch-naam{font-size:12px;font-weight:800;line-height:1.15}.swatch-ral{font-size:11px;color:var(--ink-zacht)}.swatch.is-aan .swatch-kleur{box-shadow:0 0 0 2px var(--grijs),0 0 0 4px var(--navy)}.tekstveld{display:grid;gap:5px;margin-top:16px}.tekstveld span{font-size:13px;font-weight:700;color:var(--ink-zacht)}.tekstveld input,.tekstveld textarea{width:100%;border:1.5px solid #c6ccd0;background:#fff;border-radius:4px;padding:10px 12px;font-size:16px}.tekstveld input:focus,.tekstveld textarea:focus{outline:none;border-color:var(--navy)}.glas{display:grid;gap:0;border-top:1px solid var(--lijn)}.glasoptie{text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0 12px 14px;border-bottom:1px solid var(--lijn);border-left:4px solid transparent}.glasoptie strong{font-weight:800;color:var(--navy)}.glasoptie span{grid-column:1;font-size:13.5px;color:var(--ink-zacht);line-height:1.4}.glasoptie em{grid-row:1 / span 2;grid-column:2;align-self:center;font-style:normal;font-weight:800;font-size:14px;color:var(--navy)}.glasoptie.is-aan{border-left-color:var(--terra);background:#fff}.vink{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;cursor:pointer}.vink input{accent-color:var(--terra);width:18px;height:18px;margin:0}.vink-groot{display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:16px;line-height:1.4}.vink-groot small{flex-basis:100%;font-weight:400;color:var(--ink-zacht);padding-left:25px}.vink.is-uit{color:var(--ink-zacht)}.plekken{display:flex;flex-wrap:wrap;gap:6px}.plek{font-family:var(--serif);font-style:italic;font-size:15px;padding:6px 11px;border:1.5px solid #c6ccd0;border-radius:4px;background:#fff}.plek.is-aan{border-color:var(--terra);background:var(--terra);color:#fff}.sectie-slot{background:var(--navy);color:#fff;border:0;padding-bottom:32px}.regel-totaal{margin:0 0 16px;font-size:16px;display:grid;gap:4px}.regel-totaal strong{font-size:30px;font-weight:900;display:block}.regel-totaal small{color:#b9c0d8;font-size:12.5px}.sectie-slot .knop-lijn{border-color:#fff;color:#fff}.werkbon,.klaar{max-width:760px;margin:0 auto}.werkbon-kop,.klaar-kop{background:var(--navy);color:#fff;padding:18px 18px 24px}.werkbon-kop h1,.klaar-kop h1{font-size:28px;font-weight:900;margin:10px 0 0;line-height:1.1}.werkbon-kop .serif,.klaar-kop .serif{color:var(--terra-licht)}.klaar-kop p:not(.serif){color:#d5d9e6;line-height:1.5;max-width:56ch}.klaar-kop .knoppenrij{margin-top:16px}.klaar-kop .recap{border-left:3px solid var(--terra);padding-left:12px;color:#fff}.klaar-kop .knop-lijn{border-color:#fff;color:#fff}.terug{color:#b9c0d8;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}.bon{list-style:none;margin:0;padding:0 18px;background:#fff}.bonregel{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:18px 0;border-bottom:2px dashed #cfd4d8}.bon-tekening{background:var(--navy);border-radius:3px;overflow:hidden;align-self:start}.bon-tekening .elevation{width:100%;height:auto;display:block}.bon-spec h2{font-size:17px;font-weight:900;color:var(--navy);margin:0 0 6px}.bon-spec ul{margin:0;padding:0;list-style:none;font-size:12.5px;line-height:1.45;color:var(--ink-zacht)}.bon-prijs{margin:8px 0 0;font-size:18px;font-weight:900;color:var(--navy)}.bon-prijs span{font-size:12.5px;font-weight:700;color:var(--ink-zacht);margin-left:6px}.bon-acties{display:flex;gap:16px;margin-top:6px}.link{color:var(--terra-diep);font-weight:800;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}.bon-totaal{background:#fff;padding:18px;display:grid;gap:2px;border-bottom:1px solid var(--lijn)}.bon-totaal span{font-weight:700;color:var(--ink-zacht);font-size:14px}.bon-totaal strong{font-size:32px;font-weight:900;color:var(--navy)}.bon-totaal small{font-size:12.5px;color:var(--ink-zacht);line-height:1.4}.breed{margin:16px 18px 0;width:calc(100% - 36px)}.formulier{padding:28px 18px 30px}.formulier h2{font-size:22px;font-weight:900;color:var(--navy);margin:0}.formulier>.serif{margin-bottom:16px}.velden{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.veld-email,.veld-tel,.veld-straat{grid-column:1 / -1}.velden .tekstveld{margin-top:12px}.keuze{border:0;padding:0;margin:20px 0 0;display:grid;gap:10px}.keuze legend{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:8px;padding:0}.winter{background:var(--roze);padding:12px;border-radius:4px;font-weight:600;flex-wrap:nowrap}.winter input{margin-top:2px;flex:none}.formulier .knoppenrij{margin-top:20px}.formfout{background:#f6e3dc;color:#7a3420;padding:10px 12px;border-radius:4px;font-size:14px;margin:16px 0 0}.belofte{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:6px;font-size:14px;color:var(--ink-zacht)}.belofte strong{color:var(--navy);font-weight:900}.showroom{background:var(--navy-diep);color:#fff}.showroom img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.showroom-tekst{padding:22px 18px 28px}.showroom h2{font-size:22px;font-weight:900;margin:0}.showroom .serif{color:var(--terra-licht)}.showroom p:not(.serif){margin:14px 0 6px;font-weight:700}.showroom dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px;color:#d5d9e6;margin:0 0 18px}.showroom dt{font-weight:800;color:#fff}.showroom dd{margin:0}.projecten{padding:26px 0 28px}.projecten h2,.projecten .serif{padding:0 18px}.projecten h2{font-size:22px;font-weight:900;color:var(--navy);margin:0}.projectrij{display:flex;gap:10px;overflow-x:auto;padding:16px 18px 4px;scroll-snap-type:x mandatory;scroll-padding-inline:18px;align-items:start}.project{flex:none;width:74%;margin:0;scroll-snap-align:start}.project img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:3px}.project figcaption{display:grid;gap:2px;padding-top:8px;font-size:14px;line-height:1.4}.project figcaption strong{color:var(--navy);font-weight:900}.project.is-match img{box-shadow:0 0 0 3px var(--terra)}.voet{background:var(--navy-nacht);color:#b9c0d8;padding:22px 18px 26px;font-size:13px;line-height:1.5}.voet img{width:54px;margin-bottom:10px}.voet p{margin:0 0 6px}.voet .demo{color:#7c86a8;margin-top:10px}.printvel{display:none}@media (prefers-reduced-motion: reduce){.hint{animation:none}}@media (min-width: 980px){.intro{padding:22px 40px}.intro h1{font-size:34px}.intro .serif{font-size:20px}.logo{width:82px}.werk{display:grid;grid-template-columns:1fr 460px;align-items:start}.podium{height:calc(100vh - 150px);min-height:560px;border-bottom:0;border-right:3px solid var(--terra)}.label{max-width:190px;padding:9px 14px 9px 12px}.label strong{font-size:24px}.label span{font-size:13.5px}.label small{font-size:11px}.sectie{padding:30px 32px}.swatches{margin:0 -32px;padding:2px 32px 6px}.tabs{padding:0 20px}.werkbon,.klaar{padding-bottom:0}.bonregel{grid-template-columns:180px 1fr}.project{width:30%}}@media print{@page{size:A4;margin:14mm}body{background:#fff}.app>*:not(.printvel){display:none!important}.printvel{display:block}.printblad{page-break-after:always;font-size:11pt;color:#000}.printblad header{display:flex;justify-content:space-between;border-bottom:2px solid #2d375f;padding-bottom:6px}.printblad h2{font-size:16pt;margin:10px 0}.print-tekening{height:150mm}.print-tekening .elevation{width:100%;height:100%}.printblad ul{padding-left:16px}}