/*                                                                                                      */
/* #################################################################################################### */
/* # 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 { position:fixed;  display:block; }
.mobileonly { display:none; }
.tabletonly { position:fixed; display:block; }
.desktoponly { display:none; }

html {  width:100%; }


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

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


#bluepageHeadSpace {
 	height:7.5em; 
}

#bgHeader {
	position:absolute;
	top:0;
	width:100%;
	height:11.25em;
	background:url('../img/layout/bg_header.svg') center top no-repeat #ffffff;  
   background-size: 100% 100%; 

}

#bluepageHead {
   position:fixed;
   height:calc(7.5em + 1px);  
   max-width:100vw;
   border-bottom:1px solid #132e55;
}
.bluepageHeadContent {
   display:none;
}
#bluepageHeadSubNav,
#bluepageHeadNavContainer {
	 display:none;
}
#bluepageHeadNavContainer {
	display:none;
}

#btnMenu {
   position:absolute;
   top:2em;
   right:2em;
   padding:0 0.5em; 
   width:3.75em;
   height:3.25em;
   display:block;
   cursor:pointer;
   line-height:100%;
   background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248.562%22%20height%3D%2228%22%20viewBox%3D%220%200%2048.562%2028%22%3E%3Cg%20id%3D%22Hamburger_Icon%22%20data-name%3D%22Hamburger%20Icon%22%20transform%3D%22translate%282%202%29%22%3E%3Cline%20id%3D%22Linie_oben%22%20data-name%3D%22Linie%20oben%22%20x2%3D%2244.562%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cline%20id%3D%22Linie_Mitte%22%20data-name%3D%22Linie%20Mitte%22%20x2%3D%2244.562%22%20transform%3D%22translate%280%2012%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cline%20id%3D%22Linie_unten%22%20data-name%3D%22Linie%20unten%22%20x2%3D%2244.562%22%20transform%3D%22translate%280%2024%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
   background-size:3.75em auto;
    z-index:100;
}
#btnMenu span { display:none; }
#btnMenu.deaktiv { display:none; }


#bluepageNavPanel,
#bluepageNav { display:none; }
#bluepageNavPanel {
   position:fixed;
   top: 0;
   bottom:0;
   right:0;
   background:#efefef;
   border-left:1px solid #000000;
   width:20em; 
   padding:0;
   font-size:1rem; 
   z-index:1;
}
#bluepageNavPanel.aktiv { display:block; }

#bluepageNavClose { 
   position:absolute;
   top:0.5em;
   right:0;
   width:calc(100% - 1.5em);
   height:4em;
   _padding:0.4em 2em;
   text-decoration:none;
   margin:0 0.75em;
   display:table;
	text-align:left;
	vertical-align:middle;
   z-index:50;
}
#bluepageNavClose:after {
   position:relative;
   width: 3.5em; 
   height: 3em; 
   display:table-cell;
   vertical-align:middle;
   background:url('../img/layout/menu.close.svg') center center no-repeat;
   background-size: 2em auto;
   content: " ";
}

#bluepageNavClose span {
   font-size:var(--main-txt-size); 
   font-weight:bold;
   color:#333333;
   display:table-cell;
   height:100%;
    vertical-align:middle;
    text-align:left;
}
#bluepageNavPanelContainer {
   position:relative;
   top: 0;
   bottom: 0;
   left:0;  
   padding:0;
   margin:3.8em 0 0 0.5em;
   display:block;
   width:100%; 
   height: calc(100% - 3.75em);
   background:#efefef; /*;*/
    z-index:1;
}
#bluepageNav {
   position:relative;
   top:0;
   padding: 0 ;   
   display:block;
   z-index:20;   
   overflow:hidden;        
   height:100%;
   width:100%;
   z-index:1;
}


