@media all and (max-width: 799px) {
    .body {
        padding: 0px 5% 5% 5%;
        font-family: Helvetica, Arial sans-serif;
        font-style: oblique;
        border: none;
        overflow-x: hidden;
        background-color: white;
    }

    .mid {
        font-size: 2.7vw;
    }

    .smol {
        font-size: 2.7vw;
    }

    .big {
        font-size: 24vw;
    }

    .Menue {
        text-align: center;
        white-space: nowrap;
        padding: 0 0 0 2vw;
        text-decoration: none;
        color: black;
    }

    .Menue:hover {
        text-decoration: underline;
        text-decoration-thickness: 0.1vw
    }

    .Menueall {
        display: flex;
        justify-content: flex-end;
        position: fixed;
        left: 0;
        top: 0;
        margin: 0 5%;
        z-index: 100;
        border-bottom: 0.2vw solid black;
        width: 90%;
        padding: 10px 0px;
    }

    .smartphonebild {
        margin-top: 5%;
        width: 100%;
    }
    .Titel {
        text-align: center;
        position: relative;
        margin-top: 15%;
        margin-bottom: 5%;
    }
    .Text {
        margin-top: 10%;
        text-align: left;
        padding-right: 0%;
        line-height: 120%;
    }
    .infos {
        margin-top: 7%;
        line-height: 110%;
    }

    .Gapinfo {
        margin-bottom: 2.5%;
    }

    .nachstrichinfo {
        margin-top: 0.65%;
    }

    .FootNavde {
        margin-top: 32%;
        margin-bottom: -2.5%;
        display: flex;
        justify-content: space-between;
    }

    .FootNavLondonde {
        margin-left: 74%;
        margin-top: 32%;
        margin-bottom: -2.5%;
        width: 27%;
    }
    .FootNavLondonen {
        margin-left: 80.4%;
        margin-top: 32%;
        margin-bottom: -2.5%;
        width: 20%;
    }

    .image-containerde {
        width: 28%;
    }
    .FootNavBildde {
        opacity: 1;
    }
    .NexPrevBildde {
        opacity: 0;
    }
    .image-containerde:hover .FootNavBildde {
        opacity: 0;
        margin-bottom: -13.2%;
    }
    .image-containerde:hover .NexPrevBildde {
        opacity: 1;
        margin-bottom: 13.2%;
    }


    .image-container2de {
        width: 27%;
    }
    .FootNavBild2de {
        opacity: 1;
    }
    .NexPrevBild2de {
        opacity: 0;
    }
    .image-container2de:hover .FootNavBild2de {
        opacity: 0;
        margin-bottom: -14.1%;
    }
    .image-container2de:hover .NexPrevBild2de {
        opacity: 1;
        margin-bottom: 14.1%;
    }
    .FootNaven {
        margin-top: 32%;
        margin-bottom: -2.5%;
        display: flex;
        justify-content: space-between;
    }

    .image-containeren {
        width: 25%;
    }
    .FootNavBilden {
        opacity: 1;
    }
    .NexPrevBilden {
        opacity: 0;
    }
    .image-containeren:hover .FootNavBilden {
        opacity: 0;
        margin-bottom: -15%;
    }
    .image-containeren:hover .NexPrevBilden {
        opacity: 1;
        margin-bottom: 15%;
    }


    .image-container2en {
        width: 19.5%;
    }
    .FootNavBild2en {
        opacity: 1;
    }
    .NexPrevBild2en {
        opacity: 0;
    }
    .image-container2en:hover .FootNavBild2en {
        opacity: 0;
        margin-bottom: -19.5%;
    }
    .image-container2en:hover .NexPrevBild2en {
        opacity: 1;
        margin-bottom: 19.5%;
    }



    .Zitatgruppe {
        text-align: center;
        margin-top: 20%;
    }
    .hi {
        padding-top: 14%;
    }
    .Zitatanfang {
        margin-top: 2%;
        line-height: 120%;
    }
    .Zitatende {
        margin-bottom: 15%;
        line-height: 120%;
    }

    .portfolio-bild--desktop {
        display: none;
    }
    .portfolio-bild--smartphone {
        position: sticky;
        width: 100vh;
        top: 0;
        margin-top: 0%;
        transform: rotate(90deg) translateY(-86%);
        transform-origin: left top;
    }
    .untereinanderangaben{
        margin-top: 21%;
        display: flex;
        flex-direction: column;
        gap: 5%;
        width: 100%;
    }
    .Angaben1{
        margin-top: 0%;
        width: 29%;
    }
    .Angaben{
        margin-top:15%;
        width: 29%;
    }
    .nebeneinanderangaben {
        display: flex;
        flex-direction: row;
        gap: 5%;
        align-items: center;
        width: 100%;
    }

.project {
    padding-top: 6%;
    }
    .BilderStart {
        outline: 0.1vw solid transparent;
        outline-offset: -0.1vw;
    }
    .BilderStart:hover {
        outline-color: black;
    }
    .links{
        color: black;
        text-decoration: none;
    }
    
    .smartphonebildindex {
        margin-top: -23.6vh;
        width: 100%;
    }
}