/* ============================================
   Klaro Cookie Banner – deka messebau
   ============================================ */

/* Banner Container */
#klaro .cookie-notice {
  max-width: 420px !important;
  left: auto !important;
  right: 20px !important;
  bottom: 20px !important;
  border-radius: 12px !important;
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
  font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Text */
#klaro .cn-body {
  color: rgba(255,255,255,0.85) !important;
}

/* Überschriften im Banner */
#klaro .cn-title {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Dienste-Liste */
#klaro .cm-list-item {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Toggle-Switch */
#klaro .cm-switch {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 20px !important;
}

#klaro .cm-switch[aria-checked="true"] {
  background: #de0e14 !important;
}

#klaro .cm-switch-knob {
  background: #ffffff !important;
}

/* Buttons */
#klaro .cm-btn {
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.06em !important;
  text-transform: lowercase !important;
  transition: background 0.2s !important;
}

/* Akzeptieren Button – deka Red */
#klaro .cm-btn-success {
  background: #de0e14 !important;
  color: #ffffff !important;
  border: none !important;
}

#klaro .cm-btn-success:hover {
  background: #b80b10 !important;
}

/* Ablehnen – neutral */
#klaro .cm-btn-danger {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.7) !important;
}

#klaro .cm-btn-danger:hover {
  border-color: rgba(255,255,255,0.5) !important;
  color: #ffffff !important;
}

/* Link Datenschutzerklärung */
#klaro a {
  color: #de0e14 !important;
  text-decoration: none !important;
}

#klaro a:hover {
  text-decoration: underline !important;
}

/* Consent-Modal (Detailansicht) */
#klaro .cm-modal {
  border-radius: 16px !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Close Button */
#klaro .cm-close {
  color: rgba(255,255,255,0.5) !important;
}

#klaro .cm-close:hover {
  color: #ffffff !important;
}

/* Responsive */
@media (max-width: 768px) {
  #klaro .cookie-notice {
    right: 10px !important;
    left: 10px !important;
    bottom: 10px !important;
    max-width: none !important;
  }
}