/* Desktop Only */

@media only screen and (min-width:768px) {

  /* Informatie Bevel */

  .views-row .splide--optionset--gallery .blazy__photoswipe {
    filter: var(--filter-bevel);
  }

  .views-row .splide--optionset--gallery .media--blazy {
    display: block;
    position: relative;
    margin: 0px;
    background: var(--color-bevel-border);
    clip-path: var(--clip-path-bevel);
  }

  .views-row .splide--optionset--gallery .media--blazy {
    aspect-ratio: 4/3;
  }

  .views-row .splide--optionset--gallery .media--blazy img {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    z-index: -1;
    clip-path: var(--clip-path-bevel);
  }
}

/* Mobile Only */

@media only screen and (max-width:768px) {

  /* Informatie Bevel */

  .views-row #block-slideshowinformatie  .splide {
    filter: var(--filter-bevel);
  }

  .views-row #block-slideshowinformatie .splide .splide__slider {
    display: block;
    position: relative;
    margin: 0px;
    background: var(--color-bevel-border);
    clip-path: var(--clip-path-bevel);
  }

  .views-row #block-slideshowinformatie .splide .splide__slider>* {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    z-index: -1;
    clip-path: var(--clip-path-bevel);
  }
}



/*todoo*/


.media__icon--litebox {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjEuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI2IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik00ODAgMjcyQzQ4MCAzMTcuOSA0NjUuMSAzNjAuMyA0NDAgMzk0LjdMNTY2LjYgNTIxLjRDNTc5LjEgNTMzLjkgNTc5LjEgNTU0LjIgNTY2LjYgNTY2LjdDNTU0LjEgNTc5LjIgNTMzLjggNTc5LjIgNTIxLjMgNTY2LjdMMzk0LjcgNDQwQzM2MC4zIDQ2NS4xIDMxNy45IDQ4MCAyNzIgNDgwQzE1Ny4xIDQ4MCA2NCAzODYuOSA2NCAyNzJDNjQgMTU3LjEgMTU3LjEgNjQgMjcyIDY0QzM4Ni45IDY0IDQ4MCAxNTcuMSA0ODAgMjcyek0yNzIgNDE2QzM1MS41IDQxNiA0MTYgMzUxLjUgNDE2IDI3MkM0MTYgMTkyLjUgMzUxLjUgMTI4IDI3MiAxMjhDMTkyLjUgMTI4IDEyOCAxOTIuNSAxMjggMjcyQzEyOCAzNTEuNSAxOTIuNSA0MTYgMjcyIDQxNnoiLz48L3N2Zz4=');
  filter: invert(1) drop-shadow(0px 0px 1px var(--color-black));
  top: initial;
  left: initial;
  right: var(--gutter-1);
  bottom: var(--gutter-1);
  height: 32px;
  width: auto;
  aspect-ratio: 1/1;
  opacity: .7;
}

.media__icon--litebox::before,
.media__icon--litebox::after {
  display: none;
}

.splide__arrow:disabled {
  opacity: 0.5;
}

.splide__arrow {
  background: var(--color-white);
  box-shadow: 0px 0px 1px var(--color-black);
}

.splide__arrow svg {
  fill: var(--color-black);
  height: 1.2em;
  width: 1.2em;
}

.splide__pagination__page.is-active {
  background: var(--color-white);
  transform: scale(1.5);
  z-index: 1;
}

.splide__pagination__page {
  background: var(--color-white);
  box-shadow: 0px 0px 1px var(--color-black);
}

.splide__pagination {
  gap: 4px;
  margin-bottom: var(--gutter-1);
}



@media (min-width: 768px) {

  .splide__slide {
    width: 100%;
    display: block;
  }

  .splide--optionset--gallery {
    position: static;
    height: auto;
    max-height: initial;
    display:grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
  }


  .splide--optionset--gallery  .splide__slider {
    height: auto;
  }

  .splide--optionset--gallery  .splide__track {
    display: block;
    height: 100%;
    position: static;
    overflow: visible;
  }

  .splide--optionset--gallery  .splide__list {
    display: block;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: visible;
  }

  .splide--optionset--gallery .splide__slide {
    width: 100%;
    display: block;
    margin: 10px 0;
  }

  .splide--optionset--gallery .splide__slide img {
    width: 100%;
    height: auto;
  }


  .splide--optionset--gallery .splide,
  .splide--optionset--gallery .splide__slider,
  .splide--optionset--gallery .splide__track,
  .splide--optionset--gallery .splide__list {
    grid-column: span 4;
    display: grid;
    grid-template-columns: subgrid;
  }

  .splide--optionset--gallery .splide__slider,
  .splide--optionset--gallery .splide__track,
  .splide--optionset--gallery .splide__list {
    grid-row: 1 !important;
  }

  .splide--optionset--gallery .splide__slide {
    grid-column-end: span 2;
  }

  .splide--optionset--gallery .splide__list {
    gap: var(--gutter-2);
  }

  .splide--optionset--gallery .splide__slide {
    margin: 0px;
  }


}

/*.splide--optionset--gallery .splide__slide {
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:4/3;
}

.splide--optionset--gallery .blazy,
.splide--optionset--gallery .field-media-video-file {
    position:absolute;
    height:100%;
    width:100%;
    overflow:hidden;
}*/