/* all rights reserved © Marcel Gangl */

/* marquee */

.wip-mque {
  user-select: none;
  background-color: var(--C-orange);
  background: -webkit-linear-gradient(
    -245deg,
    var(--C-orange) 0%,
    var(--C-orange) 30%,
    var(--C-darkorange) 50%,
    var(--C-orange) 80%,
    var(--C-orange) 100%
  );
  background: linear-gradient(
    -245deg,
    var(--C-orange) 0%,
    var(--C-orange) 30%,
    var(--C-darkorange) 50%,
    var(--C-orange) 80%,
    var(--C-orange) 100%
  );
  color: var(--C-white);
  font-family: var(--F-nv-b), var(--F-bp-f2);
}

.wip-mque-f {
  user-select: none;
  background-color: var(--C-black);
  color: var(--C-white);
  font-family: var(--F-nv-b), var(--F-bp-f2);
}

.mque-txt-block p {
  font-size: var(--T-h1);
  background-clip: text;
  padding-left: 10px;
  padding-right: 10px;
}

.mque {
  width: 100%;
  display: flex;
  overflow: hidden;
  user-select: none;
  padding-top: 80px;
  padding-bottom: 80px;
}

.scroll {
  scroll-behavior: smooth;
  animation: scroll 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
}

.scroll2 {
  scroll-behavior: smooth;
  animation: scroll2 10s linear infinite;
}

.mque-cont {
  min-width: 100%;
  flex: none;
  display: flex;
  z-index: 2;
}

.mque-txt {
  font-family: var(--F-nv-bi), var(--F-bp-f2);
}

.mque-space {
  padding-left: 30px;
  padding-right: 30px;
}

@keyframes scroll {
  from {
    transform: translateX(calc(-100% - 1rem));
  }

  to {
    transform: translateX(0);
  }
}

@keyframes scroll2 {
  from {
    transform: translateX(calc(-100% - 1rem));
  }

  to {
    transform: translateX(0);
  }
}