/* ============================================================
   BAROMETER-ZUGANG – Antwort auf einen Klick, der nirgends hinfuehrte.

   Der Hub schickt jeden, der das Barometer-Modul nicht freigeschaltet hat, auf
   diese Seite zurueck (Entscheidung JD, 2026-08-22: „fuer alle anderen zur
   Landing-Page", keine Anmeldemaske). Ohne einen sichtbaren Hinweis waere der
   Knopf ein stummer Rundlauf: Klick, Seite neu, nichts passiert.

   Gestaltung bewusst als HINWEIS, nicht als Werbeflaeche: heller Blauton der
   Marke (--bks-blue-050), linke Kante in Markenblau als Anker, keine grosse
   Flaeche und keine Farbe, die mit den Knoepfen darueber konkurriert. Der
   Kasten steht direkt hinter dem Hub-Knopf – die Antwort gehoert dorthin, wo
   die Frage gestellt wurde.

   Markup + Einblendlogik: functions.php (wp_footer). Scope-Regel des Projekts
   eingehalten – das Wurzelelement traegt .bks-rd, alle Selektoren haengen daran.
   ============================================================ */

.bks-rd.bks-baro-zugang {
	background: var(--bks-blue-050, #eef4fa);
	border-left: 3px solid var(--bks-blue, #0b57a4);
	border-radius: var(--r-sm, 4px);
	padding: 18px 22px;
	margin: 18px 0 0;
	max-width: 720px;
}

.bks-rd.bks-baro-zugang[hidden] { display: none; }

.bks-rd .bks-baro-zugang__title {
	font-size: var(--fs-6, 17px);
	font-weight: 600;
	color: var(--ink, #16202c);
	margin: 0 0 6px;
}

.bks-rd .bks-baro-zugang__text {
	font-size: var(--fs-6, 16px);
	color: var(--grey-700, #4a5560);
	margin: 0 0 12px;
	line-height: 1.55;
}

/* Zwei Wege nebeneinander, beide als Textlink: Ein zweiter Knopf direkt unter
   dem Knopf, der eben nicht funktioniert hat, laese sich wie „nochmal
   versuchen". */
.bks-rd .bks-baro-zugang__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bks-rd .bks-baro-zugang__links a {
	font-size: var(--fs-6, 15px);
	font-weight: 600;
	color: var(--bks-blue, #0b57a4);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .18s var(--ease, ease);
}

.bks-rd .bks-baro-zugang__links a:hover,
.bks-rd .bks-baro-zugang__links a:focus-visible {
	color: var(--bks-blue-700, #084a8c);
}

@media (max-width: 560px) {
	.bks-rd.bks-baro-zugang { padding: 16px 18px; }
	.bks-rd .bks-baro-zugang__links { gap: 8px 16px; }
}