/* Voorbereiding gebruikt de bestaande Ledenhuis-huisstijl. */
#voorbereiden{scroll-margin-top:24px}
.preparation-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;counter-reset:voorbereiding;padding:0;margin:36px 0}
.preparation-steps>li{min-width:0;overflow-wrap:anywhere;padding:24px;background:var(--mint);border:1px solid var(--line);border-radius:var(--radius);counter-increment:voorbereiding}
.preparation-steps>li::before{content:counter(voorbereiding);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:750}
.preparation-steps h3{font-size:1.18rem;line-height:1.3;margin:16px 0 12px}
#voorbereiden>.actions{flex-wrap:wrap}
#voorbereiden .button{white-space:normal;text-align:center;max-width:100%}
@media(max-width:700px){.preparation-steps{grid-template-columns:minmax(0,1fr);gap:16px}.preparation-steps>li{padding:20px}}

/* Houd ook de bestaande hero binnen de beschikbare telefoonbreedte. */
.lp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.lp-hero>div{min-width:0;max-width:100%}
.lp-hero .browser,.lp-hero picture,.lp-hero img{max-width:100%}
@media(max-width:920px){.lp-hero{grid-template-columns:minmax(0,1fr)}.lp-hero .actions{flex-wrap:wrap}.lp-hero .button{white-space:normal;max-width:100%}}
