.nav-main ul, ul.footernav {margin:0px auto; padding:0px; list-style:none; display:inline-block;}
.nav-main ul > li, ul.footernav li {float:left; margin:0px;  margin-top:0px; position:relative;}
li.naechste.zweite {
    float: unset;
}
.nav-main ul > li a{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:600;
  color:#929a96;
  display:block;
  margin-left: 0px;
  margin-bottom: 0px;
  padding: 5px 12px;
  text-decoration:none;
  position:relative;
  text-transform: uppercase;
}
.nav-main ul > li.erste:first-child a {padding-left:0;}
.nav-main ul.erste > li:hover::before, .nav-main ul li.erste.active::before {
  width: 50px;
}
.nav-main ul.erste > li::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 15px;
    bottom: 0;
    background: #003D7C;
    height: 4px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 0;
}
.nav-main ul > li.erste:first-child::before {
    left: 0;
}


.nav-main ul > li.trenn a{padding: 5px 0px 5px 17px;}
.nav-main ul > li.trenn {border-left:1px solid #FFFFFF}
div#xfooternav {
    background-color: #929a96;
}
div#footernav .nav-main ul > li a{color:#FFFFFF;}
div#footernav .nav-main ul > li:before{display:none;}
.pid {
 padding:10px 0;
 visibility:hidden;
 height: auto;
 left: 0;
 position: absolute;
 top: 30px;
 width: 980px;
 z-index: 100;
 opacity:0;
 background-color:#FFFFFF;
 transition: opacity 1s ease;
}
li.hassub:hover .pid, li.hassub.hover .pid {
  opacity:1;
  visibility:visible;
}

@media only screen and (max-width: 1023px){
nav.nav-main {
    width: 100%;
}
 
}
@media only screen and (min-width: 1024px){
#gridtop1 {border-top:1px solid #929a96;}  
#gridtop1 .toprow {background-color:#FFFFFF;}  
  
nav.nav-main {
    margin-top: 10px;
    margin-bottom: 10px;
}
}