.mobilenone  { display:block; }
.mobileonly  { display:none; }

.tabletone   { display:block; }
.tabletonly  { display:none; }

.desktopnone { display:none; }
.desktoponly { display:block; }

#fixedHelp { position:absolute; width:3em; height:7em; }
#fixedHelp div { position:absolute; width:3em; height:7em;  }

#bluepageHead.fixed {        
   position:fixed;
   left:0;
   right:0;
   top:-6.5em;
   height:auto;
   z-index:1000;
   width:100%;
   box-shadow:0 0 7px rgba(0,0,0,.1) !important;
   display:block;
}
#bluepageHead.fixed #bluepageHeadContainer {
   background:#ffffff;
   top:5em;  
   border-bottom:0.05em solid #000000;
   transition:top 400ms;
}
#bluepageHead.fixed .bluepageHeadContent {
  height:4.25em;  
}
#bluepageHead.fixed #bluepageHeadSubNav { display:none; }

#bluepageHead.fixed #bluepageHeadNavContainer {
   padding:0.3em 0 0.25em 0;
   bottom:0.5em;
}


#bluepageHead.fixed #bluepageHeadNav ul li a span {
   font-size:1.1em;
}

#bluepageHead.fixed #bluepageHeadLogo {
   position:absolute;
   right:1.25em;
   top:0.75em;
   padding:0;
   z-index:1050;
   width: 9em; 
   height: 3em;
   text-align:left;                                      
   display:block;        
}
#bluepageHead.fixed #bluepageHeadLogo img {
   width: 9em;
   height: 3em;       
}

#bluepageMobilNavPanel,
#bluepageHeadMobil { display:none; }


#bluepageHeadNav {
   position:relative;
   left:-0.25em;
   width:auto;
   margin:0 auto 0 0;
   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 {
   color:#000000;
   _padding:0 0.5em 1.75em 0.4em;
   padding:0 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:#333333;
   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:1.1em;
   font-family:'BalooChettan2',Arial,Helvetica,sans-serif;
   color:#000000;
   display:table-cell;
   line-height:100%;
   cursor:pointer;
   height:100%;
}
#bluepageHeadNav ul li a.aktiv span {
   color:#e50465;
}
#bluepageHeadNav ul li a:hover span {
}

#bluepageHeadNav ul li.home a { 
   width:1.5em;
}
#bluepageHeadNav ul li.home a:after { 
   position:absolute; 
   top:0;
   left:0;
   font-size:1.5em;
   font-family: "Material Icons";
   font-weight:bold;
   line-height:105%;
   content: "home";
   text-align:center;       
   vertical-align:middle;
   color: #000000;
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
   white-space: nowrap;
 }
#bluepageHeadNav ul li.home a span { display:none; }
#bluepageHeadNav ul.navUL_1 { display:table; width:auto; }
_#bluepageHeadNav ul li.navLI_1 li { display:none; }

#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:2.6em;
   width:auto;
   margin:0 auto;
   padding:0 ;
   text-align:center;                                              
   display:none;
   line-height:100%;                  
   z-index:10;                          
}
#bluepageHead.fixed #bluepageMegamenuBackground {
   top:2.9em;
}
#bluepageMegamenuContainer {
   position:relative;
   width:auto;
   margin:0 0;
   text-align:center;                                              
   display:inline-block;
   padding:0.5em 0.75em 0.25em 0.25em;
   overflow-y:auto;
    border:1px solid #000000;
   box-shadow:0 5px 5px rgba(0,0,0,.3);
   border-top:0;
   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:block;
   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-family:'BalooChettan2',Arial,Helvetica,sans-serif;
   font-size:1.4em;
   color:#e50465;
   font-weight:normal;
   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.navLI_2.navSub {
	margin-bottom:1em;
}
#bluepageMegamenu a { 
   position:relative;
   color:#000000; 
   display:block;
   text-decoration:none;
   padding:0.25em 0.25em 0.25em 0;
   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-size:0.9em; 
   font-weight:normal;                                 
   line-height:120%;
}
#bluepageMegamenu a.nav2 span { font-size:1em; line-height:120%; font-weight:bold; }
#bluepageMegamenu a.nav3 span { font-size:0.9em; line-height:120%;  }
#bluepageMegamenu a.nav4 span { font-size:0.8em; line-height:120%; }

#bluepageMegamenu a.aktiv span, 
#bluepageMegamenu a:hover span  { 
   opacity:1;
   color:#e50465;
}