body {
  background: #f8f9fa;
}

/* Grundstil für alle Detailbilder */
.gallery-image {
  display: block;
  margin: 0 auto;
  background: #f8f9fa;
  object-position: center;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
}

/* Hochformat kompakter */
.gallery-image.portrait {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 600px;
  object-fit: contain;
}

/* Querformat etwas größer */
.gallery-image.landscape {
  width: 100%;
  height: auto;
  max-height: 720px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .gallery-image.portrait {
    max-height: 360px;
  }

  .gallery-image.landscape {
    max-height: 520px;
  }
}