/* ==========================================================================
   CookieHint – RSEvento Glass Style
   ========================================================================== */

#redim-cookiehint.redim-tpl {
    --redim-cc-skin-btn-bg: #5e66b1 !important;
    --redim-cc-skin-btn-fg: #ffffff !important;
    --redim-cc-skin-accent: #5e66b1 !important;
    --redim-cc-skin-surface: #f7f9fc !important;
    --redim-cc-skin-divider: rgba(31, 41, 55, 0.12) !important;
    --redim-cc-skin-knob: #ffffff !important;
    --redim-cc-skin-muted: #4b5563 !important;

    background: #f7f9fc !important;
    background: light-dark(
        rgba(255, 255, 255, 0.86),
        rgba(17, 24, 39, 0.84)
    ) !important;

    -webkit-backdrop-filter: blur(18px) saturate(1.4) !important;
    backdrop-filter: blur(18px) saturate(1.4) !important;

    color: #1f2937 !important;
    color: light-dark(#1f2937, #e5e7eb) !important;

    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-color: light-dark(
        rgba(255, 255, 255, 0.75),
        rgba(255, 255, 255, 0.14)
    ) !important;

    border-radius: 20px !important;

    box-shadow:
        0 24px 64px rgba(15, 23, 42, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;

    box-shadow:
        0 24px 64px light-dark(
            rgba(15, 23, 42, 0.28),
            rgba(0, 0, 0, 0.6)
        ),
        inset 0 1px 0 light-dark(
            rgba(255, 255, 255, 0.6),
            rgba(255, 255, 255, 0.06)
        ) !important;
}


/* ==========================================================================
   TOP / BOTTOM BANNER
   ========================================================================== */

#redim-cookiehint-top .redim-tpl,
#redim-cookiehint-bottom .redim-tpl {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}


/* ==========================================================================
   COOKIE ICON + TITEL
   ========================================================================== */

/*
 * Font Awesome Cookie-Bite Icon
 * FA5: \f564
 *
 * Das Icon wird per CSS erzeugt.
 * Es wird KEIN Bild und KEINE externe Grafik benötigt.
 */

#redim-cookiehint.redim-tpl .redim-cc-headline {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;

    color: #a0b247 !important;

    padding-left: 38px !important;
}


/* Grünes Cookie-Icon */

#redim-cookiehint.redim-tpl .redim-cc-headline::before {
    content: "\f564" !important;

    position: absolute !important;
    left: 0 !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    font-size: 24px !important;
    line-height: 1 !important;

    color: #a0b247 !important;

    width: 30px !important;
    text-align: center !important;
}


/* Falls das Template Font Awesome 6 verwendet */

@supports (font-family: "Font Awesome 6 Free") {
    #redim-cookiehint.redim-tpl .redim-cc-headline::before {
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    }
}


/* ==========================================================================
   TEXT
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-content {
    font-size: 13px !important;
    line-height: 1.6 !important;

    color: #4b5563 !important;
    color: light-dark(#4b5563, #cbd5e1) !important;
}


/* ==========================================================================
   RSEVENTO BUTTON – GRUNDSTIL
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-btn {
    background-color: #ffffff !important;
    background-image: none !important;

    border: 1px solid #e1e1e1 !important;
    border-radius: 4px !important;

    color: #333333 !important;

    cursor: pointer !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    padding: 12px 24px !important;

    text-align: center !important;
    text-shadow: none !important;

    text-transform: uppercase !important;
    vertical-align: middle !important;

    box-shadow: none !important;

    transition: all 0.2s linear 0s !important;
}


/* ==========================================================================
   RSEVENTO BUTTON – HOVER
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-btn:hover,
#redim-cookiehint.redim-tpl .redim-cc-btn:focus {
    background-color: #e6e6e6 !important;
    background-image: none !important;

    border: 1px solid #e1e1e1 !important;

    color: #333333 !important;

    box-shadow: none !important;
}


/* ==========================================================================
   ALLE AKZEPTIEREN – RSEvento .btn-primary
   ========================================================================== */

#redim-cookiehint.redim-tpl #cookiehintsubmit,
#redim-cookiehint.redim-tpl .redim-cc-accept-all {
    background-color: #5e66b1 !important;
    background-image: none !important;

    border: 1px solid #5e66b1 !important;
    border-radius: 4px !important;

    color: #ffffff !important;

    cursor: pointer !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    padding: 12px 24px !important;

    text-align: center !important;
    text-shadow: none !important;

    text-transform: uppercase !important;
    vertical-align: middle !important;

    box-shadow: none !important;

    transition: all 0.2s linear 0s !important;
}


