@media (hover: hover) {
}

.grid_container {
  display: grid;
  gap: 10px;
  /* grid-template-columns: 1fr 1fr 1fr; */
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 200px);
  grid-auto-rows: 200px;
}

.grid_item img {
  width: 100%;
  height: 100%;
  border-radius: var(--box-radius);
  display: block;
  object-fit: cover;
}

.item-1 {
  grid-row: span 2;
  grid-column: span 2;
}

.item-4 {
  grid-row: span 3;
}
.item-5, .item-8 {
  grid-row: span 2;
}
.item-11 {
  grid-row: span 2;
}
.item-14 {
  grid-row: span 2;
}
.item-12 {
  grid-row: span 3;
  grid-column: span 2;
}
.item-16 {
  grid-row: span 2;
}
.item-17{
  grid-row: span 2;
}
.item-18{
  grid-row: span 2;
  grid-column: span 2;
}
.item-19{
  grid-row: span 2;
}
.item-20{
  grid-row: span 2;
  grid-column: span 2;
}
.item-22{
  grid-row: span 3;
}
.item-24{
  grid-column: span 2;
  grid-row: span 2;
}



/*----------------------------SCREEN SIZE------------------------------*/
@media (min-width: 1800px) {
  /*-- ÜBERGRÖßEN --*/
}

@media (max-width: 1300px) {
}

@media (max-width: 950px) {
}

@media (max-width: 600px) {
  .grid_container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 110px);
  grid-auto-rows: 110px;
  }
}

@media (max-width: 380px) {
}