/* Rechner-Zentrale 1.5.38 – visuell an die dorf-event-Startseite angelehnt. */
.dorf-event-rechner-overview {
	--rechner-brown: #2b1c10;
	--rechner-green: #557d22;
	--rechner-green-dark: #315f24;
	--rechner-orange: #ff6410;
	--rechner-cream: #fff4c8;
	--rechner-paper: #fffdfa;
	--rechner-line: #eadfce;
	width: min(1180px, calc(100% - 40px));
}

.dorf-event-rechner-overview .dorf-calculator-showcase {
	position: relative;
	isolation: isolate;
	display: block;
	overflow: visible;
	margin: -34px 0 64px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--rechner-brown);
}

.dorf-event-rechner-overview .dorf-calculator-showcase::before {
	position: absolute;
	z-index: -2;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	border: 0;
	border-radius: 0;
	background: linear-gradient(118deg, #fff5cb 0%, #fff8df 46%, #eef6cf 100%);
	content: "";
}

.dorf-event-rechner-overview .dorf-calculator-showcase::after {
	position: absolute;
	z-index: -1;
	right: -120px;
	bottom: -190px;
	left: auto;
	width: 470px;
	height: 470px;
	border: 0;
	border-radius: 50%;
	background: rgba(230, 169, 52, .11);
	filter: none;
	content: "";
	pointer-events: none;
}

.dorf-calculator-showcase__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
	align-items: center;
	gap: clamp(48px, 7vw, 96px);
	width: min(1180px, calc(100vw - 64px));
	margin-left: 50%;
	padding: clamp(64px, 7vw, 98px) 0 clamp(58px, 7vw, 88px);
	transform: translateX(-50%);
}

.dorf-event-rechner-overview .dorf-calculator-showcase__eyebrow {
	display: block;
	margin: 0 0 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--rechner-orange);
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .11em;
	line-height: 1.4;
	text-transform: uppercase;
}

.dorf-event-rechner-overview .dorf-calculator-showcase h1 {
	max-width: 780px;
	margin: 0;
	color: var(--rechner-brown);
	font-size: clamp(3rem, 5.5vw, 5.1rem);
	font-weight: 850;
	letter-spacing: -.055em;
	line-height: .98;
}

.dorf-event-rechner-overview .dorf-calculator-showcase__lead {
	max-width: 760px;
	margin: 28px 0 0;
	color: #665c50;
	font-size: clamp(1.06rem, 1.55vw, 1.28rem);
	line-height: 1.65;
}

.dorf-event-rechner-overview .dorf-calculator-showcase__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	max-width: 800px;
	margin-top: 32px;
	padding: 12px;
	border: 1px solid rgba(123, 100, 58, .22);
	border-radius: 16px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 13px 34px rgba(108, 82, 30, .1);
}

.dorf-event-rechner-overview .dorf-calculator-action {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	min-height: 74px;
	padding: 10px 14px;
	border: 1px solid #e8dfd1;
	border-radius: 12px;
	background: #fff;
	color: var(--rechner-brown) !important;
	box-shadow: none;
	text-align: left;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dorf-event-rechner-overview .dorf-calculator-action:hover {
	transform: translateY(-2px);
	border-color: #9ab778;
	background: #fff;
	box-shadow: 0 9px 20px rgba(72, 99, 37, .12);
}

.dorf-event-rechner-overview .dorf-calculator-action--secondary:hover {
	border-color: #f6ac72;
}

.dorf-calculator-action__icon {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 11px;
	background: #eef5e5;
	color: var(--rechner-green-dark);
	font-size: 1.2rem;
	font-weight: 900;
}

.dorf-calculator-action--secondary .dorf-calculator-action__icon {
	background: #fff0e2;
}

.dorf-event-rechner-overview .dorf-calculator-action strong,
.dorf-event-rechner-overview .dorf-calculator-action small {
	display: block;
}

.dorf-event-rechner-overview .dorf-calculator-action strong {
	font-size: .95rem;
	line-height: 1.3;
}

.dorf-event-rechner-overview .dorf-calculator-action small {
	margin-top: 4px;
	color: #7b7165;
	font-size: .72rem;
	font-weight: 600;
}

.dorf-calculator-action__arrow {
	color: var(--rechner-orange);
	font-size: 1.2rem;
}

.dorf-event-rechner-overview .dorf-calculator-showcase__benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 0;
}

.dorf-event-rechner-overview .dorf-calculator-showcase__benefits li {
	display: block;
	padding: 8px 13px;
	border: 1px solid rgba(116, 130, 73, .18);
	border-radius: 999px;
	background: rgba(255, 255, 255, .78);
	color: #506729;
	font-size: .8rem;
	font-weight: 800;
}

.dorf-calculator-showcase__visual {
	position: relative;
	min-height: 350px;
}

.dorf-calculator-visual-card {
	position: absolute;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 28px;
	align-items: center;
	gap: 14px;
	width: min(340px, 92%);
	padding: 18px;
	border: 1px solid var(--rechner-line);
	border-radius: 17px;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 18px 42px rgba(93, 75, 40, .14);
}

