#nav { width: 99%; max-width: 1149px; padding: 0; margin: 0 auto; }

#nav ul { width: 100%; max-width: 1148px; list-style-type: none; padding: 0 !important; margin: 0 !important; }
#nav ul li { float: left; text-align: center; width: 14.2%; }
#nav a { font-size: 24px; color: #000000; font-family: Georgia; display: block; padding: 10px 1.8%; border-left: 1px solid #c3bfbf; text-align: center; }
#nav a:hover { color: #c3bfbf; padding: 10px 1.8%; background: #000000; }
#nav .active { color: #c3bfbf; padding: 10px 1.8%; background: #000000; }
#nav .last { border-right: 1px solid #c3bfbf; }

#nav .mobil_menu_button { display: none; }

@media screen and (max-width: 768px) {
    #nav { font-size: 18px; width: 50%; text-align: center; z-index: 1000; position: absolute; margin-left: 23%; }
    #nav ul { border: 1px solid #c3bfbf; background: #ffffff; border-top: none; }
    #nav ul li { float: none; margin-left: 3%; margin-right: 3%; border-bottom: 1px solid #c3bfbf; width: auto !important; }
    #nav a { font-size: 18px; padding-bottom: 5px; padding-top: 10px; display: block; border-left: none !important; }
    #nav a:hover { padding-bottom: 5px; }
    #nav .active { padding-bottom: 5px; background: none; color: #ec5324; }
    #nav ul .last { border-bottom: none !important; border-right: none; }
    #nav .mobil_menu_button { display: block; cursor: pointer; border-top: 1px solid #c3bfbf; }
    #nav .mobil_menu_button li { border-bottom: none; }
    #nav .real_menu { display: none; }
}