Kontakt
Wir freuen uns auf Ihre Nachricht und stehen Ihnen bei Ihrem Anliegen gerne zur Seite.
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<style>
.honeypot {
position: absolute;
left: -9999px;
top: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
</style>
<form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8&orgId=00DWz00000164wP"
method="POST" class="form-wrapper" id="lead-form">
<!-- Honeypots -->
<div class="honeypot">
<label for="website">Website</label>
<input type="text" id="website" name="website" autocomplete="off" />
<label for="email_confirm">E-Mail bestätigen</label>
<input type="text" id="email_confirm" name="email_confirm" autocomplete="off" />
<label for="user_name">Benutzername</label>
<input type="text" id="user_name" name="user_name" autocomplete="off" />
</div>
<!-- Salesforce Hidden Inputs -->
<input type="hidden" name="oid" value="00DWz00000164wP">
<input type="hidden" name="retURL" value="https://bleistahl.com/?form=success">
<input type="hidden" name="lead_source" value="Website">
<!-- Formularfelder -->
<div class="form-group">
<label for="first_name">Vorname</label>
<input class="form-input" id="first_name" name="first_name" maxlength="40" size="20" type="text" />
</div>
<div class="form-group">
<label for="last_name">Nachname *</label>
<input class="form-input" id="last_name" name="last_name" maxlength="80" size="20" type="text" required />
</div>
<div class="form-group">
<label for="email">Email *</label>
<input class="form-input" id="email" name="email" maxlength="80" size="20" type="email" required />
</div>
<div class="form-group">
<label for="phone">Telefon</label>
<input class="form-input" id="phone" name="phone" maxlength="40" size="20" type="text" />
</div>
<div class="form-group">
<label for="company">Firma *</label>
<input class="form-input" id="company" name="company" maxlength="40" size="20" type="text" required />
</div>
<div class="form-group">
<label for="00NWz000005UJDd">Ihre Nachricht *</label>
<textarea class="form-textarea" id="00NWz000005UJDd" name="00NWz000005UJDd" rows="3" wrap="soft" required></textarea>
</div>
<div class="lead-data-txt">
Ihre Daten verwenden wir ausschließlich für die Bearbeitung Ihrer Anfrage. Weitere Informationen zum Datenschutz finden Sie in unserer
<span class="datenschutz-link">
<a href="https://www.bleistahl.com/datenschutz/" target="_blank" rel="noopener noreferrer">Datenschutzerklärung</a>
</span>.
</div>
<div class="form-group">
<input type="submit" name="submit" class="lead-form-btn" value="SENDEN">
</div>
</form>
<script>
document.getElementById('lead-form').addEventListener('submit', function(event) {
var website = document.getElementById('website').value.trim();
var emailConfirm = document.getElementById('email_confirm').value.trim();
var userName = document.getElementById('user_name').value.trim();
if (website !== '' || emailConfirm !== '' || userName !== '') {
// Bot-Verdacht – verhindere Absenden
event.preventDefault();
alert('Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.'); // Optional: menschlich klingen lassen
}
});
</script>
.lead-form-btn {padding-top: var(--gap-2xs);
padding-right: var(--gap-s);
padding-bottom: var(--gap-2xs);
padding-left: var(--gap-s);
border: 0;
background-color: var(--bricks-color-yirvud);
padding-top: var(--gap-2xs);
padding-right: var(--gap-xs);
padding-bottom: var(--gap-2xs);
padding-left: var(--gap-xs);
border-radius: var(--radius-img);
color: var(--bricks-color-ctsojx);
font-size: var(--font-heading);
font-family: "Titillium Web";
font-weight: 600;}
.lead-form-btn:hover {
background-color: #cecece;
color: black;
}
.form-label{
color: var(--bricks-color-molueo);
font-size: var(--font-heading);
font-family: "Titillium Web";
font-weight: 400;
line-height: 1;
}
.form-group {padding-top: var(--gap-xs);}
.form-label {padding-top: var(--gap-2xs);
padding-bottom: 3px;}
.lead-data-txt {
color: var(--bricks-color-rdypry);
font-size: var(--font-heading);
font-family: "Titillium Web";
font-weight: 400;
}
.form-wrapper {
margin: 0px;
padding: 0px;;
}
.datenschutz-link a {
color: #4fb693;
text-decoration: none;
}<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<style>
.honeypot {
position: absolute;
left: -9999px;
top: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
</style>
<form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8&orgId=00DWz00000164wP"
method="POST" class="form-wrapper" id="lead-form">
<!-- Honeypots -->
<div class="honeypot">
<label for="website">Website</label>
<input type="text" id="website" name="website" autocomplete="off" />
<label for="email_confirm">E-Mail bestätigen</label>
<input type="text" id="email_confirm" name="email_confirm" autocomplete="off" />
<label for="user_name">Benutzername</label>
<input type="text" id="user_name" name="user_name" autocomplete="off" />
</div>
<!-- Salesforce Hidden Inputs -->
<input type="hidden" name="oid" value="00DWz00000164wP">
<input type="hidden" name="retURL" value="https://bleistahl.com/?form=success">
<input type="hidden" name="lead_source" value="Website">
<!-- Formularfelder mit echten Salesforce-Namen -->
<div class="form-group">
<label for="first_name">Vorname</label>
<input class="form-input" id="first_name" name="first_name" maxlength="40" size="20" type="text" />
</div>
<div class="form-group">
<label for="last_name">Nachname *</label>
<input class="form-input" id="last_name" name="last_name" maxlength="80" size="20" type="text" required />
</div>
<div class="form-group">
<label for="email">Email *</label>
<input class="form-input" id="email" name="email" maxlength="80" size="20" type="email" required />
</div>
<div class="form-group">
<label for="phone">Telefon</label>
<input class="form-input" id="phone" name="phone" maxlength="40" size="20" type="text" />
</div>
<div class="form-group">
<label for="company">Firma *</label>
<input class="form-input" id="company" name="company" maxlength="40" size="20" type="text" required />
</div>
<div class="form-group">
<label for="00NWz000005UJDd">Ihre Nachricht *</label>
<textarea class="form-textarea" id="00NWz000005UJDd" name="00NWz000005UJDd" rows="3" wrap="soft" required></textarea>
</div>
<div class="lead-data-txt">
Ihre Daten verwenden wir ausschließlich für die Bearbeitung Ihrer Anfrage. Weitere Informationen zum Datenschutz finden Sie in unserer
<span class="datenschutz-link">
<a href="https://www.bleistahl.com/datenschutz/" target="_blank" rel="noopener noreferrer">Datenschutzerklärung</a>
</span>.
</div>
<div class="form-group">
<input type="submit" name="submit" class="lead-form-btn" value="SENDEN">
</div>
</form>
.lead-form-btn {padding-top: var(--gap-2xs);
padding-right: var(--gap-s);
padding-bottom: var(--gap-2xs);
padding-left: var(--gap-s);
border: 0;
background-color: var(--bricks-color-yirvud);
padding-top: var(--gap-2xs);
padding-right: var(--gap-xs);
padding-bottom: var(--gap-2xs);
padding-left: var(--gap-xs);
border-radius: var(--radius-img);
color: var(--bricks-color-ctsojx);
font-size: var(--font-heading);
font-family: "Titillium Web";
font-weight: 600;}
.lead-form-btn:hover {
background-color: #cecece;
color: black;
}
.form-label{
color: var(--bricks-color-molueo);
font-size: var(--font-heading);
font-family: "Titillium Web";
font-weight: 400;
line-height: 1;
}
.form-group {padding-top: var(--gap-xs);}
.form-label {padding-top: var(--gap-2xs);
padding-bottom: 3px;}
.lead-data-txt {
color: var(--bricks-color-rdypry);
font-size: var(--font-heading);
font-family: "Titillium Web";
font-weight: 400;
}
.form-wrapper {
margin: 0px;
padding: 0px;;
}
.datenschutz-link a {
color: #4fb693;
text-decoration: none;
}