/* Sichtbare, elegante Scroll-Effekte – Das Apart Rauch */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(46px);
  transition:
    opacity 0.95s cubic-bezier(.2,.7,.25,1),
    transform 0.95s cubic-bezier(.2,.7,.25,1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.reveal-on-scroll.reveal-visible {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
}

.reveal-from-left { transform: translateX(-54px); }
.reveal-from-right { transform: translateX(54px); }
.reveal-image { transform: translateY(38px) scale(.95); }

.reveal-from-left.reveal-visible,
.reveal-from-right.reveal-visible,
.reveal-image.reveal-visible {
  transform: translate3d(0,0,0) scale(1);
}

.no-js .reveal-on-scroll {
  opacity: 1;
  transform: none;
}

@media (max-width:760px) {
  .reveal-on-scroll,
  .reveal-from-left,
  .reveal-from-right,
  .reveal-image {
    transform: translateY(25px) scale(.985);
    transition-duration:.72s;
  }
}

@media (prefers-reduced-motion:reduce) {
  .reveal-on-scroll,
  .reveal-image {
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}