/* Desktop-Gimmicks v2 (Test, 30.07.) */

/* 1) Boden-Fortschritt: 5px-Balken + Rad an der Spitze (nur >=992px) */
@media (max-width: 991px) {
  .vlg-floor { display: none !important; }
}
.vlg-floor {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  pointer-events: none;
  z-index: 50;
}
.vlg-floor-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 0;
  background: #1a1a17;
  transition: width .18s linear;
}
.vlg-floor-bike {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 46px;
  height: auto;
  color: #1a1a17;
  transform: translateX(-88%);
  transition: left .18s linear;
}
.vlg-floor-bike.vlg-back path {
  transform: scaleX(-1);
  transform-origin: center;
  transform-box: fill-box;
}
.vlg-floor-bike.vlg-exit {
  left: calc(100% + 70px) !important;
  transition: left .9s cubic-bezier(.4, .1, .7, 1);
}

/* 2) Danke-Seite: Rad faehrt ueber den Satz und blendet ihn ein */
.vlg-satz {
  position: relative;
  display: inline-block;
}
.vlg-satz.vlg-armed {
  animation: vlg-reveal 1.95s cubic-bezier(.3, .12, .55, 1) .5s both;
}
@keyframes vlg-reveal {
  from { clip-path: inset(-40px 100% 0 0); }
  to { clip-path: inset(-40px -60px 0 0); }
}
.vlg-satz-bike {
  position: absolute;
  left: -50px;
  bottom: 100%;
  margin-bottom: -4px;
  width: 44px;
  height: auto;
  color: #1a1a17;
  animation: vlg-satz-fahrt 1.95s cubic-bezier(.3, .12, .55, 1) .5s both,
             vlg-satz-wippen .39s ease-in-out .5s 5 alternate;
}
@keyframes vlg-satz-fahrt {
  from { left: -50px; }
  to { left: calc(100% - 6px); }
}
@keyframes vlg-satz-wippen {
  from { margin-bottom: -4px; }
  to { margin-bottom: -2px; }
}

/* Nach dem Reveal: beschleunigt nach rechts aus dem Bild */
.vlg-satz-bike.vlg-raus {
  left: 108vw !important;
  transition: left 1.05s cubic-bezier(.55, 0, .85, .4);
}