@media all and (max-width: 918px) {
    
    .menue {
        display: flex;
        padding: 20px 40px 0 20px;
        align-items: baseline;
        text-decoration: none;
        position: absolute;
        width: 100%;
        z-index: 10;
       
      
    }

    .menue__container {
        width: 25px;
        height: 16px;
     }

     .menue__strich {
       width: 30px;
       height: 25px;
       color: #888990;
      
       
    }

    .menue__index {
        font-size: 25px;
        font-family: 'Addington', Times, serif;
        font-style: italic;
        color: #888990;
        width: 25%;
        display: none;
    }
    
    .menue__portfolio{
        font-size: 25px;
        font-family: 'Suisse', sans-serif;
        color: blue;
        font-weight: bold;
        width: 100%;
        text-align: center;
        text-decoration: none;
    
       
    }
    

    .menue__name{
        font-size: 25px;
        font-family: 'Addington', Times, serif;
        font-style: italic;
        color: #888990;
        width: 25%;
        text-align: right;
        display: none;
    }

    .menue__sprache {
        font-size: 15px;
        font-family: 'Addington', Times, serif;
        font-style: italic;
        text-align: center;
        color: #888990;
        padding: 5px 40px 0 80px;
        display: none;
    }

    .smartphone__menue__sprache__en{
        color: #888990;
    }
    .smartphone__menue__sprache__en:hover{
        color: blue;
    }
    .smartphone__menue__sprache__de{
        color: #888990;
    }
    .smartphone__menue__sprache__de:hover{
        color: blue;
    }

    .grosse__nummer {
        font-family: 'Addington', Times, serif;
        font-style: italic;
        font-size: 25px;
        color: blue;
        padding: 80px 0 0px 37px;
    }

    .projekttitel {
        font-family: 'Suisse', sans-serif;
        font-size: 30px;
        font-weight: bold;
        color: blue;
        padding: 0 0 27px 37px;
    
    }

    .projektbilder {
        display: block;
       
        padding: 0 37px 21px 37px;
    
    }

    .projektbilder__zwei {
        display: block;
        width: 100%;
        padding: 5px 37px 21px 37px;
    }

    .projektbilder__zwei__rechts{
        padding-top: 30px;
    }

    .projektbilder__zweispalten__rechts {
       
        padding-top: 10px;
        
    }

    .kleine__infos{
        font-family: 'Addington', Times, serif;
        font-size: 15px;
        font-style: italic;
        color: blue;
        display: flex;
    }

    .drafts{
        font-family: 'Addington', Times, serif;
        font-size: 15px;
        font-style: italic;
        color: blue;
        padding: 15% 0 5px 37px;
    }

    .texte { 
        font-family: 'Suisse', sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: blue;
        display: flex;
        
    }

    .jahr {
        width: 33.3%;
        padding: 0 0 0 80px;
        display: none;
    }
    
    .texte__dozente {
        width: 33.3%;
        padding: 22px 0 0 80px;
        display: none;
    }
    
    .fachbegriff {
        width: 100%;
        padding: 21px 0 16px 37px;
    }

    .texte__beschrieb {
        width: 100%;
        padding: 0 36px 0 37px;
    }

    .texte__dozente__sp {
        width: 100%;
        margin: 0 10px 27px 50%;
        
    }

    .jahr__sp{
        width: 100%;
        margin: 20px 0 10px 50%;
        font-family: 'Addington';
        color: blue;
        
    }

    .projektbilder__drafts{
        display: flex;
        padding: 10px 0 3% 0;
        width: 33%;
    }

    .projektbilder__drafts2 {
        display: flex;
        padding: 5px 0 3% 0;
        width: 33%;
       
    }


    .leitung{
        font-family: 'Addington', Times, serif;
        font-size: 15px;
        font-style: italic;
        color: blue;
        display: flex;
        padding: 15px 37px 0 37px;
    }

    .leitung__back {
        width: 50%;
    }
    
    .leitung__continue {
        width: 50%;
        text-align: right;
    }

    .text__klick {
        font-size: 18px;
        font-family: 'Suisse', sans-serif;
        font-weight: bold;
        display: flex;
        padding: 5px 37px 20px 37px;
    }

    
    .text__klick__left {
        width: 50%;
        color: #888990;
        text-decoration: none;
    }

    .text__klick__left:hover {
        width: 50%;
        color: blue;
    }
    
    .text__klick__right{
        width: 50%;
        text-align: right;
        color: #888990;
        text-decoration: none;
    }

    .text__klick__right:hover{
        width: 50%;
        text-align: right;
        color: blue;
    }

    .projektbilder__zweispalten__hoch{
        display: flex;
        padding: 20px 37px 0 191px;
        align-items: flex-end;
    }

    .kleine__infos__persoenlich{
        padding: 27px 0 0px 37px;
    }

    .texte__persoenlich {
        font-size: 18px;
        font-family: 'Suisse', sans-serif;
        font-weight: bold;
        padding-left: 80px;
        color: blue;
        display: flex;
        padding: 10px 37px 0 37px;
    }

    .liste {
        display: block;
        padding-top: 37px;
        
    }

    .uebertitel {
        font-family: 'Suisse', sans-serif;
        font-weight: bold;
        font-size: 30px;
        color: blue;
        padding-top: 40px;
        display: block;
    }
    
    .uebertitel__editorial {
        
        padding-bottom: 31px;
    }


    .uebertitel__posterdesign {
        padding-bottom: 31px;
    }

  
    .uebertitel__other {
        padding-bottom: 31px;
    }
   
    .liste {
        display: block;
        
    }


    .liste__editorial {
        width: 100%;
        padding-left: 64px;
    }


    .liste__posterdesign {
        width: 100%;
        padding-left: 64px;
        
    }

    .liste__other {
        width: 100%;
        padding-left: 64px;
    }

    .kleine__nummer {
        font-family: 'Addington', Times, serif;
        font-size: 15;
        color: blue;
        font-style: italic;
        padding-bottom: 5px;
    }

    .text__klick__menue {
        font-size: 18px;
        font-family: 'Suisse', sans-serif;
        font-weight: bold;
        color: #888990;
        display: flex;
        padding-bottom: 20px;
        text-decoration: none;
    }

    .text__klick__menue:hover {
        font-size: 18px;
        font-family: 'Suisse', sans-serif;
        font-weight: bold;
        color: blue;
        display: flex;
        padding-bottom: 20px;
        text-decoration: none;
    }

   .smartphone__menue{
    display: block;
    font-family: 'Addington';
    font-style: italic;
    font-size: 35px;
    color: #888990;
    padding-top: 90px;
    text-align: center;
    display: none;
    position: fixed;
   }

   .smartphone__menue.aktiv{
    display: block;
    position: fixed;
    background-color: white;
    width: 100%;
    height: 100vh;
    justify-content: center;
    text-decoration: none;
    z-index: 10;

   }

   .smartphone__menue__startseite{
    padding-bottom: 10px;
    text-decoration: none;
    color: #888990;
   }
   .smartphone__menue__index{
    padding-bottom: 20px;
    text-decoration: none;
    color: #888990;
   }
   .smartphone__menue__name{
    padding-bottom: 20px;
    text-decoration: none;
    color: #888990;

   }
   .smartphone__menue__sprache{
    padding-bottom: 20px;
    text-decoration: none;
    color: #888990;
    display: flex;
    justify-content: center;
   }
    
    .startseite__projektnummer {
        position: absolute;
        font-family: 'Addington', Times, serif;
        color: blue;
        font-style: italic;
        font-size: 20px;
    }

    .startseite {
        position: relative;
    }

    .startseite__projekt {
        position: absolute;
    }

    .startseite__projekt--schmelzen {
        width: calc(100% /19 * 6);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 6);
    }

    .startseite__projekt--politik {
        width: calc(100% /19 * 4);
        margin-left: calc(100% /19 * 12);
        margin-top: calc(100% /19 * 6);
    }

    .startseite__projekt--niederlassen {
        width: calc(100% /19 * 6);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 12);
    }

    .startseite__projekt--windows {
        width: calc(100% /19 * 4);
        margin-left: calc(100% /19 * 12);
        margin-top: calc(100% /19 * 14);
    }

    .startseite__projekt--hei {
        width: calc(100% /19 * 4);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 18);
    }

    .startseite__projekt--paradis {
        width: calc(100% /19 * 6);
        margin-left: calc(100% /19 * 12);
        margin-top: calc(100% /19 * 22);
    }

    .startseite__projekt--cover {
        width: calc(100% /19 * 5);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 26);
    }

    .startseite__projekt--sauer {
        width: calc(100% /19 * 6);
        margin-left: calc(100% /19 * 12);
        margin-top: calc(100% /19 * 29);
    }

    .startseite__projekt--card {
        width: calc(100% /19 * 7);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 35);
    }

    .startseite__projekt--lutz {
        width: calc(100% /19 * 4);
        margin-left: calc(100% /19 * 12);
        margin-top: calc(100% /19 * 36);
    }

    .startseite__projekt--alltag {
        width: calc(100% /19 * 6);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 43);
    }

    .startseite__projekt--bisesknallt {
        width: calc(100% /19 * 5);
        margin-left: calc(100% /19 * 12);
        margin-top: calc(100% /19 * 44);
    }

    .startseite__projekt--master {
        width: calc(100% /19 * 4);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 50);
    }

    .startseite__projekt--chnusper {
        width: calc(100% /19 * 7);
        margin-left: calc(100% /19 * 10);
        margin-top: calc(100% /19 * 53);
    }
 .startseite__projekt--point{
        width: calc(100% /19 * 7);
        margin-left: calc(100% /19 * 3);
        margin-top: calc(100% /19 * 60);
    }
  
  
}