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

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

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

#fixedHelp { position:absolute; width:10px; height:6em; }
#fixedHelp div { position:absolute; width:10px; height:3em;  }

#btnMenu { display:none; }

#bluepageHead.fixed {        /* #fixedHeader */
   position:fixed;
   left:0;
   right:0;
   top:0;
   z-index:10000;
   height:3em;
   width:100%;
   background:#ffffff;
   border-bottom:1px solid #cccccc;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);  
   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);   
   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); 
   -webkit-overflow-scrolling: none;
}
#bluepageHead.fixed #bluepageHeadContainer {
   position:relative;
   margin:0 auto;
   top:0;
   z-index:10001;
   height:3.5em;
}

#bluepageHead.fixed .bluepageHeadLogo { 
   top:0.75em;
   width:auto;
   height:1.5em;
   _transition:all 0.8s;
}
#bluepageHead.fixed .bluepageHeadLogo img { 
   position:absolute;
   left:0;
   width:7.25em;
   height:1.5em;
   _transition:all 0.8s;
}
#bluepageHead.fixed .stickyhome { display:block; } 

#bluepageHeadNavContainer {
   position:absolute;
   right:0;
   bottom:0;
   margin:0;      
   padding:0;
   text-align:center;                                              
   _height:4em;  
   display:table-row;
   _max-width:calc(100% - 14.5em);
   width:100%;
   z-index:200;            
}

#bluepageHeadNav {
   position:relative;
   right: -1.25em;
   margin:0 0 0 auto;
   padding:0 1em 0 0;
   text-align:center;
   display:table;
   z-index:1000;   
   height:100%;  
	_transform: skewX(-0.13deg) skewY(-0.1deg); 
	_background:#bddfc0;       
}


#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 {
   position:relative;
   color:#00569f;
   padding:1em 0.25em 1em 0.25em;
   _padding:0;
   margin:0;
   vertical-align:bottom;
   text-align:center;
   display:table-cell;    
}
#bluepageHead.fixed #bluepageHeadNav ul li {
   padding:0.25em 0.25em 1em 0.25em;
}
#bluepageHeadNav ul li a {
   position:relative;
   padding:0.25em 0.1em 0.05em 0.1em;
   display:table-cell;
   color:#00569f;
   text-decoration:none;
   vertical-align:middle;
   border-bottom:0.15em solid transparent;
   height:100%;
}
#bluepageHeadNav ul li a:hover {
   color:#699cc7;
   text-decoration:none;
   border-bottom:0.15em solid #699cc7;
}
#_bluepageHeadNav ul li a.aktiv {
   border-bottom:0.15em solid #ce2a36;
   color:#ce2a36;
   text-decoration:none;
}
#bluepageHeadNav ul li.aktiv a.onepage {
   border-bottom:0.15em solid #ce2a36;
   color:#ce2a36;
	
}
#bluepageHeadNav ul li span {
   text-transform:uppercase;
   font-size:var(--main-txt-size); 
   font-weight:bold;
   display:table-cell;
   line-height:100%;
   cursor:pointer;
   display:inline-block;
   height:100%;
}

#bluepageHeadNav ul li em { display:none; }

#bluepageHeadNav ul.navUL_1 { display:table; width:auto; }
#_bluepageHeadNav ul li.spacer,
#bluepageHeadNav ul,
#bluepageMegamenu ul li.spacer { display:none; }

#bluepageHeadNav ul li.spacer i {
   font-size:var(--main-txt-size); 
   padding:1em 0.25em 0.3em 0.25em;
	display:inline-block;
}
#bluepageMegamenuBackground {    
   position:absolute;
   top:4.5em;
   _width:100%;
   margin:0 -1.5em;
   padding:0 0.5em;
   text-align:center;                                              
   display:none;
   line-height:100%;                  
   transition:top 0.4s ease-in-out;
   z-index:100;                          
}
#bluepageHead.fixed #bluepageMegamenuBackground {
	top:3.5em;
}
#bluepageMegamenuContainer {
   position:relative;
   width:auto;
   margin:0 0;
   text-align:center;                                              
   display:inline-block;
   padding:1em 0.5em 0.5em 0.5em;
   overflow-y:auto;
   background:#ffffff;
   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
   border:1px solid #000000;
   transition:all 400ms; 
   font-size:var(--main-txt-size);
   z-index:110;              
}
#bluepageMegamenu .navblock {
	position:relative;
	
}
#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:'Source Sans 3',Calibri,Arial,Helvetica,sans-serif;
   font-size:1.4em;
   color:#00569f;
   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: 0.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 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.4em;
}
#bluepageMegamenu li a.nav3 {
    font-weight:normal;
    margin-bottom: 0.4em;
}
#bluepageMegamenu li a.nav4 {
   padding:0.25em 0.25em 0.25em 0.6em;
}
#bluepageMegamenu li a.nav5 {
   opacity:0.6;
   padding:0.25em 0.25em 0.25em 0.6em;
}
#bluepageMegamenu a span { 
   cursor:pointer;
   font-family : 'Source Sans 3',Calibri,Arial,Helvetica,sans-serif;
   font-size:1em; 
   font-weight:normal;                                 
   line-height:120%;
}
#bluepageMegamenu a.nav2 span { font-weight:bold; }
#bluepageMegamenu a.nav3 span {  }
#bluepageMegamenu a.nav4 span { font-size:0.9em; line-height:120%; }

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