/* Gestaltung der Navigation */

.site-nav {
        position: static;
               padding: 0;
}
.site-nav ul {
        max-height: 0;
        overflow: hidden;
        display: flex;
        flex-flow: column;
        list-style: none;
               padding: 0;
      color: white;
       background: #0b74b8;
}
.site-nav a {
        display: block;
        text-decoration: none;
        background: #333; color: white;
        padding: 0.5rem 1rem;
        margin-right: -1rem;
}
.site-nav a:hover, .site-nav a:focus {
        background: #0b74b8; color: white;
}

.current a { background: #666; color: white;
}
.menubutton { 
        display: flex;
        align-items: center;
    cursor: pointer;
        background: inherit; color: white;
        font: inherit;
        text-align: center;
        padding: 0.5rem 1rem; border: 0; margin: 0;
}
.menubutton::before {
      content: url(../bilder/corypan.jpg);
      width: 1rem;
      height: 1rem;
      margin-left: 5rem;
}
.showmenu + ul {
        max-height: 100rem;
        transition: max-height 500ms;
        overflow: initial;
}
.showmenu.menubutton::before {
      content: url(../bilder/audio_radar.gif);
}
@media screen and (min-width: 600px)
.menubutton { display: none !important; }
.site-nav { position: sticky; }
.site-nav ul {
        max-height: none !important;
               flex-flow: row;
        list-style: none;
               padding: 0;
}