/* --------------------------------------------------------------------------------
 * Nachrichten: Allgemeine Einstellungen
 * ----------------------------------------------------------------------------- */

.startpage .mod_newslist
{
	display:flex;
	margin-left:-10px;
	margin-right:-10px;
	
}

.startpage .mod_newslist .layout_latest
{
	flex: 1 1 50%;
	margin-left:10px;
	margin-right:10px;

}

.startpage .mod_newslist .layout_latest .news-container
{
	display:flex;
}

.mod_newslist .layout_latest .news-container .image_container
{
	flex: 2 2 305px;
	padding-right:10px;
	box-sizing:border-box;
}

.startpage .mod_newslist .layout_latest .news-container .hover-container
{
	flex: 3 3 470px;
	box-sizing:border-box;
	background-color:#f4f6f7;
	padding-top:43px;
	padding-left:31px;
	padding-right:31px;
	padding-bottom:25px;
}


.mod_newslist .layout_latest .news-container .hover-container h2
{
	font-weight:700;
	font-size:26px;
	line-height:26px;
	margin:0px;
	text-align:left;
	
}

.mod_newslist .layout_latest .news-container .hover-container p:not(.more)
{
	font-size: 13.5px;
    line-height: 19px;
	margin-top:25px;
	margin-bottom:35px;
}

.mod_newslist .layout_latest .news-container .hover-container p.more
{
	margin:0px;
}

.contentpage .mod_newslist
{
	width:100%;
	display:block;
	margin-left:-10px;
	margin-right:-10px;
	
}
.contentpage .mod_newslist .layout_latest 
{
	width:100%;
}
.contentpage .mod_newslist .layout_latest .news-container
{
	
	margin-left:10px;
	margin-right:10px;
	margin-bottom:24px;
	margin-top:24px;

}

.contentpage .mod_newslist .layout_latest .news-container .image_container
{
	float:left;
	margin-right:36px;
}

/* --------------------------------------------------------------------------------
 * Nachrichten: SIDEVIEW
 * ----------------------------------------------------------------------------- */
 

.mod_newslist.listview
{
	margin-top:36px;
	
}
.mod_newslist.listview .layout_latest .news-container
{
	
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   
    width: 100%;
	
	border-bottom: 2px solid #b7b7b7;
    margin-bottom: 28px;
}	

.mod_newslist.listview .layout_latest.last .news-container
{
	border-bottom:0px;
}
.mod_newslist.listview .layout_latest .news-container .image_container
{
	width:160px;	
	max-width:160px;
}

.mod_newslist.listview .layout_latest .news-container .hover-container
{
	width:160px;
	flex-grow:4;
}

.mod_newslist.listview .layout_latest .news-container .hover-container
{
	padding-left:24px;
}

.mod_newslist.listview .layout_latest .news-container p.info
{
	margin-top: 0px;
	color: #718996;
	font-family: "Bree W05 Light", sans-serif;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.mod_newslist.listview .layout_latest .news-container h2,
.mod_newslist.listview .layout_latest .news-container h2 a
{
	text-align: left;
	color: #000;
	font-family: "Bree Serif W01 It", sans;
	font-size: 28px;
	line-height: 34px;
	margin-top:0;
}

 

.mod_newslist.sideview .layout_latest .image_container,
.mod_newslist.sideview .layout_latest .image_container img
{
	width:100%;
	height:auto;
} 
.mod_newslist.sideview .layout_latest .content_container
{
	padding:50px 40px 25px 40px;
	background-color:#f2f4f5;
}

.mod_newslist.sideview .layout_latest .content_container h5
{
	margin-top:0px;
	color:#718996;
	font-family:"Bree W05 Light", sans-serif;
	text-transform:uppercase;
	margin-bottom:6px;
}

.mod_newslist.sideview .layout_latest .content_container h4,
.mod_newslist.sideview .layout_latest .content_container h4 a
{
	color:#000;
	font-family:"Bree Serif W01 It", sans;
	font-size:28px;
	line-height:34px;
	margin-top:0px;
}

.mod_newslist.sideview .layout_latest p.more a,
.mod_newslist.sideview .layout_latest p.more a:hover
{
	color:#000;
}

/* --------------------------------------------------------------------------------
 * Nachrichten: Newsreader
 * ----------------------------------------------------------------------------- */

.mod_newsreader .ce_image + .ce_text
{
	margin-top:36px;
}

.mod_newsreader .layout_full + p.back
{
	margin-top:24px;
}

/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */


/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1560px) {
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	
}
/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	


}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	.startpage .mod_newslist .layout_latest .news-container
	{
		display:block;
	}
	
	
	.mod_newslist .layout_latest .news-container .hover-container h2 {
		font-size: 20px;
		line-height: 24px;
	}
	
	.startpage .mod_newslist .layout_latest .news-container .image_container,
	.contenptage .mod_newslist .layout_latest .news-container .image_container	{
		padding-right: 0px;
    }

}
/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	


}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {

	.contentpage .mod_newslist .layout_latest .news-container .image_container
	{
		margin-right:0px;
		float:none;
		margin-bottom:24px;
	}

}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.startpage .mod_newslist
	{
		display:block;
	}
	.startpage .mod_newslist .layout_latest
	{
			display:block;
			width:100%;
			margin-left: 10px;
			margin-right: 10px;
	}
	.contentpage .mod_newslist .layout_latest
	{
			display:block;
			width:100%;
			margin-left: 0px;
			margin-right: 0px;
	}
}