<section class="grid gap-fluid-md max-w-app mx-4 mt-auto">
  <mat-card class="p-fluid-md">
    <h2 class="m-0 mb-4 text-[clamp(1rem,3vw,1.2rem)] font-semibold">{{ 'IMPRINT.TITLE' | translate }}</h2>

    <div class="grid gap-1 mb-4">
      <p class="text-xs tracking-[0.04em] uppercase opacity-70 m-0">{{ 'IMPRINT.PARAGRAPH' | translate }}</p>

      <p>
        Andreas Dahm<br />
        Bgm.-Germeier-Str. 2<br />
        85586 Poing<br />
        {{ 'IMPRINT.COUNTRY' | translate }}
      </p>
    </div>

    <div class="grid gap-1 mb-4">
      <p class="text-xs tracking-[0.04em] uppercase opacity-70 m-0">{{ 'IMPRINT.CONTACT' | translate }}</p>
      <p>
        E-Mail:
        <a href="mailto:andreas&#46;dahm&#64;gmail&#46;com">
          andreas&#46;dahm&#64;gmail&#46;com
        </a>
      </p>
    </div>
  </mat-card>
</section>
