/* Startseite: Variante des Kopfbereichs mit Text auf dem Titelbild
   (Grundaufbau: css/page-hero.css, Markup: partials/sections/home-hero.php).

   Die Startseite trägt die große Überschrift und zwei Aktionen. Am Desktop
   steht der Text deshalb mittig links, der Verlauf läuft über die ganze Höhe
   von links nach rechts: Der ruhige Himmel links trägt den Text, Container,
   Aggregat und Stromkabel rechts bleiben klar. */

.page-hero--home .page-hero__title {
  font-size: clamp(2.125rem, 1.4rem + 3vw, 3.5rem); /* Maß von .heading-1 */
  line-height: 1.06;
}
/* Handy: Container und Aggregat rücken ins Bild */
.page-hero--home .page-hero__img {
  object-position: 62% 50%;
}

@media (min-width: 1024px) {
  .page-hero--home {
    align-items: center;
    min-height: clamp(34rem, 76svh, 44rem);
  }
  /* Der Verlauf deckt die Textspalte (Innenrand + 38rem) kräftig ab und läuft
     dahinter aus — auch auf sehr breiten Bildschirmen, wo die Spalte mittig
     sitzt, bleibt das Motiv rechts davon unverdeckt. */
  .page-hero--home .page-hero__media::after {
    --hero-text-end: calc(max(2rem, (100% - 80rem) / 2 + 2rem) + 38rem);
    background-image: linear-gradient(
      90deg,
      oklch(var(--hero-shade) / 0.9) 0%,
      oklch(var(--hero-shade) / 0.84) calc(var(--hero-text-end) - 8rem),
      oklch(var(--hero-shade) / 0.72) var(--hero-text-end),
      oklch(var(--hero-shade) / 0.3) calc(var(--hero-text-end) + 8rem),
      oklch(var(--hero-shade) / 0) calc(var(--hero-text-end) + 18rem)
    );
  }
  .page-hero--home .page-hero__content::before {
    content: none;
  }
  .page-hero--home .page-hero__img {
    object-position: 50% 35%;
  }
  .page-hero--home .page-hero__inner {
    padding-block: 4rem;
  }
  .page-hero--home .page-hero__lead {
    margin-top: 1.5rem;
  }
  .page-hero--home .page-hero__actions {
    margin-top: 2.25rem;
  }
}

/* --- Kennzahlen unter dem Titelbild -------------------------------------- */
.home-hero-stats {
  padding-block: 2rem;
}
.home-hero-stats .stat-strip {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .home-hero-stats {
    padding-block: 2.5rem 3rem;
  }
}