/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/layout.css 3.16                                                */
/* #################################################################################################### */
/* # 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:none; }
.mobileonly { display:block; }
.tabletonly { display:none; }

#bluepageBody,
#bluepageBodyHome {
   max-width:100%;    
   -webkit-text-size-adjust: none;
   font-size:20px; 
   overflow-x:hidden;
}
#bluepageResponsive {
   padding:0; 
}
#bluepageResponsive div {
   width:100%; 
   min-width:320px;
   margin:auto;
   display:block;
}


#bluepageContainer {
   width:100%;
   max-width:100%; 
   min-width:320px;
   min-height:100%;
}     


#bluepageContainerLeft {
   bottom:auto;
   width:4.6em;
   height:4.6em;
   min-height:auto;                           
   background:url('../img/layout/ddfm-mobil.eck.png') left top no-repeat;
   background-size: 4.6em 4.25em;
}
.bluepageContainerLeftContainer {
   margin:0;      
   border:0;
   width:4.6em;
}
#bluepageHeadLogo {
   top:0.5em;
   left:0.5em;
   width:4.1em;
   height:4.3em;
}
#bluepageHeadLogo img {
   width:4em;
   height:auto;
}


#bluepageHeadSpace {
   height:0.55em; 
}
#bluepageHead {
   height:3.65em;    display:block;
}
.bluepageHeadContainer {
   display:block;
   background:#ac1917;
   border-top:0.05em solid #ffffff;
   border-bottom:0.05em solid #ffffff;
   height:3.55em;  
   z-index:10;
}
.bluepageHeadContent {
   margin:0 0 0 auto;      
   width:16em;
   height:3.6em;  
}
#bluepageHeadTitel {
   position:absolute;
   top:0.75em;
   right:0.5em;;
   font-family:'Rabenau W04 Book Italic','Bodoni LT W01','Fira Sans',Helvetica,sans-serif;
   font-style:italic;
   line-height:100%;
   color:#ffffff;
   background:url('../img/layout/ddfm.mobil.svg') right top no-repeat;
   background-size: 14em auto;
   width: 16em;
   height:100%;
   text-align:right;
   z-index:50;
}
#bluepageHeadTitel strong {
   display:block;
   font-size:0.9em;
   font-weight:normal;
   line-height:120%;
   display:none;
}
#bluepageHeadTitel span {
   display:block;
   font-size:0.7em;
   display:none;
}
#bluepageHeadSelectLang { display:none; }


#MobileBtnBar {
   position:absolute;
   bottom: -2.25em;
   right:0.25em;
   margin:0; /*auto auto 2.5em auto; */
   display:inline-block;
   height:2em;
   width:auto;   
   max-width:18.25em;              
   z-index:555;                     
}
#MobileBtnBar #mobileMenu {
   position:relative;
   left:0;
   min-height:2em;
   display:table    
}
#MobileBtnBar #mobileMenu ul {
   display:table-row;    
}

#MobileBtnBar #mobileMenu ul li {
   width:2em;
   height:2em;
   background:transparent;
   display:table-cell;    
   white-space:nowrap;
   margin:0;  
   background:url('../img/pic.gif') center center no-repeat; background-size: 1.25em 1.25em; 
   cursor:pointer;          
}
#MobileBtnBar #mobileMenu ul li#menu        { background-image:url('../img/mobile/menu.svg'); }
#MobileBtnBar #mobileMenu ul li#search      { background-image:url('../img/mobile/search.svg'); }
#MobileBtnBar #mobileMenu ul li#kontakt     { background-image:url('../img/mobile/kontakt.svg'); }
#MobileBtnBar #mobileMenu ul li#lang        { background-image:url('../img/mobile/lang.svg'); }

#MobileBtnBar.aktiv #mobileMenu ul li#menu        { background-image:url('../img/mobile/menu.ws.svg'); }
#MobileBtnBar.aktiv #mobileMenu ul li#search      { background-image:url('../img/mobile/search.ws.svg'); }
#MobileBtnBar.aktiv #mobileMenu ul li#kontakt     { background-image:url('../img/mobile/kontakt.ws.svg'); }
#MobileBtnBar.aktiv #mobileMenu ul li#lang        { background-image:url('../img/mobile/lang.ws.svg'); }

