test

frontend/media/arrow-right.svg

@@ -1,3 +1,3 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.634 2.105a.375.375 0 0 0-.52.54l4.138 3.98H1.874a.375.375 0 0 0 0 .75h9.376l-4.136 3.98a.375.375 0 0 0 .52.54l4.713-4.535a.5.5 0 0 0 0-.72L7.634 2.105z" />
+    <path d="M7.634 2.105a.375.375 0 0 0-.52.54l4.138 3.98H1.874a.375.375 0 0 0 0 .75h9.376l-4.136 3.98a.375.375 0 0 0 .52.54l4.713-4.535a.5.5 0 0 0 0-.72L7.634 2.105z" fill="#fff"/>
 </svg>

frontend/src/lib/assets/css/base.less

@@ -24,6 +24,8 @@ ol {
 a {
     text-decoration: none;
     font-weight: 700;
+    color: inherit;
+    font-weight: normal;
 }
 
 /* Tabellen */

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

@@ -21,6 +21,7 @@
     export let row: Row
     export let pageId: string
     export let bright: boolean
+    export let isHP: boolean
 
     function checkNestedPath() {
         const pathSegments = location.pathname.split("/").filter((segment) => segment.length)

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

@@ -45,14 +45,23 @@
     {#if page}
         {#if path == "/"}<Homepage />{/if}
         {#each page.rows as row, i}
-            <div class="row" id="row-{i}">
+            <div
+                class="row"
+                id="row-{i}"
+                style="{path == '/' && i == page.rows.length - 1 ? 'padding-bottom: 300px;' : ''}"
+            >
                 {#if row.row.backgroundImage}
                     <div class="background-image">
                         <img src="{`${apiBaseURL}page/${page.id}/${row.row.backgroundImage?.src}`}" alt="img" />
                     </div>
                 {/if}
                 <div class="content" class:bright="{row.row.backgroundImage}">
-                    <Pagebuilder row="{row.row}" pageId="{page.id}" bright="{!!row.row.backgroundImage}" />
+                    <Pagebuilder
+                        isHP="{path == '/'}"
+                        row="{row.row}"
+                        pageId="{page.id}"
+                        bright="{!!row.row.backgroundImage}"
+                    />
                 </div>
             </div>
         {/each}