/* ============================
   SK-Synergie Cookie Notice
   (Optimierte Lesbarkeit)
   ============================ */

.klaro .cookie-notice {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    width: 320px !important;

    background: #0A1A2F !important;
    color: #F2F5F9 !important;          /* hellere Schrift */
    font-family: "Segoe UI", Arial, sans-serif !important;

    border-radius: 14px !important;
    border-left: 4px solid #0052A1 !important;

    padding: 18px 22px !important;
    font-size: 15px !important;         /* größer für Lesbarkeit */
    line-height: 1.55 !important;       /* angenehmer Textfluss */

    box-shadow: 0 10px 28px rgba(0,0,0,0.45) !important;
    z-index: 999999 !important;

    animation: skFadeUp 0.55s ease-out;
}

/* Smooth Animation */
@keyframes skFadeUp {
    0% { opacity: 0; transform: translateY(20px) translateX(10px); }
    100% { opacity: 1; transform: translateY(0) translateX(0); }
}

/* Text / Links */
.klaro .cookie-notice a {
    color: #4DA3FF !important;          /* SK Akzentblau */
    text-decoration: underline;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Button-Container */
.klaro .cookie-notice .cm-buttons {
    margin-top: 16px !important;
    display: flex !important;
    gap: 10px !important;
}

/* Buttons Basis */
.klaro .cm-btn {
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: none !important;
}

/* Accept */
.klaro .cm-btn-accept {
    background: #008F44 !important;     /* kräftigeres Grün */
    color: #FFF !important;
}
.klaro .cm-btn-accept:hover {
    background: #00A750 !important;
}

/* Decline */
.klaro .cm-btn-decline {
    background: #1F2E40 !important;
    color: #F2F5F9 !important;
}
.klaro .cm-btn-decline:hover {
    background: #2E4057 !important;
}

/* Mobile */
@media (max-width: 600px) {
    .klaro .cookie-notice {
        width: calc(100% - 30px) !important;
        bottom: 15px !important;
        right: 15px !important;
        padding: 16px !important;
    }
}
/* ============================================
   SK-Synergie – Text wirklich hell machen
   (Überschreibt Klaro interne Farb-Overlays)
   ============================================ */

/* Gesamter Text */
.klaro .cookie-notice,
.klaro .cookie-notice *,
.klaro .cookie-notice p,
.klaro .cookie-notice .cm-message,
.klaro .cookie-notice .cm-body,
.klaro .cookie-notice .cm-header {
    color: #F8FAFC !important;      /* sehr helles Weiß-Blau */
    opacity: 1 !important;          /* deaktiviert Klaro-Transparenz */
}

/* Überschrift (Lassen Sie mich wählen) */
.klaro .cookie-notice a {
    color: #4DA3FF !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* Entfernt Klaro-Dimmung im Body */
.klaro .cookie-notice .cm-content,
.klaro .cookie-notice .cm-message {
    color: #F2F6FF !important;
    opacity: 1 !important;
}

/* Optional: leichte Textschärfe */
.klaro .cookie-notice * {
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
}