/*
--------------------------------------------------------------------------------
Klaro/ConsentManager
--------------------------------------------------------------------------------
*/

/* Modale und Hinweise */
.cookie-modal,
.context-notice,
.cookie-notice,
.cm-modal {
    background-color: #f1f1f9 !important; 
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Mindestbreite für die Cookie Notice */
.cookie-notice {
    min-width: 30%;
}

/* Allgemeine Textfarbe */
.cookie-notice h2 {
    color: #308434 !important;
}
.klaro .text p,
.klaro h1,
.klaro p,
.klaro span {
    color: #27282a !important;
}

/* Header-Icon (SVG) in dunklem Grau */
.klaro .cm-header svg {
    stroke: #27282a !important;
}
.cm-link {
    color: #308434 !important;
    background-color: none !important;
}
.klaro .cm-link,
.klaro a {
    color: #308434;
    text-decoration: underline !important;
}

  .klaro a::after{
     background-color: transparent !important;
  }
    .klaro .cm-link:hover,
    .klaro a:hover {
        color: #308434;
        text-decoration: underline !important; /* Auch beim Hover unterstrichen */
    }

/* Kontext-Hinweis (Randbox) */
.context-notice {
    background-color: #ffffff !important;
    white-space: pre-line;
    border-radius: 8px;
    padding: 1rem;
}

/* Erfolg-Buttons (Grün) */
.cm-btn-success,
.cm-btn-success-var {
    background-color: #308434 !important;
    color: #ffffff !important;
    padding: 0.75rem 1.5rem !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .cm-btn-success:hover,
    .cm-btn-success-var:hover {
        background-color: #449d48 !important;
    }

/* Danger-Buttons (Rot) */
.cm-btn-danger {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    padding: 0.75rem 1.5rem !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .cm-btn-danger:hover {
        background-color: #d32535 !important;
    }
.cm-list-label{
    padding: 5px 0px;
}
/* Buttons in der Kontext-Notice */
.cm-as-context-notice .cm-btn-success {
    background-color: #308434 !important;
}

    .cm-as-context-notice .cm-btn-success:hover {
        background-color: #449d48 !important;
    }

/* Switch-Hintergrund (aktiv) */
.half-checked .cm-switch .active {
    background: #308434 !important;
    color: #666 !important;
}

/* Aktivierter Schalter (Slider) */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
    background-color: #308434 !important;
}
.cm-header p a {
    color: #308434 !important;
}
    /* Football-Icon im Slider (optional) */
    .klaro .cookie-modal .cm-list-label .slider::before {
    background-color: #f2f2f2 !important;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    display: block;
    content: "";
}
div.slider{
background-color: gray !important;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before {
    transform: translateX(20px) rotate(144deg) !important;
    background-color: #818181;
}

/* Positionierung (falls benötigt) */
.cm-as-context-notice {
    z-index: 10;
    position: relative;
    width: 80%;
    margin: 1rem auto;
    border-radius: 8px;
    padding: 1rem;
}

.sideContainer-image .context-notice {
    margin-top: 183px;
}

.brandingContainer .cm-as-context-notice {
    margin-top: 150px;
}

/* Button zum Öffnen der Benutzereinstellungen */
#consentManager {
    display: block;
    height: 60px;
    width: 60px;
    position: fixed;
    overflow: hidden;
    background: #eaeaea;
    z-index: 2000;
    text-decoration: none !important;
    left: 30px;
    bottom: 30px;
    border-radius: 30px;
    border: 1px solid #000;
    cursor: pointer;
    box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

    #consentManager img {
        width: 40px;
        margin: 10px;
    }

div.widget-container:has(> a#consentManager-link) {
    display: contents;
}