refactor: remove unused CSS classes and fix footer link URLs

assets/css/styles.css

@@ -270,9 +270,6 @@
   .inline {
     display: inline;
   }
-  .table {
-    display: table;
-  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -294,9 +291,6 @@
   .h-full {
     height: 100%;
   }
-  .w-3 {
-    width: calc(var(--spacing) * 3);
-  }
   .w-3\/4 {
     width: calc(3/4 * 100%);
   }
@@ -324,9 +318,6 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
-  .border-collapse {
-    border-collapse: collapse;
-  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -398,18 +389,12 @@
   .border-gray-700 {
     border-color: var(--color-gray-700);
   }
-  .bg-blue-500 {
-    background-color: var(--color-blue-500);
-  }
   .bg-blue-500\/40 {
     background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
     }
   }
-  .bg-gray-100 {
-    background-color: var(--color-gray-100);
-  }
   .bg-sf_grau-50 {
     background-color: var(--color-sf_grau-50);
   }
@@ -506,9 +491,6 @@
   .text-sf_blau-500 {
     color: var(--color-sf_blau-500);
   }
-  .text-sf_gelb-400 {
-    color: var(--color-sf_gelb-400);
-  }
   .text-sf_grau-600 {
     color: var(--color-sf_grau-600);
   }
@@ -518,9 +500,6 @@
   .text-white {
     color: var(--color-white);
   }
-  .underline {
-    text-decoration-line: underline;
-  }
   .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -539,10 +518,6 @@
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -830,11 +805,6 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -865,7 +835,6 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
       --tw-duration: initial;
     }
   }

site/snippets/footer.php

@@ -47,11 +47,11 @@
           <path fill="#0d0d0d" fill-rule="evenodd" d="M193.8 49.42c3.74-11.08 9.7-23.25 17.37-32.37-6.4.81-13.75 3.25-18.55 7.66 6.44 8.58-3.49 15.31-15.92 13.33-13.29-2.12-21.73-11.06-6.46-18.18-2.49-7.46-6.56-13.66-11.3-19.85-4.74 6.19-8.82 12.39-11.3 19.85 15.27 7.12 6.82 16.06-6.46 18.18-12.43 1.98-22.36-4.75-15.92-13.33-4.8-4.41-12.16-6.84-18.55-7.66 7.66 9.11 13.62 21.29 17.36 32.36 22.99-4.42 46.76-4.42 69.74 0Zm-8.37-13.12c-2.6.51-5.59.56-8.74.06-3.54-.56-6.74-1.61-9.24-2.98 8.4.19 14.41-4.27 5.89-10.8 2.65-4.43 6.15-7.84 10.06-11.14 2.16 4.65 3.9 9.2 4.44 14.34-8.86 1.97-7.67 6.99-2.42 10.52Zm-35.03-2.92c-2.5 1.37-5.69 2.42-9.24 2.98-3.15.5-6.14.45-8.74-.06 5.25-3.53 6.43-8.54-2.42-10.52.54-5.14 2.29-9.7 4.45-14.34 3.92 3.3 7.41 6.71 10.06 11.14-8.51 6.52-2.51 10.99 5.89 10.8Z"/> 
         </svg> </a>
       <ul class="text-base text-center sm:flex items-center justify-center gap-6 lg:gap-10 xl:gap-14 transition-all duration-500">
-        <li><a href="impressum.html" class="font-sans text-base text-white hover:text-sf_gelb-500">Impressum</a>
+        <li><a href="impressum" class="font-sans text-base text-white hover:text-sf_gelb-500">Impressum</a>
         </li>
-        <li><a href="#" class="font-sans text-base text-white hover:text-sf_gelb-500">Datenschutzerklärung</a>
+        <li><a href="datenschutz" class="font-sans text-base text-white hover:text-sf_gelb-500">Datenschutzerklärung</a>
         </li>
-        <li><a href="satzung.html" class="font-sans text-base text-white hover:text-sf_gelb-500">Satzung</a>
+        <li><a href="satzung" class="font-sans text-base text-white hover:text-sf_gelb-500">Satzung</a>
         </li>
         <li>
           <a href="https://archiv.schachfreunde-badsteben.de/" class="font-sans text-base text-white hover:text-sf_gelb-500" target="_blank">Archiv</a>