.edition-flex {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
   max-width: 100%;
}

.fade-slider {
  flex: 1 1 0;
  display: flex;
  justify-content: center; /* Bild horizontal zentrieren */
  align-items: center;
  position: relative;
  min-width: 0;
  min-height: 400px; /* oder ein Wert, der zu deinen Bildern passt */
  max-width: 100%;

}

.fade-slider img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* Bild im Originalformat, nicht beschnitten */
  opacity: 0;
  transition: opacity 0.7s;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.fade-slider img.active {
  opacity: 1;
  z-index: 2;
}

.info {
  flex: 1 1 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Mobil: untereinander */
@media (max-width: 900px) {
  .edition-flex {
    flex-direction: column;
    gap: 1.5rem;
  }
  .fade-slider, .info {
    width: 100%;
    max-width: 100%;
  }
}