/* ============================================================
 * Stoll Unterseiten-Hero — Positionierung (Optik = stoll-hero in
 * components.css, M5). D1.3-Nachtrag 18.07.
 * ============================================================ */

/* FUND 25.07.2026 (Joe: "hero hat schon wieder einen weissen Rand") — dieselbe
 * Bug-KLASSE wie der lsthero1-Fund 23.07. (PLAN.md, "Container hatte KEIN
 * explizites Padding gesetzt, fiel auf Elementors Factory-Default zurueck"),
 * aber auf einem ANDEREN Post (krhrsec1, Karriere-Homepage) — der 23.07.-Fix
 * war KEINE CSS-Regel hier im Repo (nachgesehen: kein Treffer), sondern eine
 * einmalige Elementor-Style-Tab-Aenderung direkt in _elementor_data auf genau
 * einem Post — verstoesst gegen die eigene Governance-Regel "in Elementor-
 * Widget-Controls wird NICHT gestylt" (docs/claude-code-handoff/09-design
 * system-governance.md) UND propagiert deshalb nicht auf neue/andere Hero-
 * Instanzen. Systemischer Fix statt drittem Einzelpatch: jeder Elementor-
 * Container, der DIREKT ein pst-page-hero-Widget enthaelt (Widget-TYP-Klasse,
 * nicht Instanz-ID -> gilt fuer jeden Post auf jeder Site automatisch), traegt
 * kein Padding — die 10px sind Elementors "e-con-full"-Werkseinstellung. */
.e-con:has(> .elementor-widget-pst-page-hero) { padding: 0; }
@supports not selector(:has(*)) {
  /* Fallback fuer den (aktuell keinen bekannten) Fall ohne :has()-Support:
     mindestens die beiden heute bekannten Instanzen direkt patchen. */
  .elementor-element-lsthero1,
  .elementor-element-krhrsec1 { padding: 0; }
}

.pst-page-hero__content {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
  max-width: var(--content-max, 1320px); margin: 0 auto; padding: 0 32px 42px;
}
.pst-page-hero__crumb {
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; color: rgba(246,243,236,.75); margin: 0 0 18px;
}
.pst-page-hero__crumb a { color: rgba(246,243,236,.75); text-decoration: none; }
.pst-page-hero__crumb a:hover { color: var(--gold-400); }
.pst-page-hero__crumb-active { color: var(--gold-400); font-weight: 500; }
.pst-page-hero__eyebrow { margin: 0 0 14px; }
/* Spezifitaet bewusst (0,2,0) via .stoll-hero-Praefix: der Elementor-Kit-
 * Theme-Style ".elementor-kit-934 h1" liegt bei (0,1,1) und wuerde ein
 * einfaches ".pst-page-hero__title" (0,1,0) sonst schlagen (Fund 19.07. —
 * H1 rendert unlesbar dunkel auf dem dunklen Hero-Scrim). */
/* W1-Nachtrag 27.07.: 44px-Deckel wirkte neben dem Slider-H1 (bis 64px) zu
 * klein (Masterprompt: "desktop alles viel zu klein") — Unterseiten bleiben
 * bewusst eine Stufe unter der Homepage (56 < 64). */
.stoll-hero .pst-page-hero__title {
  font: 800 clamp(34px, 4vw, 56px)/1.12 var(--font-brand);
  letter-spacing: -.01em; color: #fff; margin: 0; max-width: 20em;
}

@media (max-width: 767px) {
  .pst-page-hero__content { padding: 0 16px 28px; }
  .pst-page-hero__crumb { font-size: 0.8125rem; margin-bottom: 12px; }
}