/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ==========================================================================
   Bewertungs-Assistent (Plan 02, Abschnitt C)
   Aufbau nach der Vorlage /data/projects/dijana/hausabfrage/bild_01..08.jpg,
   Farben und Schrift aus der Website (Lila #50267F, Barlow).
   Greift nur innerhalb der Formulare mit der Klasse .cbw-assistent
   (Popups "Bewertung Grundstück / Haus / Wohnung").
   ========================================================================== */

.cbw-assistent {
	--cbw-lila: #50267F;
	--cbw-hell: #F4F1F8;
	--cbw-linie: #E2DAEA;
}

/* Die Klasse .cbw-assistent sitzt am Widget-Rahmen, nicht am Formular.
   Bezugspunkt für die Kopfzeile (Pfeil, Frage, Fortschritt) ist aber das
   Formular -- Elementor setzt dort bereits position: relative. */
.cbw-assistent form.elementor-form {
	position: relative;
	padding-top: 74px;
}

/* Elementor positioniert jede Feldgruppe relativ. Damit die Frage oben am
   Formular klebt und nicht an ihrer eigenen Gruppe, wird das hier aufgehoben.
   Die vier Felder mit Einheit setzen es weiter unten gezielt wieder. */
.cbw-assistent .elementor-field-group,
.cbw-assistent .elementor-form .elementor-field-type-step,
.cbw-assistent .elementor-form .e-form__buttons {
	position: static;
}

/* --------------------------------------------------------------------------
   Kopfzeile: Zurück-Pfeil links, Fortschrittslinie darunter
   -------------------------------------------------------------------------- */

/* Fortschritt als dünne Linie über die volle Breite, ohne Prozentzahl.
   Das globale Snippet "custom.css" (Elementor -> Eigener Code) blendet
   Schrittanzeigen in allen Popups aus. Das bleibt so -- hier wird die Regel
   nur für die drei Bewertungsformulare gezielt zurückgenommen. */
.elementor-location-popup .cbw-assistent .elementor-form .e-form__indicators {
	display: block;
	position: absolute;
	top: 52px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.cbw-assistent .e-form__indicators__indicator__progress {
	height: 2px;
	border-radius: 0;
	background: var(--cbw-linie);
}

.cbw-assistent .e-form__indicators__indicator__progress__meter {
	height: 2px;
	border-radius: 0;
	background-color: var(--cbw-lila);
	font-size: 0;          /* Prozentzahl ausblenden, Balken bleibt */
	line-height: 0;
	padding: 0;
}

/* Die Schaltflächenzeile liegt bei Elementor unten. Der Zurück-Knopf wandert
   per Positionierung nach oben links und wird zum Pfeil -- wie in der Vorlage. */
.cbw-assistent .elementor-form .e-form__buttons__wrapper__button-previous {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 38px;
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background-color: var(--cbw-hell);
	color: var(--cbw-lila);
	font-size: 0;
}

.cbw-assistent .elementor-form .e-form__buttons__wrapper__button-previous::after {
	content: "\2190";      /* Pfeil nach links */
	display: block;
	color: var(--cbw-lila);
	font-size: 22px;
	font-weight: 600;
	line-height: 38px;
	text-align: center;
}

.cbw-assistent .elementor-form .e-form__buttons__wrapper__button-previous:hover {
	background-color: var(--cbw-linie);
}

/* Frage -- bleibt im normalen Fluss. Absolut positioniert würde sie sich am
   Schritt-Container ausrichten, nicht am Formular, und die Felder überlagern. */
.cbw-assistent .cbw-frage {
	margin: 0 0 6px;
	font-size: clamp(1.15rem, 2vw, 1.6rem);
	font-weight: 500;
	line-height: 1.3;
	color: var(--cbw-lila);
	text-align: center;
}

/* --------------------------------------------------------------------------
   Auswahlfelder als Kacheln mit Symbol
   -------------------------------------------------------------------------- */

.cbw-assistent .elementor-field-type-radio .elementor-field-subgroup,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-subgroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	margin: 12px auto 0;
}

/* Ausstattung hat sechs Einträge -- in der Vorlage 3 x 2 statt 6 nebeneinander */
.cbw-assistent .elementor-form .elementor-field-type-checkbox .elementor-field-subgroup {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option {
	flex: 0 1 196px;
}

/* Das native Bedienelement bleibt für Tastatur und Screenreader erhalten,
   wird aber visuell durch die Kachel ersetzt. */
.cbw-assistent .elementor-field-type-radio .elementor-field-option input,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option label,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 152px;
	padding: 22px 14px;
	border: 2px solid transparent;
	border-radius: 8px;
	background: var(--cbw-hell);
	color: #3f3a47;
	font-size: .95rem;
	line-height: 1.25;
	text-align: center;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* Symbol -- die Grafik kommt je Auswahlwert aus dem Block weiter unten.
   Zweifarbig wie in der Vorlage, deshalb als Bild und nicht als Maske. */
.cbw-assistent .elementor-field-type-radio .elementor-field-option input + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input + label::before {
	content: "";
	display: block;
	width: 58px;
	height: 58px;
	background: center / contain no-repeat;
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option label:hover,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option label:hover {
	background: #EDE7F3;
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input:checked + label,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input:checked + label {
	border-color: var(--cbw-lila);
	background: #EDE7F3;
	font-weight: 600;
	color: var(--cbw-lila);
}

/* Tastaturbedienung muss sichtbar bleiben */
.cbw-assistent .elementor-field-type-radio .elementor-field-option input:focus-visible + label,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input:focus-visible + label {
	outline: 2px solid var(--cbw-lila);
	outline-offset: 3px;
}

/* Feldbeschriftung über den Kacheln ist redundant zur Frage -- ausblenden,
   aber für Screenreader erhalten. */
.cbw-assistent .elementor-field-type-radio > .elementor-field-label,
.cbw-assistent .elementor-field-type-checkbox > .elementor-field-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Schieberegler
   Das Zahlenfeld darunter bleibt führend -- ohne JavaScript ist es weiterhin
   allein bedienbar.
   -------------------------------------------------------------------------- */

.cbw-assistent .cbw-slider-wrap {
	display: flex;
	align-items: center;
	gap: 48px;
	margin: 34px 0 20px;
}

.cbw-assistent .cbw-slider-main {
	position: relative;
	flex: 1 1 auto;
	padding-top: 38px;
}

.cbw-assistent .cbw-slider-bubble {
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	padding: 5px 11px;
	border-radius: 5px;
	background: var(--cbw-lila);
	color: #FFF;
	font-size: .85rem;
	font-weight: 600;
	white-space: nowrap;
}

.cbw-assistent .cbw-slider-bubble::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: var(--cbw-lila);
}

.cbw-assistent input[type="range"].cbw-slider {
	--cbw-fill: 20%;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: linear-gradient(to right, var(--cbw-lila) 0 var(--cbw-fill), var(--cbw-linie) var(--cbw-fill) 100%);
	cursor: pointer;
}

.cbw-assistent input[type="range"].cbw-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	border: 0;
	border-radius: 50%;
	background: var(--cbw-lila);
	cursor: grab;
}

.cbw-assistent input[type="range"].cbw-slider::-moz-range-thumb {
	width: 24px;
	height: 24px;
	border: 0;
	border-radius: 50%;
	background: var(--cbw-lila);
	cursor: grab;
}

.cbw-assistent input[type="range"].cbw-slider:focus-visible {
	outline: 2px solid var(--cbw-lila);
	outline-offset: 6px;
}

.cbw-assistent .cbw-slider-scale {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
	color: #8b8b8b;
	font-size: .8rem;
}

.cbw-assistent .cbw-slider-figure {
	flex: 0 0 120px;
}

.cbw-assistent .cbw-slider-figure svg {
	display: block;
	width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
   Eingabefelder
   -------------------------------------------------------------------------- */

.cbw-assistent .elementor-field-type-number input,
.cbw-assistent .elementor-field-type-text input,
.cbw-assistent .elementor-field-type-email input,
.cbw-assistent .elementor-field-type-tel input,
.cbw-assistent .elementor-field-type-select select {
	border: 1px solid var(--cbw-linie);
	border-radius: 6px;
	background: #FFF;
}

/* Die Feldbezeichnung landet 1:1 in der Benachrichtigungsmail und muss dort
   sprechend sein ("Wohnfläche in m²" statt viermal "Alternativ eingeben").
   Auf dem Bildschirm wird sie deshalb hier ersetzt. */
.cbw-assistent .elementor-field-group-field_gfl > label,
.cbw-assistent .elementor-field-group-field_hwf > label,
.cbw-assistent .elementor-field-group-field_hgf > label,
.cbw-assistent .elementor-field-group-field_hzi > label,
.cbw-assistent .elementor-field-group-field_hbj > label,
.cbw-assistent .elementor-field-group-field_wwf > label,
.cbw-assistent .elementor-field-group-field_wzi > label,
.cbw-assistent .elementor-field-group-field_wbj > label {
	font-size: 0;
}

.cbw-assistent .elementor-field-group-field_gfl > label::after,
.cbw-assistent .elementor-field-group-field_hwf > label::after,
.cbw-assistent .elementor-field-group-field_hgf > label::after,
.cbw-assistent .elementor-field-group-field_hzi > label::after,
.cbw-assistent .elementor-field-group-field_hbj > label::after,
.cbw-assistent .elementor-field-group-field_wwf > label::after,
.cbw-assistent .elementor-field-group-field_wzi > label::after,
.cbw-assistent .elementor-field-group-field_wbj > label::after {
	content: "Alternativ eingeben";
	font-size: 1rem;
}

/* Einheit rechts im Feld "Alternativ eingeben" */
.cbw-assistent .elementor-field-group-field_gfl,
.cbw-assistent .elementor-field-group-field_hwf,
.cbw-assistent .elementor-field-group-field_hgf,
.cbw-assistent .elementor-field-group-field_wwf {
	position: relative;
}

.cbw-assistent .elementor-field-group-field_gfl::after,
.cbw-assistent .elementor-field-group-field_hwf::after,
.cbw-assistent .elementor-field-group-field_hgf::after,
.cbw-assistent .elementor-field-group-field_wwf::after {
	content: "m²";
	position: absolute;
	right: 14px;
	bottom: 14px;
	color: #8b8b8b;
	font-size: .9rem;
	pointer-events: none;
}

.cbw-assistent .elementor-field-type-number input {
	padding-right: 46px;
	-moz-appearance: textfield;
}

/* Die nativen Pfeilchen des Zahlenfeldes kollidieren mit der Einheit */
.cbw-assistent .elementor-field-type-number input::-webkit-outer-spin-button,
.cbw-assistent .elementor-field-type-number input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.cbw-assistent .elementor-field-type-acceptance {
	font-size: .82rem;
	line-height: 1.45;
	color: #6a6a6a;
}

.cbw-assistent .elementor-field-type-acceptance .elementor-field-option {
	display: flex;
	align-items: flex-start;
	gap: 9px;
}

.cbw-assistent .elementor-field-type-acceptance input[type="checkbox"] {
	flex: 0 0 auto;
	margin-top: 2px;
}

/* --------------------------------------------------------------------------
   Weiter- und Absende-Schaltfläche
   -------------------------------------------------------------------------- */

.cbw-assistent .e-form__buttons {
	justify-content: flex-end;
	margin-top: 10px;
}

.cbw-assistent .e-form__buttons__wrapper__button-next,
.cbw-assistent button[type="submit"] {
	min-width: 190px;
	padding: 14px 26px;
	border: 0;
	border-radius: 5px;
	background-color: var(--cbw-lila);
	color: #FFF;
	font-weight: 600;
}

.cbw-assistent .e-form__buttons__wrapper__button-next::after,
.cbw-assistent button[type="submit"]::after {
	content: " \2192";     /* Pfeil nach rechts */
}

.cbw-assistent .e-form__buttons__wrapper__button-next:hover,
.cbw-assistent button[type="submit"]:hover {
	background-color: #3d1c62;
}

/* --------------------------------------------------------------------------
   Kleine Bildschirme
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.cbw-assistent form.elementor-form {
		padding-top: 100px;
	}

	.cbw-assistent .e-form__indicators {
		top: 40px;
	}

	.cbw-assistent .elementor-field-type-radio .elementor-field-option,
	.cbw-assistent .elementor-field-type-checkbox .elementor-field-option {
		flex: 0 1 calc(50% - 16px);
	}

	.cbw-assistent .elementor-field-type-radio .elementor-field-option label,
	.cbw-assistent .elementor-field-type-checkbox .elementor-field-option label {
		min-height: 128px;
		padding: 16px 10px;
		font-size: .85rem;
	}

	.cbw-assistent .elementor-field-type-radio .elementor-field-option input + label::before,
	.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input + label::before {
		width: 46px;
		height: 46px;
	}

	.cbw-assistent .cbw-slider-figure {
		display: none;
	}

	.cbw-assistent .cbw-slider-wrap {
		gap: 0;
		margin-bottom: 24px;
	}

	.cbw-assistent .e-form__buttons__wrapper__button-next,
	.cbw-assistent button[type="submit"] {
		min-width: 0;
		width: 100%;
	}
}


/* ==========================================================================
   Seite "Immobilie vermieten" -- Ablauf mit sieben Schritten (Plan 04, C)
   Vorlage: Seitenentwurf auf PDF-Seite 19.
   ========================================================================== */

.cbw-vermietung-schritte {
	--cbw-lila: #50267F;
	position: relative;
}

/* Durchgehende senkrechte Linie hinter den Symbolen */
.cbw-vermietung-schritte::before {
	content: "";
	position: absolute;
	top: 26px;
	bottom: 52px;
	left: 87px;
	width: 1px;
	background: #DCD3E6;
}

.cbw-vermietung-schritte .cbw-schritt-nr {
	color: #9C93A8;
	font-size: .95rem;
	font-weight: 600;
	letter-spacing: .04em;
	padding-top: 14px;
}

.cbw-vermietung-schritte .cbw-schritt-icon {
	position: relative;   /* über der Linie */
	z-index: 1;
}

.cbw-vermietung-schritte .cbw-schritt-icon .elementor-icon {
	border: 1px solid #DCD3E6;
}

@media (max-width: 767px) {
	.cbw-vermietung-schritte::before {
		display: none;
	}

	.cbw-vermietung-schritte .cbw-schritt-nr {
		padding-top: 10px;
	}
}
/* Symbole der Auswahlkacheln -- erzeugt von scripts/gen-icons.py
   Vorlage: /data/projects/dijana/hausabfrage/, Farben aus der Website */
.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Unerschlossen"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Unerschlossen"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='4' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='14' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3Crect x='24' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3Crect x='34' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3Crect x='44' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3Crect x='54' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Teilerschlossen"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Teilerschlossen"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='4' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='14' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='24' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='34' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3Crect x='44' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3Crect x='54' y='24' width='7' height='16' fill='%23D9CFE5'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Vollerschlossen"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Vollerschlossen"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='4' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='14' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='24' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='34' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='44' y='24' width='7' height='16' fill='%2350267F'/%3E%3Crect x='54' y='24' width='7' height='16' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Einfamilienhaus"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Einfamilienhaus"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M4 31 32 11 60 31Z' fill='%23D9CFE5'/%3E%3Crect x='10' y='31' width='44' height='20' fill='%23D9CFE5'/%3E%3Crect x='15' y='15' width='5' height='11' fill='%2350267F'/%3E%3Crect x='16' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='27' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='41' y='36' width='9' height='15' fill='%23B7A6CB'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Mehrfamilienhaus"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Mehrfamilienhaus"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M4 27 32 9 60 27Z' fill='%23D9CFE5'/%3E%3Crect x='10' y='27' width='44' height='24' fill='%23D9CFE5'/%3E%3Crect x='15' y='13' width='5' height='10' fill='%2350267F'/%3E%3Crect x='15' y='31' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='27' y='31' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='15' y='41' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='27' y='41' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='42' y='31' width='9' height='20' fill='%23B7A6CB'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Reihenhaus"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Reihenhaus"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M2 31 26 13 50 31Z' fill='%23D9CFE5'/%3E%3Crect x='8' y='31' width='36' height='20' fill='%23D9CFE5'/%3E%3Crect x='12' y='17' width='4' height='9' fill='%2350267F'/%3E%3Crect x='13' y='36' width='7' height='6' fill='%23FFFFFF'/%3E%3Crect x='23' y='36' width='7' height='6' fill='%23FFFFFF'/%3E%3Crect x='34' y='36' width='8' height='15' fill='%23B7A6CB'/%3E%3Cpath d='M44 51V27l16 12v12Z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Doppelhaushälfte"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Doppelhaushälfte"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M2 31 32 12 62 31Z' fill='%23D9CFE5'/%3E%3Crect x='6' y='31' width='52' height='20' fill='%23D9CFE5'/%3E%3Crect x='14' y='17' width='4' height='9' fill='%2350267F'/%3E%3Crect x='12' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='24' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='37' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='49' y='36' width='7' height='15' fill='%2350267F'/%3E%3Crect x='31' y='31' width='2' height='20' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Etagenwohnung"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Etagenwohnung"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='8' width='40' height='48' fill='%23D9CFE5'/%3E%3Crect x='17' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='12' y='26' width='40' height='13' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Erdgeschosswohnung"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Erdgeschosswohnung"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='8' width='40' height='48' fill='%23D9CFE5'/%3E%3Crect x='17' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='12' y='43' width='40' height='13' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Dachgeschosswohnung"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Dachgeschosswohnung"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M4 17 32 4 60 17Z' fill='%2350267F'/%3E%3Crect x='12' y='16' width='40' height='40' fill='%23D9CFE5'/%3E%3Crect x='17' y='22' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='22' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='22' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='35' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='35' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='35' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='48' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='48' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='48' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='12' y='16' width='40' height='13' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Maisonette"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Maisonette"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='8' width='40' height='48' fill='%23D9CFE5'/%3E%3Cpath d='M20 48V40h8v-8h8v-8h10v6h-6v8h-8v8h-8v6Z' fill='%2350267F'/%3E%3Crect x='12' y='30' width='40' height='2' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Penthouse"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Penthouse"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='8' width='40' height='48' fill='%23D9CFE5'/%3E%3Crect x='17' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='14' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='27' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='17' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='28' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='39' y='40' width='7' height='7' fill='%23FFFFFF'/%3E%3Crect x='8' y='12' width='48' height='5' fill='%2350267F'/%3E%3Crect x='20' y='4' width='24' height='8' fill='%23D9CFE5'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Keller"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Keller"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M8 54V44h12V34h12V24h12V14h10v40Z' fill='%23D9CFE5'/%3E%3Cpath d='M17 44 6 32h4.5V18h13v14H28Z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Balkon"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Balkon"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='6' y='18' width='52' height='5' fill='%2350267F'/%3E%3Crect x='11' y='23' width='4' height='26' fill='%23D9CFE5'/%3E%3Crect x='21' y='23' width='4' height='26' fill='%23D9CFE5'/%3E%3Crect x='31' y='23' width='4' height='26' fill='%23D9CFE5'/%3E%3Crect x='41' y='23' width='4' height='26' fill='%23D9CFE5'/%3E%3Crect x='51' y='23' width='4' height='26' fill='%23D9CFE5'/%3E%3Crect x='6' y='49' width='52' height='5' fill='%23D9CFE5'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Aufzug"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Aufzug"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='14' y='22' width='36' height='34' fill='%23D9CFE5'/%3E%3Cpath d='M24 34a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm-4 4h8l2 12h-3v8h-6v-8h-3Z' fill='%2350267F'/%3E%3Cpath d='M40 34a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm-4 4h8l2 12h-3v8h-6v-8h-3Z' fill='%23FFFFFF'/%3E%3Cpath d='M24 6l5 8h-10zM40 18l-5-8h10z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Garten"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Garten"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M18 40h28l-4 16H22Z' fill='%23D9CFE5'/%3E%3Crect x='16' y='34' width='32' height='6' fill='%23B7A6CB'/%3E%3Crect x='31' y='20' width='2' height='14' fill='%2350267F'/%3E%3Cpath d='M32 33c-9 0-14-6-14-14 8 0 14 6 14 14Z' fill='%23D9CFE5'/%3E%3Cpath d='M32 31c0-8 6-14 15-14 0 8-6 14-15 14Z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Parkplatz"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Parkplatz"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M7 46V35l5-12a7 7 0 0 1 7-5h26a7 7 0 0 1 7 5l5 12v11h-8v-4H15v4Z' fill='%23D9CFE5'/%3E%3Cpath d='M16 33h32l-4-9a3 3 0 0 0-3-2H23a3 3 0 0 0-3 2Z' fill='%23FFFFFF'/%3E%3Ccircle cx='18' cy='44' r='5' fill='%2350267F'/%3E%3Ccircle cx='46' cy='44' r='5' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Gäste-WC"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Gäste-WC"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20 16a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm-7 6h14l4 22h-6v14H15V44H9Z' fill='%23D9CFE5'/%3E%3Crect x='31' y='8' width='2' height='48' fill='%23B7A6CB'/%3E%3Cpath d='M46 16a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm-8 6h16l5 24h-6v14h-14V46h-6Z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Renovierungsbedürftig"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Renovierungsbedürftig"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M4 31 32 11 60 31Z' fill='%23D9CFE5'/%3E%3Crect x='10' y='31' width='44' height='20' fill='%23D9CFE5'/%3E%3Crect x='15' y='15' width='5' height='11' fill='%2350267F'/%3E%3Crect x='16' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='27' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='41' y='36' width='9' height='15' fill='%23B7A6CB'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Gepflegt"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Gepflegt"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M4 31 32 11 60 31Z' fill='%23D9CFE5'/%3E%3Crect x='10' y='31' width='44' height='20' fill='%23D9CFE5'/%3E%3Crect x='15' y='15' width='5' height='11' fill='%2350267F'/%3E%3Crect x='16' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='27' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='41' y='36' width='9' height='15' fill='%23B7A6CB'/%3E%3Cpath transform='translate%2844 8%29 scale%28.75%29' d='m0 0 1.6 3.3 3.6.5-2.6 2.6.6 3.6L0 11.8l-3.2 1.8.6-3.6-2.6-2.6 3.6-.5z' fill='%2350267F'/%3E%3Cpath transform='translate%2853 8%29 scale%28.75%29' d='m0 0 1.6 3.3 3.6.5-2.6 2.6.6 3.6L0 11.8l-3.2 1.8.6-3.6-2.6-2.6 3.6-.5z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Neu oder vor kurzem renoviert"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Neu oder vor kurzem renoviert"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M4 31 32 11 60 31Z' fill='%23D9CFE5'/%3E%3Crect x='10' y='31' width='44' height='20' fill='%23D9CFE5'/%3E%3Crect x='15' y='15' width='5' height='11' fill='%2350267F'/%3E%3Crect x='16' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='27' y='36' width='8' height='6' fill='%23FFFFFF'/%3E%3Crect x='41' y='36' width='9' height='15' fill='%23B7A6CB'/%3E%3Cpath transform='translate%2840 8%29 scale%28.75%29' d='m0 0 1.6 3.3 3.6.5-2.6 2.6.6 3.6L0 11.8l-3.2 1.8.6-3.6-2.6-2.6 3.6-.5z' fill='%2350267F'/%3E%3Cpath transform='translate%2849 8%29 scale%28.75%29' d='m0 0 1.6 3.3 3.6.5-2.6 2.6.6 3.6L0 11.8l-3.2 1.8.6-3.6-2.6-2.6 3.6-.5z' fill='%2350267F'/%3E%3Cpath transform='translate%2858 8%29 scale%28.75%29' d='m0 0 1.6 3.3 3.6.5-2.6 2.6.6 3.6L0 11.8l-3.2 1.8.6-3.6-2.6-2.6 3.6-.5z' fill='%2350267F'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Vermietet"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Vermietet"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20 28v-6a12 12 0 0 1 24 0v6h-7v-6a5 5 0 0 0-10 0v6Z' fill='%2350267F'/%3E%3Crect x='14' y='28' width='36' height='28' fill='%2350267F'/%3E%3Cpath d='M32 36a4 4 0 0 1 2 7.5V48h-4v-4.5A4 4 0 0 1 32 36Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.cbw-assistent .elementor-field-type-radio .elementor-field-option input[value="Bezugsfrei"] + label::before,
.cbw-assistent .elementor-field-type-checkbox .elementor-field-option input[value="Bezugsfrei"] + label::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M44 28v-6a12 12 0 0 0-24 0h7a5 5 0 0 1 10 0v6Z' fill='%2350267F'/%3E%3Crect x='14' y='28' width='36' height='28' fill='%2350267F'/%3E%3Cpath d='M32 36a4 4 0 0 1 2 7.5V48h-4v-4.5A4 4 0 0 1 32 36Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}