/* Custom Styles für CookieConsent v3 - EDV-Firma Dark Theme */

#cc-main {
  /* Modal-Hintergrund auf dunkel setzen */
  --cc-bg: #1e293b;
  
  /* Textfarben für perfekten Kontrast auf dunklem Grund */
  --cc-primary-color: #f8fafc;       /* Titel & Haupttext (Weiß) */
  --cc-secondary-color: #cbd5e1;     /* Beschreibungstext (Hellgrau) */

  /* Buttons */
  --cc-btn-primary-bg: #0ea5e9;      /* Akzeptieren Button (Accent Blau) */
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #0284c7;

  --cc-btn-secondary-bg: #0f172a;    /* Nur notwendige Button (Dunkel) */
  --cc-btn-secondary-color: #f8fafc;
  --cc-btn-secondary-hover-bg: #334155;

  /* Rahmen & Radien */
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;
  --cc-separator-border-color: #334155;
}

/* Erzwingt dunklen Rahmen & Schatten passend zu deinen Content-Cards */
#cc-main .cm {
  background-color: var(--cc-bg) !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}

/* Stellt sicher, dass Paragraphen und Titel im Banner lesbar sind */
#cc-main .cm__title,
#cc-main .cm__desc {
  color: var(--cc-primary-color) !important;
}

#cc-main .cm__desc {
  color: var(--cc-secondary-color) !important;
}