/* Flexnav Base Styles */
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-height: 0; 
}
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
  .flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden; 
    width:100% !important;
    height:auto !important;
    border-bottom: 2px solid #ffffff;
    }

  .flexnav li a {
    position: relative;
    display: block;
    padding: 0.8em 1em 0.8em 1em;
    z-index: 2;
    overflow: hidden;
    color:#666666;
    background-color:#d5d4d4;
    font-style:normal;
    font-family: "RobotoRegular",Arial,Helvetica,Verdana,Tahoma,sans-serif;
     }
  .flexnav li ul {
    width: 100%;
   }
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
  .flexnav li ul.flexnav-show li {
    overflow: visible; }
.flexnav li ul li {border-bottom:2px solid #ffffff;}
.flexnav li ul li:last-child {border-bottom:0px dotted #d5d4d4;}

  .flexnav li ul li a {
    display: block;
        background-color:#e6e6e6; }
  .flexnav ul li ul li a {
    background: #f8f8f8; }
  .flexnav ul li ul li ul li a {
    background: #ffffff; }

.flexnav ul li ul li ul li  {
  border-bottom:2px solid #f8f8f8;
  }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    display: inline-block;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: center; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 1em;
      font-size: 12px;
      color: #a1a1a1;
      font-style:normal;}
      span.trenner {display:none;}
.menu-button {
  position: relative;
  display: block;
  padding: 15px 15px 15px 15px;
  background: #6e6e6e;
  color: #ffffff;
  cursor: pointer;
  border-bottom: 0px solid rgba(0, 0, 0, 0.2); 
  font-size:1.25em;
  text-transform:uppercase;
  font-family: "Conv_Roboto-Medium",Arial,Helvetica,Verdana,Tahoma,sans-serif;
}
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    display: inline-block;
    text-align: center; }
    .menu-button .touch-button .navicon {
      font-size: 12px;
      position: relative;
      top: 1.4em;
      color: #ffffff;
      font-family: arial;
 }


@media all and (min-width: 580px) {
  body.one-page {
    padding-top: 70px; }

  .flexnav {
    overflow: visible; }
    .flexnav.opacity {
      opacity: 1; }
    .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px; }
    

/* ERSTE EBENE */




  .flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      background-color: transparent;
      overflow: visible;
      width:auto !important; 
      border-bottom:0px solid #ffffff;
      /*height:2em !important;*/
      }
    .flexnav li a {
      color: #666666;
      border-left: none;
      border-bottom: none;
      background: none repeat scroll 0 0 transparent;
      padding:0em; 
      overflow:inherit !important;
      display: inline-block;
      padding: 0.6em;      
     }
   
    .flexnav li:hover {
     background-color:#6ba7da;
     }
    .flexnav li:hover a {
     color:#ffffff;
    }

    .flexnav li.active {
     background-color:#ffffff;
     }
    .flexnav li.active a {
     color:#6ba7da;
    }

  

.flexnav li > ul {
      position: absolute;
      top: auto;
      left: 0; }
      .flexnav li > ul li {
        width: 100%; }
    .flexnav li ul li > ul {
      margin-left: 100%;
      top: 0; }
    .flexnav li ul li a {
      border-bottom: none; }
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
      .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px; }
      .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0; }
      .flexnav .touch-button {display:none;}

.flexnav li ul {
    width:auto;
    /*margin-top:1.65em;*/
    padding-top:0.75em;
    }

.flexnav li ul li ul {padding-top:0em;padding-left:0.5em;}
 
.flexnav li ul li:first-child {border-top:1px solid #6ba7da;}
.flexnav li ul li, .flexnav li ul li:last-child {height:auto !important;white-space: nowrap;float:none;border-bottom:1px solid #6ba7da;}
.flexnav li ul li a, .flexnav li ul li ul li a, .flexnav li ul li ul li ul li a, .flexnav li ul li:hover ul li a {display:block;color:#6e6e6e !important;background-color:rgba(255,255,255,0.9);}
.flexnav li ul li:hover a, .flexnav li ul li ul li:hover a {color:#ffffff !important;background-color:rgba(107,167,218,1);}


.menu-button {
    display: none; } 
    
    
    
/* #global_nav .hlist .stufe3 {display:none !important} */

#global_nav .hlist .stufe4 {display:none !important}   
    
    
    
    
    
    }
    
  .oldie body.one-page {
    padding-top: 70px; }
  .oldie .flexnav {
    overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
  .oldie .flexnav li:hover > ul li {
     width: 100%;
     float: none; }
  .oldie .flexnav li a {
     border-left: 1px solid #acaca1;
     border-bottom: none;
     overflow: visible; }
  .oldie .flexnav li > ul {
     background: #acaca1;
     position: absolute;
     top: auto;
     left: 0;
     display: none;
     z-index: 1;
     overflow: visible; }
  .oldie .flexnav li ul li ul {
     top: 0; }
  .oldie .flexnav li ul li a {
     border-bottom: none; }
  .oldie .flexnav li ul.open {
     display: block;
     width: 100%;
     overflow: visible; }
  .oldie .flexnav li ul.open li {
     width: 100%; }
  .oldie .flexnav li ul.open ul.open {
     margin-left: 100%;
     top: 0;
     display: block;
     width: 100%;
     overflow: visible; }
  .oldie .flexnav ul li:hover ul {
     margin-left: 100%;
     top: 0; }
  .oldie .menu-button {
     display: none; }
  .oldie.ie7 .flexnav li {
     width: 19.9%; }