#about {
    height: auto;
    width: 100%;
    display: block; /* Flex entfernen, da es mit float kollidiert */
    background: black;
    margin: 0;
    text-align: justify;
    position: relative;
}



.profile-image {
    height: 60%;
    width: auto;
    margin-bottom: 3%;
    margin-left: 3%;
    margin-right: 8%;
    position: absolute;
    top: 0px;
    right: 0px;
    object-fit: contain; /* Sorgt für gute Bildanpassung */
    z-index: 2;
    box-shadow: 0 0 50px 20px rgba(255,255,255,0.3), 
                0 0 80px 30px rgba(0,0,0,0.5);
    border-radius: 50%;
}

#text-wrapper {
    margin-left: 2vw;
    width: 60%;
}

#text-wrapper-2 {
    margin-right: 2vw;
    margin-left: 2vw;
    width: 96%;
}

#text-wrappers {
    display: flex;          /* Aktiviert Flexbox */
    flex-direction: column; /* Stellt die Hauptachse auf vertikal */
}