.dorf-calculator-visual-card > span {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border-radius: 14px;
	background: #e9f3df;
	color: var(--rechner-green-dark);
	font-size: 1.3rem;
	font-weight: 900;
}

.dorf-calculator-visual-card small,
.dorf-calculator-visual-card strong {
	display: block;
}

.dorf-calculator-visual-card small {
	margin-bottom: 3px;
	color: #877c6d;
	font-size: .7rem;
	font-weight: 700;
	text-transform: uppercase;
}

.dorf-calculator-visual-card strong {
	color: var(--rechner-brown);
	font-size: .96rem;
}

.dorf-calculator-visual-card b {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	background: #e8f2dd;
	color: var(--rechner-green-dark);
	font-size: .8rem;
}

.dorf-calculator-visual-card--budget {
	top: 26px;
	left: -15px;
	transform: rotate(-2deg);
}

.dorf-calculator-visual-card--drinks {
	top: 128px;
	right: -5px;
	transform: rotate(2deg);
}

.dorf-calculator-visual-card--drinks > span {
	background: #fff0e0;
}

.dorf-calculator-visual-result {
	position: absolute;
	right: 28px;
	bottom: 7px;
	width: 250px;
	padding: 20px 22px;
	border-radius: 16px;
	background: var(--rechner-orange);
	box-shadow: 0 18px 36px rgba(236, 98, 18, .22);
	color: #fff;
	transform: rotate(-1deg);
}

.dorf-calculator-visual-result span,
.dorf-calculator-visual-result strong,
.dorf-calculator-visual-result small {
	display: block;
}

.dorf-calculator-visual-result span {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dorf-calculator-visual-result strong {
	margin: 3px 0 8px;
	font-size: 1.75rem;
	line-height: 1;
}

.dorf-calculator-visual-result small {
	color: rgba(255, 255, 255, .85);
	font-size: .75rem;
	line-height: 1.45;
}

.dorf-event-rechner-overview .dorf-calculator-overview {
	margin-bottom: 58px;
}

.dorf-event-rechner-overview .dorf-calculator-overview__eyebrow {
	color: var(--rechner-orange);
}

.dorf-event-rechner-overview .dorf-calculator-overview__intro h2,
.dorf-event-rechner-overview .dorf-calculator-card h3,
.dorf-event-rechner-overview .dorf-event-plugin-content-after_cards h2 {
	color: var(--rechner-brown);
}

.dorf-event-rechner-overview .dorf-calculator-card {
	border-color: var(--rechner-line);
	border-radius: 14px;
	background: var(--rechner-paper);
	box-shadow: 0 9px 24px rgba(80, 61, 27, .07);
}

.dorf-event-rechner-overview .dorf-calculator-card::before {
	height: 5px;
	background: var(--rechner-green);
}

.dorf-event-rechner-overview .dorf-calculator-card--getraenkerechner::before {
	background: var(--rechner-orange);
}

.dorf-event-rechner-overview .dorf-calculator-card__button {
	background: var(--rechner-green-dark) !important;
}

.dorf-event-rechner-overview .dorf-calculator-card--getraenkerechner .dorf-calculator-card__button {
	background: var(--rechner-orange) !important;
}

.dorf-event-rechner-overview .dorf-event-plugin-content-after_cards {
	border-color: var(--rechner-line);
	border-radius: 14px;
	box-shadow: 0 9px 26px rgba(80, 61, 27, .06);
}

@media (max-width: 980px) {
	.dorf-calculator-showcase__inner {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.dorf-calculator-showcase__visual {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
		min-height: 0;
	}

	.dorf-calculator-visual-card,
	.dorf-calculator-visual-card--budget,
	.dorf-calculator-visual-card--drinks {
		position: static;
		width: auto;
		transform: none;
	}

	.dorf-calculator-visual-result {
		position: static;
		grid-column: 1 / -1;
		width: auto;
		transform: none;
	}
}

@media (max-width: 700px) {
	.dorf-event-rechner-overview {
		width: min(100% - 24px, 1180px);
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase {
		margin-top: -20px;
		margin-bottom: 42px;
	}

	.dorf-calculator-showcase__inner {
		width: min(100vw - 32px, 1180px);
		padding: 48px 0 44px;
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase h1 {
		font-size: clamp(2.5rem, 13vw, 3.7rem);
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase__lead {
		margin-top: 20px;
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase::after {
		display: none;
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase__actions {
		grid-template-columns: 1fr;
		padding: 9px;
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase__benefits {
		gap: 7px;
	}

	.dorf-event-rechner-overview .dorf-calculator-showcase__benefits li {
		padding: 7px 10px;
		font-size: .73rem;
	}

	.dorf-calculator-showcase__visual {
		grid-template-columns: 1fr;
	}

	.dorf-calculator-visual-result {
		grid-column: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dorf-event-rechner-overview .dorf-calculator-action {
		transition: none;
	}

	.dorf-event-rechner-overview .dorf-calculator-action:hover {
		transform: none;
	}
}