/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/addon.aktuelles.css   (bluepageCMS V3.21)                                                       */
/* #################################################################################################### */
/* # Copyright © 05.2020 ISS-Oberlausitz (www.iss-ol.de)                                                */
/* # Author: T.Hojenski                                                                                 */
/* # Email:  th@iss-ol.de                                                                               */
/* # URL:    http://www.bluepage-cms.com                                                                */
/* #################################################################################################### */
/*                                                                                                      */

.contentspace { position:relative; overflow:hidden; padding:0; margin:0; clear:both; width:100%; height:1em; }


.slideshow_helper { width:22.5em; display:none; }
.slideshow_helper.row_4 { width:16.25em; display:none; }

.templ_table.templ_dbNews { display:block; }

.dbNewsGalerieContainer { position:relative; margin: 0 -1.25em; width:75em; }
.dbNewsGalerie { display:flex; flex-wrap:nowrap;  width:100%; margin:0; padding: 0;  }
.dbNewsGalerieContainer .bx-wrapper {
	 max-width:100% !important;
}
.dbNewsGalerie > li { 
 	position:relative;
   list-style: none; 
   display:inline-block; 
   padding: 0 ;
   color:var(--main-sw-color);
   _width:22.5em;
   width:calc(33.33% - 2.5em);
   text-align:left; 
   margin: 1.25em;
}
.dbNewsGalerie.row_4 > li { 
   width:calc(25% - 2.5em);
   margin: 1.25em;
}

.dbNewsGalerie > li .kachel { 
   position:relative;
   display:block; 
   width:100%;
   height:40em;
   margin: 0;
   color:var(--main-sw-color);
   overflow:visible; 
   overflow-y:hidden; 
   cursor:pointer;   
   background:#ffffff;                                                  
}
.dbNewsGalerie.row_4 > li .kachel { 
   width:16.25em;
   height:40em;
}


.dbNewsKachelContainer { position:relative; margin: 0 -1.25em; width:75em; }
.dbNewsKachel { display:flex; flex-wrap:wrap;  width:100%; margin:0; padding: 0;  }
.dbNewsKachel > li { 
 	position:relative;
   list-style: none; 
   display:inline-block; 
   padding: 0 ;
   color:var(--main-sw-color);
   _width:22.5em;
   width:calc(33.33% - 2.5em);
   box-sizing: border-box;
   text-align:left; 
   margin: 1.25em;
}
.dbNewsKachel.row_4 > li { 
   _flex: 1 0 calc(25% - 2.5em);
   width:calc(25% - 2.5em - 1px);
   margin: 1.25em;
}

.dbNewsKachel > li .kachel { 
   position:relative;
   display:block; 
   width:100%;
   height:40em;
   margin: 0;
   color:var(--main-sw-color);
   overflow:hidden; 
   cursor:pointer;   
   background:#ffffff;                                                  
}
.dbNewsKachel.row_4 > li .kachel { 
   width:16.25em;
   height:40em;
}


.dbNewsListeContainer { position:relative; margin: 0; width:72.5em; }
.dbNewsListe { display:block; width:100%; margin:0; padding: 0;  }
.dbNewsListe > li { 
 	position:relative;
   list-style: none; 
   display:inline-block; 
   padding: 1em;
   color:var(--main-sw-color);
   width:calc(100% + 2.2em);
   box-sizing: border-box;
   text-align:left; 
   margin: 0.5em -1.2em;
   border:0.1em solid #333333;
   border-radius:0.5em;
	transition: background 0.2s linear;
}
.dbNewsListe > li:hover { 
	background:rgb(245, 245, 245);
}	
.templ_dbNews .dbNewsListe em span { 
	font-family : 'BalooChettan2',Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.4em; line-height: 130%;  
}


