/* IEU-Branding für den Klaro-Consent-Banner */
.klaro {
  --font-family: "Inter", system-ui, sans-serif;
  --border-radius: 14px;
  --button-border-radius: 100px;

  --green1: #0042FF;   /* primäre Buttons (Akzeptieren) */
  --green2: #0042FF;
  --green3: #0030B8;   /* Hover */

  --dark1: #0A0C16;    /* Modal-Hintergrund */
  --dark2: #12151F;
  --dark3: #2A2E3C;

  --light1: #F5F6F8;
  --light2: #E7E9EE;
  --light3: #C9CDD6;

  --text-color: #ffffff;
}

/* Buttons etwas ruhiger/eleganter */
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cn-buttons .cm-btn {
  font-family: "Archivo", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: .01em;
}

/* „Ablehnen" gleichwertig sichtbar (kein abgeschwächter Look) */
.klaro .cm-btn.cm-btn-decline,
.klaro .cn-decline {
  opacity: 1;
}

/* dezenter Schatten + Rundung am Modal/Notice */
.klaro .cookie-modal .cm-modal,
.klaro .cookie-notice {
  box-shadow: 0 20px 60px rgba(7, 9, 26, .35);
}