/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 4.6.6
 *
 * Mdj Component: News
 */

.news {
	--aspect: calc( 3 / 4 );
}

.news {
	position: relative;
}

.news-inner {
	position: relative;
	padding-top: calc( var( --aspect ) * 100% );
}



.news__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;

	display: flex;
	flex-direction: column;
}

	.news__upper {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.news__upper:not( :last-child ) {
		margin-bottom: var( --component-sp );
	}

	.news__teaser {
		flex-shrink: 0;
	}



.news__mood {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.news__mood > img {
		top: -50% !important;
	}



/* ------------------------- */
@media ( min-width: 500px ) {

	.news {
		--aspect: calc( 1 / 2 );
	}
}



/* ------------------------- */
@media ( min-width: 700px ) {

	.news {
		--aspect: calc( 3 / 4 );
	}
}



/* ------------------------- */
@media ( min-width: 1000px ) {

	.news {
		--aspect: calc( 1 / 2 );
	}
}