last changes

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

@@ -109,18 +109,21 @@
         }
         .inner-container {
             display: flex;
-
             flex-direction: column;
             justify-content: center;
-            align-items: center;
+            align-items: flex-start;
+            @media @tablet {
+                align-items: center;
+            }
             width: 100%;
             height: fit-content;
 
             .titles {
+                padding: 0 5%;
                 font-weight: normal;
                 h1 {
                     font-size: 2rem;
-                    padding: 10px 0px;
+                    padding: 20px 0px;
                     margin: 10px 0px 20px 0px;
                     line-height: 1;
                     position: relative;
@@ -143,16 +146,17 @@
                     min-width: 0px;
                 }
             }
+            
             @media @tablet {
                 .titles {
                     font-weight: normal;
                     h1 {
-                        font-size: 4rem;
-                        padding: 20px 0px;
+                        font-size: 3.4rem;
+                        padding: 20px 20px;
                         margin: 20px 0px 40px 0px;
                     }
                     h2 {
-                        font-size: 1.6rem;
+                        font-size: 1.5rem;
                     }
                 }
                 .description {

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

@@ -61,7 +61,11 @@
     {#if row.subTitle}
         <h3>{row.subTitle}</h3>
     {/if}
-    <div class="row" class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}">
+    <div
+        class="row"
+        class:normalWrap="{row.flexWrapNormal}"
+        class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}"
+    >
         {#each row?.columns as col}
             <div class="col" class:dominant="{col.contentType == 'iconCycleCircle'}">
                 {#if col?.contentType == "text"}
@@ -130,7 +134,7 @@
             font-size: 2.3rem;
         }
         h1 {
-            font-size: 5rem;
+            font-size: 4rem;
         }
     }
 
@@ -146,6 +150,9 @@
         }
         @media (max-width: 640px) {
             flex-direction: column-reverse;
+            &.normalWrap {
+                flex-direction: column;
+            }
         }
         & > .col {
             &.dominant {