{sent ? (

Nachricht eingegangen

Vielen Dank.

Wir haben Ihre Nachricht erhalten und melden uns innerhalb von 5 Werktagen an {form.email || "Ihre E-Mail-Adresse"}.

) : ( <>

Schreiben Sie uns.

Pflichtfelder sind mit * gekennzeichnet.

{e.preventDefault();setSent(true);}}>

set("name",e.target.value)}/>

set("firma",e.target.value)}/>

set("email",e.target.value)}/>

set("nachricht",e.target.value)}
                                    placeholder="Schildern Sie uns Ihr Anliegen kurz und konkret."/>
                        </Field>
                      </div>
                      <div style={{gridColumn:"1/-1"}}>
                        <label className="dlg-chk">
                          <input type="checkbox" required/>
                          <span style={{fontSize:13}}>
                            Ich habe die <a href="#" onClick={e=>{e.preventDefault();onNav("datenschutz");}} style={{color:"var(--dlg-navy-700)"}}>Datenschutzerklärung</a> zur Kenntnis genommen.
                            Meine Angaben werden zur Bearbeitung der Anfrage gespeichert.
                          </span>
                        </label>
                      </div>
                      <div style={{gridColumn:"1/-1",display:"flex",justifyContent:"flex-end",marginTop:8}}>
                        <Button variant="primary" size="md" iconRight="arrowR" type="submit">Nachricht senden</Button>
                      </div>
                    </div>
                  </form>
                </>
              )}
            </Card>

<aside className="dlg-kontakt__side">
              <Card accent>
                <Eyebrow tone="gold">Postanschrift</Eyebrow>
                <div className="dlg-kontakt__addr">
                  <div className="name">Deutsche Legat Gesellschaft<br/>für Zertifizierung mbH</div>
                  <div>Radelandstraße 4<br/>13589 Berlin</div>
                </div>
                <div className="dlg-kontakt__row">
                  <Icon d={Icons.mail} size={14}/>
                  <a href="mailto:info@deutsche-legat.de">info@deutsche-legat.de</a>
                </div>
              </Card>

<Card>
                <Eyebrow tone="navy">Geschäftsführung</Eyebrow>
                <div className="dlg-kontakt__person">
                  <div className="n">Anke Barzik</div>
                  <div className="r">Geschäftsführerin</div>
                </div>
              </Card>

<Card>
                <Eyebrow tone="navy">Bearbeitungszeiten</Eyebrow>
                <ul className="dlg-kontakt__hours">
                  <li><span>Anfragen per E-Mail</span><span>5 Werktage</span></li>
                  <li><span>Antragsprüfung (formal)</span><span>5 Werktage</span></li>
                  <li><span>Vor-Ort-Audit (Termin)</span><span>2–6 Wochen</span></li>
                  <li><span>Zertifikatausstellung</span><span>≤ 14 Tage nach Audit</span></li>
                </ul>
              </Card>
            </aside>
          </div>
        </div>
      </section>
    </div>
  );
};

Object.assign(window, { KontaktScreen });