/* Überschreibt die Standardfarben der cookieconsent.css (vanilla-cookieconsent)
   mit dem vibag-Farbschema. Muss NACH cookieconsent.css geladen werden. */
#cc-main {
    --cc-font-family: "Roboto", sans-serif;
    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 7px;

    --cc-bg: #ffffff;
    --cc-primary-color: #4d4d4d;
    --cc-secondary-color: #6b6b6b;

    --cc-btn-primary-bg: #2371b9;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #2371b9;
    --cc-btn-primary-hover-bg: #1b578f;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #1b578f;

    --cc-btn-secondary-bg: #dbe9f4;
    --cc-btn-secondary-color: #2371b9;
    --cc-btn-secondary-border-color: #dbe9f4;
    --cc-btn-secondary-hover-bg: #c5deef;
    --cc-btn-secondary-hover-color: #1b578f;
    --cc-btn-secondary-hover-border-color: #c5deef;

    --cc-toggle-on-bg: #2371b9;
    --cc-toggle-off-bg: #b7c4cf;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-readonly-bg: #dbe9f4;

    --cc-cookie-category-block-bg: #f5f8fb;
    --cc-cookie-category-block-border: #dbe9f4;
    --cc-cookie-category-block-hover-bg: #ecf3fa;
    --cc-cookie-category-block-hover-border: #dbe9f4;

    --cc-footer-bg: #f5f8fb;
    --cc-footer-color: #4d4d4d;
    --cc-footer-border-color: #dbe9f4;

    --cc-link-color: #2371b9;
    --cc-overlay-bg: rgba(35, 52, 68, 0.6);
}

/* Consent-Bar (erster Hinweis) im vibag-Blau, wie der ursprüngliche Cookie-Hinweis.
   Bewusst nur auf .cm (Consent-Bar) beschränkt, damit das Einstellungen-Panel (.pm) weiß bleibt. */
#cc-main .cm {
    background: rgb(156, 193, 226);
}

#cc-main .cm__title,
#cc-main .cm__desc {
    color: #ffffff;
}