@media all and (max-width: 799px) {



    .startseite {
        position: relative;
        margin: 0px -160px 0 -100px;
    }
   

    .balken__pfeilbox {
        width: 52px;
        margin: 0 30px 0 0;
        background-color: #DFC331;
        border-bottom-right-radius: 25px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


    }

    .balken__pfeilbox--demenz {
        background-color: #989B83;


    }

    .balken__pfeilbox--vitra {
        background-color: #095876;


    }

    .balken__pfeilbox--about__me {
        background-color: #B9B8B5;
    }
    .balken__pfeilbox--kindheit {
        background-color: #47836E;
    }
    .balken__pfeilbox--london {
        background-color: #AA552E;
    }
    .balken__pfeilbox--wlf {
        background-color: #DFA745;
    }
    .balken__pfeilbox--mak {
        background-color: #5d6530;
    }
    .balken__pfeilbox--both {
        background-color: #ffffff;
    }
    .balken__pfeilbox--FIB {
        background-color: #97848a;
    }
    
    .pfeil__pfeil {
        width: 25px;
        height: 18px;
        margin: 13px 0 0 13px;

    }


    .start__balken__portfolio {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        background-color: #B9B8B5;
        left: 51px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        position: absolute;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }

    .balken__portfolio {
        font-family: EduMarist, sans-serif;
        font-style: SemiBold;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        background-color: #DFC331;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }

    .balken__portfolio--demenz {
        background-color: #989B83;
    }
    .balken__portfolio--vitra {
        background-color: #095876;
    }
    .balken__portfolio--about__me {
        background-color: #B9B8B5;
    }
   
    .balken__portfolio--london {
        background-color: #AA552E;
    }
    .balken__portfolio--kindheit {
        background-color: #47836E;
    }
    .balken__portfolio--wlf {
        background-color: #DFA745;
    }
    .balken__portfolio--mak {
        background-color: #5d6530;
    }
    .balken__portfolio--both {
        background-color: white;
    }
    .balken__portfolio--FIB {
        background-color: #97848a;
    }
    

    .projektbilder__bild {
        height: 100vh;
        object-fit: cover;


    }

    .projektbilder {
        margin: 0 0 52px 0px;



    }

    .startbilder {

        margin: 0 52px 0 52px;

    }

    .startbild__bild {
        display: flex;
        width: 100%;
        margin-bottom: 83px;

    }

    .text {

        margin: 125px 25px 0 25px;



    }

    .text__text {
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 21px;
        line-height: 33.5px;
        color: black;
        margin-bottom: 100px;




    }

    .text__info {
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 21px;
        line-height: 33.5px;
        color: black;
        margin-bottom: 162px;

    }

    .text__absatz {
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-bottom: 33.5px;
    }

    .repro__offen {
        display: flex;
        margin: 0px 25px 50px 25px;
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 21px;
        line-height: 33.5px;
        color: black;


    }

    .box__repros__eindrittel {
        margin: 0px 25px 0px 25px;
    }

    .repro__offen__klein1 {
        display: flex;
        width: 100%;
        margin-bottom: 50px;

    }
    .repro__offen__klein2 {
        display: flex;
        width: 100%;
        margin-bottom: 50px;
    }

    


    .project__mobile {
        font-family: "stevie-sans", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 23px;
        color: black;
        text-decoration: none;
        padding: 12px 17px 12px 17px;
        background-color: #C3C2BC;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        margin: 12px 25px 0 25px;
        text-align: center;



    }

    .monde {
        color: black;
        text-decoration: none;
    }

    .no_decoration {
        color: black;
        text-decoration: none;
    }

    .space {
        padding: 10px;



    }

    .sprachschalter {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        right: 51px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }
    .sprachschalter--mondes {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--mak {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--both {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--demenz {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--about {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--vitra {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--london {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--kindheit {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .sprachschalter--wlf {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }

    .sprachschalter--FIB {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        padding: 12px 17px 12px 17px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 0px;
        position: absolute;
        justify-content: center;
        display: flex;
        right: 1px;
        display: none;
    }
    .text__absatz--sprachkenntisse {
        font-family: "stevie-sans", sans-serif;
        margin-bottom: 33.5px;
        font-weight: 300;
        font-style: normal;
        margin-top: 100px;
    }
    
    .repro__offen__klein2--demenz {
        display: flex;
        margin: 0 0 100px 0
    }
    .repro__offen__klein2--both {
        display: flex;
        margin: 0 0 100px 0
    }
    .video__mockup {
        display: flex;
        margin: 0 0 50px 0;
    }

    .entwürfe__box {
        display: flex;
        margin: 10px 25px 50px 25px;
        flex-direction: column;
        
        


    }
    .entwürfe__box--video {
        display: flex;
        margin: 10px 25px 50px 25px;
        flex-direction: column

    }
    .entwürfe__box--video2 {
        display: flex;
        margin: 10px 0px 50px 0px;
        flex-direction: column

    }
   
    .entwurf {
        display: flex;
        padding: 0px 0px 50px 0px;
    }

    .startbilder {
        
        margin: 0 25px 0 25px;

    }
    .startbild__bild--noneflex {

        width: 100%;
        padding: 0px 0px 0px 0px;
        margin-bottom: 50px;
        
    }
    .marginfünf {
        margin-bottom: 50px;

    }
    
}