/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/tablet.css 3.44                                                */
/* #################################################################################################### */
/* # 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%;
   background:#ffffff;
}

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


#bluepageContainer {
	z-index:100;
}
#bluepageHeadSpace {
 	height:11em; 
}

#bgHeader {
	position:fixed;
	height:12.5em;
}
#bluepageHead {
   position:fixed;
   left:0;
   height:calc(11em + 1px);  
   max-width:100vw;
  
}
#bluepageHeadLogo {
	position: absolute;
	left: 1em;
	top: 1em;
	width: 24.5em;
	height:7em;
}

.bluepageHeadContent .l,
.bluepageHeadContent .r,
#bluepageHeadNav,
#bluepageLangNav {
	display:none;
}
/*
#bluepageHead {
   position:fixed;
   left:0;
   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%20id%3D%22uuid-3b59f4ed-f608-4577-8afc-ea24b1258526%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.46%2029.46%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-3d62f433-fac2-4826-8e18-db385bae4005%7Bfill%3A%23b4bfda%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-bef83a91-92fe-4f77-b90c-19950a743927%22%3E%3Crect%20class%3D%22uuid-3d62f433-fac2-4826-8e18-db385bae4005%22%20x%3D%22.13%22%20y%3D%221.28%22%20width%3D%2227%22%20height%3D%224%22%20transform%3D%22translate%28-.25%201.32%29%20rotate%28-5.5%29%22%2F%3E%3Crect%20class%3D%22uuid-3d62f433-fac2-4826-8e18-db385bae4005%22%20x%3D%222.33%22%20y%3D%2224.18%22%20width%3D%2227%22%20height%3D%224%22%20transform%3D%22translate%28-2.43%201.64%29%20rotate%28-5.49%29%22%2F%3E%3Crect%20class%3D%22uuid-3d62f433-fac2-4826-8e18-db385bae4005%22%20x%3D%221.23%22%20y%3D%2212.73%22%20width%3D%2227%22%20height%3D%224%22%20transform%3D%22translate%28-1.34%201.48%29%20rotate%28-5.49%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
   background-size:2.75em auto;
    z-index:100;
}
#btnMenu span { display:none; }
#btnMenu.deaktiv { display:none; }

#btnMenu.aktiv {
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-a7fd0c80-8cdc-4bfe-a442-10e6b149d527%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.32%2027.32%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-0191339d-028a-435e-9c53-60800bcea858%7Bfill%3A%23b4bfda%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-bab306fd-38c7-4f68-89b1-04a35520c665%22%3E%3Cpolygon%20class%3D%22uuid-0191339d-028a-435e-9c53-60800bcea858%22%20points%3D%2221.16%200%2013.23%2011.11%202.12%203.19%200%206.16%2011.11%2014.09%203.19%2025.2%206.16%2027.32%2014.08%2016.2%2025.2%2024.13%2027.32%2021.16%2016.2%2013.23%2024.13%202.12%2021.16%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
	background-size:3.75em auto;	
}


#bluepageNav { display:none; }
#bluepageNavPanel {
	position:fixed;
	top: 0;
	bottom:0;
	right:0;
	border-left:1px solid #000000;
	background:url('../img/layout/bg_mobil.svg') top left repeat-y ;
	width:20em; 
	height:100vh;
	padding:0;
	font-size:1rem; 
	display:block;
	z-index:1;
}
#bluepageNavPanel.aktiv { display:block; }

#bluepageNavPanelContainer {
   position:relative;
   top: 0;
   bottom: 0;
   left:0;  
   padding:0;
   margin:11em 0 0 0.75em;
   display:block;
   width:calc(100% - 1em); 
   height: calc(100% - 11.5em);
   font-family:RobotoCondensed,Arial,Helvetica,sans-serif   z-index:-1;
}

#bluepageMobilLang {
	position: absolute;
	top: -2.5em;
	text-align: left;
	left: 2em;
	width: 22em; 
	height: 1.5em;
	margin:1.5em 0;
	display: block;
	z-index: 200;
	margin: 0;
}
#bluepageMobilLang:before {
   position:absolute;
   left:-1.75em;
   background:url('../img/layout/icon_sprache.svg') right 0.25em no-repeat;
   background-size:auto 1.2em;
   content: "";
   width: 1.5em; 
   height: 1.5em; 
   min-width: 1em; 
   display:table-cell;
   vertical-align:top;
}

#bluepageMobilLang ul {
   position:relative;
   list-style-type:none;
   display:table;
   margin:0;
   text-align:left;             
   padding:0;
   width:auto;                    
   vertical-align:middle;               
}
#bluepageMobilLang ul li {
   _padding:0 0.5em 1.75em 0.4em;
   _padding:0.25em 0.5em 0.25em 0.4em;
   padding:0;
   margin:0;
    vertical-align:middle;               
   display:table-cell;    
}
#bluepageMobilLang ul li.spacer {
   padding:0.25em 0;
}
#bluepageMobilLang ul li a {
   position:relative;
   padding:0.25em;
   color:#d1d7e9;
   text-decoration:none;
}
#bluepageMobilLang ul li.spacer span,
#bluepageMobilLang ul li a span {
   font-weight:normal;
   font-size:var(--main-txt-size);
   color:#d1d7e9;
   display:table-cell;
   line-height:120%;
   cursor:pointer;
}
#bluepageMobilLang ul li a span {
   font-weight:normal;
   font-size:var(--main-txt-size);
   color:#d1d7e9;
   display:table-cell;
   line-height:120%;
   cursor:pointer;
}
#bluepageMobilLang ul li.spacer span {
	color:#ffffff;
}
#bluepageMobilLang ul li a:hover.aktiv span {
   color:#ffffff;
}
#bluepageMobilLang ul li a.aktiv span {
	color:#ffffff;
	font-weight:700;
}

#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;
  	padding:0.5em 0;
	background:#ffffff;
   width:100%; 
   margin:0;
   float:none; 
   z-index:5;
   color:#b1c1dc; 
}
#bluepageNav ul.navUL_1 {
   position:absolute;
   left:-3px;
   top:0;
   bottom:0.5em;
   overflow:hidden;
   overflow-y:auto;
   padding:0.25em 0.75em 0.25em 0;
   margin: 0;
   display:table-cell;
   background:transparent;
   width:100%; 
}
#bluepageNav ul.navUL_1 ul { margin:0.25em 0 0.5em 0; display:none; }
#bluepageNav ul.navUL_2 ul { display:none; margin-bottom:0.5em; margin-top:-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;  }      

#bluepageNav li {
   position:relative;
   float:none; 
   display:inline-block;
   height:auto;
   width:100%;
   padding:0; 
   margin:0;
   white-space:normal;
   text-align:left; 
   
}
#bluepageNav a { 
   line-height:140%;
   position:relative; display:block; cursor:pointer; 
   margin:0;
   padding:0.15em 0.25em 0.15em 1.5em; 
   text-decoration:none; 
   color:#0d548a;
   -webkit-tap-highlight-color: #000000;
	font-weight:500;
   font-family:RobotoCondensed,Arial,Helvetica,sans-serif;
	font-size:var(--main-txt-size);
	background:#ffffff;
}
#bluepageNav a.mpopen,
#bluepageNav a.aktiv,
#bluepageNav a:hover { 
   color:#c20d1a;
}
#bluepageNav a.nav1,
#bluepageNav a.nav1.aktiv,
#bluepageNav a.nav1:hover { 
	color:#b1c1dc;
	background:transparent;
	_text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
	margin:0 -0.1em 0 -0.25em;
}
#bluepageNav a.nav1.mpopen, 
#bluepageNav a.nav1.aktiv,
#bluepageNav a.nav1:hover { 
	color:#ffffff;
	_text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}

#bluepageNav a.nav1 {
   padding:0.5em 3em 0.5em 1em; 
}
#bluepageNav a.nav2 {
   padding:0.4em 3em 0.4em 1em; 
	background:#ffffff;
}
#bluepageNav a.navSub em {
	position:absolute;
	top:0;
	right:0.3em;
	height:100%;
	width:2em;
}
#bluepageNav a.navSub em { 
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-64c3e348-b48d-4613-bf7f-eb0ab0656460%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024.7%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23d1d7e9%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-d054eb74-6889-4687-b015-2543911af40f%22%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%229%203.7%207.2%205.5%2013.9%2012.2%207.2%2018.9%209%2020.7%2015.7%2014%2017.5%2012.2%2017.5%2012.2%2015.7%2010.4%209%203.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:2em auto;
}
#bluepageNav a.navSub.aktiv em {
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-64c3e348-b48d-4613-bf7f-eb0ab0656460%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024.7%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23ffffff%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-d054eb74-6889-4687-b015-2543911af40f%22%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%229%203.7%207.2%205.5%2013.9%2012.2%207.2%2018.9%209%2020.7%2015.7%2014%2017.5%2012.2%2017.5%2012.2%2015.7%2010.4%209%203.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:2em auto;
}
#bluepageNav a.navSub.mpopen em {
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-64c3e348-b48d-4613-bf7f-eb0ab0656460%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024.7%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23ffffff%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-d054eb74-6889-4687-b015-2543911af40f%22%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%229%203.7%207.2%205.5%2013.9%2012.2%207.2%2018.9%209%2020.7%2015.7%2014%2017.5%2012.2%2017.5%2012.2%2015.7%2010.4%209%203.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:2em auto;
   transform: rotate(85deg);
}
#bluepageNav a.nav2.navSub em { 
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-64c3e348-b48d-4613-bf7f-eb0ab0656460%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024.7%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%230d548a%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-d054eb74-6889-4687-b015-2543911af40f%22%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%229%203.7%207.2%205.5%2013.9%2012.2%207.2%2018.9%209%2020.7%2015.7%2014%2017.5%2012.2%2017.5%2012.2%2015.7%2010.4%209%203.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
	background-size:1.5em auto;	
}
#bluepageNav a.nav2.navSub.aktiv em {
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-64c3e348-b48d-4613-bf7f-eb0ab0656460%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024.7%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23c20d1a%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-d054eb74-6889-4687-b015-2543911af40f%22%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%229%203.7%207.2%205.5%2013.9%2012.2%207.2%2018.9%209%2020.7%2015.7%2014%2017.5%2012.2%2017.5%2012.2%2015.7%2010.4%209%203.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:1.5em auto;
}
#bluepageNav a.nav2.navSub.mpopen em {
   background:url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22uuid-64c3e348-b48d-4613-bf7f-eb0ab0656460%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2024.7%2024.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%20%7B%20fill%3A%20%23c20d1a%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-d054eb74-6889-4687-b015-2543911af40f%22%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%229%203.7%207.2%205.5%2013.9%2012.2%207.2%2018.9%209%2020.7%2015.7%2014%2017.5%2012.2%2017.5%2012.2%2015.7%2010.4%209%203.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
   background-size:1.5em auto;
   transform: rotate(85deg);
}

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


#bluepage {
	 background:#ffffff;
}
#bluepageInhaltContent {
	width:100%;
}
.bluepage_content {
	position:relative;                      
	top:0;
	width:100%;
	padding: 1em 2em;
	margin:0;
	white-space:normal;                                                
	z-index:110;                                 
	text-align:left;                    
}   
.contentspace {
	 height:4em;
}

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


#bluepageBottom {
	 
}