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

.mobilenone { display:none !important; }
.mobileonly { display:block; }
.tabletonly { display:none; }

#bluepageBody,
#bluepageBodyHome {
   max-width:100%;    
   -webkit-text-size-adjust: none;
   font-size:20px; 
   overflow-x:hidden;
}
#bluepageContainer {
   width:100%;
   max-width:100%; 
   min-width:320px;
   min-height:100%;
}   
.flex {
	 font-size:1em; /* 0.5em */
}

#bluepageHeadSpace {
	height:5.5em; 
}
#bluepageHead {
   position:fixed;
   top:0;
   margin:0;      
   text-align:center;                                              
   height:5.5em;  
   display:block;
   width:100%;
   max-width:100vw;
   background:#ffffff;
   border-bottom:1px solid #dbdcdd;            
   z-index:901;            
}

#bluepageHeadLogo {
   position:absolute;
   left:1.5em;
   top:1.25em;
   padding:0;
   z-index:1050;
   width: 3.75em; 
   height: 3.75em;
   text-align:left;                                      
}
#bluepageHeadLogo img {
   width: 3.75em; 
   height: auto ; 
   z-index:10;
}
#bluepageHeadSub {
	top:0.25em;
	right:1.5em;
}
#bluepageHeadSub a span span {
   line-height:100%; 
}
#bluepageHeadSubNav a.suche span {
	height:1.5em;
}
#btnMobileMenu {
   position:absolute;
   top:3em;
   right:1.5em;
   padding:0 0.5em; 
   width:2em;
   height:1.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%2253%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:2.4em auto;
   
   z-index:100;
}
#bluepageMobilNavPanel {
	width:calc(100% - 2em);
}
#bluepageMobilNavPanelHead {
	right:0;
	height:5.5em;
	background:url('../img/layout/thiesclima.ws.svg') 1.25em 1.25em no-repeat #EC680F;
	background-size:3.5em auto;
}
#bluepageMobilNavClose { 
   bottom:2.25em;
   right:0.75em;
   width:2.5em;
   height:2.5em;
   background:url('../img/layout/menu.close.ws.svg') center center no-repeat;
   background-size: 1.75em auto;
}
#bluepageMobilNavPanelContainer {
   margin:6em 1em 0 1em;
   width:calc(100% - 2em); 
   height: calc(100% - 8em);
}
#bluepageMobilNav {
	font-size:0.4em;
}
#bluepageMobilNav ul.navUL_1 {
	 left:0;
}
#bluepageMobilNav li.navLI_1 {
	padding-right:5.5em;	
}
#bluepageMobilNav a.nav1 {
   padding:0.75em 1em 1em 1.5em; 
}
#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:2em auto;
}

#bluepageInhaltContent { 
   font-size:1em; 
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

.bluepage_content {
   top:0; opacity:1;
   padding: 0.5em 30px 0.5em 30px;
   width:100vw; 
}
.bluepage_content_background .bluepage_content {
   padding: 1em 30px 1em 30px;
}
.bluepage_content.fullsize {
   padding: 1em 0 1em 0;
   width:100vw; 
}
.bluepage_content.fullsize .templ_fullsize {
   width:100vw; 
}



#bluepageBottom {              
   position:relative;
   bottom:auto;
   width:100%;
   height:auto;
   min-height:13em; 
   z-index:1;
}
#bluepageBottom .footer {
   padding:0 30px 10px 30px;    
}
#bluepageFooterThies {
	 display:none; 
}
#bluepageFooterInfo {
	padding:5px 0 0 0;	
}
#bluepageFooterInfoContainer {
	padding-top:10px;
	width:100%;	
}
#bluepageFooterInfo ul.footerInfoContent {
	margin:0;
}
#bluepageFooterInfo li.footerColumn {
	width:100%;
	min-height:100%;
	display:block;
	padding:0 0 0 0;
}
#bluepageFooterInfo div.teaser {
	cursor:pointer;
   padding:0 0 0.25em 0;
	border-bottom:1px solid #AAA8A8;
	font-weight:bold;
}
#bluepageFooterInfo li.slider div.teaser em {
   position:absolute;
   right:0;
   top:0;
   width:2.5em;
   height:1.6em;
   background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.516%22%20height%3D%2213.284%22%20viewBox%3D%220%200%2019.516%2013.284%22%3E%3Cpath%20id%3D%22Pfad_179%22%20data-name%3D%22Pfad%20179%22%20d%3D%22M0%2C10.881%2C8.429%2C0l8.282%2C10.881h0%22%20transform%3D%22translate%2818.113%2012.284%29%20rotate%28180%29%22%20fill%3D%22none%22%20stroke%3D%22%23ec680f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
   background-size:1.1em auto;
   background-position: center center;
   background-repeat: no-repeat;
   text-align:center;
   margin:auto;
   display:block;
   cursor:pointer;
}
#bluepageFooterInfo li.slider.aktiv div.teaser em { 
   transform: scaleY(-1);
}
#bluepageFooterInfo div.sbox { display:none; }
#bluepageFooterInfo li.aktiv .sbox { display:block; }

