/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/tablet.css 3.16                                                */
/* #################################################################################################### */
/* # Copyright © 04.2019 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%;
}


#bluepageContainer {
   max-width:100%; 
   overflow:hidden; 
   text-overflow:ellipsis;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -hyphens: auto;
   /*
   border-right: 1px solid #000000;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
   */
   width:100%;        
   max-width:36.571em;  }
#bluepageContainer.fixed {
   position:fixed;
}
#bluepageResponsive {
   max-width:36.571em;
   padding:0;  
}
                                                                
#fixedHelp,
#fixedHelp div { height:4.762em;  }



header {
   position:fixed;
   top:0;
   margin:0;      
   text-align:center;                                              
   height:5em;  
   display:block;
   width:100%;
   z-index:1000;            
}
#bluepageHeadTopContent {
   max-width:36.571em;
   height:2.143em;  
}
#bluepageHeadSubNav {
   right:0.476em;
   height:1.905em;  
}
#bluepageHeadSubNav ul li a span {
   font-size:0.762em; 
}
#bluepageHead {
   height:2.857em;  
}
#bluepageHeadContent {
   max-width:36.571em; 
   padding: 0;
}
#bluepageHeadLogo {
   top:-2.143em;
   left:0.952em;   
   width: 8.571em; 
   height: 5.952em; 
}
#bluepageHeadLogo img {
   padding: 0.476em; 
   width: 8.571em; 
   height: 5.857em; 
   z-index:10;
}

#btnMobileMenu {
   position:absolute;
   top:0;
   right:0.476em;   
   width: 2.857em;
   height:2.857em;
   background:url('../img/layout/menu.svg') center center no-repeat;
   background-size:2.857em 2.857em;
   display:block;
   opacity:1; 
   cursor:pointer;
}
#btnMobileMenu.aktiv {
   background-image:url('../img/layout/menu.close.svg');

}
#btnMobileMenu span {
   display:none;
}
















#bluepageMobilNavPanel {
   position:fixed;
   top:5em;
   bottom:0;
   left:0;
   right:0;
   background:rgb(0,0,0,0.6);
   width:100%;
   padding:0;
   display:none;
   margin:0;
   padding:0;
}
#bluepageMobilNavPanelContainer {
   position:absolute;
   top:0;
   background:#d5e6dc;
   width:100%;
   padding:0;
   height:auto;
   margin:0;
   padding:1.429em 0 1.905em 0;
   border-top:1px solid #efefef;
   border-bottom:0.238em solid #2f824f;
}

#bluepageHeadNavContainer,
#bluepageHeadNav,
#bluepageMegamenuBackground { display:none; }

#bluepageMobilLogin,
#bluepageMobilLang,
#bluepageMobilSearch { display:none; }   

#bluepageMobilNav {    
   position:relative;
   margin:0 auto;
   padding:0 0.238em;
   min-height:2.619em;  
   width:100%;
   text-align:center;
   display:none;
   line-height:100%;     
   background:#d5e6dc;
   overflow-y:auto; 
   z-index:10;                       
}
#bluepageMobilNavClose { display:none; }

#bluepageMobilNav ul {
   position:relative;
   display:none;
   height:auto ;
   padding:0.476em 0 0.476em 0;
   margin:0;
   float:none; 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

#bluepageMobilNav ul.navUL_1 {
   display:block;
   padding:0 0.476em 0 0.476em;
}

#bluepageMobilNav ul li.navLI_1.mpopen ul li,
#bluepageMobilNav ul li.navLI_1.aktiv ul li { display:block; }      

#bluepageMobilNav ul li.navSub.aktiv > ul { display:block; }      

#bluepageMobilNav ul li {
   position:relative;
   float:none; 
   display:inline-block;
   height:auto;
   width:100%;
   padding:0.048em 0 0.238em 0; 
   margin:0;
   white-space:normal;
   text-align:left; 
}
#bluepageMobilNav ul li.spacer { display:none !important; }

#bluepageMobilNav ul li a { 
   position:relative; display:block; cursor:pointer; 
   padding:0.381em 2.381em 0.476em 0.714em; 
   text-decoration:none; 
   line-height:100%;
   color:#333333; 
}
#bluepageMobilNav ul li a span { 
   font-size:0.857em; 
   line-height:120%;
}  

#bluepageMobilNav ul li.navSub a em { 
   position:absolute; 
   right:0; 
   top:0;
   width:2.143em; 
   height:1.905em; 
   background:url('../img/mobile/nav1.pt.ws.svg') center center no-repeat; 
   background-size: 0.952em auto;
   display:block;
} 
#bluepageMobilNav ul li.navSub a.mpopen em       { background-image:url('../img/mobile/nav1.pt.open.ws.svg'); } 
#bluepageMobilNav ul li.navSub a.aktiv em        { background-image:url('../img/mobile/nav1.pt.aktiv.ws.svg'); } 
#bluepageMobilNav ul li.navSub a.mpopen.aktiv em { background-image:url('../img/mobile/nav1.pt.aktiv.open.ws.svg'); } 

#bluepageMobilNav ul.navUL_2 li.navSub a em       { background-image:url('../img/mobile/nav1.pt.svg'); } 
#bluepageMobilNav ul.navUL_2 li.navSub a.mpopen em { background-image:url('../img/mobile/nav1.pt.open.svg'); } 
#bluepageMobilNav ul.navUL_2 li.navSub a.mpopen.aktiv em { background-image:url('../img/mobile/nav1.pt.open.svg'); } 

#bluepageMobilNav ul li a.aktiv { color:#ac103d; }


