.afmo-hero {
	background: url(../../img/afmo-film-poster.webp) center center no-repeat;
	background-size: cover;
}

.hero-imagefilm-background {
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.hero-glass-bottom {
	justify-content: end;
}

.hero-glass-link {
	background: transparent;
	border: 0;
	font-family: inherit;
	padding: 0;
}

.imagefilm-overlay {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	padding: clamp(1rem, 4vw, 3rem);
	position: fixed;
	z-index: 2000;
}

.imagefilm-overlay[hidden] {
	display: none;
}

.imagefilm-overlay__backdrop {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(6, 16, 38, 0.78);
	inset: 0;
	position: absolute;
}

.imagefilm-overlay__dialog {
	background: var(--afmo-darkblue);
	border-radius: 24px;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
	max-width: min(1100px, 100%);
	position: relative;
	width: 100%;
	z-index: 1;
}

.imagefilm-overlay__video {
	aspect-ratio: 16 / 9;
	border-radius: 24px;
	display: block;
	height: auto;
	width: 100%;
}

.imagefilm-overlay__close {
	align-items: center;
	background: #fff /* //color-struggle */;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
	color: var(--afmo-darkblue);
	display: inline-flex;
	font-size: 1.3rem;
	height: 3rem;
	justify-content: center;
	position: absolute;
	right: -1rem;
	top: -1rem;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
	width: 3rem;
	z-index: 2;
}

.imagefilm-overlay__close:hover {
	background: var(--blue-50);
	color: var(--afmo-blue);
	transform: scale(1.06);
}

.imagefilm-overlay__close:focus-visible {
	outline: 3px solid var(--orange-500);
	outline-offset: 4px;
}

body.imagefilm-overlay-open {
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.afmo-hero {
		background-position: bottom center;
	}

	.hero-imagefilm-background {
		object-position: bottom center;
	}

	.imagefilm-overlay {
		padding: 1rem;
	}

	.imagefilm-overlay__dialog,
	.imagefilm-overlay__video {
		border-radius: 16px;
	}

	.imagefilm-overlay__close {
		right: 0.75rem;
		top: -3.75rem;
	}
}

#philosophie {
	z-index: -2;
}

.afmo-var-3 .afmo-blob--right {
	top: 0;
	bottom: unset;
}

.cta-fragen {
	background: url(../../img/home-cta-questions-1600.webp) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

@media screen and (max-width: 767px) {
	.cta-fragen {
		background-image: url(../../img/home-cta-questions-1000.webp);
		background-attachment: scroll;
	}
}