/*
 * Cookie Consent – optionale CSS-Anpassungen
 * Hochladen nach: /templates/DEIN_TEMPLATE/css/cookieconsent-custom.css
 * Im Template nach dem cookieconsent.css einbinden
 */

/* ── Logo im Banner ─────────────────────────────────────────────────────────── */
/* Zentriert das Logo über dem Titel */
.cm__title img {
    display: block;
    margin-bottom: 8px;
    max-width: 160px;   /* Maximalbreite anpassen */
    height: auto;
}

/* ── 3 Buttons gleichmäßig ───────────────────────────────────────────────────── */
.cm__btns {
    flex-wrap: wrap;
    gap: 8px;
}
.cm__btn,
.cm__btn--secondary {
    flex: 1 1 auto;
    min-width: 140px;
    text-align: center;
}

/* ── "Alle ablehnen" Button (custom) als Outline-Button ──────────────────────── */
.cm__btn[data-role="necessary"] {
    background: transparent !important;
    border: 1px solid var(--cc-btn-primary-bg) !important;
    color: var(--cc-btn-primary-bg) !important;
}
.cm__btn[data-role="necessary"]:hover {
    background: var(--cc-btn-primary-bg) !important;
    color: var(--cc-btn-primary-color) !important;
}

/* ── Footer-Links im Banner ──────────────────────────────────────────────────── */
.cm__footer {
    padding-top: 10px;
    border-top: 1px solid var(--cc-separator-border-color);
    font-size: 0.8em;
    text-align: center;
}
.cm__footer a {
    color: var(--cc-link-color, #2d7ed9);
    text-decoration: underline;
}
.cm__footer a:hover {
    opacity: 0.8;
}

/* ── Schieberegler-Farbe (optional anpassen) ─────────────────────────────────── */
:root {
    --cc-toggle-on-bg:      #1F4E79;   /* Farbe aktiver Schieberegler */
    --cc-btn-primary-bg:    #1F4E79;   /* "Alle akzeptieren" Buttonfarbe */
    --cc-btn-primary-color: #ffffff;
}