/* Marken-Overrides fuer Klaro, geladen NACH klaro.css.
 * Nutzt die offiziellen Theming-Variablen aus klaro.css (v0.7.22). */

.klaro {
  --font-family: var(--font-comfortaa), "Comfortaa", sans-serif;
  --title-font-family: var(--font-comfortaa), "Comfortaa", sans-serif;
  --font-size: 14px;
  --border-radius: 6px;

  /* Flaechen und Text: heller Karten-Look statt Klaro-Dunkeltheme */
  --dark1: #ffffff;   /* Modal-/Notice-Hintergrund */
  --dark2: #f5f2ea;   /* Zweitflaechen */
  --dark3: #e3dfd3;   /* Raender, Trenner */
  --light1: #1a1a2e;  /* Primaertext */
  --light2: #3a3a3a;  /* Sekundaertext */
  --light3: #8b8bbf;  /* Tertiaertext */

  /* Akzente: Gold fuer Zustimmen, Indigo fuer Links/Schalter */
  --green1: #d4a843;
  --green2: #c19a3c;
  --green3: #ffffff;
  --blue1: #4b4b8f;
  --blue2: #5e5ea8;
  --button-text-color: #ffffff;
  --box-shadow-color: rgba(26, 26, 46, 0.25);
}

/* Ablehnen-Button gleichwertig sichtbar: Umriss statt grauer Flaeche */
.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .cookie-notice .cm-btn.cm-btn-decline {
  background: transparent;
  border: 1px solid #4b4b8f66;
  color: #4b4b8f;
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
  color: #4b4b8f;
}