/*                                                                                                      */
/* #################################################################################################### */
/* # 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;
}
#bluepageResponsive {
   padding:0; 
}
#bluepageResponsive div {
   width:calc(100% - 22px); 
   min-width:290px;
   margin:auto;
   display:block;
}


#bluepageContainer {
   width:100%;
   max-width:100%; 
   min-width:320px;
   min-height:100%;
}   
#bluepageHeadSpace { height:5em;  }

#bluepageHead {  height:5em; }

#bluepageHead #bluepageHeadLogo {
   right:0.5em;
   top:0.6em;
   width: 5.5em; 
   height: 4.15em;
}
#btnMobileMenu {
   top:1.25em;
   left:0.75em;
   width:2.5em;
}

#bluepageMobilNavPanel {
   position:fixed;
   top: 4em;
   bottom:0;
   left:-21em;  
   padding:0;
   margin:0;
   display:block;
   width:100%; 
   display:none;
   z-index:200;                    
}

main {         
   font-size:1em; 
}
#bluepageInhalt {
   padding:0 0 2.5em 0; 
   width:100%
}

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

.bluepage_content {
   top:0; opacity:1;
   padding: 1em 15px 1em 15px;
   width:100%; 
}
.bluepage_content.fullsize {
   padding: 1em 0 1em 0;
   width:100%; 
}
.bluepage_content.fullsize .templ_fullsize {
   _padding: 1em 15px 1em 15px;
   width:100%; 
}


#bluepageBottom { }
#bluepageFooterSubNav { }
#bluepageFooterSubNav ul li {  display:inline-block; }
#bluepageFooterSubNav ul li.spacer i { display:none; }




.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; }

.box_pictxt { padding:5px 0 5px 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:left; 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 - 3em); }

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


#bluepageBottom .footer:nth-child(1) .footercontainer { padding-bottom:1.5em; }


#bluepageBottom .footerContent .td_mail,
#bluepageBottom .footerContent .td_tel,
#bluepageBottom .footerContent .td_socialmedia,
#bluepageBottom .footerContent .td_vm {
   display:block;
   width:100%;
   text-align:center;
   margin-bottom:1.5em;
   padding:0;
}
#bluepageBottom .footerContent .td_vm { position:relative; top:auto; left:auto; right:auto; }
#bluepageBottom .footerContent .vm { background-position:center center; background-size: 7.35em auto; margin:auto; }
#bluepageBottom .footerContent a.mail { margin: 0 auto; }
#bluepageBottom .footerContent a.tel { margin: 0 auto; }
#bluepageBottom .footerContent a.fb { margin: 0 auto; }
#bluepageBottom .footerSubNav  li { display:block; }
#bluepageBottom .footerSubNav a { font-size:calc(20px + (24 - 20) * ((100vw - 320px) / (480 - 320))); font-weight:300; padding:0.5em; display:inline-block; } 
#bluepageBottom .footerSubNav li.copyright div { font-size:var(--main-red-size); font-weight:300; }