/*                                                                                                      */
/* #################################################################################################### */
/* # 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 {
   width:100%;        
   max-width:34.909em;  }
#bluepageResponsive {
   max-width:34.909em;
   padding:0;  
}
                                                                
#fixedHelp,
#fixedHelp div { height:5.455em;  }


#bluepageHeadSpace {
   height:4.091em; 
}
#bluepageHeadNavigation {
   min-height:2.273em;  
}
#bluepageHeadNavigationContainer {
   padding:0 1.136em;  
}
.bluepageHeadContentBtnBar {
   width:12.727em;
   height:2.273em; 
}
.bluepageHeadContentBtnBar ul li {
   width:1.364em;
   height:1.364em;
   background-size: 1.364em 1.364em; 
}
.bluepageHeadContentBtnBar ul li a { width:2.273em; height:2.273em; }
.bluepageHeadContentBtnBar ul li.search   { display:none; }



#bluepageHead {
   height:4.545em;  
}

#bluepageHeadContainer {
   padding:0;  
}
#bluepageHeadNav {
   display:none;  
}
#bluepageHeadLogo {
   position:absolute;
   left:0.909em;
   top:0.909em;
   padding:0;
   z-index:1050;
   width: 8.182em; 
   height: 2.864em; 
}
#bluepageHeadLogo img {
   width: 8.182em; 
   height: 2.864em; 
}

#MobileBtnBar {
   position:absolute;
   top: 1.364em;
   right:0.682em;
   width:3.636em;
   height:1.818em;
   text-align:right;
   display:block;
   z-index:1000;
}
#MobileBtnBar.aktiv {
   /*left:-13.636em; */
}
#MobileBtnBar span {
   display:none;
}
#btnMobileMenu {
   margin-right:0.455em;
   width:1.818em;
   min-height:1.818em;
   background:url('../img/mobile/menu.svg') center center no-repeat; 
   background-size: 2.045em 2.045em; 
   display:inline-block;
   cursor:pointer;
   z-index:100;
}
#btnMobileMenu.aktiv {
   background:url('../img/mobile/menu-close.svg') center center no-repeat; 
   background-size: 2.045em 2.045em; 

}


#bluepageContainer {
   background:#ffffff;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}
#bluepage {         
   font-size:51.631%; overflow:hidden;  
}
/*
#bluepage {         
   font-size:0.51625em ; overflow:hidden;  
}
*/
#bluepageInhalt {
   padding:0;   
   overflow:hidden;  
   width:100%;
}
.bluepage_content {
   width:65.909em; 
   padding: 0.455em 0.909em 0.455em 0.909em;
}      


#bluepageBottom {                   
   min-height:2.273em;         
}

#bluepageBottomContainer {
   min-height:2.273em;         
   padding: 0.455em 0 0.455em 0;
}
#bluepageFooterContainer {
   float:none;
}
#bluepageFooterCopyright {
   padding: 0.227em 0 0.455em 0;
   display:block;
   text-align:center;
}
#bluepageFooterCopyright .txt {
   font-size:0.727em;         
}
#bluepageFooterNav {
   padding: 0.455em 0 0.227em 0;
   display:block;
   text-align:center;
   right:auto;
   margin:auto;
   float:none;
}
#bluepageFooterNav ul {
   display:inline-block;
}
#bluepageFooterNav li {
   font-size:0.818em;         
}
#bluepageLinkTop {
   right:0.909em;
   bottom:7.727em;
   width:2.273em;
   height:2.273em;
   background-size:1.591em auto;
}


.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.182em; line-height:120%; }
h1.headline2 span { font-size:1.909em; line-height:120%; }
h1.headline3 span  { font-size:1.636em; line-height:120%; }
h1.headline4 span  { font-size:1.364em; line-height:120%; }
h2 { font-size:1.636em; 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.227em; }
.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%;  }

#bluepageBottomSitenavContainer {
   font-size:1.5em;
   width:100%;
   padding:0.909em;
}
/*
#bluepageBottomSitenavContainer .link_sitenav_l,
#bluepageBottomSitenavContainer .link_sitenav_r,
#bluepageBottomSitenavContainer span
 {
   font-size:1.5em;
}
*/

#bluepageSearchPanel { width:auto; }
#bluepageSearchContainer { width:auto; margin:0; }
#bluepageSearch { width:auto; margin-left:0; padding:0.455em 0 0.455em 0.682em; }
#qsearch { width:auto;  }
#qsearch input { width:18.182em; font-size:0.909em; }
#qsearch button { font-size:0.909em; }

