/*                                                                                                      */
/* #################################################################################################### */
/* # 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%;
   box-shadow:none;
}   
.flex {
	 font-size:1em; /* 0.5em */
}
#bluepageHeadSpace {
	height:4em; 
}
#bluepageHead {
   position:fixed;
   top:0;
   height:4em;  
   min-height:auto;
   display:block;
   width:100%;
   z-index:901;          
}
#bluepageHeadContainer {
	width:100%;
	height:4em; 
}

#bluepageHead .bluepageHeadLogo {
   left:0.75em;
   top:1.25em;
   width: 9.75em; 
   height: 2em; 
}
#bluepageHead .bluepageHeadLogo img {
   width: 100%; 
   height: 100%; 
   z-index:10;
}
.bluepageHeadContent {
	width:100%;
}

#btnMenu {
   top:1.25em;
   right:1em;
   padding:0 0.5em; 
   width:2em;
   height:2em;
   background-size:1.75em auto;
}
#btnMenu span { display:none; }
#btnMenu.aktiv {
   background-size:1.65em auto;
}
#bluepageNavPanel {
	top:4em;
	padding-top:0.5em;
	width:100%;
	margin:0;
}
#bluepageNavPanelContainer {
   padding:0.5em;
   margin:0;
   width:100%; 
   max-width:100%;
   height: auto;
	min-width:100%;
}


#bluepageInhaltContent { 
   font-size:1em; 
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}
#bluepageHeadBreadcrumb,
.bluepage_content.first #bluepageHeadBreadcrumb {
	margin:0;	
}
.bluepage_content {
   top:0; opacity:1;
   padding: 1em 30px 1em 30px;
   width:100vw; 
}
.bluepage_content.fullsize {
   padding: 1em 0 1em 0;
   width:100vw; 
}
.bluepage_content.fullsize .templ_fullsize {
   width:100vw; 
}



#bluepageBottom {	               
   width:100%;
   height:auto;
   min-height:100%; 
display:none;
}
#bluepageBottom .footer {
   width:100%;
   max-width:100%; 
   padding: 0 1em 0 1em;
}
#bluepageFooterSubNav {
	width:auto;
	text-align:center;
	padding-top:1em;
	left:auto;
}
#bluepageBottom #zertifikat {
	position:absolute;
	right:0;
	top:-5.5em;
	width:5em;
	height:6.25em;
	background:url('../img/layout/zertifikat.webp') center center no-repeat; 
	background-size:100% auto; 
	display:block;
	z-index:100;
}


.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_2pic {
	 display:none; 
}
.hspace,.hspace2,.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;
}


.link_anker,
.right .link_anker,
.link_dnl_button { text-align:left; width:100%; }
