body {
    background-color: azure;
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Zentriert alles horizontal */
    font-family: Arial, sans-serif;
}

/* Logo */
.logo-container {
    margin-bottom: 2cm; /* Abstand unter dem Logo */
}

.logo {
    max-width: 100px; /* Logo-Größe anpassen */
    height: auto;
}

/* Flexible Bilder und videos */
img, video {
    max-width: 100%;
    height: auto;
}

/* Content Container */
.content-container {
    display: flex;
    flex-direction: column; /* Bilder untereinander */
    align-items: center; /* Bilder zentrieren */
    gap: 60px;
}

/* Einzelnes Bild mit Titel */
.image-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2,2cm; /* Abstand zwischen den Bildern */
}

.bild-container img {
  width: 300px;  /* Breite */
  height: 200px; /* Höhe */
  object-fit: cover; /* Sorgt dafür, dass die Bilder das Format behalten und nicht verzerrt werden */
}


.image-item img {
    max-width: 100%;
    height: auto;
    border-radius: 0px; /* Abgerundete Ecken */
}

.image-item p {
    margin-top: 3px; /* Kleiner Abstand zwischen Bild und Text */
    font-weight: bold;
    text-align: center;
}