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



/* list view */
.news .article {
	margin-bottom: 40px;
}

.news-list-view {
	display:flex; flex-wrap:wrap; margin-bottom:5%;
}

.news-list-view .article{
	padding:20px 0; box-sizing: border-box; margin-right:2.54545455%;
}
.news-list-view .article:nth-child(4n+4){
	margin-right:0;
}

.news-list-view .article .header {
	font-family: 'Oswald', Arial, sans-serif; font-weight: 300;
	font-size: 1.2em;
	text-align: center;
}

.news-list-view .article .team-title {
	display:block; line-height: 110%;
}

.news-list-view .article .team-name {
	font-weight: 700;
}

.news-list-view .article .more {
	position:absolute; right:20%; bottom:-10px; display:block; width:70px; height:70px; border-radius:35px; line-height:70px; font-size:2.4em; background: #ff8500; color: #ffffff; text-align: center; font-weight:700;
}

.news .article .news-img-wrap {
	margin-bottom:20px;
	display:block;
	position: relative;
}

.news .article .news-img-wrap a {
	display: block;
}

.news .article .news-img-wrap img {
	border-radius:200px;
	display:block; 
	height: auto;
	width: 100%;
}


.news .article .team-text {
	padding:30px; background:#ffffff; position:fixed; width:70%; height:400px; left:15%; top:200px; z-index: 3000; box-shadow: 0 0 20px rgba(0,0,0,0.2);
}



/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {

	.news-list-view .article { width:31.63636365%; }
	.news-list-view .article .more { right:10%; width:50px; height:50px; border-radius:25px; line-height:50px; font-size:2.0em; }

	.news-list-view .article:nth-child(4n+4){ margin-right:2.54545455%; }
	.news-list-view .article:nth-child(3n+3){ margin-right:0; }

}

/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {

	.news-list-view .article { width:48.72727275%; }

	.news-list-view .article:nth-child(3n+3){ margin-right:2.54545455%; }
	.news-list-view .article:nth-child(2n+2){ margin-right:0; }
}