@media screen and (max-width: 1100px) {
    #backButton {
        top: 10vh;
        left: 3vw;
        font-size: 2.5em;
        border: 2px;
        border-style: solid;
        letter-spacing: 0.5em;
        text-indent: 0.5em;
        /*background-color: rgba(0, 0, 0, 0.5);*/
    }
    .impressum {
        font-size: 2em;
        text-decoration: underline;
    }
    #nav {
        font-size: 2.5em;
        flex-wrap: wrap;
        bottom: 5vh;
    }
    #nav>a {
        border: 2px;
        border-style: solid;
        border-radius: 5px;
        margin-bottom: 2em;
    }
    .contentRow {
        flex-wrap: wrap;
    }
    .textContent>div {
        margin-top: 5vh;
        width: 70vw;
    }
    .textContent a {
        font-size: 2em;
    }
    .gallery>.image {
        width: 80vmin;
        height: 144vmin;
    }
    #imageSlider {
        height: 120vh;
        width: 100vw;
    }
    .foldContent {
        flex-direction: column;
    }
    #about-me-list>li {
        font-size: 2em;
    }
    .contentRow>h2 {
        font-size: 1.7em;
    }
    .contentRow>h3 {
        font-size: 1.2em;
    }
    .myButton > a{
        opacity: 100%;
    }
}