/* =====================================================================
   WIN Nordsachsen – Kontrastmodus (data-bs-theme="dark") + Fokus
   ---------------------------------------------------------------------
   Einbindung: möglichst NACH custom.css laden, z. B.
     page.includeCSS.kontrast = EXT:psn_bootstrap_template_win/Resources/Public/Css/kontrast.css
   Schema: Schwarz auf Weiß, invertierte Flächen Weiß auf Schwarz (je 21:1).
   Gliederung über schwarze Linien statt Grau-/Farbflächen.
   Alle Regeln (außer Abschnitt 1) gelten nur im Kontrastmodus.
   Präfix ":root[data-bs-theme=dark]" hebt die Spezifität, damit die
   !important-Regeln aus custom.css auch bei früherer Einbindung unterliegen.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. Tastaturfokus sichtbar machen (beide Modi)
   style.css setzt "outline: none !important" auf a, button, input,
   textarea und ".accordion-button:focus { box-shadow: none !important }"
   → WCAG 2.4.7 verletzt. Hier per :focus-visible wiederhergestellt.
   --------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.accordion-button:focus-visible {
	outline: 3px solid #000 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 6px #fff !important;
}

/* Skip-Link: im Normalmodus Grün auf Weiß (2,3:1) */
a.visually-hidden-focusable:focus,
a.visually-hidden-focusable:focus-visible {
	background: #000 !important;
	color: #fff !important;
	padding: .5rem 1rem;
	z-index: 10000;
}
a.visually-hidden-focusable:focus span,
a.visually-hidden-focusable:focus-visible span {
	color: #fff !important;
}


/* ---------------------------------------------------------------------
   2. Farbvariablen im Kontrastmodus
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] {
	--k-bg: #ffffff;
	--k-fg: #000000;
	--k-inv-bg: #000000;
	--k-inv-fg: #ffffff;

	--primary: #000000;
	--secondary: #000000;
	--secondary-1: #000000;
	--secondary-2: #000000;
	--header-txt: #000000;
	--txt-color: #000000;
	--gray-color: #000000;
	--gray-600: #000000;
	--light-gray: #000000;
	--dark-gray: #000000;
	--frame-color: #000000;
	--perrot-color: #000000;
	--header-top-bg: var(--k-bg);
	--card-bg: #000000;
	--accordion-bg: var(--k-bg);
	--body-bg: var(--k-bg);

	--bs-body-bg: var(--k-bg);
	--bs-body-color: #000;
	--bs-emphasis-color: #000;
	--bs-heading-color: #000;
	--bs-secondary-color: #000;
	--bs-tertiary-color: #000;
	--bs-link-color: #000;
	--bs-link-color-rgb: 0, 0, 0;
	--bs-link-hover-color: #000;
	--bs-link-hover-color-rgb: 0, 0, 0;
	--bs-border-color: #000;
	--bs-secondary-bg: var(--k-bg);
	--bs-tertiary-bg: var(--k-bg);
	color-scheme: light;
}


/* ---------------------------------------------------------------------
   3. Grundflächen: alles Weiß, Text Schwarz
   Bisher blieben Header (weiß), frame-background-light (#e9e9e9),
   Kacheln (Inline-Verläufe) und Hero-Box (Grün) in Originalfarben.
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] body,
:root[data-bs-theme=dark] .body-bg,
:root[data-bs-theme=dark] .header-part,
:root[data-bs-theme=dark] .header-part.sticky.sticky-fixed .header-bottom,
:root[data-bs-theme=dark] .frame,
:root[data-bs-theme=dark] .frame-background-light,
:root[data-bs-theme=dark] .frame-background-none,
:root[data-bs-theme=dark] .bp-page-footer,
:root[data-bs-theme=dark] .footer-section,
:root[data-bs-theme=dark] .carousel-item,
:root[data-bs-theme=dark] .carousel-box,
:root[data-bs-theme=dark] .accordion-item,
:root[data-bs-theme=dark] .accordion-body,
:root[data-bs-theme=dark] .accordion-button.collapsed,
:root[data-bs-theme=dark] .card,
:root[data-bs-theme=dark] .table,
:root[data-bs-theme=dark] .language-menu .language-drop,
:root[data-bs-theme=dark] .font-large-pop {
	background-color: var(--k-bg) !important;
	color: var(--k-fg) !important;
}

/* Abschnitts-Trenner, weil die Grautöne als Gliederung wegfallen */
:root[data-bs-theme=dark] .frame-background-light + .frame,
:root[data-bs-theme=dark] .frame + .frame-background-light,
:root[data-bs-theme=dark] .bp-page-footer {
	border-top: 2px solid #000;
}
:root[data-bs-theme=dark] .header-part {
	border-bottom: 2px solid #000;
}

