.imp-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  pointer-events: none;
  transform: scale(0);
  transition: all 0.5s ease-in-out 0s;
}

.imp-lightbox.is-open {
  pointer-events: auto;
  transform: scale(1);
}

.imp-lightbox-inner {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
}

.imp-lightbox-backdrop {
  width: 100%;
  height: 100dvh;
  position: absolute;
  background-color: #000;
  opacity: 0.56;
  z-index: 1;
}

/**Close Button*/
.imp-lightbox-close {
  position: absolute;
  z-index: 2;
  right: 30px;
  top: 30px;
  background-color: var(--ast-global-color-0);
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

a.imp-lightbox-close-trigger {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  cursor: pointer;
}

span.imp-lightbox-close-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}

span.imp-lightbox-close-icon:before,
span.imp-lightbox-close-icon:after {
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  border-radius: 3em;
}

span.imp-lightbox-close-icon:before {
  rotate: 45deg;
}

span.imp-lightbox-close-icon:after {
  rotate: -45deg;
}

/**Navigation*/
.imp-lightbox-prev,
.imp-lightbox-next {
  z-index: 2;
  background-color: var(--ast-global-color-0);
  position: absolute;
  border-radius: 50%;
  --icon-font-size: var(--btn-font-size);
  height: calc(1.429em * 1.3);
  width: calc(1.429em * 1.3);
}

div.pp_default a.pp_previous,
.imp-lightbox-prev {
  left: 2%;
}

div.pp_default a.pp_next,
.imp-lightbox-next {
  right: 2%;
}

a.imp-lightbox-prev-trigger,
a.imp-lightbox-next-trigger {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

span.imp-lightbox-prev-icon,
span.imp-lightbox-next-icon {
  content: "";
  display: block;
  background-color: #fff;
  width: 1.429em;
  height: 1.429em;

  transition: background-color 0.3s ease;
  font-size: var(--icon-font-size);
}

span.imp-lightbox-prev-icon {
  -webkit-mask: url("/wp-content/themes/astra-impuls-child/img/pfeil-links-button.svg") no-repeat center / contain;
  mask: url("/wp-content/themes/astra-impuls-child/img/pfeil-links-button.svg") no-repeat center / contain;
  rotate: 180deg;
}

span.imp-lightbox-next-icon {
  -webkit-mask: url("/wp-content/themes/astra-impuls-child/img/pfeil-links-button.svg") no-repeat center / contain;
  mask: url("/wp-content/themes/astra-impuls-child/img/pfeil-links-button.svg") no-repeat center / contain;
}

figure.imp-lightbox-figure {
  z-index: 1;
}

.imp-lightbox-img {
  max-width: 80vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.imp-lightbox-figure {
  position: relative;
  display: table;
  margin: 0;
}

.imp-lightbox-img {
  display: block;
  max-width: 80vw;
  max-height: 80vh;
}

/* JIG LIGHTBOX */
.pp_content_container,
.pp_content,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right {
  background: none !important;
  box-shadow: none !important;
}

.pp_details {
  display: none !important;
}

.pp_bottom {
  display: none;
}

.pp_top {
  display: none;
}

/* the circle */
div.pp_default a.pp_next,
div.pp_default a.pp_previous,
div.pp_default a.pp_next:hover,
div.pp_default a.pp_previous:hover {
  --icon-font-size: var(--btn-font-size);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  float: none;
  width: calc(1.429em * 1.3);
  height: calc(1.429em * 1.3);
  background: var(--ast-global-color-0);
  border-radius: 50%;
  z-index: 2;
  text-indent: -10000px;
  /* hides the "next"/"previous" text */
}


/* the arrow icon */
div.pp_default a.pp_next::after,
div.pp_default a.pp_previous::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 1.429em;
  height: 1.429em;
  font-size: var(--icon-font-size);
  background-color: #fff;
  transition: background-color 0.3s ease;
  -webkit-mask: url("/wp-content/themes/astra-impuls-child/img/pfeil-links-button.svg") no-repeat center / contain;
  mask: url("/wp-content/themes/astra-impuls-child/img/pfeil-links-button.svg") no-repeat center / contain;
}

div.pp_default a.pp_previous::after {
  rotate: 180deg;
}

@media (max-width: 1024px) {
  .cpt-slider-wrapper .imp-ai-marking-badge {
    top: 15px;
    right: 25px;
  }

  .cpt-slider-wrapper .imp-ai-marking-parent {
    display: block;
    height: 100%;
  }

  .cpt-slider-wrapper .imp-ai-marking-parent>img {
    display: block;
    width: 100%;
    width: 100%;
  }
}