
/* Ergänzung für style.css */

.header.scrolled{
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.reveal{
  animation:fadeUp .7s ease both;
}

@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(35px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.btn.shine{
  position:relative;
  overflow:hidden;
}

.btn.shine::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.45),
    transparent
  );
  animation:shine .65s linear;
}

@keyframes shine{
  to{
    left:180%;
  }
}