/* Alle Texte erben die Flächenfarbe. custom.css setzt u. a.
   ".frame-background-none * { color:#354E6C }" (auch -light/-secondary/-tertiary)
   → im Kontrastmodus Blau auf Gelb bzw. Blau auf Schwarz (2,5:1).
   :where() = Spezifität 0, damit alle gezielten Regeln unten Vorrang haben. */
:where([data-bs-theme=dark] .body-bg *) {
	color: inherit !important;
}
:root[data-bs-theme=dark] .text-muted,
:root[data-bs-theme=dark] .text-secondary,
:root[data-bs-theme=dark] .text-body-secondary {
	color: inherit !important;
}
:root[data-bs-theme=dark] .body-bg h1,
:root[data-bs-theme=dark] .body-bg h2,
:root[data-bs-theme=dark] .body-bg h3,
:root[data-bs-theme=dark] .body-bg h4,
:root[data-bs-theme=dark] .body-bg h5,
:root[data-bs-theme=dark] .body-bg h6 {
	color: inherit !important;
}

/* style.css: ".news-img-caption { color: white !important }" → unsichtbar */
:root[data-bs-theme=dark] .body-bg .news-img-caption,
:root[data-bs-theme=dark] .body-bg .news-img-caption .copyright {
	color: #000 !important;
}

/* Bildunterschriften/Copyright nicht kleiner als 14px */
:root[data-bs-theme=dark] figcaption,
:root[data-bs-theme=dark] .image-caption {
	font-size: max(14px, 1em);
}


/* ---------------------------------------------------------------------
   4. Links: unterstrichen + fett (Farbe allein reicht nicht, 1.4.1)
   style.css: "text-decoration: none !important" auf allen a
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .body-bg a:not(.theme-btn):not(.btn):not(.navbar-brand):not(.scroll-top):not(.carousel-control),
:root[data-bs-theme=dark] .body-bg a:not(.theme-btn):not(.btn):not(.navbar-brand):not(.scroll-top):hover {
	color: inherit !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px;
}
:root[data-bs-theme=dark] .body-bg main a:not(.theme-btn):not(.btn),
:root[data-bs-theme=dark] .bp-page-footer a:not(.theme-btn) {
	font-weight: 600;
}
:root[data-bs-theme=dark] .body-bg a:not(.theme-btn):not(.btn):hover {
	text-decoration-thickness: 4px !important;
}


/* ---------------------------------------------------------------------
   5. Header
   --------------------------------------------------------------------- */
/* Logo: das .dark-logo hat src="" → kaputtes Bild, nur Alt-Text sichtbar,
   Header fällt zusammen und die Navigation überlappt die Top-Leiste.
   Stattdessen normales Logo schwarz einfärben, weißen Grund wegmultiplizieren. */
:root[data-bs-theme=dark] .logo .navbar-brand .navbar-brand-logo-normal.dark-logo {
	display: none !important;
}
:root[data-bs-theme=dark] .logo .navbar-brand .navbar-brand-logo-normal:not(.dark-logo) {
	display: block !important;
	filter: grayscale(1) brightness(.7) contrast(100);
	mix-blend-mode: multiply;
}

