body{
    padding: 0px;
    margin:0px;
    background: hsl(200, 5%, 12%);
}

#logotext{
    position: absolute;
    font-family: Tahoma, Courier, monospace;
    font-size: 150%;
    top: 6%;
    left: 10%;
    color: #ffff33;
    font-weight: bold;
    text-shadow: 3px 3px 4px #000000;

 }

 #logotext2
 {
    font-weight: normal;
    font-family: 'Courier New', Courier, monospace;
    line-height: 130%;
    font-size: 70%;
    color: lightgrey;
    text-shadow: 1px 1px 2px #000000;
 }

.mitte{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}



#teaser{
    position: relative;
width: 100%;
height: 200px;
}

#teaser img{   /* Bildeinstellungen*/
    width:100%;
    height: 100%;
    object-fit: cover;
}

/*@media screen and (max-width: 480px) {
    nav {
    font-size: 20px;
    }
    
    nav li {
    padding: 5px;
    }
    }
*/
@media only screen and (max-width: 480px) {
    nav {
      width: 100%;
      font-size: 16px;
    }
  }
  

@media screen and (min-width: 800px) {
    #teaser {
        height: 400px;
    }

    #logotext{
        position: absolute;
        font-family: Tahoma, Courier, monospace;
        font-size: 250%;
        top: 10%;
        left: 10%;
        color: #ffff33;
        font-weight: bold;
        text-shadow: 3px 3px 6px #000000;
    
     }
    
     #logotext2
     {
        font-weight: normal;
        font-family: 'Courier New', Courier, monospace;
        line-height: 130%;
        font-size: 70%;
        color: lightgrey;
        text-shadow: 1px 1px 2px #000000;
     }
     
   

}    /* Responsiv : Bildgrößenwechsel für kleine
Bildschirme*/

nav {
    position: sticky;
    top: 0px;
    background:hsl(200, 5%, 12%);
    /*backdrop-filter: blur(30px);*/
}  /*Nav-Leiste bleibt kleben und Hintergrund wird unscharf*/


footer ul,nav ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 60px;
    /* Listen haben automatisch eine Abstand für die 
    Bullets drin...*/
    
}

footer ul a, nav ul a{
    font-family:Verdana, Helvetica, sans-serif;
    color: grey;
    padding: 15px;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    /*Die Navigationspunkte*/
}

section{       /* Der Textbereich*/
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(209, 209, 209);

    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 50px;
}

section h1, h2{
color: #b3d9fff8;

}