/**
 * @author Jonas Zieher, Valentin Alisch <hallo@valentinalisch.de>
 * @version 1.0
 *
 * Koeber_La Module: Image
 */

.image {
	position: relative;
}

.image.image-dummy {
	background: var( --off_white );
}

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

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

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

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

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



.image[data-orientation="fill"],
.image[data-orientation="fill"] > .image__inner {
	width: 100%;	
	height: 100%;
}

.image[data-orientation="contain"] {
	--padding: 2.5%;
	padding: calc( var( --header_height ) + var( --padding ) ) var( --padding ) var( --padding );
	background: var( --off_white );
}

.image[data-orientation="contain"],
.image[data-orientation="contain"] > .image__inner {
	width: 100%;
	height: 100%;
}

	.image[data-orientation="contain"] > .image__inner > img {
		object-fit: contain;
		object-position: center center !important;
	}