/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/desktop.css 3.4.0  (bluepageCMS V3.16.0)                                                */
/* #################################################################################################### */
/* # Copyright © 07.2018 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; }

.tabletone   { display:block; }
.tabletonly  { display:none; }

.desktopnone { display:none; }
.desktoponly { display:block; }

/*@media only screen and (min-width: 769px)  {  */ 
   #bluepageHeaderFixed {        
      position:fixed;
      top:-5em;
      z-index:10000;
      height:4em;
      width:100%;                                                
      display:none;
      margin:0;      
      text-align:center;                                              
      background:#ffffff;
      border-bottom:1px solid #ffffff;
      z-index:901;      
   }
   #bluepageHeaderFixed .bluepageHeadContent {
      position:relative;
      margin:0 auto;
      top:0;
      z-index:10001;
      height:4em;
   padding: 0 1.5em 0 1.5em;
  /* width:100%;     */
      width:73em; 
   }
   #bluepageHeaderFixed #bluepageHeadLogo { 
      display:none;
      top:0.75em;
      width:auto;
      height:3em;
      /*transition:all 200ms; */
   }
   #bluepageHeaderFixed #bluepageHeadLogo img { 
      position:absolute;
      left:0;
      width:auto;
      height:2.5em;
      /*transition:all 200ms;  */
   }
   #bluepageHeaderFixed #bluepageHeadKia { 
      left:1em;
      top:0.5em;
      width:auto;
      height:3em;
      /*transition:all 200ms; */
   }
   #bluepageHeaderFixed #bluepageHeadKia img { 
      position:absolute;
      left:0;
      width: auto ;
      height:3em;
      /* transition:all 200ms;     */
   }
   #bluepageHeaderFixed .stickyhome { display:block; } 

   #bluepageHeaderFixed #BtnBarDropDown { right:1em; font-size:1em; top:1em; }
   #bluepageHeaderFixed #BtnBarDropDown li {
      width:2.5em;
      height:1.5em;
      padding:0 0.25em 0.25em 0.25em;
   }
   #bluepageHeaderFixed #BtnBarDropDown .btnMenu { display:table-cell; }
   
   #bluepageHeaderFixed #BtnBarDropDown a {
      height:2em;
   }
   #bluepageHeaderFixed #BtnBarDropDown li.btnLinks a { 
      padding:0.25em;
      background-position:0.5em center; 
   }
   #bluepageHeaderFixed #BtnBarDropDown li.btnLinks a span { display:none; }
   
   
   #bluepageHeadNav.fixed {
      position:fixed;
      z-index:800;
      top:0;
      /*transition:all 500ms;     */
   }
   #bluepageHeadNavSpacer {
      height:2.75em;
      display:none;
   }
/*}    */


#bluepageHeadNav {    
   position:relative;
   margin:0 auto;
   padding:0;
   min-height:2.75em;  
   width:100%;
   text-align:center;
   display:table-row !important;
   line-height:100%;      
   z-index:10;                          
   background:#646463;  
}
#bluepageHeadNavContainer {
   background:#878786;
   border-bottom:1px solid #e4e4e4;        
}
#bluepageHeadNavContent {
   position:relative;
   top:0;
   min-height:2.75em;  
   margin:auto;
   max-width:73.5em; 
   padding: 0 1.5em 0 1.5em;
   z-index:5;
   background:#878786;
}
#bluepageHeadNavContent ul.navUL_1 {
   position:relative;
   margin:0;
   padding:0;
   list-style-type:none;
   width:100%;
   height:2.75em; 
   display:table;
   border-right:1px solid #fff;      
}

#bluepageHeadNavContent li.navLI_1 {
   margin:0;
   padding:0;
   display:table-cell;                           

   height:100%; 
   vertical-align:middle;                       
   border-top:1px solid #878786;
   border-left:1px solid #fff;
   -webkit-transition:background 50ms linear;
   -moz-transition:background  50ms linear;
   -o-transition:background 50ms linear;
   transition:background 50ms linear;                      
}
#bluepageHeadNavContent a.nav1 { 
   color:#f0f0f0; 
   font-weight:700;
   text-decoration:none;
   padding:0.75em 0.75em 0.75em 0.5em;
   cursor:pointer;
   display:block;
   text-align:center;
   border-bottom:0.25em solid transparent;      
}
#bluepageHeadNavContent a.aktiv {
   border-bottom:0.25em solid #88bd21;
   color:#ffffff; 
}
#bluepageHeadNavContent li.mpview  {
   -webkit-transition:background 50ms linear;
   -moz-transition:background  50ms linear;
   -o-transition:background 50ms linear;
   transition:background 50ms linear;
   background:#646463;
} 
#bluepageHeadNavContent li.mpview  a.aktiv {
   border-bottom:0.25em solid transparent;
}

