#koptext {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.background-image-container {
  background-image: url('./assets/images/IMG_BG.gif');
}

.image-column {
  background-image: url('./assets/images/IMG_1.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height:800px;
  width: 800px;
  margin-right: 40px;
  margin-left: 40px;
  }

.info-text {
width:100%;
}

.carousel-wrapper{
  height:600px;
  position:relative;
  width:1000px;
  margin:0 auto;
}
.carousel-item{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  padding:25px 50px;
  opacity:0;
  transition: all 0.5s ease-in-out;
}
.arrow{
  border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 12px;
}

.arrow-prev{
  left:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(135deg);
}

.arrow-next{
  right:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  }

.light{
  color:white;
}

@media (max-width: 480px) {
      .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }
    }
}

/*Select every element*/
[id^="item"] {
    display: none;
  }

.item-1 {
    z-index: 10;
    opacity: 1;
  background: url('./assets/images/image0.jpeg');
  background-size:cover;
  }
.item-2{
  background:url('./assets/images/image2.jpeg');
   background-size:cover;
}
.item-3{
  background:url('./assets/images/image11.jpeg');
   background-size:cover;
}

.item-4{
  background:url('./assets/images/image3new.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.item-5{
  background:url('./assets/images/IMG_1.jpg') no-repeat center center;
  background-size:contain;
}

.item-6{
  background:url('./assets/images/IMG_2.jpg') no-repeat center center;
  background-size:contain;
}

.item-7{
  background:url('./assets/images/IMG_3.jpg') no-repeat center center;
  background-size: contain;
}

.item-8{
  background:url('./assets/images/keuken_new.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.item-9{
  background:url('./assets/images/IMG_5.jpg') no-repeat center center;
}

.item-10{
  background:url('./assets/images/IMG_6.jpg') no-repeat center center;
}

.item-11{
  background:url('./assets/images/IMG_7.jpg') no-repeat center center;
}

.item-12{
  background:url('./assets/images/IMG_8.jpg') no-repeat center center;
}

.item-13{
  background:url('./assets/images/nieuwe_img.jpg') no-repeat center center;
  background-size:contain;
}

.item-14{
  background:url('./assets/images/nieuwe_img3.jpg') no-repeat center center;
  background-size:contain;
}

.item-15{
  background:url('./assets/images/nieuwe_img2.jpg') no-repeat center center;
  background-size:cover;
}

*:target ~ .item-1 {
    opacity: 0;
  }

#item-1:target ~ .item-1 {
    opacity: 1;
  }

#item-2:target ~ .item-2, #item-3:target ~ .item-3, #item-4:target ~ .item-4, #item-5:target ~ .item-5,
#item-6:target ~ .item-6, #item-7:target ~ .item-7, #item-8:target ~ .item-8, #item-9:target ~ .item-9,
#item-10:target ~ .item-10, #item-11:target ~ .item-11, #item-12:target ~ .item-12, #item-13:target ~ .item-13,
#item-14:target ~ .item-14, #item-15:target ~ .item-15 {
    z-index: 10;
    opacity: 1;
  }

#map {
  display: block;
}

.row {
  display: block;
}

@media (max-width: 1200px) {
      .carousel-wrapper {
        background-position: center;
        width: 90%;
      }
}

@media (max-width: 975px) {
      .carousel-wrapper {
        height:550px;
      }
}
 /*
@media (max-width: 975px) {
      .carousel-wrapper {
        height: 00px;
      }
}
*/
@media (max-width: 1200px) {
      .item-1, .item-2, .item-3, .item-4 {
        background-size: contain;
        background-repeat: no-repeat;
      }
}

@media (max-width: 1075px) {
      .image-column {
        width: 600px;
        background-size: contain;
        margin: 30px;
        padding-left: 0px;
      }
}

@media (max-width: 767px) {
    .image-column {
      display: none;
  }
}

@media (max-width: 975px) {
      .item-1, .item-2, .item-3, .item-4, .item-5 {
        background-position: center;
      }
      .image-column {
        width: 700px;
        background-size: contain;
        margin: 30px;
      }
}

@media (max-width: 975px) {
      .item-6, .item-7, .item-8, .item-9, .item-10, .item-11, .item-12, .item-13,
       .item-14, .item-15 {
        width: 100%;
        background-size: contain;
      }
      .section-container {
        margin-right: 15px;
        margin-left:15px;
      }
}

@media (max-width: 580px) {
      .carousel-wrapper {
        height: 400px;
      }
        #bezienswaardigheden {
          font-size: 2em;
      }
      h1 {
        font-size: 4.2em;
      }

}

@media (max-width: 470px) {
      .carousel-wrapper {
        height: 300px;
      }
}




/*
@media (max-width: 1200px) {
        #item-2 {
        width: 400px;
      }
} */
