/* ==========================================================================
   COOKIE CONSENT - GREINER CI FINAL (BANNER & MODAL SYNC FIX)
   ========================================================================== */




   :root {
     --dp-cookie-config-background:rgb(0 0 0 / 0%)!important;
}

/* --- 1. DAS HAUPTBANNER (Startseite) --- */
div#cookieconsent\:window,
div.cc-window {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    max-width: 850px !important;
    background-color: #161515 !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    z-index: 9999999 !important;
    border: none !important;
}

/* --- 2. DAS EINSTELLUNGS-MODAL (Overlay & Inner Box) --- */
/* Der abgedunkelte Hintergrund */
div.cc-window-config {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 99999999 !important;
    padding: 0 !important;
    transform: none !important;
}

/* Die eigentliche Box in der Mitte des Modals */
div.cc-window-config .cc-config {
    width: 90% !important;
    max-width: 850px !important;
    background-color: #161515 !important;
    border-radius: 12px !important;
    padding: 3rem 2rem !important;
    margin: 0 !important;
    border: none !important;
}

/* --- 3. BUTTON-CONTAINER (Beide Fenster) --- */
.cc-compliance, 
.cc-window-config .cc-config-footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    justify-content: center !important;
    margin-top: 2rem !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* --- 4. DAS BUTTON DESIGN FÜR ALLE (Killt das Rot!) --- */
/* Wichtig: Greift jetzt auf .cc-window UND .cc-window-config zu */
.cc-window .cc-btn:not(.cc-btn-collapse),
.cc-window-config .cc-btn:not(.cc-btn-collapse) {
    flex: 1 1 0 !important;
    height: 52px !important;
    border-radius: 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    
    /* Überschreibt hart das Rot der Extension */
    background: #000000 !important; 
    
    /* Der Greiner-Slide-Effekt */
    background-image: linear-gradient(to right, #265b7b 50%, #000000 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    color: #ffffff !important;
    transition: background-position 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.cc-window .cc-btn:not(.cc-btn-collapse):hover,
.cc-window-config .cc-btn:not(.cc-btn-collapse):hover {
    background-position: left bottom !important;
}

/* Reihenfolge */
.cc-btn.cc-config, .cc-btn.cc-allow { order: 1 !important; }
.cc-btn.cc-deny { order: 2 !important; }
.cc-btn.cc-allow-all { order: 3 !important; }

/* --- 5. MODAL-INNENLEBEN (Statistiken-Zeile) --- */
.cc-window-config .cc-config-body {
    padding: .75rem 1rem;
    margin: 0 -1rem;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.2rem !important;
    overflow: auto;
    max-height: calc(90vh - 170px - 1rem);
}
.cc-window-config .cc-config-group {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding: 10px 0 !important;
}

.cc-window-config .cc-btn.cc-btn-collapse {
    background: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    width: auto !important;
    display: inline-flex !important;
    height: auto !important;
    flex: none !important;
}

.cc-window-config .cc-btn.cc-btn-collapse:hover {
    color: #265b7b !important;
}

/* --- 6. MOBILE FIX --- */
@media (max-width: 767px) {
    .cc-compliance, 
    .cc-window-config .cc-config-footer { 
        flex-direction: column !important; 
    }
    .cc-window .cc-btn:not(.cc-btn-collapse),
    .cc-window-config .cc-btn:not(.cc-btn-collapse) { 
        width: 100% !important; 
        flex: none !important; 
    }
}

/* --- 7. CLEANUP --- */
.powered-by { display: none !important; }
.cc-window .cc-header, .cc-window-config .cc-config-header { border: none !important; }
.cc-link { color: #265b7b !important; text-decoration: underline !important; font-weight: 600; }
.cc-window-config .cc-close { color: #fff !important; }

.cc-window-config .cc-config-group .cc-config-group-cookie>li .cc-label+div
 {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400!important;
}
.cc-form-switch .dp--check-box:checked {
    background-color: #265b7b;
    border-color: #265b7b;
}
cc-window-config {
    position: fixed;
    z-index: 10000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--dp-cookie-config-background)!important;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}