@media (max-width: 1032px) {

    /*HEADER*/
    .main-nav {
        margin: 0 1rem;
    }

    /*CONTENT-HEADER*/
    .content-header {
        max-width: 1032px;
        padding: 0 1rem 0 1rem;
    }

    .content-header ul {
        margin: 2rem 0 0 0;
    }

    /*MAIN-CONTENT*/
    .main-content {
        /* margin-left: 1rem; */
        /* margin-right: 1rem; */
    }

    /*AUSSTELLUNGEN*/
    .project-container {
        height: calc((100vw - 2rem) / 3);
    }

    /*STUDIERENDE*/
    .main-content.students {
        width: calc(100vw - 2rem);
    }

    /*STUDENT_1*/
    .main-student-1 {
        width: calc(100vw - 2rem);
    }

    .student-1-container {
        height: calc((100vw - 3rem) / 3);
    }

    /*PROJEKT-1*/
    .main-content.main-content-projekt-1 {
        width: calc(100vw - 2rem)
    }

    .projekt-1-pictures {
        width: 100%;
    }

    .text-projekt-1 {
        position: relative;
        top: 0;
        width: 100%;
        right: 0;
        margin-top: .5rem;
        padding-left: 0;
    }

    .text-projekt-1 h2 {
        margin-bottom: .6rem;
    }

    .text-projekt-1.pop-up {
        position: fixed;
        z-index: 100000;
        background: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 1rem 1rem 1.5rem 1rem;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        max-height: 100vh;
    }


    .project-info {
        width: 300px
    }

    .read-more {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        z-index: 100;
        top: calc(100vh - 7.125rem);
        transform: translate(-50%, -50%);
        left: 50%;
        background: #fff;
        border-radius: 1.25rem;
        height: 2.3rem;
        width: 9.5rem;
        cursor: pointer;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2)

    }


    .read-more img {
        height: 1rem
    }

    .read-more p {
        margin: .2rem .2rem .2rem .2rem;
        font-weight: 700;
    }

    .remove-text {
        display: none;
    }

    .layout-pop-text {

    }

    .back-next-nav {
        /*position: relative;*/
    }

    .next-pos {
        position: fixed;
        background: #fff;
        height: 2.3rem;
        width: 2.3rem;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        top: calc(100vh - 7.125rem);
        left: calc(50% + 6.3rem);
        overflow: hidden;
        cursor: pointer;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2)
    }


    .next-pos a img {
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .next-pos a {
        position: absolute;
        top: 50%;
        left: 54%;
        width: 2.3rem;
        height: 2.3rem;
        transform: translate(-50%, -50%);
    }


    .back-pos {
        position: fixed;
        background: #fff;
        height: 2.3rem;
        width: 2.3rem;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        top: calc(100vh - 7.125rem);
        left: calc(50% - 6.3rem);
        overflow: hidden;
        cursor: pointer;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2)
    }


    .back-pos a img {
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 46%;
        transform: translate(-50%, -50%) rotate(-90deg);
    }

    .back-pos a {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.3rem;
        height: 2.3rem;
        transform: translate(-50%, -50%);
    }


    /*PROJECT-2*/
    .projekt-2-pictures {
        width: 100%;
    }

    .project-2-pictures img, iframe {
        margin-bottom: calc((100vw - 2rem) / 100);
    }

    /*MAIN-FOOTER*/
    .main-footer {
        padding: 2rem 2rem;
        letter-spacing: .12rem;
    }

    /*STUDIERENDE UND ALUMNI*/
    .student-list {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

}

@media (max-width: 900px) {

    /*HEADER*/
    .main-header {
        position: relative;
    }

    .content-header {
        /*position: sticky;*/
    }

    .main-nav ul {
        transform: translate(0, -100%);
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        flex-direction: column;
        background: #fff;
        height: 100vh;
        padding: 6rem 5rem 0 4rem;
        border-left: 2px solid black;
        border-bottom: 2px solid black;
        margin-top: 0;
        min-width: 50.5vw;
        overflow: hidden;
        transition: .3s ease;
    }

    .main-header .mobile-menu {
        transform: translate(0, 0);
    }

    .main-nav ul li {
        margin-left: 0;
        margin-bottom: 1rem;
    }


    .toggle-menu {
        display: block;
    }


    /*MAIN-FOOTER*/
    .main-footer {
        padding: 1rem 2rem .5rem;
        letter-spacing: .12rem;
    }

    .main-footer nav ul {
        flex-direction: column;
    }

    .main-footer li {
        margin-bottom: .3rem;
    }

    /*LANDING-PAGE*/
    .main-landing-page {
        flex-direction: column;
    }

    .big-frame {
        width: calc(100vw - 2rem);
        height: calc(70vh - 8rem)
    }

    .nav-big-frame {
        opacity: 1;
    }

    .small-frame {
        width: calc(100vw - 2rem);
        height: 30vh;
        margin: 1rem 1rem 0 1rem;
    }

    .link-small-frame {
        opacity: 1;
    }

    /*AUSSTELLUNGEN*/
    .project-container {
        height: calc((100vw - 2rem) / 2);
    }

    .project-container div {
        height: calc((100vw - 2rem) / 2);
        width: 50%;
    }

    .project-container .project-text {
        padding: 1rem;
    }

    .project-container .project-info {
        position: absolute;
        padding: 1rem;
        width: calc((100vw - 2rem) / 2);
        color: #fff;

        justify-content: center;
        align-items: center;
    }

    .project-container .project-info h2 {
        text-transform: uppercase;
        font-size: 4.5vw;
        /*letter-spacing: .2rem;*/
        /*margin-bottom: .5rem;*/

        text-align: center;
    }

    .project-container .project-info p {
        text-align: center;
        margin-top: 0;
    }

    .project-container .thumb-container {
        position: relative;
        overflow: hidden;
    }

    .project-container .thumb-container::after {
        content: "";
        display: block;
        height: 100vh;
        position: relative;
        top: -110%;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .55);
    }
}

@media (max-width: 830px) {

    /*STUDENT_1*/
    .student-1-container {
        position: relative;
        width: calc((100% - .5rem) / 2);
        height: calc((100vw - 2.5rem) / 2);
        margin-bottom: .5rem;
        margin-right: .5rem;
    }

    .student-1-container:nth-child(3n) {
        margin-right: .5rem;
    }

    .student-1-container:nth-child(2n) {
        margin-right: 0;
    }

    .student-list li:hover img {
        display: none;
    }

}


@media (max-width: 540px) {

    /*HEADER*/
    /*AUSSTELLUNGEN*/
    .project-container {
        height: calc(100vw - 2rem);
        border: none;
    }

    .project-container div {
        height: calc(100vw - 2rem);
        width: 100%;
    }

    .project-container .project-text {
        display: none;
    }

    .project-container .thumb-container {
        width: 100%;
    }

    .project-container .project-info {
        position: absolute;
        padding: 5vw;
        width: calc(100vw - 2rem);
        color: #fff;
    }

    .project-container .project-info h2 {
        font-size: 7vw;
        line-height: 8vw;
    }

    /*STUDENT_1*/
    .student-1-container {
        position: relative;
        width: 100%;

        height: calc(100vw - 2rem);
        /*margin-bottom: .5rem;*/
        margin-right: 0;
    }

    .student-1-container:nth-child(3n) {
        margin-right: 0;
    }

    /*PROJEKT-2*/
    .projekt-2-pictures img {
        width: 100%;
        margin-bottom: 1%;
        height: 100%;
    }


}