#bluepageMobilNavPanel {
   position:fixed;
   top: 0;
   bottom:0;
   right:0;
   padding:0.455em 0;
   margin:2.273em 0 2.273em 0; 
   display:none;
   min-height:1.818em;
   width:13.182em; 
   background:#000000;
   z-index:1;
}

#bluepageMobilNavClose {
   position:absolute;
   top:-2.5em;
   left:0;
   padding-left:2.045em;
   width:100%;
   height:2.5em;
   z-index:1000;
   text-align:left;
   font-size:0.909em;
   line-height:2.5em;
   display:block;
   background:url('../img/mobile/menu-close.svg') 0.682em center no-repeat #4d3a2c;;
   background-size:1.136em auto;
   color:#efdcb9;
   text-decoration:none;
   cursor:pointer;          
}

#bluepageMobilNavClose:hover {
   background-image:url('../img/mobile/menu-close.hover.svg');
   color:#ffffff;
}
#bluepageMobilNav {
   position:absolute;
   margin:0;
   padding:0;
   width:100%;
   height:100%;
   overflow:hidden;
   overflow-y:auto;
   z-index:10;
}
#mobileMenuContent {
   position:relative;
   height:100%;
   overflow:auto;
}
#bluepageMobilNav ul {
   position:relative;
   display:none;
   height:auto ;
   padding:0;
   margin:0;
   float:none; 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
#bluepageMobilNav li.navLI_1.aktiv ul.navUL_2 { display:block; }      
#bluepageMobilNav li.navLI_2.aktiv ul.navUL_3 { display:block; }      
#bluepageMobilNav li.navLI_3.aktiv ul.navUL_4 { display:block; }      
#bluepageMobilNav li.navLI_4.aktiv ul.navUL_5 { display:block; }      
#bluepageMobilNav li.navLI_5.aktiv ul.navUL_6 { display:block; }      

#bluepageMobilNav ul li {
   position:relative;
   float:none; 
   display:inline-block;
   height:auto;
   width:100%;
   padding:0.227em 0.091em 0.091em 0; 
   margin:0;
   white-space:normal;
   text-align:left; 
}
                              
#bluepageMobilNav ul li.aktiv { height:auto; }
#bluepageMobilNav li ul li {   }
#bluepageMobilNav li.navLI_2 { border-bottom:1px solid #4d3a2c; margin: 0; }      
#bluepageMobilNav li ul li.navLI_2.first { border-top:0;  }

#bluepageMobilNav ul li a { 
   position:relative; display:block; cursor:pointer; 
   padding:0.364em 1.136em 0.455em 0.682em; 
   text-decoration:none; 
   line-height:100%;
   color:#333333; 
}
#bluepageMobilNav ul li a.aktiv { color:#4d3a2c; }
#bluepageMobilNav ul li a span { 
   font-weight:normal; 
   font-size:0.818em; 
   line-height:120%;
}  
#bluepageMobilNav ul li em { 
   position:absolute; 
   right:0; 
   width:1.545em; height:1.364em; 
   background:url('../img/mobile/nav2.pt.svg') center 0.136em no-repeat; 
   background-size: 0.909em auto;
} 
#bluepageMobilNav ul li.navLI_2 em { 
   right:0; 
   width:1.364em; height:1.364em; 
} 

   
#bluepageMobilNav ul.navUL_1 { display:block; padding-left:0.227em; }
#bluepageMobilNav ul li.navLI_1 { padding:0 0.136em 0.091em 0;  }

#bluepageMobilNav ul li.navLI_1 a.nav1 { background:#0c8651; color:#ffffff; border-bottom:1 solid #004415; }
#bluepageMobilNav ul li.navLI_1 a.nav1:hover,
#bluepageMobilNav ul li.navLI_1 a.nav1.aktiv { background:#4cb67c; color:#ffffff; }

#bluepageMobilNav a.nav1 em { background-image:url('../img/mobile/nav1.pt.hover.svg'); }   
#bluepageMobilNav a.nav1:hover em { background-image:url('../img/mobile/nav1.pt.hover.svg'); }
#bluepageMobilNav a.nav1.aktiv em { background-image:url('../img/mobile/nav1.pt.hover.svg'); }    
#bluepageMobilNav a.nav1.aktiv.mpopen em { background-image:url('../img/mobile/nav1.pt.open.svg'); } 
#bluepageMobilNav a.nav1.mpopen em { background-image:url('../img/mobile/nav1.pt.open.hover.svg'); } 
#bluepageMobilNav a.nav1.mpopen:hover em { background-image:url('../img/mobile/nav1.pt.open.svg'); } 
                                    
