<label for="mf-input-text-7973789">
					${ parent.decodeEntities(`Name und Nachname`) } 					*
				</label>
			<input
				type="text"
				class="mf-input mf-conditional-input"
				id="mf-input-text-7973789"
				name="Name_und_Nachname"
				placeholder="${ parent.decodeEntities(`Name und Nachname`) } "
									onInput=${parent.handleChange}
					onBlur=${parent.handleChange}
					aria-invalid=${validation.errors['Name_und_Nachname'] ? 'true' : 'false'}
					ref=${el =>{
												parent.activateValidation({"message":"Dieses Feld ist erforderlich.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
					}}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="Name_und_Nachname"
					as=${html``}
					/>
							<label for="mf-input-telephone-4586b54">
					${ parent.decodeEntities(`Telefon`) } 					
				</label>
			<input
				type="tel"
				class="mf-input mf-conditional-input"
				id="mf-input-telephone-4586b54" 
				name="telefon"
				placeholder="${ parent.decodeEntities(`Telefon`) } "
									onInput=${parent.handleChange}
					aria-invalid=${validation.errors['telefon'] ? 'true' : 'false'}
					ref=${el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								/>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="telefon"
					as=${html``}
					/>
							<label for="mf-input-email-6250fd0">
					${ parent.decodeEntities(`E-Mail`) } 					*
				</label>
			<input 
				type="email" 
				defaultValue="" 
				class="mf-input mf-conditional-input" 
				id="mf-input-email-6250fd0" 
				name="mf-email" 
				placeholder="${ parent.decodeEntities(`E-Mail`) } " 
				onBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } 
				ref=${el=> parent.activateValidation({"message":"Dieses Feld ist erforderlich.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)}
							/>
						<${validation.ErrorMessage} 
				errors=${validation.errors} 
				name="mf-email" 
				as=${html``}
			/>
							<label className="mf-input-label" htmlFor="mf-input-select-6fa49cf">
					${ parent.decodeEntities(`Leistungen`) } 					*
				</label>
            <${props.Select}
                className=${"mf-input mf-input-select mf-conditional-input " + ( validation.errors['Leistungen'] ? 'mf-invalid' : '' )}
                classNamePrefix="mf_select"
                name="Leistungen"
                placeholder="${ parent.decodeEntities(`Leistungen`) } "
                isSearchable=${false}
                options=${[{"label":"Professionelle Fahrzeugaufbereitung","value":"Professionelle Fahrzeugaufbereitung","isDisabled":false},{"label":"Lackierung & Spot-Repair","value":"Lackierung & Spot-Repair","isDisabled":false},{"label":"Steinschlagschutzfolie (XPEL PPF)","value":"Steinschlagschutzfolie (XPEL PPF)","isDisabled":false},{"label":"Keramik- & Oberflu00e4chenversiegelung","value":"Keramik- & Oberflu00e4chenversiegelung","isDisabled":false},{"label":"Oldtimer-Restauration","value":"Oldtimer-Restauration","isDisabled":false},{"label":"Detailing & Finish","value":"Detailing & Finish","isDisabled":false},{"label":"Sonstiges","value":"Sonstiges","isDisabled":false}]}
                value=${parent.getValue("Leistungen") ? [{"label":"Professionelle Fahrzeugaufbereitung","value":"Professionelle Fahrzeugaufbereitung","isDisabled":false},{"label":"Lackierung & Spot-Repair","value":"Lackierung & Spot-Repair","isDisabled":false},{"label":"Steinschlagschutzfolie (XPEL PPF)","value":"Steinschlagschutzfolie (XPEL PPF)","isDisabled":false},{"label":"Keramik- & Oberflu00e4chenversiegelung","value":"Keramik- & Oberflu00e4chenversiegelung","isDisabled":false},{"label":"Oldtimer-Restauration","value":"Oldtimer-Restauration","isDisabled":false},{"label":"Detailing & Finish","value":"Detailing & Finish","isDisabled":false},{"label":"Sonstiges","value":"Sonstiges","isDisabled":false}].filter(item => item.value === parent.getValue("Leistungen"))[0] : []}
                onChange=${(e)=> parent.handleSelect(e, "Leistungen")}
                ref=${() => {
				                    register({ name: "Leistungen" }, parent.activateValidation({"message":"Dieses Feld ist erforderlich.","minLength":1,"maxLength":"","type":"none","required":true}));
                    if ( parent.getValue("Leistungen") === '' && false ) {
				    parent.setValue( 'Leistungen', '', true );
                        parent.handleChange({
                            target: {
                                name: 'Leistungen',
                                value: ''
                            }
                        });
                    }
                }}
                />
            				<${validation.ErrorMessage}
					errors=${validation.errors}
					name="Leistungen"
					as=${html``}
					/>
							<label for="mf-input-text-area-6028e0f">
					${ parent.decodeEntities(``) } 					
				</label>
			<textarea id="mf-input-text-area-6028e0f"
				name="Nachricht" 
				placeholder="${ parent.decodeEntities(`Nachricht`) } "
				cols="30" rows="10"
									onInput=${ parent.handleChange }
					aria-invalid=${validation.errors['Nachricht'] ? 'true' : 'false'}
					ref=${ el => parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
								></textarea>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="Nachricht"
					as=${html``}
					/>
					<label>
												<input
							type="checkbox"
							class="mf-input mf-checkbox-input mf-conditional-input"
							name="Datenshutz"
															onInput=${ parent.handleOptin }
								aria-invalid=${validation.errors['Datenshutz'] ? 'true' : 'false'}
								ref=${ el => parent.activateValidation({"message":"Dieses Feld ist erforderlich.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }
														/>
							Ja, ich habe die <a href="https://doubleblackstudio.de/datenschutz">Datenschutzerklärung</a> gelesen und stimme zu.						
					</label>
							<${validation.ErrorMessage}
					errors=${validation.errors}
					name="Datenshutz"
					as=${html``}
					/>
							<button type="submit" id="">
					${ parent.decodeEntities(`ANFRAGE SENDEN`) } 
				</button>