/*
 * CookieHint-Skin „solidwhite“ – Basis style-flatline.css (CookieHint 3.4.0), angepasst für solidwhite.de:
 *  - keine fette Schrift: Die Seite lädt Futura nur in 200/300/500 – Gewicht 400/700 fiel auf den 500er-Schnitt
 *    zurück. Fließtext 200 (wie die Seite), Überschrift/Schaltflächen 300.
 *  - keine Schatten (Box-, Text-, Hover- und Flyout-Schatten); Fokus bleibt über outline sichtbar (Barrierefreiheit).
 * Auswahl: Plugin „CookieHint and Consent“ → Stil (CSS) = style-solidwhite.css
 *
 * @copyright reDim GmbH | @link https://www.redim.de | @contact team@redim.de
 */

#redim-cookiehint.redim-tpl {
    --redim-cc-skin-btn-bg: #222222 !important;
    --redim-cc-skin-btn-fg: #ffffff !important;
    --redim-cc-skin-accent: #222222 !important;
    --redim-cc-skin-surface: #ffffff !important;
    --redim-cc-skin-divider: #dddddd !important;
    --redim-cc-skin-knob: #ffffff !important;
    --redim-cc-skin-muted: #666666 !important;
    --redim-cc-skin-surface-shadow: none !important;
    background: #ffffff !important;
    background: light-dark(#ffffff, #161616) !important;
    color: #222222 !important;
    color: light-dark(#222222, #ededed) !important;
    border: 1px solid #222222 !important;
    border-color: light-dark(#222222, #ededed) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 200 !important;
    text-shadow: none !important;
}
#redim-cookiehint-top .redim-tpl,
#redim-cookiehint-bottom .redim-tpl { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }

/* keine fette Schrift, keine Schatten – auch für Unterelemente, strong/b und die Kategorie-Labels.
   „body“ erhöht die Spezifität: cookieconsent.css wird nach dem Skin geladen und setzt #redim-cookiehint.redim-tpl auf 400 */
body #redim-cookiehint.redim-tpl,
body #redim-cookiehint.redim-tpl * { font-weight: 200 !important; }
body #redim-cookiehint.redim-tpl .redim-cc-headline,
body #redim-cookiehint.redim-tpl .redim-cc-btn,
body #redim-cookiehint.redim-tpl strong,
body #redim-cookiehint.redim-tpl b,
body #redim-cookiehint.redim-tpl .redim-cc-cat-label { font-weight: 300 !important; }
#redim-cookiehint.redim-tpl *,
#redim-cookiehint.redim-tpl *::before,
#redim-cookiehint.redim-tpl *::after { text-shadow: none !important; box-shadow: none !important; }
#redim-cookiehint.redim-tpl strong,
#redim-cookiehint.redim-tpl b,
#redim-cookiehint.redim-tpl .redim-cc-cat-label { font-weight: 300 !important; }
#redim-cookiehint-modal,
#redim-cookiehint-modal .redim-tpl .redim-cc-save-row,
.redim-cc-reopen { box-shadow: none !important; text-shadow: none !important; }
.redim-cc-reopen { font-weight: 300 !important; }

#redim-cookiehint.redim-tpl .redim-cc-headline { font-size: 14px !important; font-weight: 300 !important; text-transform: uppercase !important; letter-spacing: .08em; color: #222222 !important; color: light-dark(#222222, #ededed) !important; }
#redim-cookiehint.redim-tpl .redim-cc-content { font-size: 12px !important; font-weight: 200 !important; line-height: 1.6; color: #444444 !important; color: light-dark(#444444, #c2c2c2) !important; }

#redim-cookiehint.redim-tpl .redim-cc-btn { background: #ffffff !important; background: light-dark(#ffffff, #161616) !important; color: #222222 !important; color: light-dark(#222222, #ededed) !important; border: 1px solid #222222 !important; border-color: light-dark(#222222, #ededed) !important; border-radius: 0 !important; font-size: 12px !important; font-weight: 300 !important; text-transform: uppercase !important; letter-spacing: .06em; }
#redim-cookiehint.redim-tpl .redim-cc-btn:hover { background: #222222 !important; background: light-dark(#222222, #ededed) !important; color: #ffffff !important; color: light-dark(#ffffff, #161616) !important; }
/* Hover ohne inset-Schatten (flatline): stattdessen leicht abgedunkelt */
#redim-cookiehint.redim-tpl #cookiehintsubmit:hover,
#redim-cookiehint.redim-tpl #cookiehintsubmitno:hover,
#redim-cookiehint.redim-tpl .redim-cc-accept-all:hover,
#redim-cookiehint.redim-tpl .redim-cc-reject:hover { box-shadow: none !important; opacity: .85 !important; }
#redim-cookiehint.redim-tpl .redim-cc-save { background: #ffffff !important; background: light-dark(#ffffff, #161616) !important; color: #222222 !important; color: light-dark(#222222, #ededed) !important; border: 1px solid #222222 !important; border-color: light-dark(#222222, #ededed) !important; }
#redim-cookiehint.redim-tpl .redim-cc-save:hover { background: #222222 !important; background: light-dark(#222222, #ededed) !important; color: #ffffff !important; color: light-dark(#ffffff, #161616) !important; }

#redim-cookiehint.redim-tpl #cookiehintinfo { margin-top: 10px !important; font-size: 11px !important; }
#redim-cookiehint.redim-tpl #cookiehintinfo a { color: #222222 !important; color: light-dark(#222222, #ededed) !important; text-decoration: underline !important; }

#redim-cookiehint.redim-tpl .redim-cc-cat { border-top: 1px solid #dddddd !important; border-top-color: light-dark(#dddddd, #3a3a3a) !important; border-radius: 0 !important; }
#redim-cookiehint.redim-tpl .redim-cc-cat-desc { color: #666666 !important; color: light-dark(#666666, #9c9c9c) !important; }
#redim-cookiehint.redim-tpl .redim-cc-detail-toggle { color: #666666 !important; color: light-dark(#666666, #9c9c9c) !important; }
#redim-cookiehint.redim-tpl .redim-cc-slider { background-color: #767676 !important; background-color: light-dark(#767676, #8a8a8a) !important; border-radius: 0 !important; }
#redim-cookiehint.redim-tpl .redim-cc-slider::before { border-radius: 0 !important; }
#redim-cookiehint.redim-tpl .redim-cc-cookie-row,
#redim-cookiehint.redim-tpl .redim-cc-cookies { color: #444444 !important; color: light-dark(#444444, #c2c2c2) !important; }
#redim-cookiehint.redim-tpl .redim-cc-cat-count,
#redim-cookiehint.redim-tpl .redim-cc-cookie-meta { color: #666666 !important; color: light-dark(#666666, #9c9c9c) !important; }
#redim-cookiehint.redim-tpl .redim-cc-noscript { color: #444444 !important; color: light-dark(#444444, #c2c2c2) !important; }

/* Fokus: outline statt Schatten-Ring (Basis-CSS setzt box-shadow bei :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 #222222 !important; outline-color: light-dark(#222222, #ffffff) !important; outline-offset: 2px !important; box-shadow: none !important; }

#redim-cookiehint.redim-tpl .redim-cc-watermark,
#redim-cookiehint.redim-tpl .redim-cc-watermark a { color: #666666 !important; color: light-dark(#666666, #9c9c9c) !important; }

@supports (color: light-dark(#000, #fff)) {
    #redim-cookiehint.redim-tpl {
        --redim-cc-skin-btn-bg: light-dark(#222222, #ededed) !important;
        --redim-cc-skin-btn-fg: light-dark(#ffffff, #161616) !important;
        --redim-cc-skin-accent: light-dark(#222222, #ededed) !important;
        --redim-cc-skin-surface: light-dark(#ffffff, #161616) !important;
        --redim-cc-skin-divider: light-dark(#dddddd, #3a3a3a) !important;
        --redim-cc-skin-knob: light-dark(#ffffff, #161616) !important;
        --redim-cc-skin-muted: light-dark(#666666, #9c9c9c) !important;
    }
}