:root{--ant:#2C2A28;--goud:#D4A82C;--goud-d:#8A6A12;--zand:#F5F2EC;--zand-d:#EAE4D8;--grijs:#5E5A55;--lijn:#D9D2C5;--lijn-d:#4A4640;--tekst-l:#CFC9BE}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--ant);background:var(--zand);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:'Bricolage Grotesque','Inter',sans-serif;line-height:1.05;margin:0}
h1{font-weight:800;font-size:clamp(42px,6vw,80px);letter-spacing:-2px;line-height:.98}
h2{font-weight:800;font-size:clamp(32px,4vw,52px);letter-spacing:-1px}
h3{font-weight:700;font-size:23px}
p{margin:0}
.mono{font-family:'DM Mono',monospace;font-size:13px}
.label{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--goud-d);margin-bottom:16px}
.dark .label{color:var(--goud)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.dark{background:var(--ant);color:var(--zand)}
.dark p{color:var(--tekst-l)}
.sec{padding:88px 0}
@media(max-width:640px){.sec{padding:64px 0}}

/* nav */
.nav{background:var(--ant);color:var(--zand)}
.nav .wrap{min-height:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--zand)}
.vf{width:44px;height:44px;background:var(--goud);color:var(--ant);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px;letter-spacing:-.5px;flex-shrink:0}
.brand b{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.3px}
.brand .sub{font-family:'DM Mono',monospace;font-size:14px;color:var(--goud)}
.menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;font-size:15px}
.menu a{color:var(--zand);text-decoration:none;padding:12px 0}
.menu a.on{color:var(--goud);font-weight:600}
.menu a.btn{padding:11px 18px;min-height:44px;font-size:15px}
.menu a.btn-wa::before{width:18px;height:18px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:600;font-size:16px;line-height:1.2;padding:15px 26px;min-height:52px;border:0;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .18s,transform .18s,box-shadow .18s,border-color .18s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(44,42,40,.16)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn-goud{background:var(--goud);color:var(--ant)}
.btn-goud:hover{background:#c99b22}
.btn-ant{background:var(--ant);color:var(--zand)}
.btn-ant:hover{background:#3a3734}
.btn-lijn{background:transparent;color:var(--zand);border:1.5px solid #6B655D}
.btn-lijn:hover{border-color:var(--zand);box-shadow:none}
.btn-lijn-d{background:transparent;color:var(--ant);border:2px solid var(--ant)}
.btn-lijn-d:hover{background:var(--ant);color:var(--zand);box-shadow:none}
/* WhatsApp-knoppen: groen met chat-icoon */
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1EBE5A}
.btn-wa::before{content:"";flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c-5.2 0-9.5 3.9-9.5 8.8 0 2.2.9 4.2 2.4 5.8L3.8 21.5l4.8-1.9c1.1.4 2.2.5 3.4.5 5.2 0 9.5-3.9 9.5-8.8S17.2 2.5 12 2.5zm0 15.6c-1.1 0-2.1-.2-3.1-.6l-.5-.2-2.3.9.6-2.1-.4-.5c-1.2-1.3-1.8-2.8-1.8-4.3 0-3.8 3.4-6.8 7.5-6.8s7.5 3 7.5 6.8-3.4 6.8-7.5 6.8zm-3.5-7.9h1.9v1.9H8.5zm2.6 0H13v1.9h-1.9zm2.6 0h1.9v1.9h-1.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c-5.2 0-9.5 3.9-9.5 8.8 0 2.2.9 4.2 2.4 5.8L3.8 21.5l4.8-1.9c1.1.4 2.2.5 3.4.5 5.2 0 9.5-3.9 9.5-8.8S17.2 2.5 12 2.5zm0 15.6c-1.1 0-2.1-.2-3.1-.6l-.5-.2-2.3.9.6-2.1-.4-.5c-1.2-1.3-1.8-2.8-1.8-4.3 0-3.8 3.4-6.8 7.5-6.8s7.5 3 7.5 6.8-3.4 6.8-7.5 6.8zm-3.5-7.9h1.9v1.9H8.5zm2.6 0H13v1.9h-1.9zm2.6 0h1.9v1.9h-1.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-wa span{font-family:'DM Mono',monospace;font-size:14px;font-weight:500;opacity:.9}
.btn-lijn.btn-wa{background:transparent;color:var(--zand);border-color:#6B655D}
.btn-lijn.btn-wa::before{background:#25D366}
.btn-lijn.btn-wa:hover{border-color:#25D366}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* hero */
.hero{padding:72px 0 88px}
.hero h1{max-width:980px;margin-bottom:28px}
.hero p{font-size:19px;max-width:600px;margin-bottom:40px}

/* grid cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;background:var(--ant);border:2px solid var(--ant)}
.card{background:var(--zand);color:var(--ant);padding:30px 28px;display:flex;flex-direction:column;gap:14px;text-decoration:none}
.card p{color:var(--grijs);font-size:16px;line-height:1.55}
.card .big{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:34px;letter-spacing:-.8px}
.card .more{margin-top:auto;font-family:'DM Mono',monospace;font-size:13px;font-weight:500;border-top:1px solid var(--lijn);padding-top:16px}
.card.dark{background:var(--ant);color:var(--zand)}
.card.dark p{color:var(--tekst-l)}
a.card:hover .big{color:var(--goud-d)}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.head p{font-size:17px;color:var(--grijs);max-width:420px}

/* why list */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 32px}
.why div{border-top:1px solid var(--lijn-d);padding-top:20px}
.why h3{font-size:21px;margin-bottom:10px}
.why p{font-size:16px}
.why a{color:var(--goud)}

/* split */
.split{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.split>*{flex:1 1 380px;min-width:0}
.split p{font-size:17px;line-height:1.7;color:var(--grijs);margin-bottom:16px}
.split p.small{font-size:15px}
.contact-line{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:16px;min-height:44px}
.contact-line span{font-family:'DM Mono',monospace;font-size:14px;color:var(--grijs)}

/* form */
form{display:flex;flex-direction:column;gap:16px}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
label{font-size:14px;font-weight:600}
input,select,textarea{font-family:inherit;font-size:16px;color:var(--ant);background:var(--zand);border:1.5px solid var(--ant);padding:12px 14px;min-height:48px;width:100%;border-radius:8px}
textarea{resize:vertical}
input[type=file]{padding:10px 14px}
.ok{display:none;background:var(--ant);color:var(--zand);padding:20px 24px;font-size:16px}

/* calculator */
.calc{background:var(--ant);color:var(--zand);padding:36px 32px;display:flex;flex-direction:column;gap:24px}
.calc label{color:var(--tekst-l)}
.calc select{background:var(--zand)}
.calc .top{display:flex;justify-content:space-between;align-items:baseline}
.calc .m{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:32px;color:var(--goud)}
input[type=range]{width:100%;accent-color:var(--goud);min-height:44px;border:0;padding:0;background:transparent}
.calc .scale{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:12px;color:#8E887E}
.calc .result{border-top:1px solid var(--lijn-d);padding-top:24px;display:flex;flex-direction:column;gap:6px}
.calc .price{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:56px;line-height:1;letter-spacing:-1.5px}
.calc .note{font-size:13px;color:#8E887E;text-align:center}
.calc .btn{width:100%}

/* price tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;background:var(--ant);border:2px solid var(--ant)}
.tile{padding:32px 28px;display:flex;flex-direction:column;gap:8px;background:var(--zand)}
.tile .amt{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:44px;line-height:1;letter-spacing:-1px}
.tile .per{font-size:14px;color:var(--grijs)}
.tile .sum{font-family:'DM Mono',monospace;font-size:13px;color:var(--grijs);margin-top:12px;border-top:1px solid var(--lijn);padding-top:12px}
.tile.dark .per,.tile.dark .sum{color:var(--tekst-l)}
.tile.dark .sum{border-color:var(--lijn-d)}
.tile.full{grid-column:1/-1;padding:24px 28px;font-size:15px;color:var(--grijs)}

/* cta band */
.band{background:var(--goud);padding:80px 0}
.band .wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:space-between}
.band .txt{flex:999 1 520px;min-width:0}
.band h2{font-size:clamp(34px,4.5vw,60px);letter-spacing:-1.2px;margin-bottom:16px}
.band p{font-size:18px}
.band .acts{flex:1 1 300px;display:flex;flex-direction:column;gap:12px}
.band .acts a{justify-content:space-between;padding:18px 24px;min-height:56px;font-size:17px}
.band .acts span{font-family:'DM Mono',monospace;font-size:14px}

/* logo (wordmark) */
.logo{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--zand)}
.logo b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;letter-spacing:.5px;line-height:1}
.logo i{display:block;width:44px;height:3px;background:var(--goud)}
.logo small{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--tekst-l)}
.logo .sub{font-family:'DM Mono',monospace;font-size:13px;color:var(--goud);letter-spacing:0;text-transform:none}

/* hero met foto */
.hero .wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.hero .txt{flex:999 1 520px;min-width:0}
.hero .img{flex:1 1 360px;min-width:0}
.hero .img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
@media(max-width:640px){.hero .img img{aspect-ratio:4/3}}

/* fotogalerij */
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gal figure{margin:0}
.gal img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--zand-d)}
.gal.wide img{aspect-ratio:3/2}
figcaption{font-family:'DM Mono',monospace;font-size:13px;color:var(--grijs);margin-top:10px}
.dark figcaption{color:var(--tekst-l)}

/* voor/na */
.vn{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.vn figure{margin:0}
.vn img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--zand-d)}

/* dennis */
.wie{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.wie img{width:160px;height:160px;border-radius:50%;object-fit:cover;flex-shrink:0}
.wie p{font-size:17px;line-height:1.7;color:var(--grijs);max-width:620px}

/* fixes */
.hero .img img{height:auto}
.dark .wie p{color:var(--tekst-l)}
.vn{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.wie img{width:180px;height:180px;border:3px solid var(--goud)}

.opts{display:flex;flex-direction:column;gap:10px}
.chk{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--zand);min-height:44px;cursor:pointer}
.chk input{width:22px;height:22px;min-height:0;padding:0;accent-color:var(--goud);margin:0}
.chk[hidden]{display:none}

.lbl{font-size:14px;font-weight:600;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.sw{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;cursor:pointer;border:1.5px solid transparent;min-height:44px}
.sw input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.sw .dot{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-sizing:border-box}
.sw .nm{font-size:12px;line-height:1.25;text-align:center;color:var(--zand)}
.sw .nm small{font-family:'DM Mono',monospace;font-size:10px;color:#8E887E}
.sw:hover{border-color:#6B655D}
.sw:has(input:checked){border-color:var(--goud);background:rgba(212,168,44,.08)}
.sw:has(input:checked) .dot{box-shadow:0 0 0 3px var(--ant),0 0 0 5px var(--goud)}
.sw:has(input:focus-visible){outline:2px solid var(--goud);outline-offset:2px}

.swatches.std{grid-template-columns:repeat(3,minmax(0,1fr))}
.meer{border:1.5px solid #4A4640}
.meer summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 14px;min-height:48px;font-size:15px;font-weight:600;color:var(--zand)}
.meer summary::-webkit-details-marker{display:none}
.meer summary::after{content:"+";margin-left:auto;font-family:'DM Mono',monospace;font-size:18px;color:var(--goud)}
.meer[open] summary::after{content:"–"}
.meer summary .mono{color:#8E887E;font-weight:400}
.meer summary .gekozen{font-family:'DM Mono',monospace;font-size:13px;color:var(--goud)}
.meer summary .gekozen:empty{display:none}
.meer>.swatches{padding:4px 10px 10px}
.meer>.mono{padding:0 14px 12px}

.sw[hidden]{display:none}
.meer[hidden]{display:none}

/* juridische pagina's */
.legal{max-width:820px}
.toc{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--lijn)}
.toc a{color:var(--grijs);text-decoration:none}
.toc a:hover{color:var(--goud-d)}
.legal article{margin-bottom:44px}
.legal h2{font-size:24px;letter-spacing:-.3px;margin-bottom:14px;display:flex;align-items:baseline;gap:12px}
.legal h2 .mono{color:var(--goud-d);font-weight:500}
.legal ol,.legal ul{margin:0;padding-left:22px;font-size:16px;line-height:1.65;color:var(--grijs)}
.legal li{margin-bottom:8px}
.legal p{font-size:16px;line-height:1.65;color:var(--grijs);margin-bottom:12px}
.legal b{color:var(--ant)}
.contact-blok{background:var(--zand-d);padding:20px 24px;font-size:15px;line-height:1.7;margin-top:12px}
footer .legal-links{display:flex;flex-direction:column}
footer .legal-links a{color:var(--tekst-l);text-decoration:none;font-size:14px}

/* kaart werkgebied */
.kaart-wrap{border:2px solid var(--ant)}
.kaart{height:440px;width:100%;background:var(--zand)}
@media(max-width:640px){.kaart{height:340px}}
.kaart-label{background:transparent;border:0;box-shadow:none;font-family:'DM Mono',monospace;font-size:12px;color:var(--ant);padding:0}
.kaart-label::before{display:none}
.leaflet-container{font-family:'Inter',sans-serif}

/* faq */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--lijn)}
.faq details{border-bottom:1px solid var(--lijn)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px;color:var(--ant);min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'DM Mono',monospace;font-size:22px;color:var(--goud-d);flex-shrink:0}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 20px;max-width:720px}

.calc .hint{font-size:12px;color:#8E887E;margin-top:4px}
.kaart .leaflet-tile-pane{filter:grayscale(1) sepia(.15) brightness(1.03)}
.band .acts a{flex-wrap:wrap}
.band .acts span{font-size:13px}



/* hero diashow */
.slides{position:relative;aspect-ratio:4/5;overflow:hidden;background:#3A3734}
@media(max-width:640px){.slides{aspect-ratio:4/3}}
.slides figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.2s ease}
.slides figure.on{opacity:1}
.slides img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.slides figcaption{position:absolute;left:16px;bottom:16px;background:var(--ant);color:var(--goud);font-family:'DM Mono',monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:8px 12px}
@media(prefers-reduced-motion:reduce){.slides figure{transition:none}}

/* paginawissel: zachte overgang, navigatie blijft staan */
@view-transition{navigation:auto}
.nav{view-transition-name:nav}
footer{view-transition-name:footer}
::view-transition-old(root){animation:220ms ease-out both vt-uit}
::view-transition-new(root){animation:260ms ease-in both vt-in}
@keyframes vt-uit{to{opacity:0}}
@keyframes vt-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* schilder-calculator */
.cgroep{display:flex;flex-direction:column;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--lijn-d)}
.ctitel{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;color:var(--zand)}
.crow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.crow label{font-size:15px;color:var(--tekst-l);flex:1 1 200px;font-weight:500}
.crow select{flex:0 1 240px;width:auto;max-width:100%;min-width:0;min-height:44px;padding:8px 12px;font-size:15px}
@media(max-width:480px){.crow select{flex:1 1 100%}}
.cin{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.cin input{width:88px;min-height:44px;padding:8px 10px;text-align:right;font-size:16px;font-family:'DM Mono',monospace;background:var(--zand)}
.cin span{font-family:'DM Mono',monospace;font-size:13px;color:#8E887E;min-width:48px}

.cdet summary{flex-wrap:wrap}
.cdet .crow{padding:2px 0}

/* footer */
footer{background:var(--ant);color:var(--tekst-l);padding:56px 0 28px;font-size:14px;line-height:1.7}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:40px}
@media(max-width:760px){.fgrid{grid-template-columns:1fr;gap:28px}}
footer .logo{margin-bottom:14px}
footer p{color:var(--tekst-l);margin:0;font-size:14px}
.fkop{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--goud);margin-bottom:10px}
footer nav{display:flex;flex-direction:column;gap:2px}
footer nav a{color:var(--zand);text-decoration:none}
footer nav a:hover{color:var(--goud)}
footer nav span{color:var(--tekst-l)}
footer nav .mono{font-size:12px;color:#8E887E;margin-top:6px}
footer .copy{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-top:40px;padding-top:18px;border-top:1px solid var(--lijn-d);color:#8E887E;font-size:12px}
footer .copy a{color:#8E887E;text-decoration:none}
footer .copy a:hover{color:var(--goud)}

/* afwerkingskeuze */
.afw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:520px){.afw,.afw.twee{grid-template-columns:1fr}}
.afwk{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 14px 12px;min-width:0;overflow-wrap:anywhere;border:1.5px solid #4A4640;cursor:pointer;min-height:44px}
.afwk input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.afwt{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;color:var(--zand)}
.afwd{font-size:13px;color:var(--tekst-l);line-height:1.4}
.afwg{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#8E887E;margin-top:6px}
.afwg.goud{color:var(--goud)}
.afwk:hover{border-color:#6B655D}
.afwk:has(input:checked){border-color:var(--goud);background:rgba(212,168,44,.08)}
.afwk:has(input:focus-visible){outline:2px solid var(--goud);outline-offset:2px}

.afw.twee{grid-template-columns:repeat(2,minmax(0,1fr))}
.cdet .afw{margin:6px 0 8px}

/* tipboxen */
.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}
.tip{display:flex;gap:12px;padding:16px 18px;background:var(--zand-d);border-left:3px solid var(--goud);font-size:15px;line-height:1.55;color:var(--grijs)}
.tip svg{flex-shrink:0;color:var(--goud-d);margin-top:2px}
.tip b{display:block;color:var(--ant);font-family:'DM Mono',monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.tip.weetje{border-left-color:var(--ant)}
.tip.weetje svg{color:var(--ant)}

/* praktijkvoorbeeld */
.feiten{margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
@media(max-width:480px){.feiten{grid-template-columns:1fr}}
.feiten div{border-top:1px solid var(--lijn-d);padding-top:10px}
.feiten dt{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--goud);margin-bottom:4px}
.feiten dd{margin:0;font-size:15px;color:var(--zand)}
.schets{margin:0;background:#3A3734;padding:24px;border:1px solid var(--lijn-d)}
.schets svg{width:100%;height:auto;display:block}

/* roterende weetjes */
.weetjes{margin-top:16px;position:relative}
.tips .weetjes{margin-top:0}
.weetjes .wtxt{position:relative;min-height:4.7em}
.weetjes .wtxt p{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease;font-size:15px;line-height:1.55;color:var(--grijs)}
.weetjes .wtxt p.on{opacity:1}
.wdots{display:flex;gap:6px;margin-top:10px}
.wdots span{width:7px;height:7px;border-radius:50%;background:var(--lijn);transition:background .3s}
.wdots span.on{background:var(--ant)}
@media(max-width:480px){.weetjes .wtxt{min-height:6.5em}}
.tip>div{flex:1 1 auto;min-width:0}
.weetjes .wtxt{width:100%}
.tile.dark{background:var(--ant);color:var(--zand)}
.tile .amt{font-size:36px}

.card p a{color:var(--goud-d);font-weight:600}
/* mobiele nav: logo + WhatsApp bovenaan, de vier vakgebieden als rij eronder */
@media(max-width:640px){
.nav .wrap{padding-top:14px;padding-bottom:10px;gap:10px 6px}
.menu{display:contents}
.nav .logo{flex:1 1 auto;order:1}
.logo .sub{display:none}
.nav .wrap::after{content:"";flex:1 1 100%;height:0;order:3}
.menu a{order:4;flex:1 1 auto;text-align:center;font-size:13.5px;padding:10px 0;border-top:1px solid var(--lijn-d);white-space:nowrap}
.menu a.btn{order:2;flex:0 0 auto;margin-left:auto;border-top:0;padding:10px 16px;min-height:42px}
}
@media(max-width:420px){.calc .btn{padding:14px 16px;font-size:15px}}
/* keyword-regel boven de H1 (zelfde look als .label) */
h1 .h1k{display:block;font-weight:400;line-height:1.4;margin-bottom:16px}
.gal img,.vn img{height:auto}
.slides.traag figure{transition:opacity 1.8s ease}
@media(max-width:640px){.slides[style*="4/3"]{aspect-ratio:4/3!important}}
/* brede diashow (voor/na-foto's) */
.hero .img.slides.breed{flex:1 1 580px;aspect-ratio:16/10}
.slides.breed figcaption{font-size:14px}
@media(max-width:640px){.hero .img.slides.breed{aspect-ratio:16/10}}
.hero .img.slides img{height:100%;aspect-ratio:auto}
/* klikbare keuzes in formulieren */
.flab{font-size:14px;font-weight:600}
label small,.flab small{font-weight:400;color:var(--grijs)}
.keuzes{display:flex;flex-wrap:wrap;gap:8px}
.kz{position:relative;cursor:pointer;font-weight:500}
.kz input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.kz span{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1.5px solid var(--ant);background:var(--zand);font-size:15px;border-radius:999px;transition:background .15s,color .15s}
.kz:hover span{background:var(--zand-d)}
.kz input:checked+span{background:var(--ant);color:var(--zand)}
.kz input:checked+span::before{content:"✓";margin-right:8px;color:var(--goud);font-weight:700}
.kz input:focus-visible+span{outline:2px solid var(--goud);outline-offset:2px}