/**
 * Phase 4 — WCAG 1.4.1, 1.4.3, 1.4.11 (Kontrast)
 * Loaded after ubs.19.css / v6css3menu / contactBox.
 *
 * Farbtokens in ubs.19.css :root:
 *   --ubs-green-brand      Markengrün, Akzente auf hellem Grund
 *   --ubs-green-invert     einziges Grün für weiße Schrift darauf (#588023)
 *   --ubs-green-a11y-text  grüner Text auf weißem Grund
 */

/* --- Tabs öffentlich (#tabhead in libarticles.php, z. B. „Wir über uns“) --- */
#tabhead > nav > ul > li,
#tabhead > ul > li {
	color: #666;
	border-color: #bbb;
}

#tabhead > nav > ul > li > a,
#tabhead > ul > li > a {
	color: inherit;
	text-decoration: none;
}

#tabhead > nav > ul > li.s,
#tabhead > nav > ul > li.s > a,
#tabhead > ul > li.s,
#tabhead > ul > li.s > a {
	color: var(--ubs-green-a11y-text);
	font-weight: 700;
}

#tabhead > nav > ul > li.s,
#tabhead > ul > li.s {
	border-bottom: 3px solid var(--ubs-green-brand);
}

#tabhead > nav > ul > li.s:hover,
#tabhead > nav > ul > li.s:hover > a,
#tabhead > ul > li.s:hover,
#tabhead > ul > li.s:hover > a {
	color: var(--ubs-green-a11y-text);
}

#tabhead > nav > ul > li:hover:not(.s):not(:last-child),
#tabhead > nav > ul > li:hover:not(.s):not(:last-child) > a,
#tabhead > ul > li:hover:not(.s):not(:last-child),
#tabhead > ul > li:hover:not(.s):not(:last-child) > a {
	color: var(--ubs-green-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
}

#tabhead > nav > ul > li:last-child:hover,
#tabhead > ul > li:last-child:hover {
	color: #666;
}

/* --- Tabs Admin/Editor (libtab2) --- */
div.tab2head > ul > li {
	color: #666;
	border-color: #bbb;
}

div.tab2head > ul > li.s {
	color: var(--ubs-green-a11y-text);
	font-weight: 700;
	border-bottom: 3px solid var(--ubs-green-brand);
}

div.tab2head > ul > li.s:hover {
	color: var(--ubs-green-a11y-text);
}

div.tab2head > ul > li:hover:not(.s):not(:last-child) {
	color: var(--ubs-green-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* rowedTabs (Signage/Admin — gleiches Muster) */
.rowedTabs ul > li {
	color: #666;
	border-color: #bbb;
}

.rowedTabs ul > li.s {
	background-color: var(--ubs-green-invert);
	color: #fff;
	font-weight: 700;
	box-shadow: inset 0 -3px 0 var(--ubs-green-invert);
}

.rowedTabs ul > li > a {
	color: inherit;
}

/* --- Footer-Text (≥ 4,5:1 auf #fff) --- */
.footer,
.footer-partner-heading,
.footer-funder-text,
#footer_container #disclaimer {
	color: #666;
}

#footer_container #disclaimer a {
	color: #444;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#footer_container #disclaimer a:hover,
.footer a:hover {
	color: var(--ubs-green-a11y-text);
}

/* --- Navigation (Hauptmenü + Mobile) --- */
.menu_container.black > ul > li > a,
.menu_container.black > ul > li > .menu-toplink,
.menu_container.black > ul > li > button.desktop-nav-expand {
	color: #d0d0d0;
}

ul.menu_submenu li a {
	color: #d8d8d8;
}

#mobileMenu a,
#mobileMenu .mobile-nav-expand,
#mobileCall a {
	color: #d8d8d8;
}

#mobileLogo i {
	color: #b0b0b0;
}

/* --- UI-Elemente ≥ 3:1 (Rahmen, Buttons, Fokus) --- */
#contactBox .cbField input,
#contactBox .cbField textarea,
#contactBox input[type=submit]:not(:disabled) {
	border-color: var(--ubs-green-invert);
}

#contactBox input[type=submit]:not(:disabled) {
	background-color: var(--ubs-green-invert);
	color: #fff;
}

#contactBox .cbTitle h4 {
	background-color: var(--ubs-green-invert);
	color: #fff;
}

.cbResult--success {
	border-color: var(--ubs-green-invert);
}

.cbResult--success .cbResultIcon {
	background-color: var(--ubs-green-invert);
	color: #fff;
}

:focus-visible {
	outline-color: var(--ubs-green-invert);
}

/* --- Karussell infoBlock (Bericht Abb. 18: Startseite 3,7:1) --- */
.home-slider-wrap .infoBlock {
	background: var(--ubs-green-invert);
	color: #fff;
}

.home-slider-wrap .infoBlock h1,
.home-slider-wrap .infoBlock h1 a,
.home-slider-wrap .infoBlock h5,
.home-slider-wrap .infoBlock a {
	color: #fff;
}

.home-slider-wrap .infoBlock a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.home-slider-wrap .infoBlock h1 a.silent {
	text-decoration: none;
}

.home-slider-wrap .infoBlock a:hover,
.home-slider-wrap .infoBlock h1 a.silent:hover {
	color: #f2f8eb;
}

/* --- Menü: Hover mit weißer Schrift --- */
.menu_container.black > ul > li:hover > a,
.menu_container.black > ul > li:hover > .menu-toplink,
.menu_container.black > ul > li:hover > button.desktop-nav-expand {
	background-color: var(--ubs-green-invert);
	color: #fff;
}

.menu_container.black ul.menu_submenu_block li:hover > a {
	background: var(--ubs-green-invert);
	color: #fff;
}

/* --- Einheitliche helle Schrift auf --ubs-green-invert --- */
.redinv,
.teaseroverlay,
.ensemble > figcaption,
.imgbox h2 span,
.imgboxright a,
.imgboxright a:hover,
.imgboxright a.s,
#content .more a,
#content .more a:hover,
#artikelhead span.fwd a,
#artikelhead span.fwd a:hover,
#artikelhead span.fwd a.static,
#artikelhead span.fwd a.static:hover,
#artikelhead span.fwd select,
#artikelhead span.fwd select option,
.imboxinlineheadtitle,
.imgboxinlinepictitle,
#rrs button:hover,
.highlight {
	color: #fff;
}