/* Akzeptieren Hover */

#redim-cookiehint.redim-tpl #cookiehintsubmit:hover,
#redim-cookiehint.redim-tpl #cookiehintsubmit:focus,
#redim-cookiehint.redim-tpl .redim-cc-accept-all:hover,
#redim-cookiehint.redim-tpl .redim-cc-accept-all:focus {
    background-color: #484f94 !important;
    background-image: none !important;

    border: 1px solid #5e66b1 !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


/* ==========================================================================
   ALLE ABLEHNEN – RSEvento .btn
   ========================================================================== */

#redim-cookiehint.redim-tpl #cookiehintsubmitno,
#redim-cookiehint.redim-tpl .redim-cc-reject {
    background-color: #ffffff !important;
    background-image: none !important;

    border: 1px solid #e1e1e1 !important;
    border-radius: 4px !important;

    color: #333333 !important;

    cursor: pointer !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    padding: 12px 24px !important;

    text-align: center !important;
    text-shadow: none !important;

    text-transform: uppercase !important;
    vertical-align: middle !important;

    box-shadow: none !important;

    transition: all 0.2s linear 0s !important;
}


/* Ablehnen Hover */

#redim-cookiehint.redim-tpl #cookiehintsubmitno:hover,
#redim-cookiehint.redim-tpl #cookiehintsubmitno:focus,
#redim-cookiehint.redim-tpl .redim-cc-reject:hover,
#redim-cookiehint.redim-tpl .redim-cc-reject:focus {
    background-color: #e6e6e6 !important;
    background-image: none !important;

    border: 1px solid #e1e1e1 !important;

    color: #333333 !important;

    box-shadow: none !important;
}


/* ==========================================================================
   AUSWAHL SPEICHERN – RSEvento .btn-primary
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-save {
    background-color: #5e66b1 !important;
    background-image: none !important;

    border: 1px solid #5e66b1 !important;
    border-radius: 4px !important;

    color: #ffffff !important;

    cursor: pointer !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    padding: 12px 24px !important;

    text-align: center !important;
    text-shadow: none !important;

    text-transform: uppercase !important;
    vertical-align: middle !important;

    box-shadow: none !important;

    transition: all 0.2s linear 0s !important;
}


/* Speichern Hover */

#redim-cookiehint.redim-tpl .redim-cc-save:hover,
#redim-cookiehint.redim-tpl .redim-cc-save:focus {
    background-color: #484f94 !important;
    background-image: none !important;

    border: 1px solid #5e66b1 !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


/* ==========================================================================
   COOKIE-EINSTELLUNGEN
   ========================================================================== */

#redim-cookiehint.redim-tpl #cookiehintinfo {
    margin-top: 12px !important;
    font-size: 12px !important;
}


#redim-cookiehint.redim-tpl #cookiehintinfo a {
    color: #5e66b1 !important;
    color: light-dark(#5e66b1, #aeb4ff) !important;

    text-decoration: none !important;
}


#redim-cookiehint.redim-tpl #cookiehintinfo a:hover {
    text-decoration: underline !important;
}


/* ==========================================================================
   KATEGORIEN
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-cat {
    border-top: 1px solid rgba(31, 41, 55, 0.12) !important;

    border-top-color: light-dark(
        rgba(31, 41, 55, 0.12),
        rgba(255, 255, 255, 0.14)
    ) !important;

    border-radius: 0 !important;
}


#redim-cookiehint.redim-tpl .redim-cc-cat-desc {
    color: #4b5563 !important;
    color: light-dark(#4b5563, #cbd5e1) !important;
}


#redim-cookiehint.redim-tpl .redim-cc-detail-toggle {
    color: #4b5563 !important;
    color: light-dark(#4b5563, #cbd5e1) !important;
}


/* ==========================================================================
   COOKIE SWITCHES
   ========================================================================== */

/* Aktiviert = grün */
#redim-cookiehint.redim-tpl .redim-cc-switch input:checked + .redim-cc-slider {
    background-color: #a0b247 !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}


/* Deaktiviert = grau */
#redim-cookiehint.redim-tpl .redim-cc-switch input:not(:checked) + .redim-cc-slider {
    background-color: #b8b8b8 !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}


#redim-cookiehint.redim-tpl .redim-cc-cookie-row,
#redim-cookiehint.redim-tpl .redim-cc-cookies {
    color: #1f2937 !important;
    color: light-dark(#1f2937, #e5e7eb) !important;
}