.templ_dbNews.transform li.li .kachel { 
    -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   z-index:1;
}
.templ_dbNews.transform li.li:hover .kachel { 
  -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
   -ms-transform: scale(1.04);
   -o-transform: scale(1.04);
   transform: scale(1.04);
   z-index:100;
}
.templ_dbNews li.li .kachel div.border { 
   position:absolute;
   left: 0;
   right:0;
   top:0;
   bottom:0;
   border:1px solid #000000;
   z-index:10; display:none;
}
.templ_dbNews li.li .kachel .templ_table { 
   width:100%;
   height:40em;
   overflow:visible;
}
.templ_dbNews li.li .kachel .templ_td { 
   overflow:visible;
}
.templ_dbNews li.li .kachel .content .templ_td { 
   vertical-align:top;
   height:100%;
   overflow:visible;
}
.templ_dbNews li.li .kachel .image .templ_td { 
   padding: 0 0 1em 0;
   vertical-align:top;
   text-align:center;
}
.templ_dbNews li.li .kachel .image .templ_td img { 
   width:100%;
   height:auto; 
   object-fit: contain;
   margin:auto;
}
.templ_dbNews .datum { 
	font-size: var(--main-red-size); 
	line-height: 110%; 
	padding-bottom:0.25em; 
}
.templ_dbNews em {  
   color:var(--main-h2-color) !important;
	font-family : 'BalooChettan2',Arial,Helvetica,sans-serif;
	font-size: var(--main-txt-size);
	font-weight:bold;
   font-style:normal; 
   padding: 0 0 0.25em 0; 
   display:block; 
}
.templ_dbNews em span { font-size:1.1em; line-height: 110%; hyphens:auto; }
.templ_dbNews .box_txt { color:var(--main-sw-color) !important; }

.templ_dbNews li.li .gradient {
   position:absolute;
   bottom:0;
   font-size: var(--main-txt-size);
   height:3.5em;
   width:100%;
   z-index:10;
   background: linear-gradient(to bottom,rgba(255,255,255,0.5),#ffffff);
}
.templ_dbNews li.li .gradient.link2 {
   bottom:3.25em;
   background: linear-gradient(to bottom,rgba(255,255,255,0.5),#ffffff);
   _height:9em;
}

.templ_dbNews li.li .kachel .link { 
   position:absolute;
   bottom:0.5em;
   margin:auto; 
   width:100%;
   background:#ffffff;
   text-align:center;
   z-index:100;
}
.templ_dbNews li.li .kachel a.link_anker { 
   font-size: var(--main-txt-size);
   padding:0.5em 1.75em 0.4em 1.75em;
   background:#ffffff !important;
   border-color:#e50465 !important;
   color:#e50465;
}
.templ_dbNews li.li .kachel a.link_anker:before {
	display:none;
}
.templ_dbNews li.li .kachel  a.link_anker span { 
	font-weight:normal;
}
.templ_dbNews li.li .kachel a.link_anker:hover { 
   color:#e50465 !important;
   border-color:#e50465 !important;
}

.templ_dbNews .bx-controls-direction a { top:2.25em; height:25em; }
.templ_dbNews .bx-controls-direction a.bx-prev { left:-1.75em; }
.templ_dbNews .bx-controls-direction a.bx-next { right:-1.75em; }
.bluepage_content_background .templ_dbNews li.li .kachel .content .templ_td > div,
.bgcolor  .templ_dbNews li.li .kachel .content .templ_td > div{
	padding:0 1em 1em 1em;
}
.bluepage_content_background .templ_dbNews li.li .link { 
	bottom:1em;
}

.templ_dbNews li.block_hidden { display:none; }

@media only screen and (min-width: 480px)  {
	.dbNewsGalerieContainer .bx-viewport { height:42.5em; }
}

@media only screen and (max-width: 840px)  {
   .templ_dbNews em span { font-size: var(--main-txt-size); }
	.templ_dbNews .bx-controls-direction a { background-size:auto 1.5em; top:2.25em; height:15em; }
	.templ_dbNews .bx-controls-direction a.bx-prev { right:auto; left:-0.75em; }
	.templ_dbNews .bx-controls-direction a.bx-next { left:auto; right:-0.75em; }
}
@media only screen and (max-width: 480px)  {
   .slideshow_helper { width:100% !important; }
   .dbNewsGalerie { width:100%; display:block; }
	.dbNewsGalerieContainer { width:calc(100% + 2.6em); margin:0 -1.3em; max-width:100vw; }
   
   .templ_dbNews .bx-controls-direction a { background-size:auto 2em; top:2.5em; height:35em; }
	.templ_dbNews .bx-controls-direction a.bx-prev { right:auto; left:0.1em; }
	.templ_dbNews .bx-controls-direction a.bx-next { left:auto; right:0.1em; }
	.dbNewsGalerie > li .kachel { overflow-y:visible; }
	.templ_dbNews li.li .kachel .image .templ_td .imgboxshadow { 
		box-shadow:0 0.25em 0.75em 0.1em rgba(0,0,0,0.3);
	}

	.templ_dbNews li.li .kachel .image .templ_td .imgboxshadow img { 
		width:100% !important; 
	}
	.dbNewsKachelContainer { width:calc(100% + 2.6em); margin:0 -1.3em; max-width:100vw; }
   .templ_table.templ_dbNews { width:calc(100% - 30px); }
   .templ_dbNews li.li { width:100%; }
   .templ_dbNews li.li .kachel { cursor:auto; }
   .templ_dbNews li.li .kachel,
   .templ_dbNews li.li .kachel .templ_table { width:100%; height:auto; overflow:visible; }
   .templ_dbNews li.li .kachel .templ_td .content-1,
   .templ_dbNews li.li .kachel .templ_td .content-12,
   .templ_dbNews li.li .kachel .templ_td .content-123,
   .templ_dbNews li.li .kachel .templ_td .content-13 { height:auto; }
   .templ_dbNews li.li .kachel .image .templ_td,
   .templ_dbNews li.li .kachel .linkbox .templ_td { height:auto; padding:0; }
   .templ_dbNews .datum { padding-top:20px; }
   .templ_dbNews li.li .gradient { display:none; }
	.templ_dbNews li.li .kachel .link { position:relative; bottom:0; }
	.templ_dbNews li.li .kachel a.link_anker { text-align:center; margin:10px 0%; }
	.templ_dbNews li.li .kachel a.link_anker.idx { width:calc(100% - 40px); margin:20px; }
	.templ_dbNews li.li .kachel a.link_anker span { text-align:center; display:block; }
	.templ_dbNews a.link_anker.news { width:calc(100% - 40px); margin:20px; }
}
#dbNewsWindow {
   position:relative;
   text-align:left;    
   vertical-align:middle; 
   font-size: var(--main-font-size);
   line-height:130%;
   display:table;  
   background:#ffffff;
   margin:0 auto; 
   padding:1.5em 2.5em;
   border-radius: 4px;
   max-width:72.5em; 
   height:auto;                   
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}
#dbNewsWindow .datum { font-size: 0.9em; line-height: 110%; padding-bottom:0.25em; }
#dbNewsWindow em {  
   font-family:Liter,Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; 
   font-weight:500;
   font-style:normal; 
   padding: 0 0 0.25em 0; 
   display:block; 
}
#dbNewsWindow em span { 
	font-family : 'BalooChettan2',Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.4em; line-height: 130%;  
}

