/* Blur-Reveal beim Scrollen – wie die Webflow-Scroll-Interactions des Originals.
   Initialzustand gilt nur, wenn JS aktiv ist (html.ap-reveal-active). */
html.ap-reveal-active .elementor-widget-image img {
  filter: blur(16px);
  opacity: .4;
  transition: filter .9s ease, opacity .9s ease;
  will-change: filter, opacity;
}

html.ap-reveal-active .elementor-widget-image img.ap-revealed {
  filter: none;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  html.ap-reveal-active .elementor-widget-image img {
    filter: none;
    opacity: 1;
    transition: none;
  }
}