fix: correct filtering numbers, text additions, css adaptions

Fix a lot of problems with CSS, Text and filter overview

app/assets/css/blog/article.css

@@ -24,7 +24,7 @@
         padding: 2rem 2rem 0;
     }
 
-    h1 {
+    & h1 {
         font-size: 3rem;
         display: flex;
         flex-direction: column;
@@ -35,7 +35,7 @@
         }
     }
 
-    h2 {
+    & h2 {
         font-size: 2rem;
         font-weight: lighter;
         margin-top: 2rem;
@@ -67,4 +67,24 @@
       font-size: 1.2rem;
       margin-bottom: .5rem;
     }
+}
+
+@media (width <= 500px) {
+  .BlogArticle {
+    & h1 {
+     font-size: 2rem;
+
+      & small {
+        font-size: 1.2rem;
+      }
+   }
+
+    & h2 {
+      font-size: 1.5rem;
+    }
+
+    & p {
+      font-size: 1rem;
+    }
+  }
 }

app/pages/blog/index.vue

@@ -10,7 +10,7 @@
           <NuxtLink class="inline-flex-row gap-sm side" to="/blog">
             <span class="chip"
                   :class="{ 'dark' : route.query.category && Object.keys(allCategoriesAndCount).includes(route.query.category as string)}">Alle {{
-                articles?.length
+                (articles?.length ?? 0) + (externalPosts?.length ?? 0)
               }}</span>
           </NuxtLink>
         </li>