
@media (max-width:1300px) {
    .bild-text-container {
        flex-direction: column;
    }

    #ueber-mich-container {
        margin-left: 3%;
        margin-right: 3%;
    }
}

@media (max-width:1000px) {
    #content-div {
        margin-left: 5rem;
        margin-right: 5rem;
    }
}

@media (max-width:800px) {
    #content-div {
        margin-left: 0rem;
        margin-right: 0rem;
    }
}

@media (max-width:650px) {
    
    .text-container {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    #menue-column {
        display: none;
    }

    .bild-text-container > img {
        max-width: 90%;
        height: auto !important;
    }
}

@media (max-width:500px) {
    #content-div {
        font-size: 1.05em;
    }
    
    #ueber-mich-container {
        margin-left: 0%;
        margin-right: 0%;
    }
}

