/* === Klaro Custom CSS – barrierearm optimiert mit Linkkorrektur === */

/* --- Hintergrund und Schrift --- */
.klaro .cookie-notice,
.klaro .cm-modal,
.klaro .cm-modal .cm-modal-body,
.klaro .cm-modal .cm-modal-header,
.klaro .cm-modal .cm-modal-footer {
    background-color: #3d85c6 !important;
    font-size: 1.1em !important;
}

/* --- Texte schwarz, aber Links separat gestylt --- */
.klaro .cookie-notice *:not(a),
.klaro .cm-modal *:not(a) {
    color: #000000 !important;
}

/* --- Linkfarbe gelb für Kontrast auf blauem Grund --- */
.klaro a {
    color: #ffff99 !important;
    text-decoration: underline;
	font-size: 1.01em !important;
}

.klaro a:hover {
    color: #ffffff !important;
}

/* --- Buttons allgemein --- */
.klaro .cm-btn {
    background-color: #ffffff !important;
    color: #3d85c6 !important;
    border: none !important;
    font-size: 1.01em !important;
}

/* --- Bestätigen-Button ("Auswahl akzeptieren") --- */
.klaro .cm-btn.cm-btn-save {
    background-color: #a4d4ae !important;
    color: #0b3d1e !important;
}

/* --- Hover-Effekt für Buttons --- */
.klaro .cm-btn:hover {
    background-color: #e0e0e0 !important;
    color: #3d85c6 !important;
}

/* --- Einheitliche Labels und Kontrollfelder --- */
.klaro label {
    color: #000000 !important;
}

.klaro .cm-toggle {
    border-color: #000000 !important;
}