/* Top-Leiste: Texte und Icons schwarz (vorher teils Weiß auf Weiß/Gelb) */
:root[data-bs-theme=dark] .header-top,
:root[data-bs-theme=dark] .header-top a,
:root[data-bs-theme=dark] .header-top .btn,
:root[data-bs-theme=dark] .header-top button,
:root[data-bs-theme=dark] .header-top span,
:root[data-bs-theme=dark] .header-top-left p,
:root[data-bs-theme=dark] .kontrast-blog .btn,
:root[data-bs-theme=dark] .font-large .toggle-text-btn,
:root[data-bs-theme=dark] .language span {
	color: #000 !important;
}
:root[data-bs-theme=dark] .header-top a,
:root[data-bs-theme=dark] .header-top .btn {
	text-decoration: none !important;
}
:root[data-bs-theme=dark] .header-top a:hover span,
:root[data-bs-theme=dark] .header-top a:hover,
:root[data-bs-theme=dark] .header-top .btn:hover span {
	text-decoration: underline !important;
}
:root[data-bs-theme=dark] .header-top svg path,
:root[data-bs-theme=dark] .header-top-right .search-bar svg path,
:root[data-bs-theme=dark] .header-top-right .kontrast-blog button svg path,
:root[data-bs-theme=dark] .header-top-right .font-large button svg path,
:root[data-bs-theme=dark] .header-top-right .language svg path,
:root[data-bs-theme=dark] .font-large .toggle-text-btn svg path,
:root[data-bs-theme=dark] .font-large .toggle-text-btn.active svg path {
	fill: #000 !important;
}
:root[data-bs-theme=dark] .header-top svg [stroke]:not([stroke=none]) {
	stroke: #000 !important;
}
:root[data-bs-theme=dark] .header-top span,
:root[data-bs-theme=dark] .header-top a,
:root[data-bs-theme=dark] .header-top .btn {
	font-size: max(14px, 1em);
	font-weight: 600;
}

/* Google-Übersetzer-Auswahl */
:root[data-bs-theme=dark] #google_translate_element select,
:root[data-bs-theme=dark] .goog-te-combo {
	background: #fff !important;
	color: #000 !important;
	border: 2px solid #000 !important;
}
:root[data-bs-theme=dark] .goog-te-gadget,
:root[data-bs-theme=dark] .goog-te-gadget a,
:root[data-bs-theme=dark] .goog-te-gadget span {
	color: #000 !important;
}

/* Hauptnavigation */
:root[data-bs-theme=dark] .main-menu > ul > li > a,
:root[data-bs-theme=dark] .header-part.sticky.sticky-fixed .main-menu > ul > li > a {
	color: #000 !important;
	text-decoration: none !important;
}
:root[data-bs-theme=dark] .main-menu > ul > li > a:hover,
:root[data-bs-theme=dark] .main-menu > ul > li.active > a {
	text-decoration: underline !important;
	text-decoration-thickness: 3px !important;
	text-underline-offset: 6px;
}
/* Aktiv-Markierung nur einmal (Unterstreichung), Balken oberhalb ausblenden */
:root[data-bs-theme=dark] .main-menu > ul > li > a:after {
	display: none !important;
}
:root[data-bs-theme=dark] .main-menu-outer,
:root[data-bs-theme=dark] .main-menu .submenu-menu {
	background-color: var(--k-bg) !important;
}
/* Burger-Menü (mobil) */
:root[data-bs-theme=dark] .humbarger-menu > span {
	color: #000 !important;
}
:root[data-bs-theme=dark] .burger .burger-lines,
:root[data-bs-theme=dark] .burger .burger-lines::before,
:root[data-bs-theme=dark] .burger .burger-lines::after {
	background-color: #000 !important;
}


/* ---------------------------------------------------------------------
   6. Listen-Icons
   style.css gibt im Kontrastmodus JEDEM "ul li" display:block + Pfeil-Icon,
   auch Menüs, Footer-Links und Bedienelementen. Auf Navigationslisten zurücksetzen.
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .header-part ul li,
:root[data-bs-theme=dark] .main-menu ul li,
:root[data-bs-theme=dark] .breadcrumb li,
:root[data-bs-theme=dark] .footer-links li,
:root[data-bs-theme=dark] .nav-tabs li,
:root[data-bs-theme=dark] .owl-dots li,
:root[data-bs-theme=dark] .carousel-indicators li,
:root[data-bs-theme=dark] .pagination li,
:root[data-bs-theme=dark] .font-large-pop li {
	background-image: none !important;
}


/* ---------------------------------------------------------------------
   7. Invertierte Flächen: Weiß auf Schwarz
   (Hero-Box, Kacheln mit Inline-Verlauf, farbige Frames, Karten)
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .home-slider-box-inner,
:root[data-bs-theme=dark] .home-slider-box-inner .slide-bg,
:root[data-bs-theme=dark] .gradient-card,
:root[data-bs-theme=dark] .frame-background-primary,
:root[data-bs-theme=dark] .frame-background-secondary,
:root[data-bs-theme=dark] .frame-background-dark,
:root[data-bs-theme=dark] .bg-dark-blue,
:root[data-bs-theme=dark] .bg-light-blue,
:root[data-bs-theme=dark] .teaser-info-box,
:root[data-bs-theme=dark] .c-card .card-body,
:root[data-bs-theme=dark] .card-group-element-item .card-body,
:root[data-bs-theme=dark] .history-section,
:root[data-bs-theme=dark] .table thead th,
:root[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: var(--k-inv-bg) !important;
	background-image: none !important;
	color: var(--k-inv-fg) !important;
}
/* Kachel-Verläufe stehen inline (style="background: linear-gradient(...)") */
:root[data-bs-theme=dark] .gradient-card[style] {
	background: var(--k-inv-bg) !important;
}
/* Pfeil-Icon in Karten wieder hinzufügen (helle Variante existiert) */
:root[data-bs-theme=dark] .card-group-element-item .card-body {
	background: url(../Images/green-arrow-right-white.svg) no-repeat right 26px bottom 23px, var(--k-inv-bg) !important;
}
/* Hero-Box hat inline style="color:#ffffff" – passt; Rahmen zur Abgrenzung vom Foto */
:root[data-bs-theme=dark] .home-slider-box-inner {
	outline: 3px solid var(--k-bg);
}

