@media screen and (max-width: 599px) {
        
        
        /* Kopfbereich vorbereiten */
  .pageheader {
    box-shadow: 0 2px 6px rgba(51,51,51,0.3);
    position: relative;
  } 
        
        /* 14.11.2016 */
        /* Menübutton positionieren */
          div.menubutton {
            display: block;
            position: absolute;
            right: 1rem;
            top: 1rem;
            z-index: 10;
          }

        /* Menübutton gestalten */
          div.menubutton a {
            display: block;
            color: white;
            background: #ffffff url("navi-bg_grau.jpg") repeat-x left top;    /* Hintergrundfarbe weiss Navibereich grau */  
            text-decoration: none;
            padding: 0.5em;
            border-radius: 0.25rem;
            border: none;
          }
        /* Pfeile nach und nach unten */
            div.menubutton a.showmenu:after {
            content: " \25bc"; /* Pfeil nach unten */
            font-size: 0.7rem;
            }
          div.menubutton a.hidemenu:after {
            content: " \25b2"; /* Pfeil nach oben */
            font-size: 0.7rem;
          }
          /* Menübutton ausblenden */
          div.menubutton a.hidemenu {
            display:none;
          }
          
/* Grundformatierung für den Navigationsbereich */
  .navmain {
    padding: 0 1em;
    margin: 0;
    background: white;                  /* ganze Navigationsfläche */
    
  }
  /* Die Navigationsliste gestalten */
  .navlist {
    overflow: hidden;    
    transition: 0.25s;
    list-style-type: none;        
    padding: 0;
    border-radius: 0.25rem;     
    margin: 0;
    background: #ffffff url("navi-bg_grau.jpg") repeat-x left top ;    /* Hintergrundfarbe weiss Navibereich grau */ 
    border-color: #000000;
    border: 5px;
  }
  .navlist li {
    display: block;
    border-bottom: 1px solid #ddd;
    
  }
  .navlist li:last-of-type {
    border-bottom: 0;
    
  }
  
/* Die Links im Navigationsbereich gestalten */
  .navlist a {
    display: block;
    text-decoration: none;
    background: #ffffff url("navi-bg_grau.jpg") repeat-x left top ;    /* Hintergrundfarbe weiss Navibereich grau */  
    /* background: #eee;     */
    color: #333;          
    padding: 0.3rem;                                                  /* Innenabstand ist ein erzwungener Leerraum zwischen dem Inhalt eines Elements und seinem eigenen Elementrand */
                                                                      
  }
  .navlist a.active {
    
    background: #920f0f url("navi-bg.jpg")  repeat-x  left top 20px;     
    /* background: #08c;   */
    color: #ffffff;
    text-decoration: none;
    
  }

  /* Navigationsliste ausblenden */
  .navlist { max-height: 0; }

  /* Wenn #menu in der URL steht, die Navigationsliste einblenden */
  /* Den Wert für max-height ggf. an die Länge der Navigation anpassen */
  #menu:target .navlist { max-height: 25em; }

  /* Button mit Pfeil nach unten ausblenden */
  #menu:target a.showmenu { display: none; }
  /* Button mit Pfeil nach oben einblenden */
  #menu:target a.hidemenu { display: block; }
/* ------------------------------------------------------------------- */

  
 /* Ende Media */