/* =========================================================
   ABBRUCH — PAGE FOUNDATION
   ========================================================= */

.rd-abbruch,
.rd-abbruch * {
	box-sizing: border-box;
}

.rd-abbruch {
	background: #ffffff;
	color: var(--rd-text);
}

.rd-abbruch-request-form {
	margin: 0;
	padding: 0;
}

/* =========================================================
   HERO
   ========================================================= */

.rd-abbruch-hero {
	position: relative;
	overflow: hidden;
	padding: 36px 0 30px;
	background:
		radial-gradient(circle at 76% 46%, rgba(126, 185, 49, 0.08), transparent 34%),
		linear-gradient(180deg, #ffffff 0%, #fbfdf9 100%);
}

.rd-abbruch-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	align-items: center;
	gap: 24px;
	min-height: 470px;
}

.rd-abbruch-hero__content {
	position: relative;
	z-index: 3;
	max-width: 650px;
}

.rd-abbruch-hero__title {
	margin: 0;
	color: var(--rd-text);
	font-size: clamp(3rem, 4.7vw, 4.65rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.045em;
}

.rd-abbruch-hero__lead {
	margin: 20px 0 0;
	color: var(--rd-green);
	font-size: clamp(1.05rem, 1.55vw, 1.34rem);
	font-weight: 800;
	line-height: 1.42;
}

.rd-abbruch-hero__photo-note {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
	font-size: 0.98rem;
	line-height: 1.35;
}

.rd-abbruch-hero__photo-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	color: var(--rd-green);
}

.rd-abbruch-hero__photo-icon svg,
.rd-abbruch-benefit__icon svg,
.rd-abbruch-step-icon svg,
.rd-abbruch-trust__icon svg,
.rd-demolition-option__visual svg,
.rd-abbruch-large-option__icon svg,
.rd-abbruch-extra-option svg {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rd-abbruch-hero__photo-icon svg {
	width: 32px;
	height: 32px;
}

.rd-abbruch-hero__description {
	max-width: 480px;
	margin: 13px 0 0;
	color: var(--rd-text-muted);
	font-size: 0.88rem;
	line-height: 1.6;
}

.rd-abbruch-hero__benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 28px;
}

.rd-abbruch-benefit {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
}

.rd-abbruch-benefit__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border-radius: 50%;
	background: var(--rd-green-light);
	color: var(--rd-green);
}

.rd-abbruch-benefit__icon svg {
	width: 23px;
	height: 23px;
}

.rd-abbruch-benefit > div {
	min-width: 0;
}

.rd-abbruch-benefit strong,
.rd-abbruch-benefit span {
	display: block;
}

.rd-abbruch-benefit strong {
	margin-bottom: 3px;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.28;
}

.rd-abbruch-benefit span {
	color: var(--rd-text-muted);
	font-size: 0.61rem;
	line-height: 1.45;
}

.rd-abbruch-hero__visual {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
	min-height: 420px;
}

.rd-abbruch-hero__visual::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 18%;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.86) 35%, rgba(255,255,255,0) 100%);
	pointer-events: none;
}

.rd-abbruch-hero__image {
	display: block;
	width: min(118%, 800px);
	max-width: none;
	height: auto;
	margin: 0;
	object-fit: contain;
	transform: translateX(22px);
	filter: drop-shadow(0 16px 26px rgba(11, 107, 43, 0.05));
}

/* =========================================================
   SHARED STEP SHELL
   ========================================================= */

.rd-demolition-step,
.rd-abbruch-photo-step,
.rd-abbruch-address-step,
.rd-abbruch-building-details-step,
.rd-abbruch-rubble-step,
.rd-abbruch-additional-step,
.rd-abbruch-contact-step,
.rd-abbruch-offer-step {
	padding: 0 0 14px;
	background: #ffffff;
}

.rd-demolition-step {
	padding-top: 10px;
}

.rd-demolition-step__panel,
.rd-abbruch-photo-step__panel,
.rd-abbruch-address-step__panel,
.rd-abbruch-building-details-step__panel,
.rd-abbruch-rubble-step__panel,
.rd-abbruch-additional-step__panel,
.rd-contact-step__panel,
.rd-offer-step__panel,
.rd-form-submit__panel {
	padding: 16px;
	border: 1px solid #e1e7df;
	border-radius: 13px;
	background: #ffffff;
	box-shadow: 0 5px 18px rgba(11, 107, 43, 0.045);
}

