<turbo-stream action="append" target="fullscreen-overlay"><template><div class="fullscreen-overlay login-overlay-wrapper fullscreen-overlay--slide-from-right fullscreen-overlay--backdrop"
  data-controller="fullscreen-overlay"
  data-fullscreen-overlay-backdrop-value="true"
>
  <div class="login-overlay">
    <div class="login-overlay__header">
      <h3 class="login-overlay__title">Anmelden</h3>
      <button type="button" class="login-overlay__close" data-action="fullscreen-overlay#onCloseClicked" aria-label="Schließen">
        <i class="fo-icon fo-close"></i>
      </button>
    </div>
    <div class="login-overlay__body">
      <form data-turbo="false" data-controller="form-validator" class="new_customer" id="loginForm" action="/customers/anmelden" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cxaopkxDXwRY1LqOrbLzACCDyw5nWcQYJ3-0EHOrV7FPYtJVmuKr5DBxs_Gw5pNn-RooH5x6a21v_Wun_KbJCA" autocomplete="off" />
  
  <div class="field-group field-group--large">
    <div class="form-floating">
      <input autocomplete="email" type="email" class="form-control" id="loginEmail" required="required" placeholder="email@email.com" aria-label="E-Mail Eingabe" name="customer[email]" />
      <label for="customer_email">Deine Email-Adresse</label>
    </div>
    <div class="form-floating form-floating--with-password-toggle " data-controller="password-visibility">
  <input class="form-control" required="required" autocomplete="current-password" placeholder="********" aria-label="Passwort Eingabe" data-password-visibility-target="input" id="loginPassword" type="password" name="customer[password]" />
  <label for="customer_password">Passwort</label>
  <button type="button"
          class="password-toggle"
          data-password-visibility-target="toggle"
          data-action="click->password-visibility#toggle"
          data-label-show="Passwort anzeigen"
          data-label-hide="Passwort ausblenden"
          aria-label="Passwort anzeigen"
          title="Passwort anzeigen"
          aria-pressed="false"
          tabindex="-1">
    <i class="fo-icon fo-eye-open" data-password-visibility-target="icon" aria-hidden="true"></i>
  </button>
        <a class="forgot-password-link" href="/customers/passwort/new">Passwort vergessen</a>

</div>

  </div>
  <div class="stay-logged-in">
      <div class="field-group">
        <input name="customer[remember_me]" type="hidden" value="0" autocomplete="off" /><input autocomplete="off" type="checkbox" value="1" name="customer[remember_me]" id="customer_remember_me" />
        <label for="customer_remember_me">Ich will angemeldet bleiben.</label>
      </div>
  </div>
  <div class="fo-checkout__actions cta">
    <button name="button" type="submit" class="btn btn-primary btn-icon-text" data-action="form-validator#validate">
      <i class="fo-icon fo-user"></i>
      <span>Anmelden</span>
</button>  </div>
    <div class="create-new-account">
      <p>Ich habe noch kein Konto</p>
      <a class="btn btn-block btn-secondary" href="/customers/registrieren">Kundenkonto erstellen</a>
    </div>
  <div data-controller="accordion" class="other-payment-accordion">
    <div data-accordion-target="trigger"  data-action="click->accordion#toggle" class="collapsible title">
      <span>
        Ich habe schon bei euch bestellt, aber mit PayPal-Express/Amazon bezahlt
      </span>
    </div>
    <div data-accordion-target="content" class="content">
      <ol>
        <li>
          Klicke oben auf „Passwort vergessen“.
        </li>
        <li>
          Gib auf der nachfolgenden Seite die E-Mail-Adresse ein, die bei deiner  Bestellung mit der Zahlungsmethode hinterlegt wurde, und klicke dann auf „Passwort zusenden“.
        </li>
        <li>
          Anschließend erhältst du eine E-Mail, durch die du ein neues Passwort festlegen kannst. Mit diesem neuen Passwort kannst du dich in deinem Kundenkonto anmelden.
        </li>
      </ol>
    </div>
  </div>
</form>
      <aside class="trust-information">
  <div class="trust-information_column trust-information_column--quote">
    <img alt="Projektleiter der IT" title="Projektleiter der IT" class="trust-person-image" src="/images/frontend/it-trusted.webp" />
    <p>&quot;Ich kaufe selber im Internet. Datenschutz ist mir wichtig! Wir geben keine Daten weiter!&quot;</p>
    <span>Ramon - Head of IT bei felgenoutlet</span>
  </div>
  <div class="trust-information_column">
    <div class="check-container">
        <p><i class="fo-icon fo-garantie-check green"></i>Verschlüsselung per SSL</p>
        <p><i class="fo-icon fo-garantie-check green"></i>Kein Spam, keine Werbung</p>
        <p><i class="fo-icon fo-garantie-check green"></i>Verfolge deine Bestellung</p>
        <p><i class="fo-icon fo-garantie-check green"></i>Einfache Onlinereklamation</p>
    </div>
    <div class="batch-container">
          <img class="ssl-logo" title="Verschlüsselung per SSL" alt="Verschlüsselung per SSL" loading="lazy" src="/images/icons/trust/ssl_midi_de.webp" />

    </div>
  </div>
</aside>

    </div>
  </div>
</div>
</template></turbo-stream>