/**
 * Klaro Cookie Consent – Custom CSS für defport.com
 * Farbschema: Navy (#1A2B4A) + Terracotta (#E85D3A) + Grün (#2D8F6F)
 */

/* Hauptfarben überschreiben */
.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: #E85D3A;
  border-color: #E85D3A;
}

.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: #d04e2e;
  border-color: #d04e2e;
}

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

/* Toggle-Schalter */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background-color: #2D8F6F;
}

/* Logo "defport." im Cookie-Banner */
.klaro .cookie-notice .cn-body::before {
  content: 'defport.';
  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;
}

/* Logo "defport." über dem Modal-Titel */
.klaro .cookie-modal .cm-modal .cm-header::before {
  content: 'defport.';
  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;
}

/* "Ablehnen"-Button im Banner und Modal ausblenden */
.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;
}

/* "Realisiert mit Klaro!" Footer ausblenden (BSD-Lizenz, keine Attribution nötig) */
.klaro .cookie-modal .cm-footer .cm-powered-by {
  display: none !important;
}

/* Links */
.klaro .cookie-notice a,
.klaro .cookie-modal a {
  color: #E85D3A;
}

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