.fasn8-yt-embed {
	margin: 1em 0;
	clear: both;
}

/* Container-Typen */
.fasn8-yt-embed.is-video {
	width: 100%;
}

.fasn8-yt-embed.is-short {
	width: 100%;
	max-width: 352px;          /* <- Short NICHT aufblasen */
	margin-left: auto;
	margin-right: auto;
}

/* Ratio-Wrapper */
.fasn8-yt-embed__ratio {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

/* Moderne Browser */
.fasn8-yt-embed__ratio--16x9 { aspect-ratio: 16 / 9; }
.fasn8-yt-embed__ratio--9x16 { aspect-ratio: 9 / 16; }

.fasn8-yt-embed__ratio iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* Fallback für ältere Browser ohne aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
	.fasn8-yt-embed__ratio--16x9::before {
		content: "";
		display: block;
		padding-top: 56.25%; /* 9/16 */
	}
	.fasn8-yt-embed__ratio--9x16::before {
		content: "";
		display: block;
		padding-top: 177.7778%; /* 16/9 */
	}
	.fasn8-yt-embed__ratio iframe {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
	}
}