#redim-cookiehint.redim-tpl .redim-cc-cat-count,
#redim-cookiehint.redim-tpl .redim-cc-cookie-meta {
    color: #4b5563 !important;
    color: light-dark(#4b5563, #cbd5e1) !important;
}


#redim-cookiehint.redim-tpl .redim-cc-noscript {
    color: #4b5563 !important;
    color: light-dark(#4b5563, #cbd5e1) !important;
}


/* ==========================================================================
   FOCUS
   ========================================================================== */

#redim-cookiehint.redim-tpl a:focus-visible,
#redim-cookiehint.redim-tpl button:focus-visible,
#redim-cookiehint.redim-tpl
.redim-cc-switch input:focus-visible + .redim-cc-slider {
    outline: 3px solid #5e66b1 !important;
    outline-color: light-dark(#5e66b1, #aeb4ff) !important;

    outline-offset: 2px !important;
}


/* ==========================================================================
   WATERMARK
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-watermark,
#redim-cookiehint.redim-tpl .redim-cc-watermark a {
    color: #4b5563 !important;
    color: light-dark(#4b5563, #cbd5e1) !important;
}


/* ==========================================================================
   LIGHT / DARK MODE
   ========================================================================== */

@supports (color: light-dark(#000, #fff)) {

    #redim-cookiehint.redim-tpl {
        --redim-cc-skin-btn-bg:
            light-dark(#5e66b1, #aeb4ff) !important;

        --redim-cc-skin-btn-fg:
            light-dark(#ffffff, #111827) !important;

        --redim-cc-skin-accent:
            light-dark(#5e66b1, #aeb4ff) !important;

        --redim-cc-skin-surface: transparent !important;

        --redim-cc-skin-surface-shadow: none !important;

        --redim-cc-skin-divider:
            light-dark(
                rgba(31, 41, 55, 0.12),
                rgba(255, 255, 255, 0.14)
            ) !important;

        --redim-cc-skin-knob:
            light-dark(#ffffff, #111827) !important;

        --redim-cc-skin-muted:
            light-dark(#4b5563, #cbd5e1) !important;
    }


    /*
     * Im Dark Mode bleibt der Titel ebenfalls grün.
     */

    #redim-cookiehint.redim-tpl .redim-cc-headline {
        color: #a0b247 !important;
    }


    #redim-cookiehint.redim-tpl .redim-cc-headline::before {
        color: #a0b247 !important;
    }
}


/* ==========================================================================
   COOKIE ICON / TITEL – KOMPAKTER ABSTAND
   ========================================================================== */

#redim-cookiehint.redim-tpl .redim-cc-icon {
    margin-right: 4px !important;
}


/* ==========================================================================
   COOKIEHINT – FOCUS-OUTLINE DES CONTAINERS ENTFERNEN
   Der Banner wird beim Öffnen per tabindex="-1" fokussiert.
   Firefox/Edge zeigen sonst eine Browser-Fokuslinie am Banner.
   Die Fokus-Anzeige für Buttons und Bedienelemente bleibt erhalten.
   ========================================================================== */

#redim-cookiehint-top:focus,
#redim-cookiehint-bottom:focus,
#redim-cookiehint-modal:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* ==========================================================================
   RSEVENTO BUTTONS – HOVER WIRKLICH DUNKLER
   ========================================================================== */

/* ALLE AKZEPTIEREN */

#redim-cookiehint.redim-tpl .redim-cc-cookiebuttons #cookiehintsubmit:hover,
#redim-cookiehint.redim-tpl .redim-cc-cookiebuttons .redim-cc-accept-all:hover {
    background-color: #484f94 !important;
    background: #484f94 !important;
    border-color: #5e66b1 !important;
    color: #ffffff !important;
}


/* ALLE ABLEHNEN */

#redim-cookiehint.redim-tpl .redim-cc-cookiebuttons #cookiehintsubmitno:hover,
#redim-cookiehint.redim-tpl .redim-cc-cookiebuttons .redim-cc-reject:hover {
    background-color: #e6e6e6 !important;
    background: #e6e6e6 !important;
    border-color: #e1e1e1 !important;
    color: #333333 !important;
}


/* AUSWAHL SPEICHERN */

#redim-cookiehint.redim-tpl .redim-cc-save:hover {
    background-color: #484f94 !important;
    background: #484f94 !important;
    border-color: #5e66b1 !important;
    color: #ffffff !important;
}