/* =========================================================================
   layout.css — Container und Section-Grundgeruest.
   Grundsatz: Breite ausschoepfen schlaegt Scrollen. Der Text-Deckel gilt
   NUR fuer Fliesstext, nicht fuer Raster, Formulare oder Bildflaechen.
   ========================================================================= */

.huelle {
  width: 100%;
  max-width: var(--breite-max);
  margin-inline: auto;
  padding-inline: var(--rand-seitlich);
}

/* Fliesstext bekommt seinen Lesbarkeits-Deckel einzeln, nicht der Container */
.fliesstext { max-width: var(--breite-text); }

.bereich {
  padding-block: var(--raum-10);
}