Шаблон:Vorgestellter Artikel/style.css

.category-container.category-container--featured-article {
	height: 12rem;
	min-height: 10rem;
}

.category-container.category-container--featured-article .category-container__title {
	background: rgba(0,0,0,0)linear-gradient(to bottom,rgba(0,0,0,0.2)0px,rgba(0,0,0,0.5)50%,rgba(0,0,0,0.75)100%)repeat 0 0;
    flex-direction: column;
    font-size: 1.1rem;
}

.category-container.category-container--featured-article .category-container__title::before {
    content: attr(data-subtext);
	margin-top: auto;
	padding-left: 0.5rem;
	color: #ccc;
	font-size: 1rem;
	font-weight: lighter;
}

.category-container.category-container--featured-article .category-container__title span {
    display: inline;
    flex-grow: 0;
}

.category-container.category-container--featured-article .category-container__title span a {
	padding-top: 0;
	color: #fff;
}


@media (max-width: 575.98px) {
	.category-container.category-container--featured-article {
		flex-basis: calc( 100% - 0.5rem );
	}
}