/* Listen-Icons in invertierten Flächen: dunkles Icon wäre unsichtbar → Strich-Marker */
:root[data-bs-theme=dark] :is(.gradient-card, .frame-background-primary, .frame-background-secondary,
	.frame-background-dark, .c-card .card-body, .card-group-element-item .card-body, .history-section) ul li {
	background-image: none !important;
}
:root[data-bs-theme=dark] :is(.gradient-card, .frame-background-primary, .frame-background-secondary,
	.frame-background-dark, .c-card .card-body, .card-group-element-item .card-body, .history-section) ul li::before {
	content: "–";
	position: absolute;
	left: 0;
}

/* Buttons in invertierten Flächen: Weiß mit schwarzem Text */
:root[data-bs-theme=dark] :is(.home-slider-box-inner, .gradient-card, .frame-background-primary,
	.frame-background-secondary, .frame-background-dark, .teaser-info-box, .c-card, .card-group-element-item, .history-section)
	:is(.theme-btn, .btn) {
	background: #fff !important;
	border: 2px solid #fff !important;
	color: #000 !important;
}
:root[data-bs-theme=dark] :is(.home-slider-box-inner, .gradient-card, .frame-background-primary,
	.frame-background-secondary, .frame-background-dark, .teaser-info-box, .c-card, .card-group-element-item, .history-section)
	:is(.theme-btn, .btn):is(:hover, :focus-visible) {
	background: #000 !important;
	color: #fff !important;
	text-decoration: underline !important;
}
:root[data-bs-theme=dark] :is(.home-slider-box-inner, .gradient-card, .frame-background-primary,
	.frame-background-secondary, .frame-background-dark, .teaser-info-box, .c-card, .card-group-element-item, .history-section)
	:is(a, button, .theme-btn):focus-visible {
	outline-color: #fff !important;
	box-shadow: 0 0 0 6px #000 !important;
}
:root[data-bs-theme=dark] .frame-background-primary .nav-tabs .nav-link,
:root[data-bs-theme=dark] .frame-background-secondary .nav-tabs .nav-link {
	color: #fff !important;
}


/* ---------------------------------------------------------------------
   8. Buttons (Standard: Schwarz/Weiß, Hover invertiert)
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .theme-btn,
:root[data-bs-theme=dark] .btn-primary,
:root[data-bs-theme=dark] .btn-secondary,
:root[data-bs-theme=dark] .form-navigation .btn,
:root[data-bs-theme=dark] .header-bottom-inner .header-btns .theme-btn,
:root[data-bs-theme=dark] .bp-page-footer .theme-btn,
:root[data-bs-theme=dark] input[type=submit],
:root[data-bs-theme=dark] button[type=submit] {
	background: #000 !important;
	border: 2px solid #000 !important;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
}
:root[data-bs-theme=dark] .theme-btn *,
:root[data-bs-theme=dark] .btn-primary * {
	color: inherit !important;
}
:root[data-bs-theme=dark] .theme-btn:is(:hover, :focus-visible),
:root[data-bs-theme=dark] .btn-primary:is(:hover, :focus-visible),
:root[data-bs-theme=dark] .btn-secondary:is(:hover, :focus-visible),
:root[data-bs-theme=dark] .form-navigation .btn:is(:hover, :focus-visible),
:root[data-bs-theme=dark] input[type=submit]:is(:hover, :focus-visible),
:root[data-bs-theme=dark] button[type=submit]:is(:hover, :focus-visible) {
	background: var(--k-bg) !important;
	color: #000 !important;
	text-decoration: underline !important;
}
/* Rahmen-Variante: transparent, schwarzer Rahmen + Text */
:root[data-bs-theme=dark] .theme-btn.theme-btn-border {
	background: transparent !important;
	color: #000 !important;
}
:root[data-bs-theme=dark] .theme-btn.theme-btn-border:is(:hover, :focus-visible) {
	background: #000 !important;
	color: #fff !important;
}
:root[data-bs-theme=dark] .header-bottom-inner .header-btns .theme-btn svg path {
	fill: currentColor !important;
	stroke: currentColor !important;
}

