/* Text | Bild: 60 % Text, 40 % Bild oder Video (wie .grid-2 / .flex-col-60 / .flex-col-40 in Oxygen). */

/*
 * Einheitlich: Dachzeile und Überschrift stehen in der Textspalte über dem Text und richten sich wie der Text aus;
 * Bild oder Video oben bündig mit der Überschrift; 50 px Abstand zwischen Text und Bild/Video (wie Hero und Karten).
 */
.nb-textmedia__grid {
	display: flex;
	align-items: flex-start;
	gap: 50px;
}

.nb-textmedia__content {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.nb-textmedia__content > :first-child {
	margin-top: 0;
}

.nb-textmedia__media {
	flex: none;
	width: 40%;
	text-align: center;
}

.nb-textmedia--media-left .nb-textmedia__media {
	order: -1;
}

.nb-textmedia .nb-textmedia__heading {
	margin: 0 0 24px;
}

.nb-textmedia .nb-eyebrow + .nb-textmedia__heading {
	margin-top: 4px;
}

.nb-textmedia .nb-text {
	margin-bottom: 24px;
}

.nb-textmedia__img {
	display: block;
	width: 100%;
	height: auto;
}

.nb-textmedia__img--round {
	aspect-ratio: 1;
	border-radius: 100%;
	object-fit: cover;
}

.nb-textmedia__media--video .nb-textmedia__frame {
	position: relative;
	aspect-ratio: 16 / 9;
}

.nb-textmedia__frame + .nb-textmedia__caption {
	margin-top: 12px;
}

.nb-textmedia__media--video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.nb-textmedia__caption {
	margin: 0;
	font-size: 10px;
	line-height: 1.2;
	text-align: left;
}

/* Breiter: Bild/Video 45 % */
.nb-textmedia--wide .nb-textmedia__media {
	width: 45%;
}

/* Schmal: Bild 350 px, Text füllt den Rest, oben bündig */
.nb-textmedia--fixed .nb-textmedia__media {
	flex: none;
	width: 350px;
}

.nb-textmedia--fixed .nb-text {
	margin-bottom: 0;
}

@media (max-width: 1120px) {
	.nb-textmedia--fixed .nb-textmedia__media {
		width: 320px;
	}
}

@media (max-width: 991px) {
	.nb-textmedia--fixed .nb-textmedia__media {
		width: 300px;
	}
}

@media (max-width: 767px) {
	.nb-textmedia--fixed .nb-textmedia__grid {
		gap: 20px;
	}

	.nb-textmedia--fixed .nb-textmedia__media {
		width: 150px;
	}
}

@media (max-width: 991px) {
	.nb-textmedia__grid {
		flex-direction: column;
		gap: 30px;
	}

	.nb-textmedia__content {
		flex: none;
		width: 100%;
	}

	.nb-textmedia__media,
	.nb-textmedia--wide .nb-textmedia__media {
		width: 100%;
	}

	/* Bild oder Video immer unter dem Text */
	.nb-textmedia--media-left .nb-textmedia__media {
		order: 2;
	}
}

/* Text immer linksbündig, auch wenn das Bild rechts steht (besser lesbar) */