/* =========================================================
   FUCHSBAU – Mitglied werden
   ========================================================= */

.fuchsbau-member-page {
	max-width: 1380px;

	margin:
		90px
		auto
		110px !important;

	padding:
		0
		32px;

	font-family:
		var(--fb3-font);
}


/* Intro */

.fuchsbau-member-intro {
	max-width: 800px;

	margin-bottom:
		56px !important;
}


.fuchsbau-member-heading,
.fuchsbau-member-section-title {
	margin:
		0
		0
		20px;

	color:
		var(--fb3-dark);

	font-size:
		clamp(
			40px,
			4vw,
			58px
		);

	font-weight:
		700;

	line-height:
		1.08;

	letter-spacing:
		-1.5px;
}


.fuchsbau-member-lead {
	max-width: 740px;

	margin: 0;

	color:
		var(--fb3-muted);

	font-size: 20px;

	line-height: 1.7;
}


/* Fakten */

.fuchsbau-member-facts {
	gap: 22px;

	margin-bottom:
		110px !important;
}


.fuchsbau-member-fact {
	padding:
		30px
		28px;

	background:
		var(--fb3-cream);

	border-radius:
		24px;
}


.fuchsbau-member-fact-value {
	margin:
		0
		0
		6px;

	color:
		var(--fb3-dark);

	font-size:
		30px;

	font-weight:
		700;
}


.fuchsbau-member-fact-label {
	margin: 0;

	color:
		var(--fb3-muted);

	font-size:
		15px;

	font-weight:
		600;
}


/* Ablauf */

.fuchsbau-member-process {
	margin-bottom:
		110px !important;
}


.fuchsbau-member-steps {
	gap:
		24px;

	margin-top:
		44px;
}


.fuchsbau-member-step {
	position:
		relative;

	padding:
		34px;

	background:
		#ffffff;

	border:
		1px solid
		rgba(31, 60, 46, 0.10);

	border-radius:
		26px;

	box-shadow:
		0 14px 40px
		rgba(31, 60, 46, 0.06);
}


.fuchsbau-member-step-number {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	margin:
		0
		0
		22px;

	background:
		var(--fb3-orange);

	color:
		#ffffff;

	border-radius:
		50%;

	font-size:
		18px;

	font-weight:
		700;
}


.fuchsbau-member-step h3 {
	margin:
		0
		0
		14px;

	color:
		var(--fb3-dark);

	font-size:
		23px;
}


.fuchsbau-member-step p:not(.fuchsbau-member-step-number) {
	margin: 0;

	color:
		var(--fb3-muted);

	line-height:
		1.65;
}


/* Download */

.fuchsbau-member-download {
	margin-top:
		34px;
}


.fuchsbau-member-primary
.wp-block-button__link {
	padding:
		14px
		26px;

	background:
		var(--fb3-orange);

	color:
		#ffffff;

	border-radius:
		999px;

	font-weight:
		700;

	transition:
		background 180ms ease,
		transform 180ms ease;
}


.fuchsbau-member-primary
.wp-block-button__link:hover {
	background:
		var(--fb3-orange-dark);

	transform:
		translateY(-2px);
}


/* Details */

.fuchsbau-member-details {
	gap:
		28px;

	margin-bottom:
		110px !important;
}


.fuchsbau-member-detail-card {
	padding:
		42px;

	background:
		#f7f8f3;

	border-radius:
		28px;
}


.fuchsbau-member-bank {
	background:
		var(--fb3-cream);
}


.fuchsbau-member-detail-card h3 {
	margin:
		0
		0
		22px;

	color:
		var(--fb3-dark);

	font-size:
		28px;
}


.fuchsbau-member-detail-card p {
	color:
		var(--fb3-muted);

	line-height:
		1.7;
}


.fuchsbau-member-detail-card a {
	color:
		var(--fb3-orange);

	font-weight:
		700;
}


.fuchsbau-member-bank-data {
	margin-top:
		24px;

	font-size:
		17px;

	letter-spacing:
		0.3px;
}


/* Spenden */

.fuchsbau-member-donate {
	position:
		relative;

	padding:
		48px;

	background:
		#edf2e3;

	border-radius:
		30px;
}


.fuchsbau-member-donate-copy {
	max-width:
		760px;
}


.fuchsbau-member-donate p {
	color:
		var(--fb3-muted);

	font-size:
		17px;

	line-height:
		1.7;
}


/* Mobile */

@media (max-width: 700px) {

	.fuchsbau-member-page {
		margin:
			65px
			auto
			80px !important;

		padding:
			0
			20px;
	}


	.fuchsbau-member-facts,
	.fuchsbau-member-steps,
	.fuchsbau-member-details {
		flex-direction:
			column;
	}


	.fuchsbau-member-facts,
	.fuchsbau-member-process,
	.fuchsbau-member-details {
		margin-bottom:
			75px !important;
	}


	.fuchsbau-member-step,
	.fuchsbau-member-detail-card,
	.fuchsbau-member-donate {
		padding:
			30px
			26px;
	}


	.fuchsbau-member-heading,
	.fuchsbau-member-section-title {
		font-size:
			40px;
	}
}