/* Widget: Glass Hero */
.sb-hero {
	--sb-hero-media: 42%;
	display: flex;
	align-items: center;
	gap: var(--sb-space-xl);
	/* Horizontal kein Extra-Padding: Breite/Gutter kommt vom Widget-Container
	   (= Menübreite). Hintergrund transparent: Ambient-Glow scheint durch. */
	padding-block: var(--sb-space-2xl);
	padding-inline: 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.sb-hero__content {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 35px;
}

/* Rechte Bildspalte: Bild immer vollständig sichtbar (contain), nie über dem Text */
.sb-hero__media {
	flex: 0 0 var(--sb-hero-media);
	max-width: var(--sb-hero-media);
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.sb-hero__media img {
	width: 100%;
	height: 100%;
	max-height: 560px;
	object-fit: contain;
	object-position: center right;
}

@media (max-width: 767px) {
	.sb-hero {
		flex-direction: column;
		align-items: stretch;
	}

	.sb-hero__media {
		flex-basis: auto;
		max-width: 100%;
		justify-content: center;
	}

	.sb-hero__media img {
		height: auto;
		max-height: 320px;
	}
}

.sb-hero__title {
	margin: 0;
	/* Original: 58px / 900. Fluid für Mobile, Maximum 58px. */
	font-size: clamp(2.5rem, 1.7rem + 3.4vw, 58px);
	font-weight: 900;
	line-height: 1.1;
	color: var(--sb-white);
}

.sb-hero__text {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: var(--sb-white);
}

.sb-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-space-sm);
}

.sb-hero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-space-xl);
	margin-top: var(--sb-space-md);
}

.sb-hero__stat {
	display: flex;
	flex-direction: column;
}

.sb-hero__stat-value {
	font-size: clamp(2rem, 1.5rem + 1.6vw, 42px);
	font-weight: 700;
	line-height: 48px;
	color: var(--sb-white);
}

.sb-hero__stat-label {
	font-size: 12px;
	font-weight: var(--sb-fw-semibold);
	line-height: 18px;
	letter-spacing: 0.04em;
	color: var(--sb-white);
}

@media (max-width: 767px) {
	.sb-hero__stats {
		gap: var(--sb-space-md);
	}

	.sb-hero__buttons .sb-btn {
		flex: 1 1 auto;
	}
}