/* --------------------------------------------------------------------------------
 * Nachrichten: Allgemeine Einstellungen
 * ----------------------------------------------------------------------------- */

.mod_newslist.columnview
{
	margin-left:-9px;
	margin-right:-9px;	
}

.mod_newslist .layout_latest .inner-space
{
	position:relative;
	background-color: #f3f3f3;
	box-sizing:border-box;
}

.mod_newslist .layout_latest a:hover .inner-space
{
	background-color: #83b53a;
}

.mod_newslist .layout_latest a:hover .inner-space .text_container p,
.mod_newslist .layout_latest a:hover .inner-space .text_container h3
{
	color:#fff;
}

.mod_newslist .layout_latest
{
	padding-left:9px;
	padding-right:9px;
	float:left;
	width:33.3333%;

}
.mod_newslist .layout_latest .text_container
{
	padding-top:53px;
	padding-bottom:53px;
	padding-left:40px;
	padding-right:40px;
	height: 395px;
}

.mod_newslist .layout_latest a
{
	display: block;
}


.mod_newslist .layout_latest .text_container h3
{
	margin-top:0px;
	margin-bottom: 46px;
}

.mod_newslist .layout_latest .text_container h3 a
{
	color:#000;
}

.mod_newslist .layout_latest .text_container p.more
{
	margin-bottom:0px;
}

.mod_newslist .layout_latest p.more a
{
	

	color: #5e5e5e !important;
	text-transform: uppercase;	
}

.mod_newslist .layout_latest p.more a:before
{
	color: #fff;
    content: "";
	background-repeat:no-repeat;
	width:20px;
    padding-right: 5px;
	display:inline-block;
	position:relative;
	height:20px;
	background-position:left 11px;
} 

/* --------------------------------------------------------------------------------
 * Nachrichten: SIDEVIEW
 * ----------------------------------------------------------------------------- */
 

.mod_newslist.listview
{
	margin-top:36px;
	
}

.mod_newslist.listview .layout_latest 
{
	width: 100%;
	margin-bottom:2rem;
	padding:0;
}

.mod_newslist.listview .layout_latest .inner-space
{
   background:unset;
   border:unset;
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
}	

.mod_newslist.listview .layout_latest a:hover .inner-space
{
	background-color: unset;
}

.mod_newslist.listview .layout_latest.last
{
	border-bottom:0px;
}
.mod_newslist.listview .layout_latest picture
{
    max-width: 240px;
    flex-basis: 240px;
    flex-grow: 0;
    flex-shrink: 0;
}

.mod_newslist.listview .layout_latest .text_container
{
	background-color:#eeeeee;
	height:unset;
	min-height:240px;
}

.mod_newslist.listview .layout_latest a:hover .text_container
{
	background-color: #83b53a;
}

.mod_newslist.listview .layout_latest .text_container h3
{
	font-size: 24px;
    color: #000;
}
.mod_newslist.listview .layout_latest .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;
}
/* --------------------------------------------------------------------------------
 * Nachrichten: SIDEVIEW
 * ----------------------------------------------------------------------------- */
 

.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;
}


}

/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */


/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1560px) {
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1300px) {
	
	.mod_newslist .layout_latest
	{
		width:50%;

	}
	
	.mod_newslist .layout_latest.last
	{
		display:none;
	}
}


/* --- 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: 878px) {

	.mod_newslist .layout_latest
	{
		width:100%;
		float:unset;
		height:auto;
		margin-bottom:36px;

	}
	
	.mod_newslist .layout_latest.last
	{
		display:none;
		
	}

	.mod_newslist .layout_latest .inner-space
	{
		display:flex;
	}
	.mod_newslist .layout_latest .inner-space > picture
	{
		width:40%;
	}
	.mod_newslist .layout_latest .text_container {
		padding-top: 43px;
		padding-bottom: 43px;
		padding-left: 30px;
		padding-right: 30px;
		height: auto;
		width:60%;
	}	

}
/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	


}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {

	.mod_newslist .layout_latest .inner-space
	{
		display:block;
	}
	
	.mod_newslist .layout_latest .inner-space > picture,
	.mod_newslist .layout_latest .text_container
	{
		width:100%;
	}
	
	
}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	

	
}