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

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

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

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


#bluepageHeadNavContainer {
   position:absolute;
   right:0;
   bottom:3em;
   margin:0;      
   padding:0;
   text-align:center;                                              
   height:2.5em;  
   display:table-row;
   _transition:height 0.4s ease-in-out,bottom 0.4s ease-in-out;
   _transition:all 0.4s ease-in-out;
   z-index:20;            
}

#bluepageHeadNav {
   position:relative;
   right: -2.75em;
   margin:0 0 0 auto;
   padding:0 1em 0 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 {
   position:relative;
   color:#ffffff;
   padding:1em 1.25em 1em 1.25em;
   margin:0;
   vertical-align:bottom;
   text-align:center;
   display:table-cell;    
}

#bluepageHeadNav ul li a {
   position:relative;
   padding:0.75em 0.6em 0.75em 0.25em;
   display:table-cell;
   color:var(--main-nav-color);
   text-decoration:none;
   vertical-align:middle;
   height:100%;
}
#bluepageHeadNav ul li a:hover {
   color:var(--main-nav-hover);
   text-decoration:none;
}
#bluepageHeadNav ul li a.mpopen {
   color:var(--main-nav-aktiv);
   text-decoration:none;
}

#bluepageHeadNav ul li a span {
   font-size:var(--main-txt-size); 
   font-weight:normal;
   display:table-cell;
   line-height:100%;
   cursor:pointer;
   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; }

#bluepageMegamenuBackground {    
   position:absolute;
   top:6.5em;
   
   _width:100%;
   margin:0 -1.5em;
   padding:0 0.5em;
   max-width:
   text-align:center;                                              
   display:none;
   line-height:100%;                  
   transition:top 0.4s ease-in-out;
   z-index:10;                          
}
#bluepageMegamenuContainer {
   position:relative;
   width:auto;
   margin:0 0;
   text-align:center;                                              
   display:inline-block;
   max-width:75.5em;
   padding:0 0.75em 0.5em 0.75em;
   overflow-y:auto;
   background:#ffffff;
   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
   transition:height 400ms; 
   z-index:180;              
}
#bluepageMegamenu .navblock {
	position:relative;
	
}
#bluepageMegamenuContainer .nHeadline { 
	position:relative;
	margin: 0 2em;
	padding-bottom:0.25em;
}
#bluepageMegamenuContainer .nHeadline a {
	display:inline-block;
	border-bottom:none;
	padding-right:0;
}

#bluepageMegamenu .column {
   display:table-cell;
   margin-right: 2%;
   min-width: 32%;
   padding: 0 2em; 
   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%; white-space:wrap; }
#bluepageMegamenu .column.col5 { min-width: 18%; margin-right: 2%; white-space:wrap; }

#bluepageMegamenuContainer ul {    
   position:relative;
   left:0;
   margin:0;
   padding:0;
   width: 100%;
   left:0;
   text-align:left;
}
ul#bluepageMegamenu {
   margin: 1em 0 0 0;
}
#bluepageMegamenuContainer ul.navUL_2 {    
   margin-bottom: 1.5em;
}
#bluepageMegamenuContainer ul.navUL_3 {    
   margin-bottom: 0.25em;
   display:none;
}
#bluepageMegamenuContainer ul.navUL_4 {    
   margin-bottom: 0.25em;
   display:none;
}

#bluepageMegamenu ul li {
   margin:0 ;
   display:block;
   _padding:0 1.25em;
   min-height:1.75em;
}
#bluepageMegamenu ul li.spacer { display:none; }


#bluepageMegamenu .emptyline span {
	 display:block;
   padding:0.5em 2.5em 0.5em 0;
   border-bottom:1px solid transparent;
}
#bluepageMegamenu .emptyline span span {
	 display:block;
	 font-size:var(--main-txt-size);
	 line-height:120%;
	 padding:0; border:0;
}


