.u-section-1 .u-sheet-1 {
  min-height: 557px;
}

.u-section-1 .u-video-1 {
  width: 1140px;
  top: 0;
  left: 0;
}

.u-section-1 .u-btn-1 {
  --radius: 6px;
  font-weight: 700;
  font-size: 0.9375rem;
  background-image: none;
  margin: 346px 316px 0 auto;
  padding: 8px 44px 8px 43px;
}

.u-section-1 .u-btn-2 {
  --radius: 6px;
  font-weight: 700;
  font-size: 0.9375rem;
  background-image: none;
  margin: -37px 119px 60px auto;
  padding: 8px 41px 8px 39px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 457px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 302px;
    margin-right: 276px;
  }

  .u-section-1 .u-btn-2 {
    margin-right: 105px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 350px;
  }

  .u-section-1 .u-video-1 {
    height: 350px;
    background-position: 50% 50%;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    left: auto;
    bottom: auto;
    right: auto;
    top: auto;
  }

  .u-section-1 .u-btn-1 {
    margin-top: -107px;
    margin-right: 195px;
  }

  .u-section-1 .u-btn-2 {
    margin-right: 38px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 802px;
  }

  .u-section-1 .u-btn-1 {
    margin-right: 15px;
  }

  .u-section-1 .u-btn-2 {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 168px;
  }

  .u-section-1 .u-video-1 {
    height: 169px;
    width: auto;
  }

  .u-section-1 .u-btn-1 {
    font-size: 0.625rem;
    margin-top: -201px;
    margin-right: 98px;
    padding: 3px 16px 4px 15px;
  }

  .u-section-1 .u-btn-2 {
    font-size: 0.625rem;
    margin-top: -21px;
    margin-right: 25px;
    padding: 3px 13px 4px 11px;
  }
} .u-section-2 {
  filter: none;
  background-image: linear-gradient(to bottom, rgba(29, 30, 36, 1), rgba(29, 30, 36, 1));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-section-2 .u-image-1 {
  min-height: 554px;
  background-image: url("images/PLATFORMONLINETERBAIK2.png");
}

.u-section-2 .u-text-1 {
  font-size: 3.75rem;
  line-height: 1.42;
  font-weight: 700;
  margin: 32px 112px 0 863px;
}

.u-section-2 .u-text-2 {
  font-weight: 700;
  font-size: 3rem;
  margin: -85px 264px 0 665px;
}

.u-section-2 .u-text-3 {
  font-size: 1.25rem;
  letter-spacing: 5px;
  font-weight: 400;
  margin: -24px 268px 0 670px;
}

.u-section-2 .u-text-4 {
  font-weight: 400;
  font-size: 0.875rem;
  margin: 19px 50px 0 637px;
}

.u-section-2 .u-btn-1 {
  --radius: 6px;
  font-weight: 700;
  font-size: 0.9375rem;
  background-image: none;
  margin: 19px 119px 60px auto;
  padding: 8px 126px 8px 124px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-image-1 {
    min-height: 455px;
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin-top: 42px;
    margin-right: 107px;
    margin-left: 668px;
  }

  .u-section-2 .u-text-2 {
    width: auto;
    margin-top: -98px;
    margin-right: 272px;
    margin-left: 470px;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-top: -12px;
    margin-left: 470px;
  }

  .u-section-2 .u-text-4 {
    width: auto;
    margin-top: 17px;
    margin-right: 17px;
    margin-left: 470px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 9px;
    margin-right: 62px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-image-1 {
    min-height: 346px;
  }

  .u-section-2 .u-text-1 {
    font-size: 3rem;
    margin-top: 9px;
    margin-right: 41px;
    margin-left: 514px;
  }

  .u-section-2 .u-text-2 {
    margin-top: -57px;
    margin-right: 178px;
    margin-left: 312px;
  }

  .u-section-2 .u-text-3 {
    margin-top: -88px;
    margin-right: 206px;
    margin-left: 312px;
  }

  .u-section-2 .u-text-4 {
    font-size: 0.75rem;
    margin-top: 45px;
    margin-right: 48px;
    margin-left: 312px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 16px;
    margin-right: 136px;
    padding: 5px 49px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-image-1 {
    min-height: 1113px;
  }

  .u-section-2 .u-text-1 {
    font-size: 2.6666666666666665rem;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 375px;
  }

  .u-section-2 .u-text-2 {
    font-size: 2.6666666666666665rem;
    margin-top: -652px;
    margin-right: 163px;
    margin-left: 329px;
  }

  .u-section-2 .u-text-3 {
    font-size: 1.1111111111111112rem;
    margin-right: 116px;
    margin-left: 222px;
  }

  .u-section-2 .u-text-4 {
    margin-top: 31px;
    margin-right: 0;
    margin-left: 270px;
  }

  .u-section-2 .u-btn-1 {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-image-1 {
    min-height: 164px;
  }

  .u-section-2 .u-text-1 {
    font-size: 1.25rem;
    line-height: 0.91;
    margin-top: 18px;
    margin-right: 12px;
    margin-left: 258px;
  }

  .u-section-2 .u-text-2 {
    font-size: 1.25rem;
    line-height: 0.96;
    margin-top: -18px;
    margin-right: 82px;
    margin-left: 170px;
  }

  .u-section-2 .u-text-3 {
    font-size: 0.75rem;
    margin-top: -37px;
    margin-right: 30px;
    margin-left: 170px;
  }

  .u-section-2 .u-text-4 {
    font-size: 0.625rem;
    margin: 25px 7px 8px;
  }

  .u-section-2 .u-btn-1 {
    font-size: 0.625rem;
    margin-top: -103px;
    margin-right: 13px;
    padding: 4px 15px 6px 14px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 90px;
}

.u-section-3 .u-image-1 {
  width: 467px;
  height: 467px;
  margin: -536px auto 0 113px;
}

.u-section-3 .u-image-2 {
  width: 525px;
  height: 158px;
  margin: -105px 35px 60px auto;
}

@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 169px;
  }

  .u-section-3 .u-image-1 {
    width: 272px;
    height: 272px;
    margin-top: -448px;
    margin-left: 115px;
  }

  .u-section-3 .u-image-2 {
    width: 416px;
    height: 92px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: 43px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-image-1 {
    width: 314px;
    height: 314px;
    margin-top: -386px;
    margin-bottom: 60px;
    margin-left: -15px;
  }

  .u-section-3 .u-image-2 {
    margin-top: 34px;
    margin-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-image-2 {
    margin-top: 7px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 113px;
  }

  .u-section-3 .u-image-1 {
    width: 82px;
    height: 82px;
    margin-top: -199px;
    margin-left: 81px;
  }

  .u-section-3 .u-image-2 {
    width: 340px;
    height: 75px;
    margin-top: -349px;
    margin-left: 0;
  }
}btn-gold-glow {
  background: linear-gradient(90deg,#d4af37,#f6e27a,#d4af37);
  background-size: 200% 200%;
  color:#000 !important;
  font-weight:700;
  border-radius:7px;
  padding:14px 28px;
  border:none;
  box-shadow:0 0 14px rgba(255,215,0,0.35),0 0 28px rgba(255,215,0,0.25);
  transition:all .35s ease;
  text-transform:uppercase;
  letter-spacing:.5px;
  animation:goldMove 3s linear infinite;
}
btn-gold-glow:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow:0 0 18px rgba(255,215,0,0.55),0 0 40px rgba(255,215,0,0.35);
}
@keyframes goldMove {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}