/* Nach-oben-Button */
:root[data-bs-theme=dark] .scroll-top {
	background-color: #000 !important;
	border: 2px solid var(--k-bg);
	color: #fff !important;
}
/* Pfeil ist ein Rahmen in currentColor → muss weiß sein, sonst Schwarz auf Schwarz */
:root[data-bs-theme=dark] .scroll-top .scroll-top-icon,
:root[data-bs-theme=dark] .scroll-top .scroll-top-icon::before {
	color: #fff !important;
	border-color: #fff !important;
}
:root[data-bs-theme=dark] .scroll-top .scroll-top-icon::before {
	border-top-width: 2px;
	border-left-width: 2px;
}


/* ---------------------------------------------------------------------
   9. Formulare
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .form-control,
:root[data-bs-theme=dark] .form-select,
:root[data-bs-theme=dark] input:not([type=submit]):not([type=checkbox]):not([type=radio]),
:root[data-bs-theme=dark] textarea,
:root[data-bs-theme=dark] select {
	background-color: #fff !important;
	color: #000 !important;
	border: 2px solid #000 !important;
}
:root[data-bs-theme=dark] ::placeholder {
	color: #404040 !important;
	opacity: 1;
}
:root[data-bs-theme=dark] .form-check-input {
	border: 2px solid #000 !important;
	background-color: #fff;
}
:root[data-bs-theme=dark] .form-check-input:checked {
	background-color: #000 !important;
}
:root[data-bs-theme=dark] .invalid-feedback,
:root[data-bs-theme=dark] .text-danger,
:root[data-bs-theme=dark] .error {
	color: #000 !important;
	font-weight: 700;
}
:root[data-bs-theme=dark] .is-invalid,
:root[data-bs-theme=dark] .form-control.is-invalid {
	border-width: 3px !important;
	border-style: dashed !important;
}


/* ---------------------------------------------------------------------
   10. Akkordeon, Tabs, Tabellen, Breadcrumb
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .accordion-item {
	border: 2px solid #000 !important;
}
:root[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button {
	color: #000 !important;
	font-weight: 600;
}
:root[data-bs-theme=dark] .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	color: #fff !important;
}
:root[data-bs-theme=dark] .nav-tabs {
	border-bottom: 2px solid #000;
}
:root[data-bs-theme=dark] .nav-tabs .nav-link {
	color: #000 !important;
}
:root[data-bs-theme=dark] .nav-tabs .nav-link.active {
	background: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}
:root[data-bs-theme=dark] table,
:root[data-bs-theme=dark] table th,
:root[data-bs-theme=dark] table td {
	border-color: #000 !important;
	color: #000;
	--bs-table-bg: var(--k-bg);
	--bs-table-color: #000;
	--bs-table-striped-bg: #f0f0f0;
	--bs-table-striped-color: #000;
}
:root[data-bs-theme=dark] table thead th {
	color: #fff !important;
}
:root[data-bs-theme=dark] .breadcrumb-section ol li a.breadcrumb-link,
:root[data-bs-theme=dark] .breadcrumb-section ol li .breadcrumb-text,
:root[data-bs-theme=dark] .breadcrumb-section ol li.active .breadcrumb-link-title,
:root[data-bs-theme=dark] .breadcrumb-item + .breadcrumb-item::before {
	color: #000 !important;
}


/* ---------------------------------------------------------------------
   11. Footer (bisher Schwarz auf Dunkelblau, 2,5:1 → jetzt Weiß mit schwarzer Linie)
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .bp-page-footer,
:root[data-bs-theme=dark] .bp-page-footer .footer-section,
:root[data-bs-theme=dark] .bp-page-footer .footer-section-content,
:root[data-bs-theme=dark] .footer-top-part {
	background-color: var(--k-bg) !important;
	color: #000 !important;
}
:root[data-bs-theme=dark] .bp-page-footer h5,
:root[data-bs-theme=dark] .bp-page-footer .list-heading,
:root[data-bs-theme=dark] .bp-page-footer .list-heading strong {
	color: #000 !important;
}
/* "Informationen": style.css hängt im Kontrastmodus zusätzlich das Listen-Icon
   an das li (doppeltes/falsches Icon); das eigentliche Icon (a::before,
   squre-arrow.svg) ist weiß → auf Weiß unsichtbar. */
