/* ============================================================
   BARO-RELEASE – das Erscheinungsdatum am Einstieg der Barometer-Seite.

   JD am 22.08.2026: „Bitte direkt oben beim Einstieg vermerken, dass es am
   16. September erscheint" – und den Knopf zur Plattform entfernen, „der ist
   zirkulär". Er hatte recht: Der Knopf zeigte auf hub.bks-ev.de/barometer,
   und der Hub schickt jeden ohne Modul auf genau diese Seite zurück (D-019).
   Wer nicht angemeldet war, klickte und stand wieder am Ausgangspunkt.

   Die Ankündigung steht deshalb jetzt IM HERO, als letztes Element nach dem
   Lead – dort, wo der Blick zuerst hinfällt, und ohne Klick.

   Gestaltung: kein Kasten, sondern eine abgesetzte Zeile auf dem dunklen
   Markenblau. Ein heller Kasten im Hero würde wie ein Fremdkörper wirken und
   mit der Claim-Zeile darüber um Aufmerksamkeit konkurrieren; die linke Kante
   in Orange genügt als Anker. Das Datum trägt <strong> und damit das volle
   Weiß, der Rest steht leicht zurück.
   ============================================================ */

.bks-rd .page-hero .baro-release {
	/* Orange als LINIE, nicht als Fläche: --orange ist für Text auf Blau zu
	   kontrastarm (Notiz in LOGO-LOCKUP-SPEC.md), als Grafikelement dagegen
	   unbedenklich. */
	border-left: 3px solid var(--orange, #e86a2a);
	padding: 2px 0 2px 16px;
	margin: 22px 0 0;
	max-width: 640px;
	/* --fs-4 = 17px, dieselbe Größe wie der Fließtext der Seite. Erster Anlauf
	   nahm --fs-6 in der Annahme, das sei Textgröße – es sind 12px, und der
	   Hinweis stand als Kleingedrucktes unter einem 21px-Lead. Im Browser
	   gemessen, nicht geschätzt. */
	font-size: var(--fs-4, 17px);
	line-height: 1.5;
	color: rgba(255, 255, 255, .85);
}

.bks-rd .page-hero .baro-release strong {
	display: block;
	color: #fff;
	font-weight: 600;
	font-size: var(--fs-3, 19px);
	line-height: 1.35;
	margin-bottom: 4px;
}

@media (max-width: 560px) {
	.bks-rd .page-hero .baro-release {
		margin-top: 18px;
		padding-left: 12px;
		font-size: 15px;
	}
}