.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: -25px 0px 0px 0px;
    background-color: #fff; /* Weißer Hintergrund für den gesamten Container */
    padding-top: 20px; /* Abstand oben zum ersten Bild */
    padding-left: 10px; /* Optional: Innenabstand auf der linken Seite */
    padding-right: 10px; /* Optional: Innenabstand auf der rechten Seite */
}


        .image-container div {
            position: relative;
            width: 23%;
            margin-bottom: 2%;
        }

        .image-container img {
            width: 100%;
            height: auto;
            z-index: 1;
        }

        .image-container .image-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #000;
            padding: 5px;
            width: 80%;
            text-align: center;
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            z-index: 2;
        }

        .image-container .image-text p {
            margin: 0;
            padding: 5px;
        }

        .image-container div:hover img {
            opacity: 0;
        }

        .image-container div:hover .image-text {
            opacity: 1;
        }

        /* Media Query für kleine Bildschirme (z. B. Smartphones) */
        @media only screen and (max-width: 767px) {
            .image-container div {
                width: 100%;
            }
        }

   .form-container {
        margin-left: 10px; /* Ändern Sie diesen Wert nach Bedarf */
    }

    .form-container label {
        margin-right: 1px; /* Ändern Sie diesen Wert nach Bedarf */
margin-left: 10px; /* Ändern Sie diesen Wert nach Bedarf */
        display: inline-block;
    }

    .beschreibung {
        font-style: italic;
        margin-left: 1px; /* Passen Sie den Abstand nach Bedarf an */
        display: inline-block; /* Damit die Beschreibung in der gleichen Zeile bleibt */
    }

h16, .h16 {
       font-family: "Playfair Display", sans-serif;
    font-size: 2.2rem;
    line-height: 30px;
    font-weight: 900;
    color: #333;
}
.label {
  position: absolute;
  top: 10px; /* Abstand vom oberen Rand */
  left: 10px; /* Abstand vom linken Rand */
  width: 40px; /* Breite des Labels */
  height: 40px; /* Höhe des Labels */
  background-color: #b71f21; /* Hintergrundfarbe */
  color: #ffffff; /* Textfarbe */
  font-size: 14px; /* Schriftgröße */
  font-weight: bold; /* Fettschrift */
  text-align: center; /* Zentriert den Text horizontal */
  line-height: 40px; /* Zentriert den Text vertikal */
  border-radius: 50%; /* Macht das Label rund */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Schatteneffekt */
  text-transform: uppercase; /* Text in Großbuchstaben */
  z-index: 10; /* Bringt das Label in den Vordergrund */
}
