.ueber-mich-container {
   margin-top: 50px;
}
@media (min-width: 768px) {
    .zentrierte-form {
        display: flex;
        justify-content: center;
        align-items: center;
}
.formular-container {
    width: 50%; /* Anpassbar nach Bedarf */
        }
}
.ueber-mich-bild {
    max-width: 100%;
    height: auto;
}
.zentriert-text {
    text-align: center;
}
@media (min-width: 768px) {
    .zentriert-text {
        text-align: left;
    }
    .zentrierter-inhalt {
        display: flex;
        justify-content: center; /* Zentriert den Inhalt horizontal */
        text-align: left;
    }
    .zentrierter-inhalt > div {
        flex: 0 0 50%; /* Jedes Element nimmt 50% der Breite ein */
    }
    .keine-abgerundeten-ecken {
        border-radius: 0; /* Setzt den Radius der Ecken auf 0 */
    }
}
.zentriert{
    display: flex;
    align-items: center;
    justify-content: center;
}

.element {
    position: relative;
    min-height: 100vh;
    background: url('bg_Picture.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed; /* Hält das Hintergrundbild beim Scrollen fest */
}

.element::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); /* Weißer Hintergrund mit 70% Transparenz */
    z-index: -1;
}

p {
    font-weight: bold; /* Macht den Text in allen <p>-Tags fett */
    font-family: 'Times New Roman', Times, serif;
}

.transp{
    background-color: rgba(255, 255, 255, 0.7);
}

  .card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.card-column {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.card {
    width: 18rem;
}
.fixed-bottom
            {width: 25%; /* Breite auf 100% des Containers setzen */
            background-color: rgba(255, 255, 255, 0.7); /* Weißer Hintergrund mit 70% Transparenz */
           }