/* =============================================================
   Klaro Theme-Override für Essentials DNA
   Datei: build/klaro/klaro-dna-theme.css
   Wird NACH klaro.css geladen → überschreibt nur Farben + Font.
   ============================================================= */

.klaro {
  /* Brand-Anpassung — Türkis statt Klaro-Default-Grün */
  --green1: #1AACB0;          /* Hauptakzent: „Alle akzeptieren"-Button + Toggle-On */
  --green2: #148488;          /* Halbtransparenter Grünton (required toggles) */
  --green3: #4FCED1;          /* Focus-Outline */
  --blue1:  #0F1A3A;          /* Info-Button (Navy) */
  --blue2:  #1AACB0;          /* Sekundärlinks in dunklen Bereichen */

  /* Dunkle Flächen → Navy statt #333 */
  --dark1:  #0F1A3A;
  --dark2:  #1A2D5A;
  --dark3:  #C8D2E0;

  /* Helle Flächen behalten */
  --light1: #F8F7F4;
  --light2: #D6D2CB;
  --light3: #8A8580;

  /* Typografie: gleiche Fieldwork-Serie wie Site */
  --font-family: 'Fieldwork', system-ui, sans-serif;
  --title-font-family: 'Fieldwork', system-ui, sans-serif;
  --font-size: 14px;
  --border-radius: 6px;

  /* Banner-Position: unten-rechts, max-Breite knapper als Default */
  --notice-max-width: 440px;
  --notice-bottom: 24px;
  --notice-right: 24px;
}

/* Akzeptieren-Button etwas kräftiger */
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
  font-weight: 600;
  padding: 0.6em 1em;
}

/* Ablehnen-Button etwas dezenter, aber gleichwertig sichtbar */
.klaro .cookie-modal .cm-btn:not(.cm-btn-success):not(.cm-btn-info),
.klaro .cookie-notice .cm-btn:not(.cm-btn-success):not(.cm-btn-info) {
  background-color: #5C5C5C;
  font-weight: 500;
}

/* Powered-by-Klaro Hinweis dezenter */
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  font-size: 0.7em;
  opacity: 0.6;
}