
nav {
  text-transform: uppercase;
  
  float:left;
  width: calc(80% - 25px);
  height:75px;
  
  font-size: 14px;
  font-weight: 400;
  line-height: 41px;
  
  text-transform: uppercase
}
nav .inner {
  float:none;
}

nav li{
  font-size: 18px;
}

nav .lvl1{
  width:18%;
  height:75px;
}

nav .lvl1 .wrap{
  border-top:4px solid white;
  height:71px;  
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  width:auto;
  
}

nav .lvl1 .wrap{
  padding-top:25px;
  height:50px;
}

nav .lvl1:hover .wrap{
  border-top:4px solid rgb(96,169,55);
}

nav li:hover{
  background-color:rgb(230,230,230)!important;
}

.level01 {
  list-style-type:none;
  display:block;
}

.level01 li {
  float:left;
  text-align:center;
}
.level01 .last {
  border-style:none;
}
.lvl1{
  cursor:pointer !important;
}
.is-sticky .lvl1:hover .level2 {
  display:block!important;
}
.is-sticky .level2 {
  display:sticky;
}
/* level2 drodown */
.level2{
  margin-top:-5px;
  position:absolute;
  z-index:99999;
  display:none;
  padding:0!important;
  background-color:rgb(230,230,230);
  border-left:none;
  min-width:200px;
}
.level2 li{
  text-align:left;
  clear:both;
  width:100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 41px;
}
.level2 li a{
  display:block;
  width:80%;
  padding:3px 10%;
}
.level2 li a:hover{
  background-color:rgb(96,169,55);
  color: #fefefe;
}
nav li{
  list-style:none;
}

/* links */
nav a:link,
nav a:visited {
  color:black;
  text-decoration:none;
}

nav a:active,
nav a:hover {
}
.is-sticky{
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:9999999;
  line-height: 1.5;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}




/* mobile menu erstmal ausblenden */
#mobile {
  display:none;
  background-color:#fff;
  min-height:55px;
  border-bottom:1px solid rgba(30, 30, 30, 0.15);
  z-index:99999999;
}

@media (max-width: 1000px) { 
nav .lvl1 {
  width:auto;
}

nav .wrap {
  padding: 0 10px;
}

}


@media (min-width: 761px) { 
.lvl1:hover .level2{
  display:block!important;
}

.lvl1{
  background-color:white!important;
}
}


@media (max-width: 760px) {
/* mobiles menue */
nav{
  display:none;
  padding: 2% 0 2% 0;
}

.logo{
  display:none;
}

.menuborder{
  float:left;
  width:20%;
}

.mobilelogo{
  float:left;
  width:60%;
  height:55px;
}

.mobilelogo a{
  display:block;
  max-width:80%;
  margin:auto;
  height:55px;
}

.mobilelogo img{
  display:block;
  max-width:100%;
  margin:auto;
  height:43px;
}

#mobile .inner{
  width:100%;
}

#mobile .lvl1 {
  border-bottom:1px solid rgba(30, 30, 30, 0.15);
}
#mobile .level01 li {
  color:white;
  font-size: 16px;
  font-weight: 400;
  /*line-height: 18px;*/
  text-transform: uppercase;
  background-color:#31348a;
  text-align:left;
  clear:both;
}


.menu-button{
  width:40px;
  height:40px;
  margin:7px 0 0 10px;
  float:left;
  cursor:pointer;
}
.anrufen-button{
  width:30px !important;
  height:40px !important;
  margin-top:8px;
  margin-right:25px;
  float:right;
}
.level01 {
  width:100%;
  padding-bottom:20%;
}
.level01 li{
  /*padding:2% 0 2% 20px;*/
  margin:0!important;
  padding:0 4% 0% 4%;
  width:92%;
}
.level2{
  position:relative;
  width:100%;
  padding:0;
  margin:0;
  float: left;
  min-width: 0;
  background-color: #31348a;
}
.level2 li{
  color:white;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  list-style-type: square;
  background-color:#0C0F67;
  list-style-type:none;
  margin:1% 0;
  border-top:1px solid #fff;
}
.level2 .first{
  margin-top:2% !important;
  border-top:0px !important;
}
.level2 .last{
  margin-bottom:-2% !important;
}

.level2 li a {
  color:white;
  border-top:1px solid white;
  text-decoration:none;
  /*width: calc(100% - 38px);*/
  width:96%;
  padding:0 2%;
  border-style:none;
}
.level01 .lvl1:hover{
  /*padding:2% 0 15px 20px;*/
}
.level2 li:hover{
}

.level2 li:hover a{
  color:white;
  background:none !important;
}
#mobilenav_open {
  clear:both;
  float:none;
  display:none;
}
#mobile{
  display:block;
}
.wrap {
  padding:3% 0 3% 0;
}
}