/* ===========================================================================
   layout.css — Benker WP-Theme
   HANDGESCHRIEBEN. Wird NACH components.css geladen.

   EINE INHALTSBREITE FUER DIE GANZE WEBSITE (23.07.2026)

   MASSGEBLICH ist die weisse Hero-Karte: 1392px Inhalt (--content-max), dazu
   ein Seiten-Inset von 12px mobil / 24px ab 1024px. Genau das rechnet
   .content-band in global.css, und daran flucht alles.

   BEFUND: In components.css tragen ZEHN Abschnitts-Wrapper eine eigene Breite:

     max-width: 1328px; padding-inline: 24px;   ->   1280px Inhalt

   Das sind 112px weniger als die Hero-Karte. Betroffen sind:

     .team__inner ......... Ansprechpartner
     .pselekt__frame ...... Produkt-Selektor (Branchenseiten)
     .cinfo__inner ........ Karriere, "Unser Anspruch"
     .testi__inner ........ Karriere, Testimonials
     .benefits__inner ..... Karriere, Benefits
     .jobs__inner ......... Karriere, Stellenangebote
     .kinfo__row .......... Kompetenz-Stationen (und Karriere-Ausbildung)
     .cdlayout__inner ..... Stellendetail
     .tifilter ............ Teile-Index, Filterleiste
     .tiindex__list ....... Teile-Index, Liste

   URSACHE: Alle stammen aus dem Astro-Build, in dem jede Seite ihr eigenes
   gekapseltes Stylesheet hatte. Dort wurde die Breite pro Komponente
   festgeschrieben statt aus einer gemeinsamen Regel bezogen. Solange jede Seite
   nur ihre eigenen Abschnitte zeigte, fiel es nicht auf. Sichtbar wird es erst,
   wenn ein Abschnitt mit korrekter Breite daneben steht — auf der Karriereseite
   war das die neue Ausbildungs-Karte.

   Dieselbe Bauart hat im Projekt schon zu unterschiedlichen Hero-Schriftgroessen,
   Kartenmaassen und neun Button-Varianten gefuehrt.
   =========================================================================== */

.team__inner,
.pselekt__frame,
.cinfo__inner,
.testi__inner,
.benefits__inner,
.jobs__inner,
.kinfo__row,
.cdlayout__inner,
.tifilter,
.tiindex__list,
.finder__inner {
  --content-inline: var(--space-3); /* 12px mobil */
  max-width: calc(var(--content-max) + 2 * var(--content-inline));
  padding-inline: var(--content-inline);
}

/*
 * .finder__inner kam am 10.08.2026 dazu (Korrekturen KW 32).
 *
 * Der Finder auf der Startseite trug aus dem Astro-Build noch
 * "width: calc(100% - 48px); max-width: 1240px" und stand dadurch 40px weiter
 * innen als alle anderen Abschnitte — der einzige Ausreisser im ersten
 * Bildschirm ohne gestalterischen Grund. Die eigene Breite muss mit
 * zurueckgesetzt werden, sonst gewinnt sie gegen die max-width oben.
 */
.finder__inner {
  width: 100%;
}

@media (min-width: 1024px) {
  .team__inner,
  .pselekt__frame,
  .cinfo__inner,
  .testi__inner,
  .benefits__inner,
  .jobs__inner,
  .kinfo__row,
  .cdlayout__inner,
  .tifilter,
  .tiindex__list {
    --content-inline: var(--space-5); /* 24px ab 1024px */
  }
  .finder__inner {
    --content-inline: var(--space-5);
  }
}