/* ==========================================================================
   T265 – Strategie: Phasen-Nummern in Graphit statt Blau
   Wird ausschließlich in strategie.html geladen; Selektor zusätzlich auf die
   Phasen-Sektion (aria-labelledby="tk2-phasen-titel") begrenzt.
   Farben aus den vorhandenen Variablen in css/tk2.css:
     --tk2-navy-3 (#393B3F, Graphit)  als Füllung
     --tk2-navy-2 (#232529, Anthrazit) Kartengrund bleibt unverändert
   Kein blauer Außenring, kein Schatten. Position/Größe unverändert.
   ========================================================================== */
body.tk2 section[aria-labelledby="tk2-phasen-titel"] .tk2-phase-num {
  background: var(--tk2-navy-3);
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .26);
  box-shadow: none;
}

/* ==========================================================================
   T271 29.10.2026 – Strategie: Übergang Hero -> „Von der Analyse bis zur
   laufenden Betreuung“ wie Mehrwert (T270) bzw. Über uns -> „Wer wir sind“.
   Werte 1:1 aus css/t254-design.css (T270-Regeln für mehrwert):
   Hero-Hintergrund Schwarz #111214, unterer Hero-Abstand clamp(4rem, 8vw, 6.5rem),
   zusätzlicher unterer Verlauf in Schwarz (bis 900 px: .18 bei 38 %, .78 bei 82 %;
   ab 901 px: .10 bei 70 %; jeweils Schwarz bei 100 %), Abschnitt Schwarz #111214
   mit oberem Abstand clamp(3rem, 6vw, 5rem). Die vorhandene Foto-Abdunklung
   (tk2.css) bleibt für die Lesbarkeit der Hero-Texte erhalten.
   Kein Rand, keine Rundung, kein Schatten. Datei wird nur in strategie.html geladen.
   ========================================================================== */
body.tk2 .tk2-hero {
  background: #111214;
  padding-bottom: clamp(4rem, 8vw, 6.5rem);
}
body.tk2 .tk2-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(17, 18, 20, 0) 0%, rgba(17, 18, 20, .18) 38%, rgba(17, 18, 20, .78) 82%, #111214 100%);
}
@media (min-width: 901px) {
  body.tk2 .tk2-hero::after {
    background: linear-gradient(180deg, rgba(17, 18, 20, 0) 0%, rgba(17, 18, 20, 0) 24%, rgba(17, 18, 20, .10) 70%, #111214 100%);
  }
}
body.tk2 .tk2-hero + section[aria-labelledby="tk2-phasen-titel"] {
  background: #111214;
  padding-top: clamp(3rem, 6vw, 5rem);
}