einfügen.
(Alternativ ist er im kompletten wpcode-master-snippet.txt schon drin.)
Behebt die WCAG-Kontrastfehler (Gold/Koralle auf hellem Grund) und
ergänzt einen sichtbaren Tastatur-Fokus. Dunkles Navy bleibt unberührt.
════════════════════════════════════════════════════════════════════ */
/* Gold-Text auf HELLEN Flächen kontrastsicher abdunkeln
#c9a961 erreicht auf Weiß/Creme nur ~2:1 (WCAG braucht 4,5:1).
Ersatzton #7a5d18: 6,16:1 auf Weiß, 5,47:1 auf Creme. */
.monnet-faq-wrap [style*="color:#c9a961"],
.monnet-refs-wrap [style*="color:#c9a961"],
#value-balance [style*="color:#c9a961"],
[style*="background-color:#ffffff"] [style*="color:#c9a961"],
[style*="background-color:#f5f1e8"] [style*="color:#c9a961"],
[style*="background-color:#f4ecdc"] [style*="color:#c9a961"],
[style*="background-color:#efe7d6"] [style*="color:#c9a961"],
[style*="background-color:#e8dfc9"] [style*="color:#c9a961"],
.monnet-faq-wrap [style*="color:#e4c75e"],
.monnet-refs-wrap [style*="color:#e4c75e"],
[style*="background-color:#ffffff"] [style*="color:#e4c75e"],
[style*="background-color:#f5f1e8"] [style*="color:#e4c75e"],
[style*="background-color:#f4ecdc"] [style*="color:#e4c75e"],
[style*="background-color:#ffffff"] [style*="color:#c9a84c"],
[style*="background-color:#f5f1e8"] [style*="color:#c9a84c"],
[style*="background-color:#ffffff"] [style*="color:#c9a75b"],
[style*="background-color:#f5f1e8"] [style*="color:#c9a75b"] {
color: #7a5d18 !important;
}
/* Koralle-Text auf hellen Flächen → kontrastsicheres Rosé-Rot (auf Navy bleibt Koralle) */
.monnet-faq-wrap [style*="color:#ff6b80"],
.monnet-refs-wrap [style*="color:#ff6b80"],
[style*="background-color:#ffffff"] [style*="color:#ff6b80"],
[style*="background-color:#f5f1e8"] [style*="color:#ff6b80"],
[style*="background-color:#f4ecdc"] [style*="color:#ff6b80"] {
color: #b3123a !important;
}
/* Sichtbarer Tastatur-Fokus (Keyboard-Navigation / A11y) */
html body a:focus-visible,
html body button:focus-visible,
html body [role="button"]:focus-visible,
html body input:focus-visible,
html body textarea:focus-visible,
html body select:focus-visible,
html body summary:focus-visible {
outline: 3px solid #7a5d18 !important;
outline-offset: 2px !important;
border-radius: 2px !important;
}
/* Gold (#c9a961) auf HELLEN Flächen → kontrastsicher; Navy bleibt golden */
[style*="background-color:#f5f1e8"] [style*="color:#c9a961"],
[style*="background-color:#ffffff"] [style*="color:#c9a961"],
[style*="background-color:#f4ecdc"] [style*="color:#c9a961"],
[style*="linear-gradient(135deg,#f5f1e8"] [style*="color:#c9a961"],
.monnet-refs-wrap [style*="color:#c9a961"],
#value-balance [style*="color:#c9a961"],
[style*="color:#c9a961"][style*="font-size:1.6rem"] {
color: #7a5d18 !important;
}
[style*="background-color:#f5f1e8"] [style*="color:#ff6b80"],
[style*="background-color:#ffffff"] [style*="color:#ff6b80"] {
color: #b3123a !important;
}