:root{--font-heading:"Gloock", serif;--font-body:"Hanken Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace;--grond:#f3f3f1;--wit:#fff;--inkt:#141414;--inkt-2:#55585d;--lijn:#d9d9d5;--lijn-sterk:#8d9095;--rood:#d3131b;--rood-hover:#b30f16;--groen:#1f8a4c;--focus:#1b56d6;--fout:#c0151c;--ease:cubic-bezier(.2, .8, .2, 1);--kop-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--rood)}html{background:var(--grond);scrollbar-color:#b9bab6 var(--grond);scroll-padding-top:calc(var(--kop-h) + 16px)}body{background:var(--grond);color:var(--inkt);caret-color:var(--rood);font-size:16px;line-height:1.5}::selection{background:var(--inkt);color:var(--wit)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}a{text-underline-offset:3px;text-decoration-thickness:1px}.overslaan{z-index:50;background:var(--inkt);color:var(--wit);transition:top .15s var(--ease);border-radius:8px;padding:8px 16px;position:fixed;top:-64px;left:16px}.overslaan:focus{top:16px}.knop{white-space:nowrap;min-height:48px;transition:background-color .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:active{transform:scale(.98)}.knop--rood{background:var(--rood);color:#fff}.knop--rood:hover{background:var(--rood-hover)}.knop--lijn{border:1px solid var(--lijn-sterk);color:var(--inkt);background:0 0}.knop--lijn:hover{border-color:var(--inkt);background:var(--wit)}.knop--klein{min-height:40px;padding:0 16px;font-size:14px}.knop--vol{width:100%}.strook{border-bottom:1px solid var(--lijn);color:var(--inkt-2);font-size:13px}.strook__binnen{align-items:center;gap:24px;min-height:40px;display:flex}.strook__adres{display:none}.strook__mail{color:var(--inkt-2);margin-left:auto;text-decoration:none;display:none}.strook__mail:hover{color:var(--inkt);text-decoration:underline}@media (width>=768px){.strook__adres,.strook__mail{display:inline}}.kop{z-index:20;-webkit-backdrop-filter:blur(12px);transition:border-color .26s var(--ease);background:#f3f3f1e0;border-bottom:1px solid #0000;position:sticky;top:0}.kop.is-gescrold{border-bottom-color:var(--lijn)}.kop__binnen{height:var(--kop-h);align-items:center;gap:32px;display:flex}.kop__logo img{width:auto;height:40px}@media (width>=1024px){.kop__logo img{height:52px}}.kop__nav{gap:32px;margin-inline:auto;display:none}.kop__nav a{color:var(--inkt-2);transition:color .15s var(--ease);padding:12px 0;font-size:15px;font-weight:500;text-decoration:none}.kop__nav a:hover{color:var(--inkt)}.kop__bel{margin-left:auto}@media (width>=1024px){.kop__nav{display:flex}.kop__bel{margin-left:0}}@media (width<=639px){.kop__bel span{display:none}.kop__bel{width:44px;min-height:44px;padding:0}}.status{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.status i{background:#9a9ca0;border-radius:999px;width:8px;height:8px;position:relative}.status.is-open{color:var(--inkt)}.status.is-open i{background:var(--groen)}.status.is-open i:after{content:"";border-radius:inherit;background:var(--groen);animation:puls 2.4s var(--ease) infinite;position:absolute;inset:0}@keyframes puls{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(3)}}.held{gap:32px;padding:48px 0;display:grid}.held__kop{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;max-width:12ch;font-size:clamp(44px,7vw,96px);font-weight:400;line-height:1.02}.held__lead{color:var(--inkt-2);max-width:42ch;font-size:18px;line-height:28px}.held__knoppen{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.rating{color:var(--inkt-2);align-items:center;gap:12px;margin-top:24px;font-size:14px;text-decoration:none;display:inline-flex}.rating b{color:var(--inkt)}.rating:hover span{text-decoration:underline}@media (width>=1024px){.held{align-items:end;gap:32px 64px;padding:64px 0 96px}.held__kop,.held__zij{grid-column:1}}.held__beeld{min-width:0}.held__masker{animation:open .56s var(--ease) .12s both;border-radius:16px;overflow:hidden}.held__masker img{aspect-ratio:1;object-fit:cover;transform-origin:50%;width:100%;scale:1.12}.held__beeld figcaption{color:var(--inkt-2);margin-top:8px;font-size:13px}@keyframes open{0%{clip-path:inset(100% 0 0 round 16px)}to{clip-path:inset(0 round 16px)}}@media (width>=1024px){.held{grid-template-columns:6fr 5fr}.held__masker img{aspect-ratio:5/6}.held__beeld{grid-area:1/2/span 2}}@media (prefers-reduced-motion:reduce){.held__masker{animation:none}}.kop2{font-family:var(--font-heading);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(32px,4.4vw,56px);font-weight:400;line-height:1.1}.diensten{padding:96px 0}.index{border-top:1px solid var(--inkt);margin:48px 0 0;padding:0;list-style:none}.index li{border-bottom:1px solid var(--lijn)}.index a{grid-template-columns:1fr auto;align-items:center;gap:8px 24px;min-height:48px;padding:24px 0;text-decoration:none;display:grid}.index__naam{font-family:var(--font-heading);letter-spacing:-.015em;transition:transform .26s var(--ease), color .15s var(--ease);font-size:clamp(32px,5.2vw,64px);line-height:1.1}.index__uitleg{color:var(--inkt-2);grid-column:1;max-width:44ch}.index__pijl{color:var(--inkt-2);transition:transform .26s var(--ease), color .15s var(--ease);grid-area:1/2/span 2}.index a:hover .index__naam{color:var(--rood);transform:translate(12px)}.index a:hover .index__pijl{color:var(--rood);transform:translate(4px)}@media (width>=1024px){.index a{grid-template-columns:7fr 4fr auto;padding:24px 0}.index__uitleg{grid-area:1/2}.index__pijl{grid-area:1/3}}.alles{margin-top:32px}.alles summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:600;list-style:none;display:inline-flex}.alles summary::-webkit-details-marker{display:none}.alles summary svg{transition:transform .2s var(--ease)}.alles[open] summary svg{transform:rotate(180deg)}.alles__lijst{columns:2 160px;color:var(--inkt-2);column-gap:32px;margin:16px 0 0;padding:0;list-style:none}.alles__lijst li{border-bottom:1px solid var(--lijn);break-inside:avoid;padding:8px 0}@media (width>=1024px){.alles__lijst{columns:4}}.werkplaats{background:var(--wit);border-block:1px solid var(--lijn)}.werkplaats__raster{gap:32px;padding:96px 0;display:grid}.werkplaats__tekst p{color:var(--inkt-2);max-width:46ch;margin-top:24px}.feiten{gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.feiten li{align-items:center;gap:12px;display:flex}.feiten svg{color:var(--rood);flex:none}.foto img{object-fit:cover;border-radius:12px;width:100%}.foto figcaption{color:var(--inkt-2);margin-top:8px;font-size:13px}.foto--gevel img{aspect-ratio:4/3;object-position:48% 62%}.foto--motor img{aspect-ratio:514/362}@media (width>=1024px){.werkplaats__raster{grid-template-columns:5fr 4fr 3fr;align-items:start;gap:48px}.foto--motor{margin-top:96px}}.offerte{gap:48px;padding:96px 0;display:grid}.offerte__intro p{color:var(--inkt-2);max-width:40ch;margin-top:16px}.offerte__intro .offerte__bel{color:var(--inkt);margin-top:32px}.offerte__bel a{font-variant-numeric:tabular-nums;font-weight:600}.offerte__vak{background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:24px;box-shadow:0 1px 2px #1414140f}.offerte>*{min-width:0}@media (width>=768px){.offerte__vak{padding:32px}}@media (width>=1024px){.offerte{grid-template-columns:5fr 6fr;align-items:start;gap:96px}}.form{gap:24px;display:grid}.veld label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.veld input:not(.plaat input),.veld select{border:1px solid var(--lijn-sterk);background:var(--wit);width:100%;height:48px;color:var(--inkt);font:inherit;transition:border-color .15s var(--ease);border-radius:8px;padding:0 16px}.veld select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2355585d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:48px}.veld input:hover,.veld select:hover{border-color:var(--inkt)}.veld [aria-invalid=true]:not(.plaat input){border-color:var(--fout)}.plaat{--plaat-font:var(--font-mono)}.bevestiging{justify-items:start;gap:12px;display:grid}.bevestiging h3{font-family:var(--font-heading);font-size:28px;font-weight:400;line-height:1.2}.bevestiging p{color:var(--inkt-2)}.bevestiging:focus{outline:none}.bevestiging:not([hidden]){animation:zacht-in .3s var(--ease) both}@keyframes zacht-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.voet{background:var(--inkt);color:#f3f3f1;padding:64px 0 96px}.voet__groot a{font-family:var(--font-heading);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(40px,8vw,96px);line-height:1.05;text-decoration:none}.voet__groot a:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}.voet__raster{border-top:1px solid #ffffff29;gap:32px;margin-top:48px;padding-top:32px;display:grid}.voet h2{font-family:var(--font-body);color:#a7a9ad;margin-bottom:8px;font-size:13px;font-weight:600}.voet a{color:inherit}.voet__raster>div>a{margin-top:8px;padding:4px 0;font-size:14px;display:inline-block}.voet .status{color:#a7a9ad;margin-top:8px;font-size:14px}.voet .status.is-open{color:#f3f3f1}.voet .status.is-open i,.voet .status.is-open i:after{background:#3dd68c}.voet__logo{background:var(--wit);border-radius:12px;justify-self:start;padding:16px}.voet__logo img{width:160px}.voet__klein{color:#a7a9ad;margin-top:48px;font-size:13px}.voet :focus-visible{outline-color:#8fb3ff}@media (width>=768px){.voet__raster{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.voet__raster{grid-template-columns:repeat(3,1fr) auto}.voet{padding-bottom:64px}}.belbalk{z-index:30;padding:8px 16px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--lijn);background:#f3f3f1f0;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:fixed;inset:auto 0 0}.belbalk a{border:1px solid var(--lijn-sterk);border-radius:999px;justify-content:center;align-items:center;min-height:48px;font-weight:600;text-decoration:none;display:flex}.belbalk .belbalk__bel{background:var(--rood);border-color:var(--rood);color:#fff}@media (width>=768px){.belbalk{display:none}}@media (width<=767px){body{padding-bottom:72px}}