html, body {
    width: 100%;
    height: 100%; 
    scroll-behavior: smooth;
}

.wrapper {
    margin: 0;
    width:100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 10% 58% 32%;
    grid-template-rows: 10% 100% 100% 5%;
    grid-template-areas:
      "Logo HEADER Menü"
      "Banner-Box Banner-Box Banner-Box"
      "Content1 Content1 Content1"
      "Content2 Content2 Content2";
}



  
.wrapper .Banner-Box {grid-area: Banner-Box;
    background-color: #525a53;
   text-align: center;
   }


.wrapper .Logo { grid-area: Logo; }
  
.wrapper .HEADER { grid-area: HEADER; text-align: left; align-self: center;}
  
.wrapper .Menü { grid-area: Menü; align-self: center;}
  
.wrapper .Content1 { grid-area: Content1; }
  
.wrapper .Content2 { grid-area: Content2; 
background-color: #000000;}
  

  
/*.HEADER {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 60px;
    position: sticky;
    
    transition: opacity  0.5s ease-in-out;
}*/


  
.logo { 
    grid-area: logo;
    max-height: 60px;
}
#Menü  {
    display: inline;
}

#Menü a:link { 
    border: 1px solid #525a53; 
    border-radius: 18px;
    background-color: #ffffff;
    padding: 10px;
    color: black;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: 2px;
    font-size: 15px;
}

#Menü a:hover { 
    
    border: 1px solid #525a53;
    background-color: #f7f1ef;
    color: #000;
}


#Einleitung { 
    font-family: sans-serif;
    color:#ffffff;
    text-align: center;
    
}
#M { 
    grid-area: HEADER;
    font-size: 50px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: sticky;
    animation: slideInDown;
    animation-duration: 1s;
}

#Text1 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 20px;
}

@media (max-width: 460px) { 
    #M { font-size: 20px;}

   #Menü{ font-size: 10px;}
   
   .logo { max-height: 20px;}

   #Text1 { font-size: 10px;}
}