/* Background Color Animation Plugin */

:root {
  --bg: var(--bg-two); /* Startfarbe aus deinem Theme */
}

/* Fixe Hintergrundebene, die wir einfärben */
.fixed-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: var(--bg);
  border-left: 8px solid var(--color-white);
  border-right: 8px solid var(--color-white);
  transition: background 1200ms ease; /* langsameres Überblenden */
  pointer-events: none; /* Klicks durchlassen */
}

/* Inhalt liegt darüber - z-index erhöhen und Hintergründe neutralisieren */
.module-opener-main,
.section,
.module,
[data-bg] {
  position: relative;
  z-index: 1;
  background: transparent !important; /* Alle Hintergründe transparent machen */
}

/* Spezifische Module überschreiben - nur Hintergründe, nicht Schriftfarben */
.module-opener-main,
.section,
.module {
  background-color: transparent !important;
  background-image: none !important;
}

/* Schriftfarben nicht überschreiben */
.module-opener-main *,
.section *,
.module * {
  color: inherit !important;
}

/* Barrierefreiheit: weniger Animation respektieren */
@media (prefers-reduced-motion: reduce) {
  .fixed-bg { 
    transition: none; 
  }
}

/* Plugin aktiviert Marker */
.background-animation-enabled {
  display: none; /* Nur für JavaScript-Erkennung */
}