#MobileBtnBar #mobileMenu ul li a { cursor:pointer; padding:0;  display:block;  width:2.25em; height:1.5em; }
#MobileBtnBar #mobileMenu ul li a span { display:none; }

#MobileBtnBar #bluepageHeadSearch,
#MobileBtnBar #bluepageSelectLang {
   display:none;    
}


#bluepageMobilNavPanel {
   position:fixed;
   right:-500px;
   top:0;
   width:100%;
   bottom:0;
   margin:0;
   padding:0 0 0 0;
   max-height:100%;
   float:right;
   z-index:1;
   overflow:hidden;
   overflow-y:auto;     
   background-image:url('../img/sys/bg_bluepage_lightbox.png');
   display:none;
   overflow:hidden;
}
#bluepageMobilNav {
   position:absolute;
   right:0;
   top:6.75em;
   bottom:0.5em; 
   border-top:1px solid #ececec;
   width:calc(100% - 0.75em); 
   margin:0 ;
   padding:0;
   display:none;
   overflow:auto;
   max-height:100%;
   z-index:555;
}
#bluepageMobilNav.aktiv {
   /*position:relative; */
   right:0;
   display:block !important;
}
#bluepageMobilNav ul {
   position:relative;
   display:block;
   height:auto ;
   padding:0;
   margin:0;
   float:none; 
   z-index:600;
   font-size:0.9em;
   color:#000000; 
   border-left:1px solid #ececec;
}
#bluepageMobilNav .navUL_1 {
   padding:0;
}
#bluepageMobilNav ul li {
   position:relative;
   float:none; 
   display:inline-block;
   height:auto;
   width:100%;
   padding:0; 
   margin:0;
   white-space:normal;
   background:#f7f7f7; 
   text-align:left; 
}                                                             
#bluepageMobilNav ul li a { 
   position:relative; display:block; cursor:pointer; 
   border-top:1px solid #ececec; 
   border-bottom:1px solid #ececec; 
   padding:0.4em 2em 0.4em 0.25em; 
   text-decoration:none; 
   cursor:pointer;         
}
#bluepageMobilNav ul li a:hover { 
   color:#7a8b29;
}
#bluepageMobilNav ul li a span { 
   font-weight:normal; 
   font-size:0.9em; 
}  

#bluepageMobilNav ul li em { 
   position:absolute; 
   width:1.5em; 
   right:1em; 
   height:1.5em; 
   background:url('../img/mobile/nav2.pt.svg') center center no-repeat; 
   background-size:2.75em auto;
} 

#bluepageMobilNav ul a.nav1 { 
   color:#ffffff; background-color:#c04f2f;  
   padding:0.5em 2.25em 0.5em 1.25em;
}     

#bluepageMobilNav ul a.nav1:hover { border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  }    
#bluepageMobilNav ul a.nav1:hover,     
#bluepageMobilNav ul a.nav1.aktiv { color:#ffffff; background-color:#ac1917; }     

#bluepageMobilNav a.nav1 span { 
   font-weight:normal; font-size:1em;   
} 

#bluepageMobilNav ul.navUL_1 li.first {  border-top:0;  }     
#bluepageMobilNav ul.navUL_2 li.first {  border-top:0;  }

#bluepageMobilNav ul.navUL_1 ul { display:none; }
#bluepageMobilNav ul.navUL_2 ul { display:none; }
#bluepageMobilNav ul li.aktiv  ul.navUL_2 { display:block; }      
#bluepageMobilNav ul li.mpopen ul.navUL_2 { display:block; } 
     
#bluepageMobilNav ul.navUL_2 li.aktiv ul.navUL_3 { display:block; }      
#bluepageMobilNav ul.navUL_3 li.aktiv ul.navUL_4 { display:block; }      
#bluepageMobilNav ul.navUL_4 li.aktiv ul.navUL_5 { display:block; }      
#bluepageMobilNav ul.navUL_5 li.aktiv ul.navUL_6 { display:block; }      

#bluepageMobilNav ul li.navLI_1 em { background:url('../img/mobile/nav1.ws.pt.svg') center center no-repeat; background-size:2.75em auto; } 
#bluepageMobilNav ul li.navLI_1 a.nav1.mpopen em { background-image:url('../img/mobile/nav1.ws.pt.open.svg'); } 

