/**
 * ZCG Universal CSS
 * Version: 1.0.0
 * Stand: 07.09.2026
 *
 * Diese Datei muss nach den CSS-Dateien des Templates und der Erweiterungen
 * geladen werden.
 */


/* =========================================================
   CookieHint – Flatline-Anpassungen
   ========================================================= */

#redim-cookiehint.redim-tpl {
    --redim-cc-skin-btn-bg: #3f3f3f !important;
    --redim-cc-skin-accent: #3f3f3f !important;
    color: #3f3f3f !important;
    color: light-dark(#3f3f3f, #ededed) !important;
    border: 0 !important;
}

#redim-cookiehint.redim-tpl .redim-cc-headline {
    letter-spacing: .08em !important;
    color: #3f3f3f !important;
    color: light-dark(#3f3f3f, #ededed) !important;
}

#redim-cookiehint.redim-tpl .redim-cc-content {
    line-height: 1.6 !important;
}

#redim-cookiehint.redim-tpl .redim-cc-btn {
    color: #3f3f3f !important;
    color: light-dark(#3f3f3f, #ededed) !important;
    border: 0 !important;
    letter-spacing: .06em !important;
}

#redim-cookiehint.redim-tpl .redim-cc-btn:hover {
    background: #3f3f3f !important;
    background: light-dark(#3f3f3f, #ededed) !important;
}

#redim-cookiehint.redim-tpl .redim-cc-save {
    color: #3f3f3f !important;
    color: light-dark(#3f3f3f, #ededed) !important;
    border: 0 !important;
}

#redim-cookiehint.redim-tpl .redim-cc-save:hover {
    background: #3f3f3f !important;
    background: light-dark(#3f3f3f, #ededed) !important;
}

#redim-cookiehint.redim-tpl #cookiehintinfo a {
    color: #3f3f3f !important;
    color: light-dark(#3f3f3f, #ededed) !important;
}

#redim-cookiehint.redim-tpl .redim-cc-cat {
    border-top: 0 !important;
}

#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 #3f3f3f !important;
    outline-color: light-dark(#3f3f3f, #ffffff) !important;
}

@supports (color: light-dark(#000, #fff)) {
    #redim-cookiehint.redim-tpl {
        --redim-cc-skin-btn-bg: light-dark(#3f3f3f, #ededed) !important;
        --redim-cc-skin-accent: light-dark(#3f3f3f, #ededed) !important;
    }
}


/* CookieHint – Hauptbuttons */

#redim-cookiehint#redim-cookiehint#redim-cookiehint .redim-cc-accept-all,
#redim-cookiehint#redim-cookiehint#redim-cookiehint .redim-cc-reject,
#redim-cookiehint#redim-cookiehint#redim-cookiehint #cookiehintsubmit,
#redim-cookiehint#redim-cookiehint#redim-cookiehint #cookiehintsubmitno {
    background: #b3b3b3 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

#redim-cookiehint#redim-cookiehint#redim-cookiehint .redim-cc-accept-all:hover,
#redim-cookiehint#redim-cookiehint#redim-cookiehint .redim-cc-reject:hover,
#redim-cookiehint#redim-cookiehint#redim-cookiehint #cookiehintsubmit:hover,
#redim-cookiehint#redim-cookiehint#redim-cookiehint #cookiehintsubmitno:hover {
    background: #31acd9 !important;
    border-color: #31acd9 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    filter: none !important;
}

#redim-cookiehint#redim-cookiehint .redim-cc-switch input:checked + .redim-cc-slider {
    background-color: #31acd9 !important;
}


/* =========================================================
   Zufallsbild als vollflächiges Hintergrundbild
   ========================================================= */

.mod-randomimage.random-image img {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1000;
}