{config_load file="$language/lang_$language.conf" section="newsletter"}
{config_load file="$language/lang_$language.conf" section="contact_us"}
{config_load file="$language/own_lang_$language.conf" section="contact_us"}

<style>

.long{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
}

.fab{
  color:#38A1F3;
}

.btn{
  text-decoration:none;
  color:#ffffff;
  display:inline-block;
  cursor:pointer;
  padding:20px 40px;
  background-color:#73746c;
  margin:20px;
  border-radius:3px;
  text-align:center;
}
.material-1{
  background-color:#a57e6f;
  color:#ffffff;
}
.material-1:hover{
  animation: ho-1 0.5s ease-in;
  animation-fill-mode:forwards;
}

@keyframes ho-1{
  from{
    background-color:#a57e6f;
  }
  to{
    background-color:#73746c;
    color: #ffffff;
}
}
</style>

<div class="contentHolder row">
    <div class="cl-panel-background-info-red small-12 large-expand columns" style="margin-top: 0px; padding-top: 0px;">
        <div class="container-fluid">
            <div class="small-12 medium-12 columns">
                <div>
                    <p class="cl-panel-header-main" style="margin-top: 15px;">FORMULARE</p>
                    <p class="cl-panel-text">
                        Um den Prozess der Angebotserstellung so einfach wie möglich zu gestalten, bieten wir spezielle Formulare an. Diese Formulare können Sie entweder direkt digital ausfüllen oder alternativ ausdrucken, handschriftlich ausfüllen und anschließend eingescannt an uns zurücksenden. 
                        Bitte senden Sie das ausgefüllte Formular an 
                        <a href="mailto:angebot@fensterbauprofi.de?subject=Anfrage%20Angebot%20%7C%20Fensterbauprofi.de&body=Sehr%20geehrte%20Damen%20und%20Herren,%0D%0A%0D%0Ahiermit%20stelle%20ich%20eine%20Anfrage%20für%20ein%20Angebot.%0D%0A%0D%0A(Bitte%20vollständig%20ausfüllen)%0D%0AName,%20Vorname:%0D%0AStraße:%0D%0AOrt%20+%20PLZ:%0D%0ATelefon:%0D%0AE-Mail:%0D%0A%0D%0AAnmerkungen:%0D%0A________________%0D%0A%0D%0A" 
                           target="_blank"><span style="font-weight: bold;">angebot@fensterbauprofi.de</span></a>.
                    </p>

                    <table class="form-table" style="width: 100%; border-collapse: collapse; margin-top: 20px; table-layout: fixed;">
						<thead>
							<tr>
								<th style="text-align: left; padding: 10px; border-bottom: 2px solid #ccc; width: 20%;">Formular</th>
								<th style="text-align: left; padding: 10px; border-bottom: 2px solid #ccc; width: 60%;">Beschreibung</th>
								<th style="text-align: left; padding: 10px; border-bottom: 2px solid #ccc; width: 20%;">Download</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td style="padding: 10px; border-bottom: 1px solid #eee;"><strong>Formular-M</strong></td>
								<td style="padding: 10px; border-bottom: 1px solid #eee;">Aufmaßformular für Türen und Fenster. Sie können damit die genauen Maße ermitteln, inkl. Skizze und Anmerkungen und uns diese mitteilen.</td>
								<td style="padding: 10px; border-bottom: 1px solid #eee;">
									<a href="https://fensterbauprofi.de/files/pdf/Formular-M.pdf" class="btn material-1" target="_blank">Download Formular-M</a>
								</td>
							</tr>
							<tr>
								<td style="padding: 10px; border-bottom: 1px solid #eee;"><strong>Formular-A</strong></td>
								<td style="padding: 10px; border-bottom: 1px solid #eee;">Angebotsformular für sämtliche Anfragen, inklusive Maße, Typ und gewünschter Eigenschaften.</td>
								<td style="padding: 10px; border-bottom: 1px solid #eee;">
									<a href="https://fensterbauprofi.de/files/pdf/Formular-A.pdf" class="btn material-1" target="_blank">Download Formular-A</a>
								</td>
							</tr>
							<tr>
								<td style="padding: 10px; border-bottom: 1px solid #eee;"><strong>Formular-A1</strong></td>
								<td style="padding: 10px; border-bottom: 1px solid #eee;">Zusatzformular zu Formular-A, falls mehrere Produkte angefragt werden.</td>
								<td style="padding: 10px; border-bottom: 1px solid #eee;">
									<a href="https://fensterbauprofi.de/files/pdf/Formular-A1.pdf" class="btn material-1" target="_blank">Download Formular-A1</a>
								</td>
							</tr>
						</tbody>
					</table>

					<style>
					/* Default Table Style */
					.form-table th, .form-table td {
						text-align: left;
						padding: 10px;
						border-bottom: 1px solid #ccc;
					}

					/* Mobile View */
					@media (max-width: 768px) {
						.form-table thead {
							display: none; /* Hide the header row */
						}
						.form-table tr {
							display: block; /* Make each row block-level for stacking */
							margin-bottom: 20px;
						}
						.form-table td {
							display: block;
							text-align: left;
							border-bottom: none;
							padding: 5px 0;
						}
						.form-table td::before {
							content: attr(data-label);
							font-weight: bold;
							display: block;
							margin-bottom: 5px;
						}
					}
					</style>


                    <p class="cl-panel-text" style="margin-top: 20px;">
                        Sie können uns auch gerne Formular-A und Formular-F als Kombination zusenden, um die Richtigkeit der Daten zu gewährleisten. Alternativ können Sie auch für kurze Anfragen das Kontaktformular unten auf dieser Seite nutzen, um uns Ihr Anliegen schnell und unkompliziert zukommen zu lassen. Wir freuen uns, Ihnen weiterhelfen zu können!
                    </p>
                </div>
            </div>
        </div>
    </div>
	
	<h1>{$CONTACT_HEADING}</h1>
	{if $error_message!=''}
	<div class="center_message_red">{$error_message}</div>
	{/if}

<div class="small-12 medium-12 columns">
	<div class="borderBox">
	{if $success!='1'}
		<h2>Kontaktformular</h2>
		{$FORM_ACTION}
		<label>{#text_name#}{$INPUT_NAME|replace:'type="text"':'type="text"  class=""'}</label>

		<label>{#text_email#}{$INPUT_EMAIL|replace:'type="text"':'type="email" required class="req_input"'}</label>

		<label>{#text_message#}{$INPUT_TEXT|replace:'cols="50"':'cols="21" placeholder="Ich habe folgende Fragen zum Artikel" ' }</label>
		
		{$YES_CAPTCHA}
		<div class="btnafloat" align="left">
					<!-- {$BUTTON_SUBMIT} -->Ihre Daten werden in unserer Kundendatenbank aufgenommen.
			
			<div class="small-12 large-12">
			<a href="/Datenschutzerklaerung-_-2.html" target="_blank" class="float-left">Es gilt unsere Datenschutzerkl&auml;rung</a><br>
			<button class="button float-right" type="submit" border="0" title="Weiter" value="Weiter"><i class="fi-mail size-16"></i> Absenden</button>
			</div>
			
			<span class="clearfix"></span>
		</div>
		</form>
		{else}
		<h2>Nachricht wurde versand</h2>
		<p>{#text_success#}</p>
		{/if}
	</div>
</div>



<div class="small-12 medium-12 columns">
	<div class="borderBox">
	<h2>Service</h2>
	{$CONTACT_CONTENT}
	</div>
</div>