/*
 * Barrierefreiheit (Paket B) - medin-child, Stand 2026-09-29
 * Farbentscheidung Tobias 29.09. (Variante 3 "Hybrid"):
 *  - Flaechen behalten das Original-Markentuerkis #97D5E0 (Seitenleiste, Buttons, Footer-Leiste),
 *    die Schrift/Icons darauf werden dunkel: #1F3A40 (7,43:1).
 *  - Kleine Texte in Tuerkis auf Weiss: sattes Tuerkis #0B7A8E (gleicher Farbton wie die Marke, 5,01:1).
 *  - Grau #787878 -> #6B6B6B (5,33:1 auf Weiss, 4,97:1 auf #F7F7F7).
 * Die Farben kommen aus Medin-Customizer-Variablen (Inline-CSS "medin-dev-inline-css");
 * sie werden hier ueberschrieben statt in der DB geaendert -> versionierbar, Deploy per Datei.
 * Geprueft mit axe (color-contrast) auf der Local-Kopie: 0 Verstoesse.
 */
html:root {
  --a11y-brand: #97d5e0;  /* Original-Markentuerkis, nur als Flaeche/Deko */
  --a11y-ink:   #1f3a40;  /* Schrift auf Markentuerkis: 7,43:1 */
  --a11y-teal:  #0b7a8e;  /* Tuerkis als Textfarbe auf Weiss: 5,01:1, auf #F7F7F7: 4,68:1 */
  --a11y-grey:  #6b6b6b;
  --a11y-focus: #222;     /* Fokusrahmen: 16:1 auf Weiss, 9:1 auf Markentuerkis */

  /* Links/Text */
  --color_content_l: var(--a11y-teal);
  --color_content_l_h: var(--a11y-teal);
  --color_content_t: var(--a11y-grey);
  --color_content_sub: var(--a11y-grey);
  --color_footer_t: var(--a11y-grey);
  --color_footer_l: var(--a11y-grey);
  --color_header_l_h: var(--a11y-teal);
  --color_header_menu_sub_l_h: var(--a11y-teal);
  --color_header_menu_top_l_h: var(--a11y-teal);
  --color_toppanel_t_h: var(--a11y-teal);
  --color_buttons1_b_h: var(--a11y-teal);
  --color_buttons1_t_h: var(--a11y-teal);
  --color_buttons2_i_h: var(--a11y-teal);
  --color_buttons2_t_h: var(--a11y-teal);

  /* Flaechen bleiben Markentuerkis, Schrift darauf dunkel */
  --color_buttons4_t: var(--a11y-ink);
  --color_buttons4_t_h: var(--a11y-ink);
  --color_footerbottom_t: var(--a11y-ink);
}

body { color: var(--a11y-grey); }

/* Text, der direkt --main_color bzw. das helle Tuerkis nutzt -> sattes Tuerkis */
.theme-color,
.h-sub.theme-color,
.h-sub.text-wide,
.box-progress-number,
.department-tab-text,
.doctor-box-position,
span.tt,
.ch a,
.btn-link,
.btn-link:hover { color: var(--a11y-teal) !important; }

/* Flaechen im Markentuerkis: Schrift und Icons dunkel */
.btn.btn-fill,
.btn.btn-fill:hover,
.btn.btn-fill:focus { color: var(--a11y-ink) !important; }
.quickLinks .col > .link,
.quickLinks .col > .link *,
.backToTop,
.exggmap-mask-content button,
.footer-bottom,
.footer-bottom a { color: var(--a11y-ink) !important; }
.quickLinks .col > .link svg,
.backToTop svg { fill: var(--a11y-ink) !important; }

/* Bedienelemente auf Weiss (Nicht-Text-Kontrast 3:1, WCAG 1.4.11) */
.slick-prev svg,
.slick-next svg,
.collapsed svg { fill: var(--a11y-teal); }

/* Sichtbarer Tastaturfokus (WCAG 2.4.7) - nur Tastatur, Mausbedienung unveraendert */
*:focus-visible {
  outline: 3px solid var(--a11y-focus) !important;
  outline-offset: 2px !important;
}

/* Skip-Link: nutzt .screen-reader-text aus dem Parent (sichtbar bei Fokus) */
.skip-link.screen-reader-text:focus {
  color: #222;
  background: #fff;
  z-index: 100001;
}

/*
 * Ueberschriften-Korrektur (WCAG 1.3.1, heading-order): Die Tags werden im Inhalt geaendert
 * (Start: Ambiente/Kooperation/Timing h4 -> h2, Team-Namen h5 -> h3, Quick-Links-Menue h5 -> div).
 * Die Theme-Typografie haengt am Tag (h2 = 300, #666 usw.) -> Look hier an der Klasse festhalten,
 * damit sich optisch nichts aendert. Nur Gewicht + Farbe haengen am Tag; Schriftgroesse/Zeilenhoehe
 * kommen responsiv aus den Klassen-Regeln des Themes und werden NICHT fixiert (sonst mobil 22px statt 17px).
 */
.icn-text-alt-title { font-weight: 800; color: #333; }
.doctor-box-name    { font-weight: 800; color: #767676; }
.quickLinks .link-drop-title { font-weight: 700; color: #767676; line-height: 1.4; }

/* WCAG 1.4.1: Links im Fließtext nicht nur über Farbe unterscheidbar (axe link-in-text-block, 15.10.) */
main p a:not(.btn):not([class*="button"]),
main li a:not(.btn):not([class*="button"]),
main .wpb_text_column a:not(.btn):not([class*="button"]) {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
main p a:not(.btn):hover,
main li a:not(.btn):hover,
main .wpb_text_column a:not(.btn):hover {
  text-decoration-thickness: 2px;
}