/* Klaro Cookie-Banner - tintenalarm.de Light Theme */

/* Z-Index fix: Klaro muss über allen anderen Elementen erscheinen */
.klaro {
    z-index: 99999 !important;
}

.klaro .cookie-modal {
    z-index: 100000 !important;
}

.klaro .cookie-modal .cm-modal {
    z-index: 100001 !important;
}

/* ============================================
   LIGHT THEME - Cookie Notice (Banner unten)
   ============================================ */
.klaro .cookie-notice {
    z-index: 99999 !important;
    background: #ffffff !important;
    border-top: 3px solid #e42a27;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    color: #333333 !important;
}

.klaro .cookie-notice .cn-body {
    background: #ffffff !important;
    color: #333333 !important;
}

.klaro .cookie-notice p {
    color: #333333 !important;
}

.klaro .cookie-notice .cn-learn-more {
    color: #e42a27 !important;
}

/* Accept Button - tintenalarm rot */
.klaro .cookie-notice .cn-buttons button.cm-btn-accept-all {
    background: #e42a27 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
}

.klaro .cookie-notice .cn-buttons button.cm-btn-accept-all:hover {
    background: #c9231f !important;
}

/* Decline Button - hell */
.klaro .cookie-notice .cn-buttons button.cm-btn-decline {
    background: #f5f5f5 !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}

.klaro .cookie-notice .cn-buttons button.cm-btn-decline:hover {
    background: #e8e8e8 !important;
}

/* ============================================
   LIGHT THEME - Cookie Modal (Einstellungen)
   ============================================ */
.klaro .cookie-modal .cm-modal {
    background: #ffffff !important;
    color: #333333 !important;
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}

/* Modal Header */
.klaro .cookie-modal .cm-modal .cm-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e0e0e0;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    color: #333333 !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
    color: #333333 !important;
}

/* Modal Body */
.klaro .cookie-modal .cm-modal .cm-body {
    background: #ffffff !important;
    color: #333333 !important;
}

.klaro .cookie-modal .cm-modal .cm-body p {
    color: #555555 !important;
}

/* Services/Purposes Liste */
.klaro .cookie-modal .cm-modal .cm-list-label {
    color: #333333 !important;
}

.klaro .cookie-modal .cm-modal .cm-list-description {
    color: #666666 !important;
}

.klaro .cookie-modal .cm-modal .cm-purpose {
    background: #f9f9f9 !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.klaro .cookie-modal .cm-modal .cm-purpose .cm-purpose-title {
    color: #333333 !important;
}

.klaro .cookie-modal .cm-modal .cm-service {
    background: #ffffff !important;
    border-bottom: 1px solid #f0f0f0;
}

.klaro .cookie-modal .cm-modal .cm-service .cm-service-title {
    color: #333333 !important;
}

.klaro .cookie-modal .cm-modal .cm-service .cm-service-description {
    color: #666666 !important;
}

/* Toggle Switch - tintenalarm rot wenn aktiv */
.klaro .cookie-modal .cm-modal .cm-list-input:checked + .cm-list-label .slider {
    background: #e42a27 !important;
}

.klaro .cookie-modal .cm-modal .slider {
    background: #cccccc !important;
}

/* Modal Footer */
.klaro .cookie-modal .cm-modal .cm-footer {
    background: #f9f9f9 !important;
    border-top: 1px solid #e0e0e0;
}

/* Buttons im Modal */
.klaro .cookie-modal .cm-btn-accept-all {
    background: #e42a27 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
}

.klaro .cookie-modal .cm-btn-accept-all:hover {
    background: #c9231f !important;
}

.klaro .cookie-modal .cm-btn-accept {
    background: #e42a27 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
}

.klaro .cookie-modal .cm-btn-decline {
    background: #f5f5f5 !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}

.klaro .cookie-modal .cm-btn-decline:hover {
    background: #e8e8e8 !important;
}

/* Close Button */
.klaro .cookie-modal .cm-modal .cm-header .cm-close-btn {
    color: #666666 !important;
}

.klaro .cookie-modal .cm-modal .cm-header .cm-close-btn:hover {
    color: #333333 !important;
}

/* Links */
.klaro .cookie-modal a {
    color: #e42a27 !important;
}

.klaro .cookie-modal a:hover {
    color: #c9231f !important;
}

/* Powered by Klaro */
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    color: #999999 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
    color: #999999 !important;
}