/* PF-IDENTITEIT-20261012 — identiteitslaag PandFix Klus: warm, speels, tegels uit het logo. Laadt ná style.css; weghalen = vorige uitstraling */
:root{--r:20px;--kop-gewicht:800;--ritme:72px;--warm:#FFF8F3;--oranje:#E8502E;--oranje-d:#C2401F;--oranje-dd:#A3351A;--oranje-l:#FDEDE7;--ease-veer:cubic-bezier(.34,1.56,.64,1)}
.wrap{padding:0 20px}
.kruimel{padding:14px 20px 0}
h1,h2{font-weight:var(--kop-gewicht)}
.sectie{padding:var(--ritme) 0}
.sectie-warm{background:var(--warm)}
.sectie-blauw{background:var(--t-b);color:#E8F1F7}
.sectie-blauw h2,.sectie-blauw h3{color:#fff}
.sectie-blauw p,.sectie-blauw .intro p{color:rgba(255,255,255,.86)}
.h-klein{font-size:1.2rem;display:flex;align-items:center;gap:8px}
.h-ico{width:22px;height:22px;color:var(--t-b);flex:none}
.knop{border-radius:14px}
.knop-oranje{background:var(--oranje-d)}
.knop-oranje:hover{background:var(--oranje-dd)}
.knop-wit{background:#fff;color:var(--oranje-d)}.knop-wit:hover{background:#FFF1EA;color:var(--oranje-dd)}
.knop-ghost{border-color:#fff;color:#fff;background:transparent}.knop-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.label{background:var(--oranje-l);color:var(--oranje-dd)}
.pijl-licht{color:#fff}.pijl-licht:hover{color:#fff}
.aanvraag-noot{margin:10px 0 0;max-width:40em}
/* sectielabel: genummerd tegeltje */
.oog{text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--ink);gap:10px}
.oog::before{display:none}
.oog b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--t-b);color:#fff;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}
.oog-1 b{background:var(--oranje-d)}.oog-2 b{background:var(--t-g);color:var(--ink)}.oog-3 b{background:var(--t-t);color:var(--ink)}
.sectie-blauw .oog{color:#fff}.sectie-blauw .oog b{background:#fff;color:var(--t-b)}
/* hero */
.hero{background:#fff;padding:24px 0 44px}
.hero h1{font-size:clamp(1.75rem,6vw,3.25rem);line-height:1.08;max-width:15ch;margin-bottom:12px}
.hero h1 mark{background:linear-gradient(transparent 62%,rgba(245,166,35,.55) 62% 92%,transparent 92%);color:inherit;padding:0 .05em}
.hero p.lead{margin-bottom:0}
.keuze-titel{font-size:1.05rem;font-weight:600;margin:4px 0 10px;color:var(--ink)}
.keuze{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.keuze-tegel{--k:var(--t-b);display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:16px;border:1.5px solid var(--lijn);background:#fff;color:var(--ink);text-decoration:none;font:600 .95rem/1.2 var(--kop);transition:background .15s,border-color .15s}
.keuze-tegel .ico{width:20px;height:20px;color:var(--k);flex:none}
.keuze-tegel:hover{background:color-mix(in srgb,var(--k) 10%,#fff);border-color:var(--k);color:var(--ink)}
.kt-o{--k:var(--oranje-d)}.kt-g{--k:#C98410}.kt-t{--k:#0E8A7E}
.kz{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.kz a{display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:8px 12px;border-radius:12px;text-decoration:none;font-size:.82rem;line-height:1.3}
.kz b{font:600 .82rem/1.25 var(--kop)}
.kz span{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.kz .pijl{width:14px;height:14px}
.kz-klus{background:var(--warm);color:var(--ink);border:1px solid #F3DED2}
.kz-klus span{color:var(--oranje-d)}
.kz-kb{background:#0B2233;color:#fff;border-radius:4px!important}
.kz-kb span{color:#9FD3F2}.kz-kb:hover{color:#fff}
.hero-rest{margin-top:4px}
.hero-noot{font-size:.85rem}
.collage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.c-foto{grid-column:1/-1;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8}
.c-foto img{width:100%;height:100%;object-fit:cover}
.c-foto .sfeer{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);padding:2px 9px;border-radius:999px}
.c-tegel{display:grid;place-items:center;height:72px;border-radius:16px;color:#fff;text-align:center;padding:6px;font:800 .82rem/1.15 var(--kop)}
.c-g{background:var(--t-g)}.c-t{background:var(--t-t);color:var(--ink)}.c-b{background:var(--t-b)}
.c-ico{width:34px;height:34px;color:#fff;stroke-width:2}
@media (min-width:880px){
 .hero{padding:52px 0 72px}
 .hero-grid{grid-template-columns:1.05fr 1fr;grid-template-areas:"kop collage" "keuze collage" "rest collage";column-gap:48px;row-gap:22px}
 .hero-keuze{grid-area:keuze}
 .keuze{grid-template-columns:repeat(3,1fr)}
 .collage{grid-area:collage;align-self:center;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5/4}
 .c-foto{grid-column:auto;aspect-ratio:auto;border-radius:24px}
 .c-tegel{height:auto;border-radius:24px;font-size:1.3rem;padding:18px}
 .c-ico{width:64px;height:64px;stroke-width:1.75}
}
@media (max-width:879px){.hero-grid{grid-template-areas:none}.collage{order:4}.hero-rest{order:3}.hero-keuze{order:2}}
@media (max-width:420px){.hero h1{font-size:1.8rem}}
/* klustegels */
.tegels{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.klustegel{--k:var(--t-b);position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);background:#F2F7FA;background:color-mix(in srgb,var(--k) 12%,#fff);color:var(--tekst);text-decoration:none;transition:transform .2s,box-shadow .2s}
.klustegel:nth-child(4n+2){--k:var(--t-o)}.klustegel:nth-child(4n+3){--k:var(--t-g)}.klustegel:nth-child(4n+4){--k:var(--t-t)}
.klustegel .ki{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--k);color:#fff;margin-bottom:6px}
.klustegel .ki .ico{width:40px;height:40px}
.klustegel h3{margin:0;font-size:1.1rem}
.klustegel p{margin:0;font-size:.93rem;color:var(--grijs);line-height:1.5}
.klustegel>.pijl{color:var(--ink);margin-top:auto}
.klustegel:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(14,95,143,.14);color:var(--tekst)}
.tegel-alle{background:var(--ink);color:#E6ECF2;justify-content:center}
.tegel-alle h3{color:#fff;font-size:1.25rem}.tegel-alle p{color:#C9D3DE}.tegel-alle .pijl-link{color:#fff}
.tegel-alle:hover{color:#E6ECF2}
@media (max-width:759px){
 .tegels{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 14px;scroll-padding:20px;gap:12px}
 .klustegel{scroll-snap-align:start}
}
/* compacte lijst met icoon */
.rel-lijst a{grid-template-columns:48px 1fr 20px;border-radius:14px}
.ri{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--t-b);color:#fff}
.rel-lijst li:nth-child(4n+2) .ri{background:var(--oranje-d)}.rel-lijst li:nth-child(4n+3) .ri{background:var(--t-g)}.rel-lijst li:nth-child(4n+4) .ri{background:var(--t-t)}
.ri .ico{width:26px;height:26px}
/* lijsten: mini-tegels in rotatiekleur */
.lijst li{padding-left:24px}
.lijst li::before{width:8px;height:8px;border-radius:2px;top:18px;left:3px;background:var(--t-b)}
.lijst li:nth-child(4n+2)::before{background:var(--t-o)}.lijst li:nth-child(4n+3)::before{background:var(--t-g)}.lijst li:nth-child(4n+4)::before{background:var(--t-t)}
/* tijdlijn */
.stappen{gap:22px;grid-template-columns:none;border-left:2px dashed var(--lijn);margin-left:28px;padding:0}
.stappen li,.stappen li:nth-child(n){display:block;background:none;border:0;padding:0 0 0 46px;min-height:56px;border-radius:0}
.stappen li::before{position:absolute;left:-29px;top:0;width:56px;height:56px;border-radius:16px;font-size:1.5rem;margin:0}
.stappen h3{margin:4px 0 4px}
.sectie-blauw .stappen{border-color:rgba(255,255,255,.35)}
.sectie-blauw .stappen li:nth-child(4n+1)::before{background:#fff;color:var(--t-b)}
.sectie-blauw .stappen p{color:rgba(255,255,255,.86)}
@media (min-width:880px){
 .stappen{border-left:0;margin-left:0;grid-auto-flow:column;grid-auto-columns:1fr;gap:28px}
 .stappen li,.stappen li:nth-child(n){padding:76px 0 0}
 .stappen li::before{left:0}
 .stappen li::after{content:"";position:absolute;top:27px;left:68px;right:-16px;height:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2'%3E%3Cline x1='1' y1='1' x2='3' y2='1' stroke='%23B9C6D2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x}
 .sectie-blauw .stappen li::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2'%3E%3Cline x1='1' y1='1' x2='3' y2='1' stroke='%23ffffff' stroke-opacity='.5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x}
 .stappen li:last-child::after{display:none}
}
/* foto's en labels */
.foto,.kop-foto{border-radius:var(--r)}
.kop-foto img{border-radius:var(--r)}
.kop-foto{overflow:visible}
.sfeer{display:block;font-style:italic;color:#566273;font-size:.75rem;margin-top:6px;font-weight:400}
.galerij figcaption .sfeer{display:inline;margin:0}
.werk-badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;background:#0E5F8F;color:#fff;font:600 .72rem/1 var(--kop);padding:6px 10px;border-radius:999px}
.mini4{width:12px;height:12px;flex:none}
.werkfoto{background:#1d3344}
.werkfoto figcaption{position:absolute;left:8px;right:8px;bottom:8px;width:max-content;max-width:calc(100% - 16px);background:rgba(11,34,51,.8);color:#fff;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px}
.duo .foto img{aspect-ratio:4/5}
/* zusterkaart (stijl van de doelsite: donker, rechte hoeken) */
.zuskaart{display:grid;grid-template-columns:44px 1fr 22px;gap:14px;align-items:center;background:#0B2233;color:#DCE6EF;border-radius:4px;padding:16px 18px;text-decoration:none;line-height:1.45;font-size:.93rem}
.zuskaart b{display:block;color:#fff;font:600 1rem/1.3 var(--kop)}
.zuskaart .pijl{color:#9FD3F2}
.zuskaart:hover{color:#fff;background:#0F2C42}
.zus-rij{display:grid;gap:12px}
@media (min-width:880px){.zus-rij{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}
.grens{background:var(--warm);border-left:4px solid var(--t-g);padding:12px 16px;border-radius:0 12px 12px 0;margin-bottom:14px}
.spoed{color:#A3271A;font-weight:600;border-left:4px solid #C23A1F;padding:6px 0 6px 12px;margin:0 0 14px}
.spoed a{color:#A3271A}
.kraan-intro{background:#E7F6F4;border-radius:12px;padding:12px 14px;font-weight:600;color:var(--ink)}
.huur{background:var(--warm);border-radius:16px;padding:18px 18px 6px;margin-top:18px}
.fotoblok{margin-top:16px}
.bijgewerkt{font-size:.82rem;color:var(--grijs);margin:-4px 0 10px}
.blok{border-radius:var(--r)}
.factoren{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.factoren li{background:var(--warm);border-radius:var(--r);padding:20px;border-top:4px solid var(--t-b)}
.factoren li:nth-child(4n+2){border-color:var(--t-o)}.factoren li:nth-child(4n+3){border-color:var(--t-g)}.factoren li:nth-child(4n+4){border-color:var(--t-t)}
.factoren p{margin:0;color:var(--grijs)}
.plaatsrij{margin-top:26px}
.chips-scroll{margin-top:20px}
.chips-klein{margin-top:16px}
@media (max-width:559px){.chips-scroll{flex-wrap:nowrap;overflow-x:auto;margin:20px -20px 0;padding:0 20px 6px}.chips-scroll .chip{flex:none}}
.pagina-kop{background:linear-gradient(180deg,var(--warm),#fff)}
/* CTA */
.cta-sectie{padding-bottom:0}
.cta-eind{position:relative;overflow:hidden;background:var(--oranje-d);color:#fff;border-radius:28px;padding:44px 22px;text-align:left}
.cta-eind::after{content:"";position:absolute;right:-20px;top:0;bottom:0;width:46%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='14' height='14' rx='3' fill='%23fff'/%3E%3C/svg%3E");opacity:.14;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.cta-eind>*{position:relative;z-index:1}
.cta-eind h2{color:#fff}
.cta-eind p{margin:0 0 18px;max-width:36em;color:#fff}
.cta-eind a:not(.knop){color:#fff}
.cta-eind .knoppen{justify-content:flex-start}
.cta-eind .knop{border-radius:28px}
.cta-noot{font-size:.85rem;margin:16px 0 0!important;color:rgba(255,255,255,.92)!important}
@media (min-width:880px){.cta-eind{padding:56px}}
/* footer: licht met 4-kleurenstrook */
.voet{background:var(--warm);color:var(--tekst);border-top:6px solid;border-image:linear-gradient(90deg,var(--t-b) 0 25%,var(--t-o) 25% 50%,var(--t-g) 50% 75%,var(--t-t) 75%) 1;margin-top:var(--ritme)}
.voet a,.voet a:hover{color:var(--ink)}
.voet h2{color:var(--ink)}
.voet .merk{color:var(--ink)}.voet .merk small{color:var(--grijs)}.voet .merk b span{color:var(--t-b)}
.voet-tel{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font:800 1.5rem/1 var(--kop);font-variant-numeric:tabular-nums;text-decoration:none;color:var(--ink)}
.voet-onder{border-top-color:#EADBD0}.voet-onder a{color:var(--grijs)}
.voet-zus{color:var(--t-b)!important}
/* actiebalk: verschijnt pas als de knoppen bovenin uit beeld zijn (zonder JS gewoon zichtbaar) */
.actiebalk{grid-template-columns:auto auto 1fr}
.actiebalk .knop{padding:8px 12px}
.js .actiebalk{transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
.js .actiebalk.zicht{transform:none;visibility:visible;transition:transform .25s ease}
/* beweging, alleen als de bezoeker dat niet heeft uitgezet */
.js .reveal{transform:translateY(12px);transition:opacity .4s ease,transform .4s ease;transition-delay:calc(var(--i,0) * 50ms)}
.pfk-mk .hamer{animation-iteration-count:1}
@media (prefers-reduced-motion:no-preference){
 .knop:active{transform:translateY(1px) scale(.98)}
 .klustegel .ki .ico{transition:transform 180ms var(--ease-veer)}
 .klustegel:hover .ki .ico{transform:rotate(-6deg)}
}
@media (prefers-reduced-motion:reduce){.js .actiebalk{transition:none}.klustegel,.klustegel:hover{transition:none;transform:none}}
@media (max-width:559px){:root{--ritme:52px}}
/* ===== PF-KLUS-R2B-20261012 — tweede ronde: echte beeldkolom, rustiger hero, gevarieerde secties ===== */
/* sectielabel: geen nummer meer, wel een kleurtegel */
.oog{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs);gap:10px}
.oog::before{display:block;content:"";width:12px;height:12px;border-radius:3px;background:var(--t-b);box-shadow:none;margin:0}
.oog-1::before{background:var(--oranje-d)}.oog-2::before{background:var(--t-g)}.oog-3::before{background:var(--t-t)}
.sectie-blauw .oog,.werk-band .oog{color:rgba(255,255,255,.85)}.sectie-blauw .oog::before{background:#fff}
/* hero: grote foto, één primaire knop, belofte-strip */
.hero{background:#fff;padding:0 0 40px}
.hero-grid{gap:16px}
.hero-beeld{position:relative;margin:0 -20px;aspect-ratio:16/8;overflow:hidden;background:#d9cbb9}
.hero-beeld img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-beeld .sfeer{position:absolute;right:10px;bottom:10px;margin:0;background:rgba(255,255,255,.92);padding:2px 9px;border-radius:999px}
.hero-kop{padding-top:6px}
.keuze-tegel .pijl{width:16px;height:16px;margin-left:auto;color:var(--grijs);flex:none}
.hero-actie{align-items:center;gap:6px 18px}
.bel-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 1rem/1.2 var(--kop);color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bel-link svg{width:18px;height:18px;color:var(--t-b)}
.usp{list-style:none;padding:14px 0 0;margin:16px 0 0;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;gap:8px 20px}
.usp li{display:flex;align-items:center;gap:8px;font:600 .92rem/1.3 var(--kop);color:var(--ink)}
.usp .ico{width:20px;height:20px;color:var(--t-b)}
.usp li:nth-child(2) .ico{color:var(--oranje-d)}.usp li:nth-child(3) .ico{color:#0E8A7E}
.hero-noot{font-size:.85rem;margin-top:10px}
.hero-zus{font-size:.9rem;color:var(--grijs);margin:4px 0 0}
.hero-zus a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:600;color:var(--t-b)}
.hero-zus .pijl{width:14px;height:14px}
@media (max-width:879px){.hero-beeld{order:-1}.hero-kop{order:1}.hero-keuze{order:2}.hero-rest{order:3}}
@media (max-width:559px){.hero-actie{flex-direction:column;align-items:stretch}.hero-actie .bel-link{justify-content:center}}
@media (min-width:880px){
 .hero{padding:40px 0 64px}
 .hero-grid{grid-template-columns:1.05fr 1fr;grid-template-areas:"kop beeld" "keuze beeld" "rest beeld";column-gap:48px;row-gap:20px}
 .hero-kop{grid-area:kop;padding-top:0}.hero-keuze{grid-area:keuze}.hero-rest{grid-area:rest}
 .hero-beeld{grid-area:beeld;margin:0;aspect-ratio:auto;min-height:540px;border-radius:28px;box-shadow:0 24px 48px rgba(22,32,43,.16)}
 .hero-beeld img{position:absolute;inset:0}
}
/* dienstkaarten: wit met een stevige kleurrand en een groter icoonvlak, niet meer pastel */
.klustegel{background:#fff;border:1px solid var(--lijn);border-top:6px solid var(--k);box-shadow:0 1px 0 rgba(22,32,43,.03)}
.klustegel .ki{width:60px;height:60px;border-radius:14px}
.klustegel .ki .ico{width:36px;height:36px}
.tegel-alle{border:0}
/* werk-band: brede donkere beeldsectie */
.werk-band{background:var(--ink);color:#DCE6EF}
.werk-band h2{color:#fff}.werk-band p{color:#C9D3DE}
.werk-band .lijst li{color:#E6ECF2}
.werk-grid{display:grid;gap:28px;align-items:center}
.werk-band .duo{gap:14px}
.werk-noot{font-size:.85rem;color:#AEB9C5!important;margin:12px 0 0}
@media (min-width:880px){.werk-grid{grid-template-columns:1fr 1.05fr;gap:56px}}
/* wie komt er: kaart met merk en drie korte punten */
.wie-kaart{display:grid;gap:18px;background:var(--warm);border-radius:28px;padding:28px 22px;border-left:8px solid var(--t-g)}
.wie-merk svg{width:64px;height:64px}
.wie-kaart h2{margin-bottom:.4em}
.wie-lijst{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.wie-lijst li{background:#fff;border-radius:16px;padding:14px 16px}
.wie-lijst b{display:block;font-family:var(--kop);color:var(--ink)}
.wie-lijst span{color:var(--grijs);font-size:.95rem}
@media (min-width:880px){.wie-kaart{grid-template-columns:80px 1fr;padding:40px 44px}.wie-merk svg{width:80px;height:80px}.wie-lijst{grid-template-columns:repeat(3,1fr)}}
/* dienstpagina: samengevoegd blok, tussen-CTA, inklapbare klussen */
.handig .h-sub{margin-top:20px}
.foto-cta{display:grid;gap:14px;align-items:center;background:var(--oranje-l);border:1px solid #F6D3C5;border-radius:24px;padding:22px}
.fc-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--oranje-d);color:#fff}
.fc-ico .ico{width:30px;height:30px}
.foto-cta h2{font-size:1.3rem;margin:0 0 4px}.foto-cta p{margin:0;color:var(--tekst)}
@media (min-width:760px){.foto-cta{grid-template-columns:56px 1fr auto;padding:22px 28px}}
.meer{margin-top:10px}
.meer>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font:600 .95rem var(--kop);color:var(--t-b);list-style:none}
.meer>summary::-webkit-details-marker{display:none}
.meer>summary::after{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--blauw-l);color:var(--t-b);font-weight:800}
.meer[open]>summary::after{content:"–"}
.bijgewerkt{margin:18px 0 0;font-size:.8rem}
/* plaatspagina's */
.praktisch{margin-top:22px}
.praktisch dl{margin:0;display:grid;gap:14px}
.praktisch dt{font:700 .95rem/1.3 var(--kop);color:var(--ink)}
.praktisch dd{margin:2px 0 0;color:var(--grijs);font-size:.95rem;line-height:1.55}
.stad-foto img{aspect-ratio:4/3;object-fit:cover;width:100%}
/* contact */
.drie{display:grid;gap:24px}
@media (min-width:880px){.drie{grid-template-columns:repeat(3,1fr);gap:36px}}
.spoed-kaart{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;background:#A3271A;color:#fff;border-radius:24px;padding:22px;margin-bottom:20px}
.spoed-kaart h2{color:#fff;font-size:1.3rem;margin:0 0 6px}.spoed-kaart p{margin:0;color:#fff;max-width:40em}
.spoed-kaart .knop-wit{color:#A3271A}
@media (max-width:559px){.spoed-kaart .knop{width:100%}}
/* footer: logo zonder tagline, onderregel op één lijn */
.voet-onder{align-items:center}
.voet-onder>span{display:inline-flex;align-items:center;min-height:44px}
/* actiebalk: gutter, safe-area en ruimte onderaan de pagina */
.actiebalk{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px}
.actiebalk .knop{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:980px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.voet{padding-bottom:44px}}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.keuze{grid-template-columns:repeat(2,minmax(0,1fr))}
.keuze-tegel{gap:8px;padding:10px 10px 10px 12px;min-width:0}
.keuze-tegel span{min-width:0}
@media (max-width:879px){.hero-beeld{aspect-ratio:16/7}}
@media (min-width:880px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.keuze{grid-template-columns:repeat(3,minmax(0,1fr))}}
.voorbeelden{background:var(--warm);border-radius:var(--r);padding:6px 18px}
.voorbeelden>summary{display:flex;justify-content:space-between;width:100%;font-size:1.05rem;color:var(--ink)}
.voorbeelden .lijst{margin:6px 0 10px}
.klustegel.tegel-alle{background:var(--ink);border:0}
.actiebalk{grid-template-columns:auto auto minmax(0,1fr)}.actiebalk .knop{padding:8px 10px;gap:6px;font-size:.86rem}.actiebalk .knop svg{width:18px;height:18px;flex:none}
.werk-band .lijst li{border-color:rgba(255,255,255,.14)}