#bluepageMobilNav ul li.navLI_2_aktiv a,
#bluepageMobilNav ul li.navLI_2 a { padding:0.25em 2em 0.25em 1.25em; }
#bluepageMobilNav ul li.navLI_2 a { background-color:#f2c9a6; }
#bluepageMobilNav ul li.navLI_2 a span { color:#000000; font-size:1em; line-height:120%; text-decoration:none;  } 
#bluepageMobilNav ul li.navLI_2.aktiv em,
#bluepageMobilNav ul li.navLI_2 em { right:1.25em; background:url('../img/mobile/nav2.pt.svg') center center no-repeat; background-size:2.75em auto; } 
#bluepageMobilNav ul li.navLI_2:hover em { background-image:url('../img/mobile/nav2.pt.hover.svg'); } 

#bluepageMobilNav ul li.navLI_2 a.mpopen em { background-image:url('../img/mobile/nav2.pt.open.svg'); }
#bluepageMobilNav ul li.navLI_2.aktiv a.mpopen em,
#bluepageMobilNav ul li.navLI_2 a.mpopen:hover em { background-image:url('../img/mobile/nav2.pt.aktiv.svg'); }

#bluepageMobilNav ul li.navLI_2_aktiv a.aktiv span,
#bluepageMobilNav ul li.navLI_2 a:hover span, 
#bluepageMobilNav ul li.navLI_2 a.aktiv span { color:#ac1917; } 
#bluepageMobilNav ul.navUL_2 li.aktiv a { background-color:#ffffff; }

#bluepageMobilNav ul.navUL_2 li.navLI_2_aktiv a.nav2,
#bluepageMobilNav ul.navUL_2 li.navLI_2 a.nav2 { 
   color:#000000; 
   padding:0.35em 1.5em 0.45em 1.25em;
}

#bluepageMobilNav ul li.navLI_3_aktiv a,
#bluepageMobilNav ul li.navLI_3 a { padding:0.25em 2em 0.25em 1.5em; }
#bluepageMobilNav ul li.navLI_3 a.nav3 { background-color:#ffffff; }
#bluepageMobilNav ul li.navLI_3 a span { color:#000000; font-size:1em; line-height:120%; text-decoration:none;  } 
#bluepageMobilNav ul li.navUL_3_aktiv a { background-color:#ffffff; }
#bluepageMobilNav ul li.navLI_3 em { background:url('../img/mobile/nav2.pt.svg') center center no-repeat; background-size:2.75em auto; } 
#bluepageMobilNav ul li.navLI_3:hover em { background-image:url('../img/mobile/nav2.pt.open.svg'); } 
#bluepageMobilNav ul li.navLI_3 a.mpopen em { background-image:url('../img/mobile/nav2.pt.open.svg'); }
#bluepageMobilNav ul li.navLI_3_aktiv a.aktiv span,
#bluepageMobilNav ul li.navLI_3 a.aktiv span {  color:#ac1917; } 
#bluepageMobilNav ul.navUL_3 li.aktiv a { background-color:#ffffff; }

#bluepageMobilNav ul.navUL_3 li.navLI_3_aktiv a.nav3,
#bluepageMobilNav ul.navUL_3 li.navLI_3 a.nav3 { 
   background:url('../img/mobile/pt.svg') 0.4em 0.8em no-repeat;
   background-size:0.75em auto;
   color:#000000; 
   padding:0.25em 1em 0.25em 1.5em;
}

