/**
 * acf/lvl-media-full. Oracle: .case-content-bild-fullwidh > img.case-image-fullwidth,
 * .screen-video-code--desktop (video), .screen-video-container-fullscreen (screen:
 * coloured stage, side padding 180/100/80/50/30 px, .radius-20 screen).
 * Spacing (margin-bottom) comes from .lvl-section--flow.
 */

/* Own block formatting context: an empty block (missing media) keeps its bottom
   margin instead of collapsing it into the previous block's (oracle: flex column). */
.lvl-media-full {
	display: flow-root;
}

.lvl-media-full__image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* Natural size: the file's own width at most, centred. */
.lvl-media-full--natural .lvl-media-full__image {
	width: auto;
	max-width: 100%;
	margin-inline: auto;
}

/* Screen: the medium sits at the bottom of a coloured stage. */
.lvl-media-full__stage {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: var(--lvl-space-100) 11.25rem;
	background-color: var(--lvl-media-full-color, transparent);
}

.lvl-media-full__screen {
	width: 100%;
	overflow: hidden;
	border-radius: var(--lvl-radius-card);
	line-height: 0;
}

.lvl-media-full__empty {
	padding: var(--lvl-space-40);
	border: 1px dashed currentColor;
}

@media (max-width: 1540px) {
	.lvl-media-full__stage {
		padding-inline: 6.25rem;
	}
}

@media (max-width: 991px) {
	.lvl-media-full__stage {
		padding-inline: 5rem;
	}

	.lvl-media-full__screen {
		border-radius: 0.625rem;
	}
}

@media (max-width: 767px) {
	.lvl-media-full__stage {
		padding-inline: 3.125rem;
	}

	.lvl-media-full__screen {
		border-radius: 0.3125rem;
	}
}

@media (max-width: 479px) {
	.lvl-media-full__stage {
		padding-inline: 1.875rem;
	}
}