/* Ackermanns Garten - Scroll-Animationen (ersetzt die Reveal-Regeln aus ag-motion.css) */

html.ag-motion .ag-reveal{
  opacity:0;
  transform:translate3d(0,40px,0);
  will-change:opacity,transform;
  transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);
}
html.ag-motion .ag-reveal.ag-reveal-sm{transform:translate3d(0,22px,0)}
html.ag-motion .ag-reveal.is-in{opacity:1;transform:none}

html.ag-motion .ag-reveal-img{
  opacity:0;
  transform:scale(1.06);
  clip-path:inset(16% 0 0 0);
  will-change:opacity,transform,clip-path;
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.7s cubic-bezier(.16,1,.3,1),clip-path 1.25s cubic-bezier(.16,1,.3,1);
}
html.ag-motion .ag-reveal-img.is-in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

html.ag-motion .ag-tile-in{
  opacity:0;
  transform:translate3d(0,36px,0) scale(.985);
  transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);
}
html.ag-motion .ag-tile-in.is-in{opacity:1;transform:none}

#ag-tiles>.e-con{transition:transform .55s cubic-bezier(.16,1,.3,1)}
#ag-tiles>.e-con:hover{transform:translateY(-6px)}

/* Titelbild: Inhalte fliegen beim Laden ein und ziehen beim Scrollen sanft weg */
html.ag-motion .ag-hero-in{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1);
}
html.ag-motion .ag-hero-in.is-in{opacity:1;transform:none}
#ag-hero>.e-con-inner{will-change:transform,opacity}

@media (prefers-reduced-motion:reduce){
  html.ag-motion .ag-reveal,
  html.ag-motion .ag-reveal-img,
  html.ag-motion .ag-tile-in,
  html.ag-motion .ag-hero-in{
    opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;
  }
  #ag-tiles>.e-con:hover{transform:none}
  #ag-hero>.e-con-inner{transform:none!important;opacity:1!important}
}