/* VORLAGE: Variablen auf die Design-Tokens der jeweiligen Seite umhängen (--accent, --bg-elev, --text, --border …) */
/* Cookie-Banner (CookieConsent v3): ruhiges Band unten, Text links, zwei gleichwertige Entscheidungen rechts,
   Einstellungen als Textlink. Farben aus den Design-Tokens, funktioniert in Hell und Dunkel. */
#cc-main {
  --cc-font-family: var(--font-sans);
  --cc-bg: var(--bg-elev);
  --cc-primary-color: var(--text);
  --cc-secondary-color: var(--text-muted, var(--text-faint));
  --cc-btn-primary-bg: var(--accent);
  --cc-btn-primary-color: var(--accent-ink);
  --cc-btn-primary-border-color: var(--accent);
  --cc-btn-primary-hover-bg: var(--accent-hover);
  --cc-btn-primary-hover-color: var(--accent-ink);
  --cc-btn-primary-hover-border-color: var(--accent-hover);
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--text);
  --cc-btn-secondary-border-color: var(--border-strong);
  --cc-btn-secondary-hover-bg: var(--surface-2);
  --cc-btn-secondary-hover-color: var(--text);
  --cc-btn-secondary-hover-border-color: var(--border-strong);
  --cc-separator-border-color: var(--border);
  --cc-toggle-on-bg: var(--accent);
  --cc-toggle-off-bg: var(--text-faint);
  --cc-toggle-readonly-bg: var(--accent);
  --cc-cookie-category-block-bg: var(--bg-elev);
  --cc-cookie-category-block-border: var(--border-strong);
  --cc-cookie-category-block-hover-bg: var(--surface-2);
  --cc-footer-bg: var(--bg-elev);
  --cc-footer-color: var(--text-faint);
  --cc-footer-border-color: var(--border);
  --cc-modal-border-radius: 20px;
  --cc-btn-border-radius: 12px;
  --cc-pm-toggle-border-radius: 999px;
  --cc-modal-margin: 1.25rem;
}
#cc-main .cm { border: 1px solid var(--border); box-shadow: 0 18px 48px rgba(16, 19, 38, .16); }
#cc-main .cm--cloud { max-width: 64rem; }
#cc-main .cm__title { font-family: var(--font-display); font-size: 1.02rem; font-weight: 600; }
#cc-main .cm__desc { font-size: .9rem; line-height: 1.55; }
#cc-main .cm__btn { font-weight: 600; font-size: .9rem; min-height: 44px; }
/* Beide Entscheidungen gleichwertig und gleich gestaltet (Pflicht), Einstellungen als Textlink */
#cc-main .cm__btn[data-role="all"], #cc-main .cm__btn[data-role="necessary"] {
  background: var(--accent); color: var(--accent-ink); border-color: var(--accent);
}
#cc-main .cm__btn[data-role="all"]:hover, #cc-main .cm__btn[data-role="necessary"]:hover {
  background: var(--accent-hover); border-color: var(--accent-hover); color: var(--accent-ink);
}
#cc-main .cm__btn[data-role="show"] {
  background: transparent; border-color: transparent; color: var(--text-muted, var(--text-faint));
  text-decoration: underline; text-underline-offset: 3px; font-weight: 500; min-height: 36px;
}
#cc-main .cm__btn[data-role="show"]:hover { color: var(--text); background: transparent; }
#cc-main .cm__footer { font-size: .82rem; }
#cc-main .pm { border: 1px solid var(--border); }
#cc-main .pm__title { font-family: var(--font-display); }
.footer-cc { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }