/**
 * Über uns — Figma 1422:2790 (1440×11212).
 * Reuses .inia-lu-*, .inia-omb-*, .inia-geo-qa-* via page shell classes.
 */

/* —— Hero (centered, min-height 349) —— */
.inia-ueber-uns-page .inia-ou-hero {
	width: 1200px;
	max-width: 100%;
	min-height: 349px;
}

.inia-ueber-uns-page .inia-ou-hero > .e-con-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 24px !important;
	min-height: 349px;
}

.inia-ueber-uns-page .inia-ou-hero-eyebrow,
.inia-ueber-uns-page .inia-ou-hero-eyebrow p {
	margin: 0 !important;
	color: #fff !important;
	text-align: center;
	font-family: "DM Sans", sans-serif !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase;
}

.inia-ueber-uns-page .inia-ou-hero .elementor-heading-title {
	color: #fff !important;
	text-align: center;
	font-size: 48px !important;
	line-height: 58px !important;
	margin: 0 !important;
}

.inia-ueber-uns-page .inia-ou-hero-body {
	width: 996px;
	max-width: 100%;
}

.inia-ueber-uns-page .inia-ou-hero-body,
.inia-ueber-uns-page .inia-ou-hero-body p {
	color: #fff !important;
	text-align: center;
	margin: 0 !important;
}

.inia-ueber-uns-page .inia-ou-hero-chevron {
	margin-top: 0 !important;
	width: 24px !important;
	height: 25px !important;
}

.inia-ueber-uns-page .inia-ou-hero-chevron img {
	display: block;
	width: 24px !important;
	height: 25px !important;
	object-fit: contain;
	/* Figma instance "A" is rotated 180° → points down */
	transform: rotate(180deg);
	filter: brightness(0) invert(1);
}

/* —— Image bands 1200×450 —— */
.inia-ueber-uns-page .inia-ou-image-band {
	position: relative;
	width: 1200px;
	max-width: 100%;
	min-height: 450px;
	height: 450px;
	overflow: hidden;
	border-radius: 48px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.inia-ueber-uns-page .inia-ou-image-band > .e-con-inner {
	position: relative !important;
	width: 100% !important;
	height: 450px !important;
	min-height: 450px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border-radius: 48px;
}

.inia-ueber-uns-page .inia-ou-image-band__img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 1;
}

.inia-ueber-uns-page .inia-ou-image-band__img .elementor-widget-container {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.inia-ueber-uns-page .inia-ou-image-band__img img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	border-radius: 48px;
}

/* Video banner (MVI_9894.mp4) — fills the office band like the still image. */
.inia-ueber-uns-page .inia-ou-image-band__media {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 1;
}

.inia-ueber-uns-page .inia-ou-image-band__media .elementor-widget-container {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.inia-ueber-uns-page .inia-ou-image-band__media .inia-video__el {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 48px;
}

.inia-ueber-uns-page .inia-ou-image-band__btn {
	position: absolute !important;
	top: 370px !important;
	bottom: auto !important;
	left: 50% !important;
	transform: translateX(-50%);
	z-index: 2;
	width: auto !important;
	margin: 0 !important;
}

.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-widget-container {
	margin: 0 !important;
}

/* —— Features (same as webdesign) —— */
.inia-ueber-uns-page .inia-ou-features {
	width: 100%;
	max-width: 996px;
	min-height: 1184px;
}

.inia-ueber-uns-page .inia-ou-features .inia-omb-feature-card {
	height: 269px;
	min-height: 269px;
	box-sizing: border-box !important;
}

.inia-ueber-uns-page .inia-ou-features .inia-omb-feature-row:nth-child(2) .inia-omb-feature-card {
	height: 293px !important;
	min-height: 293px !important;
}

.inia-ueber-uns-page .inia-ou-features .inia-omb-feature-row:last-child {
	margin-bottom: 0 !important;
}

/* —— QA (GEO pattern under ueber-uns) —— */
.inia-ueber-uns-page .inia-ou-qa,
.inia-ueber-uns-page .inia-geo-qa {
	width: 100%;
	max-width: 1440px;
	min-height: 616px;
}

.inia-ueber-uns-page .inia-geo-qa-band {
	width: 100%;
	background-color: #173393 !important;
}

.inia-ueber-uns-page .inia-geo-qa-band > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 64px !important;
	align-items: stretch !important;
}

.inia-ueber-uns-page .inia-geo-qa-card,
.inia-ueber-uns-page .inia-ou-qa-card {
	width: 400px !important;
	max-width: 100%;
	min-height: 341px !important;
	height: 341px !important;
	box-sizing: border-box;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.inia-ueber-uns-page .inia-geo-qa-card > .e-con-inner {
	gap: 16px !important;
	height: 100% !important;
}

.inia-ueber-uns-page .inia-geo-qa-eyebrow,
.inia-ueber-uns-page .inia-geo-qa-eyebrow p {
	margin: 0 !important;
	color: #fff !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
}

.inia-ueber-uns-page .inia-geo-qa-icon img {
	width: 85px !important;
	height: 70px !important;
	object-fit: contain;
}

.inia-ueber-uns-page .inia-geo-qa-card .elementor-heading-title,
.inia-ueber-uns-page .inia-geo-qa-card .elementor-widget-text-editor,
.inia-ueber-uns-page .inia-geo-qa-card .elementor-widget-text-editor p {
	color: #fff !important;
	margin: 0 !important;
}

/* —— Team grid —— */
.inia-ueber-uns-page .inia-ou-team {
	position: relative;
	width: 100%;
	max-width: 1440px;
	min-height: 1271px;
	height: 1271px;
	background-color: #f1f1f2 !important;
	overflow: hidden;
}

.inia-ueber-uns-page .inia-ou-team > .e-con-inner {
	position: relative !important;
	width: 100% !important;
	min-height: 1271px !important;
	height: 1271px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

.inia-ueber-uns-page .inia-ou-team__grid {
	position: relative;
	z-index: 2;
	width: 928px !important;
	max-width: 100%;
}

.inia-ueber-uns-page .inia-ou-team__grid > .e-con-inner {
	display: flex !important;
	flex-direction: column !important;
	gap: 80px !important;
}

.inia-ueber-uns-page .inia-ou-team__row > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	gap: 80px !important;
	width: 100% !important;
}

.inia-ueber-uns-page .inia-geo-team-card,
.inia-ueber-uns-page .inia-ou-team-card {
	width: 256px !important;
	flex: 0 0 256px;
}

.inia-ueber-uns-page .inia-geo-team-card > .e-con-inner {
	gap: 0 !important;
}

.inia-ueber-uns-page .inia-geo-team-card__img {
	margin-bottom: 16px !important;
}

.inia-ueber-uns-page .inia-geo-team-card__img img {
	width: 256px !important;
	height: 384px !important;
	object-fit: cover;
	border-radius: 24px;
	border: 1px solid #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	display: block;
}

/* Team portrait hover crossfade (Default → casual "Variant2" on hover). */
.inia-ueber-uns-page .inia-ou-team-card__photo-wrap {
	width: 256px;
	max-width: 100%;
}

.inia-ueber-uns-page .inia-ou-team-card__photo-wrap .inia-team-card {
	margin: 0 auto;
}

.inia-ueber-uns-page .inia-ou-team-card__photo-wrap .inia-team-card__img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 24px;
}

.inia-ueber-uns-page .inia-geo-team-card__name .elementor-heading-title {
	margin: 0 !important;
	font-size: 24px !important;
	line-height: 31px !important;
	text-align: center;
}

.inia-ueber-uns-page .inia-geo-team-card__role,
.inia-ueber-uns-page .inia-geo-team-card__role p {
	margin: 0 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	text-align: center;
}

/* Decor absolute (Figma team frame) */
.inia-ueber-uns-page .inia-ou-team__decor {
	position: absolute !important;
	z-index: 1;
	pointer-events: none;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
}

.inia-ueber-uns-page .inia-ou-team__decor .elementor-widget-container {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.inia-ueber-uns-page .inia-ou-team__decor img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
}

.inia-ueber-uns-page .inia-ou-team__decor--tl {
	left: 87px !important;
	top: 0 !important;
	width: 230px !important;
	height: 264px !important;
}

.inia-ueber-uns-page .inia-ou-team__decor--br {
	left: 1083px !important;
	top: 1082px !important;
	width: 246px !important;
	height: 222px !important;
}

.inia-ueber-uns-page .inia-ou-team__decor--dots {
	left: 177px !important;
	top: 1014px !important;
	width: 25px !important;
	height: 179px !important;
}

/* Kalender */
.inia-ueber-uns-page .inia-lu-kalender {
	max-width: 1200px !important;
	width: 100% !important;
}