#bluepageFooterInfo div.content {
	padding:0 0 1em 0;
}
#footerCopyright  {
	padding:0;
}
#footerCopyright .txt {
	border:none;
}
#footerCopyright .txt div {
	text-align:center;
}

#bluepageBottom .footer:nth-child(2) {
	margin:0 -30px;
	width:calc(100% + 60px);
	padding:1em 0 0 0;
}
#bluepageBottom .footercontainer {
	padding:0;	
}
#bluepageFooterTextLine {
	top:-0.5em;
	padding:0;
	text-align:center;
	height:auto;
}
#bluepageFooterTextLine div {
	letter-spacing:0.1em;
	font-size:0.8em;	
	text-align:center;
	opacity:0.7;
}

.templ_table_txtxt .templ_td { width:100% !important; }

.templ_table,
.templ_table_galerie,
.templ_row,
.templ_tr,
.templ_td, .templ_td_pic, .templ_td_2pic,.templ_td_3pic,.templ_td_4pic,.templ_td_5pic,.templ_td_6pic,.templ_td_txt, .templ_td_templ, .templ_td_nosize, .templ_background,
.templ_td_twin_pic, .templ_td_teaser_pic, .templ_td_teaser_txt, .templ_td_rubrik_pic, .templ_td_rubrik_txt,
.templ_td_templ_border,
.templ_td_galpic, 
.templ_td_galpictxt,
.pic_intxt_1, .pic_intxt_2 {
   display:block;
   width:100%; 
   max-width:100%;    
}
.hspace,.hspace2,.hspace_2pic,.hspace_3pic,.hspace_4pic,.hspace_5pic, 
.hspace_galpic, 
.twin_hspace {
   display:block;
   height:1em;
}
.pic_intxt_1         { padding-right:0 !important; } 
.pic_intxt_2         { padding-left:0  !important; } 
.templ_pictxt .templ_td_pic { padding-bottom:0; }
.templ_td_4pic       { padding:0 0 1em 0; }

column 					{ column-count:1; width:100%; }

.box_pictxt,
.box_pictxt_standard { padding:5px 0 1em 0; } 

.hr_line { padding:0 1em; }
.box_mobile_space { display:block; }

.templ_td_3pic .imgbox { margin:0; width:100% !important; height:auto; }
.templ_td_3pic  { margin-bottom:2em; }
._templ_td_3pic .box_txt { font-size:1em; }

.imgbox                    { width:100% !important; height:auto !important; min-height:auto !important; padding:0; margin-bottom:5px; float:none; display:inline-block; } 
.imgbox img                { width:100% !important; height: auto !important; float:left; } 
.imgboxshadow img          { width:99% !important; height: auto !important;  } 

.mmedia { font-size:0.4225em; margin-bottom:10px; }

.responsive_1-1, .responsive_3-2, .responsive_4-3, .responsive_5-4, .responsive_11-9, .responsive_12-5, .responsive_16-9, .responsive_a4 {
   margin:5px auto 10px auto;
}
.responsive_1-1 iframe, .responsive_3-2 iframe, .responsive_4-3 iframe, .responsive_5-4 iframe, .responsive_11-9 iframe, .responsive_12-5 iframe, .responsive_16-9 iframe, .responsive_a4 iframe {
   width:100%;
}

.templ_space {  height:0.8em; }
.p_space { height:0.5em; }

h1 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; max-width:calc(100vw - 2em); }

.img_zoom { background-size:40px auto; }

.bluepage_content.fullsize .templ_fullsize { width:100%; padding: 0 30px; } 
.bluepage_content.fullsize .templ_td_twin_pic { width:100%; }
.bluepage_content.fullsize .templ_td_twin_pic .pictxt_container,
.bluepage_content.fullsize .templ_td_twin_pic:nth-child(1) .pictxt_container { padding: 0 30px; float:none; width:100%; }

.space50 {
	 height:1.5em;
}
.headline span > span.headline2 { font-size:calc(var(--main-txt-size) + 10px);  }
.headline span > span.headline3 { font-size:calc(var(--main-txt-size) + 6px);  }
.headline span > span.headline4 { font-size:calc(var(--main-txt-size) + 4px);  }
.headline span > span.headline5 { font-size:calc(var(--main-txt-size) + 1px); }