/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ==========================================================================
   "Über uns" section (Startseite) — redesigned
   Targets the section container generated from the Avada builder row 9.
   ========================================================================== */

.fusion-builder-row-9 {
	position: relative;
}

/* Dark forest-green gradient overlay, from the left into transparent on the
   right so the golden-hour meadow photograph stays intact and open. */
.fusion-builder-row-9::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		rgba(16, 43, 34, 0.95) 0%,
		rgba(16, 43, 34, 0.7) 25%,
		rgba(16, 43, 34, 0.35) 48%,
		rgba(16, 43, 34, 0.08) 70%,
		rgba(16, 43, 34, 0) 82%
	);
}

/* Keep the content above the overlay, fill the section vertically and align
   it to the left of the grid. */
.fusion-builder-row-9 > .fusion-builder-row {
	position: relative;
	z-index: 1;
	min-height: 600px;   /* desktop section height ~600px */
	align-items: center;
	justify-content: flex-start;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/* Text wrapper: left aligned, capped width ~550px. */
.fusion-builder-row-9 .fusion-builder-column-22 {
	width: auto !important;
	flex-basis: 0;
	max-width: 550px;
	align-self: center;
}

/* --- Eyebrow label --- */
.fusion-builder-row-9 .fusion-text-12 h6 {
	font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: #d9b98a;           /* warm gold */
	margin: 0 0 1.4rem;
}

/* --- Heading --- */
.fusion-builder-row-9 .fusion-text-12 h1 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 500;
	font-size: clamp(2.6rem, 5vw, 4rem);
	line-height: 1.08;
	color: #ffffff;
	margin: 0 0 1.6rem;
}

/* Accent word in the heading (cursive gold, mirrors existing style) */
.fusion-builder-row-9 .fusion-text-12 h1 span {
	font-family: "Allura", cursive;
	font-weight: 400;
	font-size: 1.22em;
	line-height: 0.9;
	color: #c49a55;
}

/* --- Body copy --- */
.fusion-builder-row-9 .fusion-text-12 p {
	font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.92);
	max-width: 460px;
	margin: 0 0 2.2rem;
}

/* --- Call-to-action (added in the backend — see notes) --- */
.fusion-builder-row-9 .ueber-uns-btn,
.fusion-builder-row-9 a.ueber-uns-btn {
	display: inline-block;
	font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #102b22;
	background: #d9b98a;
	padding: 16px 34px;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.25s ease, transform 0.25s ease;
}
.fusion-builder-row-9 a.ueber-uns-btn:hover {
	background: #e7cf9f;
	transform: translateY(-2px);
}

/* --- Tablet --- */
@media (max-width: 1024px) {
	.fusion-builder-row-9 > .fusion-builder-row {
		min-height: 0;
		padding-top: 4.5rem;
		padding-bottom: 4.5rem;
	}
	.fusion-builder-row-9 .fusion-builder-column-22 {
		width: 100% !important;
		max-width: 560px;
	}
}

/* --- Mobile --- */
@media (max-width: 640px) {
	.fusion-builder-row-9 > .fusion-builder-row {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
	.fusion-builder-row-9 .fusion-builder-column-22,
	.fusion-builder-row-9 .fusion-text-12 h6,
	.fusion-builder-row-9 .fusion-text-12 h1,
	.fusion-builder-row-9 .fusion-text-12 p {
		text-align: center;
	}
	.fusion-builder-row-9 .fusion-text-12 p {
		margin-left: auto;
		margin-right: auto;
	}
}