/* ============================================================
   Klaro-Cookiebox im GWL-Design-Look.
   MUSS nach assets/klaro.min.css geladen werden.
   Farben: Markengruen #007029 (Kontrast zu Weiss 6,3:1 = WCAG AA).
   ============================================================ */
.klaro{
  --font-family:"Hanken Grotesk", system-ui, sans-serif;
  --title-font-family:"Schibsted Grotesk", system-ui, sans-serif;
  --font-size:15px;
  --border-radius:14px;
  --green1:#007029;   /* Akzept-Button */
  --green2:#00591E;   /* Hover */
  --green3:#007029;   /* Toggle aktiv */
  --dark1:#2A2723;    /* Box-Hintergrund */
  --dark2:#3A3630;    /* Ablehnen-Button */
  --dark3:#4A453E;
  --light1:#E9E6E1;
  --light2:#C9C5BE;
  --light3:#A8A49C;
  --button-text-color:#FFFFFF;
}
/* Banner unten mittig, ~50% Breite am Desktop */
.klaro .cookie-notice:not(.cookie-modal-notice){
  left:50% !important;
  right:auto !important;
  bottom:1.25rem !important;
  transform:translateX(-50%);
  width:min(720px, calc(100vw - 2.5rem)) !important;
  max-width:none !important;
  border-radius:var(--r, 18px) !important;
  box-shadow:0 18px 50px -18px rgba(0,0,0,.45) !important;
}
@media (max-width:1024px){
  .klaro .cookie-notice:not(.cookie-modal-notice){
    width:calc(100vw - 1.5rem) !important;
    bottom:.75rem !important;
  }
}
.klaro .cookie-notice a,.klaro .cookie-modal a{color:#8FE39C;text-decoration:underline;text-underline-offset:3px}
.klaro .cookie-notice .cn-buttons button,.klaro .cookie-modal .cm-btn{border-radius:999px;font-weight:600}

/* Schwebendes Schloss-Symbol: Einwilligung jederzeit aendern oder widerrufen */
.consent-toggle{
  position:fixed;left:16px;bottom:16px;z-index:90;
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:#007029;color:#fff;border:0;border-radius:50%;cursor:pointer;
  box-shadow:0 6px 18px -6px rgba(0,0,0,.5);transition:background .2s,transform .2s;
}
.consent-toggle:hover{background:#00591E;transform:translateY(-2px)}
.consent-toggle svg{width:20px;height:20px}
@media print{.consent-toggle{display:none}}

/* "Einstellungen" (Learn-more) war auf dunklem Grund kaum lesbar */
.klaro .cookie-notice .cn-learn-more,
.klaro .cookie-modal .cm-btn.cm-btn-info{color:#8FE39C !important;text-decoration:underline;text-underline-offset:3px}

/* Links im Cookie-Banner: die Marken-Gruentoene sind auf dem dunklen Grund zu
   dunkel (2,4:1). Hier explizit das helle Gruen erzwingen, auch fuer Links,
   die Klaro selbst in die Beschreibung rendert. */
.klaro .cookie-notice a,
.klaro .cookie-notice p a,
.klaro .cookie-notice #id-cookie-notice a,
.klaro .cookie-modal a,
.klaro .cookie-modal p a{color:#8FE39C !important;text-decoration:underline;text-underline-offset:3px}