/* ══════════════════════════════════════════════════════════════════
   Over ons: wie we zijn en hoe we onafhankelijk blijven
   ══════════════════════════════════════════════════════════════════ */

.overHero{padding:64px 0 8px}
.overHero h1{font-size:44px;line-height:1.15;margin-bottom:18px;max-width:820px}
.overIntro{max-width:760px;font-size:18px;line-height:1.7;color:var(--font-color)}

/* ── Waarom deze site bestaat ──────────────────────────────────── */
.overWaarom{padding:48px 0 0}
.overWaarom h2{font-size:26px;margin-bottom:16px}
.overTekst{max-width:760px;font-size:16.5px;line-height:1.8;color:var(--font-color);margin-bottom:18px}
.overTekst:last-child{margin-bottom:0}

/* ── Waarden (drie kaarten) ────────────────────────────────────── */
.overWaarden{padding:44px 0 0}
.overWaardenGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.overWaarde{padding:28px 28px 26px;border-radius:var(--radius-card);border:1px solid var(--border-color-1);background:#fff;box-shadow:var(--shadow-card)}
.overWaardeIcon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--background-alt-1);color:var(--color-indigo);margin-bottom:16px}
.overWaarde h3{font-size:18px;margin-bottom:9px}
.overWaarde p{font-size:15px;line-height:1.65;color:var(--font-color)}

/* ── Onafhankelijkheid (accentkader) ───────────────────────────── */
.overOnafhankelijk{padding:64px 0 0}
.overOnafhankelijk h2{font-size:26px;margin-bottom:18px}
.overOnafhankelijkBox{max-width:880px;padding:30px 32px;border-radius:var(--radius-card);background:var(--background-alt-1);border-left:3px solid var(--color-indigo)}
.overOnafhankelijkBox p{font-size:16px;line-height:1.75;color:var(--font-color-dark);margin-bottom:16px}
.overOnafhankelijkBox p:last-child{margin-bottom:0}
.overOnafhankelijkBox a{color:var(--color-indigo);text-decoration:underline}

/* ── Wat je hier vindt (link-kaarten) ──────────────────────────── */
.overVindt{padding:64px 0 0}
.overVindt h2{font-size:26px;margin-bottom:22px}
.overVindtGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.overVindtKaart{display:flex;flex-direction:column;gap:8px;padding:26px 28px;border-radius:var(--radius-card);border:1px solid var(--border-color-1);background:#fff;box-shadow:var(--shadow-card);transition:var(--transition)}
.overVindtKaart:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.overVindtKaart h3{font-size:18px;color:var(--font-color-dark);transition:var(--transition)}
.overVindtKaart:hover h3{color:var(--color-indigo)}
.overVindtKaart p{font-size:14.5px;line-height:1.65;color:var(--font-color)}
.overVindtLink{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:var(--color-indigo)}
.overVindtLink::after{content:' →';white-space:nowrap}

/* ── Afsluitende CTA ───────────────────────────────────────────── */
.overCta{margin:72px 0 0;padding:64px 0;background:var(--background-alt-1)}
.overCta .container{text-align:center}
.overCta h2{font-size:30px;margin-bottom:12px}
.overCta p{max-width:560px;margin:0 auto 26px;font-size:16.5px;line-height:1.7;color:var(--font-color)}
.overCtaKnoppen{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.overBody{padding:56px 0 0}

/* ── Responsief ────────────────────────────────────────────────── */
@media (max-width:900px){
    .overWaardenGrid{grid-template-columns:1fr}
    .overVindtGrid{grid-template-columns:1fr}
}
@media (max-width:768px){
    .overHero h1{font-size:32px}
    .overWaarom h2,.overOnafhankelijk h2,.overVindt h2{font-size:23px}
    .overOnafhankelijkBox{padding:24px}
}