/* =========================================================
   Einheitliches Portal-Layout
   Hersteller, ProShop/Admin, Spieler und Advisor
   ========================================================= */

:root {
  --portal-content-max-width: 1180px;
  --portal-content-padding-x: 1rem;
  --portal-content-padding-y: 1.5rem;
}

/* Hauptcontainer */
.container-fluid.cockpit-page,
.container-fluid.manufacturer-page,
.container-fluid.admin-page,
.container-fluid.customer-page,
.container-fluid.player-page {
  max-width: var(--portal-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--portal-content-padding-x);
  padding-right: var(--portal-content-padding-x);
  padding-top: var(--portal-content-padding-y);
}

/* Falls page_intro ausnahmsweise außerhalb eines Containers steht */
.page-intro {
  width: 100%;
  max-width: var(--portal-content-max-width);
  margin-left: auto;
  margin-right: auto;
}

/* Wenn page_intro bereits im Container steht, keine Zusatzverschiebung */
.container-fluid .page-intro {
  max-width: 100%;
}

/* Hilfe immer gleiche Breite wie Inhalt */
.page-help-container {
  width: 100%;
  max-width: var(--portal-content-max-width);
  margin-left: auto;
  margin-right: auto;
}

.container-fluid .page-help-container {
  max-width: 100%;
}

.page-help-card {
  width: 100%;
}

/* Karten, Alerts, Tabellen */
.cockpit-card,
.card,
.table-responsive,
.alert {
  max-width: 100%;
}

/* Alte Hilfsklassen entschärfen */
.portal-width,
.page-width,
.content-width {
  max-width: var(--portal-content-max-width);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767.98px) {
  :root {
    --portal-content-padding-x: 0.75rem;
    --portal-content-padding-y: 1rem;
  }

  .page-intro h1 {
    font-size: 1.35rem;
  }
}