index2.html: apply bigger touch targets and fluid spacing to footer links

Mirror the header nav change in the footer: give each footer link
inline-flex padding for a larger tap target and swap the fixed column
gap for a clamp() that widens with the viewport.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: ThomasWaldmann

index2.html

@@ -662,12 +662,20 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  gap: 0.5rem 1.6rem;
+  /* column gap grows with viewport width, like the header nav */
+  gap: 0.5rem clamp(0.6rem, 1.5vw, 1.8rem);
   margin-bottom: 1.6rem;
   font-size: 0.85rem;
   font-weight: bold;
 }
 
+footer .links a {
+  display: inline-flex;
+  align-items: center;
+  /* generous padding for a larger, easier touch target */
+  padding: 0.5rem 0.55rem;
+}
+
 footer .legal { color: var(--text-dim); font-size: 0.72rem; line-height: 1.7; }
 
 /* ---------- reduced motion / no JS ---------- */