#bluepageHeadNavContent a.nav1 span { 
   font-size:0.9em;
   line-height:100%;
}
#bluepageHeadNavContent a.nav1.navSub em { 
   width: 0;
   height: 0;
   border: inset 0.4em;
   border-top-color: currentcolor;
   border-top-style: inset;
   border-right-color: currentcolor;
   border-bottom-color: currentcolor;
   border-bottom-width: 0.4em;
   border-left-color: currentcolor;
   content: '';
   border-bottom-width: 0;
   border-top-style: solid;
   border-color: #f0f0f0 transparent transparent;
   display: inline-block;
   margin-left: 0.4em;
   vertical-align: middle;
   transition: border-color .6s cubic-bezier(.65, .05, .36, 1);     
}
#bluepageHeadNavContent li.mpview a.nav1.navSub em { 
   display: block;
   width: 0;
   height: 0;
   border: inset 0.4em;
   border-top-color: currentcolor;
   border-top-width: 0.4em;
   border-right-color: currentcolor;
   border-bottom-color: currentcolor;
   border-bottom-style: inset;
   border-left-color: currentcolor;
   content: '';
   border-top-width: 0;
   border-bottom-style: solid;
   border-color: transparent transparent #e4e4e4;
   display: inline-block;
}

#bluepageHeadNavContent ul.navUL_2 { 
   position:absolute;
   top:-55550px; 
   left:-5555px;
   padding:5em 0 4em 0;
   display:table;      
   width:100%;                               
}
#bluepageHeadNavSubContainer {
   position:relative;
   background:#646463;
   width:100%;
   border-bottom:0.25em solid #88bd21;
   display:none;
   height:0;                  
}
#bluepageHeadNavSubContainer div { 
   position:relative;
   display:table;
   text-align:center;
   margin:auto;
   width:100%;
   max-width:70.5em; 
   padding:5em 0 2.5em 0; 
}
#bluepageHeadNavSubContainer  #mainmenu-item {
   position:absolute;
   top:2em;
   padding:0.5em 1.25em 0.5em 1.25em;      
   background:url('../img/layout/mainmenu-pt.svg') 0.5em 0.65em no-repeat #ffffff;
   background-size:auto 0.7em;
   z-index:10;
}
#mainmenu-item span {
   font-size:0.8em;
   font-weight:700;
   color:#646463;
}
#bluepageHeadNavSubContainer  #submenu-close {
   position:absolute;
   right:1.5em;
   top:2em;
   width:1.5em;
   height:1.5em;
   padding:0.5em 0.5em 0.5em 0.5em;      
   background:url('../img/layout/close.svg') center center no-repeat;
   background-size:0.75em 0.75em;
   z-index:10;
}

#bluepageHeadNavSubContainer  ul.subNav { 
   position:relative; 
   margin:auto;
   background:#646463;
}
#bluepageHeadNav ul {
   position:relative;
   list-style-type:none;
   display:table-row;
   margin:0;
   padding:0 0 2.5em 0;
   width:100%;
}
#bluepageHeadNav ul.subNav li {
   border-bottom:1px solid #878786;
}
#bluepageHeadNav ul.subNav li:last-of-type {
    border-bottom:1px solid #ffffff;
}
#bluepageHeadNav li.navLI_2 {
   display:table-cell;
   margin:0.75em;
   padding:0.25em;
   line-height:100%;
   vertical-align:top;
   width:auto;
} 
#bluepageHeadNav li.navLI_2.column2 { width:50%; }
#bluepageHeadNav li.navLI_2.column3 { width:33%; }
#bluepageHeadNav li.navLI_2.column4 { width:25%; }
#bluepageHeadNav li.navLI_2.column5 { width:20%; }
#bluepageHeadNav li.navLI_2.column6 { width:17%; }

#bluepageHeadNav ul.subNav li.navLI_2,
#bluepageHeadNav ul.subNav li.navLI_2:last-of-type {
   border-bottom:none;
}

