/* VIDEOKLAAR-RUST-20261103 — zakelijke opmaak bovenop stijl.css: wit, papier en inkt, limoen alleen voor de hoofdknop en het logo. Laadt als laatste. */
:root{--inkt:#0F1218;--inkt-2:#191D26;--op-inkt:#F4F5F7;--op-inkt-2:#B7BCC7;--violet:#2A2F3A;--op-violet-2:#4B5261;--koraal:#F6F6F3;--papier:#F6F6F3;--op-papier-2:#4B5261;--lijn:#E3E5EA;--rond:0px}
html{scrollbar-color:#3A3F4B var(--inkt)}
::-webkit-scrollbar-thumb{background:#3A3F4B}
h1,h2,h3{letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:1.05}
h2,.kop-reus,.slot h2{font-size:clamp(1.9rem,3.1vw,2.9rem);line-height:1.1;max-width:24ch}
.kop-breed{max-width:24ch}
h3{font-size:1.25rem;line-height:1.25}

.knop{border-radius:12px;box-shadow:none}
.knop:hover{transform:none;box-shadow:none;background:#DFFF66}
.knop-inkt:hover{background:#232833}
.knop-groot{min-height:60px;padding:0 30px;font-size:1.0625rem}

.nav{border-radius:14px;background:rgba(15,18,24,.94);box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.nav-links a,.nav-in{border-radius:10px}
.nav-links a:hover,.nav-in:hover{background:#232833}

.held{min-height:0;padding-top:136px;padding-bottom:88px}
.opdracht{border-radius:14px;box-shadow:inset 0 0 0 1px #343A47}
.opdracht:focus-within{box-shadow:inset 0 0 0 1px #8A91A0}
.keuzes button{background:none;box-shadow:inset 0 0 0 1px #343A47;border-radius:10px}
.keuzes button:hover{background:#232833;transform:none}
.keuzes button[aria-pressed=true]{background:var(--op-inkt);color:var(--inkt)}
.telefoon,.p-video{border-radius:24px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 80px -36px #000}
.toneel figcaption{background:none;color:var(--op-inkt-2);padding:0}

.vlak{margin-top:0;border-radius:0;padding-block:clamp(64px,7vw,104px)}
.vlak-violet,.vlak-koraal,#prijzen{background:var(--papier);color:var(--inkt)}
.vlak-licht,.vlak-lime,.vlak-inkt:has(.vragen-raster){background:#fff;color:var(--inkt)}
.p-links.vlak-licht{background:var(--papier)}
.kop-rij p,.eerlijk{color:var(--op-papier-2)}

.galerij{gap:12px;padding-bottom:0}
.galerij li:is(:nth-child(2),:nth-child(4),:nth-child(7),:nth-child(9)),.galerij li:nth-child(even){translate:none}
.galerij button{border-radius:14px;background:#E8EAEE}
.galerij button:hover{transform:none;box-shadow:none}
.galerij span,.branche-raster span,.p-video span{left:0;right:0;bottom:0;border-radius:0;padding:40px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#E8EAEE}
.g-eigen a{border-radius:14px;background:var(--inkt);color:var(--op-inkt)}
.g-eigen a:hover{transform:none}
.galerij .g-eigen b{color:var(--op-inkt);font-size:clamp(1.25rem,1.8vw,1.625rem);font-weight:700}
.galerij .g-eigen span{position:static;padding:0;background:none;color:var(--op-inkt-2)}

.scherm{border-radius:14px;box-shadow:0 0 0 1px var(--lijn)}
.stap-lijst li{min-height:40vh;opacity:.5}
.stap-lijst li:first-child{min-height:34vh}
.stap-lijst h3{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700}

.formaat-knoppen button{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--lijn)}
.formaat-knoppen button:hover{background:#fff;transform:none;box-shadow:inset 0 0 0 1px #9AA0AD}
.formaat-knoppen button[aria-pressed=true]{background:var(--inkt);color:var(--op-inkt);box-shadow:none}
.formaat-knoppen b{font-weight:700}
.formaat-kader{border-radius:14px;box-shadow:0 0 0 1px var(--lijn)}

.vergelijk{border-radius:14px}
.vergelijk::after{background:#fff}
.greep{background:#fff}
.tag{border-radius:8px}
.tag-r{background:#fff}
.bel,.bel-2{background:#232833;border-radius:12px}

.merk-rij img{border-radius:12px;box-shadow:0 0 0 1px var(--lijn)}
.merk-tekst{font-size:clamp(1.0625rem,1.4vw,1.25rem);font-weight:400;max-width:70ch;color:var(--op-papier-2)}
.merk-tekst b{font-weight:600;color:var(--inkt)}

.prijs-blok{border-radius:16px;box-shadow:0 0 0 1px var(--lijn)}
.prijs-gratis{background:#fff}
.prijs-maken{box-shadow:none}
.tarief td{border-top-color:var(--lijn)}
.pakketten li{border-radius:10px}
.dienst li{border-top-color:#2B303B}
.tel{border-radius:12px;box-shadow:inset 0 0 0 1px #5A6170;color:var(--op-inkt)}
.tel:hover{background:var(--op-inkt);color:var(--inkt)}

.vlak-inkt:has(.vragen-raster) .vragen details{border-color:var(--lijn)}
.vlak-inkt:has(.vragen-raster) .vragen details p{color:var(--op-papier-2)}
.vlak-inkt:has(.vragen-raster) .vragen summary::after{background:linear-gradient(var(--inkt),var(--inkt)) center/100% 2px no-repeat,linear-gradient(var(--inkt),var(--inkt)) center/2px 100% no-repeat}
.vragen summary{font-weight:600;font-size:1.0625rem}

.slot{margin-top:0;border-radius:0;background:var(--inkt);color:var(--op-inkt);padding-block:clamp(72px,8vw,112px);gap:26px}
.slot h2{max-width:none}
.slot .knop-inkt{background:var(--lime);color:var(--inkt)}
.slot .knop-inkt:hover{background:#DFFF66}
.slot-noot{font-weight:400;color:var(--op-inkt-2)}
.voet{background:#0A0C11;box-shadow:inset 0 1px 0 #1E222B}
.voet strong{font-weight:700}
.voet a:hover{color:var(--op-inkt)}

.p-stappen li::before{border-radius:10px;background:var(--inkt);color:var(--op-inkt);font-weight:700;font-size:1.0625rem}
.p-stappen p{color:var(--op-papier-2)}
.p-blok h2{font-size:clamp(1.5rem,2.3vw,2.1rem)}
.p-links a{border-radius:10px;box-shadow:0 0 0 1px var(--lijn)}
.p-links a:hover{transform:none;box-shadow:0 0 0 1px #9AA0AD}
.branche-raster a{border-radius:14px}
.branche-raster a:hover{transform:none}
.branche-raster span{font-weight:600;color:#fff}

/* prijzen en juridisch */
.prijs-noot{margin-top:22px;max-width:70ch;color:var(--op-papier-2);font-size:.9375rem}
.lees{max-width:760px;margin-inline:auto}
.lees h2{font-size:clamp(1.3rem,1.9vw,1.6rem);margin:42px 0 12px;max-width:none}
.lees h2:first-child{margin-top:0}
.lees h3{font-size:1.0625rem;margin:22px 0 8px}
.lees p,.lees li{color:#2F3440;line-height:1.65}
.lees p{margin:0 0 12px}
.lees ul,.lees ol{list-style:disc;padding-left:22px;margin:0 0 14px}
.lees ol{list-style:decimal}
.lees li{margin-bottom:7px}
.lees a{color:inherit;text-decoration:underline}
.lees table{width:100%;border-collapse:collapse;font-size:.9375rem;margin:0 0 16px}
.lees th,.lees td{padding:10px 12px 10px 0;border-top:1px solid var(--lijn);text-align:left;vertical-align:top}
.avb-meta{display:flex;flex-wrap:wrap;gap:6px 26px;font-size:.9375rem;margin-bottom:22px;color:var(--op-papier-2)}
.avb-intro{font-size:1.0625rem}
.avb-info{padding:14px 16px;border-radius:12px;background:var(--papier);margin-bottom:22px;font-size:.9375rem}
.avb-toc,.av-toc{padding:16px 18px;border-radius:12px;background:var(--papier);margin-bottom:26px}
.p-held-kort{padding-bottom:56px}

@media (max-width:960px){
  .stap-lijst li,.stap-lijst li:first-child{min-height:44vh}
  .held{padding-top:96px;padding-bottom:56px}
  .galerij{gap:10px}
}
.lees .avb .avb-meta,.lees .avb .avb-info{background:var(--papier);border-left:0;border-radius:12px}
.lees .avb .avb-toc{border-color:var(--lijn)}

/* koppen links, gelijk met de inhoud; de bonte eindkaarten niet op de site */
h2,.kop-breed,.kop-reus,.prijs-noot{max-width:1312px}
.merk-band{display:none}
.vlak-lime .merk-tekst{margin-top:18px}
.vlak-lime{padding-inline:var(--rand)}
.vlak-lime>h2,.vlak-lime>.merk-tekst{padding-inline:0;max-width:1312px}