/* Klaro-Override für dunkles Schwarz/Gold-Design */

.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
  background: #161616 !important;
  color: #f0ece4 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  border-top: 1px solid rgba(216, 179, 98, 0.25) !important;
  border-radius: 0 !important;
}

.klaro .cookie-notice .cn-body p,
.klaro .cookie-modal .cm-modal p {
  color: #f0ece4 !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
}

.klaro .cookie-notice a,
.klaro .cookie-modal a {
  color: #c9a567 !important;
  text-decoration: underline !important;
}

.klaro .cookie-notice a:hover,
.klaro .cookie-modal a:hover {
  color: #d8b362 !important;
}

.klaro .cookie-notice .cn-buttons,
.klaro .cookie-modal .cm-footer-buttons {
  display: flex !important;
  gap: 0.75rem !important;
  flex-wrap: wrap !important;
}

.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn {
  border-radius: 0 !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.klaro .cookie-notice .cm-btn-success,
.klaro .cookie-modal .cm-btn-success {
  background: #d8b362 !important;
  color: #0a0a0a !important;
}

.klaro .cookie-notice .cm-btn-success:hover,
.klaro .cookie-modal .cm-btn-success:hover {
  background: #b8982f !important;
}

.klaro .cookie-notice .cm-btn-danger,
.klaro .cookie-modal .cm-btn-danger {
  background: transparent !important;
  color: #c9a567 !important;
  border: 1px solid #c9a567 !important;
}

.klaro .cookie-notice .cm-btn-danger:hover,
.klaro .cookie-modal .cm-btn-danger:hover {
  color: #d8b362 !important;
  border-color: #d8b362 !important;
}

.klaro .cookie-notice .cm-btn-info,
.klaro .cookie-modal .cm-btn-info {
  background: transparent !important;
  color: #a8a29b !important;
  text-decoration: underline !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #f0ece4 !important;
}

.klaro .cookie-modal .cm-services .cm-service .cm-service-summary span.cm-service-title {
  color: #c9a567 !important;
}

.klaro .cookie-modal .cm-services .cm-service .cm-service-description {
  color: #a8a29b !important;
  font-weight: 300 !important;
}

/* Toggle-Switch */
.klaro .cookie-modal .cm-services .cm-service .cm-list-input + .cm-list-label .cm-list-handle::after {
  background: #d8b362 !important;
}

.klaro .cookie-modal .cm-services .cm-service .cm-list-input:checked + .cm-list-label .cm-list-handle {
  background: rgba(216, 179, 98, 0.3) !important;
}