
.mobilenone  { display:block; }
.mobileonly  { display:none; }

.tabletone   { display:block; }
.tabletonly  { display:none; }

.desktopnone { display:none; }
.desktoponly { display:block; }

#fixedHelp { position:absolute; width:4.5em; height:0.5em; }
#fixedHelp div { position:absolute; width:4.5em; height:9.25em;  }


#bluepageMobilNavPanel,
#bluepageHeadMobil { display:none; }

#bluepageHeadNavContainer {
	display:table-row;
}

#bluepageHeadNav {
   position:relative;
   left:0;
   width:auto;
   margin:0 0.5em;
   padding:0;
   text-align:center;
   display:table;
   z-index:1000;   
   height:100%;                 
}

#bluepageHeadNav ul {
   position:relative;
   list-style-type:none;
   display:none;
   margin:0 auto;
   text-align:center;             
   padding:0;
   width:auto;                    
   vertical-align:middle;               
   height:100%;
}
#bluepageHeadNav ul li {
   _padding:0 0.5em 1.75em 0.4em;
   padding:0.25em 0.5em 0.25em 0.4em;
   margin:0;
   vertical-align:middle;               
   display:table-cell;    
}
#bluepageHeadNav ul li a {
   position:relative;
   padding:0.85em 0.25em 0.85em 0.25em;
   display:table-cell;
   color:#ffffff;
   text-decoration:none;
   vertical-align:middle;
   opacity:1;
   height:100%;                          
}
#bluepageHeadNav ul li a:hover,
#bluepageHeadNav ul li a.mpopen {
   opacity:0.5;
   text-decoration:none;                 
}
#bluepageHeadNav ul li a span {
   font-weight:normal;
   font-size:var(--nav1-font-size);
   display:table-cell;
   line-height:100%;
   cursor:pointer;
   height:100%;
}
#bluepageHeadNav ul li a.aktiv,
#bluepageHeadNav ul li a:hover.aktiv  {
   opacity:1;
   color:#c3a16a;
}
#bluepageHeadNav ul.navUL_1 { display:table; width:auto; }

#bluepageHeadNav ul li.spacer {
    display:none;
    width:2.5em;   
}
#bluepageHeadNav ul li.spacer i {
    text-indent: -5555px;
    color:transparent;    
}

#bluepageHeadNav ul,
#bluepageMegamenu ul li.spacer { display:none; }


#bluepageMegamenuBackground {    
   position:absolute;
   top:3.25em;
   width:100%;
   margin:0;
   padding:0 ;
   text-align:center;                                              
   display:none;
   line-height:100%;                  
   border:2px solid #000000;
   _border-top:0;
   background:#ffffff;
   z-index:10;                          
}
#bluepageHead.fixed #bluepageMegamenuBackground {
   top:2.5em;
}
#bluepageMegamenuContainer {
   position:relative;
   left:0;
   width:100%;
   margin:0 0;
   text-align:center;                                              
   display:inline-block;
   padding:0.5em 0.75em 0.25em 0.25em;
   overflow-y:auto;
   _box-shadow:0 5px 5px rgba(0,0,0,.3);
   _border-radius: 0 0 0.5em 0;
   background:#ffffff;
  z-index:180;              
}
#bluepageMegamenu .navClose {
   position:absolute;
   top:-2.25em;
   left:-1.5em;
   width: 1em;
   height: 1em;
   display:none;
   background:url('../img/layout/navClose.svg') center center no-repeat;
   background-size: auto 0.8em;
   cursor:pointer;
}
#bluepageMegamenuContainer .nHeadline {
   position:relative;
   padding-left:1em;
   padding-bottom:0.5em;
   display:none;
}
#bluepageMegamenuContainer .nHeadline span {
   font-size:1.1em;
   color:#193c6c;
   font-weight:600;
   line-height:120%;
}
#bluepageMegamenuContainer ul {    
   position:relative;
   left:0;
   margin:0;
   padding:0;
   width: 100%;
   left:0;
   text-align:left;
}

#bluepageMegamenuContainer ul.navUL_2 {    
   margin-bottom: 1.5em;
}

#bluepageMegamenuContainer ul.navUL_3 {    
   margin-bottom: 0.25em;
}
#_bluepageMegamenuContainer ul.navUL_4 {    
  display:none;
}
ul#bluepageMegamenu {
   margin: 1em 0 0 0;
}
#bluepageMegamenu .column {
  display:table-cell;
  /*float: left; margin-right: 2%; */
   margin-right: 2%;
   min-width: 32%;
  padding: 0 1em; 
  white-space:nowrap;
}
#bluepageMegamenu .column:last-child {
  margin-right: 0;
}
#bluepageMegamenu .column.col2 { min-width: 48%; margin-right: 2%; }
#bluepageMegamenu .column.col3 { min-width: 31%; margin-right: 2%; }
#bluepageMegamenu .column.col4 { min-width: 23%; margin-right: 2%; }
#bluepageMegamenu .column.col5 { min-width: 18%; margin-right: 2%; }

#bluepageMegamenu ul li {
   margin:0 ;
   display:block;
}
#bluepageMegamenu ul li em { display:none; } 
#bluepageMegamenu ul li.navLI_2.navSub {
	margin-bottom:1em;
}
#bluepageMegamenu a { 
   position:relative;
   color:#898dad; 
   display:block;
   text-decoration:none;
   padding:0.25em 0.25em 0.25em 0;
   font-size:var(--main-txt-size);
   opacity:1;
}
#bluepageMegamenu li a.nav2 {
    font-weight:normal;
    margin-bottom: 0.25em;

}
#bluepageMegamenu li a.nav3 {
    font-weight:normal;
    margin-bottom: 0.25em;
}
#bluepageMegamenu li a.nav4 {
   padding:0.25em 0.25em 0.25em 0.75em;
}
#bluepageMegamenu li a.nav5 {
   opacity:0.6;
   padding:0.25em 0.25em 0.25em 0.6em;
}
#bluepageMegamenu a span { 
   cursor:pointer;
    
   font-weight:normal;                                 
   line-height:120%;
}
#bluepageMegamenu a.nav2 span span { font-size:1em; line-height:120%; font-weight:normal; }
#bluepageMegamenu a.nav3 span span { font-size:0.9em; line-height:120%;  }
#bluepageMegamenu a.nav4 span span { font-size:0.8em; line-height:120%; }

#bluepageMegamenu a.aktiv span, 
#bluepageMegamenu a:hover span  { 
   opacity:1;
   color:#193c6c;
}
