/*                                                                                                      */
/* #################################################################################################### */
/* # 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:7.5em; 
}
#bgHeader {
	position:fixed;
	top:0;
	width:100%;
	height:4em;
 	background:url('../img/layout/bg_mobil.svg') top left repeat-y ;
   background-size: 100% auto;
   z-index:900;
}
#bluepageHead {
   position:fixed;
   left:0;
   height:6.5em;  
   max-width:100vw; 
}
#bluepageHeadLogo {
	position: absolute;
	left: 0;
	top: 1em;
	width:16em;
	height:3.5em;
 	background:url('../img/layout/logo_sorbisches_schulmuseum_mobil.svg') top left repeat-y ;
   background-size: 100% auto;
}
#bluepageHeadLogo img {
	width: auto;
	height:100%; display:none;
}

#btnMenu {
   top:0.25em;
   right:0.25em;
   width:3em;
   height:3em;
   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:1.5em auto;
    z-index:100;
}

#btnMenu.aktiv {
   right:0.75em;
	background-size:1.5em auto;	
}

#bluepageNavPanel {
	border-left:none;
	background:url('../img/layout/bg_mobil.svg') top left repeat-y ;
	width:100%; 
}

#bluepageMobilLang ul li a span { font-size:20px; }
#bluepageNav a span { font-size:16px;} 
#bluepageNav a.nav1 span span { font-size:20px; }
#bluepageNav a.nav2 span span { font-size:18px; }
#bluepageNav a.nav3 span span { font-size:16px; }

#bluepage, #bluepageInhalt {
  background: #ffffff;
}
.contentspace {
	height:2em;
}

#bluepageBottom {              
   position:relative;
   display:block;
   bottom:auto;
   width:100%;
   height:auto;
   min-height:100%; 
   z-index:1;
	font-size:1rem;   
	padding-bottom:4em;                  
}
#bluepageBottom .footer {
   padding:0 15px 10px 15px;    
}

#bluepageFooterInfo {
	padding:5px 0 0 0;	
}
#bluepageFooterInfoContainer {
	padding-top:20px;
	width:100%;	
}
#bluepageFooterInfo ul.footerInfoContent {
	width:100%;
	margin:0;
}
#bluepageFooterInfo li.footerColumn,
#bluepageFooterInfo li.footerColumn:nth-child(1),
#bluepageFooterInfo li.footerColumn:nth-child(2),
#bluepageFooterInfo li.footerColumn:nth-child(3) { 
	width:100%;
	min-height:100%;
	display:block;
	padding:0.75em 0;
	border-top:1px solid #ffffff;
}
#bluepageFooterInfo li.footerColumn:nth-child(1) { border-top:0; }

#_bluepageFooterInfo div.teaser {
	cursor:pointer;
   padding:0.25em 0 0 0;
	font-weight:bold;
	font-size:1.4em;
}
#bluepageFooterInfo .txt {
	font-size:var(--main-txt-size);	
	line-height:160%;
}
#+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 {
	font-size:0.9em;
	padding:15px;
	text-align:left;
}
#bluepageBottom .footercontainer {
	max-width:calc(100hw - 50px); 
	padding:0;	
	margin:0;
}



#bluepageInhaltContent { 
   font-size:1em; 
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
   background:transparent;
   width:100%;
}
.bluepage_content {
   top:0; opacity:1;
   padding: 1em 15px 1em 15px;
   margin:0;
   width:100vw; 
}
.bluepage_content.fullsize {
   padding: 1em 0 1em 0;
   width:100vw; 
}
.bluepage_content.fullsize .templ_fullsize {
   width:100vw; 
   padding:0 20px;
}
.bluepage_content_background {
   padding: 0;
}
#bluepageInhaltContentBottomSpace {
   position:relative;
   height:1em;
   overflow:hidden;                  
}


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

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

._bluepage_content.fullsize .templ_fullsize { width:calc(100% - 30px); padding: 0 15px; } 
.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%; }