#bluepageNav ul {
   position:relative;
   display:block;
   _width:calc(100% - 4em);
   padding:0;
   width:100%; 
   margin:0;
   float:none; 
   z-index:5;
   color:#000000; 
}
#bluepageNav ul.navUL_1 {
   position:absolute;
   left:-3px;
   top:0;
   bottom:0.5em;
   overflow:hidden;
   overflow-y:auto;
   padding:0.5em 1.25em 0.5em 0.25em;
   margin: 0;
   display:table-cell;
   width:100%; 
}
#bluepageNav ul.navUL_1 ul { margin:0.05em 0 0 0; display:none; }
#bluepageNav ul.navUL_2 ul { display:none; margin-bottom:0.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:inline-block;
   height:auto;
   width:100%;
   padding:0.1em 0 0.1em 0; 
   margin:0;
   white-space:normal;
   border-bottom:2px solid transparent;
   text-align:left; 
   
}
#bluepageNav li.navLI_1 {
	background:#efefef;
	 _padding-right:9.5em;
}
#bluepageNav li.navLI_2 {
	 _padding-right:9.5em;
}
#bluepageNav a { 
   line-height:140%;
   position:relative; display:block; cursor:pointer; 
   margin:0.05em 0 0 0;
   padding:0.4em 0.5em 0.4em 1.25em; 
   _padding:0 2em; 
   text-decoration:none; 
   color:#333333;
   -webkit-tap-highlight-color: #000000;
	border:1px solid #555555;
   background:#ffffff;
	border-left:0;
}
#bluepageNav a.mpopen,
#bluepageNav a.aktiv,
#bluepageNav a:hover { 
   color:#193c6c;

}
#bluepageNav a.nav1,
#bluepageNav a.nav1.aktiv,
#bluepageNav a.nav1:hover { 
	color:#ffffff;
	font-weight:normal;
	background:#193c6c;
	_text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}
#bluepageMobilNav a.nav2.mpopen,
#bluepageNav a.nav2.aktiv,
#bluepageNav a.nav2:hover { 
   color:#193c6c;
}
#bluepageNav a.nav2.mpopen { 
   color:#193c6c;
}
#_bluepageMobilNav a.nav3.mpopen,
#bluepageNav a.nav3.aktiv,
#bluepageNav a.nav3:hover { 

   color:#193c6c;
}
#bluepageNav a.nav1 {
   font-family:TitilliumWeb,Arial,Helvetica,sans-serif;
   padding:0.75em 3em 0.75em 1em; 
}
#bluepageNav a.nav2 {
   padding:0.5em 3em 0.5em 1em; 
	background:#e6e6ee;
}

#bluepageNav a.navSub em {
	position:absolute;
	top:0;
	right:0.25em;
	height:100%;
	width:2.5em;
}
#bluepageNav a.navSub em { 
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2056.7%2056.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23193c6c%3B%20%7D%20.st1%20%7Bfill%3A%20%23ffffff%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M28.4%2C46.1c9.7%2C0%2C17.5-7.8%2C17.5-17.5s-7.8-17.5-17.5-17.5-17.5%2C7.8-17.5%2C17.5%2C7.8%2C17.5%2C17.5%2C17.5%22%2F%3E%3Crect%20class%3D%22st0%22%20x%3D%2222.9%22%20y%3D%2230.4%22%20width%3D%2213.1%22%20height%3D%223.5%22%20transform%3D%22translate%28-14.1%2030.2%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22st0%22%20x%3D%2227.7%22%20y%3D%2218.6%22%20width%3D%223.5%22%20height%3D%2213.1%22%20transform%3D%22translate%28-9.1%2028.2%29%20rotate%28-45%29%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:2.5em auto;
  	_background:url('../img/layout/pt.svg') center center no-repeat; 
	_background-size:2em auto;	
}
#bluepageNav a.navSub.mpopen em {
   transform: rotate(90deg);
}
#bluepageNav a.nav2.navSub em { 
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2056.7%2056.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23fff%3B%20%7D%20.st1%20%7Bfill%3A%20%23193c6c%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M28.4%2C46.1c9.7%2C0%2C17.5-7.8%2C17.5-17.5s-7.8-17.5-17.5-17.5-17.5%2C7.8-17.5%2C17.5%2C7.8%2C17.5%2C17.5%2C17.5%22%2F%3E%3Crect%20class%3D%22st0%22%20x%3D%2222.9%22%20y%3D%2230.4%22%20width%3D%2213.1%22%20height%3D%223.5%22%20transform%3D%22translate%28-14.1%2030.2%29%20rotate%28-45%29%22%2F%3E%3Crect%20class%3D%22st0%22%20x%3D%2227.7%22%20y%3D%2218.6%22%20width%3D%223.5%22%20height%3D%2213.1%22%20transform%3D%22translate%28-9.1%2028.2%29%20rotate%28-45%29%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
	background-size:2.5em auto;	
}

