/*
 * Aussehen des Einwilligungsbanners.
 *
 * Eigene Datei, weil ihn **jede** Seite braucht -- die Rechtsseiten
 * (privacy, terms, imprint) laden `page.css` statt `site.css`, und dort stand
 * die Gestaltung am 23.09.2026 zuerst nicht. Der Banner erschien, sah aber aus
 * wie die Voreinstellung der Bibliothek: ein fremdes Kaestchen auf einer
 * gestalteten Seite.
 *
 * Muss **nach** `vendor/cookieconsent.css` geladen werden. Die Bibliothek setzt
 * ihre Werte auf derselben Spezifitaet (`#cc-main`); wer zuletzt kommt, gewinnt.
 * Genau daran ist der erste Versuch gescheitert -- der Banner blieb durchsichtig,
 * weil `site.css` davor stand.
 */
/* ── Einwilligungsbanner ────────────────────────────────────────────────────
 *
 * Die Bibliothek bringt ein eigenes Aussehen mit; hier wird es auf die Marke
 * gezogen. Die Farben sind dieselben Tokens wie im Rest der Seite -- der Banner
 * soll wie ein Teil der Seite wirken und nicht wie ein aufgeklebtes Fremdstueck.
 *
 * **Eine Regel ist keine Kosmetik:** `Accept all` und `Reject all` bekommen
 * denselben Knopf. Die Bibliothek stellt das ueber `equalWeightButtons` schon
 * gleich, und diese Zeilen nehmen es nicht zurueck. Ein hervorgehobenes
 * "Annehmen" neben einem blassen "Ablehnen" waere ein Dark Pattern und macht
 * die Einwilligung unwirksam (EDSA-Leitlinien 03/2022).
 */
#cc-main {
  --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --cc-bg: #0a0e17;
  --cc-primary-color: #ffffff;
  --cc-secondary-color: rgba(255, 255, 255, .56);
  --cc-link-color: #4fd493;

  --cc-btn-primary-bg: #4fd493;
  --cc-btn-primary-color: #05080f;
  --cc-btn-primary-border-color: #4fd493;
  --cc-btn-primary-hover-bg: #5ceda3;
  --cc-btn-primary-hover-color: #05080f;
  --cc-btn-primary-hover-border-color: #5ceda3;

  --cc-btn-secondary-bg: rgba(255, 255, 255, .07);
  --cc-btn-secondary-color: #ffffff;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, .22);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, .13);
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, .34);

  --cc-cookie-category-block-bg: #0e131e;
  --cc-cookie-category-block-border: rgba(255, 255, 255, .11);
  --cc-cookie-category-block-hover-bg: #16202f;
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, .22);
  --cc-cookie-category-expanded-block-bg: #05080f;
  --cc-cookie-category-expanded-block-hover-bg: #0e131e;

  --cc-footer-bg: #05080f;
  --cc-footer-color: rgba(255, 255, 255, .34);
  --cc-footer-border-color: rgba(255, 255, 255, .11);

  --cc-overlay-bg: rgba(5, 8, 15, .72);
  --cc-btn-border-radius: 8px;
  --cc-modal-border-radius: 12px;
}

/* Im hellen Modus dieselben Rollen, andere Werte -- die Seite hat beide
   Fassungen, der Banner darf nicht in einer davon unlesbar sein.
   `html.light` ist der Schalter der Seite (site.js:104); dunkel ist die
   Vorgabe und steht schon oben. */
html.light #cc-main {
  --cc-bg: #ffffff;
  --cc-primary-color: #0c1524;
  --cc-secondary-color: #55606d;
  --cc-btn-secondary-bg: #f3f7fa;
  --cc-btn-secondary-color: #0c1524;
  --cc-btn-secondary-border-color: #e5e9ee;
  --cc-btn-secondary-hover-bg: #e9eff4;
  --cc-btn-secondary-hover-color: #0c1524;
  --cc-cookie-category-block-bg: #fafbfc;
  --cc-cookie-category-block-border: #e5e9ee;
  --cc-cookie-category-block-hover-bg: #f3f7fa;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-footer-bg: #fafbfc;
  --cc-footer-color: #7c8794;
  --cc-footer-border-color: #e5e9ee;
  --cc-overlay-bg: rgba(12, 21, 36, .5);
}

/* Der Widerrufs-Link in der Fussleiste sieht aus wie seine Nachbarn. Er ist
   keine Handlung zweiter Klasse: Widerruf muss so leicht sein wie Zustimmung. */
.cc-settings { cursor: pointer; }