@media screen and (max-width: 1400px) {
    #about {
        height: 83vh;
        margin-bottom: 6rem;
    }

    .about-container {
        flex-wrap: wrap; 
    }
}

@media screen and (max-width: 1200px) {
    #desktop-nav {
        display: none;
    }
    #hamburger-nav{
        display: flex;
        
    }
    
      .menu-links {
        display: none; /* Verstecke die Horizontale-Listenansicht */
        flex-direction: column; /* Ändere die Ausrichtung auf vertikal */
        align-items: center; /* Zentriere die Links vertikal */
    }
    .menu-links ul {
        padding: 0;
        margin: 0;
    }

    .menu-links ul li {
        list-style: none; /* Entferne Listenpunkte */
        margin-bottom: 10px; /* Abstand zwischen den Links */
    }

    .menu-links.open {
        display: flex; /* Zeige die vertikale Listenansicht für das Hamburger-Menü */
    }
    
   #about, .about-container {
        display: block;
    }
    .section {
        height: fit-content;
        margin: 0 5%;
    }

    .picture {
        width: 275px;
        height: 275px;
        margin: 0 auto 2rem;
    }

    .about-container {
        margin-top: 0;
        text-align: left;
        margin-right: 10px;
        font-size: 14px;
    }
    #datenschutz {
        max-width: fit-content;
    }
    #datenschutz p {
    text-align: left;
    font-size: 0.9rem;
}
#datenschutz h2 {
    text-align: left;
    font-size: 1rem;
}

#impressum {
    max-width: fit-content;
    font-size: 0.9rem;
}

}


@media screen and (max-width: 768px) {
    
    body {
        font-size: 15px; 
    }
    
    #about {
        padding: 0 0;
    }
    footer {
        height: fit-content;
        margin-bottom: -20rem;
    }
        
    nav, .nav-links {
        display: none;
    }

    .hamburger-menu {
        display: block;
    }

    .menu-links {
        display: none;
        flex-direction: column;
    }

    .menu-links.open {
        display: flex;
    }
.nav {
    height: fit-content;
}
}


#newsletter_test {
    width: fit-content;
}

#newsletter {
    width: auto;
}

#picture {
    padding: 0;
}

#picture img {
    max-width: 75%; /* Set the image to be 100% of the container */
    margin-left: 25px;
}

#about p {
    max-width: 75%;
    font-size: 1rem;
    margin-left: 10px;
}

#about h2 {
    font-size: 1.2rem;
    margin-left: 10px;
}

#datenschutz p {

    text-align: center;
    font-size: 14px; /* Beispielwert */
    line-height: 1.6; /* Beispielwert */
    /* Weitere CSS-Stile nach Bedarf hinzufügen */
}