body{
    background-color:   rgb(41, 59, 85);
    margin-top: 100px;
}


#about_me_section{
    padding: 400px 0;
    background-color: rgb(41, 59, 85);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
    flex-wrap: wrap-reverse;
}
.about_me_container{
    width: 750px;
    max-width: 90%;
}
#about_me_section img{
    width: 400px;
    border: 5px solid rgb(163, 176, 194);
    max-width: calc (90% - 30px);
}
.about_me_container h1{
    color: #5285de;
    text-align: center;
    font-size: 70px;
    font-family: Arial, Helvetica, sans-serif;
}
.about_me_container h2{
    color: #5285de;
    font-size: 40px;
}
.about_me_container p{
    font-family:Arial, Helvetica, sans-serif;
    color: white;
    font-size: 20px;
    text-align: left;
    line-height:  150%;
}
@media(max-width: 800px){
    #about_me_section{
        padding: 50px 0;
    }
    #about_me_section h2{
        text-align: center;
        font-size: 12vw;
    }
    #about_me_section img{
        width: 75%; /* Breite für Handys */
}
@media(max-width: 480px){
    #about_me_section{
        padding: 20px 0;
    }
    #about_me_section h2{
        text-align: center;
        font-size: 12vw;
    }
    #about_me_section img{
        width: 70%; /* Breite für Handys */
}
}
}