/* ============================================
   BFSG / WCAG 2.1 AA — Kontrast-Overrides
   Keine Kunden-CI, daher maximal lesbare Werte:
   dunkles Anthrazit statt Gold/Grün, hoher Kontrast.
   ============================================ */

/* ─── Hauptnavigation ────────────────────────── */

/* Primärfarbe: statt rgba(0,0,0,0.4) → kräftiges Anthrazit (ca. 15:1 auf #EDEDED) */
.mainmenu > ul > li a,
.mainmenu > ul > li > a,
.mainmenu > ul > li strong {
    color: #1a1a1a !important;
    font-weight: 500 !important;
}

/* Active- / Hover-Background: Anthrazit → weißer Text = ca. 15:1 */
.mainmenu > ul > li:hover,
.mainmenu > ul > li.trail,
.mainmenu > ul li.active,
.home .js--is-fixed .mainmenu > ul > li.trail,
.home .js--is-fixed .mainmenu > ul li.active {
    background-color: #1a1a1a !important;
    transition: background-color 0.3s ease;
}

/* Active-/Hover-Text: Weiß auf Anthrazit */
.mainmenu > ul > li:hover > a,
.mainmenu > ul > li > a.trail,
.mainmenu > ul li > a.active,
.mainmenu > ul > li > strong,
.home .js--is-fixed .mainmenu > ul > li > a.trail {
    color: #ffffff !important;
}

/* Dekorative ::before-Linie dezent halten */
.mainmenu > ul > li > strong::before,
.mainmenu > ul > li:hover > a::before,
.mainmenu > ul > li.trail > a::before,
.mainmenu > ul li > a.active::before {
    background-color: rgba(0, 0, 0, 0.15) !important;
}


/* ─── Formular-Labels ────────────────────────── */

/* Label-Farbe maximal lesbar — auch wenn das Label-Element selbst die
   Theme-Klasse "mandatory" trägt (sonst wird das ganze Label rot). */
.widget label,
.widget label.mandatory,
.widget.widget-checkbox label,
.widget.widget-radio label {
    color: #1a1a1a !important;
    font-weight: 500 !important;
}

/* Nur der Pflichtfeld-Stern selbst (span innerhalb des Labels) wird rot. */
.widget label span.mandatory {
    color: #b00000 !important;
    font-weight: 700;
}

/* Input-Felder: deutlicher Rahmen */
.widget-text input,
.widget-textarea textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    border: 1px solid #666 !important;
    color: #1a1a1a !important;
    background-color: #ffffff !important;
}
.widget-text input:focus,
.widget-textarea textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: #1a1a1a !important;
    border-width: 2px !important;
    outline: 2px solid #1a1a1a !important;
    outline-offset: 1px !important;
}


/* ─── Links im Fließtext ─────────────────────── */

/* Content-Links generell unterstreichen (WCAG 1.4.1 — Farbe allein darf nicht reichen) */
.ce_text a,
#main a:not(.email):not(.submit):not(.sl-credit-box__card):not(.sl-credit-box__logo) {
    color: #1a1a1a;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

/* Hover: nur Underline wird dicker, Farbe bleibt dunkel */
.ce_text a:hover,
.ce_text a:focus,
#main a:hover,
#main a:focus {
    color: #000000 !important;
    text-decoration-thickness: 2px !important;
}


/* ─── Focus-Indikator (WCAG 2.4.7) ───────────── */

/* Für Tastaturnutzer sichtbaren Fokus erzwingen */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #1a1a1a !important;
    outline-offset: 2px !important;
    border-radius: 2px;
}


/* ─── Submit-Button ──────────────────────────── */

.widget-submit button,
button.submit {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 2px solid #1a1a1a !important;
    padding: 10px 24px !important;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem !important;
}
.widget-submit button:hover,
button.submit:hover,
.widget-submit button:focus,
button.submit:focus {
    background-color: #000000 !important;
    border-color: #000000 !important;
}


/* ─── Mobiles Menü (Burger) ──────────────────── */

.nav-mobile {
    color: #1a1a1a !important;
}
.nav-mobile:hover,
.nav-mobile:focus {
    color: #000000 !important;
}


/* ─── Breadcrumb ─────────────────────────────── */

/* Aktives (letztes) Element: Theme-Default Gold-Beige #A89679 → 2.3:1 = FAIL.
   Dunkles Grau = ca. 12:1. */
.mod_breadcrumb ul li.active,
.mod_breadcrumb ul li[aria-current="page"] {
    color: #1a1a1a !important;
    font-weight: 500 !important;
}
/* Verlinkte Breadcrumb-Items: Theme-Default #555 ist OK (7:1), aber unterstreichen */
.mod_breadcrumb ul li a {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}
.mod_breadcrumb ul li a:hover,
.mod_breadcrumb ul li a:focus {
    color: #000 !important;
}


/* Footer: Theme-Default (helle Schrift auf #383838) ist bereits ca. 10:1 — nicht anfassen. */


/* ─── Credit-Box ausklammern ─────────────────── */

/* Die Smartline-Credit-Box bringt eigene Farben mit (dunkelgrün + weiße Schrift).
   Verhindere dass unsere Content-Link-Overrides das weiße Logo/Card schwarz machen. */
.sl-credit-box a,
.sl-credit-box a:hover,
.sl-credit-box a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* Card-Link-Underline bleibt wie in Credit-Box definiert (eigene border-bottom-Logik) */
.sl-credit-box__card {
    text-decoration: none !important;
}