.sfeerimpressie {
  background-color: #F5F4F2;
  width: 100%;
  height: 65vw;
  margin-top: 2.5vw;
  overflow: hidden;
}

.slideshow-container {
  position: relative;
  box-sizing: border-box;
  height: 7.5vw;
  margin-top: 7.5vw;
}

.slideShow1 {
  display: none;
}

.dot-div {
  text-align: center;
  width: auto;
  height: auto;
  position: relative;
  left: -28.5vw;
  bottom: -15vw;
}

.dot {
  cursor: pointer;
  height: 0.75vw;
  width: 0.75vw;
  margin: 0 0.1vw;
  margin-top: 0.75vw;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.active, .dot:hover {
  background-color: #D2560F;
}


@-webkit-keyframes fader {
  from {opacity: .01}
  to {opacity: 1}
}

@keyframes fader {
  from {opacity: .01}
  to {opacity: 1}
}

.fader {
  -webkit-animation-name: fader;
  -webkit-animation-duration: 1.5s;
  animation-name: fader;
  animation-duration: 1.5s;
}

.sfeerimpressie-vak1 {
  width: 100%;
  height: 30%;
}

.lichtadvies-vak2 {
  width: 100%;
  height: 30%;
}

.sfeerimpressie-text1 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.25%;
  padding-top: 2.5vw;
  font-family: 'Roboto', sans-serif;
  width: 40%;
}

.sfeerimpressie-text1 h1 {
  text-align: center;
  font-size: 2.6vw;
  font-weight: 300;
  margin: 0;
  margin-bottom: 0.1vw;
}

.sfeerimpressie-text1 p {
  text-align: center;
  font-size: 1.2vw;
  margin: auto;
  margin-top: 1.5vw;
  width: 80%;
}

#impressie-bar {
  width: 100%;
  height: 0.15vw;
  border-radius: 0.5vw;
  background-color: #D2560F;
}

#bar2 {
  width: 100%;
  height: 0.15vw;
  border-radius: 0.5vw;
  background-color: #D2560F;
}

.sfeerimpressie_href1 {
  position: absolute;
  left: 38.75vw;
  bottom: -5vw;
  color:#D2560F

}

.sfeerimpressie_href2 {
  position: absolute;
  left: 38.75vw;
  bottom: -7.5vw;
  color:#D2560F

}

.sfeerimpressie_href3 {
  position: absolute;
  left: 40.75vw;
  bottom: -10vw;
  color:#D2560F

}

.sfeerimpressie_href1 a, .sfeerimpressie_href2 a, .sfeerimpressie_href3 a {
  font-size: 1.2vw;
}

.img1_1 {
  width: 34%;
  height: auto;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.img1_2 {
  width: 200%;
  height: auto;
  float: left;
  position: absolute;
  left: 34.5vw;
  bottom: 0vw;
}

.img1_3 {
  width: 200%;
  height: auto;
  float: left;
  position: absolute;
  left: 34.5vw;
  bottom: 10.75vw;
}

.img2_1 {
  width: 15.6%;
  height: auto;
  position: absolute;
  left: 0%;
  bottom: 0%;
  object-fit: scale-down;
}

.img2_2 {
  width: 16%;
  height: auto;
  position: absolute;
  left: 16.6%;
  bottom: 0%;
}

.img2_3 {
  width: 16%;
  height: auto;
  position: absolute;
  left: 33.6%;
  bottom: 0%;
}

.img3_1 {
  width: 13.5%;
  height: auto;
  position: absolute;
  left: 0%;
  bottom: 0vw;
  z-index: 2;
}

.img3_2 {
  width: 15.625%;
  height: auto;
  position: absolute;
  left: 11%;
  bottom: -7.5vw;
  z-index: 1;
}

.img3_3 {
  width: 26.1%;
  height: auto;
  position: absolute;
  left: 25.125%;
  bottom: -7.5vw;
  z-index: 2;
}

.lichtadvies-img {
  z-index: 2;
  width: 130%;
  height: auto;
  position: absolute;
  left: -39%;
  bottom: 6.75vw;
}

.lichtadvies {
  height: 15vw;
  width: 80%;
  margin-left: 15%;
  margin-top: 22vw;
}

.lichtadvies-vak1 {
  z-index: 2;
  width: 40%;
  float: left;
  margin-top: 25.75vw;
}

.lichtadvies-vak2 {
  z-index: 2;
  width: 60%;
  height: auto;
  float: right;
}

.lichtadvies-vak2 h1 {
  z-index: 2;
  color: black;
  font-size: 2.6vw;
  font-weight: 300;
  margin: 0;
  margin-bottom: 0.2vw;
  overflow: hidden;
}

.lichtadvies-vak2 p {
  z-index: 2;
  font-size: 1.2vw;
  margin-top:1vw;
  margin-bottom: 1vw;
  padding: 0;
}

.sfeerimpressie a {
  color: black;
}

.witte-balk1 {
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: -1px;
  padding: 0px;
}

.witte-balk2 {
  z-index: 1;
  width: 100%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: -1px;
  }

.sfeerimpressiekader1 {
  position: relative;
  left:40%;
  bottom: -5vw;
}

.sfeerimpressiekader1_1 {
  position: relative;
  left: 0%;
  bottom: -2.5vw;
}

.sfeerimpressiekader1_2 {
  position: relative;
  max-width: 7.5%;
  left: 0%;
  bottom: -2.5vw;
}

.sfeerimpressiekader2 {
  position: relative;
  left:40%;
  bottom: -1vw;
}

.sfeerimpressiekader2_1 {
  position: relative;
  left: 0%;
  bottom: -5vw;
}

.sfeerimpressiekader2_2 {
  position: relative;
  max-width: 100%;
  left: 0%;
  bottom: -5vw;
}

.sfeerimpressiekader3 {
  position: relative;
  left:40%;
  bottom: 0vw;
}

.sfeerimpressiekader3_1 {
  position: relative;
  left: 0%;
  bottom: -7.5vw;
}

#stylebar1_1 {
  width: 0.1vw;
  height: 10vw;
  position: absolute;
  left: -0.5vw;
  bottom: 11.2vw;
  background-color: #D2560F;
}

#stylebar1_2 {
  width: 10vw;
  height: 0.1vw;
  position: absolute;
  left: -0.5vw;
  bottom: 21.2vw;
  background-color: #D2560F;
}

#stylebar2_1 {
  width: 0.1vw;
  height: 9.6vw;
  position: absolute;
  left: -0.5vw;
  bottom: -0.5vw;
  background-color: #D2560F;
}

#stylebar2_2 {
  width: 9.6vw;
  height: 0.1vw;
  position: absolute;
  left: -0.5vw;
  bottom: -0.5vw;
  background-color: #D2560F;
}

#stylebar3_1 {
  width: 0.1vw;
  height: 11.2vw;
  position: absolute;
  left: -0.5vw;
  bottom: 9.4vw;
  background-color: #D2560F;
}

#stylebar3_2 {
  width: 11.2vw;
  height: 0.1vw;
  position: absolute;
  left: -0.5vw;
  bottom: 20.5vw;
  background-color: #D2560F;
}

#stylebar3_3 {
  width: 0.1vw;
  height: 10vw;
  position: absolute;
  left: 51.3vw;
  bottom: -8vw;
  background-color: #D2560F;
}

#stylebar3_4 {
  width: 10vw;
  height: 0.10vw;
  position: absolute;
  left: 41.3vw;
  bottom: -8vw;
  background-color: #D2560F;
}