#masonry img
{
  width: 100%;
  margin: 0;
  display: block;
  break-inside: avoid; /* Verhindert, dass Bilder in zwei Spalten aufgeteilt werden */
}
#masonry
{
  width: 100%;
  column-count: 1;
  column-gap: .5rem;

}

@media(min-width: 801px)
{
  #masonry:has(img:nth-child(2))
  {
    column-count: 2;
  }
}

@media (min-width: 1281px)
{
  #masonry:has(img:nth-child(3))
  {
    column-count: 3;
  }
}

@media (min-width: 2321px)
{
  #masonry:has(img:nth-child(4))
  {
    column-count: 4;
  }
}