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

.image {
	display: flex;
	justify-content: center;
}

.image-inner {
	position: relative;
	width: 100%;
	max-width: calc( ( var( --100vh, 100vh ) * 0.8 - var( --header-height, 0px ) - var( --caption-height, 0px ) - var( --v-sp ) * 4 ) * var( --ratio ) ); 
}

img.has-focus-point {
	object-position: var( --fpx, 50% ) var( --fpy, 50% );
}



.image__blurred {
	--filter: blur( 1vh );
	--transform: scale( 1.01 ) translate3d( 0, 0, 0 );

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;

	-webkit-filter: var( --filter );
	-moz-filter: var( --filter );
	filter: var( --filter );

	-webkit-transform: var( --transform );
	-moz-transform: var( --transform );
	transform: var( --transform );

	opacity: 1;
}



.image__markup {
	position: relative;
	z-index: 20;

	/*border-radius: calc( var( --v-sp ) * 0.33333 );*/
	overflow: hidden;
	padding-top: var( --padding-top );
}

	.image__markup > img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}



.image__caption {
	text-align: center;
}

.image__markup + .image__caption {
	margin-top: var( --caption-sp );
}