.swiper {
  /* border: solid black; */
  /* background-color: blue; */
  /* height: 100%; */
  height: 100%;
  top: 0;
  width: 100%;
  position: absolute;
  /* pointer-events: none;
  opacity: 0; */
  box-sizing: border-box;

  padding-left: 20px;
  padding-right: 4vw;

  transition: transform 0.25s ease;

  display: none;

  padding-top: 10vh;
}


:root {

  --swiper-pagination-color: var(--highlight);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;

}

.swiper-pagination {
  /* bottom: -5px !important; */
}

.swiper-button-prev {
    background-image: url("/assets/img/arrow-left.svg") !important;
    width: 50px;

    filter: invert(57%) sepia(44%) saturate(6350%) hue-rotate(257deg) brightness(100%) contrast(102%);
}

.swiper-button-next {
  background-image: url("/assets/img/arrow-right.svg") !important;
  width: 50px;

  filter: invert(57%) sepia(44%) saturate(6350%) hue-rotate(257deg) brightness(100%) contrast(102%);
}

.swiper-button-next::after, .swiper-button-prev::after {
    content: "";
}

.swiper-button-disabled {
  opacity: 0 !important;
}

.swiper-wrapper {

}

.closediv {
  position: absolute;
  right: 10px;
  transform: translateY(80%);

  opacity: 0;
  pointer-events: none;

  z-index: 1;

  cursor: pointer;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  flex-direction: column;
}

.projekt-bild {
  transition: all 0.25s ease;
  cursor: pointer;
  transform-origin: left;
  position: relative;

  padding-bottom: 5px;
  transform-origin: bottom left;
}

.projekt-bild:hover {
  transform: scale(1.025);
  /* padding-bottom: 10px; */
}

.swiper-slide img {
  /* display: block;
  width: 100%;
  max-height: 70%;
  object-fit: contain; */

display: block;

width: auto;
height: auto;

object-fit: fill;

max-width: 100%;
max-height: 100%;

}

.img-wrapper {
  max-height: 70vh;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
}