/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/tablet.css 3.40                                                */
/* #################################################################################################### */
/* # Copyright © 05.2024 ISS-Oberlausitz (www.iss-ol.de)                                                   */
/* # Author: T.Hojenski                                                                                 */
/* # Email:  th@iss-ol.de                                                                             */
/* # URL:    http://www.bluepage-cms.com                                                                  */
/* #################################################################################################### */
/*                                                                                                      */
 

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

html {  width:100%; }


#bluepageBody,
#bluepageBodyHome {
   width:100%;
}

#fixedHelp { position:absolute; width:3em; height:5.5em; }
#fixedHelp div { position:absolute; width:1em; height:1.5em;  }


#bluepageHeadSpace {
   font-size:1rem;
	height:5em; 
}
#bluepageHead {
   position:fixed;
   left:0 !important;
   border-top:0.5em solid #e2007a;
   height:5em;  
   max-width:100vw;
   font-size:1rem;
}
#bluepageHeadContainer {
   width:100%;
   height:5em; 
}
.bluepageHeadContent {
   max-width:100%;
   width:auto;
}
#bluepageHead.fixed #bluepageHeadAddonOnBar { display:block; }
#bluepageHeadLogo {
   position:absolute;
   right:1em;
   top:0.25em;
   padding:0;
   z-index:1050;
   width: auto; 
   height: 3.5em;
   text-align:left;                                      
}
#bluepageHeadLogo img {
   width: auto; 
   height: 3.5em; 
   z-index:10;
}

#bluepageHeadAddonOnBar {
   top:1em;
}
#bluepageHeadAddonOnBar ul li {
   margin:0 1em 0 0;
   vertical-align:middle;                 
}

#bluepageHeadAddonOnBar ul li.nav {
	display:inline-block;
}

#bluepageHeadAddonOnBar ul li.cal b,
#bluepageHeadAddonOnBar ul li.cal i {
	display:none;
}	
#bluepageHeadAddonOnBar ul li a {
   width:2.5em;
   height:2.5em;
   background-size: 2.5em auto !important;
}
#bluepageHeadAddonOnBar ul li.cal a { 
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23e50465%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M21%2C2.6c10.1%2C0%2C18.4%2C8.2%2C18.4%2C18.4s-8.2%2C18.4-18.4%2C18.4S2.6%2C31.1%2C2.6%2C21%2C10.9%2C2.6%2C21%2C2.6M21%2C0C9.4%2C0%2C0%2C9.4%2C0%2C21s9.4%2C21%2C21%2C21%2C21-9.4%2C21-21S32.6%2C0%2C21%2C0h0ZM32.7%2C28v-.4c-.4-.8-1.3-1.7-2.1-1.9l-3.1-.8c-.8-.2-2%2C0-2.7.7l-1.1%2C1.1c-4.1-1.1-7.3-4.3-8.4-8.4l1.1-1.1c.6-.6.9-1.8.7-2.7l-.8-3.1c-.2-.8-1.1-1.8-1.9-2h-.4c-.8-.4-2-.1-2.6.5l-1.7%2C1.7c-.3.3-.5%2C1.2-.5%2C1.2%2C0%2C5.3%2C2%2C10.5%2C5.8%2C14.3%2C3.8%2C3.8%2C8.9%2C5.9%2C14.2%2C5.8%2C0%2C0%2C.9-.2%2C1.2-.5l1.7-1.7c.6-.6.9-1.8.6-2.6Z%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
}

#bluepageHeadAddonOnBar ul li a span {
	display:none; 
}	

#bluepageHeadNav,
#bluepageMegamenuBackground {
	display:none;
}



#bluepageNavPanel,
#bluepageNav { display:none; }



#bluepageNavPanel {
   position:fixed;
   top:0;
   bottom: 2.85em;
   left:0;
   width:100%;
   margin:0 ;
   padding:0;
   text-align:center;                                              
   display:none;
   line-height:100%;                  
   _transition:top 0.4s ease-in-out;
   z-index:500;  
   background:rgb(0,0,0,0.3);   
   font-size:1rem;                     
}
#bluepageNavPanel.aktiv { display:block; }

