<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Formular</name><api_version>1.0</api_version><size height='400' width='400' /><server>local://FormCptServer</server><blog en='675' /><gdpr enabled='true' /></metadata><view><content>&lt;div class=&quot;uicf_form&quot;&gt;&lt;form method=&apos;post&apos; action=&apos;#&apos;&gt;
	&lt;h3 class=&quot;font_title_2&quot;&gt;&lt;/h3&gt;
	&lt;div class=&quot;form_content&quot;&gt;
	  &lt;div class=&quot;items_container&quot;&gt;&lt;/div&gt;
	  &lt;div class=&quot;submit_form&quot;&gt;
		  &lt;div class=&apos;item_div uicf_recaptcha_div&apos; uitype=&apos;recaptcha&apos;&gt;&lt;/div&gt;
		  &lt;div class=&quot;component_gdpr_container uicf_gdpr&quot;&gt;&lt;/div&gt;
		  &lt;div style=&quot;text-align: center;&quot;&gt;
		    &lt;span&gt;
		      &lt;button class=&quot;submit-btn site_button cta&quot; type=&quot;submit&quot; /&gt;
		    &lt;/span&gt;
			  &lt;span&gt;
			    &lt;button class=&quot;reset-btn site_button&quot; type=&quot;reset&quot; /&gt;
			  &lt;/span&gt;
		  &lt;/div&gt;
	  &lt;/div&gt;
	&lt;/div&gt;
&lt;/form&gt;&lt;/div&gt;
&lt;div class=&quot;uicf_alert&quot;&gt;
	&lt;div&gt;
		&lt;p class=&quot;uicf_img_ctn&quot;&gt;
			&lt;span class=&apos;fonticon&apos;&gt;&lt;/span&gt;
		&lt;/p&gt;
		&lt;div class=&quot;uicf_textcontainer&quot;&gt;
			&lt;p class=&quot;uicf_ptxt&quot; uitype=&quot;editor&quot; uiname=&quot;alert_html&quot; data-editor_params=&apos;{&quot;disable_align_insertion&quot;: true}&apos;&gt;&lt;/p&gt;
		&lt;/div&gt;
		&lt;div style=&quot;text-align: center; padding: 5px;&quot;&gt;
			&lt;input type=&quot;button&quot; class=&quot;uicf_close_alert site_button&quot; value=&quot;Schließen&quot;/&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
