/* === MBM · Fade-Up global ===================================
   Dezentes Hochblenden der Sektions-Inhalte beim Reinscrollen.
   Greift nur wenn JS aktiv ist (html.mbm-anim) UND der Besucher
   keine reduzierte Bewegung eingestellt hat. Ohne JS: alles sichtbar.
   Zum Justieren nur an den drei Variablen drehen.
============================================================= */
:root {
  --fade-distance: 20px;                      /* Wie weit von unten */
  --fade-duration: .7s;                       /* Wie langsam */
  --fade-ease: cubic-bezier(.22,.61,.36,1);   /* Sanftes Ausklingen */
}

@media (prefers-reduced-motion: no-preference) {
  html.mbm-anim [data-fade] {
    opacity: 0;
    transform: translateY(var(--fade-distance));
    transition: opacity var(--fade-duration) var(--fade-ease),
                transform var(--fade-duration) var(--fade-ease);
    transition-delay: var(--fade-delay, 0ms);
  }
  html.mbm-anim [data-fade].is-in {
    opacity: 1;
    transform: none;
  }
}