Using tailwind instead of scss as much as possible

src/app/pages/imprint/imprint.component.html

@@ -1,9 +1,9 @@
-<section class="imprint">
-  <mat-card class="imprint-card">
-    <h2 class="imprint-title">{{ 'IMPRINT.TITLE' | translate }}</h2>
+<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="imprint-section">
-      <p class="imprint-label">{{ 'IMPRINT.PARAGRAPH' | translate }}</p>
+    <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 />
@@ -13,8 +13,8 @@
       </p>
     </div>
 
-    <div class="imprint-section">
-      <p class="imprint-label">{{ 'IMPRINT.CONTACT' | translate }}</p>
+    <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">