#bluepageMobilNav ul li.navLI_1 a.nav1 { 
   text-transform: uppercase; 
   font-weight:bold;
   padding:0.476em 2.381em 0.571em 0.714em; 
   background-color:#2f824f; color:#ffffff; border-bottom:1px solid #999999; 
}
#bluepageMobilNav ul li.navLI_1 a.nav1.aktiv { 
   background-color:#005e2f; color:#ffffff; 
}
#bluepageMobilNav ul li.navLI_2.end { border-bottom:0 solid transparent; }



#bluepageMobilNav ul li.navLI_2 { border-top:1px solid #929599;  }  
#bluepageMobilNav ul li.navLI_2.first { border-top:none;  }  

#bluepageMobilNav ul li.navLI_2 a { font-weight:600;  }
#bluepageMobilNav ul li.navLI_2 a:hover { color:#555555; }
#bluepageMobilNav ul li.navLI_2 a.aktiv { color:#2f824f;  }

#bluepageMobilNav ul li.navLI_3 a:hover { color:#555555; }
#bluepageMobilNav ul li.navLI_3 a.aktiv { color:#2f824f; font-weight:normal;  }




#_bluepageMobilNav ul li.navLI_3 { 
   background-color:#ffffff;
   border-left:0.238em solid #82c341;
}   


#bluepageMobilNav ul.navUL_3 { 
   padding:0 0 0.714em 0.857em; 
} 

#bluepageMobilNav ul li.navLI_3 { 
   padding:0 0 0.238em 0.476em; 
   /*border-top:1px solid #0c8651;*/
   border-left:0.238em solid #2f824f;
}   
#bluepageMobilNav ul li.navLI_3 a { 
   padding-left: 0; padding-right: 0; 
   border-bottom:0.048em solid #ffffff;
}
#bluepageMobilNav ul li.navLI_3.end a { border-bottom:0 solid transparent; }

#bluepageMobilNav ul li a.nav1 span { 
   font-size:0.952em; 
   line-height:120%;
}  
#bluepageMobilNav ul li a.nav2 span { 
   font-size:0.952em; 
   line-height:120%;
}  

#bluepageMobilNav ul li a.nav span { 
   font-size:0.762em; 
   line-height:120%;
}  










#bluepage {         
   font-size:49.524%; overflow:hidden;  
}
#bluepageInhalt {
   padding:0 0 2.381em 0; 
   overflow:hidden;  
   width:100%;
}
.bluepage_content {
   width:71.905em; 
   padding: 0.476em 0.952em 0.476em 0.952em;
}      


#bluepageBottom {                   
   min-height:2.857em;         
}
#bluepageBottom #bluepageFooterShare { font-size:0.9em; }
#bluepageBottom #bluepageFooterInfo { font-size:0.75em; }

#bluepageBottom .footercontainer {
   max-width:72.857em; 
   padding: 0.714em 0.476em 0.714em 0.476em;
}

#bluepageFooterInfo li.footerColumn { 
   padding:0.714em 0.476em 0.952em 0.476em;
   width:30%;     
}
#bluepageFooterInfo li.footerColumn:nth-child(2) { width:40%; }

#bluepageFooterBottom {
   font-size:0.8em;
}

#bluepageBottom .footer:nth-child(3) .footercontainer { padding: 0.238em 0.714em 0 0.714em; }
#bluepageFooterBottom div#footergroup { width:13.333em;}

#bluepageFooterBottom div#footercopyright { 
   font-size:0.9em;
   padding-bottom:0.857em}



.box_txt,
.box_pictxt,
.box_space,
.templ_td_templ .frml_error,
.templ_table a.link_dnl,
.dnlarchiv_tab,
.box_link_anker,
.teaser_link_more,
.teaser_link_back,
.templ_table_frml label,
.templ_table_frml .inlabel,
.frml_linkbutton_div,
.templ_table_frml .frml_box_datetime em
 { font-size:1.5em; line-height:145%; }

h1.headline1 span { font-size:2.743em; line-height:130%; } 
h1.headline2 span { font-size:2.286em; line-height:130%; } 
h1.headline3 span { font-size:1.981em; line-height:130%; } 
h1.headline4 span { font-size:1.676em; line-height:130%; } 
h1.headline5 span { font-size:1.524em; line-height:130%; } 
h2 { font-size:1.714em; line-height:140%; }

.search_headline_ergebnis,
.search_headline_ergebnis_R {
   font-size:1.5em; line-height:140%;    
}
.templ_table_frml input, 
.templ_table_frml input[type="text"], 
.templ_table_frml input[type="email"], 
.templ_table_frml input[type="url"], 
.templ_table_frml input[type="password"], 
.templ_table_frml input[type="date"], 
.templ_table_frml input[type="number"], 
.templ_table_frml input[type="search"], 
.templ_table_frml input[type="file"], 
.templ_table_frml textarea, 
.templ_table_frml select  { font-size:1.5em; }    
  
.templ_table_frml select {
   padding: 5px 5px; 
}
.templ_table_frml select option {
   padding: 2px 5px; 
   margin:auto;
}
.templ_table_frml .resfrml select.ol { 
   float:left; width:90%; 
   _padding:1px 5px;
}    

.templ_table_frml input.frml_button { 
    font-size:1.5em;
}
.frml label.frml_pflicht { padding-top:0.238em; }
.templ_table_frml label.captchatxt { font-size:1.5em; }

.tab table { font-size:1.5em; }

#searchlink_more { 
    font-size:1.5em;
}
.templ_dnlarchiv .box_txt { font-size:1em; line-height:120%;  }














#bluepageHeadNav {
   display:none;
}