.foto {
  width: 300px;

  object-fit: cover; /* Verhindert Verzerrung */
  display: block;
  margin-bottom: 24px;
}

.bilder {
  margin: 0;
  width: 100%;
  overflow-x: hidden; /* Verhindert horizontales Scrollen */

  /* --- NEU: Flexbox für die Zentrierung untereinander --- */
  display: flex;
  flex-direction: column; /* Stapelt alle direkten Kinder (nav, main, footer) untereinander */
  align-items: center; /* Zentriert alle Elemente horizontal im Raum */
}