/**
 * @author Valentin Alisch, Off Office <hallo@valentinalisch.de>
 * @version 1.0
 *
 * Rettberg Module: Image
 */

.image {
	opacity: 0;
	transition: opacity 0.25s linear;
}

.image.is-loaded {
	opacity: 1 !important;
}

.image[data-orientation="portrait"] {
	--image-padding: 125%;
}

.image[data-orientation="landscape"] {
	--image-padding: 66.6666666666%;
}

.image-inner {
	padding-top: var( --image-padding );
	position: relative;
}



.image__markup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

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

		opacity: 1;
		transition: none;
	}

	a:hover .image__markup > img,
	a:active .image__markup > img {
		/*--image-scale: 1.03;

		-webkit-transform: scale( var( --image-scale ) );
		-moz-transform: scale( var( --image-scale ) );
		transform: scale( var( --image-scale ) );*/
	}