.l-grid {
  display: grid;
  grid-gap: var(--space-m);
}

@container l-container (min-width: 768px) {

  .l-grid {
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    /** Verteilt den verbleibenden Platz in der Breite zwischen den Spalten. */
  }
}

@container l-container (min-width: 1200px) {

  .l-grid {
    grid-template-columns: 31% 31% 31%;
  }
}