@media all and (min-width: 800px) {

    .menue {
        display: none;
    }
    
    .startseite {
        position: relative;
    }
   
    .balken__pfeilbox {
        width: 66px;
        margin: 0 75px 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: rgba(152, 155, 131);
    
    }
    .balken__pfeilbox--vitra {
        background-color:  #095876;
        
    }

    .balken__pfeilbox--paris {
        background-color:  #DFC331;
        
    }
    .balken__pfeilbox--about__me {
        background-color: #B9B8B5;

    }
    .balken__pfeilbox--mak {
        background-color: #5d6530;

    }
    .balken__pfeilbox--london {
        background-color: #AA552E;

    }
    .balken__pfeilbox--kindheit {
        background-color: #47836E;

    }
    
    .balken__pfeilbox--wlf {
        background-color:  #DFA745;

    }
    .balken__pfeilbox--both {
        background-color:  #ffffff;

    }
    
    .balken__pfeilbox--FIB{
        background-color:  #97848a;

    }
    .pfeil__pfeil {
        width: 28px;
        height: 21px;
        margin: 15px 0 0 17px;

    }

    .start__balken__portfolio {
        font-family: EduMarist, sans-serif;
        color: rgb(0, 0, 0);
        font-size: 27px;
        line-height: 27px;
        background-color:#B9B8B5;
        left: 141px;
        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: rgba(152, 155, 131);
        
    }
    .balken__portfolio--vitra {
        background-color:  #095876;
    }

    .balken__portfolio--mak {
        background-color:  #5d6530;
    }
    .balken__portfolio--kindheit {
        background-color:  #47836E;
    }
    .balken__portfolio--london {
        background-color:  #AA552E;
    }
    .balken__portfolio--wlf {
        background-color:  #DFA745;
    }
    .balken__portfolio--FIB {
        background-color:   #97848a;
        
    }
    .balken__portfolio--both {
        background-color:  #ffffff;
    }
    
.balken__portfolio--about__me {
            background-color:  #B9B8B5; }
    
    .projektbilder__bild {
        height: 100vh;
        object-fit: cover;
    }

    .projektbilder {
        margin: 0 0 244px 0px;
    }

    .startbilder {
        display: flex;
        margin: 0 136px 0 136px;

    }
    .startbilder--logo {
        display: flex;
        margin: 0 136px 50px 136px;
    

    }

    .startbild__bild {
        display: flex;
        width: 50%;
        padding: 0px 5px 0 5px;
        margin-bottom: 50px;
    }
    .startbild__bild--noneflex {
        width: 50%;
        padding: 0px 5px 0 5px;
    }
    
    
    .text  {
    
        margin: 125px 141px 0 141px;
        display: flex;
        
        
    }
    .text__text {
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 21px;
        line-height: 33.5px;
        color: black;
        width: 50%;
       padding-right: 5px;
       margin-bottom: 94px;
        
    }

    .text__info {
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 21px;
        line-height: 33.5px;
        color: black;
        width: 50%;
        padding-left: 16.66%;
    }
    
    .text__absatz {
        font-family: "stevie-sans", sans-serif;
        margin-bottom: 33.5px;
        font-weight: 300;
        font-style: normal;
    }
    .text__absatz--sprachkenntisse {
        font-family: "stevie-sans", sans-serif;
        margin-bottom: 33.5px;
        font-weight: 300;
        font-style: normal;
        margin-top: 100px;
    }
    
    .marginfünf {
        margin-bottom: 10px;

    }

    .repro__offen {
        display: flex;
        margin: 0px 141px 50px 141px;
    }
    .video__mockup {
        display: flex;
        margin: 0 33% 200px 0;
    }
    .box__repros__eindrittel {
        margin:0px 141px 50px 141px;
    }
    .repro__offen__klein1 {
        display: flex;
        margin: 0 33% 25px 0
    
    }
    .repro__offen__klein2 {
        display: flex;
        margin: 0 0 0 33%
    }
    .repro__offen__klein2--demenz {
        display: flex;
        margin: 0 0 200px 33%
    }
    .repro__offen__klein2--mak {
        display: flex;
        margin: 0 0 200px 33%
    }


    
    
    
    
    .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: 141px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
   
   
    .entwürfe__box {
        display: flex;
        margin: 10px 136px 100px 136px;


    }
    .entwürfe__box--50px {
        display: flex;
        margin: 10px 136px 50px 136px;


    }
   
    .entwürfe__box--video {
        padding: 0 5px;
        
    }
    .entwürfe__box--video2 {
        padding: 0 5px;
        
    }
    .entwurf {
        display: flex;
        padding: 0px 5px 0 5px;
    }
   
    

       p { 
        font-family: "stevie-sans", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 21px;
        line-height: 33.5px; // Zeilenhöhe innerhalb von p-Elementen
        color: black;
        width: 100%;
       padding-right: 5px;
       
            	
    
            margin-top: 20px; 		// Abstand zwischen p-Elementen
            margin-bottom: 50px; 
        }

        
        



      
      /* .startseite__hoverbild { backdrop-filter: blur(10px);
       
      }  */
      
}