#bluepageNav a.nav2.navSub em {
	
}
#bluepageNav a span { 
   font-weight:normal; 
   font-size:var(--main-txt-size);
   _font-size:0.8em; 
   line-height:120%;
}  
#bluepageNav a.nav1 span span { 
	font-weight:normal;
	_font-size:1.1em;
}
#bluepageNav a.nav3 span span{
   font-weight:normal;
   font-size:0.9em;
}

#bluepageSearch {
	position:absolute;
	bottom:-2.25em;
	left:0;
	width:100%;
	z-index:100;
}
#quicksearch {
    position:relative;
    margin:0 4.5em 0 0.5em;
}
#quicksearch label { display:none; }
#quicksearch input {
   font-family:TitilliumWeb,Roboto,Arial,Helvetica,sans-serif;  
   font-size:1em; 
   color: #878786;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding: 0.5em 0.5em 0.5em 3em;
   border:  1px solid transparent;
   -webkit-appearance: none;
   border-radius: 0;
   display: inline-block;
   background: #ffffff;
}
#quicksearch input:focus, #quicksearch input:focus-visible { border: 1px solid #000000; }

#quicksearch button {
    position: absolute;
    top: 0;
    left: 0.5em;
    border: 0;
    margin: 0;
    padding: 0;
    width: 2em;
    height: 100%;
    font-size: 1em;
    color: #ffffff;
    vertical-align: middle;
    display: block;
    cursor: pointer;
   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%2050%2050%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23333%3B%20stroke-width%3A%200px%3B%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C4.9c-7.8%2C0-14.1%2C6.3-14.1%2C14%2C0%2C11.4%2C13.3%2C18.1%2C22.3%2C11.3l2.8-2.7c7.2-8.9.6-22.7-11-22.6M19%2C28.5c-5.4%2C0-9.7-4.3-9.7-9.7.4-12.9%2C19-12.9%2C19.4%2C0%2C0%2C5.4-4.3%2C9.7-9.7%2C9.7%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.9%2C19.9q0%2C0%2C0%2C0h-2.1c0%2C3.8%2C3.1%2C7%2C7%2C7v-2.2c-2.7%2C0-4.9-2.1-4.9-4.8%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M29.2%2C31.9c-.5%2C1.4-.3%2C2.9.9%2C4l6.4%2C6.4c1.5%2C1.5%2C4%2C1.5%2C5.5%2C0s1.5-4%2C0-5.5l-6.4-6.4c-1-1.1-2.5-1.4-3.9-1%2C0%2C0-2.5%2C2.5-2.5%2C2.5Z%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
	_background-size:2.5em auto;	
    _background: url('../img/layout/search.svg') center center no-repeat;
    background-size: 1.75em auto;
    white-space: nowrap;
}
#quicksearch button span { color:#000000; display:none; }


.bluepage_content {
	position:relative;                      
	top:0;
	width:100%;
	padding: 1em 3em;
	margin:0;
	white-space:normal;                                                
	z-index:110;                                 
	text-align:left;                    
}   

.bluepage_content.fullsize {
	width:100%;
}
.bluepage_content_background {
	width:100%;
	padding: 1em 0;
}