/* 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: 21rem; 
  position: relative; 
  padding: 2px;
  background-color: rgb(256,256,256); 
}

.lightbox figcaption img{ 
  width: 100%;
}

/* 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(100,100,100,.6); 
  content: ""; 
  cursor: default; 
}

.galery {
  padding: 0px 1.8em;
}

.galery img {
  width: 90px;
  border: 3px solid rgb(256,256,256);
}