#bluepageNavPanelContainer {
   position:fixed;
   top: 5em;
   bottom: 2.85em;
   left:0;  
   padding:0;
   background:#f5f5f5;
   margin:0 0 0 0;
   display:block;
   width:auto;
   width:22.5em;
   _height:calc(100% - 4em);
   /*
   min-width:17.5em;
   max-width:calc(100% - 2em); 
   */
   _height: calc(90hw - 7.75em);/*calc(100hw - 5.75em);*/
   overflow-y:scroll;
   _font-size:1rem;
   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
   z-index:1;
}
#bluepageNav {
   position:relative;
   top:0;
   padding: 10px 0 ;   
   display:block;
   z-index:20;   
   height:100%;
   width:100%;
   z-index:1;
}


#bluepageNav ul {
   position:relative;
   display:block;
   padding:0;
   width:100%; 
   margin:0;
   float:none; 
   z-index:5;
   color:#000000; 
}
#bluepageNav ul.navUL_1 {
   position:relative;
   left:0;
   top:0;
   bottom:0.5em;
   overflow:hidden;
   overflow-y:auto;
   padding:0.5em 0.25em 0.5em 0.25em;
   margin: 0;
   display:block;
   width:100%; 
}
#bluepageNav ul.navUL_1 ul { margin:0.05em 0 2.5em 0; display:none; }
#bluepageNav ul.navUL_2 ul { display:none; margin-bottom:1.5em; }
#bluepageNav ul.navUL_3 ul { display:none; margin-bottom:0.5em; }
#bluepageNav ul li.aktiv  ul.navUL_2 { display:block; }      
#bluepageNav ul li.mpopen ul.navUL_2 { display:block; } 
#bluepageNav ul li.mpopen ul.navUL_3 { display:block; } 
     
#bluepageNav ul.navUL_1 li.aktiv ul.navUL_2 { display:block; }      
#bluepageNav ul.navUL_2 li.aktiv ul.navUL_3 { display:block;  }      
#bluepageNav ul.navUL_3 li.aktiv ul.navUL_4 { display:block; margin-bottom:0.5em;  }      

#_bluepageMobilNav ul.navUL_2 { border:0.05em solid red; border-left:0.5em solid #4d8ad0; }

#bluepageNav li {
   position:relative;
   float:none; 
   display:block;
   height:auto;
   width:100%;
   padding:0.1em 0 0.1em 0; 
   margin:0;
   white-space:normal;
   text-align:left; 
}
#bluepageNav li.navLI_1 {
	 _padding-right:9.5em;
	 border-bottom:1px solid #999999;
}
#bluepageNav li.navLI_1:last-child {
	 border-bottom:0;
}

#bluepageNav a { 
   line-height:140%;
   position:relative; display:block; cursor:pointer; 
   margin:0.05em 0 0 0;
   padding:0.25em 1em 0.25em 1em; 
   _padding:0 2em; 
   text-decoration:none; 
   color:#333333;
   -webkit-tap-highlight-color: #000000;
	_text-shadow:0.5px 0.5px 1px rgba(0, 0, 0, 0.5);
}
#bluepageNav a.mpopen,
#bluepageNav a.aktiv,
#bluepageNav a:hover { 
   color:#333333;
	
}
#bluepageNav a.nav1,
#bluepageNav a.nav1.aktiv,
#bluepageNav a.nav1:hover { 
	color:#333333;
	font-weight:bold;
	_text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}
#bluepageNav a.nav1.mpopen,
#bluepageNav a.nav1.aktiv,
#bluepageNav a.nav1:hover { 
	_text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
	background-size:1em auto;	
	
	color:#e2007a;
}
#_bluepageMobilNav a.nav2.mpopen,
#bluepageNav a.nav2.aktiv,
#bluepageNav a.nav2:hover { 
   color:#000000;
}
#bluepageNav a.nav2.aktiv,
#bluepageNav a.nav2:hover { 
   color:#e2007a;
   _background:rgba(255, 255, 255, 0.4);
}

