/* Fernstudium Klartext Cookie-Theme: Light (SF-Blau).
   Override-Layer für cookieconsent v3 CSS-Variablen. */

:root {
  --cc-bg: #ffffff;
  --cc-primary-color: #222222;
  --cc-secondary-color: #475569;
  --cc-link-color: #2478cd;
  --cc-font-family: 'Poppins', system-ui, -apple-system, sans-serif;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;

  --cc-btn-primary-bg: #2478cd;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #2478cd;
  --cc-btn-primary-hover-bg: #1d63ac;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1d63ac;

  --cc-btn-secondary-bg: rgba(15,23,42,0.04);
  --cc-btn-secondary-color: #222222;
  --cc-btn-secondary-border-color: rgba(36, 120, 205,0.30);
  --cc-btn-secondary-hover-bg: rgba(15,23,42,0.07);
  --cc-btn-secondary-hover-color: #222222;
  --cc-btn-secondary-hover-border-color: rgba(36, 120, 205,0.45);

  --cc-toggle-on-bg: #2478cd;
  --cc-toggle-off-bg: rgba(15,23,42,0.18);
  --cc-toggle-readonly-bg: rgba(15,23,42,0.10);
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-bg: #cbd5e1;

  --cc-cookie-category-block-bg: #f8fafc;
  --cc-cookie-category-block-border: rgba(36, 120, 205,0.16);
  --cc-cookie-category-block-hover-bg: #eff6ff;
  --cc-cookie-category-block-hover-border: rgba(36, 120, 205,0.30);
  --cc-cookie-category-expanded-block-bg: #f1f5f9;
  --cc-cookie-category-expanded-block-hover-bg: #e8eef6;

  --cc-section-category-border: rgba(36, 120, 205,0.16);
  --cc-separator-border-color: rgba(15,23,42,0.10);
  --cc-footer-bg: #f8fafc;
  --cc-footer-color: #475569;
  --cc-footer-border-color: rgba(15,23,42,0.10);

  --cc-z-index: 2147483647;
}

/* Cloud-Banner: Card vom Hintergrund abheben mit Border in Primary-Button-Farbe */
#cc-main .cm--cloud {
  border: 1.5px solid var(--cc-btn-primary-bg);
}

/* Footer-Reopen-Trigger als reiner Link-Look */
.footer-cc-link {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}
.footer-cc-link:hover {
  text-decoration: underline;
}

/* E-Mail-Adressen und lange Tokens im Modal ohne kuenstliche Silbentrennung
   brechen, sondern an beliebiger Stelle. */
#cc-main p,
#cc-main a {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: none;
}