/* Galeria */
.galeria {
  display: grid;
  width: 80%;
  height: auto;
  margin: 0 auto;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.5rem;
}

.galeria .item {
  display: block;
}

.galeria img, .galeria video {
  max-width: 100%;
  height: auto;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Beschreibung */
.description {
	display: block;
	width: 80%;
	margin: 20px auto;
}

@media screen and (max-width: 900px) {
  .galeria {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 650px) {
  .galeria {
    grid-template-columns: repeat(3, 1fr);
  }
}





/* Lightbox */

.lightbox {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  position: fixed;
  z-index: 1000;
}

.lightbox:target {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
}

.lightbox img, .lightbox video {
  border-radius: .2em;
  display: block;
  margin: auto;
  max-height: 80vh;
  max-width: 90vw;
  animation: scroll 1s ease-in-out;
}

.lightbox .fechar {
  color: #9f9f9f;
  font-size: 2em;
  font-weight: normal;
  height: 1em;
  position: fixed;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 1001;
}

.lightbox p {
  color: #ffffff;
}

.lightbox a {
  color: #9f9f9f;
  text-decoration: none;
}

.prev,
.next {
	width: 12%;
	height: inherit;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(88, 88, 88, .2);
	color: rgba(244, 244, 244, .9);
	z-index: 99;
	transition: .45s;
	cursor: pointer;
	text-align: center;
	font-family: none;
}

.next {
	right: 0;
}

.prev {
	left: 0;
}

label span {
	position: absolute;
	font-size: 60pt;
	top: 50%;
	transform: translateY(-50%);
}

.prev:hover,
.next:hover {
	transition: .3s;
	background-color: rgba(88, 88, 89, .8);
	color: #ffffff;
}

@keyframes scroll {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}