#bluepageMobilSearch {
   position:absolute;
   right:0;
   top:7.75em;
   bottom:0.5em; 
   width:calc(100% - 0.75em); 
   margin:0 ;
   padding:0;
   display:none;
   overflow:hidden;
   max-height:100%;
   z-index:555;
}
#bluepageMobilSearch.aktiv {
   right:0;
   display:block !important;
}
#bluepageMobilSearch form {
   position:relative;
   display:table;
   height:auto ;
   margin:0;
   padding:0;
   z-index:600;
   font-size:1em;
   color:#000000; 
   background:#ffffff;
   box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);  
   -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);   
   -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); 
   width:100%;
}
#bluepageMobilSearch form div {
   display:table-row;
   white-space:nowrap;
}
#bluepageMobilSearch input { 
   padding:0.9em 0.5em 0.85em 0.5em; 
   margin:0;
   font-size:1em; 
   width:70%; 
   border:0; 
   border-radius: 0;
   vertical-align:middle;
   display:table-cell;
   text-align:left;
}
#bluepageMobilSearch .bluepageHeadSearchButton { 
   color:#ffffff;
   display:table-cell;
   font-size:1em;
   font-weight:bold;
   padding:0.9em 0.75em 0.85em 0.75em; 
   margin:0;
   width: 30%;
   border:0; 
   vertical-align:middle;
   background:#ac1917; 
   cursor:pointer;
}

#bluepageMobilLang {
   position:absolute;
   right:0;
   top:6.75em;
   bottom:0.5em; 
   width:calc(100% - 0.75em); 
   margin:0 ;
   padding:0;
   display:none;
   overflow:hidden;
   z-index:555;
}
#bluepageMobilLang ul {
   position:relative;
   text-align:left;
   list-style-type:none;
   display:block;
   margin:auto 0;
   padding:1em 1em 0 1em;
   width:100%;
   font-size:18px;
   background:#ffffff;
   box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);  
   -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);   
   -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); 
}
#bluepageMobilLang ul li {
   display:block;
   padding:0 0 1em 0;
   margin:0;
   opacity:0.5;
}
#bluepageMobilLang ul li.aktiv,
#bluepageMobilLang ul li:hover {
   opacity:1;
}
#bluepageMobilLang i {
   display:none;
}
#bluepageMobilLang ul a {
   padding:0;
   display:block;
   color:#000000;
   text-decoration:none;
}
#bluepageMobilLang ul a:hover {
   color:#006ab2;
}
#bluepageMobilLang img {
   width: 2em;
   height: 1.5em;
   padding:0;
   float:left;
}
#bluepageMobilLang span {
   white-space: nowrap;
   padding:0.1em 0.25em 0 2.25em;
   cursor:pointer;
   display:block;
}









#bluepageMobilNavContainer .hidden { display:none; }


#bluepageInhalt {
   margin:0 auto;
   max-width:19.95em;
}
.maxWidth {
   max-width:19.95em;
   margin:0 auto;
}

#bluepageHeadNavContainer {
   display:none;
}


#bluepageInhalt {
   padding: 0 0.75em 0 0.75em;
}

#bluepageInhaltContentTopSpace {
   height:3.5em;
}
#bluepageContentContainer {
   font-size:0.264em; overflow:hidden;  
   width:100%;
   min-width:auto; 
}
.bluepage_content {
   font-size:1em;
   line-height:140%;     
   padding: 0.5em 0 0.5em 0;
   margin:0 auto;
   width:70em; 
   text-align:left;                         
}      
#bluepageInhaltContentBottomSpace {
   position:relative;
   height:1em;
   overflow:hidden;
}


#bluepageBottom_innerHTML { 
   z-index:10; 
   padding: 0 0.75em 0 0.75em;
}  
.footercontenttxt { display:block; }
.footercontentsubnav { display:block; width:100%; max-width:16em; }

#bluepageSubNav {
   position:relative;
   right:auto;
   left:0;
}












.p_space { height:10px; }

.box_txt,
.box_pictxt,
.box_space,
.templ_td_templ .frml_error,
a.link_dnl,
.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:17px; line-height:140%; }

h1.headline1 span { font-size:1.8em; line-height:130%; }
h1.headline2 span { font-size:1.35em; line-height:130%; }
h1.headline3 span  { font-size:1.1em; line-height:130%; }
h1.headline4 span  { font-size:0.9em; line-height:130%; }
h2 { font-size:18px; line-height:140%; }

.templ_table_txtxt .templ_td { width:100% !important; }


.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:17px; }      
.templ_table_frml select {
   padding: 5px 5px; 
}
.templ_table_frml select option {
   padding: 5px 5px; 
   margin:auto;
}

a.link_anker span { font-size:17px; }
.templ_table_frml label.captchatxt  { font-size:15px; float:left; padding:5px 0 0 0; }

