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

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

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



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



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

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



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

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