.maple-gruenwerk-methoden {
	--gwm-emerald-100: var(--color-emerald-100, #eceec4);
	--gwm-emerald-300: var(--color-emerald-300, #cbd162);
	--gwm-emerald-400: var(--color-emerald-400, #8d921b);
	--gwm-emerald-500: var(--color-emerald-500, #8d921b);
	--gwm-emerald-600: var(--color-emerald-600, #8d921b);
	--gwm-emerald-700: var(--color-emerald-700, #676c13);
	--gwm-zinc-300: var(--color-zinc-300, #d4d4d8);
	--gwm-zinc-400: var(--color-zinc-400, #a1a1aa);
	--gwm-zinc-800: var(--color-zinc-800, #27272a);
	--gwm-zinc-900: var(--color-zinc-900, #18181b);
	--gwm-zinc-950: var(--color-zinc-950, #09090b);
	--gwm-white: var(--white, #fff);
	position: relative;
	overflow: hidden;
}
.maple-gwm-bg-zinc_dark { background: var(--gwm-zinc-900); }
.maple-gwm-bg-black { background: var(--black, #000); }
.maple-gwm-bg-white { background: var(--gwm-white); }
.maple-gwm-spacing-large { padding-top: 6rem; padding-bottom: 6rem; }
.maple-gwm-spacing-default { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.maple-gwm-spacing-compact { padding-top: 3rem; padding-bottom: 3rem; }
.maple-gwm-container--wide {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.maple-gwm-header {
	max-width: 42rem;
	margin: 0 auto 4rem;
	text-align: center;
}
.maple-gwm-header__label {
	display: inline-block;
	font-size: .875rem;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--gwm-white);
	margin-bottom: 1rem;
}
.maple-gwm-header__headline {
	font-size: clamp(2.5rem, 5vw, 3.75rem);
	line-height: 1.05;
	font-weight: 800;
	color: var(--gwm-white);
	margin: 0 0 1.5rem;
}
.maple-gwm-header__intro {
	font-size: 1.125rem;
	line-height: 1.75;
	color: var(--gwm-zinc-400);
	margin: 0;
}
.maple-gwm-bg-white .maple-gwm-header__label,
.maple-gwm-bg-white .maple-gwm-header__headline { color: var(--gwm-zinc-900); }
.maple-gwm-bg-white .maple-gwm-header__intro { color: var(--color-zinc-600, #52525b); }
.maple-gwm-cards { row-gap: 2rem; margin-bottom: 3rem; }
.maple-gwm-card {
	position: relative;
	overflow: hidden;
	border-radius: .5rem;
	min-height: 420px;
	height: 100%;
	background: var(--gwm-zinc-950);
}
.maple-gwm-card__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.maple-gwm-card:hover .maple-gwm-card__image { transform: scale(1.05); }
.maple-gwm-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, var(--gwm-zinc-950) 0%, rgba(24, 24, 27, .55) 45%, transparent 100%);
}
.maple-gwm-card__badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
	padding: .35rem .75rem;
	border-radius: 999px;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--gwm-white);
}
.maple-gwm-card__badge--emerald { background: var(--gwm-emerald-600); }
.maple-gwm-card__badge--zinc { background: var(--gwm-zinc-800); }
.maple-gwm-card__content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 2rem;
}
.maple-gwm-card__title {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--gwm-white);
	margin: 0 0 .75rem;
}
.maple-gwm-card__text {
	font-size: .875rem;
	line-height: 1.65;
	color: var(--gwm-zinc-300);
	margin: 0 0 1rem;
}
.maple-gwm-card__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: .5rem;
}
.maple-gwm-card__list li {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	line-height: 1.35;
	color: var(--gwm-emerald-400);
}
.maple-gwm-card__check {
	width: 1rem;
	height: 1rem;
	flex: 0 0 1rem;
}
.maple-gwm-banner {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 2rem;
	border-radius: .5rem;
	border: 1px solid color-mix(in srgb, var(--gwm-emerald-700) 40%, transparent);
	background: color-mix(in srgb, var(--gwm-emerald-600) 10%, transparent);
}
.maple-gwm-banner__icon {
	width: 4rem;
	height: 4rem;
	border-radius: .5rem;
	background: var(--gwm-emerald-600);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 4rem;
}
.maple-gwm-banner__icon-svg {
	width: 2rem;
	height: 2rem;
	color: var(--gwm-white);
}
.maple-gwm-banner__body { flex: 1 1 auto; }
.maple-gwm-banner__title {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--gwm-white);
	margin: 0 0 .5rem;
}
.maple-gwm-banner__text {
	line-height: 1.7;
	color: var(--gwm-white);
}
.maple-gwm-banner__text p { margin: 0; }
.maple-gwm-banner__text strong { color: var(--gwm-emerald-400); }
.maple-gwm-banner__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: .85rem 1.5rem;
	border-radius: .25rem;
	background: var(--gwm-emerald-600);
	color: var(--gwm-white);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, transform .2s ease;
}
.maple-gwm-banner__button:hover,
.maple-gwm-banner__button:focus {
	background: var(--gwm-emerald-500);
	color: var(--gwm-white);
	transform: translateY(-1px);
}
@media (max-width: 767.98px) {
	.maple-gwm-spacing-large { padding-top: 4rem; padding-bottom: 4rem; }
	.maple-gwm-header { margin-bottom: 2.5rem; }
	.maple-gwm-card { min-height: 520px; }
	.maple-gwm-card__content { padding: 1.5rem; }
	.maple-gwm-banner {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
}