/* Klaro — an das OPENpoints-Design angepasst (Farben/Typografie via Klaro-CSS-Variablen) */
.klaro {
  --dark1: #16213e;                 /* Banner-/Modal-Hintergrund = brand-sidebar */
  --dark2: rgba(255, 255, 255, .45); /* Trennlinien, sekundärer Text, Ablehnen-Button */
  --light1: #ffffff;                /* Text */
  --light2: rgba(255, 255, 255, .16);
  --light3: rgba(255, 255, 255, .5);
  --green1: #4263d0;                /* Akzeptieren-Button = brand-accent */
  --green2: #3652bf;                /* brand-accent-h */
  --button-text-color: #ffffff;
  --border-radius: 10px;
  --font-family: 'Inter', system-ui, sans-serif;
  --notice-max-width: 380px;
  --box-shadow-color: rgba(0, 0, 0, .35);
}

/* Immer unten rechts fixieren, unabhängig von der Bildschirmbreite
   (Standard-Klaro-CSS positioniert erst ab 1024px, darunter volle Breite) */
.klaro .cookie-notice:not(.cookie-modal-notice) {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: 16px !important;
  bottom: 16px !important;
  width: calc(100% - 32px) !important;
  max-width: 380px;
  height: auto !important;
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .35), 0 8px 16px rgba(0, 0, 0, .2);
}

/* "Einstellungen"-Link im Banner ausblenden — Zugriff bleibt jederzeit
   über den Footer-Link "Cookie-Einstellungen" möglich (öffnet denselben Dialog). */
.klaro .cookie-notice .cn-learn-more {
  display: none !important;
}

.klaro .cm-btn.cm-btn-success {
  font-weight: 600;
}