#bluepageMobilNav ul li.navLI_2 { background:#e0efe8; }
#bluepageMobilNav ul li.navLI_2 a { 
    padding:0.227em 1.136em 0.455em 0.682em; 
}
#bluepageMobilNav ul li.navLI_2 a:hover { color:#0c8651; }
#bluepageMobilNav ul li.navLI_2 a.aktiv { color:#0c8651; }

#bluepageMobilNav li.navLI_2 a em { background-image:url('../img/mobile/nav2.pt.svg'); }   
#bluepageMobilNav li.navLI_2 a:hover em { background-image:url('../img/mobile/nav2.pt.hover.svg'); }
#bluepageMobilNav li.navLI_2 a.aktiv em { background-image:url('../img/mobile/nav2.pt.hover.svg'); }    
#bluepageMobilNav li.navLI_2 a.aktiv.mpopen em { background-image:url('../img/mobile/nav2.pt.open.svg'); } 
#bluepageMobilNav li.navLI_2 a.mpopen em { background-image:url('../img/mobile/nav2.pt.open.hover.svg'); } 
#bluepageMobilNav li.navLI_2 a.mpopen:hover em { background-image:url('../img/mobile/nav2.pt.open.svg'); } 

#bluepageMobilNav ul li.navLI_3 { 
   padding:0.136em 0.227em 0.364em 0.682em;  
   border-top:1px solid #0c8651;
   background:#ffffff;
}

#bluepageMobilNav ul li.navLI_3 a.nav3 { 
   padding:0.182em 0 0 0;
}
#bluepageMobilNav ul li a.nav3 span { 
   font-weight:normal; 
   font-size:0.727em; 
   line-height:120%;
}  
#bluepageMobilNav ul li a.nav4 { 
   background:url('../img/mobile/pt.svg') 0.091em 0.545em no-repeat; 
   background-size: 0.227em 0.227em;
   padding:0.182em 1.136em 0.364em 0.682em; 
}
#bluepageMobilNav ul li a.nav4 span { 
   font-weight:normal; 
   font-size:0.727em; 
   line-height:120%;
}  


#bluepageMobilSearch {
   position:absolute;
   bottom:-2.5em;
   left:0;
   right:0;
   width:100%;
   height:2.5em;
   background:#0c8651;
}

#bluepageHeadSearchBox {
   position:absolute;
   left:0;
   width:100%;
   height:2.273em;
   padding:0.364em 0.682em 0 0.682em;
   text-align:left;
}
#bluepageHeadSearchBox form {
   border-bottom:1px solid #e0efe8;
   /*
   position:absolute;
   bottom:-2.045em;
   left:0;
   width:100%;
   height:1.818em;
   padding: 0.227em;                 
   text-align:left;
   background:#4d3a2c;
   */
}

#bluepageMobilSearch input { 
   border:0; 
   width: calc(100% - 2.045em); 
   font-size:0.773em; 
   color:#ffffff;
   margin:0 0 0 0;
   padding: 0.227em;                 
   -webkit-appearance: none;
   background:transparent;
   border-radius: 0;  
   border-bottom:0 solid #efdcb9;
}
#bluepageMobilSearch input::placeholder { color: #e0efe8; opacity: 1; }
#bluepageMobilSearch input::-webkit-input-placeholder { color: #e0efe8; opacity: 1; }
#bluepageMobilSearch input::-moz-placeholder { color: #e0efe8; opacity: 1; }
#bluepageMobilSearch input:-ms-input-placeholder { color: #e0efe8; opacity: 1; }
#bluepageMobilSearch input::-ms-input-placeholder { color: #e0efe8; opacity: 1; }

#bluepageMobilSearch button { 
   display:inline-block;
   padding:0;
   margin:0;
   border:0; 
   background:url('../img/mobile/search.svg') center center no-repeat transparent;
   background-size:2.045em auto;
   width:2.045em;
   height:2.045em;;
   cursor:pointer;
}
#bluepageMobilSearch button span { 
   display:none;
}
