/* ------------------------------------------------------------------
   Barrierefreiheit (mit Bee abgestimmt am 9.10.2026)
   - dunkleres Grün NUR für Schrift und Knöpfe (Kontrast mind. 4,5:1);
     Logo, Linien, Flächen und Eichhörnchen bleiben im Praxisgrün
   - dunkleres Grau für Vorschautexte bei Aktuelles
   - deutlicher Rahmen bei Tastaturbedienung
   - Sprunglink "Zum Inhalt springen"
   - Untermenüs öffnen sich auch mit der Tastatur
   ------------------------------------------------------------------ */
:root { --green-schrift: #1f7a0a; --green-schrift-hover: #1a6304; }

a { color: var(--green-schrift); }
a:hover { color: var(--green-schrift-hover); }
.slidein a.ankerlink { color: var(--green-schrift); }
.slidein a:hover { color: var(--green-schrift-hover); }
.news-listslider-container .article a.more { color: var(--green-schrift); }
#oben .navi .hnavi .unavi li.act a { color: var(--green-schrift); }

a.more,
.frame-kacheln .col-:hover .ce-bodytext a.more,
.frame-leistungskacheln .col-:hover .ce-bodytext a.more,
.frame-leistungen .col- .frame-layout-5 a.more:hover,
.frame-leistungen .col- .frame-layout-6 a.more:hover,
.frame-leistungen .col- .frame-layout-7 a.more:hover,
#inhaltsbereich .frame-cta-box .ce-bodytext a { background: var(--green-schrift); }
.news-listslider-container .article a.more { background: none; }

@media (max-width: 1040px) {
    #oben .navi .hnavi > li.act a { background: var(--green-schrift); }
}

/* Vorschautexte und Datum bei Aktuelles */
.news-single .teaser-text,
.news-single .footer { color: #6b6b6b; }

/* zu helle Einzelfarben in Beiträgen */
[style*="color:#fd943d"] { color: #b35a00 !important; }
[style*="color:#4dc739"] { color: var(--green-schrift) !important; }

/* Rahmen nur bei Tastaturbedienung */
:focus-visible {
    outline: 3px solid #005aaa !important;
    outline-offset: 3px;
    border-radius: 3px;
}

/* Sprunglink: unsichtbar, erscheint beim ersten Tab */
.sprunglink {
    position: absolute;
    left: 10px;
    top: -100px;
    z-index: 10000;
    background: #fff;
    color: #005aaa;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.sprunglink:focus { top: 10px; }
#inhaltsbereich:focus { outline: none; }

/* Untermenü am PC auch per Tastatur */
@media (min-width: 1041px) {
    #oben .navi .hnavi li.ifsub:focus-within .unavi { display: block; }
}
[style*="color:#30ab09"] { color: var(--green-schrift) !important; }

/* Links im Fließtext unterstreichen: das dunklere Grün allein hebt sie
   nicht genug vom schwarzen Text ab */
#inhaltsbereich p a:not(.more):not(.btn),
#inhaltsbereich li a:not(.more):not(.btn),
.news-text-wrap p a:not(.more) {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Senden-Knopf im Kontaktformular */
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field input.powermail_submit { background: var(--green-schrift); }

/* Grüne Kästen (Bee, 9.10.2026, Vorschlag B): zartes Grün, grüner Streifen links,
   dunkle Schrift, grüne Überschrift */
.frame-gren > .rahmen,
blockquote {
    background: #eaf6e6;
    color: #012343;
    border-left: 6px solid var(--green);
    border-radius: 0 10px 10px 0;
}
.frame-gren h2, .frame-gren h3, .frame-gren h4,
blockquote h2, blockquote h3, blockquote h4 { color: var(--green-schrift); }
.frame-gren a, blockquote a { color: var(--green-schrift); }
.frame-gren a:hover, blockquote a:hover { color: var(--green-schrift-hover); }
#inhaltsbereich .frame-gren ul li::before,
blockquote ul li::before { background-image: url(../fileadmin/cn_website/images/acorn.svg); }
#inhaltsbereich .frame-cta-box .ce-bodytext a.link-phone { background: var(--green-schrift); }
#inhaltsbereich .frame-cta-box .ce-bodytext a.link-phone:hover { background: var(--hellgrün); }

/* Telefon-Knopf am rechten Rand (Slide-in) im dunkleren Schriftgrün */
.slidein > .frame:first-child > .button,
.slideinmob > .frame:first-child > .button,
.slideinmob > .frame:first-child .button.textbutton { background: var(--green-schrift); }