@media screen and (min-width: 600px) {


.portfolio__projekte {
    width: 100%;

}

.body {
    margin: 0;
}




.portfolio__bild {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    opacity: 0;
    z-index: 2;
    object-position: center 30%;
}

.portfolio__tisch-leer {
    opacity: 1;
    z-index: 1;
    position: absolute;
}

.portfolio__bild.aktiv {
    opacity: 1;
}

.portfolio__projekte__2 {
    z-index: 2;
}

.portfolio__projekte__3 {
    z-index: 3;
}

.portfolio__projekte__4 {
    z-index: 4;
}

.portfolio__projekte__5 {
    z-index: 5;
}

.portfolio__projekte__6 {
    z-index: 6;
}

.portfolio__projekte__7 {
    z-index: 7;
}

.portfolio__projekte__8 {
    z-index: 8;
}

.portfolio__projekte__9 {
    z-index: 9;
}

.portfolio__projekte__10 {
    z-index: 10;
}

.portfolio__projekte__11 {
    z-index: 11;
}

.menue {
    font-size: 4.65vw;
    padding-top: 5vw;
    line-height: 5.8vw;
    margin-left: 1.5vw;
}

.menue__text {
    font-family: "acumin-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 100, "wght" 500;
    position: absolute;
    margin: 0;
    color: blue;
    z-index: 99;
    
    
}

.menue__link {
    color: blue;
    text-decoration: none;
    
}



.menue__zahl {
    font-family: "garamond-premier-pro", serif;
    font-weight: 100;
    font-style: italic;
    display: inline-block;
    width: 0;
    margin-right: 5vw;
    
}

.text_mobile {
    display: none;
}
    
}   
    

@media screen and (max-width: 599px) {
    
    .body {
        margin: 0;
    }

    .menue__text {
        display: none;
    }

    .portfolio__projekte {
        display: none;
    }


    .text_mobile {
        position: absolute;
        margin: 0;
        font-family: "acumin-variable", sans-serif;
        font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
        color: blue;
        z-index: 99;
        font-size: 3.5vw;
        padding-top: 15vw;
        line-height: 4.5vw;
        margin-left: 5vw;
        margin-right: 5vw;

    }

}