<template>
  <div class="container">
    <h1>{{ $t('legal.imprint') }}</h1>
    <p class="back-home"><router-link to="/">{{ $t('legal.backToHome') }}</router-link></p>
    <section>
      <h2>Diensteanbieter</h2>
      <p>
        Torsten Schulz<br/>
        Friedrich-Stampfer-Str. 21<br/>
        60437 Frankfurt<br/>
        Deutschland
      </p>
    </section>
    <section>
      <h2>Kontakt</h2>
      <p>
        E-Mail: <a href="mailto:tsschulz@tsschulz.de">tsschulz@tsschulz.de</a>
      </p>
    </section>
    <section>
      <h2>Vertretungsberechtigte Person</h2>
      <p>
        Torsten Schulz
      </p>
    </section>
    <section>
      <h2>Umsatzsteuer-ID</h2>
      <p>
        Keine USt-IdNr. vorhanden (privat)
      </p>
    </section>
    <section>
      <h2>Inhaltlich Verantwortlicher</h2>
      <p>
        Torsten Schulz (Anschrift wie oben)
      </p>
    </section>
  </div>
</template>

<script>
export default {
  name: 'Impressum',
};
</script>

<style scoped>
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 1.5rem;
}

h1 {
  margin-bottom: 1rem;
}

section + section {
  margin-top: 1rem;
}

.back-home {
  margin: 0 0 1rem 0;
}
</style>
