/* Cookie-Banner von Consent Pro im Stil der Seite (28.10.2026, Jonah: „Der muss natürlich in unserem Styling sein“). Die drei Bausteine
   (Banner, Einstellungen, Knopf zum Wiederöffnen) liegen im Shadow DOM, lesen ihre Werte aber aus CSS-Variablen --consentpro-*, die durch
   die Grenze erben. Hier gesetzt mit !important, weil die App ihre eigenen Farben als Variablen mitbringt; über --vg-k und --hg-k folgen sie
   Tag und Nacht. Feinheiten, für die es keine Variable gibt (Rahmen, Knopfform, Schriftgewicht), hängt Einwilligung.astro als Stylesheet
   in die Bausteine ein. In der App: Stil eckig, Schrift von der Seite, „Powered by Consent Pro“ aus, Nachtfarben als Rückfall. */
:is(consentpro-banner, consentpro-preferences, consentpro-fixed-preferences) {
  --consentpro-font-family: var(--schrift) !important;
  --consentpro-font-size-base: 15px !important;
  --consentpro-font-size-small: 13px !important;
  --consentpro-font-size-large: 22px !important;
  --consentpro-font-weight-bold: 500 !important;
  --consentpro-line-height-base: 1.5 !important;
  --consentpro-color-surface: rgb(var(--hg2-k)) !important;
  --consentpro-color-surface-muted: rgb(var(--vg-k) / .04) !important;
  --consentpro-color-text: rgb(var(--vg-k)) !important;
  --consentpro-color-text-muted: rgb(var(--vg-k) / .64) !important;
  --consentpro-color-border: rgb(var(--vg-k) / .14) !important;
  --consentpro-color-border-subtle: rgb(var(--vg-k) / .1) !important;
  --consentpro-color-link: rgb(var(--vg-k)) !important;
  --consentpro-color-link-button-text: rgb(var(--vg-k)) !important;
  --consentpro-color-link-button-border: rgb(var(--vg-k) / .35) !important;
  --consentpro-color-primary-bg: rgb(var(--vg-k)) !important;
  --consentpro-color-primary-text: rgb(var(--hg-k)) !important;
  --consentpro-color-secondary-bg: transparent !important;
  --consentpro-color-secondary-text: rgb(var(--vg-k)) !important;
  --consentpro-color-accent: var(--sonne) !important;
  --consentpro-color-toggle-off: rgb(var(--vg-k) / .2) !important;
  --consentpro-color-toggle-thumb: rgb(var(--vg-k)) !important;
  --consentpro-color-close-icon: rgb(var(--vg-k) / .6) !important;
  --consentpro-color-overlay: rgb(var(--hg-k) / .72) !important;
  --consentpro-color-attribution: transparent !important;
  --consentpro-radius-sm: var(--radius) !important;
  --consentpro-radius-md: var(--radius) !important;
  --consentpro-space-xs: 4px !important;
  --consentpro-space-sm: 10px !important;
  --consentpro-space-md: 16px !important;
  --consentpro-space-lg: 24px !important;
  --consentpro-banner-max-width: 440px !important;
  --consentpro-banner-offset-right: var(--rand) !important;
  --consentpro-banner-offset-left: var(--rand) !important;
  --consentpro-banner-offset-bottom: var(--rand) !important;
  --consentpro-preferences-max-width: 620px !important;   /* drei Knöpfe in einer Reihe */
  --consentpro-preferences-shadow: 0 30px 80px -24px rgb(0 0 0 / .55) !important;
  --consentpro-preferences-footer-bg: transparent !important;
  --consentpro-preferences-header-padding: 22px 24px !important;
  --consentpro-preferences-footer-padding: 16px 24px 22px !important;
  --consentpro-fixed-preferences-color-bg: rgb(var(--hg2-k)) !important;
  --consentpro-fixed-preferences-color-text: rgb(var(--vg-k)) !important;
  --consentpro-fixed-preferences-offset-left: var(--rand) !important;
  --consentpro-fixed-preferences-offset-bottom: var(--rand) !important;
  --consentpro-transition-opacity: background-color .3s var(--aus), color .3s var(--aus), border-color .3s var(--aus) !important;
}
/* Der schwebende Knopf zum Wiederöffnen lag am Handy über „Erstgespräch buchen“ (28.10.); die Cookie-Einstellungen stehen im Fuß jeder Seite */
consentpro-fixed-preferences { display: none !important; }