/* -----Split page 2 images ------*/

.two-images {
  display: flex;
  justify-content: center;   /* Bilder mittig auf der Seite */
  align-items: center;       /* vertikal ausrichten */
  gap: 80px;                 /* Abstand zwischen den Bildern */
  margin: 40px 0;            /* Abstand oben und unten */
}

.two-images img {
  width: 500px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);       /* optional: runde Ecken */
  margin: 40px 0;
}

/* --- Responsive --- */
@media (max-width: 1100px) {
  .two-images {
    flex-direction: column;  /* Bilder untereinander */
    gap: 40px;               /* kleinerer Abstand zwischen Bildern */
  }
}

@media (max-width: 800px) {
  .two-images img {
  width: 300px;     
  }
}