/*                                                                                                      */
/* #################################################################################################### */
/* # 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:2.5em;  }


#bluepageHeadNavContainer,
#bluepageHeadNav,
#bluepageMegamenuBackground { display:none; }


#bluepageHeadSpace {height:9em; _font-size:var(--main-font-size);  }
.headerspacer { height:8em; display:none;}

#bluepageHead {
   position:fixed;
   top:0;
   margin:0;      
   text-align:center;                                              
   height:9em;  
   display:block;
   width:100%;
   background:#ffffff;
   _border-bottom:1px solid #dbdcdd;            

   z-index:901;            
}
#bluepageHeadContainer {
   position:relative;
   width:100%;
   height:100%;
   z-index:905;                   
}

.bluepageHeadContent {
   position:relative;                      
   top:0;
   width:100%;  
   height:100%;
   padding: 0;
   margin:auto;
   white-space:normal;                                                
   z-index:110;                                 
   text-align:left;                       
}
#bluepageHeadLogo {
   position:absolute;
   left:6em;
   top:1.667em;
   padding:0;
   z-index:1050;
   width: 6.667em; 
   height: 5.8em;
   text-align:left;                                      
}
#bluepageHeadLogo img {
   width: 6.667em; 
   height: auto ; 
   z-index:10;
}
#bluepageHeadSub {
	right:4.333em;
}










#btnMobileMenu {
   position:absolute;
   top:4.25em;
   right:4.5em;
   padding:0 0.5em; 
   width:2.75em;
   height:2.75em;
   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%23807d7d%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%23807d7d%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%23807d7d%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.25em auto;
   
   z-index:100;
}
#btnMobileMenu span { display:none; }




#bluepageMobilNavPanel {
   position:fixed;
   top: 0;
   bottom:0;
   right:0;
   background:#fcfcfc;
   _border-left:1px solid #999999;
   width:32.5em; 
   display:none;
   padding:0;
   z-index:1000;
}
#bluepageMobilNavPanel.aktiv { display:block; }


#bluepageMobilNavPanelHead {
	position:absolute;
	width:100%;
	height:9em;
	background:url('../img/layout/thiesclima.ws.svg') 1.25em 1.25em no-repeat #EC680F;
	background-size:5em auto;
}
#bluepageMobilNavLogo {
	position:absolute;
	height:100%;
	width:8em;
	display:block;
}
#bluepageMobilNavClose { 
   position:absolute;
   bottom:1.25em;
   right:0.75em;
   width:4em;
   height:4em;
   _padding:0.4em 2em;
   background:url('../img/layout/menu.close.ws.svg') center center no-repeat;
   background-size: 3em auto;
   text-decoration:none;
   display:block;
   z-index:50;
}
#bluepageMobilNavClose span {
   display:none;
}



#bluepageMobilNavPanelContainer {
   position:relative;
   top: 0;
   bottom: 0;
   left:0;  
   padding:0;
   margin:11.5em 0 0 0;
   display:block;
   width:100%; 
   height: calc(100% - 11em);
   background:#ffffff;
   z-index:1;
}
#bluepageMobilNav {
   position:relative;
   top:0;
   padding: 0 ;   
   display:block;
   z-index:20;   
   overflow:hidden;        
   height:100%;
   width:100%;
   z-index:1;
}

#bluepageMobilNav ul {
   position:relative;
   display:block;
   _padding: 2em;   
   _width:calc(100% - 4em);
   padding:0;
   width:100%; 
   margin:0;
   float:none; 
   z-index:5;
   color:#000000; 
}
#bluepageMobilNav ul.navUL_1 {
   position:absolute;
   left:2.5em;
   top:0;
   bottom:0.5em;
   overflow:hidden;
   overflow-y:auto;
   padding:0.5em 0.75em 0.5em 0.4em;
   margin: 0;
   display:table-cell;
   width:100%; 
}
#bluepageMobilNav ul.navUL_1 ul { margin:0.05em 0 0 0; display:none; }
#bluepageMobilNav ul.navUL_2 ul { display:none; }
#bluepageMobilNav ul.navUL_3 ul { display:none;  margin-bottom:0.5em; }
#bluepageMobilNav ul li.aktiv  ul.navUL_2 { display:block; }      
#bluepageMobilNav ul li.mpopen ul.navUL_2 { display:block; } 
#bluepageMobilNav ul li.mpopen ul.navUL_3 { display:block; } 
     
#bluepageMobilNav ul.navUL_1 li.aktiv ul.navUL_2 { display:block; }      
#bluepageMobilNav ul.navUL_2 li.aktiv ul.navUL_3 { display:block;  }      
#bluepageMobilNav 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; }

#bluepageMobilNav li {
   position:relative;
   float:none; 
   display:inline-block;
   height:auto;
   width:100%;
   padding:0.1em 0 0.1em 0; 
   margin:0;
   white-space:normal;
   text-align:left; 
}
#bluepageMobilNav li.navLI_1 {
	 padding-right:9.5em;
}
#bluepageMobilNav a { 
   line-height:140%;
   position:relative; display:block; cursor:pointer; 
   margin:0.05em 0 0 0;
   padding:0.5em 0.5em 0.5em 1.5em; 
   _padding:0 2em; 
   text-decoration:none; 
   color:#807d7d;
   -webkit-tap-highlight-color: #000000;
   
}
#bluepageMobilNav a.mpopen,
#bluepageMobilNav a.aktiv,
#bluepageMobilNav a:hover { 
   color:#ffffff;
   background:#ec680f;
}
#bluepageMobilNav a.nav1.mpopen { 
	color:#000000;
	background:#f7e8db;
}
#bluepageMobilNav a.nav1.aktiv,
#bluepageMobilNav a.nav1:hover { 
   color:#ffffff;
   background:#ec680f;
}
#_bluepageMobilNav a.nav2.mpopen,
#bluepageMobilNav a.nav2.aktiv,
#bluepageMobilNav a.nav2:hover { 
   color:#ec680f;
}
#bluepageMobilNav a.nav2.mpopen { 
   color:#807d7d;
}
#_bluepageMobilNav a.nav3.mpopen,
#bluepageMobilNav a.nav3.aktiv,
#bluepageMobilNav a.nav3:hover { 
   background:#ffffff;
   color:#ec680f;
}
#bluepageMobilNav a.nav1 {
   padding:0.5em 0.75em 0.75em 1.25em; 
	color:#000000;
	background:#f7e8db;
}
#bluepageMobilNav a.nav2 {
   padding:0.5em 0.75em 0.75em 1.25em; 
	background:#edeaea;
}

#bluepageMobilNav a.navSub em {
	position:absolute;
	top:0;
	right:-5.25em;
	height:100%;
	width:5em;
	background:#ec680f;
}
#bluepageMobilNav a.navSub em { 
   background-image: 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%2037%2024.8%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cpath%20id%3D%22Pfad_124%22%20data-name%3D%22Pfad%20124%22%20class%3D%22cls-1%22%20d%3D%22M18.3%2C23.8L1%2C1%22%2F%3E%20%20%3Cpath%20id%3D%22Pfad_124-2%22%20data-name%3D%22Pfad%20124-2%22%20class%3D%22cls-1%22%20d%3D%22M36%2C1l-17.7%2C22.8%22%2F%3E%3C%2Fsvg%3E');
   background-size:1.5em auto;
   background-position: center center;
   background-repeat: no-repeat;
}
#bluepageMobilNav a.navSub.mpopen em {
   transform: scaleY(-1);
}

#bluepageMobilNav a.nav2.navSub em {
	background-color:#807d7d;
}
#bluepageMobilNav a span { 
   font-weight:normal; 
   font-size:var(--main-txt-size);
   
   line-height:120%;
}  
#bluepageMobilNav a.nav1 span {
	font-weight:bold;
}
#bluepageMobilNav a.nav2 span span{
   font-size:0.9em; 
}
#bluepageMobilNav a.nav3 span span{
   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;                       
}