/****** CSS for page "ueber mich" ******/

#text-decoration {
    color: #163E6E;
    font-family: 'Aptos', sans-serif;
    display: flex;
    flex-direction: row; /* Zeilenlayout für Text links und Bild rechts */
    align-items: flex-start; /* Text oben ausrichten */
    justify-content: space-between; /* Platz zwischen Text und Bild */
    margin-top: -10px; /* Abstand nach oben */
}
.flex-container {
    color: #163E6E;
    font-family: 'Aptos', sans-serif;
    font-weight: bolder;
    display: flex;
    flex-direction: row; /* Zeilenlayout für Text links und Bild rechts */
    align-items: flex-start; /* Text oben ausrichten */
    justify-content: space-between; /* Platz zwischen Text und Bild */
    margin-top: -13px; /* Abstand nach oben */
}
.me {
    flex: 1; /* Den Textbereich sich vergrößern lassen */
    font-family: 'Aptos', sans-serif;
    max-width: calc(100% - 230px); /* Breite an Bild anpassen */
}

.imgme {
    flex: 0 0 auto; /* Bildgröße */
    margin-left: 30px; /* Bild nach rechts schieben */
    margin-right: 20px; /* Abstand zwischen Bild und Text */
}

.imageofme {
    width: 25%;
    max-height: 40vw; /* Höhe basierend auf der Viewport-Breite beschränken */
    max-width: 100%; /* Bildgröße auf Container beschränken */
    padding-top: 45px;
    height: auto; /* Proportional skalieren */
    padding-left: 80px;
    padding-right: 25px;
}