#bluepageMegamenu ul li.navSub a em { 
   position:absolute; 
   top:0.25em;
   right:0;
   width:1.5em;
   height:78%;
   font-size:var(--main-txt-size);
   background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2029.2%2052%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23ffffff%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Pfad_124%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M26%2C26.4L3.2%2C43.7%22%2F%3E%3Cpath%20id%3D%22Pfad_124-2%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M3.2%2C8.7l22.8%2C17.7%22%2F%3E%3C%2Fsvg%3E') center center no-repeat #ec680f;
   background-size:auto 1.25em; 
	content: " ";
	display:block; 
}

#_bluepageMegamenu ul li.navSub a:after {
   position:absolute; 
   top:0;
   right:0;
   width:1.25em;
   height:100%;
   font-size:var(--main-txt-size);
   background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2029.2%2052%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23ec680f%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Pfad_124%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M26%2C26.4L3.2%2C43.7%22%2F%3E%3Cpath%20id%3D%22Pfad_124-2%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M3.2%2C8.7l22.8%2C17.7%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:auto 1.25em; 
	content: " ";
}

#bluepageMegamenu a { 
   position:relative;
   color:var(--main-nav-color); 
   display:block;
   text-decoration:none;
   padding:0.5em 2.5em 0.5em 0;
   border-bottom:1px solid var(--main-or-color);
   font-weight:normal;
   opacity:1;
}

#bluepageMegamenu li a.nav2 {
	_margin-bottom: 0.4em;
}
#bluepageMegamenu li a.nav3 {
	_margin-bottom: 0.4em;
}
#bluepageMegamenu li a.nav4 {
   background:url('../img/layout/pt.nav4.svg') left 0.35em no-repeat;
   background-size:0.65em auto;
   padding:0.15em 0.25em 0.15em 0.75em;
   _margin-bottom: 0.1em;     
}
#bluepageMegamenu li a.nav4.aktiv { background-image:url('../img/layout/pt.nav4.aktiv.svg'); }

#bluepageMegamenu a span { 
   cursor:pointer;
   font-size:var(--main-txt-size);
   line-height:120%;
}
/*
#bluepageMegamenu a.nav2 span { font-weight:600; }
#bluepageMegamenu a.nav3 span { font-weight:400;  }
#bluepageMegamenu a.nav4 span { font-weight:300;  _font-size:var(--nav2-font-size);  _line-height:120%; }
*/
#bluepageMegamenu a.aktiv span, 
#bluepageMegamenu a:hover span  { 
   color:var(--main-nav-hover); 
}

#snav-panel {
	position:relative;
	width:100%;
	height:100%;	
}
#snav-panel a.back {
   position:absolute; 
   top:0.25em;
   left:-0.15em; 
   width:1.5em;
   height:1.5em;;
   font-size:var(--main-txt-size);
   background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2029.2%2052%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23ffffff%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Pfad_124%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M26%2C43.7L3.2%2C26.4%22%2F%3E%3Cpath%20id%3D%22Pfad_124-2%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M3.2%2C26.4L26%2C8.7%22%2F%3E%3C%2Fsvg%3E') center center no-repeat #ec680f;
   background-size:auto 1.25em; 
   padding:0;
   cursor:pointer;
   border:none;
   z-index:100;
}
#snav-panel ul {
	position:relative;
   left:0; /* 1em; */
   _margin:0;
   _padding:0;
    padding: 0 0 2em 0; 
   width: calc(100% - 2em); 
   text-align:left;
   display:flex;
   flex-flow:row wrap;
   /*justify-content: flex-end;*/
}
#snav-panel ul li {
   margin:0 ;
   display:block;
   min-height:1.75em;
   padding: 0 0 0 2em; 
   width:50%;
}
#snav-panel ul li a{
   padding:0.5em 0 0.5em 0;
}


#snav-panel ul { display:block; }
#snav-panel ul li { width:100%; }