Galerij met slider en miniaturen
.afbeeldingengalerij {
    margin: 0 auto;
    width: 100%;
  }
  
  .galerij {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-bottom: 50px;
    transition: 0.5s ease-in-out;
  }
  
  .galerij-G {
    position: relative;
    width: 100%;
    max-height: 500px;
    margin-bottom: 25px;
    transition: 0.5s ease-in-out;
  }
  
  .galerij-G img {
    aspect-ratio: 16 / 9;
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    transition: 0.5s ease-in-out;
  }
  
  .galerij-K {
    display: flex;
    position: relative;
    gap: 25px;
    overflow-x: hidden;
    width: 100%;
    transition: 0.5s ease-in-out;
    scroll-behavior: smooth;
  }
  
  .galerij-K img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: 0.3s ease-in-out;
  }
  
  .galerij-K img:not([selected]) {
    cursor: pointer;
    filter: brightness(50%);
  }
  
  .galerij-K img:hover:not([selected]) {
    filter: brightness(100%);
  }
  
  .kimg {
    flex-shrink: 0;
    overflow: none;
  }
  
  /* image carrousel aangepast aan 2K */
  [data-kpics="2"] > .galerij > .galerij-K > .kimgwidth {
    width: calc((100% - 25px) / 2);
  }
  
  /* image carrousel aangepast aan 3K */
  [data-kpics="3"] > .galerij > .galerij-K > .kimgwidth {
    width: calc((100% - 50px) / 3);
  }
  
  /* image carrousel aangepast aan 4K */
  [data-kpics="4"] > .galerij > .galerij-K > .kimgwidth {
    width: calc((100% - 75px) / 4);
  }
  
  .kimg.kimgwidth {
    width: 27%;
}
  
  /* image carrousel aangepast aan 6K */
  [data-kpics="6"] > .galerij > .galerij-K > .kimgwidth {
    width: calc((100% - 125px) / 6);
  }
  
  .galerij-chevron-L,
  .galerij-chevron-R {
    all: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.5rem;
    mix-blend-mode: multiply;
  }
  
  .galerij-chevron-L button,
  .galerij-chevron-R button {
    all: unset;
    transform: scale3d(1, 1, 1);
    transition: 0.5s ease-in-out;
  }
  
  .galerij-chevron-L button:hover,
  .galerij-chevron-R button:hover {
    cursor: pointer;
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 0.5s ease-in-out;
  }
  
  .galerij-chevron-L {
    left: 10px;
  }
  
  .galerij-chevron-R {
    right: 10px;
  }

  .gallery_sec{
    width:100%;
    padding:6% 0;
  }
  .heading{
    width:100%;
    text-align:center;
  }
  .heading h2{
    font-size:30px;
    font-weight:bold;
    border-bottom:2px solid #000;
    padding-bottom:25px;
  }
  .gallery_sec img{
    width:100%;
    margin-bottom:2%;
    border-radius: 5px;
    min-height: 72px;
  }
  
  .gallery_sec a {
      position: relative;
      transition: 0.3s ease-in-out;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
  }
  
  
  .gallery_sec a::before {
      position: absolute;
      content: "";
      width: 30px;
      height: 30px;
      background: none;
      background-size: contain;
      background-repeat: no-repeat;
    top:45%;
    left:50%;
    transform:translate(-50%, -50%);
  }
  
  .gallery_sec img {
      transition: 0.3s ease-in-out;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
  }
  
  .gallery_sec a:hover img {
      position: relative;
      width: 100%;
  }
  
  .gallery_sec a:hover img {
      opacity: 0.2;
  }
  
  .gallery_sec a:hover::before {
      position: absolute;
      content: "";
      width: 43%;
      background: url(https://i.ibb.co/3fMkjjF/Resize.png);
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 99;
  }