html {
    background-color: rgb(238, 225, 202);
    font-family:Verdana, Geneva, Tahoma, sans-serif;
  }
  
  body {
   padding: 0px;
   margin: 0px auto;
   width: 800px;
   max-width: 90%;

/*   display: grid;
   grid-template-columns: 1fr;
   grid-template-areas: "header"
                        "nav"
                        "article"
                        "footer"
*/
  } 


  @media screen and (min-width: 40em) {
    #welcome {
      height: 300px;
    }
  }

  /*
  @media (min-width: 20em) {
    body {
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "header header"
                           "nav nav"
                           "foot foot";
    
    }
  }
  
  @media (min-width: 60em) {
    body {
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "nav nav"
                           "header header"
                           "outdoor outdoor"
                           "foot foot";
    
    }
  }
  */  
  .home {
    text-align: left;
    text-decoration: none;
    margin-top: 15px;
  }
  .home a {
    text-decoration: none;
    color:darkgreen;
  }

  .outdoor {
    text-align: left;
    text-decoration: none;
    margin-top: 15px;
  }
  .outdoor a {
    text-decoration: none;
    color:rgb(77, 80, 81);
  }

  .banner {
    display: flex;
    width:100%;
    height:350px;
    object-fit:cover;
  }

  .bilder {
    display: flex;
    width:100%;
    height:250px;
    object-fit:cover;
  }

  .bildbeschriftung {
    color: darkblue;
    padding-bottom: 20px;
}    

  .container_main { 
    height:100vh; 

/*    display: grid; 
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "nav nav"
                         "header header"
                         "article article"
                         "footer footer" 
*/
                         } 
  
  .container_outdoor {
    height:100vh; 
/*    display: grid; 
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "nav nav"
                         "article article"
*/
  }

  .holzwerkstatt {
    grid-area: article;
    text-align:left;
    margin-bottom: 20px;
  }


  .wandern {
    grid-area: article;
    text-align:left;
    margin-bottom: 20px;
  }

  .radeln {
    grid-area: article;
    text-align:left;
    margin-bottom: 20px;
  }

  .bild_links {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 50px;
    padding-left: 0px;
    max-height: 150px;
    max-width: 40%;
    object-fit: cover;
  }

  .bild_rechts {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 0px;
    padding-left: 50px;
    max-height: 150px;
    max-width: 40%;
    object-fit:cover;
  }
  .download-link {
    width:20px;
}
  nav {
  grid-area:nav;
/*    grid-column-start:1;
  grid-column-end:5;
  grid-row-start:1;
  grid-row-end:2;
*/  }
/*nav ul {
  display: inline;
  list-style: none;
  margin-left: 20px;
  color: rgb(48, 43, 43);
}
*/
nav ul li {
  display: inline;
  list-style-type: none;
  justify-content: left;
  margin: 10px;  
  align-items: left;

}

nav ul li a {
  text-decoration: none;
  color:rgb(77, 80, 81);
}

header { 
  grid-area: header;
/*  grid-column-start:1; 
  grid-column-end:5; 
  grid-row-start:2; 
  grid-row-end:3; 
*/  } 

article { 
  grid-area:article;
  padding-bottom: 15px;
/*  grid-column-start:1; 
  grid-column-end:4; 
  grid-row-start:3; 
  grid-row-end:4; 
*/  } 
article img {
  width:100%;
  padding-top:20px;
}
article ul li {
  display:flex;
  list-style-type: circle;
  justify-content: left;
  margin: 10px;  
  align-items: left;
}

article ul li a {
  text-decoration:none;
  color:rgb(2, 2, 100);
}

section {
  padding-top: 5px;
  padding-bottom: 5px;
}

aside {
  grid-area:aside; 
/*    grid-column-start:4; 
    grid-column-end:5; 
    grid-row-start:3; 
    grid-row-end:2; 
*/  } 

footer { 
  grid-area:footer;
/*  grid-column-start:1; 
  grid-column-end:5; 
  grid-row-start:4; 
  grid-row-end:5; 
*/  }

footer ul li {
  display: inline;
  list-style-type: none;
  justify-content: left;
  margin: 10px;  
  align-items: left;
}

footer ul li a {
  text-decoration: none;
  color:rgb(77, 80, 81);
}