/* Responsieve correcties voor de oudere pagina's.
   Deze pagina's hadden te weinig breekpunten, waardoor rasters op telefoons
   en kleine tablets naast het scherm doorliepen. */

/* Sectorpagina's: het kaartenraster bleef twee kolommen tot ver onder 400px. */
@media (max-width: 760px) {
  .aud-grid { grid-template-columns: 1fr }
  .aud { padding: 22px; gap: 16px }
  .aud .ico { width: 46px; height: 46px }
}

/* Funnelpagina's bv en zzp: drie kolommen tot 640px is te laat. */
@media (max-width: 900px) {
  .pil-grid { grid-template-columns: 1fr }
  .pil { padding: 26px 22px }
}

/* Lange woorden en e-mailadressen mogen afbreken in plaats van uitsteken. */
@media (max-width: 480px) {
  .aud, .pil, .vgbody p, .vgbody li { overflow-wrap: anywhere }
}

/* Grid- en flexkinderen krimpen standaard niet onder hun contentmaat
   (min-width:auto). Daardoor liepen kaarten op tablets buiten beeld. */
.aud-grid > *, .aud > *, .pil-grid > * { min-width: 0 }

/* Het prijsblok op de funnelpagina's brak niet af op smalle telefoons. */
@media (max-width: 420px) {
  .pricecard .amt { font-size: clamp(26px, 8vw, 40px); overflow-wrap: anywhere }
  .pricecard .amt span { white-space: nowrap }
}