
.mobilenone  { display:block; }
.mobileonly  { display:none; }

.tabletone   { display:block; }
.tabletonly  { display:none; }

.desktopnone { display:none; }
.desktoponly { display:block; }

#fixedHelp { position:absolute; width:10px; height:4em; }
#fixedHelp div { position:absolute; width:10px; height:4em;  }
/*
#bluepageHead.fixed {        
   position:fixed;
   left:0;
   right:0;
   top:-2.4em;
   height:auto;
   z-index:10000;
   width:100%;
   _transition:all 200ms; 
   display:block;
}
#bluepageHead.fixed #BtnBarDropDown { display:none; }

#bluepageHead.fixed #bluepageHeadNav ul li {
   padding:0 0.2em 0.2em 0.2em;
}

#bluepageHead.fixed #bluepageHeadFixedLogo {
   position:absolute;
   left:1.2em;
   top:2.88em;
   padding:0;
   z-index:1050;
   width: 1.8em; 
   height: 1.8em;
   text-align:left;                                      
   display:block;
}
#bluepageHead.fixed #bluepageHeadLogo { display:none; } 

#bluepageHead.fixed #bluepageHeadFixedLogo img { 
   opacity:1;
   transition:opacity 200ms; 
}











#bluepageHeadNav {
   position:relative;
   left:0;
   right:0;
   width:100%;
   margin:0 auto;
   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:#ffffff;
   padding:0 0.2em 1.4em 0.2em;
   margin:0;
   vertical-align:bottom;
   _height:100%;  
   display:table-cell;    
}
#bluepageHeadNav ul li a {
   position:relative;
   padding:0.6em 0.48em 0.6em 0.48em;
   display:table-cell;
   color:#333333;
   text-decoration:none;
   vertical-align:middle;
   height:100%;
}
#bluepageHeadNav ul li a:hover,
#bluepageHeadNav ul li a.mpopen {
   color:#ac103d;          /* #4d8ad0 * /
   text-decoration:none;
}
#bluepageHeadNav ul li.aktiv {
   _padding:0 0.8em;
}
#bluepageHeadNav ul li a.aktiv {
  /*
   transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
   /*
   color:#4d8ad0;
   text-decoration:none;
   * /
}
#bluepageHeadNav ul li a span {
   font-weight:normal;
   font-size:0.8em;
   display:table-cell;
   line-height:100%;
   cursor:pointer;
   height:100%;
}
#bluepageHeadNav ul li a em { display:none; }

#bluepageHeadNav ul.navUL_1 { display:table; width:auto; }
_#bluepageHeadNav ul li.navLI_1 li { display:none; }

#bluepageHeadNav ul li.spacer {
    width:2em;   
}
#bluepageHeadNav ul li.spacer i {
    text-indent: -5555px;
    color:transparent;    
}

#_bluepageHeadNav ul li.navLI_1 background {
   position:absolute;
   margin:0 0 0 -0.6em;
   top:-0.24em;
   width:calc(100% + 0.78em);
   height:150%;
   /*background:#0099CC; */
   transform: skew(-15deg);  
   /*transform: perspective(1000px) rotateY(45deg); * /
   display:block;
   color:#ffffff;
   z-index:-1;
}
#_bluepageHeadNav ul li.navLI_1.mpopen background {
/*   height:calc(150% + 0.35em + 1px); * /
   height:calc(150% + 0.52em + 1px);

   left:0.12em;
   border:1px solid #a9a9a9; 
   border-bottom:0;
}


#bluepageHeadNav ul,
#bluepageMegamenu ul li.spacer { display:none; }


#bluepageMegamenuBackground {    
   position:absolute;
   top:5.2em;
   left:0;
   width:100%;
   margin:0 auto;
   padding:0 ;
   text-align:center;                                              
   display:none;
   line-height:100%;                  
   z-index:10;                          
}
#bluepageHead.fixed #bluepageMegamenuBackground {
   top:5.2em;
}
#bluepageMegamenuContainer {
   position:relative;
   width:100%;
   margin:0 0;
   text-align:center;                                              
   display:inline-block;
   padding:0.4em 1.2em 0.8em 1.2em;
   background:#f2f2f2;
   border:1px solid #6d6d6d;
   border-top:0;
   overflow-y:auto;
   z-index:180;              
}
#bluepageMegamenu .navClose {
   position:absolute;
   top:-1.8em;
   left:-1.2em;
   width: 0.8em;
   height: 0.8em;
   display:block;
   background:url('../img/layout/navClose.svg') center center no-repeat;
   background-size: auto 0.64em;
   cursor:pointer;
}
#bluepageMegamenuContainer .nHeadline {
   position:relative;
   padding-bottom:0.8em;
}
#bluepageMegamenuContainer .nHeadline span {
   font-size:0.88em;
   color:#ac103d;
   font-weight:bold;
   line-height:120%;
}
#bluepageMegamenuContainer ul {    
   position:relative;
   left:0;
   margin:0;
   padding:0;
   width: 100%;
   left:0;
   text-align:left;
   font-family:'SuperGroteskPro-Medium',Calibri,Arial,Helvetica,sans-serif;
}

#bluepageMegamenuContainer ul.navUL_2 {    
   margin-bottom: 1.2em;
}

#bluepageMegamenuContainer ul.navUL_3 {    
   margin-bottom: 1.2em;
}
#bluepageMegamenuContainer ul.navUL_4 {    
  display:none;
}
ul#bluepageMegamenu {
   margin: 0.8em 0 0 0;
}
#bluepageMegamenu .column {
  float: left;
  width: 32%;
  margin-right: 2%;
}
#bluepageMegamenu .column:last-child {
  margin-right: 0;
}
#bluepageMegamenu .column.col2 { width: 48%; margin-right: 2%; }
#bluepageMegamenu .column.col3 { width: 31%; margin-right: 2%; }
#bluepageMegamenu .column.col4 { width: 23%; margin-right: 2%; }
#bluepageMegamenu .column.col5 { 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.2em 0.2em 0.2em 0;
   opacity:0.6;
}
#bluepageMegamenu li a.nav2 {
    font-weight:bold;
    margin-bottom: 0.32em;
}
#bluepageMegamenu li a.nav4 {
   padding:0.2em 0.2em 0.2em 0.48em;
}
#bluepageMegamenu a.aktiv span, 
#bluepageMegamenu a:hover  { 
   opacity:1;
   /*color:#f5a32e; * /
}
#bluepageMegamenu a.nav1 span { 
   cursor:pointer;
   font-size:0.88em;
   line-height:120%;
   font-weight:bold;
}
#bluepageMegamenu a span { 
   cursor:pointer;
   font-size:0.72em;
   line-height:120%;
}
#bluepageMegamenu a.aktiv  { 
   opacity:1;
   color:#000000; 
}
#bluepageMegamenu a em { 
   display:none;
}   
#bluepageMegamenu li a.nav4::before { 
   position:absolute; 
   top:0;
   left:0;
   margin:auto; 
   padding:0.88em 0; 
   width:0.4em;
   font-style:normal; 
   display:table-cell;
   font-size:0.32em;
   font-family: "Material Icons";
   font-weight:bold;
   line-height:100%;
   content: "fiber_manual_record";
   text-align:center;       
   vertical-align:middle;
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
   white-space: nowrap;
   direction: ltr;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-feature-settings: 'liga';
}
/*
#bluepageMegamenu .subEbene li.mpopen em, 
#bluepageMegamenu li a.aktiv em, 
#bluepageMegamenu li a:hover em { 
   background-image:url('../img/layout/pt.subnav.hover.svg');

}
* /
















#bluepageHead.fixed #bluepageHeadSelectLang { display:none; }

*/