/* nav-inline.css:                                                   */
/* Navigation für breite Viewports                         */ 
/* Liste nebeneinander                                          */

@media screen and (min-width: 600px) {  /* 600*/

  div.menubutton { display: none; }

  .pageheader {
    box-shadow: 0 2px 6px rgba(51,51,51,0.3);
    margin-bottom: 0rem;
  }
  .navlist { 
    max-height: 5em;
    padding: 15px 20px 5px 20px;
    margin: 0;
  }
  .navlist li {
    list-style-type: none; 
    border-bottom: 0;
    display: inline-block;
  }
  .navlist a {
    display: block;
    min-width: 5em;
    background: gray;
    color: #dddddd;
    text-align: center;
    text-decoration: none;
    border-radius: 0.5rem;
    padding: 0.1em 0.2em;
    margin: 0 0.5em 0.5em 0;
  }

  .navlist a.active {
    background-color: #b6d6f6;  /*hellblau*/
    color: #fff;                /*lichtgrau */
    text-decoration: none; 
  }
  .navlist a:hover,
  .navlist a:focus {
    text-decoration: underline;
    background-color: #b6d6f6;  /* hellblau */
  }

  .hideme {
    border: 0;
    clip: rect(0 0 0 0); 
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

} /* Ende @media */