#bluepageHeadNav ul.subNav li.navLI_2_spacer {
   border-bottom:none;
   width: 1.5em;
}
#bluepageHeadNav ul.subNav li.navLI_2_spacer i,
#bluepageHeadNav ul.subNav em { display:none; }

#bluepageHeadNav  a  {
   color:#ffffff;
   text-align:left;
   display:block;
   padding: 0.75em 1em;
   text-decoration:none;
}
#bluepageHeadNav li.navLI_2 a:hover {
   opacity:0.7;
}
#bluepageHeadNav li.navLI_2 a span {
   font-size:0.8em;
   line-height:140%;
}


#bluepageHeadNav a.nav2 {
   text-transform:uppercase;
   text-align:left;
   display:block;
   width:100%;
   padding-bottom: 0.25em;
   text-decoration:none;
}
#bluepageHeadNav .nav2 span {
   font-size:0.8em;
   line-height:140%;
   font-weight:700;
}
#bluepageHeadNav a.nav2.aktiv,
#bluepageHeadNav a.nav2:hover {  color:#ffffff; }

#bluepageHeadNav ul.navUL_3 {
   position:relative;
   list-style-type:none;
   display:table;
   margin:0.25em 0;
   padding:0;
   text-align:left;
   width:100%;
}

#bluepageHeadNav a.nav3 {
   text-align:left;
   display:block;
   text-decoration:none;
}
#bluepageHeadNav .nav3 span {
   font-size: 0.75em;
   line-height:100%;
   color:#ffffff;
}
#bluepageHeadNav .nav3.aktiv span,
#bluepageHeadNav .nav3:hover span { color:#ffffff; }

#bluepageHeadNav a.nav4 {
   text-align:left;
   display:block;
   _padding: 0.15em 0;
   text-decoration:none;
}
#bluepageHeadNav .nav4 span {
   font-size: 0.75em;
   line-height:140%;
   opacity:0.6;
}
#bluepageHeadNav .nav4.aktiv span,
#bluepageHeadNav .nav4:hover span { color:#ffffff; opacity:1; }

#bluepageHeadNav ul.navUL_5 { display:none; }



@media only screen and (max-width: 1025px)  {

   #BtnBarDropDown { font-size:1.1em; }
   #bluepageHeadBreadcrumb .Breadcrumb { font-size:1.15em; }   
   #bluepageFooterLinks { font-size:1.1em; }
   #bluepageFooterNav { font-size:1.1em; }
   
   
   
   
   .box_txt,
   .box_pictxt,
   .box_space,
   .templ_td_templ .frml_error,
   .templ_table a.link_dnl,
   .dnlarchiv_tab,
   .box_link_anker,
   .teaser_link_more span,
   .teaser_link_back span,
   .templ_table_frml label,
   .templ_table_frml .inlabel,
   .frml_linkbutton_div,
   .templ_table_frml .frml_box_datetime em
    { font-size:1.1em; line-height:145%; }
   
   h1.headline1 span { font-size:1.76em; line-height:130%; }
   h1.headline2 span { font-size:1.54em; line-height:130%; }
   h1.headline3 span  { font-size:1.32em; line-height:130%; }
   h1.headline4 span  { font-size:1.1em; line-height:130%; }
   h2 { font-size:1.21em; line-height:140%; }
   
   .galpictxt div {
      font-size: 0.99em;                    
      line-height:130%;
   }
   .search_headline_ergebnis,
   .search_headline_ergebnis_R {
      font-size:1.1em; 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.1em; }      
   .templ_table_frml select {
      padding: 5px 5px; 
   }
   .templ_table_frml select option {
      padding: 5px 5px; 
      margin:auto;
   }
   .templ_table_frml .resfrml select.ol { 
      float:left; width:90%; 
      padding:7px 5px;
   }    
   
   .templ_table_frml input.frml_button { 
       font-size:1.1em;
   }
   .frml label.frml_pflicht { padding-top:0.25em; }
   .templ_table_frml label.captchatxt { font-size:1.1em; }
   
   .tab table { font-size:1.1em; }
   
   #searchlink_more { 
       font-size:1.1em;
   }
   .templ_dnlarchiv .box_txt { font-size:1em; line-height:120%;  }
   
   .teaser_templ time { font-size:1.1em; }
   
   #bluepageBottomSitenavContainer {
      font-size:1.5em;
      width:100%;
      padding:1em;
   }

}
