/* ============================================
   /lokale-leadgeneratie/ — sectie-omhulsels (post-2153.css). De inhoud zit in de leadgen-componenten.
   Elke sectie: kicker, kop (breedte volgens tekst), subtekst van 45% breed, dan het blok.
   Op tablet (768–1024) hebben deze secties géén zijmarge: de inhoud staat tegen de rand (zoals het origineel).
   ============================================ */
.leadgen-sectie { background-color: var(--color-white); padding: 80px 0; }
.leadgen-sectie--creme { background-color: var(--color-cream); }
.leadgen-sectie--donker { background-color: var(--color-primary); }
.leadgen-sectie__inner { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.leadgen-sectie__inner > * { min-width: 0; }
.leadgen-sectie__sub {
  width: 45%;
  font-family: var(--font-ui); font-size: var(--body-size); font-weight: 400; line-height: var(--body-lh);
  color: var(--color-grey);
}
.leadgen-sectie--donker .leadgen-sectie__sub { color: var(--color-white); }
.leadgen-sectie__blok { width: 100%; }

/* Koppen: delen van de kop staan in het origineel op clamp(28px, 3.5vw, 44px) zonder letterafstand;
   in deze secties is het cursieve deel niet oranje maar donker. */
.heading-2 .leadgen-kop__klein { font-size: clamp(28px, 3.5vw, 44px); letter-spacing: normal; color: inherit; }
.heading-2 .leadgen-kop__accent { letter-spacing: normal; color: var(--color-accent); }

/* "Het antwoord is een systeem." — donkere kaart onder de probleemkaarten */
.leadgen-antwoord {
  display: flex; flex-wrap: wrap; align-items: center; gap: 32px;
  margin-top: 32px;
  padding: 40px 36px;
  border-radius: 16px;
  background: var(--color-primary);
}
.leadgen-antwoord__icoon { flex-shrink: 0; font-size: 40px; color: var(--color-accent); }
.leadgen-antwoord__titel {
  margin: 0 0 10px;
  font-family: var(--font-heading); font-size: 22px; font-weight: 800; line-height: 1.5;
  color: var(--color-white);
}
.leadgen-antwoord__tekst {
  margin: 0;
  font-family: var(--font-ui); font-size: 15px; line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
}

/* Reviews (template 3140) */
.leadgen-reviews { background-color: var(--color-primary); padding: 80px 0; }
.leadgen-reviews__inner { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; }

/* FAQ */
.leadgen-faq { background-color: var(--color-cream); padding: 80px 0; }
.leadgen-faq__inner { display: flex; flex-direction: column; gap: 24px; }
.leadgen-faq__titel { color: #000; }

@media (max-width: 767px) {
  .leadgen-sectie { padding: 60px 20px; }
  .leadgen-sectie__inner { align-items: center; }
  .leadgen-sectie__sub { width: 100%; }
  .leadgen-reviews { padding: 60px 20px; }
  .leadgen-reviews__inner { gap: 20px; }
  .leadgen-faq { padding: 60px 20px; }
  .leadgen-faq__inner { align-items: flex-start; }
}