#dbNewsWindowClose {
   position:absolute;
   right:10px; 
   top:5px;
   width:50px;
   height:50px;
   z-index:15005;
   text-align:right;
   background: url('../img/sys/lightboxClose.svg') center center no-repeat;
   display:block;
}
#dbNewsWindowClose span {
   display:none;
}


.headerback {
	 position:absolute;
	 right:0;
	 top:0.5em;
}
.dbNewsDetailContainer { 
   position:relative;
}
.dbNewsDetailContainer .templ_fullsize { 
   position:relative;
}
.dbNewsDetailContainer .datum { 
   font-size: var(--main-red-size); line-height: 110%;
}
.dbNewsDetailContainer h1.headline1 span {
   font-size:2.2em; line-height: 110%; 
}
.dbNewsDetailContainer .pic_intxt { 
   position:relative; 
   padding:0.5em 0 1em 5em;
   width: 40em;                               
   float:right; 
   text-align:right;
} 
.dbNewsDetailContainer .pic_intxt .imgbox {
   margin:0 0 0 auto;
} 

@media only screen and (max-width: 840px)  {

}
@media only screen and (max-width: 480px)  {
   .dbNewsDetailContainer .pic_intxt {
      width:100%; padding-left:0; text-align:center; float:none;
   }
   .dbNewsDetailContainer .pic_intxt .imgbox { float:none; }
}

.dbNewsDetailContainer .headline1  { max-width:37.5em; }

.dbNewsDetailContainer .templ_td_twin_pic img {
	width: 100% !important;
  height: auto !important;
}
.dbNewsDetailContainer .templ_td_twin_pic.leftspace .pictxt_container {
	padding-right:5em;
}
.dbNewsDetailContainer .templ_td_twin_pic.rightspace .pictxt_container {
	padding-left:5em;
}
.dbNewsDetailContainer .contentspace {
	height:2em;
}	
@media only screen and (max-width: 480px)  {
	.headerback {
		 position:absolute;
		 right:0;
		 top:-5em;
	}
	.bluepage_content.fullsize .templ_fullsize .headerback { right:30px; }
	.dbNewsDetailContainer {
		padding-top:4.5em;
	}
	.dbNewsDetailContainer .templ_td_twin_pic.leftspace .pictxt_container {
		adding-right:30px;
	}
	.dbNewsDetailContainer .templ_td_twin_pic.rightspace .pictxt_container {
		padding-left:30px;
	}
	.dbNewsDetailContainer .contentspace {
		height:1.5em;
	}	
	.templ_dbNews em { line-height:100%; }
	.templ_dbNews em span { line-height:130%; }
}	