.rd-abbruch-building-details-step__panel {
	background: linear-gradient(180deg, #fbfef9 0%, #f5faf2 100%);
}

.rd-abbruch-step-intro {
	display: grid;
	grid-template-columns: 38px 34px minmax(0, 1fr);
	align-items: start;
	gap: 10px;
	min-width: 0;
}

.rd-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 50%;
	background: var(--rd-green);
	color: #ffffff;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1;
}

.rd-abbruch-step-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	margin-top: 2px;
	border-radius: 50%;
	background: var(--rd-green-light);
	color: var(--rd-green);
}

.rd-abbruch-step-icon svg {
	width: 20px;
	height: 20px;
}

.rd-abbruch-step-intro h2,
.rd-contact-step__intro h2,
.rd-offer-step__intro h2 {
	margin: 1px 0 5px;
	color: var(--rd-text);
	font-size: 0.98rem;
	font-weight: 800;
	line-height: 1.3;
}

.rd-abbruch-step-intro p,
.rd-contact-step__intro p,
.rd-offer-step__intro p {
	margin: 0;
	color: var(--rd-text-muted);
	font-size: 0.74rem;
	line-height: 1.5;
}

.rd-abbruch-step-intro p strong {
	color: var(--rd-green-dark);
}

/* =========================================================
   STEP 1 — DEMOLITION TYPE
   ========================================================= */

.rd-demolition-step__panel {
	display: grid;
	grid-template-columns: minmax(220px, 0.85fr) minmax(0, 3.4fr);
	gap: 18px;
	align-items: stretch;
}

.rd-demolition-options {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.rd-demolition-option {
	display: block;
	min-width: 0;
	margin: 0;
	cursor: pointer;
}

.rd-demolition-option > input,
.rd-abbruch-large-option > input,
.rd-abbruch-extra-option > input,
.rd-abbruch-choice-options input,
.rd-abbruch-inline-radios input,
.rd-offer-option > input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.rd-demolition-option__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	min-height: 136px;
	padding: 9px 7px 8px;
	border: 1px solid #dfe5dc;
	border-radius: 9px;
	background: #ffffff;
	text-align: center;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.rd-demolition-option:hover .rd-demolition-option__body {
	border-color: #a9c9a5;
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(11, 107, 43, 0.06);
}

.rd-demolition-option__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	margin-bottom: 4px;
	color: var(--rd-green-dark);
}

.rd-demolition-option__visual svg {
	width: 40px;
	height: 40px;
}

.rd-demolition-option__body strong {
	display: block;
	min-height: 35px;
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1.33;
}

.rd-demolition-option__radio,
.rd-abbruch-large-option__radio,
.rd-offer-option__radio {
	position: relative;
	display: block;
	width: 17px;
	height: 17px;
	margin-top: auto;
	border: 1.5px solid #9ca6a0;
	border-radius: 50%;
	background: #ffffff;
}

.rd-demolition-option__radio::after,
.rd-abbruch-large-option__radio::after,
.rd-offer-option__radio::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--rd-green);
	transform: translate(-50%, -50%) scale(0);
	transition: transform .16s ease;
}

.rd-demolition-option input:checked + .rd-demolition-option__body {
	border-color: var(--rd-green);
	background: linear-gradient(180deg, #ffffff 0%, #f5fbf3 100%);
	box-shadow: 0 5px 14px rgba(11, 107, 43, 0.08);
}

.rd-demolition-option input:checked + .rd-demolition-option__body .rd-demolition-option__radio {
	border-color: var(--rd-green);
}

.rd-demolition-option input:checked + .rd-demolition-option__body .rd-demolition-option__radio::after {
	transform: translate(-50%, -50%) scale(1);
}

/* =========================================================
   STEP 2 — PHOTOS
   ========================================================= */

.rd-abbruch-photo-step__panel {
	display: grid;
	grid-template-columns: minmax(220px, 0.85fr) minmax(300px, 1.35fr) minmax(300px, 1.35fr);
	gap: 18px;
	align-items: center;
}

.rd-photo-upload,
.rd-photo-examples {
	min-width: 0;
}

.rd-photo-upload__input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
}

