.section-intro {
 float: left;
}

.headtext-intro {
 position: absolute;
 width: 95vw;
 margin-left: 2.5vw;
 margin-top: 78vh;
 text-align: center;
 font-size: 2.75em;
 color: white;
}

.image-intro {
 float: left;
 width: 85vw;
 margin-left: 7.5vw;
 height: 80vh;
 margin-top: 10vh;
 object-fit: cover;
 border-radius: 2em;
}

.geel-kwart-intro {
 position: absolute;
 left: 0vw;
 top: 95vh;
 z-index: -999;
 width: 7vw;
}

.container-artikel-tekst {
 float: left;
 width: 80vw;
 margin-left: 10vw;
 margin-top: 50px;
 text-align: center;
}

.headtext-artikel {
 font-size: 4em;
}

.subtext-artikel {
 font-size: 1.5em;
 line-height: 40px;
}

.container-activiteit {
 float: left;
 height: 100vh;
 width: 100vw;
}

.blauw-maan-activiteit {
 z-index: -999;
 float: left;
 position: relative;
 height: 200px;
 margin-left: 5vw;
}

.video-activiteit {
 float: left;
 width: 90vw;
 margin-left: 5vw;
 height: 90vh;
 margin-top: -8vh;
 margin-bottom: -5vh;
}

.geel-maan-activiteit {
 z-index: -999;
 float: left;
 position: relative;
 height: 250px;
 margin-left: 80vw;
 margin-top: -30vh;
}

.container-slideshow {
 float: left;
 width: 100vw;
 height: 100vh;
}

.container-button-slideshow {
 width: 90vw;
 margin-left: 5vw;
 margin-top: -40vh;
 display: flex;
 justify-content: space-between;
}

.button-slideshow {
 z-index: 999;
 color: #26a8c7;
 background-color: white;
 font-size: 3.5em;
 border-width: 0px;
 height: 80px;
 width: 80px;
 text-align: center;
}

.button-slideshow:hover {
 color: #e6e462;
 cursor: pointer;
}

.slideshow-left {
 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;
}

.slideshow-right {
 border-top-left-radius: 15px;
 border-bottom-left-radius: 15px;
}

.slideshow {
 z-index: 1;
 display: none;
 width: 90vw;
 margin-left: 5vw;
 height: 80vh;
 margin-top: 10vh;
 object-fit: cover;
 border-radius: 2em;
}

@media (max-width: 768px) {
 .headtext-intro{
  font-size: 1.7em;
 }

 .headtext-artikel {
  font-size: 2.5em;
 }
 
 .subtext-artikel {
  font-size: 0.75em;
  line-height: 20px;
 }
 
 .blauw-maan-activiteit {
  height: 100px;
  margin-left: 35vw;
 }

 .button-slideshow {
  background-color: transparent;
 }
 
.button-slideshow:hover {
 color: #26a8c7;
 cursor: pointer;
}
}