</content><properties><inputText default='"Haupt-Titel des Formulars"' name='main_title' title='Überschrift' /><trigger_view class='example_button_trigger' help='Öffnet ein Fenster, das Ihnen erlaubt, verschiedene Beispiele zu sehen und verwenden (Sie können ihre Konfiguration ansehen).' icon='ui_menu' method='init_examples' text='Laden Sie eine Vorlage' url='/cpt/box_examples' /><!-- Options--><options name='options' sortable='true' title='Verwaltung der Eingaben'><!-- Input  --><option icon='rename' name='input' title='Eingabetext'><inputText default='"Dies ist der Standardtext des Labels (Platzhalter)"' name='label' title='Label' /><checkbox default='true' help='Falls angekreuzt, wird ein Text benötigt' name='required' value='Erforderlich' /><select class='uicf_prop_mask' default='"text"' display='Einfacher Text|E-Mail|URL|Telefonnummer|Anzahl' help='Wählen Sie die Ausrichtung des Menüs' name='mask' title='Typ' values='text|email|url|tel|number' /><select class='uicf_prop_autocomplete' default='"text"' display='Nur Text|Name|Vorname|Straßenadresse|Adresse Linie 1|Adresse Linie 2|Adresse Linie 3|Ort|Ort|Staat|Provinz|Region|Postleitzahl|Name des Landes|E-Mail|Tel.|Url|Sprache|Geburtstag' help='Wählen Sie die &lt;b&gt;Art der Autovervollständigung für dieses Feld&lt;/b&gt; aus: Wenn &lt;b&gt;bestimmte Informationen über die Besucher vom Browser gespeichert wurden&lt;/b&gt;, wird das Feld automatisch ausgefüllt. Das kann das Nutzererlebnis verbessern und wird Ihren Besuchern erlauben, das Formular schneller auszufüllen.' name='autocomplete' title='Autovervollständigung' values='text|name|given-name|street-address|address-line1|address-line2|address-line3|locality|city|state|province|region|postal-code|country-name|email|tel|url|language|bday' /></option><!-- Label  --><option icon='label' name='label' title='Label'><inputText default='"Dies ist der Text Ihres Labels"' name='label' title='Label' /></option><!-- Separator  --><option icon='separator' name='separator' title='Trennzeichen' /><!-- Textarea  --><option icon='textarea' name='textarea' title='Textbereich'><inputText default='"Dies ist der Text Ihres Labels"' name='label' title='Label' /><checkbox default='true' help='Falls angekreuzt, wird ein Text benötigt' name='required' value='Erforderlich' /></option><!-- Upload  --><option icon='upload' name='file' title='Datei hochladen'><inputText default='"Dies ist der Text Ihres Labels"' name='label' title='Label' /><checkbox default='true' help='Falls angekreuzt, wird eine Datei benötigt' name='required' value='Erforderlich' /><select default='"All"' display='All types|Text|Bild|Video|Audio|PDF' help='Wählen Sie die Art von Datumswähler aus ' name='position' values='All|Text|Image|Video|Audio|Pdf' /></option><!-- Multichoice  --><option icon='radio_button_checked' name='choice' title='Multiple-Choice'><inputText default='"Dies ist der Text Ihres Labels"' name='label' title='Label' /><checkbox default='true' help='Falls angekreuzt, wird eine Auswahl benötigt' name='required' value='Erforderlich' /><select default='"select"' display='&#9660; Dropdown-Liste|  &#9675; Einzige Wahl|&#9633; Multiple-Choice' help='Wählen Sie, wie Sie die Auswahlliste anzeigen wollen:&lt;br&gt; &lt;b&gt;Dropdown-Liste:&lt;/b&gt; zeigt ein Multiple-Choice-Feld an&lt;br&gt; &lt;b&gt;Einzige Wahl&lt;/b&gt;: Erlaubt, eine einzige Wahl in einer Liste auszuwählen&lt;br&gt; &lt;b&gt;Multiple-Choice&lt;/b&gt;: Der Benutzer kann verschiedene Optionen auswählen' name='display' title='Anzeigeart' values='select|radio|checkbox' /><trigger_view help='Öffnet ein Fenster, das Ihnen erlaubt, verschiedene Beispiele zu sehen und verwenden (Sie können ihre Konfiguration ansehen).' icon='arrow-right' method='display_panel_option' text='Optionen verwalten' url='/cpt/box_examples' /></option><!-- Address  --><option icon='home' name='address' title='Adresse'><checkbox default='true' help='Falls angekreuzt, wird ein Datum benötigt' name='required' value='Erforderlich' /></option><!-- Sliders --><option icon='sliders' name='slider' title='Anzahl'><inputText default='"Dies ist der Text Ihres Labels"' name='label' title='Label' /><checkbox default='true' help='Falls angekreuzt, wird ein Datum benötigt' name='required' value='Erforderlich' /><numbers default='[0,100,10]' name='slider_opt' titles='Minimum|Maximum|Schritt' /></option><!-- Datepickes  --><option icon='calendar2' name='date' title='Datum, Uhrzeit'><inputText default='"Dies ist der Text Ihres Labels"' name='label' title='Label' /><checkbox default='true' help='Falls angekreuzt, wird ein Datum benötigt' name='required' value='Erforderlich' /><checkbox default='false' help='Wählen Sie, ob Sie eine einfache Eingabe oder einen Kalender anzeigen wollen' name='style' value='Kalenderanzeige' /><select default='"date"' display='Datum|Uhrzeit|Datum und Uhrzeit' help='Wählen Sie die Art von Datumswähler aus&lt;br&gt; &lt;b&gt;Datum&lt;/b&gt; Zeigt einen Datumswähler an (DD/MM/YYYY)&lt;br&gt; &lt;b&gt;Uhrzeit&lt;/b&gt; Zeigt einen Uhrzeit-Wähler an (HH:MM)&lt;br&gt; &lt;b&gt;Beide&lt;/b&gt; Zeigt einen Uhrzeit-Wähler und einen Datumswähler an (DD/MM/YYYY, HH:MM)' name='mask' title='Datum und/oder Uhrzeit' values='date|time|both' /></option></options><inputText default='"E-Mail schicken"' name='submit_text' title='Buttons des Formulars' /><inputText default='"Das Formular zurücksetzen"' name='reset_text' /><trigger help='Die Nachricht ändern, die nach dem Abschicken des Formulars angezeigt wird' icon='apply' method='toggle_view' text='Bestätigungsnachricht' trigger='modify' /><server_manage help='Öffnet ein Fenster, das Ihnen erlaubt, E-Mail-Adressen zu Ihrem SiteW-Konto hinzuzufügen und sie als Ziel dieses Moduls zu konfigurieren, sobald die Website veröffentlicht wird.' icon='art_track' text='Zieladressen' url='/account/manage_emails' /></properties><design_properties><tabs display='Block|Elements'><tab><listType background='transparent' class='list_types' default='"block"' name='label_position' title='Position de Labels' type='form' /><align default='"left"' name='label_alignement' title='Ausrichtung des Labels' with_justify='false' /></tab><tab><trigger_preset class='gtbackdrop_prop_custom' gt_type='backdrop' help='Select a predefined background style' icon='palette' mode='select' name='backdrop_preset' text='Background style' /><trigger_preset class='gttextbox_prop_custom' gt_type='textbox' help='Select a predefined style for the form text fields' icon='palette' mode='select' name='textboxes_preset' text='Text fields&apos; style' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Select a predefined style for the button to submit the form' icon='palette' mode='select' name='send_button_preset' text='Send button style' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Select a predefined style for the button to reset the form' icon='palette' mode='select' name='cancel_button_preset' text='Cancel button style' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Select a predefined style for the button to close the form' icon='palette' mode='select' name='close_button_preset' text='Close button style' /></tab></tabs></design_properties></view><script>UI_List.UI_Form={initialize:function(e){this.cpt=e
;e.setOptions([&quot;locked&quot;,&quot;footer&quot;]);this.node=e.node
;this.examples=[[{type:&quot;type&quot;,text:&quot;Demo-Formular&quot;,
description:&quot;Formular mit allen verf\xfcgbaren Feldern&quot;},{
type:&quot;label&quot;,required:!1,
text:&quot;Dies ist ein Beispiel f\xfcr eine Beschreibung&quot;},{
type:&quot;label&quot;,required:!1,
text:&quot;Sie k\xf6nnen eingeben, was Sie m\xf6chten...&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;E-Mail&quot;,mask:&quot;email&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Telefonnummer&quot;,mask:&quot;tel&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Die URL Ihrer Website&quot;,
mask:&quot;url&quot;},{type:&quot;address&quot;,required:!0},{type:&quot;date&quot;,
required:!0,label:&quot;Geburtsdatum&quot;,mask:&quot;date&quot;,style:!0},{
type:&quot;input&quot;,required:!0,label:&quot;Anzahl-Muster&quot;,mask:&quot;number&quot;},{
type:&quot;file&quot;,required:!0,label:&quot;Eine Datei hochladen&quot;,mask:&quot;all&quot;
},{type:&quot;slider&quot;,required:!0,label:&quot;Anzahl-Muster&quot;,
slider_opt:[0,10,1]},{type:&quot;choice&quot;,required:!0,
display:&quot;select&quot;,label:&quot;Art von Problem&quot;,
options:[&quot;Crash&quot;,&quot;Fehler&quot;,&quot;Verlust&quot;]},{type:&quot;choice&quot;,
required:!1,display:&quot;checkbox&quot;,label:&quot;Vorschlag&quot;,
options:[&quot;Rat&quot;,&quot;Neuigkeiten&quot;,&quot;Verbesserung&quot;]},{type:&quot;choice&quot;,
required:!1,display:&quot;radio&quot;,label:&quot;Art von Problem&quot;,
options:[&quot;Crash&quot;,&quot;Fehler&quot;,&quot;Verlust&quot;]},{type:&quot;textarea&quot;,
required:!1,label:&quot;Ihre Nachricht&quot;,rows:10,cols:50},{
type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt; &lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;40,2 40,14 52,14 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;52,30 52,14 40,2 4,2 4,62 52,62 52,48 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polygon data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 43,49 37,50 38,44 56,26 61,31 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polygon&gt; &lt;/g&gt; &lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Einfaches Kontaktformular&quot;,
description:&quot;Einfaches Kontaktformular, in dem Sie um den Namen, Vornamen und die E-Mail-Adresse des Besuchers, sowie eine Nachricht bitten k\xf6nnen&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!1,label:&quot;Vorname&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;E-Mail&quot;,mask:&quot;email&quot;},{
type:&quot;textarea&quot;,required:!1,label:&quot;Ihre Nachricht&quot;,rows:10,
cols:50},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt; &lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 38,16 62,16 62,58 2,58 2,16 26,16 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M38,20H26V8 c0-3.3,2.7-6,6-6h0c3.3,0,6,2.7,6,6V20z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M20,38L20,38 c-2.2,0-4-1.8-4-4v-2c0-2.2,1.8-4,4-4h0c2.2,0,4,1.8,4,4v2C24,36.2,22.2,38,20,38z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;38&quot; y1=&quot;36&quot; x2=&quot;54&quot; y2=&quot;36&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;38&quot; y1=&quot;44&quot; x2=&quot;48&quot; y2=&quot;44&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M30,48H10v0 c0-3.3,2.7-6,6-6h8C27.3,42,30,44.7,30,48L30,48z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;32&quot; y1=&quot;12&quot; x2=&quot;32&quot; y2=&quot;10&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;/g&gt; &lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Fortgeschrittenes Kontaktformular&quot;,
description:&quot;Fortgeschrittenes Kontaktformular, das erlaubt, weitere Informationen \xfcber die Kunden zu erhalten (Telefonnummer, Geburtsdatum, Nachrichtentyp).&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;input&quot;,required:!0,label:&quot;Vorname&quot;,
mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,label:&quot;Telefonnummer&quot;,
mask:&quot;tel&quot;},{type:&quot;date&quot;,required:!0,label:&quot;Geburtsdatum&quot;,
mask:&quot;date&quot;,style:!0},{type:&quot;choice&quot;,required:!0,
display:&quot;select&quot;,label:&quot;Nachrichtentyp&quot;,
options:[&quot;Verbesserung&quot;,&quot;Bug&quot;,&quot;Gratulation&quot;]},{type:&quot;textarea&quot;,
required:!0,label:&quot;Ihre Nachricht&quot;,rows:4,cols:50},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;40&quot; y1=&quot;14&quot; x2=&quot;62&quot; y2=&quot;14&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;40&quot; y1=&quot;26&quot; x2=&quot;62&quot; y2=&quot;26&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;50&quot; y1=&quot;38&quot; x2=&quot;62&quot; y2=&quot;38&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;50&quot; y1=&quot;50&quot; x2=&quot;62&quot; y2=&quot;50&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M38,55H2v-9.483 c0-3.55,2.328-6.669,5.733-7.677C10.92,36.896,15.208,36,20,36c4.713,0,9.027,0.911,12.25,1.864c3.411,1.008,5.75,4.125,5.75,7.682 V55z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M10,18 c0-5.523,4.477-10,10-10s10,4.477,10,10s-4.477,12-10,12S10,23.523,10,18z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Zufriedenheitsumfrage&quot;,
description:&quot;Mit diesem Formular k\xf6nnen Sie Meinungen \xfcber ein Produkt sammeln.&quot;
},{type:&quot;label&quot;,required:!1,
text:&quot;Hier ist ein Beispiel einer Zufriedenheitsumfrage&quot;},{
type:&quot;textarea&quot;,required:!0,
label:&quot;Was sch\xe4tzen Sie am meisten an unserem neuen Produkt?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Welche \xc4nderung ist am interessantesten, Ihrer Meinung nach, um das Produkt zu verbessern?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Was gef\xe4llt Ihnen am meisten im Vergleich zu Konkurrenzprodukten?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Was sollen wir machen, damit Sie unser neues Produkt gern verwenden?&quot;,
rows:4,cols:35},{type:&quot;choice&quot;,required:!0,display:&quot;radio&quot;,
label:&quot;Wenn unser neues Produkt heute verf\xfcgbar w\xe4re, wie wahrscheinlich w\xfcrden Sie es anderen empfehlen?&quot;,
options:[&quot;Sehr wahrscheinlich&quot;,&quot;Wahrscheinlich&quot;,&quot;Vielleicht&quot;,&quot;Unwahrscheinlich&quot;,&quot;\xdcberhaupt nicht&quot;]
},{type:&quot;choice&quot;,required:!0,display:&quot;checkbox&quot;,
label:&quot;Denken Sie, da\xdf dieses Produkt eine gute Idee ist?&quot;,
options:[&quot;Ja, wirklich!&quot;,&quot;Ja&quot;,&quot;M\xe4\xdfig&quot;,&quot;Nein&quot;,&quot;Absolut nicht&quot;]
},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M14,16 c0-7.732,6.268-14,14-14s14,6.268,14,14s-6.268,16-14,16S14,23.732,14,16z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M40.001,41.006 C36.641,40.405,32.65,40,28,40c-11.14,0-18.494,2.331-22.453,4.087C3.379,45.048,2,47.196,2,49.567V60h26&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;polygon data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 43,60 37,61 38,55 55,38 60,43 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polygon&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Immobilienbewertung&quot;,
description:&quot;Dieses Formular erlaubt den Besuchern, Ihnen Informationen \xfcber ihr Haus zu \xfcbermitteln&quot;
},{type:&quot;label&quot;,required:!1,
text:&quot;Wie sieht Ihre Unterkunft aus?&quot;},{type:&quot;choice&quot;,
display:&quot;radio&quot;,required:!0,
label:&quot;W\xe4hlen Sie einen Unterkunftstyp aus&quot;,
options:[&quot;Haus&quot;,&quot;Eingeschossig&quot;,&quot;Wohnung&quot;,&quot;Villa&quot;]},{
type:&quot;slider&quot;,required:!0,label:&quot;W\xe4hlen Sie einen Preis&quot;,
slider_opt:[0,100,10]},{type:&quot;label&quot;,required:!1,
text:&quot;(Preis zwischen 10 000 und 1 000 000 Euros)&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;file&quot;,required:!0,
label:&quot;Laden Sie Fotos von Ihrem Haus hoch (nur Bilder)&quot;,
mask:&quot;image&quot;},{type:&quot;file&quot;,required:!1,
label:&quot;Laden Sie Ihre letzten Rechnungen hoch&quot;,mask:&quot;audio&quot;},{
type:&quot;file&quot;,required:!0,label:&quot;Andere Dateien hochladen&quot;,
mask:&quot;text&quot;},{type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,
align:&quot;center&quot;,height:&quot;1&quot;},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;10,23.966 10,60 26.001,60 26.001,45 38.001,45 38.001,60 54,60 54,23.966 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polyline data-cap=&quot;butt&quot; data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;12,22.241 12,8 18,8 18,17.069 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;rect data-color=&quot;color-2&quot; x=&quot;26.001&quot; y=&quot;26&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; width=&quot;12&quot; height=&quot;10&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/rect&gt; &lt;polyline fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot;61,30 32,5 3,30 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Buchungsformular&quot;,
description:&quot;Dieses Formular erlaubt Ihnen, die Basisinformationen der Kunden und Details \xfcber ihre gew\xfcnschten Ferien (Daten, Unterkunft, Anzahl von Personen, ...) zu erhalten.&quot;
},{type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;label&quot;,required:!1,
text:&quot;Ihre Kontaktinformationen&quot;},{type:&quot;separator&quot;,width:&quot;50%&quot;,
shade:&quot;noshade&quot;,align:&quot;center&quot;,height:&quot;1&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Vorname&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Adresse&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Postleitzahl&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Ort&quot;,mask:&quot;text&quot;},{type:&quot;choice&quot;,display:&quot;select&quot;,
required:!0,label:&quot;Land&quot;,
options:[&quot;Frankreich&quot;,&quot;Belgien&quot;,&quot;Vereinigte Staaten&quot;]},{
type:&quot;input&quot;,required:!0,label:&quot;E-Mail&quot;,mask:&quot;email&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Telefonnummer&quot;,mask:&quot;tel&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;label&quot;,required:!1,text:&quot;Buchungsanfrage&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;date&quot;,required:!0,
label:&quot;Startdatum des Aufenthalts&quot;,mask:&quot;date&quot;,style:!1},{
type:&quot;date&quot;,required:!0,label:&quot;Ankunftszeit&quot;,mask:&quot;time&quot;,
style:!0},{type:&quot;date&quot;,required:!0,
label:&quot;Enddatum des Aufenthalts&quot;,mask:&quot;date&quot;,style:!1},{
type:&quot;date&quot;,required:!0,label:&quot;Abfahrtszeit&quot;,mask:&quot;time&quot;,
style:!0},{type:&quot;choice&quot;,display:&quot;select&quot;,required:!0,
label:&quot;Unterkunftstyp&quot;,
options:[&quot;Ferienwohnung&quot;,&quot;Wohnung&quot;,&quot;Stadthaus&quot;]},{type:&quot;input&quot;,
required:!0,label:&quot;Anzahl von Personen&quot;,mask:&quot;number&quot;},{
type:&quot;textarea&quot;,required:!0,label:&quot;Hinweis&quot;,rows:4,cols:45},{
type:&quot;choice&quot;,display:&quot;checkbox&quot;,required:!0,label:&quot;&quot;,
options:[&quot;Ich nehme die Allgemeinen Verkaufsbedingungen an&quot;]},{
type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;circle fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; cx=&quot;50&quot; cy=&quot;36&quot; r=&quot;6&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/circle&gt; &lt;circle fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; cx=&quot;14&quot; cy=&quot;36&quot; r=&quot;6&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/circle&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M26,60v-5.965 c0-1.42-0.745-2.726-1.967-3.449C22.088,49.435,18.716,48,14,48c-4.777,0-8.127,1.426-10.052,2.575C2.736,51.299,2,52.601,2,54.013 V60H26z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M62,60v-5.965 c0-1.42-0.745-2.726-1.967-3.449C58.088,49.435,54.716,48,50,48c-4.777,0-8.127,1.426-10.052,2.575 C38.736,51.299,38,52.601,38,54.013V60H62z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;polyline data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 22,14 28,20 42,6 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}]];this.old_size=400;this.recaptcha_original_size=350
;this.convert_type={image:&quot;image/*&quot;,all:&quot;*.*&quot;,audio:&quot;audio/*&quot;,
pdf:&quot;application/pdf&quot;,text:&quot;text/plain&quot;,video:&quot;video/*&quot;}},
add_helper:function(e,t,i,a,n){
var r=$(&apos;&lt;label class=&quot;&apos;+(n?&quot;label_form_nr&quot;:&quot;label_form&quot;)+&apos;&quot;&gt;&apos;).append($(&quot;&lt;span&gt;&quot;).text(t)).appendTo(e)
;$(&quot;&lt;input&gt;&quot;).attr({name:&quot;input&quot;+i,&quot;class&quot;:&quot; uicf_col_md_4&quot;,
type:&quot;text&quot;,autocomplete:a}).appendTo(r);return e},
createForm:function(){var e=this;this.one_required=!1
;var t=this.cpt.data.options,i=$.map(this.cpt.data.options_order,function(e){
return t[e]})
;this.updated_container?this.updated_container.empty():this.updated_container=$(&quot;.items_container&quot;,this.cpt.node)
;this.submit_button=$(&quot;.submit-btn&quot;,this.footer)
;this.reset_button=$(&quot;.reset-btn&quot;,this.footer)
;var a=[],n=function(e){
return $(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;).append(e)},r=function(e,t){
var i=$(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;),a=i
;e.label&amp;&amp;(a=$(&quot;&lt;label class=&apos;label_form&apos;&gt;&quot;).append($(&quot;&lt;span&gt;&quot;).text(e.label)).appendTo(i))
;a.append(t)
;e.required&amp;&amp;i.find(&quot;.label_form &gt; span&quot;).append(&quot;&lt;p class=&apos;label_form_important&apos;&gt;*&lt;/p&gt;&quot;)
;return i};$.each(i,function(t,i){
i.required&amp;&amp;(e.one_required=!0);switch(i.type){case&quot;input&quot;:
var o=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;);o.attr({
name:&quot;input&quot;+a.length,type:i.mask});switch(i.mask){case&quot;tel&quot;:
o.attr(&quot;autocomplete&quot;,&quot;tel&quot;);break;case&quot;email&quot;:
o.attr(&quot;autocomplete&quot;,&quot;email&quot;);break;case&quot;url&quot;:
o.attr(&quot;autocomplete&quot;,&quot;url&quot;)}i.require&amp;&amp;o.attr(&quot;required&quot;,&quot;&quot;)
;e.updated_container.append(r(i,o));break;case&quot;address&quot;:
var s=$(&quot;&lt;div class=&apos;adress_container&apos;&gt;&quot;)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_street&apos;&gt;&quot;),&quot;Stra\xdfe&quot;,a.length+&quot;.0&quot;,&quot;address-line1&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_second_line&apos;&gt;&quot;),&quot;Weitere Einzelheiten&quot;,a.length+&quot;.1&quot;,&quot;address-line2&quot;,!0).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_zip&apos;&gt;&quot;),&quot;Postleitzahl&quot;,a.length+&quot;.4&quot;,&quot;postal-code&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_city&apos;&gt;&quot;),&quot;Ort&quot;,a.length+&quot;.2&quot;,&quot;locality&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_state&apos;&gt;&quot;),&quot;Staat / Provinz / Region&quot;,a.length+&quot;.3&quot;,&quot;administrative-area&quot;,!0).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_country&apos;&gt;&quot;),&quot;Land&quot;,a.length+&quot;.5&quot;,&quot;country-name&quot;).appendTo(s)
;a.push([&quot;Stra\xdfenadresse&quot;,&quot;Adresse Linie 2&quot;,&quot;Ort&quot;,&quot;Staat / Provinz / Region&quot;,&quot;Postleitzahl&quot;,&quot;Land&quot;])
;e.updated_container.append(r(i,s))
;e.updated_container.find(&quot;.adress_fields input&quot;).addClass(&quot;site_textbox&quot;)
;break;case&quot;date&quot;:var l=$(&quot;&lt;div&gt;&quot;)
;e.updated_container.append(r(i,l))
;var p,c={},d=&quot;MM/DD/YYYY&quot;,h=&quot;hh:mm P&quot;;switch(i.mask){
case&quot;date&quot;:c.format=d;c.extraFormats=[d,d.replace(&quot;YYYY&quot;,&quot;YY&quot;)]
;break;case&quot;time&quot;:c.format=h;break;case&quot;both&quot;:c.format=d+&quot; &quot;+h
;c.extraFormats=[d+&quot; &quot;+h,d.replace(&quot;YYYY&quot;,&quot;YY&quot;)+&quot; &quot;+h]
;c.sideBySide=!0}if(i.style)c.inline=i.style;else{
l.append($(&quot;&lt;input type=&apos;text&apos; class=&apos;site_textbox&apos; style=&apos;padding-left:35px;width:90%&apos;/&gt;&quot;))
;l.append($(&quot;&lt;span class=&apos;input-group-addon&apos;&gt;&quot;).append($(&quot;&lt;span class=&apos;fonticon&apos;&gt;&quot;).html($.fn.fonticon(&quot;calendar&quot;))))
;l.addClass(&quot;input-group date&quot;)}
p=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;).attr({type:&quot;hidden&quot;,
name:&quot;input&quot;+a.length,value:l.data(&quot;date&quot;)}).appendTo(l)
;l.datetimepicker(c).on(&quot;dp.change&quot;,function(e){
p.val(e.date.format())});break;case&quot;file&quot;:
var u=$(&quot;&lt;span&gt;&quot;).addClass(&quot;fonticon&quot;),m=$(&quot;&lt;div class=&apos;upload_link&apos;&gt;&quot;).append(u)
;m.append($(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).text(&quot;Eine Datei hinzuf\xfcgen&quot;))
;var f=$(&quot;&lt;div&gt;&quot;).addClass(&quot;file_container&quot;);m.attr({
name:&quot;input&quot;+a.length,href:&quot;&quot;}).appendTo(f)
;u.html($.fn.fonticon(&quot;add&quot;));f.data(&quot;attachments&quot;,[])
;m.click(function(){start_upload=function(){
$.each(this.files,function(t,i){
var a=$(&quot;&lt;div class=&apos;show_file open&apos;&gt;&quot;).appendTo($(f))
;$(&quot;&lt;span class=&apos;fonticon delete_file&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){
var e=f.data(&quot;attachments&quot;);e.slice().each(function(t){
if(t[1]==i){e.remove(t);t[0].abort();a.remove()}})}).appendTo(a)
;$(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).addClass(i.name).text(i.name+&quot; (&quot;+Math.round(i.size/1024/1024*10)/10+&quot;M)&quot;).appendTo(a)
;var n=$(&quot;&lt;span class=percent&gt; 0%&lt;/span&gt;&quot;).appendTo(a),r=new FormData
;r.append(&quot;attachment&quot;,i);f.data(&quot;attachments&quot;).push([$.ajax({
url:&quot;/cpt_contact/upload&quot;,type:&quot;POST&quot;,dataType:&quot;json&quot;,cache:!1,
data:r,timeout:0,processData:!1,contentType:!1,autoretry:!1,
noretry:!0,filename:i.name,progressUpload:function(e){
n.text(&quot; &quot;+Math.max(Math.round(e.loaded/e.total*99)-1,0)+&quot;%&quot;)},
success:function(t){n.text(&quot;100%&quot;);setTimeout(function(){
n.html(&quot; &quot;)},1e3);e.updateCptSize();if(t.error){
alert(sprintf(&quot;Virus gefunden in %1$s. Diese Datei kann nicht verschickt werden.&quot;,i.name))
;var r=f.data(&quot;attachments&quot;);r.slice().each(function(e){
if(e[1]==i){r.remove(e);e[0].abort();a.remove()}})}},
error:function(){}}),i])});$(&quot;.comma:last&quot;,f).remove()
;e.updateCptSize()}
;$(&quot;&lt;input type=file style=&apos;display:none&apos; name=&apos;attachments[]&apos; multiple=1 accept=&apos;&quot;+(e.convert_type[i.position.toLowerCase()||&quot;all&quot;]||&quot;*.*&quot;)+&quot;&apos; onchange=&apos;start_upload.call(this)&apos;&gt;&quot;).appendTo(e.updated_container)[0].click()
;return!1});e.updated_container.append(r(i,f));break
;case&quot;textarea&quot;:
var _=$(&quot;&lt;textarea autocomplete=&apos;&apos; class=&apos;site_textbox&apos;&gt;&quot;)
;_.attr({name:&quot;input&quot;+a.length,rows:i.rows,cols:i.cols})
;e.updated_container.append(r(i,_));break;case&quot;label&quot;:
e.updated_container.append($(&quot;&lt;div class=&apos;item_div label_div&apos;&gt;&quot;).append($(&quot;&lt;label class=&apos;label_div&apos;&gt;&quot;).html(i.label)))
;break;case&quot;choice&quot;:i.display=i.display||&quot;select&quot;
;switch(i.display){case&quot;select&quot;:var k=$(&quot;&lt;select&gt;&quot;);k.attr({
name:&quot;input&quot;+a.length})
;e.updated_container.append(r(i,$(&apos;&lt;div class=&quot;select_style&quot;&gt;&apos;).append(k)))
;$.each(i.options,function(e,t){var i=$(&quot;&lt;option&gt;&quot;);i.attr({
value:t}).text(t);k.append(i)});break;case&quot;checkbox&quot;:
case&quot;radio&quot;:var b=$(&quot;&lt;div&gt;&quot;),g=$.fn.genId(&quot;__&quot;+i.display)
;e.updated_container.append(r(i,b))
;$.each(i.options,function(e,t){
var n=$(&quot;&lt;div&gt;&quot;),r=$(&quot;&lt;input&gt;&quot;),o=$(&quot;&lt;label&gt;&quot;);r.attr({id:g,
name:&quot;input&quot;+a.length,type:i.display,value:t})
;o.text(t).prepend(r);n.append(o);b.append(n)})}break
;case&quot;slider&quot;:
var y=$(&quot;&lt;input&gt;&quot;),x=$(&quot;&lt;input type=&apos;number&apos; class=&apos;lab_slider site_textbox&apos;/&gt;&quot;)
;y.attr({name:&quot;input&quot;+a.length,type:&quot;range&quot;})
;i.slider_opt&amp;&amp;[y,x].each(function(e){e.attr({
max:i.slider_opt[1],min:i.slider_opt[0],step:i.slider_opt[2],
value:(i.slider_opt[0]+i.slider_opt[1])/2})})
;y.change(function(){x.val($(this).val())}).change()
;x.change(function(){y.val($(this).val());$(this).val(y.val())})
;e.updated_container.append(r(i,y));x.insertAfter(y);break
;case&quot;separator&quot;:var v=$(&quot;&lt;hr&gt;&quot;);v.attr({size:i.height,
align:i.align,width:&quot;100%&quot;});i.require&amp;&amp;v.attr(&quot;noshade&quot;,&quot;&quot;)
;e.updated_container.append(n(v))}
&quot;address&quot;!=i.type&amp;&amp;a.push(i.label||&quot;&quot;)});this.setResponsive()
;this.changeAlignement(this.cpt.data.label_alignement)
;this.setStyle(this.cpt.data.label_position)
;this.title.text(this.cpt.data.main_title)
;this.one_required&amp;&amp;this.updated_container.append($(&quot;&lt;span class=&apos;span_form_important&apos;&gt;*: Erforderliche Felder.&lt;/span&gt;&quot;))
;this.uicf_hidden_input_labels.val(JSON.stringify(a)).appendTo(this.form)
;this.updateCptSize()},setResponsive:function(){
if(this.captcha_div.width()&lt;300){
this.formbox.addClass(&quot;uicf_resp&quot;)
;this.captcha_div.css(&quot;min-height&quot;,138)}else{
this.formbox.removeClass(&quot;uicf_resp&quot;)
;this.captcha_div.css(&quot;min-height&quot;,78)}this.updateCptSize()},
show_errors:function(e){var t=this
;t.node.find(&quot;.captcha_error, .other_error&quot;).remove()
;$.each(e,function(e,i){if(&quot;g-recaptcha-response&quot;==e){
$(&quot;&lt;p class=&apos;captcha_error&apos;&gt;&quot;).text(i.value).prependTo(t.footer).css(&quot;color&quot;,&quot;red&quot;)
;t._setRecaptcha();t.updateCptSize()}else if(&quot;other&quot;==e){
$(&quot;&lt;p class=&apos;other_error&apos;&gt;&quot;).insertBefore(t.submit_button).css(&quot;color&quot;,&quot;red&quot;).text(i.value)
;t.updateCptSize()}else{
var a=t.formbox.find(&quot;[name=&apos;&quot;+e+&quot;&apos;]&quot;),n=a.prev()
;switch(i.type){case&quot;date&quot;:
a.prev().prev().addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;click&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();n.css(&quot;color&quot;,&quot;grey&quot;)
});n.css(&quot;color&quot;,&quot;red&quot;);break;case&quot;input&quot;:
a.addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;keydown&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();n.css(&quot;color&quot;,&quot;grey&quot;)
});case&quot;checkbox&quot;:
a.closest(&quot;label&quot;).parent().closest(&quot;label&quot;).css(&quot;color&quot;,&quot;red&quot;).addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;mousedown&quot;,function(){
$(this).css(&quot;color&quot;,&quot;grey&quot;).removeClass(&quot;has_error&quot;).tooltip()})
;case&quot;required&quot;:
a.addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;focus&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();n.css(&quot;color&quot;,&quot;grey&quot;)
});break;default:statusController.message(i,&quot;warning&quot;)}}})},
onDisplay:function(e){var t=this;this.n={
gdpr:e.find(&quot;.component_gdpr_container&quot;)}
;this.title=e.find(&quot;h3&quot;)
;this.formbox=$(&quot;.uicf_form&quot;,this.cpt.node)
;this.form=this.formbox.find(&quot;form&quot;).attr(&quot;name&quot;,$.fn.genId(&quot;__form&quot;))
;this.updated_container=$(&quot;.items_container&quot;,this.form)
;this.footer=$(&quot;.submit_form&quot;,this.form)
;this.captcha_div=this.footer.find(&quot;.uicf_recaptcha_div&quot;)
;this.captcha_div.css(&quot;min-height&quot;,78);this._setRecaptcha()
;this.submit_button=$(&quot;.submit-btn&quot;,this.footer).text(this.cpt.data.submit_text)
;this.reset_button=$(&quot;.reset-btn&quot;,this.footer).text(this.cpt.data.reset_text)
;this.alertbox=$(&quot;.uicf_alert&quot;,this.cpt.node)
;this.alertbox.on(&quot;click&quot;,&quot;.uicf_close_alert&quot;,function(){
editorController.deselect();t.toggleView();t.updateCptSize()})
;this.uicf_ptxt=$(&quot;.uicf_ptxt&quot;,this.node)
;this.fonticon=$(&quot;.uicf_img_ctn .fonticon&quot;,this.node).html($.fn.fonticon(&quot;apply&quot;))
;this.uicf_hidden_input_labels=$(&quot;&lt;input name=&apos;labels&apos; type=&apos;hidden&apos;&gt;&quot;)
;this.cpt.data.options_order||this.setFormSamples(this.examples[1])
;this.createForm(this.cpt.data.form)
;this.cpt.data.alert_html=this.cpt.data.alert_html||&quot;Ihre Nachricht wurde erfolgreich versendet. Vielen Dank.&quot;
;this.uicf_ptxt.append(this.cpt.data.alert_html)
;this.cpt.use_graphical_preset(&quot;button&quot;,[&quot;send_button_preset&quot;,&quot;cancel_button_preset&quot;,&quot;close_button_preset&quot;])
;this.cpt.use_graphical_preset(&quot;textbox&quot;,[&quot;textboxes_preset&quot;])
;this.cpt.use_graphical_preset(&quot;backdrop&quot;,[&quot;backdrop_preset&quot;])
;this.applyPreset();$.extend(this,componentGdpr);this.initGdpr()
;if(&quot;editor&quot;==v.mode){
this.cpt.setData(&quot;label_position&quot;,this.cpt.data.label_position?this.cpt.data.label_position:&quot;block&quot;)
;this.alertbox.on(&quot;click&quot;,function(e){
editorController.resumed&amp;&amp;e.target!=editorController.current_node&amp;&amp;editorController.deselect()
})}setTimeout(function(){
t.form=$(&quot;.uicf_form&quot;,t.cpt.node).find(&quot;form&quot;)
;t.form.on(&quot;submit&quot;,function(e){if(t.testFormGdpr(t.form)){
e.preventDefault();if(t.processing_submit)return!1
;t.processing_submit=!0
;var i=$.Deferred().resolve(),a=$($(this)[0].elements).not(&quot;[name=gdpr_checkbox]&quot;).serializeArray(),n=[]
;$(&quot;.file_container&quot;,t.cpt.node).each(function(e){var t=[]
;(e=$(this)).data(&quot;attachments&quot;).each(function(e){
i=i.then(function(){return e[0]},function(){return e[0]
}).then(function(i){i.error||t.push([e[1].name,e[1].size,i.url])
},function(e,t){
n.push(&quot;Fehler beim versenden vom Dateianhang&quot;+this.filename+&quot; (&quot;+t+&quot;)&quot;)
;return n})});a.push({name:e.find(&quot;.upload_link&quot;).attr(&quot;name&quot;),
value:t})});i.then(function(){t.cpt.ask(a.reduce(function(e,t){
if(e[t.name]){$.isArray(e[t.name])||(e[t.name]=[e[t.name]])
;e[t.name].push(t.value)}else e[t.name]=t.value;return e},{
request:&quot;send_mail&quot;,url:location.href,
timezone:window.Intl?Intl.DateTimeFormat().resolvedOptions().timeZone:null,
gdpr:t.getGdpr(t.n.gdpr)}),function(){t.createForm()
;t.toggleView();t.alertbox.scrollIntoView()
;t.processing_submit=!1
;sigCtl.emit(&quot;UI_Form.sent&quot;,t.cpt.data.main_title)},function(e){
t.show_errors(e)
;sigCtl.emit(&quot;UI_Form.failed&quot;,t.cpt.data.main_title)
;t.processing_submit=!1})});return!1}return!1})},500)},
onPropertyChanged:function(e){
e.include(&quot;submit_text&quot;)&amp;&amp;$(&quot;.submit-btn&quot;,this.cpt.node).text(this.cpt.data.submit_text)
;e.include(&quot;reset_text&quot;)&amp;&amp;$(&quot;.reset-btn&quot;,this.cpt.node).text(this.cpt.data.reset_text)
;if(e.include(&quot;modify&quot;)){editorController.deselect()
;this.toggleView();if(this.alertbox.is(&quot;:visible&quot;)){
editorController.select(this.cpt,$(&quot;[uitype=editor]&quot;,this.alertbox))
;statusController.message(&quot;Die Nachricht \xe4ndern, die nach dem Abschicken des Formulars angezeigt wird&quot;)
}}
e.include(&quot;label_position&quot;)&amp;&amp;this.setStyle(this.cpt.data.label_position)
;e.include(&quot;display_examples&quot;)&amp;&amp;this.init_examples()
;(e.include(&quot;form&quot;)||e.include(&quot;options_order&quot;))&amp;&amp;this.createForm()
;var t=e.find_all(function(e){return e&amp;&amp;e.match(/#mask$/)})
;if(t.length){var i=this;$.each(t,function(e,t){
var a=t.replace(/^[^#]+#(.+?)#mask$/,&quot;$1&quot;),n=$(&quot;#&quot;+a)
;i._loadProperties(n,a)})}
e.include(&quot;label_alignement&quot;)&amp;&amp;this.changeAlignement(this.cpt.data.label_alignement)
;e.include(&quot;main_title&quot;)&amp;&amp;this.title.text(this.cpt.data.main_title)
;(e.include(&quot;send_button_preset&quot;)||e.include(&quot;cancel_button_preset&quot;)||e.include(&quot;close_button_preset&quot;)||e.include(&quot;textboxes_preset&quot;)||e.include(&quot;backdrop_preset&quot;))&amp;&amp;this.applyPreset()
;this.updateCptSize();this._showProp()},_showProp:function(){
var e=$(this.component.propertyNode).add(this.component.propertyDesignNode)
;$(&quot;.gtbutton_prop_custom, .gttextbox_prop_custom, .gtbackdrop_prop_custom&quot;,e).toggle(GraphicalType.available)
},changeAlignement:function(e){
this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)||this.formbox.css(&quot;text-align&quot;,e)
;this.formbox.find(&quot;input, textarea&quot;).css(&quot;text-align&quot;,e)},
_loadProperties:function(e,t){
var i=$(&quot;span.uicf_prop_autocomplete&quot;,e);i=i.add(i.prev())
;&quot;text&quot;==this.cpt.data.options[t].mask?i.show():i.hide()},
setStyle:function(e){
this.formbox.removeClassMatch(/uicf_style_/).addClass(&quot;uicf_style_&quot;+e)
;var t=$(&quot;.label_form, .label_form_nr&quot;,this.cpt.node),i=t.find(&quot;&gt;input[type!=&apos;range&apos;], &gt;textarea&quot;,this.cpt.node)
;t.find(&quot;&gt;span&quot;).removeAttr(&quot;style&quot;)
;&quot;inner&quot;==e&amp;&amp;i.each(function(){
var e=$(this),t=e.parent().find(&quot;&gt;span:first&quot;)
;e.attr(&quot;placeholder&quot;,t.hide().text())})
;&quot;inline&quot;!=e&amp;&amp;&quot;block&quot;!=e||i.each(function(){
$(this).attr(&quot;placeholder&quot;,&quot;&quot;)})
;&quot;inline&quot;==e&amp;&amp;this.updated_container&amp;&amp;this.updated_container.find(&quot;.label_form &gt; span, .label_form_nr &gt; span&quot;).each(function(){
$(this).width($(this).textWidth())})},updateCptSize:function(){
var e=this;e.cpt.setSize({h:1e4});var t=[]
;$(&quot;*&quot;,$(&quot;.UI_Form&quot;)).each(function(){
t.push([this.offsetTop,this.offsetHeight,this.tagName,this.id,this.className])
});e.cpt.setSize({
h:(e.formbox.is(&quot;:visible&quot;)?e.formbox:e.alertbox).outerHeight(!0)
})},onShow:function(){this.updateCptSize()},onSelect:function(){
this.updateGdpr();this._showProp()},onResize:function(){
this.setStyle(this.cpt.node.width()&lt;300&amp;&amp;&quot;inline&quot;==this.cpt.data.label_position?&quot;block&quot;:this.cpt.data.label_position)
},onResizeStop:function(){
this.captcha_div.trigger(&quot;recaptacha:resize&quot;)
;this.updateCptSize();this.setResponsive()},
onFontFamilyUpdate:function(){this.updateCptSize()},
toggleView:function(){this.formbox.toggle()
;this.alertbox.toggle()},updateArray:function(){
array=$.map($(&quot;#list_examples li:not(.removing) input&quot;),function(e){
return $(e).val()})
;this.cpt.setData(&quot;options#&quot;+this.choice_managing+&quot;#options&quot;,array)
;return array},display_panel_option:function(e){
var t,i=e.closest(&quot;.items_container&quot;).attr(&quot;id&quot;)
;$(document).off(&quot;click.uicf_panel_option&quot;).on(&quot;click.uicf_panel_option&quot;,function(e){
if(!($(e.target).hasClass(&quot;sort_btn_choices&quot;)||$(e.target).hasClass(&quot;add_choice_option&quot;)||$(e.target).hasClass(&quot;#design_blocks_wrapper&quot;)||0!=$(e.target).closest(&quot;#design_blocks_wrapper&quot;).length)){
$(&quot;#design_blocks_wrapper&quot;).desactivate()
;$(document).off(&quot;click.uicf_panel_option&quot;)}})
;t=this.cpt.data.options[i].options||[&quot;Erste Option&quot;,&quot;Zweite Option&quot;,&quot;Dritte Option&quot;]
;this.init_choice_manager(t,i)},
init_choice_manager:function(e,t){this.choice_managing=t
;var i=$(&quot;#list_examples&quot;).addClass(&quot;list_form_choices&quot;)
;0!=i.children.length&amp;&amp;i.empty()
;var a=this,n=$(&quot;&lt;ul id=&apos;sortable_choices&apos;&gt;&lt;/ul&gt;&quot;).sortable({
axis:&quot;y&quot;,handle:&quot;.icon_drag&quot;,containment:&quot;parent&quot;,
placeholder:&quot;list_uiform_placeholder&quot;,stop:function(){
e=a.updateArray()}
}),r=$(&quot;&lt;button class=&apos;add_choice_option&apos;&gt;&quot;).append($(&quot;&lt;span class=&apos;fonticon add_choice_btn_icon&apos;&gt;&quot;).html($.fn.fonticon(&quot;add&quot;))).click(function(){
a.addOption(n,&quot;Neue Auswahl&quot;,!0);e=a.updateArray()
}),o=$(&quot;&lt;a href=&apos;#&apos; class=&apos;sort_btn_choices&apos;&gt;&quot;).text(&quot;A-Z&quot;).click(function(){
var i=e.sort(function(e,t){
var i=String(e).toUpperCase(),a=String(t).toUpperCase()
;return i&gt;a?1:i&lt;a?-1:0});a.init_choice_manager(i,t)
;a.updateArray()});$.each(e,function(e,t){a.addOption(n,t)})
;0==$(&quot;#sortable_choices&quot;).length&amp;&amp;i.append(n);i.append(r)
;i.append(o)},addOption:function(e,t,i){
var a=this,n=$(&quot;&lt;li class=&apos;option_state_default&apos;&gt;&quot;),r=$(&quot;&lt;span class=&apos;icon_drag&apos;&gt;&quot;),o=$(&quot;&lt;input class=&apos;option_state_default_input&apos;&gt;&quot;).val(t).change(function(){
a.updateArray()});o.focus(function(){
n.addClass(&quot;option_input_focused&quot;);$(this).select()
}).focusout(function(){n.removeClass(&quot;option_input_focused&quot;)})
;var s=$(&quot;&lt;button class=&apos;fonticon delete&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){
var e=$(this).parent();e.addClass(&quot;removing&quot;)
;setTimeout(function(){e.remove()},500);a.updateArray()})
;n.append(r);n.append(o);n.append(s);e.append(n);i&amp;&amp;o.focus()},
init_examples:function(e){
var t=this.examples,i=$(&quot;&lt;ul id=&apos;ulexamples&apos;&gt;&lt;/ul&gt;&quot;),a=this
;0==i.find(&quot;li&quot;).length&amp;&amp;$.each(t,function(e,t){
var n=$(&quot;&lt;li class=&apos;container_form_example&apos;&gt;&quot;)
;&quot;icon&quot;==t[t.length-1].type&amp;&amp;n.append(&quot;&lt;div class=&apos;example_form_icon&apos;&gt;&quot;+t[t.length-1].val+&quot;&lt;/div&gt;&quot;)
;var r=$(&quot;&lt;div class=&apos;form_example&apos;&gt;&quot;).append($(&quot;&lt;h3&gt;&quot;).html(t[0].text))
;r.append($(&quot;&lt;label&gt;&quot;).html(t[0].description));n.append(r)
;i.append(n);n.on(&quot;click&quot;,function(){
$(&quot;#design_blocks_wrapper&quot;).desactivate();a.setFormSamples(t)
;a.cpt.recreatePropertyNode()})})
;$(document).off(&quot;click.uicf_init_examples&quot;).on(&quot;click.uicf_init_examples&quot;,function(t){
if(!$(t.target).is(e)&amp;&amp;0==$(t.target).closest(&quot;#design_blocks_wrapper&quot;).length){
$(&quot;#design_blocks_wrapper&quot;).desactivate()
;$(document).off(&quot;click.uicf_init_examples&quot;)}})
;0==$(&quot;#ulexamples&quot;).length&amp;&amp;$(&quot;#list_examples&quot;).addClass(&quot;list_examples_form&quot;).prepend(i)
},setFormSamples:function(e){var t=this,i={},a=[]
;$.each(e,function(e,t){if(&quot;type&quot;!=t.type&amp;&amp;&quot;icon&quot;!=t.type){
opt_uid=&quot;opt_&quot;+e;i[opt_uid]=t;a.push(opt_uid)}})
;historyController.offRecords(function(){
t.cpt.setData(&quot;options&quot;,i)})
;historyController.offRecords(function(){
t.cpt.setData(&quot;options_order&quot;,a)})},_setRecaptcha:function(){
this.cpt.component_type.content._convert_recaptcha(this.cpt,this.captcha_div)
},customSetDataCb:function(e,t){(null==e||t)&amp;&amp;this.createForm()
},applyPreset:function(){if(GraphicalType.available){
for(var e=GraphicalType.graphical_types.button.preset_data.prefix,t=[[&quot;send_button_preset&quot;,this.submit_button.parent()],[&quot;cancel_button_preset&quot;,this.reset_button.parent()],[&quot;close_button_preset&quot;,this.uicf_ptxt.parents(&quot;.uicf_alert&quot;).find(&quot;.uicf_close_alert&quot;).parent()]],i=0;i&lt;t.length;i++){
t[i][1].removeClassMatch(new RegExp(e))
;(n=this.cpt.getGTPreset(&quot;button&quot;,t[i][0]))&amp;&amp;t[i][1].addClass(&quot;gtbutton_preset &quot;+e+&quot;_&quot;+n)
}e=GraphicalType.graphical_types.textbox.preset_data.prefix
;var a=this.node.find(&quot;.uicf_form&quot;),n=this.cpt.getGTPreset(&quot;textbox&quot;,&quot;textboxes_preset&quot;)
;a.removeClassMatch(new RegExp(e));n&amp;&amp;a.addClass(e+&quot; &quot;+e+&quot;_&quot;+n)
;e=GraphicalType.graphical_types.backdrop.preset_data.prefix,
n=this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)
;this.form.add(this.cpt.componentBody.find(&quot;.uicf_alert&quot;)).removeClassMatch(new RegExp(e))
;if(n){this.title.addClass(&quot;gt_backdrop_title&quot;)
;this.node.find(&quot;.form_content, .uicf_alert &gt; div&quot;).addClass(&quot;gt_backdrop_content&quot;)
;this.form.add(this.cpt.componentBody.find(&quot;.uicf_alert&quot;)).addClass(e+&quot; &quot;+e+&quot;_&quot;+n)
;this.formbox.css(&quot;padding&quot;,&quot;0&quot;)}else{
this.title.removeClass(&quot;gt_backdrop_title&quot;)
;this.cpt.componentBody.find(&quot;.form_content, .uicf_alert &gt; div&quot;).removeClass(&quot;gt_backdrop_content&quot;)
;this.formbox.css(&quot;padding&quot;,&quot;&quot;)}}}};</script><style>#body .component .uicf_form:not(.gttextbox_preset) .site_textbox.has_error,#body .component .uicf_form:not(.gttextbox_preset) textarea.has_error{background-color:#ffe8e6;color:#db2828;box-shadow:0 0 0 1px #f7a0a0 inset,0 0 0 0 transparent;border:none}
#body .component .uicf_form.gttextbox_preset .site_textbox.has_error,#body .component .uicf_form.gttextbox_preset textarea.has_error{border-color:#db2828;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}
.file_container{padding:5px}
.file_container&gt;div{margin:5px 0}
.UI_Form form:not(.gtbackdrop_preset) h3{text-align:center}
.upload_link{background-color:#fff;border-radius:50px;color:#2572eb;cursor:pointer;display:inline-block;padding:5px;position:relative;transition:background-color .25s ease,color .25s ease}
.upload_link .fonticon{cursor:pointer;display:inline-block;padding:5px}
.upload_link .fonticon .delete_file{color:red}
.upload_link .ul_tb{display:inline-block;max-width:0;overflow:hidden;padding:0;position:relative;top:3px;transition:max-width .25s linear 0s,padding .2s linear 0s;white-space:nowrap}
.upload_link:hover .ul_tb,.upload_link.open .ul_tb{max-width:200px;padding:0 5px}
.show_file{border-radius:50px;cursor:pointer;display:block;max-width:200px;padding:5px;position:relative;transition:background-color .25s ease 0s,color .25s ease 0s}
.show_file .fonticon{cursor:pointer;display:inline-block;padding:5px}
.show_file .fonticon .delete_file{color:red}
.show_file .ul_tb{display:inline-block;max-width:0;overflow:hidden;padding:0;position:relative;top:3px;transition:max-width .25s linear 0s,padding .2s linear 0s;white-space:nowrap;text-overflow:ellipsis}
.show_file:hover .ul_tb,.show_file.open .ul_tb{max-width:135px;padding:0 5px}
.percent{display:inline-block;top:-1px;position:relative}
.uicf_alert{transition:all .3s cubic-bezier(0.25,.8,.25,1);display:none}
.uicf_ptxt{padding:5px}
.uicf_ptxt.ct_invisible{opacity:0}
.uicf_img_ctn .fonticon{font-size:100px;color:green}
.item_div{padding:5px;overflow-y:visible;overflow-x:visible}
.item_div&gt;div{position:relative}
.item_div&gt;div&gt;div{padding:5px 0}
.item_div&gt;select{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#565656;font-size:14px;padding:4px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}
.item_div hr{display:inline-block}
.item_div [type=checkbox],.item_div [type=radio]{margin:2px}
.uicf_form{padding:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.label_form_important{color:red;display:inline}
.span_form_important,.uicf_form .require_info{color:red}
.item_div&gt;select{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#565656;font-size:14px;padding:4px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}
.uicf_form input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.lab_slider),.uicf_form textarea,.uicf_form .fonticon&gt;span{width:100%;box-sizing:border-box}
.uicf_form select{width:100%}
.uicf_style_inline .item_div:not([uitype=recaptcha]):not(hr){width:calc(100% - 10px)}
.uicf_style_inline label:not(.label_div),.uicf_style_inline div.adress_fields{display:table;width:100%}
.uicf_style_inline label:not(.label_div) span,.uicf_style_inline label:not(.label_div) input,.uicf_style_inline div.adress_fields span,.uicf_style_inline div.adress_fields input{display:table-cell;word-wrap:break-word;vertical-align:top}
.uicf_style_inline .file_container{float:right;margin-top:-18px}
.uicf_style_inline label:not(.label_div) span{padding:0 5px;vertical-align:middle}
.uicf_img_ctn{text-align:center}
.uicf_textcontainer{text-align:center}
.uicf_ttltxt{text-align:center}
.uicf_ptxt{text-align:center}
.uicf_img_alt{width:128px;height:128px}
.component .UI_Form .uicf_form .item_div div&gt;.form-control{padding-left:30px}
.item_div [type=checkbox],[type=radio]{margin:2px;vertical-align:middle}
.uicf_form .item_div input.uicf_col_md_4:not([type=checkbox]):not([type=radio]){width:calc(100% - 13px)}
.uicf_form .item_div div.adr_zip{float:left;width:35%}
.uicf_form .item_div div.adr_city{float:right;width:65%}
.uicf_form .item_div div.adr_state{clear:both;float:left;width:50%}
.uicf_form .item_div div.adr_country{float:right;width:50%}
.uicf_form .item_div .date .input-group-addon{height:24px;padding:3px 7px}
.sitew_editor .uicf_ptxt{cursor:pointer}
.sitew_editor .uicf_ptxt:hover{background-color:rgba(0,0,0,.1)}
.uicf_form .item_div input[type=range]{display:inline-block;width:calc(100% - 70px)}
.uicf_form .item_div .lab_slider{display:inline-block;width:65px;height:25px;vertical-align:top;background-color:#fff;text-align:center;padding-top:3px;box-sizing:border-box;border:1px solid #a7a7a7;margin-left:5px}
.item_div.uicf_recaptcha_div{text-align:center}
.item_div.uicf_recaptcha_div div{margin:auto}
.UI_Form .submit_form .site_button:empty{display:none}
.UI_Form .bootstrap-datetimepicker-widget{max-width:250px}
.uicf_form .item_div .site_textbox{outline:0}</style></uidget>