.rd-photo-upload__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 145px;
	padding: 15px 18px;
	border: 1.5px dashed #84b57d;
	border-radius: 9px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fcf7 100%);
	text-align: center;
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.rd-photo-upload__box:hover {
	border-color: var(--rd-green);
	background: #f3faf1;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(11, 107, 43, 0.07);
}

.rd-photo-upload__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: 7px;
	color: var(--rd-green);
}

.rd-photo-upload__icon svg {
	display: block;
	width: 34px;
	height: 34px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rd-photo-upload__box strong {
	font-size: 0.84rem;
	font-weight: 800;
}

.rd-photo-upload__action {
	margin-top: 3px;
	color: var(--rd-text-muted);
	font-size: 0.72rem;
}

.rd-photo-upload__box small {
	margin-top: 8px;
	color: #727c75;
	font-size: 0.61rem;
}

.rd-photo-examples h3 {
	margin: 0 0 8px;
	font-size: 0.76rem;
	font-weight: 800;
}

.rd-photo-examples__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.rd-photo-example {
	overflow: hidden;
	margin: 0;
	aspect-ratio: 1.2 / 1;
	border: 1px solid #e4e9e1;
	border-radius: 8px;
	background: #f3f5f2;
}

.rd-photo-example img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rd-abbruch-photo-tip {
	grid-column: 2 / -1;
	display: flex;
	align-items: center;
	gap: 7px;
	margin: -7px 0 0;
	color: var(--rd-green-dark);
	font-size: 0.67rem;
	font-weight: 700;
	line-height: 1.45;
}

/* =========================================================
   STEP 3 — ADDRESS
   ========================================================= */

.rd-abbruch-address-step__panel {
	display: grid;
	grid-template-columns: minmax(220px, 0.85fr) minmax(0, 3.4fr);
	gap: 20px;
	align-items: center;
}

.rd-abbruch-field {
	min-width: 0;
}

.rd-abbruch-field > label,
.rd-abbruch-choice-group legend {
	display: block;
	margin-bottom: 7px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.35;
}

.rd-abbruch-field input {
	display: block;
	width: 100%;
	height: 43px;
	padding: 0 12px;
	border: 1px solid #dce3d9;
	border-radius: 7px;
	background: #ffffff;
	color: var(--rd-text);
	font: inherit;
	font-size: 0.76rem;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.rd-abbruch-field input:focus {
	border-color: var(--rd-green);
	box-shadow: 0 0 0 3px rgba(11,107,43,.10);
}

.rd-abbruch-field__control {
	position: relative;
}

.rd-abbruch-field__control input {
	padding-right: 42px;
}

.rd-abbruch-field__control svg {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 19px;
	height: 19px;
	transform: translateY(-50%);
	fill: none;
	stroke: var(--rd-green);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

/* =========================================================
   STEP 4 — BUILDING DETAILS
   ========================================================= */

.rd-abbruch-building-details-step[hidden] {
	display: none !important;
}

.rd-abbruch-building-details-step__panel {
	display: grid;
	grid-template-columns: minmax(220px, .85fr) minmax(280px, 1.25fr) minmax(210px, .9fr) minmax(240px, 1fr);
	gap: 18px;
	align-items: center;
}

.rd-abbruch-choice-group {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.rd-abbruch-choice-options {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
}

.rd-abbruch-choice-options label,
.rd-abbruch-inline-radios label {
	display: block;
	margin: 0;
	cursor: pointer;
}

.rd-abbruch-choice-options span,
.rd-abbruch-inline-radios span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 7px 6px;
	border: 1px solid #dce3d9;
	border-radius: 7px;
	background: #ffffff;
	font-size: 0.66rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.rd-abbruch-choice-options input:checked + span,
.rd-abbruch-inline-radios input:checked + span {
	border-color: var(--rd-green);
	background: var(--rd-green);
	color: #ffffff;
}

.rd-abbruch-inline-radios {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
}

/* =========================================================
   STEP 5 — RUBBLE
   ========================================================= */

.rd-abbruch-rubble-step__panel {
	display: grid;
	grid-template-columns: minmax(220px, .85fr) minmax(0, 3.4fr);
	gap: 18px;
	align-items: center;
}

.rd-abbruch-large-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	border: 0;
}

.rd-abbruch-large-option {
	display: block;
	cursor: pointer;
}

.rd-abbruch-large-option__body {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 10px;
	min-height: 74px;
	padding: 12px 14px;
	border: 1px solid #dce3d9;
	border-radius: 9px;
	background: #ffffff;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.rd-abbruch-large-option__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--rd-green-light);
	color: var(--rd-green);
}

.rd-abbruch-large-option__icon svg {
	width: 25px;
	height: 25px;
}

.rd-abbruch-large-option strong {
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.35;
}

.rd-abbruch-large-option input:checked + .rd-abbruch-large-option__body {
	border-color: var(--rd-green);
	background: #f5fbf3;
	box-shadow: 0 5px 14px rgba(11,107,43,.08);
}

.rd-abbruch-large-option input:checked + .rd-abbruch-large-option__body .rd-abbruch-large-option__radio {
	border-color: var(--rd-green);
}

.rd-abbruch-large-option input:checked + .rd-abbruch-large-option__body .rd-abbruch-large-option__radio::after {
	transform: translate(-50%, -50%) scale(1);
}

/* =========================================================
   STEP 6 — ADDITIONAL SERVICES
   ========================================================= */

.rd-abbruch-additional-step__panel {
	display: grid;
	grid-template-columns: minmax(220px, .85fr) minmax(0, 3.4fr);
	gap: 18px;
	align-items: center;
}

.rd-abbruch-extra-options {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}

.rd-abbruch-extra-option {
	display: block;
	cursor: pointer;
}

.rd-abbruch-extra-option > span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 64px;
	padding: 10px 12px;
	border: 1px solid #dce3d9;
	border-radius: 9px;
	background: #ffffff;
	text-align: center;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.rd-abbruch-extra-option svg {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	color: var(--rd-green);
}

.rd-abbruch-extra-option strong {
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1.35;
}

.rd-abbruch-extra-option input:checked + span {
	border-color: var(--rd-green);
	background: #f3faf1;
	color: var(--rd-green-dark);
}

/* =========================================================
   STEP 7 — CONTACT
   ========================================================= */

.rd-contact-step__panel {
	display: grid;
	grid-template-columns: minmax(230px, .92fr) minmax(0, 3.08fr);
	gap: 20px;
	align-items: start;
}

.rd-contact-step__intro,
.rd-offer-step__intro {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.rd-contact-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}

.rd-contact-field {
	min-width: 0;
}

.rd-contact-field--email,
.rd-contact-field--message,
.rd-contact-privacy,
.rd-contact-required {
	grid-column: 1 / -1;
}

.rd-contact-field label {
	display: block;
	margin-bottom: 7px;
	font-size: 0.72rem;
	font-weight: 700;
}

.rd-contact-field label > span {
	color: #b72e2e;
}

.rd-contact-field label small {
	margin-left: 5px;
	color: var(--rd-text-muted);
	font-size: 0.64rem;
	font-weight: 500;
}

.rd-contact-field input,
.rd-contact-field textarea {
	display: block;
	width: 100%;
	border: 1px solid #dce3d9;
	border-radius: 8px;
	background: #ffffff;
	color: var(--rd-text);
	font: inherit;
	font-size: 0.78rem;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.rd-contact-field input {
	height: 44px;
	padding: 0 12px;
}

.rd-contact-field textarea {
	min-height: 112px;
	padding: 12px;
	resize: vertical;
}

.rd-contact-field input:focus,
.rd-contact-field textarea:focus {
	border-color: var(--rd-green);
	box-shadow: 0 0 0 3px rgba(11,107,43,.10);
}

.rd-contact-privacy {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin-top: 2px;
	font-size: 0.66rem;
	line-height: 1.5;
	cursor: pointer;
}

.rd-contact-privacy > input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
}

.rd-contact-privacy__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	border: 1.5px solid #abb5ad;
	border-radius: 5px;
	background: #ffffff;
	color: transparent;
}

.rd-contact-privacy__check svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rd-contact-privacy > input:checked + .rd-contact-privacy__check {
	border-color: var(--rd-green);
	background: var(--rd-green);
	color: #ffffff;
}

.rd-contact-privacy a {
	color: var(--rd-green);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.rd-contact-required {
	margin: -5px 0 0;
	color: var(--rd-text-muted);
	font-size: 0.62rem;
}

/* =========================================================
   STEP 8 — OFFER DELIVERY
   ========================================================= */

.rd-offer-step__panel {
	display: grid;
	grid-template-columns: minmax(230px, .92fr) minmax(0, 3.08fr);
	gap: 20px;
	align-items: center;
}

.rd-offer-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	border: 0;
}

.rd-offer-option {
	display: block;
	cursor: pointer;
}

.rd-offer-option__body {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 12px;
	min-height: 78px;
	padding: 12px 16px;
	border: 1px solid #dce3d9;
	border-radius: 10px;
	background: #ffffff;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.rd-offer-option__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--rd-green-light);
}

.rd-offer-option__icon img,
.rd-offer-option__icon svg {
	display: block;
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.rd-offer-option__icon--email svg {
	fill: none;
	stroke: var(--rd-green);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rd-offer-option__content strong,
.rd-offer-option__content small {
	display: block;
}

.rd-offer-option__content strong {
	font-size: 0.92rem;
	font-weight: 800;
}

.rd-offer-option__content small {
	margin-top: 3px;
	color: var(--rd-text-muted);
	font-size: 0.68rem;
	line-height: 1.4;
}

.rd-offer-option input:checked + .rd-offer-option__body {
	border-color: var(--rd-green);
	background: #f5fbf3;
	box-shadow: 0 5px 14px rgba(11,107,43,.08);
}

.rd-offer-option input:checked + .rd-offer-option__body .rd-offer-option__radio {
	border-color: var(--rd-green);
}

.rd-offer-option input:checked + .rd-offer-option__body .rd-offer-option__radio::after {
	transform: translate(-50%, -50%) scale(1);
}

/* =========================================================
   SIMPLE SUBMIT
   ========================================================= */

.rd-form-submit {
	padding: 0 0 14px;
	background: #ffffff;
}

.rd-form-submit__panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	background: linear-gradient(180deg, #fbfef9 0%, #f5faf2 100%);
}

.rd-form-submit__copy strong,
.rd-form-submit__copy span {
	display: block;
}

.rd-form-submit__copy strong {
	font-size: 0.9rem;
	font-weight: 800;
}

.rd-form-submit__copy span {
	margin-top: 3px;
	color: var(--rd-text-muted);
	font-size: 0.68rem;
}

.rd-form-submit__button {
	min-width: 190px;
	min-height: 46px;
	border: 0;
	border-radius: 8px;
	font-weight: 800;
}

.rd-form-preview-status {
	grid-column: 1 / -1;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #b8d7b1;
	border-radius: 8px;
	background: #f2f9f0;
	color: var(--rd-green-dark);
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.5;
}

.rd-form-preview-status[hidden] {
	display: none !important;
}

.rd-form-preview-status--error {
	border-color: #e3b7b7;
	background: #fff6f6;
	color: #8a1f1f;
}

/* =========================================================
   TRUST STRIP
   ========================================================= */

.rd-abbruch-trust {
	padding: 0 0 18px;
	background: #ffffff;
}

.rd-abbruch-trust__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	padding: 12px 14px;
	border-top: 1px solid #e3e8e1;
	border-bottom: 1px solid #e3e8e1;
}

.rd-abbruch-trust__item {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.rd-abbruch-trust__item img {
	display: block;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	margin: 0;
	object-fit: contain;
}

.rd-abbruch-trust__item strong,
.rd-abbruch-trust__item span {
	display: block;
}

.rd-abbruch-trust__item strong {
	font-size: 0.64rem;
	font-weight: 800;
	line-height: 1.35;
}

.rd-abbruch-trust__item span {
	margin-top: 2px;
	color: var(--rd-text-muted);
	font-size: 0.57rem;
	line-height: 1.4;
}

/* =========================================================
   PHOTO SELECTION FEEDBACK
   ========================================================= */

.rd-photo-upload__box.is-selected {
	border-color: var(--rd-green);
	background: linear-gradient(180deg, #ffffff 0%, #f2f9f0 100%);
	box-shadow: 0 5px 16px rgba(11,107,43,.08);
}

.rd-photo-upload__box.is-selected .rd-photo-upload__action {
	color: var(--rd-green);
	font-weight: 700;
}

.rd-photo-selection {
	margin-top: 10px;
}

.rd-photo-selection[hidden] {
	display: none !important;
}

.rd-photo-selection__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 7px;
}

.rd-photo-selection__count {
	color: var(--rd-green);
	font-size: 0.72rem;
	font-weight: 800;
}

.rd-photo-selection__remaining {
	color: var(--rd-text-muted);
	font-size: 0.61rem;
	text-align: right;
}

.rd-photo-selection__list {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rd-photo-selection__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
	min-width: 0;
	padding: 7px 8px 7px 10px;
	border: 1px solid #dfe7dc;
	border-radius: 7px;
	background: #f9fcf8;
}

.rd-photo-selection__file {
	display: flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
}

.rd-photo-selection__name {
	overflow: hidden;
	min-width: 0;
	font-size: 0.68rem;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rd-photo-selection__size {
	flex: 0 0 auto;
	color: var(--rd-text-muted);
	font-size: 0.58rem;
}

.rd-photo-selection__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	margin: 0;
	padding: 0;
	border: 1px solid #d6ddd4;
	border-radius: 6px;
	background: #ffffff;
	color: #7b847d;
	font: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

.rd-photo-selection__remove:hover {
	border-color: #c75b5b;
	background: #fff7f7;
	color: #b53d3d;
}

.rd-photo-selection__notice {
	margin: 7px 0 0;
	padding: 7px 9px;
	border-radius: 7px;
	background: #fff7e8;
	color: #7a5200;
	font-size: 0.64rem;
	font-weight: 700;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
	.rd-abbruch-hero__grid {
		grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
		gap: 18px;
		min-height: 440px;
	}

	.rd-abbruch-hero__title {
		font-size: clamp(2.65rem, 5vw, 3.8rem);
	}

	.rd-abbruch-hero__benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 16px;
	}

	.rd-abbruch-hero__image {
		width: min(116%, 650px);
		transform: translateX(14px);
	}

	.rd-demolition-step__panel,
	.rd-abbruch-address-step__panel,
	.rd-abbruch-rubble-step__panel,
	.rd-abbruch-additional-step__panel,
	.rd-contact-step__panel,
	.rd-offer-step__panel {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.rd-demolition-options {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.rd-abbruch-photo-step__panel {
		grid-template-columns: 1fr 1fr;
	}

	.rd-abbruch-photo-step__panel .rd-abbruch-step-intro,
	.rd-abbruch-photo-tip {
		grid-column: 1 / -1;
	}

	.rd-abbruch-building-details-step__panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-abbruch-building-details-step__panel .rd-abbruch-step-intro {
		grid-column: 1 / -1;
	}

	.rd-abbruch-extra-options {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-abbruch-trust__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
	.rd-abbruch-hero {
		padding: 24px 0 24px;
	}

	.rd-abbruch-hero__grid {
		display: flex;
		flex-direction: column;
		gap: 18px;
		min-height: 0;
	}

	.rd-abbruch-hero__content {
		width: 100%;
		max-width: none;
	}

	.rd-abbruch-hero__title {
		font-size: clamp(2.45rem, 11.6vw, 3.35rem);
		line-height: 1;
	}

	.rd-abbruch-hero__lead {
		margin-top: 16px;
		font-size: 1rem;
	}

	.rd-abbruch-hero__photo-note {
		margin-top: 14px;
		font-size: 0.88rem;
	}

	.rd-abbruch-hero__description {
		font-size: 0.8rem;
	}

	.rd-abbruch-hero__benefits {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 20px;
	}

	.rd-abbruch-benefit {
		align-items: center;
		gap: 10px;
	}

	.rd-abbruch-benefit__icon {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

	.rd-abbruch-benefit strong {
		font-size: 0.76rem;
	}

	.rd-abbruch-benefit span {
		font-size: 0.66rem;
	}

	.rd-abbruch-hero__visual {
		width: 100%;
		min-height: 0;
		justify-content: center;
	}

	.rd-abbruch-hero__visual::before {
		display: none;
	}

	.rd-abbruch-hero__image {
		width: min(100%, 520px);
		max-width: 100%;
		margin: 0 auto;
		transform: none;
	}

	.rd-demolition-step,
	.rd-abbruch-photo-step,
	.rd-abbruch-address-step,
	.rd-abbruch-building-details-step,
	.rd-abbruch-rubble-step,
	.rd-abbruch-additional-step,
	.rd-abbruch-contact-step,
	.rd-abbruch-offer-step {
		padding-bottom: 11px;
	}

	.rd-demolition-step__panel,
	.rd-abbruch-photo-step__panel,
	.rd-abbruch-address-step__panel,
	.rd-abbruch-building-details-step__panel,
	.rd-abbruch-rubble-step__panel,
	.rd-abbruch-additional-step__panel,
	.rd-contact-step__panel,
	.rd-offer-step__panel,
	.rd-form-submit__panel {
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 12px;
		border-radius: 11px;
	}

	.rd-abbruch-step-intro {
		grid-template-columns: 34px 30px minmax(0, 1fr);
		gap: 8px;
	}

	.rd-step-number {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
		font-size: .9rem;
	}

	.rd-abbruch-step-icon {
		width: 30px;
		height: 30px;
		flex-basis: 30px;
	}

	.rd-abbruch-step-intro h2,
	.rd-contact-step__intro h2,
	.rd-offer-step__intro h2 {
		font-size: .92rem;
	}

	.rd-abbruch-step-intro p,
	.rd-contact-step__intro p,
	.rd-offer-step__intro p {
		font-size: .70rem;
	}

	.rd-demolition-options {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.rd-demolition-option__body {
		min-height: 128px;
	}

	.rd-abbruch-photo-step__panel .rd-abbruch-step-intro,
	.rd-abbruch-photo-tip {
		grid-column: auto;
	}

	.rd-photo-upload__box {
		min-height: 138px;
	}

	.rd-photo-examples__grid {
		gap: 6px;
	}

	.rd-abbruch-photo-tip {
		margin-top: 0;
	}

	.rd-abbruch-building-details-step__panel .rd-abbruch-step-intro {
		grid-column: auto;
	}

	.rd-abbruch-choice-options--sizes,
	.rd-abbruch-choice-options--floors {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-abbruch-inline-radios,
	.rd-abbruch-large-options,
	.rd-abbruch-extra-options,
	.rd-offer-options,
	.rd-contact-fields,
	.rd-abbruch-trust__grid {
		grid-template-columns: 1fr;
	}

	.rd-contact-step__intro,
	.rd-offer-step__intro {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 10px;
	}

	.rd-contact-field--email,
	.rd-contact-field--message,
	.rd-contact-privacy,
	.rd-contact-required {
		grid-column: auto;
	}

	.rd-form-submit__button {
		width: 100%;
		min-width: 0;
	}

	.rd-abbruch-trust__grid {
		gap: 10px;
		padding: 11px 12px;
	}
}

@media (max-width: 390px) {
	.rd-abbruch-hero__title {
		font-size: 2.28rem;
	}
}

/* =========================================================
   HERO REFINEMENT — DESKTOP WIDTH + CIRCULAR ICON CENTERING
   ========================================================= */

/* Keep circular SVG icons visually centered and safely inside their discs. */
.rd-abbruch-benefit__icon,
.rd-abbruch-step-icon {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 0;
}

.rd-abbruch-benefit__icon svg,
.rd-abbruch-step-icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: 0;
	transform: translate(-50%, -50%);
	vector-effect: non-scaling-stroke;
}

.rd-abbruch-benefit__icon svg {
	width: 21px;
	height: 21px;
}

.rd-abbruch-step-icon svg {
	width: 18px;
	height: 18px;
}


@media (min-width: 1101px) {
	.rd-abbruch-hero__grid {
		grid-template-columns:
			minmax(0, 1.08fr)
			minmax(0, 0.92fr);
		gap: 18px;
	}

	.rd-abbruch-hero__content {
		max-width: none;
	}

	.rd-abbruch-hero__benefits {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 18px;
	}

	.rd-abbruch-benefit {
		gap: 10px;
	}

	.rd-abbruch-benefit__icon {
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
	}

	.rd-abbruch-hero__visual {
		min-height: 410px;
	}

	.rd-abbruch-hero__image {
		width: min(112%, 735px);
		transform: translateX(10px);
	}

	.rd-abbruch-hero__visual::before {
		width: 14%;
	}
}

@media (max-width: 767px) {
	.rd-abbruch-benefit__icon {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

	.rd-abbruch-benefit__icon svg {
		width: 20px;
		height: 20px;
	}

	.rd-abbruch-step-icon {
		width: 30px;
		height: 30px;
		flex-basis: 30px;
	}

	.rd-abbruch-step-icon svg {
		width: 16px;
		height: 16px;
	}

	.rd-abbruch-trust__item img {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}
}