/* PATCH: meer ademruimte links/rechts op mobiel */

/* Vervang of voeg toe aan styles.css */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.25rem; /* iets meer ruimte, ca. 20px */
}

@media (max-width: 480px) {
  .container { padding: 0 1.5rem; } /* ±24px marge op mobiele schermen */
}

/* Alleen tekstblokken iets ruimer (optioneel) */
.section p, .section ul, .section h3, .section h4 {
  padding-left: .5rem;
  padding-right: .5rem;
}
@media (max-width: 480px) {
  .section p, .section ul, .section h3, .section h4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}