:root[data-bs-theme=dark] .footer-section .links-with-arrow li {
	background: none !important;
	padding-left: 0 !important;
}
:root[data-bs-theme=dark] .footer-section .links-with-arrow li a::before {
	filter: brightness(0);
}

/* Partner-Logos im Footer auf weißem Grund belassen */
:root[data-bs-theme=dark] .bp-page-footer img {
	background: #fff;
	padding: 6px;
}


/* ---------------------------------------------------------------------
   12. Slider / Karussell-Steuerung
   --------------------------------------------------------------------- */
/* Original-Pfeil (arrow-link.svg) ist hellgrün → schwarzer Pfeil auf Weiß mit Rahmen */
:root[data-bs-theme=dark] .carousel-control-icon {
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14'%3E%3Cpath d='M1.5 1.5 7 7l-5.5 5.5' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E") !important;
	border: 2px solid #000;
	filter: none !important;
}
:root[data-bs-theme=dark] .carousel-indicators [data-bs-target],
:root[data-bs-theme=dark] .owl-dots .owl-dot span {
	background-color: #000 !important;
	border: 2px solid #000;
}
:root[data-bs-theme=dark] .carousel-indicators .active,
:root[data-bs-theme=dark] .owl-dots .owl-dot.active span {
	background-color: #fff !important;
}


/* ---------------------------------------------------------------------
   13. Sprachmenü (alte Regeln setzten Weiß/Grau)
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .language-menu .language-drop .text-muted,
:root[data-bs-theme=dark] .site-lang > a::before,
:root[data-bs-theme=dark] .site-lang > a::after {
	color: #000 !important;
}


/* ---------------------------------------------------------------------
   14. Header-Layout Desktop/Tablet quer (beide Modi)
   Zwischen 992 und ~1440px überlappt die Top-Leiste das Logo und die
   Google-Übersetzer-Box die Hauptnavigation.
   - "Ihre Ansprechpartner" (.other-links) ist ab 992px laut style.css
     gedacht ausgeblendet, wird aber später wieder eingeblendet; im Normal-
     modus steht es weiß auf weiß (unsichtbarer, aber fokussierbarer Link).
   --------------------------------------------------------------------- */
@media (min-width: 992px) {
	.header-top-right .other-links {
		display: none !important;
	}
	.header-top-right .kontrast-blog {
		margin-right: 24px;
	}
	.header-top-right .language {
		margin-right: 0;
	}
	.header-top-right .language[style] {
		margin-left: 24px !important;
		margin-right: 8px !important;
	}
	/* Navigation unten an den Header setzen, damit sie nicht unter die
	   zweizeilige Google-Übersetzer-Box rutscht */
	.header-part:not(.sticky-fixed) .header-bottom-inner {
		min-height: 99px;
	}
	.header-part:not(.sticky-fixed) .header-bottom-inner .main-menu-outer {
		align-self: flex-end;
		padding-bottom: 8px;
	}
}
@media (min-width: 1367px) {
	.header-part:not(.sticky-fixed) .header-bottom-inner {
		min-height: 139px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.logo .logo-simple .navbar-brand .navbar-brand-logo-normal {
		max-width: 200px;
	}
	.header-top-right .kontrast-blog {
		margin-right: 16px;
	}
	.header-top-right .language[style] {
		margin-left: 16px !important;
	}
}


/* ---------------------------------------------------------------------
   15. Keine Farb-Überblendung im Kontrastmodus
   style.css animiert u. a. .theme-btn mit "transition: all 0.5s" → nach
   dem Umschalten kurz Grün/Grau statt Schwarz/Weiß.
   --------------------------------------------------------------------- */
:root[data-bs-theme=dark] .body-bg *,
:root[data-bs-theme=dark] .body-bg *::before,
:root[data-bs-theme=dark] .body-bg *::after {
	transition-property: transform, opacity, height, max-height !important;
}