/* ============ 1) Fliesstext-Links in den hellen DS-Bereichen ============
   BEWUSST KEINE pauschale Regel auf ".elementor-kit-6 a": ein erster Versuch damit
   hat die Links in den dunklen Baendern (#26332e) von 4,37:1 auf 2,29:1 VERSCHLECHTERT.
   Deshalb nur die nachweislich hellen Container. */
.jj-ds p a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jj-mob-cta):not(.jj-sb-book):not(.jj-foot-cta),
.jj-ds li a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button),
.jkl a:not(.jkl-more){color:#4F6C64}
.jj-ds p a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):hover,
.jj-ds li a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):hover{color:#3D544E}

/* ============ 2) Beitrags-Template DS (#1556) ============ */
body.jj-postds .elementor-widget-theme-post-content a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button){color:#4F6C64;text-decoration-color:rgba(79,108,100,.45)}
body.jj-postds .elementor-element-39a74e9 a{color:#4F6C64!important}
body.jj-postds .elementor-element-39a74e9 .elementor-widget-container,body.jj-postds .elementor-element-ed6930d .elementor-widget-container{color:#4F6C64}
body.jj-postds .jj-tldr-eye,body.jj-postds .jj-tldr-h{color:#4F6C64!important}
.jj-ds .jjart-author .lbl,.jj-ds .jjart-author .more{color:#4F6C64}
.jj-ds .jjart-toc summary .pm{color:#4F6C64}
.jj-ds .jjart-toc .body a:hover{color:#3D544E}
.jjart-sidetoc .t{color:#4F6C64}
.jjart-sidetoc a:hover{color:#3D544E}
.jjart-sidetoc a.act{color:#4F6C64;border-left-color:#4F6C64}
.jj-ds .jjart-author .soc2 .ics a{background:#4F6C64}
.jj-ds .jjart-author .soc2 .ics a:hover{background:#3D544E}

/* ============ 3) Fachpub / Kompetenz / Lexikon / Reviews ============ */
.jj-tldr-eye,.jj-tldr-link{color:#4F6C64}
.jj-tldr-link:hover{color:#3D544E}
.jjtp-cta,.jjtp-all a,.jjtp>h2::before{color:#4F6C64}
.jj-eyebrow,.jj-pg-cta{color:#4F6C64}
.jj-pg-card:hover .jj-pg-cta{color:#3D544E}
.jjcite{color:#4F6C64}
.jj-rev-glink{color:#4F6C64;border-color:#4F6C64}
.jj-rev-glink:hover{background:#4F6C64;color:#fff}

/* ============ 3b) Seiten-eigene Inline-Styles (Kompetenz-Hub, Fachpub-Karten) ====
   Diese Styles stehen im Seiteninhalt und damit HINTER unserem Head-CSS — daher
   !important. Gemessen: #5F8077 auf Weiss = 4,33:1, #8a938e auf Weiss = 3,16:1. */
#jj-komp .jjk-card .more,#jj-komp .jjk-state .who,#jj-komp h1 .pre{color:#4F6C64!important}
.jjtp-cta,.jjtp-all a,.jjtp>h2::before{color:#4F6C64!important}
.jjtp-meta,.jjtp-card .jjtp-meta{color:#5d6863!important}

/* ============ 3c) Elemente ausserhalb von main, die auf WEISS liegen ============
   Gegenprobe im Browser (26.07.): der Skip-Link des A11y-Widgets steht auf weissem
   Grund und war damit bei 3,01:1 — echter AA-Verstoss bei sichtbarem Text.
   Die Elementor-Kontakt-Buttons ebenso (als Icon mit 3:1 grenzwertig bestanden).
   NICHT betroffen: EN-Umschalter und Footer-Icons — die liegen auf DUNKEL (4,03:1)
   und muessen hell bleiben. */
.ea11y-skip-to-content-link{color:#4F6C64!important}
.e-contact-buttons__contact-icon-link{color:#4F6C64!important}

/* ============ 4) Dock ============ */
.jjds-dock .call{color:#4F6C64!important}
.jjds-dock .call svg{stroke:#4F6C64!important}

/* ============ 5) Naehe-News-Button (#1554) ============ */
body.page-id-9808 .jj-nc-btn,body.page-id-9808 .jj-nc-btn:hover,body.page-id-9808 .jj-nc-btn:focus{color:#4F6C64!important}
body.page-id-9808 .jj-nc-btn svg,body.page-id-9808 .jj-nc-btn svg path{stroke:#4F6C64!important}
body.page-id-9808 .jj-nc-btn:focus-visible{outline-color:#4F6C64!important}

/* ============ 6) Mobiles Hamburger-Panel ============
   ACHTUNG: NICHT die Desktop-Hauptnavigation anfassen. Der Selektor
   ul[id$="-3860438"] trifft BEIDE Menues (#menu-1-… Desktop, #menu-2-… Mobil);
   ein erster Versuch damit hat den dunklen Desktop-Header gruen eingefaerbt.
   Deshalb hier ausschliesslich #menu-2-3860438 und der Menue-Fussblock, der
   auf der hellen Karte #eef2f1 sitzt. */
#menu-2-3860438.elementor-nav-menu > li:not(.menu-item-weglot):not(.jj-foot){background:#4F6C64!important}
#menu-2-3860438 .sub-menu a.elementor-sub-item{background:#4F6C64!important;color:#fff!important}
#menu-2-3860438 .sub-menu a.elementor-sub-item:hover,
#menu-2-3860438 .sub-menu a.elementor-sub-item:focus{background:#3D544E!important;color:#fff!important}
#menu-2-3860438 .jj-foot-cta{background:#4F6C64!important;color:#fff!important}
/* Menue-Fussblock liegt auf heller Karte #eef2f1 (Alt: 2,67:1 bzw. 3,84:1) */
.elementor-element-3860438 .jkfo-foot .jkfo-h,
.elementor-element-3860438 .jkfo-foot .jkfo-ico,
.elementor-element-3860438 .jkfo-foot .jkfo-ico svg{color:#4F6C64!important}
.elementor-element-3860438 .jkfo-foot a:hover{color:#3D544E!important}

/* ============ 7) Weitere Buttons mit weisser Schrift ============ */
.jj-mob-cta,.jj-mob-stickybar .jj-sb-book{background:#4F6C64!important;color:#fff!important}
.jj-step-n{background:#4F6C64}
.jjds-cta.ghost{color:#4F6C64!important}

/* ============ 9) Regeln aus "Zusaetzliches CSS" (wp-custom-css) ============
   Diese Regeln tragen !important und gewinnen sonst gegen alles oben.
   Quelle: Customizer -> Zusaetzliches CSS. Gemessen: #779C94 auf Weiss = 3,01:1.
   WICHTIG: alles auf main#content begrenzt. Ein erster Versuch ohne diese Grenze hat
   die Footer-Kontaktlinks von #cdd6d2 (8,87:1) auf #4F6C64 (2,29:1) VERSCHLECHTERT —
   im dunklen Footer und im dunklen Menue muss das helle Gruen/Grau erhalten bleiben.
   Header, Menue, Footer und Dock liegen ausserhalb von main und sind damit sicher. */
main#content .elementor-icon-box-description a{color:#4F6C64!important}
main#content .elementor-widget-theme-post-content ul a,
main#content .elementor-widget-container > p a:not([role="button"]):not(.jjds-cta){color:#4F6C64!important}
main#content .elementor-widget-text-editor a:not(.elementor-button):not(.brlbs-cmpnt-cb-btn):not(.jjds-cta){color:#4F6C64!important}
main#content a[download]{color:#4F6C64!important}
main#content .listing .text-excerpt a{color:#4F6C64}

/* ============ 10) Elementor-Buttons: weisse Schrift auf Akzentgruen ============
   .elementor-widget-button/-global/-form nutzen var(--e-global-color-accent)=#779C94.
   Weiss darauf = 3,01:1. Hintergrund abdunkeln statt die globale Akzentfarbe zu
   aendern — die wird auch fuer Flaechen und dunkle Bereiche verwendet. */
main#content .elementor-widget-button .elementor-button:not(.jjds-cta),
main#content .elementor-widget-global .elementor-button:not(.jjds-cta),
main#content .elementor-widget-form .elementor-button[type="submit"]{background-color:#4F6C64}

/* ============ 11) DS-Variablen (Startseiten-CTA war 4,45:1) ============ */
body .jj-ds{--jjg:#4F6C64!important;--jjgd:#3D544E!important}

/* ============ 12) Borlabs Content-Blocker (Karten-/Video-Platzhalter) ============
   Die Provider-Einzelstile setzen z. B. Google-Blau #4285F4; weisse Schrift darauf
   = 3,56:1, die geerbte Footer-Linkfarbe #cdd6d2 sogar 2,40:1. Beides verfehlt AA.
   Loesung: abgedunkeltes Blau #1A56C4 (weiss darauf = 6,62:1), Markencharakter bleibt. */
body .brlbs-cmpnt-container a.brlbs-cmpnt-cb-btn,
body .brlbs-cmpnt-container button.brlbs-cmpnt-cb-btn{background-color:#1A56C4!important;border-color:#1A56C4!important;color:#ffffff!important}
body .brlbs-cmpnt-container a.brlbs-cmpnt-cb-btn *,
body .brlbs-cmpnt-container button.brlbs-cmpnt-cb-btn *{color:#ffffff!important}
body .brlbs-cmpnt-cb-buttons a,body .brlbs-cmpnt-cb-buttons button,
body .brlbs-cmpnt-cb-buttons a *,body .brlbs-cmpnt-cb-buttons button *,
body .brlbs-cmpnt-cb-buttons span{color:#ffffff!important}
/* Im Footer gewinnt sonst footer.elementor-300 .elementor-element-8d1d6ed a{color:#cdd6d2}
   (0,2,2) — daher hier eine Regel mit hoeherer Spezifitaet (0,3,1+). */
footer.elementor-300 .elementor-widget-container .brlbs-cmpnt-cb-btn,
footer.elementor-300 .elementor-widget-container .brlbs-cmpnt-cb-btn *,
footer.elementor-300 .elementor-widget-container .brlbs-cmpnt-cb-buttons a,
footer.elementor-300 .elementor-widget-container .brlbs-cmpnt-cb-buttons a *{color:#ffffff!important}

/* ============ 15) Inline gesetzte Altfarben ============
   Einige Snippets schreiben die Farbe als style-Attribut direkt ins Markup
   (z. B. Erste-Hilfe-Teaser #1439, DOI-Links #938). Inline-Styles schlagen jede
   Stylesheet-Regel ohne !important. Gemessen: #779C94 auf Creme #FDF7F0 = 2,83:1. */
main#content a[style*="779c94"],main#content a[style*="779C94"],
main#content a[style*="5f8077"],main#content a[style*="5F8077"],
.jj-eh-teaser a,.jj-eh-teaser p a{color:#4F6C64!important}

/* ============ 14) Footer-Rechtszeile: Trennstriche ============
   Die Links dort sind #cdd6d2 auf #26332e (8,87:1, in Ordnung). Die vier Pipe-Zeichen
   zwischen ihnen erben aber #404041 -> 1,27:1. Sie bekommen dieselbe Farbe wie die Links. */
footer.elementor-300 .elementor-element-a3a32b7 .elementor-widget-container,
footer.elementor-300 .elementor-element-1e5c5cb .elementor-widget-container{color:#cdd6d2}

/* ============ 16) Heller Kontaktblock unterhalb von main ============
   Widget 8ebd9b5 ("24/7 – ... Online-Terminbuchung") liegt ausserhalb von main auf
   hellem Grund #f9f9f9; der Link stand dort auf #779C94 = 2,86:1. */
.elementor-element-8ebd9b5.elementor-widget .elementor-widget-container a,
.elementor-element-8ebd9b5.elementor-widget .elementor-widget-container > p a{color:#4F6C64!important}

/* ============ 17) SCHUTZ: Design-System-Komponenten mit WEISSER Schrift ============
   jj-design-system.css setzt an mehreren Stellen color:#fff OHNE !important — dort,
   wo der Hintergrund dunkel ist:
     .jjds-nav a.act      aktive Pille der Glas-Quick-Nav (Indikator = dunkler Verlauf)
     .jjds-tel a          Telefonnummer im Kontaktpanel (Verlauf #343637 -> #42474a)
     .jjds-quote p.a a    Quellenangabe im dunklen Zitatblock
     .jj-blog-author__social a:hover
   Die !important-Regeln aus Block 9 und 13 haben das ueberschrieben — Ergebnis war
   dunkelgruen auf dunkelgruen (2,1-2,3:1, unlesbar; von JJ gemeldet).
   ⚠️ SPEZIFITAET: Block 13 liegt bei (1,5,3). Die Regeln hier muessen darueber liegen,
   sonst greifen sie nicht — deshalb die doppelt notierten Klassen.
   REGEL FUER DIE ZUKUNFT: vor jeder neuen !important-Linkregel jj-design-system.css
   nach "color:#fff" durchsuchen — das sind die Stellen auf dunklem Grund. */
main#content .jj-ds .jjds-navwrap .jjds-nav a:not(.act){color:#343637!important}
main#content .jj-ds .jjds-navwrap .jjds-nav a:not(.act):hover{color:#3D544E!important}
main#content .jj-ds .jjds-navwrap .jjds-nav a.act.act,
main#content .jj-ds .jjds-navwrap .jjds-nav a.act.act:hover,
.jj-ds .jjds-navwrap .jjds-nav a.act.act.act{color:#fff!important}

main#content .jj-ds p.jjds-tel.jjds-tel a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more),
.jj-ds p.jjds-tel.jjds-tel.jjds-tel a{color:#fff!important}

main#content .jj-ds .jjds-quote.jjds-quote p.a a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more),
.jj-ds .jjds-quote.jjds-quote.jjds-quote p.a a{color:#fff!important}
main#content .jj-ds .jjds-quote.jjds-quote p.a a:hover{color:#BACEC7!important}

main#content .jj-blog-author__social.jj-blog-author__social a:hover:not(.jjds-cta):not(.elementor-button){color:#fff!important}

/* Autorenbox: die "who"-Zeile stand bei #7C8783 auf #F0F4F3 = 3,35:1 (Bestandsfehler) */
main#content .jj-ds .jjart-author .soc2 .row .who,
main#content .jjart-author .soc2 .row .who{color:#5d6863!important}

main#content .jj-ds a.jjds-cta:not(.ghost){color:#fff!important}
main#content .jj-ds a.jjds-cta.ghost{color:#4F6C64!important}

/* ============ 13) DS-Fliesstext gegen die !important-Regel aus wp-custom-css ==== */
main#content .jj-ds p a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more),
main#content .jj-ds li a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more){color:#4F6C64!important}

/* ============ 8) Cookie-Dialog (Borlabs) — Variablen auf :root ueberschreiben ==== */
html:root{
--dialog-button-accept-all-color:#4F6C64!important;
--dialog-button-accept-all-color-hover:#3D544E!important;
--dialog-button-accept-only-essential-color:#4F6C64!important;
--dialog-button-accept-only-essential-color-hover:#3D544E!important;
--dialog-button-preferences-color:#4F6C64!important;
--dialog-button-preferences-color-hover:#3D544E!important;
--dialog-button-save-consent-color:#4F6C64!important;
--dialog-button-save-consent-color-hover:#3D544E!important;
--dialog-button-close-color:#4F6C64!important;
--dialog-button-close-color-hover:#3D544E!important;
--dialog-tab-bar-tab-background-color-active:#4F6C64!important;
--dialog-tab-bar-tab-border-color-bottom-active:#4F6C64!important;
--dialog-tab-bar-tab-border-color-left-active:#4F6C64!important;
--dialog-tab-bar-tab-border-color-right-active:#4F6C64!important;
--dialog-tab-bar-tab-border-color-top-active:#4F6C64!important;
--dialog-checkbox-background-color-active:#4F6C64!important;
--dialog-checkbox-border-color-active:#4F6C64!important;
--dialog-checkbox-border-color-inactive:#4F6C64!important;
--dialog-switch-button-background-color-active:#4F6C64!important;
--dialog-control-element-color:#4F6C64!important;
--dialog-control-element-color-hover:#3D544E!important;
--dialog-card-control-element-color:#4F6C64!important;
--dialog-card-control-element-color-hover:#3D544E!important;
--dialog-search-bar-input-border-color-focus:#4F6C64!important;
--widget-color:#4F6C64!important;
/* Content-Blocker-Link "Mehr Informationen": #E42313 auf #FAFAFA = 4,42:1 -> 5,09:1 */
--content-blocker-link-color:#D31D0E!important;
--content-blocker-link-color-hover:#D31D0E!important;
}