/* =========================================================
   UNTERSTÜTZEN
   ========================================================= */

.fuchsbau-support {
	max-width:
		1380px;

	margin:
		115px
		auto !important;

	padding:
		0
		32px;
}

.fuchsbau-support-heading {
	margin-bottom:
		48px !important;
}


/* Zwei Karten */

.fuchsbau-support-grid {
	gap:
		26px;
}

.fuchsbau-support-card {
	position:
		relative;

	overflow:
		hidden;

	padding:
		48px
		48px
		44px;

	border-radius:
		30px;
}

.fuchsbau-support-member {
	background:
		#ffe7ac;
}

.fuchsbau-support-donate {
	background:
		#edf2e3;
}


/* Illustrationen */

figure.wp-block-image.fuchsbau-support-image {
	position:
		absolute !important;

	right:
		28px;

	top:
		24px;

	width:
		115px !important;

	max-width:
		115px !important;

	margin:
		0 !important;

	opacity:
		0.92;
}

figure.wp-block-image.fuchsbau-support-image > img {
	display:
		block !important;

	width:
		100% !important;

	height:
		auto !important;
}


/* Texte */

.fuchsbau-support-label {
	margin:
		0
		0
		12px;

	color:
		#4f7036;

	font-size:
		12px;

	font-weight:
		700;

	letter-spacing:
		1.4px;

	text-transform:
		uppercase;
}

.fuchsbau-support-card h3 {
	max-width:
		440px;

	margin:
		0
		0
		20px;

	padding-right:
		90px;

	color:
		#1f3c2e;

	font-size:
		32px;

	font-weight:
		700;

	line-height:
		1.15;
}

.fuchsbau-support-card p:not(
	.fuchsbau-support-label
) {
	max-width:
		540px;

	color:
		#485052;

	font-size:
		16px;

	line-height:
		1.65;
}


/* Buttons */

.fuchsbau-support-button
.wp-block-button__link {
	margin-top:
		12px;

	padding:
		12px
		22px;

	background:
		#e74d24;

	color:
		#ffffff;

	border-radius:
		999px;

	font-size:
		15px;

	font-weight:
		700;

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

.fuchsbau-support-button
.wp-block-button__link:hover {
	background:
		#d13f1a;

	transform:
		translateY(-2px);
}

.fuchsbau-support-button-secondary
.wp-block-button__link {
	background:
		#1f3c2e;
}

.fuchsbau-support-button-secondary
.wp-block-button__link:hover {
	background:
		#4f7036;
}

@media (max-width: 700px) {
	.fuchsbau-support {
		margin:
			80px
			auto !important;

		padding:
			0
			20px;
	}

	.fuchsbau-support-grid {
		flex-direction:
			column;
	}

	.fuchsbau-support-card {
		padding:
			38px
			28px;
	}

	figure.wp-block-image.fuchsbau-support-image {
		position:
			relative !important;

		top:
			auto;

		right:
			auto;

		width:
			90px !important;

		max-width:
			90px !important;

		margin:
			0
			0
			22px !important;
	}

	.fuchsbau-support-card h3 {
		padding-right:
			0;

		font-size:
			28px;
	}
}