/* Ungeöffnete Lightbox */
.lightbox {
 display: none;

}

/* Geöffnete lightbox */
.lightbox:target {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

/* Lightbox Inhalt */
.lightbox figcaption {
  width: 1200px;
  max-width:100% !important;
  max-height: 583px;
  position: relative;
  padding: 0;
      border: solid 20px #fff;
	  margin-bottom:0;
}

/* Button zum Schließen */
.lightbox .close {
  position: relative;
  display: block;
}

.lightbox .close::after {
  right: -1rem;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  background-color: black;
  border-radius: 50%;
  color: white;
  content: "×";
  cursor: pointer;
}

/* Lightbox Überlagerung (Overlay) */
.lightbox .close::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  content: "";
  cursor: default;

}