.main-menu-btn {
/*  position: relative;  float:right;
  display: inline-block;*/

position:fixed; 
right:10px; top: 3px;
z-index:10001;

  text-indent: 9999px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);

width:50px; 
height:40px;

background-color:transparent; 
}


/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 10px;
  
  height: 3px;
  border-radius: 2px;
  width: 28px;
  background: #25b7ea;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}


.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
 

.sm-blue a, .sm-blue span.linktext { padding: 8px 15px 8px 15px;  border-bottom: 1px solid #46c9dd; 

color: #000;
  background-color: #ffffff;
  display: block;

  font-family: 'AvenirLTPro-Book',Arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20x;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  }

.sm-blue a.highlighted, .sm-blue .active > a, .sm-blue .mainmenusub .active  a  {color: #25b7ea; border-bottom: none; }

.sm-blue a:hover , .sm-blue span.linktext:hover{color: #25b7ea;  }



.sm-blue a.highlighted  .mainmenusub a {color: #000;}


.sm-blue .mainmenusub a { color: #000;padding: 6px 15px 6px 30px;   font-size: 16px;   text-transform: none; border-bottom: none; }

 
 .sm-blue .mainmenusub {border-bottom: 1px solid #46c9dd; }

.sub-arrow {display: block;
/*  text-indent: -9999px;*/
  position: absolute;
  right: 10px; color:transparent;  } 
 
.sub-arrow::before {content:'+'; font-size: 20px;display:block; width: 20px; color: #000;}

a.highlighted .sub-arrow::before {content:'–';text-indent:0px;font-size: 20px;display:block; width: 20px;}


.active ul.mainmenusub {display:block;}


#mainmenu , #topmenu {display:none; }

.scrolled #headertop {position:fixed; z-index:10000;height: 45px;}
.scrolled #headerbar {display:none; }
 
.scrolled #mobilelogo {display:block; width: 70px; height: 45px; position:fixed; top: 0px; left: 5px; z-index: 1001;
 
background-image:url('../images/welle-klein.png');

background-repeat:no-repeat;
background-size:60px auto;
background-position:center; 

 }



.sm {position:fixed; top:45px; width: 100%;z-index: 999999999; /*muss über allem liegen, auch über cookie-settings-button*/
border-bottom: 1px solid #46c9dd;
}

 

@media all and (min-width: 1024px){
	
 
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
    
  } 
	  	
#dl-menu, .mobile_menu, #main-nav {display:none;}
#mainmenu {display:block; }

/*#topmenu {display:block;position:absolute; right:220px;top:0px;}
#topmenu ul {list-style-type:none}
#topmenu li {float:left;position:relative;margin-right:10px;  

     -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s; 
     height:55px; 
    padding-bottom:23px;
}

#topmenu li:hover, #mainmenu li.active { }
#topmenu li:last-of-type {margin-right:0;}
#topmenu li:hover > a, #mainmenu li.active > a, #mainmenu li:focus > a { color:#3b3d40;color:#dedede; } 
 
#topmenu li > a {
font-family: 'AvenirLTPro-Book',Arial, helvetica, sans-serif;
font-size:16px;display:block; color:#fff;
padding: 16px 10px 0px 10px; height:44px;  
}*/
  
  
  
  
 	
#mainmenu {display:block;position:absolute; top:0px; 

left:266px;
}
#mainmenu ul {list-style-type:none; padding:0; margin:0;}
#mainmenu li {float:left;position:relative; margin-left:0px;  

     -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s; 

  
}
/*
#mainmenu li:hover, #mainmenu li.active {  color:#46c9dd; }*/
#mainmenu li:last-of-type {margin-right:0;}

#mainmenu li:hover > a  {  color:#46c9dd;} 
#mainmenu li.active > a, #mainmenu li:focus > a {  color:#fb6d22;} 

 
#mainmenu li > a {     height:60px; 

margin-top:40px;
font-family: 'AvenirLTPro-Book',Arial, helvetica, sans-serif;
 font-size:15px;

display:block; color:#000;
padding: 12px 24px 0px 0px;   text-transform:uppercase;
 
}
#mainmenu li#p94 {width: 240px;}

#mainmenu li.sub > a {cursor:default;}
#mainmenu li.sub.p205 > a {cursor:pointer;}

#mainmenu li:hover .menuknopf {display:block;}



#mainmenu ul li > ul.submenu {
list-style-type:none;
position:absolute; /*left:50%; margin-left:-115px;*/
left:0px;left:-16px;
width:auto;
top:100px; 
display:none;
padding:5px 5px 5px 5px;padding:0px 0px 16px 0px;
 background-color:rgba(255,255,255,0.85);
background-color:#fff;
border-bottom-left-radius: 30px 30px;
border-bottom-right-radius: 30px 30px;
width: 330px;

}


#mainmenu ul li > ul.submenu.bgwhite {background-color:rgba(255,255,255,1);}


#mainmenu ul li ul.submenu li.first {border-top:2px solid #46c9dd;padding-top:12px;}

#mainmenu ul li ul.submenu li {float:none; clear:both; 
padding:0px;height:auto;margin:0;border-bottom:0;position:relative;
background-color:transparent; 

} 
 

#mainmenu ul li ul.submenu > li:hover > a  {color:#46c9dd !important;  }
#mainmenu ul li ul.submenu li a {display:block;line-height:22px; padding:12px 5px 12px 16px ;height:auto;font-weight:400; font-size:14px;line-height:14px;color:#000; margin:0; }  

#mainmenu ul li ul.submenu li a:hover   {color:#46c9dd !important; }  
 #mainmenu ul li ul.submenu li a:focus,  #mainmenu ul li ul.submenu li.sub-aktiv > a   { color:#fb6d22;}  
 

#mainmenu ul li ul.submenu li.active a,
  #mainmenu ul li ul.submenu li.active a:hover,
  #mainmenu ul li ul.submenu li.active a:visited {color:#fb6d22 !important;}
}  


@media all and (min-width: 1024px){
 
#mainmenu {display:block;}
}

 

@media all and (min-width: 1280px){
 /*jubiläumskonferenz*/
#mainmenu li > a {font-size:16px;}



 }