robin - final version

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

@@ -107,7 +107,7 @@
         align-items: center;
         justify-content: center;
         swiper-container {
-            max-width: 1600px;
+            max-width: 1800px;
         }
         .inner-container {
             display: flex;

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

@@ -13,6 +13,7 @@
     import Text from "../widgets/text.svelte"
     import TextLink from "../widgets/textLink.svelte"
     import TopDown from "../widgets/topDown.svelte"
+    import WorldCard from "../widgets/Worldcard/worldcard.svelte"
     import { rerender } from "../../store"
     import IconCycleCircle from "../widgets/iconCycleCircle.svelte"
     import IconCycleBox from "../widgets/iconCycleBox.svelte"
@@ -91,8 +92,10 @@
                     <Persons col="{col}" pageId="{pageId}" />
                 {:else if col.contentType == "iconCycleCircle"}
                     <IconCycleCircle col="{col}" pageId="{pageId}" />
-                {:else}
+                {:else if col.contentType == "iconCycleSquare"}
                     <IconCycleBox col="{col}" pageId="{pageId}" />
+                {:else if col.contentType == "worldCard"}
+                    <WorldCard col="{col}" pageId="{pageId}" />
                 {/if}
             </div>
         {/each}

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

@@ -46,10 +46,10 @@
         justify-content: flex-start;
         width: 100%;
         position: relative;
-        
+
         overflow-x: hidden;
         gap: 10px;
-       
+
         & > .row {
             padding: 10px;
             padding-top: 80px;
@@ -75,7 +75,7 @@
 
             & > .content {
                 width: 100%;
-                max-width: 1600px;
+                max-width: 1800px;
                 padding: 0px 2.5vw;
                 position: relative;
                 &.bright {