.Navi { flex: 1 1 20%; order: 1; padding: 4px; margin: 1px; border: 0; background-color: #F39718; flex: 1 1 20%; order: 1; }.Navi ul { flex-direction: column; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }.Navi li { margin: 1px; padding: 0; font-size: 1rem; }.Navi .Mobile { display: none; }.Navi a { display: block; padding: 0.4em; text-decoration: none; font-weight: bold; text-align: center; border: 1px solid #KNOPF_AB#; box-shadow: 0 5px 10px white inset; color: #FFFFFF; background-color: #E63F37; transition: all .25s ease-in; }.Navi li[aria-current] a { background-color: #F39718; color: #FFFFFF; border: 1px solid #ffffff; }.Navi a:focus, .Navi a:hover, .Navi li[aria-current] a:focus, .Navi li[aria-current] a:hover { color: #FFFFFF; background-color: #F39718; border: 1px solid #ffffff; }.Navi .submenu { visibility: hidden; height: 0; z-index: 1000; }.Navi .submenu li { display: block; }.Navi li:hover .submenu, .Navi li:active .submenu, .Navi li:focus .submenu, .Navi li:focus-within .submenu { visibility: visible; height: auto; }.Navi p a { padding: 0; text-decoration: none; font-weight: normal; text-align: center; border: 0; box-shadow: 0; color: #A20516; background-color: transparent; }@media (max-width: 48em) {.Navi div { display: none; }.Navi DIV:target { display: block; }.Navi ul { flex-direction: column; }.Navi .Mobile { display: block; }}