main
{
  margin: 0;
  display: flex;
  justify-content: center;
}
.masonry
{
  width: 100%;
  column-count: 1;
  column-gap: 0;
}
.masonry img
{
  width: 100%;
  margin: 0;
  display: block;
  /*break-inside: avoid;  Verhindert, dass Bilder in zwei Spalten aufgeteilt werden */
}
	
@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;
  }
}