/* —— Responsive —— */
@media (max-width: 1199px) {
	.inia-ueber-uns-page .inia-ou-hero {
		min-height: 0;
		padding: 0 var(--inai-side-gutter, 24px);
		width: 100%;
	}

	.inia-ueber-uns-page .inia-ou-hero > .e-con-inner {
		min-height: 0;
	}

	.inia-ueber-uns-page .inia-ou-hero .elementor-heading-title {
		font-size: 36px !important;
		line-height: 44px !important;
	}

	.inia-ueber-uns-page .inia-ou-image-band,
	.inia-ueber-uns-page .inia-ou-image-band > .e-con-inner {
		height: auto !important;
		min-height: 0 !important;
		border-radius: 32px;
	}

	.inia-ueber-uns-page .inia-ou-image-band__img {
		position: relative !important;
		inset: auto !important;
		height: auto !important;
	}

	.inia-ueber-uns-page .inia-ou-image-band__img .elementor-widget-container {
		position: relative !important;
		inset: auto !important;
		height: auto !important;
	}

	.inia-ueber-uns-page .inia-ou-image-band__img img {
		height: auto !important;
		aspect-ratio: 1200 / 800;
		border-radius: 32px;
	}

	.inia-ueber-uns-page .inia-ou-image-band__media,
	.inia-ueber-uns-page .inia-ou-image-band__media .elementor-widget-container {
		position: relative !important;
		inset: auto !important;
		height: auto !important;
	}

	.inia-ueber-uns-page .inia-ou-image-band__media .inia-video__el {
		height: auto !important;
		aspect-ratio: 1200 / 800;
		border-radius: 32px;
	}

	/*
	 * Center the CTA with left:0/right:0 + margin auto instead of left:50%.
	 * The old left:50% box capped the button's available width to half the
	 * band, forcing "Jetzt Kontakt aufnehmen" to wrap into a bulky two-line
	 * pill on narrow screens.
	 */
	.inia-ueber-uns-page .inia-ou-image-band__btn {
		position: absolute !important;
		top: 80% !important;
		bottom: auto !important;
		left: 0 !important;
		right: 0 !important;
		transform: translateY(-50%) !important;
		width: fit-content !important;
		max-width: calc(100% - 32px) !important;
		margin-inline: auto !important;
	}

	.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-widget-container,
	.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-button-wrapper,
	.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-button {
		width: auto !important;
		max-width: none !important;
	}

	.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-button,
	.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-button-content-wrapper,
	.inia-ueber-uns-page .inia-ou-image-band__btn .elementor-button-text {
		white-space: nowrap !important;
	}

	.inia-ueber-uns-page .inia-ou-features {
		min-height: 0;
		padding: 0 24px;
	}

	.inia-ueber-uns-page .inia-ou-features .inia-omb-feature-card,
	.inia-ueber-uns-page .inia-ou-features .inia-omb-feature-row:nth-child(2) .inia-omb-feature-card {
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
	}

	/*
	 * The desktop zigzag uses a -4px overlap between rows. Once the cards go
	 * full-width and stack, that overlap makes them touch — replace it with a
	 * real gap so each value card is clearly separated.
	 */
	.inia-ueber-uns-page .inia-ou-features .inia-omb-feature-row {
		margin-bottom: 20px !important;
	}

	.inia-ueber-uns-page .inia-geo-qa-band > .e-con-inner {
		flex-direction: column !important;
		align-items: center !important;
	}

	.inia-ueber-uns-page .inia-geo-qa-card,
	.inia-ueber-uns-page .inia-ou-qa-card {
		width: min(400px, 100%) !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.inia-ueber-uns-page .inia-ou-team,
	.inia-ueber-uns-page .inia-ou-team > .e-con-inner {
		height: auto !important;
		min-height: 0 !important;
		padding: 80px 24px !important;
	}

	/* Team rows are full-width containers (no .e-con-inner) — target directly. */
	.inia-ueber-uns-page .inia-ou-team__row,
	.inia-ueber-uns-page .inia-ou-team__row > .e-con-inner {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 40px !important;
	}

	.inia-ueber-uns-page .inia-ou-team__decor {
		opacity: 0.35;
		transform: scale(0.7);
		transform-origin: top left;
	}

	.inia-ueber-uns-page .inia-ou-team__decor--br {
		display: none;
	}
}

@media (max-width: 767px) {
	.inia-ueber-uns-page .inia-ou-hero .elementor-heading-title {
		font-size: clamp(28px, 7vw, 32px) !important;
		line-height: 1.25 !important;
	}

	/*
	 * Match the LU-shared sections (28/34) so section headings are consistent.
	 * Scope to h2 only — the feature/QA card titles are h3 and must stay 24px.
	 */
	.inia-ueber-uns-page .inia-ou-features h2.elementor-heading-title,
	.inia-ueber-uns-page .inia-ou-qa h2.elementor-heading-title {
		font-size: 28px !important;
		line-height: 34px !important;
	}

	.inia-ueber-uns-page .inia-ou-features,
	.inia-ueber-uns-page .inia-ou-team {
		padding-inline: var(--inai-side-gutter, 16px) !important;
	}

	.inia-ueber-uns-page .inia-ou-team__decor {
		display: none;
	}

	/*
	 * Team → clean 2-column grid. The two row containers are flattened with
	 * display:contents so all six cards flow together (2 per row, centered)
	 * instead of stacking full-width and left-aligned.
	 */
	.inia-ueber-uns-page .inia-ou-team__grid {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 28px 14px !important;
	}

	.inia-ueber-uns-page .inia-ou-team__row {
		display: contents !important;
	}

	.inia-ueber-uns-page .inia-geo-team-card,
	.inia-ueber-uns-page .inia-ou-team-card {
		flex: 0 0 calc(50% - 7px) !important;
		max-width: calc(50% - 7px) !important;
		width: auto !important;
	}

	.inia-ueber-uns-page .inia-geo-team-card__img img {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		aspect-ratio: 256 / 384;
		object-fit: cover;
	}

	.inia-ueber-uns-page .inia-ou-team-card__photo-wrap,
	.inia-ueber-uns-page .inia-ou-team-card__photo-wrap .inia-team-card {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		aspect-ratio: 256 / 384;
	}

	/* Give the image bands side gutters so they don't bleed to the edges. */
	.inia-ueber-uns-page .inia-ou-image-band {
		width: calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
		margin-inline: auto !important;
	}
}