/* @override 	http://p556112.webspaceconfig.de/fileadmin/templates/ext/news/Resources/Public/Css/news-basic.css?* */

/**************************************/
/* Default styles for news extension */
/**************************************/

.news .clear {
	clear: both;
}

.news div.article {
	overflow: hidden;
}

.news div.article:hover {
	background-color: var(--color-orangehover);
}

.news-list-view {
	display: grid;
	grid-template-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
	
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 40px;
	border-top: 1px solid var(--color-lightgrey);
	border-bottom: 1px solid var(--color-lightgrey);
	padding-bottom: 40px;
}

.news-list-view div.article.articletype-0 {
	display: grid;
	grid-template-columns: 33% 1fr;
    grid-column-gap: 40px;
	-webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
	-moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
	-o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
	transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */
	font: var(--font-p-small);
}


div.news-col2 {
	padding-top: 20px;
	padding-bottom: 20px;
	
	/* @group vertical centered div */
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

}


.news .news-img {
	position: relative;
	overflow: hidden;
}

.news .news-img img {
	width: 100%;
	height: auto;
	float: left;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.news-list-view div.article.articletype-0 div.news-col1 div.news-img-wrap img {
	width: 100%;
	height: auto;
	float: left;
	-webkit-transform: scale(1.00);
	-moz-transform: scale(1.00);
	-ms-transform: scale(1.00);
	-o-transform: scale(1.00);
	transform: scale(1.00);	
}

/*.news-list-view div.article.articletype-0 div.news-col1 div.news-img-wrap img:hover {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
}*/

div.news-title {
	font: var(--font-p-small-strong);
	color: var(--color-grey);
	margin-bottom: 10px;
}

.news-clear {
	clear: both;
}