Newsletter Registration

{{#each script}}
  <script src="{{path this}}"></script>
{{/each}}
<script
  src="https://cdn.jsdelivr.net/npm/friendly-challenge@0.8.12/widget.module.min.js"
></script>

<section class="bg-gray-200" id="newsletter-form">
  <div class="container">
    <div class="row justify-content-center pt-2 pb-5">
      <div class="text-left col-sm-12 col-md-8 col-lg-8 col-xl-8">
        <h3 class="wordbreak text-center">Newsletter-Anmeldung
        </h3>
        <div class="content">
          <div class="row justify-content-center py-3">
            <div class="col col-sm-12 col-md-12 col-lg-8 col-xl-8">
              <div class="register compact light">
                <div class="row justify-content-center">
                  <div class="col col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <form
                      action="?formAct#newsletter-thx"
                      method="post"
                      data-validate="true"
                      class="form-group"
                      aria-label="Newsletter form"
                      name="newsletter_newsroom"
                      id="NewsletterRegistrationForm"
                    >
                      <fieldset>
                        <input
                          type="hidden"
                          name="campaign"
                          value="0"
                          class="form-control"
                        />
                        <input
                          type="hidden"
                          name="campaignId"
                          value=""
                          class="form-control"
                        />
                        <input
                          type="hidden"
                          name="sourceOfRegistration"
                          value="newsroom"
                          class="form-control"
                        />
                        <div
                          class="alert alert-danger mb-3 animated bounceIn d-none"
                          id="fillFieldsValid"
                          role="alert"
                        >
                          <p class="mb-0"><i
                              class="icon-solid-exclamation-triangle mr-1"
                            ></i><span>Bitte füllen Sie die markierten Felder
                              korrekt aus.</span></p>
                        </div>
                        <select
                          name="title"
                          class="form-control form-control-lg border-bottom-0 radius-bl-0 radius-br-0"
                          data-mandatory="true"
                          data-ruletype="String"
                          required=""
                          aria-label="Title"
                        >
                          <option value="">Anrede *</option>
                          <option value="2">Herr</option>
                          <option value="1">Frau</option>
                        </select>
                        <div class="form-group">
                          <input
                            type="text"
                            id="aFirstName"
                            name="firstName"
                            class="form-control form-control-lg border-bottom-0 radius-0"
                            data-mandatory="true"
                            data-ruletype="PersonName"
                            required=""
                          />
                          <label
                            class="form-control-placeholder"
                            for="aFirstName"
                          >Vorname *</label>
                        </div>
                        <div class="form-group">
                          <input
                            type="text"
                            id="aName"
                            name="name"
                            class="form-control form-control-lg border-bottom-0 radius-0"
                            data-mandatory="true"
                            data-ruletype="PersonName"
                            required=""
                          />
                          <label
                            class="form-control-placeholder"
                            for="aName"
                          >Name *</label>
                        </div>
                        <div class="form-group">
                          <input
                            type="text"
                            id="eMail"
                            name="mail"
                            class="form-control form-control-lg radius-tl-0 radius-tr-0 radius-bl-0 radius-br-0"
                            data-mandatory="true"
                            data-ruletype="Email"
                            required=""
                          />
                          <label
                            class="form-control-placeholder"
                            for="eMail"
                          >E-Mail *</label>
                        </div>
                        <div
                          class="frc-captcha w-100 d-flex justify-content-center pt-1"
                          data-sitekey="FCMT00JSKVE85ECK"
                          data-lang="de"
                          data-puzzle-endpoint="https://eu-api.friendlycaptcha.eu/api/v1/puzzle"
                          data-solution-field-name="fCaptchaSolution"
                          data-attached="1"
                        ><div class="frc-container">
                            <svg
                              class="frc-icon"
                              role="img"
                              xmlns="http://www.w3.org/2000/svg"
                              height="32"
                              width="32"
                              viewBox="0 0 24 24"
                            ><path
                                d="M17,11c0.34,0,0.67,0.04,1,0.09V6.27L10.5,3L3,6.27v4.91c0,4.54,3.2,8.79,7.5,9.82c0.55-0.13,1.08-0.32,1.6-0.55 C11.41,19.47,11,18.28,11,17C11,13.69,13.69,11,17,11z"
                              ></path><path
                                d="M17,13c-2.21,0-4,1.79-4,4c0,2.21,1.79,4,4,4s4-1.79,4-4C21,14.79,19.21,13,17,13z M17,14.38"
                              ></path></svg>
                            <div class="frc-content">
                              <span
                                class="frc-text"
                              >Anti-Roboter-Verifizierung</span>
                              <button type="button" class="frc-button">Hier
                                klicken</button>
                            </div>
                          </div><span class="frc-banner"><a
                              href="https://friendlycaptcha.com/"
                              rel="noopener"
                              target="_blank"
                            ><b>Friendly</b>Captcha ⇗</a></span>
                          <input
                            name="fCaptchaSolution"
                            class="frc-captcha-solution"
                            type="hidden"
                            value=".UNSTARTED"
                          /></div>
                        <div class="text-center py-2">
                          <small>Alle mit '<strong>*</strong>' markierten Felder
                            sind Pflichtfelder, bitte unbedingt ausfüllen.</small>
                          <br />
                          <button
                            type="submit"
                            onclick="if(window.dataLayer){window.dataLayer.push({'event':'call_to_action', 'event_category':'click_button', 'event_action':'newsletterregistration', 'event_label':'newsroom'});}"
                            name="submit1"
                            class="btn btn-lg btn-block btn-primary my-4"
                            value="Jetzt anmelden"
                          >
                            Jetzt anmelden
                          </button>
                        </div>
                        <div
                          data-article="disclaimerFeature"
                          aria-label="Disclaimer"
                        >
                          <p class="text-left">
                            Mit dem Absenden Ihrer Registrierung bestätigen Sie
                            Ihr Einverständnis mit unseren
                            <a
                              data-toggle="collapse"
                              href="#collapseOne"
                            >Datenschutzrichtlinien</a>.
                          </p>
                          <div id="collapseOne" class="collapse">
                            <h4>Newsletter-Anmeldung:</h4>
                            <br />
                            <p class="text-left">Ihre persönlichen Daten
                              (E-Mailadresse, Name und Vorname) werden für die
                              Informationszusendung von TIMOCOM GmbH an die
                              Datenbank der SC-Networks GmbH (Registergericht:
                              Amtsgericht München, Registernummer: HRB 14 65
                              73), Enzianstr. 2 in 82319 Starnberg
                              weitergegeben. Die SC-Networks GmbH unterwirft
                              sich dem Bundesdatenschutzgesetz, sowie den
                              Weisungen der TIMOCOM GmbH.</p>
                          </div>
                        </div>
                      </fieldset>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>