fixes

frontend/src/lib/components/Menu/Menu.svelte

@@ -68,7 +68,7 @@
         top: 110vh;
         left: 0px;
         right: 0px;
-        height: 100vh;
+        height: 100%;
         &.active {
             top: 0px;
         }

frontend/src/lib/components/Pagebuilder/Homepage.svelte

@@ -112,8 +112,10 @@
             flex-direction: column;
             justify-content: center;
             align-items: flex-start;
+            gap: 20px;
             @media @tablet {
                 align-items: center;
+                gap: initial;
             }
             width: 100%;
             height: fit-content;
@@ -123,7 +125,10 @@
                 font-weight: 500;
                 h1 {
                     font-size: 2rem;
-                    padding: 20px 0px;
+                    padding: 10px 0px 0px 0px;
+                    @media @tablet {
+                        padding: 20px 0px;
+                    }
                     margin: 10px 0px 20px 0px;
                     line-height: 1;
                     font-weight: 500;
@@ -131,7 +136,10 @@
                 }
 
                 h2 {
-                    font-size: 1.6rem !important;
+                    font-size: 1rem !important;
+                    @media @tablet {
+                        font-size: 1.6rem !important;
+                    }
                     line-height: 1;
                     font-family: "Libre Franklin", sans-serif;
                     font-weight: 500;

frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte

@@ -39,10 +39,7 @@
 
 {#if Object.keys(row).length}
     {#if row.topTitle}
-        <h3
+        <h3 class="{row.topTitleUpperCase ? 'hph3' : 'nmh3'}" class:red="{row.topTitleRed}">
-            style="{row.topTitleUpperCase ? 'text-transform: uppercase; font-size: 0.7rem;' : 'font-size: 1.6rem'}"
-            class:red="{row.topTitleRed}"
-        >
             {row.topTitle}
         </h3>
     {/if}
@@ -183,4 +180,15 @@
             min-width: 0;
         }
     }
+
+    .hph3 {
+        text-transform: uppercase;
+        font-size: 0.7rem;
+    }
+    .nmh3 {
+        font-size: 1rem;
+        @media @tablet {
+            font-size: 1.6rem;
+        }
+    }
 </style>

frontend/src/lib/components/widgets/Worldcard/card.svelte

@@ -94,7 +94,7 @@
                     gap: 20px;
                     align-items: center;
                     .title {
-                        font-size: min(0.9vw, 14px);
+                        font-size: min(1.6vw, 14px);
                         padding: 2px 5px;
                         text-transform: uppercase;
                         @media @tablet {