© eventverleih-ostalb
[embed]https://form.jotformeu.com/form/80233887568368[/embed]
margin-right: 0;
}
[data-type=control_datetime] span + span + span > span:first-child {
display: block;
width: 100% !important;
}
[data-type=control_birthdate] .form-sub-label-container,
[data-type=control_datetime] span + span + span > span:first-child + span + span,
[data-type=control_time] .form-sub-label-container {
width: 27.3%!important;
margin-right: 6% !important;
}
[data-type=control_birthdate] .form-sub-label-container:last-child,
[data-type=control_time] .form-sub-label-container:last-child {
width: 33.3%!important;
margin-right: 0 !important;
}
.form-pagebreak-back-container,
.form-pagebreak-next-container {
min-height: 1px;
width: 50% !important;
}
.form-pagebreak-back,
.form-pagebreak-next,
.form-product-item.hover-product-item {
width: 100%;
}
.form-pagebreak-back-container {
padding: 0;
text-align: right;
}
.form-pagebreak-next-container {
padding: 0;
text-align: left;
}
.form-pagebreak {
margin: 0 auto;
}
.form-buttons-wrapper {
margin: 0!important;
margin-left: 0!important;
}
.form-buttons-wrapper button {
width: 100%;
}
.form-buttons-wrapper .form-submit-print {
margin: 0 !important;
}
table {
width: 100%!important;
max-width: initial!important;
}
table td + td {
padding-left: 3%;
}
.form-checkbox-item,
.form-radio-item {
white-space: normal!important;
}
.form-checkbox-item input,
.form-radio-item input {
width: auto;
}
.form-collapse-table {
margin: 0 5%;
display: block;
zoom: 1;
width: auto;
}
.form-collapse-table:before,
.form-collapse-table:after {
display: table;
content: '';
line-height: 0;
}
.form-collapse-table:after {
clear: both;
}
.fb-like-box {
width: 98% !important;
}
.form-error-message {
clear: both;
bottom: -10px;
}
.date-separate,
.phone-separate {
display: none;
}
.custom-field-frame,
.direct-embed-widgets,
.signature-pad-wrapper {
width: 100% !important;
}
}
/* | */
/*__INSPECT_SEPERATOR__*/
/* Injected CSS Code */
</style>
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/buttons/form-submit-button-simple_blue.css?3.3.4268"/>
<form class="jotform-form" action="https://submit.jotformeu.com/submit/80022537697359/" method="post" name="form_80022537697359" id="80022537697359" accept-charset="utf-8">
<input type="hidden" name="formID" value="80022537697359" />
<div class="form-all">
<ul class="form-section page-section">
<li id="cid_1" class="form-input-wide" data-type="control_head">
<div class="form-header-group ">
<div class="header-text httal htvam">
<h1 id="header_1" class="form-header" data-component="header">
Anfrageformular
</h1>
<div id="subHeader_1" class="form-subHeader">
Die gekennzeichneten Felder mit * sind Pflichtfelder.
</div>
</div>
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_5">
<label class="form-label form-label-left form-label-auto" id="label_5" for="input_5">
Name:
<span class="form-required">
*
</span>
</label>
<div id="cid_5" class="form-input jf-required">
<input type="text" id="input_5" name="q5_name" data-type="input-textbox" class="form-textbox validate[required]" size="35" value="" data-component="textbox" required="" />
</div>
</li>
<li class="form-line" data-type="control_phone" id="id_6">
<label class="form-label form-label-left form-label-auto" id="label_6" for="input_6_area"> Telefonnummer: </label>
<div id="cid_6" class="form-input">
<div data-wrapper-react="true">
<span class="form-sub-label-container" style="vertical-align:top;">
<input type="tel" id="input_6_area" name="q6_telefonnummer6[area]" class="form-textbox" size="3" value="" data-component="areaCode" />
<span class="phone-separate">
-
</span>
<label class="form-sub-label" for="input_6_area" id="sublabel_area" style="min-height:13px;"> Vorwahl </label>
</span>
<span class="form-sub-label-container" style="vertical-align:top;">
<input type="tel" id="input_6_phone" name="q6_telefonnummer6[phone]" class="form-textbox" size="8" value="" data-component="phone" />
<label class="form-sub-label" for="input_6_phone" id="sublabel_phone" style="min-height:13px;"> Telefonnummer </label>
</span>
</div>
</div>
</li>
<li class="form-line jf-required" data-type="control_email" id="id_3">
<label class="form-label form-label-left form-label-auto" id="label_3" for="input_3">
E-Mail
<span class="form-required">
*
</span>
</label>
<div id="cid_3" class="form-input jf-required">
<input type="email" id="input_3" name="q3_email" class="form-textbox validate[required, Email]" size="40" value="" data-component="email" required="" />
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_8">
<label class="form-label form-label-left form-label-auto" id="label_8" for="input_8">
Veranstaltungsort:
<span class="form-required">
*
</span>
</label>
<div id="cid_8" class="form-input jf-required">
<input type="text" id="input_8" name="q8_veranstaltungsort" data-type="input-textbox" class="form-textbox validate[required]" size="20" value="" data-component="textbox" required="" />
</div>
</li>
<li class="form-line jf-required" data-type="control_datetime" id="id_7">
<label class="form-label form-label-left form-label-auto" id="label_7" for="lite_mode_7">
Veranstaltungsdatum:
<span class="form-required">
*
</span>
</label>
<div id="cid_7" class="form-input jf-required">
<div data-wrapper-react="true">
<div style="display:none;">
<span class="form-sub-label-container" style="vertical-align:top;">
<input class="form-textbox validate[required, limitDate]" id="day_7" name="q7_veranstaltungsdatum[day]" type="tel" size="2" data-maxlength="2" value="" required="" />
<span class="date-separate">
-
</span>
<label class="form-sub-label" for="day_7" id="sublabel_day" style="min-height:13px;"> Tag </label>
</span>
<span class="form-sub-label-container" style="vertical-align:top;">
<input class="form-textbox validate[required, limitDate]" id="month_7" name="q7_veranstaltungsdatum[month]" type="tel" size="2" data-maxlength="2" value="" required="" />
<span class="date-separate">
-
</span>
<label class="form-sub-label" for="month_7" id="sublabel_month" style="min-height:13px;"> Monat </label>
</span>
<span class="form-sub-label-container" style="vertical-align:top;">
<input class="form-textbox validate[required, limitDate]" id="year_7" name="q7_veranstaltungsdatum[year]" type="tel" size="4" data-maxlength="4" value="" required="" />
<label class="form-sub-label" for="year_7" id="sublabel_year" style="min-height:13px;"> Jahr </label>
</span>
</div>
<span class="form-sub-label-container" style="vertical-align:top;">
<input class="form-textbox validate[required, limitDate, validateLiteDate]" id="lite_mode_7" type="text" size="12" data-maxlength="12" value="" required="" data-format="ddmmyyyy" data-seperator="-" placeholder="dd-mm-yyyy" />
<label class="form-sub-label" for="lite_mode_7" id="sublabel_litemode" style="min-height:13px;"> </label>
</span>
<span class="form-sub-label-container" style="vertical-align:top;">
<img alt="Pick a Date" id="input_7_pick" src="https://cdn.jotfor.ms/images/calendar.png" style="vertical-align:middle;" data-component="datetime" />
<label class="form-sub-label" for="input_7_pick" style="min-height:13px;"> </label>
</span>
</div>
</div>
</li>
<li class="form-line" data-type="control_textarea" id="id_4">
<label class="form-label form-label-left form-label-auto" id="label_4" for="input_4"> Sie benötigen: </label>
<div id="cid_4" class="form-input">
<textarea id="input_4" class="form-textarea" name="q4_sieBenotigen4" cols="40" rows="6" data-component="textarea"></textarea>
</div>
</li>
<li class="form-line" data-type="control_button" id="id_2">
<div id="cid_2" class="form-input-wide">
<div style="margin-left:156px;" class="form-buttons-wrapper">
<button id="input_2" type="submit" class="form-submit-button form-submit-button-simple_blue" data-component="button">
Anfrage senden
</button>
</div>
</div>
</li>
<li style="display:none">
Should be Empty:
<input type="text" name="website" value="" />
</li>
</ul>
</div>
<script>
JotForm.showJotFormPowered = "new_footer";
</script>
<input type="hidden" id="simple_spc" name="simple_spc" value="80022537697359" />
<script type="text/javascript">
document.getElementById("si" + "mple" + "_spc").value = "80022537697359-80022537697359";
</script>
<div class="formFooter-heightMask">
</div>
<div class="formFooter">
<a href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=80022537697359&utm_content=jotform_logo&utm_campaign=powered_by_jotform_signup_hp" target="_blank" class="formFooter-logoLink"><img class="formFooter-logo" src="https://cdn.jotfor.ms/assets/img/logo/logo-new@1x.png" alt="" style="height: 44px;"></a>
<div class="formFooter-rightSide">
<span class="formFooter-text">
</span>
<a class="formFooter-button" href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=80022537697359&utm_content=jotform_button&utm_campaign=powered_by_jotform_signup_hp" target="_blank">Create your own JotForm</a>
</div>
</div>
</form>
<script type="text/javascript">JotForm.ownerView=true;</script><script type="text/javascript">JotForm.forwardToEu=true;</script&g