@media all and (min-width: 800px) {
    .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.8vw;
    }

    .smol {
        font-size: 1.6vw;
    }

    .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.1vw solid black;
        width: 90%;
        padding: 10px 0px;
    }

    .Titel {
        text-align: center;
        position: relative;
        margin-top: 15%;
        margin-bottom: 5%;
    }
    .untertitel {
        text-align: center;
        position: relative;
        margin-top: -4.5%;
        margin-bottom: 5%;
    }


    .bildgruppe1 {
        display: flex;
        gap: 5%;
        flex-grow: 1;
        margin-top: 5%;
        flex-direction: row-reverse;
    }

    .bild {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

    .bild1von2 {
        width: 50%;
        padding-right: 2.5%;
        height: auto;
        vertical-align: top;
    }

    .bild2von2 {
        width: 50%;
        padding-left: 2.5%;
        height: auto;
        vertical-align: top;
    }

    .bild4 {
        width: 25%;
        padding-right: 2.5%;
        padding-left: 2.5%;
        height: auto;
        vertical-align: top;
    }

    .nebeneinander2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 5%;
        margin-left: -2.6%;
        width: 105.2%;
    }

    .bild3 {
        width: 33.33%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        height: auto;
        vertical-align: top;
    }

    .bildhoch {
        width: 30%;
        margin-left: 35%;
        margin-bottom: 5%;
    }

    .bildlink {
        border: 1px solid transparent
    }

    .bildlink:hover {
        border-color: black;
    }

    .uebereinander {
        display: flex;
        flex-direction: column;
        gap: 7%;
        justify-content: top;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 48%;
    }

    .hochformat {
        width: 48%;
        flex-grow: 3;
    }

    .bild5 {
        width: 20%;
        padding-right: 2.5%;
        padding-left: 2.5%;
        vertical-align: top;
        height: auto;
    }

    .hochformat2 {
        width: 100%;
        height: auto;
        align-self: center;
        margin-bottom: 10%;
    }

    .hochformatalleine {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
        margin-top: 5%;
    }

    .hochformatalleineklein {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 35%;
        margin: 0 auto;
        margin-top: 5%;
    }

    .nebeneinander {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 5%;
    }

    .grossesbild {
        flex-grow: 3;
        margin-top: 5%;
        width: 100%;
        height: auto;
        vertical-align: top;
    }


    .Text {
        margin-top: 10%;
        text-align: left;
        padding-right: 20%;
        line-height: 120%;
    }


    .infos {
        margin-top: 7%;
        line-height: 110%;
    }

    .Gapinfo {
        margin-bottom: 2.5%;
    }

    .nachstrichinfo {
        margin-top: 0.65%;
    }


    .portrait {
        width: 100%;
        margin-left: 0%;
    }


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

    .FootNavLondonde {
        margin-left: 84%;
        margin-top: 32%;
        margin-bottom: -2.5%;
        width: 16%;
    }

    .FootNavLondonen {
        margin-left: 88%;
        margin-top: 32%;
        margin-bottom: -2.5%;
        width: 12%;
    }

    .image-containerde {
        width: 17%;
    }

    .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: 16%;
    }

    .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: 15%;
    }

    .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: 12%;
    }

    .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%;
    }


    .portfolio-titel {
        position: sticky;
        bottom: 0;
        text-align: center;
        margin: 50px 0 0 -2vw;
    }

    .portfolio-bild--desktop {
        position: sticky;
        width: 100%;
        bottom: 0;
    }
    .portfolio-bild--smartphone {
        display: none;
    }


    .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%;
    }


    .project {
        padding-top: 6%;
    }

    .BilderStart {
        outline: 0.1vw solid transparent;
        outline-offset: -0.1vw;
    }

    .BilderStart:hover {
        outline-color: black;
    }

    .Bild_1 {
        margin-left: 55%;
        width: 45%;
    }

    .Bild_2 {
        margin-top: -5%;
        margin-left: -5.65%;
        width: 35%;
    }

    .Bild_12 {
        margin-top: 5%;
        margin-left: 22.8%;
        width: 55%;
    }

    .Bild_3 {
        float: right;
        margin-top: 10%;
        width: 29%;
        margin-right: -5.65%;
    }

    .Bild_4 {
        margin-left: 30%;
        width: 29%;
        margin-top: -0.1vw;
    }

    .Bild_5 {
        margin-top: 35%;

    }

    .Bild_6 {
        float: right;
        margin-top: 5%;
        width: 50%;
        margin-right: -5.65%;
    }

    .Bild_7 {
        margin-top: 43%;
        width: 35%;
    }

    .Bild_8 {
        margin-top: 5%;
        margin-left: 22.8%;
        width: 55%;
    }

    .Bild_9 {
        margin-top: 10%;
        margin-left: -5.65%;
        width: 45%;
    }

    .Bild_10 {
        margin-top: 19.3%;
        margin-left: -5.65%;
        width: 82.5%;
    }

    .Bild_11 {
        float: right;
        margin-top: -5%;
        width: 29%;
    }

    .Angaben1 {
        margin-top: 0%;
        width: 14.7%;
    }

    .Angaben {
        margin-top: 7.5%;
        width: 14.7%;
    }


    .untereinanderangaben {
        margin-top: 15.5%;
        display: flex;
        flex-direction: column;
        gap: 5%;
        width: 100%;
    }

    .nebeneinanderangaben {
        display: flex;
        flex-direction: row;
        gap: 5%;
        align-items: center;
        width: 100%;
    }
    .links{
        color: black;
        text-decoration: none;
    }
}