.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_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 {
   font-size:17px;
   display:block;
   width:100%;
}
.hspace,.hspace2,.hspace_2pic,.hspace_3pic,.hspace_4pic,.hspace_5pic, 
.hspace_galpic, 
.twin_hspace {
   display:none;
}
.pic_intxt_1         { padding-right:0 !important; } 
.pic_intxt_2         { padding-left:0  !important; } 

.box_pictxt { padding:5px 0 0 0; } 
.hr_line { padding:0 0.75em; }
.box_mobile_space { display:block; }

.templ_td_3pic .imgbox { margin:0; width:100% !important; height:auto; }
.templ_td_3pic  { margin-bottom:1em; }
.templ_td_3pic .box_txt { font-size:1em; }
.templ_td_kachel .imgbox { margin:0; width:100% !important; height:auto; }

.imgbox                    { width:100% !important; height: 100% !important; margin:5px auto 10px auto;  } 
.imgbox img                { width:100% !important; height: auto !important;  } 
.imgboxshadow img          { width:99% !important; height: auto !important;  } 
.templ_td_txt .galEntry,
.galEntry                  { width:100% !important; height: auto !important; min-height:100% !important;  margin:5px auto 10px auto;  } 

.mmedia { font-size:0.4225em; }

.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%;
}

.gimgbox,.gimgboxborder { width:100% !important; height: auto !important; margin:auto;  }
.galbox { position:relative !important; width:100% !important; height: 100% !important; clip:rect(auto ,auto ,auto ,auto ) !important; left:0 !important; }
.galbox img { position:relative !important; width:100% !important; height: auto !important; max-width:100%; }
.gimg_border:hover { width:100% !important; height: 100% !important; border:0; }
.gimgbox s,
.gimg_border,
.gimgbox a:hover .gimg_border { display:none; }
.templ_td_galpic a { position:relative !important; }

.templ_td_txt .galContainerTemplate,
.galContainerTemplate { left:0; margin:0 -0.25em; }
.templ_td_txt .galContainer,
.galContainer { left:0; width:50%; padding:0 0.25em;  margin:auto; }
.galContainer  .galpictxt { font-size:15px; padding-top:0; } 

.templ_td_galpic { display:block; margin:0.5em 0 0.5em 0; }

.templ_table_frml select {
   padding:5px 5px; 
}
.templ_table_frml select option {
   padding: 5px 5px; 
   margin:auto;
}

.frml_button_div, 
.frml_button_div:hover {   
   background-size:auto 95%;
   width:100%; margin:0.25em 0.15em 0 -0.05em; font-size:20px;
}
.frml_button {
   padding:0.25em 0.25em 0.35em 0.25em;
}
.frml_button:hover {
   padding:0.3em 0.2em 0.3em 0.3em;
}
.templ_table_frml input.frml_button { 
   font-size:20px; 
   padding:0.6em 0 0.6em 0;
   display:block;

}

.frml_back { margin:0.25em 0; }

.frmlProspektBlock { width:100%; }

.tab table { font-size:17px; }
.tabScroll { position:relative; width:100%; } 
.tabScroll table { width:100%;  text-overflow:ellipsis; }

.templ_ankerlink { font-size:18px; }


#bluepageBottomSitenavContainer {
   position:relative;
   left:0;
   padding:0.25em; 
   margin:0 0 1em 0; 
   border-top:1px solid #979797;
   border-bottom:1px solid #979797;
   font-size:17px; 
   width:100%;
}
#bluepage_bottom_sitenav {
   padding:0.15em 0 0.15em 0; 
   font-size:1em; 
   line-height:100%;
   width:100%;
}
.bluepage_bottom_sitenavbox {   
   font-size:1em; 
   width:100%;
   display:inline-block;
}
.link_sitenav_l,
.link_sitenav_r {
   min-width: 1em;
   white-space: nowrap;
   width:5%;
}
.link_sitenav_l i,
.link_sitenav_r i {
   display:none;
}
.bluepage_bottom_sitenav_sitenr {
   width:90%;
}
.bluepage_bottom_sitenavbox i {
   padding: 0 0.25em;
}

.search_headline_ergebnis,
.search_headline_ergebnis_R {    font-size:16px; }