.grid-item-vorschau {
  width: 50%;
  padding: 0px 8px 0px 8px;
  float: left;
}/* MAKE OFF */

.grid-item {
  width: 50%;
  padding: 5px;
  float: left;
}

.grid-item-vorschau-video-parent, .grid-item-video-parent {
  width: 50%;
  padding: 5px;
  float: left;
}/* MAKE OFF */

.grid-item-vorschau-video-parent-vertical, .grid-item-video-parent-vertical {
  width: 100%;
}

.container_gallery{
  position: relative;   /* wichtig */
  width: 100%;
}
.container_gallery_music{
  position: relative;   /* wichtig */
  width: 100%;
}

.container_gallery_vorschau{ 
  width: 100%;
  position: relative;   /* wichtig */
}/* MAKE OFF */
.container_gallery_vorschau_vertical{ 
  column-count: 2;
  width: 100%;
  margin-top:-10px;
}

.grid-item-vorschau-vertical img, .grid-item-vorschau-vertical iframe {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius:10px;
}


.grid-item img {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius:10px;
}

.grid-item-video img {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius:10px;
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
}

.grid-item-video {
  position: relative;
  cursor: pointer;
}

.grid-item-vorschau-video { 
  position: relative;
}

.grid-item-vorschau img, .grid-item-vorschau iframe {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius:10px;
}

.grid-item-vorschau-video img {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius:10px;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
} 

.grid-item-play-button-home {
  position:absolute;
  border-bottom: solid 30px transparent;
  border-top: solid 30px transparent;
  border-left: solid 40px white;
  top:40px; 
  left:40%;
  -webkit-filter: brightness(1) !important;
  filter: brightness(1) !important;
  opacity:0.8;
}


.grid-item-play-button {
  position:absolute;
  border-bottom: solid 30px transparent;
  border-top: solid 30px transparent;
  border-left: solid 40px white;
  /*top:60px;*/
  
  top: 50%;
  transform: translateY(-55%);
  left:40%;
  -webkit-filter: brightness(1) !important;
  filter: brightness(1) !important;
  opacity:0.8;
}

.grid-item-play-button-vorschau {
  position:absolute;
  border-bottom: solid 30px transparent;
  border-top: solid 30px transparent;
  border-left: solid 40px white;
  top: 50%;
  transform: translateY(-55%);
  left:40%;
  -webkit-filter: brightness(1) !important;
  filter: brightness(1) !important;
  opacity:0.8;
 
}

@media (min-width:768px) {
  .grid-item {
    width: 33.33%
  }
  .grid-item-video-parent {
    width: 33.33%
  }

}