Overwork of design

components/PublicNews.vue

@@ -1,9 +1,13 @@
 <template>
   <section
-    class="py-16 sm:py-20 bg-white min-h-[32rem]"
+    class="bg-white"
+    :class="news.length === 0 && !isLoading ? 'py-10 sm:py-12' : 'py-16 sm:py-20 min-h-[32rem]'"
   >
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-      <div class="text-center mb-16">
+      <div
+        class="text-center"
+        :class="news.length === 0 && !isLoading ? 'mb-8 sm:mb-10' : 'mb-16'"
+      >
         <h2 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-4">
           Aktuelles
         </h2>
@@ -67,7 +71,7 @@
 
       <div
         v-else
-        class="max-w-xl mx-auto text-center bg-gray-50 border border-gray-200 rounded-xl p-8"
+        class="max-w-xl mx-auto text-center bg-gray-50 border border-gray-200 rounded-xl p-6"
       >
         <p class="text-gray-700 font-semibold mb-2">
           Aktuell keine News
@@ -222,4 +226,3 @@ onUnmounted(() => {
   opacity: 0;
 }
 </style>
-