hidden field and responsive

components/CollectionDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="min-h-[calc(100vh-9rem)] h-fit container mx-auto py-12">
     <h1>{{ data?.title }}</h1>
-    <p>
+    <p v-if="data?.date">
       {{
         new Date(data?.date ?? "").toLocaleString("de-DE", {
           day: "2-digit",

components/Footer.vue

@@ -1,6 +1,6 @@
 <template>
   <div darkgray class="h-48 min-h-fit w-full px-5 py-10 flex-col justify-center items-center flex">
-    <div class="self-stretch py-5 justify-center items-center gap-10 inline-flex">
+    <div class="self-stretch py-5 justify-center items-center gap-4 md:gap-10 inline-flex flex-wrap">
       <NuxtLink v-for="link in footer.links" :key="link.id" :to="link.URL" :target="link.target" class="text-base">
         {{ link.text }}
       </NuxtLink>