.elementor-3483 .elementor-element.elementor-element-kon-form-sf{width:100%;max-width:100%;}.elementor-3483 .elementor-element.elementor-element-kon-rev-s1{--display:flex;}.elementor-3483 .elementor-element.elementor-element-kon-rev-s2{--display:flex;}.elementor-3483 .elementor-element.elementor-element-kon-rev-s3{--display:flex;}.elementor-3483 .elementor-element.elementor-element-kon-rev-carousel{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:24px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-3483 .elementor-element.elementor-element-kon-rev-carousel > .elementor-widget-container{margin:44px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3483 .elementor-element.elementor-element-kon-cta-wa .elementor-button{background-color:#25D366;font-size:19px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#25D366;border-radius:999px 999px 999px 999px;padding:13px 19px 13px 19px;}.elementor-3483 .elementor-element.elementor-element-kon-cta-wa .elementor-button:hover, .elementor-3483 .elementor-element.elementor-element-kon-cta-wa .elementor-button:focus{background-color:#1DA851;color:#FFFFFF;border-color:#1DA851;}.elementor-3483 .elementor-element.elementor-element-kon-cta-wa .elementor-button:hover svg, .elementor-3483 .elementor-element.elementor-element-kon-cta-wa .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3483 .elementor-element.elementor-element-kon-rev-carousel{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:16px;}}@media(max-width:767px){.elementor-3483 .elementor-element.elementor-element-kon-rev-carousel{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:12px;}.elementor-3483 .elementor-element.elementor-element-kon-rev-carousel > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-3483 .elementor-element.elementor-element-kon-cta-wa .elementor-button{font-size:18px;padding:12px 17px 12px 17px;}}/* Start custom CSS for sureforms_form, class: .elementor-element-kon-form-sf *//* --- Werte: SureForms-Variablen auf das PRUEV-Design --- */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form {
	--srfm-input-field-border-radius: 14px;
	--srfm-input-height: 56px;
	--srfm-input-field-padding: 16px 18px;
	--srfm-input-field-font-size: 15.5px;
	--srfm-input-field-line-height: 1.45em;
	--srfm-color-input-background: #0B0E12;
	--srfm-color-input-background-hover: #0E1218;
	--srfm-color-input-border: rgba(255,255,255,.10);
	--srfm-color-input-border-hover: rgba(126,165,255,.55);
	--srfm-color-input-placeholder: #6E7987;
	--srfm-label-font-size: 14.5px;
	--srfm-label-font-weight: 600;
	--srfm-label-line-height: 1.4em;
	--srfm-btn-border-radius: 999px;
	--srfm-btn-padding: 17px 30px;
	--srfm-btn-font-size: 15.5px;
	--srfm-btn-font-weight: 600;
	--srfm-row-gap-between-blocks: 22px;
	--srfm-column-gap-between-blocks: 24px;
	--srfm-checkbox-input-border-radius: 6px;
	--srfm-check-ctn-width: 20px;
	--srfm-check-ctn-height: 20px;
	--srfm-checkbox-label-font-size: 14px;
}

/* Textarea wie im Entwurf */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form textarea.srfm-input-common { min-height: 190px; padding: 16px 18px; }

/* Abschnittsueberschrift „WORUM GEHT ES?“ */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-block-legend {
	font-size: 12px; font-weight: 600; letter-spacing: .12em;
	text-transform: uppercase; color: #7A8593;
}

/* Auswahl als Pillen statt Listenzeilen.
   Die lange Selektorkette ist noetig: SureForms setzt die Breite
   mit .srfm-form-container .srfm-form ... auf 100%. */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-block-wrap { display: flex; flex-wrap: wrap; gap: 10px; }
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-block-wrap .srfm-multi-choice-single {
	width: auto; flex: 0 0 auto; padding: 0; border: 0; background: none;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-block-wrap .srfm-multi-choice-single .srfm-block-content-wrap .srfm-icon-container { display: none; }
/* Der eigene Kasten von SureForms muss weg – sonst liegen zwei Rahmen uebereinander:
   sein Rechteck (Radius 14) um die Pille (Radius 999). Nur das Label bleibt sichtbar. */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-block-wrap .srfm-multi-choice-single .srfm-block-content-wrap {
	padding: 0; width: auto; min-height: 0; height: auto;
	border: 0; border-radius: 0; background: none; box-shadow: none;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-block-wrap .srfm-multi-choice-single input:checked + .srfm-block-content-wrap {
	border: 0; background: none; box-shadow: none;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-multi-choice-single .srfm-option-container { width: auto; }
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-multi-choice-single input.srfm-input-multi-choice-single {
	position: absolute; opacity: 0; width: 0; height: 0; margin: 0;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-multi-choice-single .srfm-option-container label {
	display: inline-flex; align-items: center; width: auto; padding: 12px 22px;
	border: 1px solid rgba(255,255,255,.14); border-radius: 999px;
	font-size: 15px; line-height: 1.2; color: #C9D1DB; cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-multi-choice-single .srfm-option-container label:hover {
	border-color: rgba(126,165,255,.55); color: #F2F4F7;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-multi-choice-single input:checked ~ .srfm-block-content-wrap .srfm-option-container label {
	background: #1F63FF; border-color: #1F63FF; color: #FFFFFF;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-multi-choice-block .srfm-multi-choice-single input:focus-visible ~ .srfm-block-content-wrap .srfm-option-container label {
	outline: 2px solid #7EA5FF; outline-offset: 2px;
}
/* Telefonfeld ohne Laenderauswahl – wie im Entwurf */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-phone-block .iti__country-container { display: none; }
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-phone-block .iti input.srfm-input-common { padding-left: 18px !important; }

/* Telefonhinweis rechts neben dem Absenden-Button */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .pruev-tel-note {
	order: 1; width: calc(50% - 12px); align-self: center; margin: 0; text-align: right;
}
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-submit-container { width: calc(50% - 12px); }

@media (max-width: 767px) {
	.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .pruev-tel-note,
	.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-submit-container { width: 100%; text-align: left; }
	.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form { --srfm-input-height: 52px; --srfm-btn-padding: 15px 26px; }
}

/* Link in der Zustimmung */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-gdpr-block a { color: #7EA5FF; text-decoration: underline; }
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-gdpr-block a:hover { color: #C8D8FF; }
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-gdpr-block .srfm-block-label { color: #C9D1DB; font-weight: 400; }

/* Pflichtfeld-Sternchen wie im Entwurf: gleiche Farbe wie das Label */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-required { color: inherit; opacity: .55; }


/* Mobil: Telefonzeile unter dem Button passt bei 14px nicht in eine Zeile
   (322px Text auf 293px Platz) und die Rufnummer bricht mittendrin um.
   Kleinere Schrift plus geschuetzte Rufnummer loesen beides. */
.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form a[href^="tel:"] { white-space: nowrap; }
@media (max-width: 767px) {
	.elementor-3483 .elementor-element.elementor-element-kon-form-sf .uagb-heading-text { font-size: 12.5px; line-height: 1.5; }
	.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-gdpr-block .srfm-block-label,
	.elementor-3483 .elementor-element.elementor-element-kon-form-sf .srfm-form .srfm-gdpr-block .srfm-block-label a { font-size: 13px; line-height: 1.55; }
}/* End custom CSS */