/* Style Sheet */

/**
 * Vertical DropDown
 */

nav > ul {
    margin: 0;
    padding: 0;
    font-family:arial, verdana, sans-serif;
}

nav  li {
    list-style:none;
    font-size: 1em;
    position: relative;
    margin: 0 0 0em 0;
    padding: 0px;
    width: 13.5em;
}

nav ul ul {
    position: absolute;
    top: -0.0em;
    left: 12.3em;     /*Verschiebung des Untermenüs nach links */
    font: 0/0 serif; /* Unternavigation ausblenden */
    z-index: -1;
    /*transition: font 0.5s;*/
}

    nav ul li:hover ul,
    nav ul a:focus ~ ul   {
        font: inherit;
        z-index: 10;                   /*  Unternavigation einblenden */
    }

@media (max-width: 800px) {
    nav li {
    font-size: 1em;
    }
}

nav a {
    display: block;
    padding: 0.4em;
    text-decoration: none;
    /* font-weight: bold; */
    text-align: left;
    border: 1px solid #DCDCDC;
    border-radius: 1px;
    /* box-shadow: 0 5px 10px white inset; */
    color: #949494;
    background-color: #F2F2F2;
    transition: all .45s ease-out;
}

nav li[aria-current] a {
    background-color: #F2F2F9;
    color: #949494;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
    /* color: darkblue;
    background-color: gold; */
}