#bluepageNav a.nav2.mpopen { 
   _color:#ffffff;
}
#_bluepageMobilNav a.mpopen,
#bluepageNav a.aktiv,
#bluepageNav a:hover { 
	_text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
   color:#e2007a;
}
#bluepageNav a.nav1 {
   padding:0.5em 3em 0.5em 1em; 
}
#bluepageNav a.nav2 {
   padding:0.5em 1em 0.25em 1em; 
}
#bluepageNav a.nav3 {
   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%206%206%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23000%3B%20stroke%3A%20%23fff%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%20.2px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cellipse%20class%3D%22cls-1%22%20cx%3D%223%22%20cy%3D%223%22%20rx%3D%222.9%22%20ry%3D%222.9%22%2F%3E%3C%2Fsvg%3E') 1em center no-repeat;
  _background:url('../img/sys/pt_nav.svg') 1em center no-repeat;;
   background-size:0.5em auto;
   padding:0.5em 1em 0.25em 2.5em; 
}
#bluepageNav a.nav3.aktiv,
#bluepageNav a.nav3:hover {
   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%206%206%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23e2007a%3B%20stroke%3A%20%23000%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%20.2px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cellipse%20class%3D%22cls-1%22%20cx%3D%223%22%20cy%3D%223%22%20rx%3D%222.9%22%20ry%3D%222.9%22%2F%3E%3C%2Fsvg%3E') 1em center no-repeat;
	background-size:0.75em auto;
}

#bluepageNav a.navSub em {
	position:absolute;
	top:-0.1em;
	right:0.5em;
	height:100%;
	width:1.5em;
	
}
#bluepageNav a.navSub em { 
 	background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2062.3%2039.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23333333%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.7%2C0h15.6l-25.3%2C39.7h-11.7L0%2C.1h15.6l15.4%2C25.5h.4L46.8.1h0Z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; 
	background-size:1.25em auto;	
}
#bluepageNav a.navSub.mpopen em { 
	background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2062.3%2039.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23e2007a%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.7%2C0h15.6l-25.3%2C39.7h-11.7L0%2C.1h15.6l15.4%2C25.5h.4L46.8.1h0Z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; 
	background-size:1.25em auto;	
}
#bluepageNav a.navSub.mpopen em {
	background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2062.3%2039.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23e2007a%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.7%2C0h15.6l-25.3%2C39.7h-11.7L0%2C.1h15.6l15.4%2C25.5h.4L46.8.1h0Z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; 
   _background:url('data:image/svg+xml;utf8,%3C%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2062.3%2039.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23e2007a%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.7%2C0h15.6l-25.3%2C39.7h-11.7L0%2C.1h15.6l15.4%2C25.5h.4L46.8.1h0Z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
   background-size:1.25em auto;	
   transform: scaleY(-1);
}
#bluepageNav a.nav2.navSub em { 
 	background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2062.3%2039.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23333333%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.7%2C0h15.6l-25.3%2C39.7h-11.7L0%2C.1h15.6l15.4%2C25.5h.4L46.8.1h0Z%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; 
	background-size:0.75em auto;	
}

#bluepageNav a.nav2.navSub em {
	
}
#bluepageNav a span { 
   font-weight:bold; 
   font-size:var(--main-txt-size);
   font-family : Liter,Arial,Helvetica,sans-serif;
   _font-size:0.8em; 
   line-height:120%;
}  
#bluepageNav a.nav1 span span { 
	font-weight:bold;
	text-transform:uppercase;
	font-size:1em;
}
#bluepageNav a.nav2 span span { 
	font-weight:bold;
	
	font-size:1em;
}
#bluepageNav a.nav3 span span{
   font-weight:bold;
   font-size:0.9em;
}



.bluepage_content {
   position:relative;                      
   top:0;
   width:78.5em; 
   _padding:1em 0;
   padding: 1em 3em;
   margin:auto;
   white-space:normal;                                                
   z-index:110;                                 
   text-align:left;                    
}                                                        
#footerCopyright {
}
#bluepageBottom #bluepageFooterInfo {
	font-size:1rem;
}
#bluepageFooterInfo div.teaser div {
	font-size:1em;
}
#bluepageFooterInfo .txt {
	font-size:0.9em;
}
#footerCopyright .txt div {
	padding-bottom:2.5em;
	font-size:1em;
}

#bluepageBottom .footer:nth-child(3) {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	max-width:100%;
	border-top:0.5em solid #ffffff;
	z-index:1001;
}
#bluepageFooterSubNav ul {
	padding:0.25em;
	font-size:1rem;	
}
#bluepageFooterSubNav ul li a {
	font-size:1em;
}