/* a11y-overrides.css — minimalinvasive Kontrast-/Lesbarkeitskorrekturen
   Theme-aware (light default + dark via data-bf-theme).
   CTA-Farben: nur minimal abgedunkelt (#f06000 ≈ 3,3:1 mit weißem Text bei
   fett/großer Schrift — WCAG-A Large-Text-Regel), Brand-Orange bleibt erhalten. */

/* ---- Textlinks im Fließtext: vom Umgebungstext unterscheidbar ---- */
p a:not([class]),
li a:not([class]),
div.media-body a:not([class]),
aside a:not([class]) {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---- Navigation / Footer NIEMALS unterstreichen (keine Textblock-Links) ---- */
ul.nav > li > a,
.navbar a,
nav a,
.dropdown-menu a,
#navbar-collapse-mobile a,
.footer a,
.footer-col a {
	text-decoration: none !important;
}

/* ---- Linkfarbe: Kontrast auf hellem Grund ---- */
:root:not([data-bf-theme="dark"]) p > a:not([class]) {
	color: #2a6395;
}
html[data-bf-theme="dark"] p > a:not([class]) {
	color: #9dc4ea;
}
:root:not([data-bf-theme="dark"]) ul.point-list a,
:root:not([data-bf-theme="dark"]) ul.star-list a,
:root:not([data-bf-theme="dark"]) ul.list-unstyled li.media a {
	color: #2a6395;
}
html[data-bf-theme="dark"] ul.point-list a,
html[data-bf-theme="dark"] ul.star-list a,
html[data-bf-theme="dark"] ul.list-unstyled li.media a {
	color: #9dc4ea;
}

/* ---- CTA-Buttons: Original-Orange nur minimal abgedunkelt (3,3:1) ---- */
a.call-to-action-half,
.call-to-action,
a#unlockiframe,
.bf-p-btn,
.bfa-btn {
	background-color: #f06000 !important;
	font-weight: 700 !important;
	font-size: 19px !important;
	line-height: 1.35 !important;
}
a.call-to-action-half:hover,
.call-to-action:hover,
a#unlockiframe:hover,
.bf-p-btn:hover,
.bfa-btn:hover {
	background-color: #d95700 !important;
}

/* ---- Browser-Mock (Startseite): URL-Text dunkler ---- */
.bfa-url-bar {
	color: #5f6b76 !important;
}

/* ---- Inaktive Tabs (Startseite "Funktionen") ---- */
.tabs .nav-link {
	color: #5b6670 !important;
}
.tabs .nav-link.active,
.tabs .nav-link:hover {
	color: #055382 !important;
}

/* ---- Cards: Text im Dark Mode lesbar ---- */
html[data-bf-theme="dark"] .card-body p {
	color: #c9cfd6 !important;
}

/* ---- Dark Mode: Basisfarben konsistent ---- */
html[data-bf-theme="dark"] body {
	background-color: #1c1c1e;
	color: #e8eaed;
}
html[data-bf-theme="dark"] .header-content {
	background-color: #1c1c1e !important;
}
html[data-bf-theme="dark"] .cards-2 {
	background-color: #1c1c1e !important;
}
html[data-bf-theme="dark"] .h2-heading {
	color: #e8eaed !important;
}
:root:not([data-bf-theme="dark"]) .h2-heading {
	color: #055382;
}

/* ---- Video-Overlay-Links als Chip ---- */
.video_iframeoverlay p a {
	background: #055382;
	color: #fff !important;
	padding: 2px 10px;
	border-radius: 4px;
	display: inline-block;
	text-decoration: underline !important;
}

/* ---- TOC ---- */
.toc_title {
	color: #c2410c !important;
}

/* ---- Timeline (digitale Personalakte) ---- */
.bf-timeline-content h3 {
	color: #0b4f7a !important;
}
.bf-timeline-content p {
	color: #3a4750 !important;
}
.bf-timeline-content {
	background: #fff !important;
}
html[data-bf-theme="dark"] .bf-timeline-content {
	background: #1c1c1e !important;
}
html[data-bf-theme="dark"] .bf-timeline-content h3 {
	color: #9dc4ea !important;
}
html[data-bf-theme="dark"] .bf-timeline-content p {
	color: #c9cfd6 !important;
}

/* ---- Knowledgebase Such-Button ---- */
form.form-horizontal button.btn {
	background-color: #2a6395 !important;
}