/*
 *  Markenanpassung für orestbida/cookieconsent v3 – einem.de
 *  ------------------------------------------------------------------
 *  Farben aus less/_variables.less:
 *      @special_color   #2E344A  (Marken-Dunkelblau, Logo-Fläche, Links)
 *      @special_color2  #B3C8EA  (helles Blau, Button-Akzent)
 *      @body_color      #4B5362  (Fließtext)
 *      @border_grey     #DADADA  (Trennlinien)
 *  Kontrast: Weiß auf #2E344A = 12,9:1, #2E344A auf Weiß = 12,9:1,
 *  #4B5362 auf Weiß = 8,0:1 → alle deutlich über WCAG AA (4,5:1).
 *
 *  Diese Datei liegt bewusst NICHT im LESS-Build: style.css wird dadurch
 *  nicht angefasst, und der Upload beschränkt sich auf neue Dateien.
 */

#cc-main {
    /* Typografie wie im Theme */
    --cc-font-family: 'muliregular', sans-serif;

    /* Flächen und Text */
    --cc-bg: #ffffff;
    --cc-primary-color: #2E344A;
    --cc-secondary-color: #4B5362;
    --cc-separator-border-color: #DADADA;
    --cc-overlay-bg: rgba(46, 52, 74, .85);

    /* Primärer Button */
    --cc-btn-primary-bg: #2E344A;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #2E344A;
    --cc-btn-primary-hover-bg: #1F2433;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #1F2433;

    /* Sekundärer Button (Details / Schließen) */
    --cc-btn-secondary-bg: #ffffff;
    --cc-btn-secondary-color: #2E344A;
    --cc-btn-secondary-border-color: #2E344A;
    --cc-btn-secondary-hover-bg: #2E344A;
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-btn-secondary-hover-border-color: #2E344A;

    /* Links */
    --cc-link-color: #2E344A;

    /* Kategorie-Blöcke im Einstellungs-Dialog */
    --cc-cookie-category-block-bg: #F5F6F8;
    --cc-cookie-category-block-border: #F5F6F8;
    --cc-cookie-category-block-hover-bg: #EFEFEE;
    --cc-cookie-category-block-hover-border: #DADADA;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #EFEFEE;
    --cc-section-category-border: #DADADA;

    /* Schalter – "notwendig" ist readOnly, daher nur diese Variante relevant */
    --cc-toggle-readonly-bg: #B3C8EA;
    --cc-toggle-readonly-knob-bg: #ffffff;
    --cc-toggle-readonly-knob-icon-color: #2E344A;

    /* Fußzeile des Einstellungs-Dialogs */
    --cc-footer-bg: #F9F9F9;
    --cc-footer-color: #4B5362;
    --cc-footer-border-color: #DADADA;

    /* Kanten wie im Theme: eckig, nicht abgerundet */
    --cc-btn-border-radius: 0;
    --cc-modal-border-radius: 0;
    --cc-pm-toggle-border-radius: 4em;

    /* Über dem Kontaktformular-Overlay des Themes (#kontakt_formular_overlay) */
    --cc-z-index: 100000;
}

/* Buchstabenabstand des Themes übernehmen */
#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__body {
    letter-spacing: .05em;
}

/* Links im Banner sichtbar unterstreichen – im Theme sind a-Tags ohne Unterstreichung */
#cc-main a {
    text-decoration: underline;
}