﻿@media (max-width:770px) {
div.menubutton {
    right:.5rem;
    top:8rem;
    position:absolute;
    display:block;
    z-index: 10;
}
div.menubutton a {
    display:block;
    padding:.5rem;
    background-color:#4f4797;
    border:0px solid #4f4797;
    border-radius:.25rem;
    font-family:PT Sans,sans-serif;
    text-decoration:none;
    color:#fff;
}
div.menubutton a.shownav:after {
    font-size:.7rem;
    content: "\25bc";
}
div.menubutton a.hidenav:after {
    font-size:.7rem;
    content: "\25b2";
}
div.menubutton a.hidenav {
    display:none;
}
nav.mod_navigation {
    margin:0;
    padding:0;
    background-color:#4f4797;
    transition: 1s;
}
nav.mod_navigation ul.level_1 {
    margin:0;
    padding:0;
}
nav.mod_navigation li {
    display:block;
    margin:0;
    padding:0;
    list-style-type:circle;
}
nav.mod_navigation li:last-of-type {
    border-bottom:0;
}
nav.mod_navigation .level_2 li:first-of-type {
}
nav.mod_navigation li a,
nav.mod_navigation li span,
nav.mod_navigation li strong {
    display:block;
    font-weight:normal;
    padding:.5rem;
    text-align:left;
    background-color:#4f4797;
    font-family:PT Sans,sans-serif;
    text-decoration:none;
    color:#fff;
}
nav.mod_navigation a:hover,
nav.mod_navigation a:focus {
    text-decoration:underline;
}
nav.mod_navigation li.active span,
nav.mod_navigation li strong.active {
    background-color:#f3e71f;
    text-decoration:none;
    color:#1a1a96;
}
#header ul.level_2 {
    list-style-type:circle;
}
#header nav .level_2 li {
    font-family:PT Sans,sans-serif;
    list-style-type:circle;
}
#header .level_2 a {
    list-style-type:circle;
}
nav.mod_navigation .level_2 li a,
nav.mod_navigation .level_2 li span,
nav.mod_navigation .level_2 li strong {
    padding:.5rem 0 .5rem 3rem;
    font-family:PT Sans,sans-serif;
    text-decoration:none;
    list-style-type:circle;
}

/* Action mit :target */
#header nav.mod_navigation {
    max-height:0;
}

/* Wert an Navigation anpassen */
#menu:target nav.mod_navigation {
    max-height:50rem;
}
#menu:target a.shownav {
    display:none;
}
#menu:target a.hidenav {
    display:block;
}
}
