/* ==========================================================
   Container / Seiten-Breiten
   Globale Breiten-Caps fuer Modul-Wurzelboxen. Vorher hatte praktisch
   jedes Modul seine eigene Kopie des immer gleichen Musters
   ("max-width: XXXpx; margin: 0 auto; width: 100%; box-sizing:
   border-box;") direkt auf seiner #modulPage-Wurzel liegen (z.B.
   #accountPage .ac-card, #homePage). Jetzt gibt es dafuer feste,
   wiederverwendbare Utility-Klassen - ein Modul setzt einfach eine
   davon zusaetzlich zu seiner eigenen ID/Klasse.
   ========================================================== */

/* Meistgenutzter Cap (Mein Account, Home, ...): schrumpft mit dem
   verfuegbaren Platz, statt die volle Breite von .app-content zu
   nutzen. */
.page-cap-1200 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

/* Breiterer Cap fuer sehr textlastige/lange Inhalte (z.B. rechtliche
   Seiten) - vorher .contentBoxWide in basis.css. */
.page-cap-1400 {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

/* Ehemals .contentBoxWide (basis.css) - eigene, zusaetzlich zum Cap
   sichtbare Karten-Optik (Radius bewusst 0, siehe Kommentar dort).
   Bleibt als eigene Klasse erhalten, nutzt jetzt aber die globalen
   Karten-/Schatten-Tokens statt hart codierter Farben. */
.contentBoxWide {
  max-width: 1400px;
  margin: 0 auto;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 0;
  box-shadow: var(--shadow-card);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}