/**
 * Klaro Cookie Consent – Custom CSS für laptop-rucksaecke.de
 * Farbschema: Navy-Slate (#1e3a5f) + Teal (#0d9488)
 */

.klaro .cookie-notice,
.klaro .cookie-modal {
  font-family: 'Inter', system-ui, sans-serif;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-success {
  background-color: #0d9488;
  border-color: #0d9488;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-success:hover,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-success:hover {
  background-color: #0b7d72;
  border-color: #0b7d72;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-info {
  background-color: #1e3a5f;
  border-color: #1e3a5f;
  color: #fff;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background-color: #0d9488;
}

.klaro .cookie-notice .cn-body::before {
  content: 'Laptop-Rucksaecke.de';
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 800;
  font-size: 1.1rem;
  color: #ffffff;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
}

.klaro .cookie-modal .cm-modal .cm-header::before {
  content: 'Laptop-Rucksaecke.de';
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 800;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.02em;
  margin-bottom: 0.25rem;
}

.klaro .cookie-notice .cn-body .cn-buttons .cm-btn.cm-btn-danger,
.klaro .cookie-modal .cm-footer .cm-btn.cm-btn-danger {
  display: none !important;
}

.klaro .cookie-modal .cm-footer .cm-powered-by {
  display: none !important;
}

.klaro .cookie-notice a,
.klaro .cookie-modal a {
  color: #0d9488;
}

.klaro .cookie-notice a:hover,
.klaro .cookie-modal a:hover {
  color: #0b7d72;
}