/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/tablet.css 3.22                                                */
/* #################################################################################################### */
/* # Copyright © 12.2020 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;
   width:100%;        
   max-width:38.4em;  }
#bluepageContainer.fixed {
   position:fixed;
}
#bluepageResponsive {
   max-width:38.4em;
   padding:0;  
}
                                                                
#fixedHelp,
#fixedHelp div { height:3.5em;  }


#bluepageHeadSpace { background:red; height:3.5em; }

#bluepageHead {
   position:fixed;
   height:4em;  
}
.bluepageHeadContent { height:100%; z-index:50; }

#bluepageHeadLogo {
   left:0.75em;
   top:1em;
   width: 8.8em; 
   height: 2.15em;
}
#bluepageHeadLogo img {
   width: 8.8em; 
   height: 2.15em; 
}
#bluepageHeadNavContainer { display:none; }

#BtnBarDropDown {
   position:absolute;
   top:0.75em;
   right:0;
   margin:0;
   background:#ffffff;
   height:2.5em;
   display:inline-block;
   width:auto;
   z-index:100;
}
#BtnBarDropDown ul {
   position:absolute;
   top:0;
   right:0.75em;
   margin:0;
   padding:0; 
   list-style-type:none;
   text-align:left;                  
}
#BtnBarDropDown ul li {
   margin:0;
   padding:0 0 0 0.4em;      
   display:table-cell;
   vertical-align:middle;;             
}
#BtnBarDropDown ul li.desktoponly { display:none; } 

#BtnBarDropDown ul li a {
   width: 2.5em;
   height:2.5em;
   display:block;
   cursor:pointer;
   background:url('../img/svg/placeholder.svg') center center no-repeat;
   background-size:1.5em 1.5em;
   opacity:0.5; 
}
#BtnBarDropDown ul li a:hover {
   opacity:1; 
}
#BtnBarDropDown ul li.view a { opacity:1; }

#BtnBarDropDown ul li.btnMenu a {
   margin-left:0.5em; 
   background:url('../img/mobile/menu.svg') center center no-repeat;
   background-size:2.5em 2.5em;
   opacity:1; 
} 
#BtnBarDropDown ul li.btnMenu.view a {
   background-image:url('../img/mobile/menu.close.svg');
   opacity:0.7;
}
#BtnBarDropDown ul li a:hover {
   opacity:1; 
}
#BtnBarDropDown ul li.btnKontakt a { background-image:url('../img/socialmedia/mail.sw.svg'); }      
#BtnBarDropDown ul li.btnWarenkorb a { background-image:url('../img/layout/warenkorb.svg'); }
#BtnBarDropDown ul li.btnSearch a { background-image:url('../img/layout/search.svg'); }

#BtnBarDropDown span { display:none; }

#bluepageMobilNavPanel {
   position:fixed;
   top:4em;
   bottom:0;
   left:0;
   right:0;
   background:rgb(255,255,255,0.6);
   width:100%;
   padding:0;
   display:none;
   margin:0;
   padding:0;
}
#bluepageMobilNavPanelContainer {
   position:absolute;
   top:0;
   background:#ffffff;
   width:100%;
   padding:0;
   height:auto;
   margin:0;
   padding:1.5em 0 2em 0;
   border-top:1px solid #efefef;
   border-bottom:0.15em solid #128390;
}

#bluepageMobilLogin,
#bluepageMobilLang,
#bluepageMobilSearch { display:none; }   

#bluepageMobilNav {    
   position:relative;
   margin:0 auto;
   padding:0 0.25em;
   min-height:2.75em;  
   width:100%;
   text-align:center;
   display:none;
   line-height:100%;     
   background:#ffffff;
   overflow-y:auto; 
   z-index:10;                       
}
#bluepageMobilNavClose { display:none; }

#bluepageMobilNav ul {
   position:relative;
   display:none;
   height:auto ;
   padding:0.5em 0 0.5em 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.5em 0 0.5em;
}

#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.05em 0 0.15em 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.4em 2.5em 0.5em 0.75em; 
   text-decoration:none; 
   line-height:100%;
   color:#333333; 
}
#bluepageMobilNav ul li a span { 
   font-size:0.9em; 
   line-height:120%;
}  

#bluepageMobilNav ul li.navSub a em { 
   position:absolute; 
   right:0; 
   top:0;
   width:2.25em; 
   height:2em; 
   background:url('../img/mobile/nav1.pt.svg') center center no-repeat; 
   background-size: 0.8em auto;
   display:block;
} 
#bluepageMobilNav ul li.navSub a.mpopen em       { background-image:url('../img/mobile/nav1.pt.open.svg'); } 
#bluepageMobilNav ul li.navSub a.aktiv em        { background-image:url('../img/mobile/nav1.pt.aktiv.svg'); } 
#bluepageMobilNav ul li.navSub a.mpopen.aktiv em { background-image:url('../img/mobile/nav1.pt.aktiv.open.svg'); } 
#bluepageMobilNav ul.navUL_2 li.navSub a.aktiv em        { background-image:url('../img/mobile/nav1.pt.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:#128390; }


#bluepageMobilNav ul li.navLI_1 a.nav1 { 
   font-weight:bold;
   padding:0.5em 2.5em 0.6em 0.75em; 
   background-color:#e4e4e4; color:#4a4f55; border-bottom:1px solid #999999; 
}
#bluepageMobilNav ul li.navLI_1 a.nav1.aktiv { 
   background-color:#128390; 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:hover { color:#128390; }
#bluepageMobilNav ul li.navLI_2 a.aktiv { color:#128390; font-weight:700;  }

#bluepageMobilNav ul li.navLI_3 { 
   background-color:#ffffff;
   border-left:0.25em solid #82c341;
}   


#_bluepageHeadNav ul li.navLI_2 { border-bottom:1px solid #929599;  }  
#bluepageMobilNav ul li.navLI_2 a:hover { color:#128390; }
#bluepageMobilNav ul li.navLI_2 a.aktiv { color:#128390; font-weight:700;  }

#bluepageMobilNav ul.navUL_3 { 
   padding:0 0 0.75em 0.9em; 
} 

#bluepageMobilNav ul li.navLI_3 { 
   background-color:#ffffff;
   border-left:0.25em solid #128390;
}   

#bluepageMobilNavPanel #quicksearch { 
   position:relative;
   width:90%;
   margin:auto;
  height:2.5em;
}
#bluepageMobilNavPanel input { 
   font-family : 'Rajdhani',Helvetica,Arial,Lucida,sans-serif;
   font-size:1em; 
   font-weight:500;
   color:#dfa923;  
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   width:100%;
   margin: 0; 
   padding:0.5em 0.5em 0.5em 0.5em; 
   border:none;
   border:0.2em solid #ededed;
   -webkit-appearance: none;
   border-radius: 0;  
   transition: background 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   display:inline-block; 
   background:#ffffff; 
}
#bluepageMobilNavPanel input:focus {
   transition: background 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
   color: #128390;  
   background:#ededed;
   outline: 0 none; 
}  
#quicksearch button { 
   position:absolute;
   top:0;
   right:0;
   border:0; 
   margin:0;
   padding:0;  
   width:4em; 
   height:100%;
   font-size:0.75em; 
   color:#ffffff;
   vertical-align:middle;
   display:block;
   cursor:pointer;
   background:url('../img/layout/search.svg') center center no-repeat;
   background-size: 2em auto;
   white-space: nowrap;
}
#quicksearch button span { 
   font-size:0.8em;     
   display:none;
}


.bottomtop {                   
   height: 2.5em;
}
.bottomtop div.bg {
   height: 2.5em;
}
#footerCopyright { font-size:0.85em; }
#bluepageBottom #bluepageFooterInfo { font-size:0.85em; }

#bluepageBottom .footercontainer,
#bluepageBottom .footercontainer:nth-child(1) { padding: 0.25em 0.25em 0.25em 0.25em; }

#bluepageFooterInfo li.footerColumn:nth-child(1) { width:30%; }
#bluepageFooterInfo li.footerColumn:nth-child(2),
#bluepageFooterInfo li.footerColumn:nth-child(3) { display:block; width:100%; }


#bluepage {         
   font-size:49.524%; overflow:hidden;  
}
#bluepageInhalt {
   padding:0 0 2.5em 0; 
   overflow:hidden;  
   width:100%;
}
.bluepage_content {
   width:75.5em; 
   padding: 0.5em 0.75em 0.5em 0.75em;
}      
.bluepageContenTopSpace {
   height:2em;
}
.bluepageContenTopSpace.firstbgcolor {
   height:1em;
}
.bluepageContenTopSpace.countdown {
   display:none;
}




.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,
.templ_table_frml .bestellfrml label.inlabel
 { font-size:1.5em; line-height:145%; }

h1.headline1 span { font-size:2.88em; line-height:130%; } 
h1.headline2 span { font-size:2.4em; line-height:130%; } 
h1.headline3 span { font-size:2.08em; line-height:130%; } 
h1.headline4 span { font-size:1.76em; line-height:130%; } 
h1.headline5 span { font-size:1.6em; line-height:130%; } 
h2 { font-size:1.95em; 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.25em; }
.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%;  }