.mob-nav i{     /* Das Menü soll: */ 
    color: #fff; /* Einen weißen Hintergrund haben */
    float: left; /* linksbündig sein */
    font-size: 30px; /* Die Schriftgröße 30 haben */
    margin-left: -50%; /* 50% Abstand zur Seite haben */
}
.logo{
    float: right; /* Das Logo soll rechtsbündig sein */
}
.cover-pic{ /* Herosection */
    width: 100%;
    height: 300px;
    background-image: url("../bilder/auto.jpg"); /*Url für Banner Bild auf Homepage, zum Ändern auf andere Seiten, Klasse kopieren*/
    background-position: center;
    background-size: cover; /* Der Banner passt sich automatisch dem Gerät an und "covered" dieses */
    background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) { /* Auf Bildschirmen, die kleiner als 600px sind, ist die Formatierung anders */
    .cover-pic{
        width: 100%;
        height: 120px;
        background-image: url("../bilder/auto.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
  }

  @media only screen and (min-width: 1500px) { /* Auf Bildschirmen, die mindestens 1500px groß sind, ist die Formatierung anders */
    .cover-pic{
        width: 100%;
        height: 450px;
        background-image: url("../bilder/auto.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
  }