.scroller {

  width: 100%;
  position: absolute;
  z-index: 1;

}

.horizontal-page-wrapper {

  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  z-index: 2;

}

.horizontal-wrapper {

  position: absolute;
  height: 100vh;
  top: 0px;
  display: flex;
  flex-direction: row;

}

.horizontal-wrapper .section-1 {

  width: 50vw;
  height: 100vh;
  background-color: white;
  position: relative;
  display: flex;
  flex-direction: row;

}

.section-1 .section-1-content-wrapper {

  width: 100%;
  max-width: 1000px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0px 10%;

}

.section-1 .section-1-content-wrapper .subtitle {

  color: var(--color-dark);

}

.section-1 .section-1-content-wrapper h1 {

  color: var(--color-dark);
  margin-top: -20px;
  text-align: center;
  margin-bottom: 25px;

}
.section-1 .section-1-content-wrapper p {

  color: var(--color-dark);
  text-align: center !important;
  font-family: var(--font-gotham);
  font-size: 20px;

}

.section-1-2 {

  width: 100vw;
  height: 100vh;
  max-width: 1200px;
  background-color: white;

}

.section-1-2 .section-1-content-wrapper-2 {

  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;

}

.section-1-2 .section-1-content-wrapper-2 .color-vlak {

  width: 90%;
  height: 50%;
  background-color: var(--color-secundair);
  margin-top: 40%;

}

.omgeving-image-1 {

  width: 50%;
  height: 500px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  margin-top: -250px;
  left: 50px;
  z-index: 3;

}

.omgeving-image-2 {

  width: 45%;
  height: 500px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  margin-top: -300px;
  left: 50%;
  z-index: 1;

}

.omgeving-image-3 {

  width: 40%;
  height: 350px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 45%;
  z-index: 2;

}

.horizontal-wrapper .section-2 {

  width: 100vw;
  height: 100vh;
  background-color: white;

}

.content-wrapper-section-2 {

  width: 100%;
  height: 90vh;
  margin-top: 10vh;
  display: flex;
  flex-direction: row;

}

.content-wrapper-section-2 .left,
.content-wrapper-section-2 .right {

  width: 50%;

}


.content-wrapper-section-2 .left p,
.content-wrapper-section-2 .right p {

  color: black;

}



.content-wrapper-section-2 .left {

  display: flex;
  flex-direction: column;

}

.content-wrapper-section-2 .right {

  display: flex;
  flex-direction: column;

}

.content-wrapper-section-2 .left .left-picture {

  width: 100%;
  height: 50%;
  position: relative;

}

.content-wrapper-section-2 .left .left-content {

  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

}

.content-wrapper-section-2 .left .left-content .inner-content-wrapper,
.content-wrapper-section-2 .right .right-content .inner-content-wrapper {

  width: 80%;

}

.content-wrapper-section-2 .right .right-picture {

  width: 100%;
  height: 50%;
  position: relative;

}

.content-wrapper-section-2 .left .left-picture .slider-2-wrapper,
.content-wrapper-section-2 .right .right-picture .slider-2-wrapper {

  height: 100% !important;
  border-radius: 0px !important;

}

.content-wrapper-section-2 .right .right-content {

  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

}

.slide-2-item a {

  display: block;
  width: 100%;
  height: 100%;

}