.voorbeeldpagina{padding-top:0}.voorbeeld-hero{border-radius:var(--radius-card);background:linear-gradient(160deg, var(--forest-700) 0%, #0a4a38 62%, #08402f 100%);color:#fff;text-align:center;margin:0 0 1.5rem;padding:2.6rem 1.6rem 2.2rem}@media (min-width:48rem){.voorbeeld-hero{padding:3.4rem 3rem 3rem}}.voorbeeld-hero-merk{letter-spacing:.14em;text-transform:uppercase;color:var(--brand-200);margin:0 0 .9rem;font-size:.72rem;font-weight:600}.voorbeeld-hero h1{color:#fff;text-wrap:balance;margin:0;font-size:clamp(1.85rem,4.6vw,2.7rem);line-height:1.1}.voorbeeld-hero-tekst{color:#ffffffe0;max-width:46ch;margin:.9rem auto 0;line-height:1.6}.voorbeeld-hero-knoppen{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.5rem;display:flex}.knop{font:inherit;border:1px solid var(--brand-600);background:var(--brand-600);color:var(--surface);text-align:center;cursor:pointer;border-radius:8px;padding:.7rem 1.2rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.knop:hover{background:var(--brand-700);border-color:var(--brand-700)}.knop:focus-visible{outline:2px solid var(--accent-600);outline-offset:2px}.knop-groot{padding:.85rem 1.6rem;font-size:1rem}.voorbeeld-hero .knop{color:var(--brand-700);background:#fff;border-color:#fff}.voorbeeld-hero .knop:hover{background:#ffffffe0;border-color:#ffffffe0}.voorbeeld-hero .knop:focus-visible{outline-color:#fff}.voorbeeld-hero .knop-stil{color:#fff;background:0 0;border:1px solid #ffffff73}.voorbeeld-hero .knop-stil:hover{background:#ffffff1f;border-color:#ffffffb3}.voorbeeld-hero-punten{color:#ffffffd1;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin:1.6rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.voorbeeld-hero-punten li{padding-left:1.15rem;position:relative}.voorbeeld-hero-punten li:before{content:"";background:var(--accent-500);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.55em;left:0}.voorbeeld-strook{border-left:3px solid var(--accent-500);border-radius:0 var(--radius-card) var(--radius-card) 0;background:var(--sand-100);color:var(--sand-800);margin:0 0 2rem;padding:.85rem 1.1rem;font-size:.9rem;line-height:1.55}.voorbeeld-strook strong{color:var(--ink)}.voorbeeld-verschil{border-radius:var(--radius-card);background:var(--petrol-100);margin:2.2rem 0;padding:1.5rem 1.6rem}.voorbeeld-verschil h2{color:var(--petrol-700);margin:0 0 .6rem;font-size:1.3rem}.voorbeeld-verschil p{max-width:62ch;color:var(--ink-soft);margin:0;line-height:1.65}.voorbeeld-slot{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);text-align:center;margin:2.6rem 0 1rem;padding:2.2rem 1.6rem}.voorbeeld-slot h2{margin:0 0 .7rem;font-size:1.5rem}.voorbeeld-slot p{max-width:54ch;color:var(--ink-soft);margin:0 auto 1.4rem;line-height:1.65}.voorbeeldpagina .voorstelkaart-knoppen a,.voorbeeldpagina .voorstelkaart-knoppen button{pointer-events:none;opacity:.55}