/* Jägerhof Film: Vorschaubild mit Play-Knopf, Film im Overlay. */
.jha-film { --jha-accent: #b99470; margin: 0 auto; }
.jha-film .jha-film__teaser {
	position: relative;
	display: flex !important;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	height: var(--jha-film-h, 460px);
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: #2b2723 center / cover no-repeat;
	color: #fff !important;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	font: inherit;
	box-shadow: none;
}
.jha-film__shade {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(20,16,12,0) 35%, rgba(20,16,12,.65) 100%);
	transition: background .25s;
}
.jha-film__teaser:hover .jha-film__shade { background: linear-gradient(180deg, rgba(20,16,12,.1) 20%, rgba(20,16,12,.7) 100%); }
.jha-film__play {
	position: absolute; left: 50%; top: 50%;
	width: 86px; height: 86px;
	margin: -43px 0 0 -43px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: rgba(185,148,112,.92);
	box-shadow: 0 6px 30px rgba(0,0,0,.25);
	transition: transform .2s ease, background .2s;
}
.jha-film__play svg { width: 36px; height: 36px; margin-left: 5px; color: #fff; }
.jha-film__teaser:hover .jha-film__play, .jha-film__teaser:focus-visible .jha-film__play { transform: scale(1.08); background: var(--jha-accent); }
.jha-film__teaser:focus-visible { outline: 3px solid var(--jha-accent); outline-offset: 3px; }
.jha-film__text { position: relative; display: block; padding: 0 32px 28px; }
.jha-film__title { display: block; font-family: Cormorant, Georgia, serif; font-size: 40px; line-height: 1.1; letter-spacing: .02em; }
.jha-film__sub { display: block; margin-top: 6px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; opacity: .9; }
@media (max-width: 640px) {
	.jha-film .jha-film__teaser { height: min(var(--jha-film-h, 460px), 62vw); min-height: 220px; }
	.jha-film__play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
	.jha-film__play svg { width: 28px; height: 28px; }
	.jha-film__text { padding: 0 18px 16px; }
	.jha-film__title { font-size: 28px; }
	.jha-film__sub { font-size: 11px; }
}

.jha-film__dialog {
	width: min(1200px, 94vw);
	max-width: none;
	padding: 0;
	border: 0;
	background: #000;
	overflow: visible;
}
.jha-film__dialog::backdrop { background: rgba(10,8,6,.88); }
.jha-film__video { display: block; width: 100%; max-height: 82vh; background: #000; }
.jha-film__close {
	position: absolute; top: -46px; right: -4px;
	width: 40px; height: 40px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50%;
	background: transparent !important;
	color: #fff !important;
	font: 300 38px/40px Arial, sans-serif !important;
	cursor: pointer;
}
.jha-film__close:focus-visible { outline: 2px solid #fff; }
@media (max-width: 640px) { .jha-film__close { top: -44px; right: 0; } }

/* Angebotskarten [jaegerhof_angebot] */
a.jha-offer {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: var(--jha-offer-h, 460px);
	margin: 0 0 24px;
	background: #2b2723 center / cover no-repeat;
	color: #fff !important;
	text-decoration: none !important;
	overflow: hidden;
}
.jha-offer__shade {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(20,16,12,0) 30%, rgba(20,16,12,.72) 100%);
	transition: background .25s;
}
a.jha-offer:hover .jha-offer__shade { background: linear-gradient(180deg, rgba(20,16,12,.05) 15%, rgba(20,16,12,.78) 100%); }
a.jha-offer:focus-visible { outline: 3px solid #b99470; outline-offset: 3px; }
.jha-offer__body { position: relative; display: block; flex: 1 1 auto; min-width: 0; box-sizing: border-box; padding: 28px 30px 30px; max-width: 560px; }
.jha-offer__dates { display: block; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .95; }
.jha-offer__title { display: block; margin: 8px 0 10px; font-family: Cormorant, Georgia, serif; font-size: clamp(28px, 3vw, 38px); line-height: 1.08; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }
.jha-offer__text { display: block; font-size: 16px; line-height: 1.5; opacity: .95; }
.jha-offer__btn {
	display: inline-block; margin-top: 18px; padding: 11px 22px;
	background: #b99470; color: #fff;
	font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
	transition: filter .15s;
}
a.jha-offer:hover .jha-offer__btn { filter: brightness(.93); }
@media (max-width: 640px) {
	a.jha-offer { min-height: min(var(--jha-offer-h, 460px), 110vw); }
	.jha-offer__body { padding: 20px 18px 22px; }
	.jha-offer__title { font-size: 30px; }
	.jha-offer__text { font-size: 15px; }
}