diff --git a/api/collections/content.yml b/api/collections/content.yml
index c1a1c30..a23d5a4 100644
--- a/api/collections/content.yml
+++ b/api/collections/content.yml
@@ -138,82 +138,6 @@ meta:
           filter:
               type: block
 
-        - name: helpcenterQuestion
-          label:
-              de: HC Fragen
-              en: HC Questions
-          muiIcon: book-open-page-variant
-          defaultSort:
-              field: insertTime
-              order: DESC
-          setDefault:
-              field: type
-              value: page
-          views:
-              - type: table
-                columns:
-                    - source: active
-                      name: Aktiv
-                      filter: true
-                    - source: name
-                      name: Name
-                      filter: true
-                    - source: path
-                      name: Pfad
-                      filter: true
-          filter:
-              type: helpcenterQuestion
-        - name: Blog
-          label:
-              de: Blog
-              en: Blog
-          muiIcon: book-open-page-variant
-          defaultSort:
-              field: insertTime
-              order: DESC
-          setDefault:
-              field: type
-              value: page
-          views:
-              - type: table
-                columns:
-                    - source: active
-                      name: Aktiv
-                      filter: true
-                    - source: name
-                      name: Name
-                      filter: true
-                    - source: path
-                      name: Pfad
-                      filter: true
-          filter:
-              type: blog
-
-        - name: product
-          label:
-              de: Produkte
-              en: Products
-          muiIcon: book-open-page-variant
-          defaultSort:
-              field: insertTime
-              order: DESC
-          setDefault:
-              field: type
-              value: product
-          views:
-              - type: table
-                columns:
-                    - source: active
-                      name: Aktiv
-                      filter: true
-                    - source: name
-                      name: Name
-                      filter: true
-                    - source: path
-                      name: Pfad
-                      filter: true
-          filter:
-              type: product
 permissions:
     public:
         methods:
@@ -279,21 +203,7 @@ fields:
                       default: "col-6"
                       small: "col-12"
                       large: "col-6"
-    - type: string
-      name: question
-      index: [single]
-      meta:
-          label:
-              de: Frage
-              en: Question
-          dependsOn:
-              eval: $.type == "helpcenterQuestion"
-          containerProps:
-              layout:
-                  size:
-                      default: "col-6"
-                      small: "col-12"
-                      large: "col-6"
+
     - type: string
       name: path
       index: [single]
@@ -305,7 +215,7 @@ fields:
               de: "Ein Pfad sollte mit einem / starten und ohne enden."
               en: "A path should start with a / and end without one."
           dependsOn:
-              eval: $.type == "page" || $.type == "helpcenterQuestion"
+              eval: $.type == "page"
           containerProps:
               layout:
                   size:
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 7f2986b..f4f6bb7 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -2,11 +2,11 @@
     import { onMount } from "svelte"
     import Header from "./lib/components/header/Header.svelte"
     import Footer from "./lib/components/Footer.svelte"
-    import Content from "./routes/Content.svelte"
     import Notifications from "./lib/components/widgets/Notifications.svelte"
     import SSRSkip from "./lib/components/SSRSkip.svelte"
     import { baseURL } from "./config"
     import { isMobile, location, openModal } from "./lib/store"
+    import StaticHomepage from "./routes/StaticHomepage.svelte"
 
     export let url = ""
 
@@ -99,7 +99,7 @@
 <div class="app-shell">
     <Header />
     <main>
-        <Content location={$location} />
+        <StaticHomepage />
     </main>
     <Footer />
 </div>
diff --git a/frontend/src/config.ts b/frontend/src/config.ts
index 3dc69cb..4e47029 100644
--- a/frontend/src/config.ts
+++ b/frontend/src/config.ts
@@ -4,7 +4,7 @@ export const baseURL = `${protocol}//${baseDomain}`
 export const apiBaseURL = "/api/"
 
 export const websiteName = "Kontextwerk"
-export const companyName = "Kontextwerk GmbH"
+export const companyName = "Kontextwerk"
 export const email = "hello@kontextwerk.de"
 export const streetAddress = "Gertrudenstraße 3"
 export const localityAddress = "Hamburg"
diff --git a/frontend/src/lib/components/pagebuilder/Breadcrumbs.svelte b/frontend/src/lib/components/pagebuilder/Breadcrumbs.svelte
new file mode 100644
index 0000000..3f61ce8
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/Breadcrumbs.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { spaLink } from "../../actions"
+    import { navigationCache } from "../../store"
+
+    export let location: LocationStore = undefined
+
+    let paths: string[] = []
+
+    $: if (location?.path?.match(/\/[^\/]+\//)) {
+        let _paths: string[] = []
+        let _p = location.path
+        while (_p || _p.includes("/")) {
+            _paths.push(_p)
+            // remove last part
+            _p = _p.replace(/\/[^\/]+\/?$/, "")
+        }
+        paths = _paths.reverse()
+    } else {
+        paths = []
+    }
+</script>
+
+<!-- only for paths with more levels -->
+{#if paths.length}
+    <nav aria-label="Breadcrumbs" class="breadcrumbs">
+        <div class="container vp-m">
+            <ol>
+                {#each paths as path}
+                    {#if $navigationCache[path]}
+                        <li><a use:spaLink href="{path}">{$navigationCache[path].name}</a></li>
+                    {/if}
+                {/each}
+            </ol>
+        </div>
+    </nav>
+{/if}
diff --git a/frontend/src/lib/components/pagebuilder/ContentBlock.svelte b/frontend/src/lib/components/pagebuilder/ContentBlock.svelte
new file mode 100644
index 0000000..c90efb7
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/ContentBlock.svelte
@@ -0,0 +1,301 @@
+<script lang="ts">
+    import { apiBaseOverride, location } from "../../store"
+    import blocks from "./blocks"
+    import CrinkledSection from "../CrinkledSection.svelte"
+    import MedialibImage from "../widgets/MedialibImage.svelte"
+    import Button from "../widgets/Button.svelte"
+
+    export let block: ContentBlock,
+        apiBase: string = null,
+        verticalPadding = true,
+        noHorizontalMargin = false
+
+    if (apiBase) $apiBaseOverride = apiBase
+    $: blockComponent = blocks[block.type] || blocks.default
+    let scrollTargetContainer: HTMLDivElement
+    let lastAnchor: string
+    $: if (block.anchorId && typeof window !== "undefined") {
+        const targetAnchor = $location.hash
+        if (targetAnchor !== lastAnchor && scrollTargetContainer) {
+            lastAnchor = targetAnchor
+            if (targetAnchor == "#" + block.anchorId) {
+                setTimeout(() => {
+                    scrollTargetContainer.scrollIntoView({ behavior: "instant", block: "start", inline: "nearest" })
+                    setTimeout(() => {
+                        scrollTargetContainer.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" })
+                    }, 600)
+                }, 10)
+            }
+        }
+    }
+</script>
+
+<CrinkledSection activated="{block.crinkledSection || false}">
+    {#if block.anchorId}
+        <!-- position 100px above -->
+        <div style="position:relative;">
+            <div
+                bind:this="{scrollTargetContainer}"
+                style="position: absolute; top: -100px"
+            ></div>
+        </div>
+    {/if}
+    <section
+        class:additionalHeightAtBottom="{block.additionalHeightBottom}"
+        class:headerHeightUp="{block?.background?.headerHeightUp}"
+        data-type="{block.type}"
+        class="content-section minheight-{block?.background?.minHeight} {blockComponent.sectionClass} {block.background
+            ?.color
+            ? block?.background?.color + '-bg'
+            : ''}"
+    >
+        {#if block.background?.image}
+            <div class="background-image">
+                <figure>
+                    <MedialibImage id="{block?.background?.image}" />
+                    {#if block?.background?.overlay}
+                        <div class="overlay"></div>
+                    {/if}
+                </figure>
+            </div>
+        {/if}
+        <section
+            class="content"
+            class:narrowWidth="{block.contentWidth == 1}"
+            class:normalWidth="{block.contentWidth == 2}"
+            class:fullWidth="{block.contentWidth == 0}"
+        >
+            <div
+                class="wrapper"
+                class:noHorizontalMargin="{noHorizontalMargin}"
+                class:noMobileHorizontalMargin="{block?.background?.noHorizontalMargin}"
+                class:verticalPadding="{verticalPadding && !block?.background?.noVerticalPadding}"
+            >
+                {#if block.headline || block.subline}
+                    <div class="headline-row">
+                        <div
+                            class="container bp-xl"
+                            class:darkColor="{!block?.background?.image && block?.background?.color === 'white'}"
+                        >
+                            <!-- Überschrift Element -->
+                            {#if block.headline}
+                                {#if block.headlineH1}
+                                    <h1 class="h2">{block.headline}</h1>
+                                {:else}
+                                    <h2 class:doublyLined="{block.doublyLined}">{block.headline}</h2>
+                                {/if}
+                            {/if}
+                            {#if block.subline}
+                                <h3>{block.subline}</h3>
+                            {/if}
+                        </div>
+                        {#if block?.headlineLink}
+                            <button class="">
+                                <a
+                                    href="{block.headlineLink}"
+                                    class="headline-link"
+                                >
+                                    {block.headlineLinkText}
+                                </a>
+                            </button>
+                        {/if}
+                    </div>
+                {/if}
+
+                <svelte:component
+                    this="{blockComponent.component}"
+                    block="{block}"
+                />
+                <div class="buttons">
+                    {#each block.callToActionButtons || [] as button}
+                        <Button button="{button}" />
+                    {/each}
+                </div>
+            </div>
+        </section>
+    </section>
+</CrinkledSection>
+
+<style lang="less">
+    @import "../../../lib/assets/css/variables.less";
+    .content-section {
+        position: relative;
+        width: 100%;
+        overflow: hidden;
+
+        &.additionalHeightAtBottom {
+            padding-bottom: 3rem;
+        }
+        &.headerHeightUp {
+            margin-top: -86px;
+        }
+        &.minheight-normal {
+            height: 38rem;
+            min-height: 75vh;
+        }
+
+        &.minheight-extended {
+            padding-top: 145px;
+            height: calc(38rem + 145px);
+            min-height: 75vh;
+        }
+        &.homepageRow {
+            height: calc(38rem + 145px + 96px + 96px);
+            max-height: 97vh;
+        }
+        &.chapterPreview {
+            .content {
+                & > .wrapper {
+                    margin: 0px !important;
+                    max-width: 100% !important;
+                    width: 100% !important;
+                }
+            }
+        }
+        &.ImproveYourselfDescription {
+            height: unset;
+            .content {
+                .wrapper {
+                    display: unset !important;
+                }
+            }
+        }
+        .buttons {
+            display: flex;
+            width: 100%;
+            justify-content: flex-start;
+            padding-top: 2.4rem;
+        }
+        & .content {
+            position: relative;
+            z-index: 2;
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .headline-row {
+                width: 100%;
+                display: flex;
+                justify-content: space-between;
+                & > button {
+                    width: fit-content;
+                    white-space: nowrap;
+                    a {
+                        color: var(--white-100);
+                        text-decoration: underline;
+                    }
+                }
+                .container {
+                    width: 100%;
+                    display: flex;
+                    flex-direction: column;
+                    gap: 1.8rem;
+
+                    h2,
+                    h1 {
+                        width: 100%;
+                    }
+                    h2.doublyLined,
+                    h3.doublyLined {
+                        border-top: 1px solid white;
+                        border-bottom: 1px solid white;
+                        padding: 1.2rem 3.6rem;
+                        margin: 1.2rem -3.6rem;
+                        margin-top: 0px;
+                        width: calc(100% + 7.2rem);
+                        font-size: 1.6rem;
+                    }
+                    &.darkColor {
+                        h2,
+                        h1,
+                        h3 {
+                            color: var(--text-invers-100);
+                        }
+                        h2.doublyLined,
+                        h3.doublyLined {
+                            border-top: 1px solid var(--bg-100);
+                            border-bottom: 1px solid var(--bg-100);
+                            padding: 1.2rem 3.6rem;
+                            margin: 1.2rem -3.6rem;
+                            margin-top: 0px;
+                            width: calc(100% + 7.2rem);
+                            font-size: 1.6rem;
+                        }
+                    }
+                    margin-bottom: 2.4rem;
+                }
+            }
+            .wrapper {
+                margin: 0px var(--horizontal-default-margin);
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                width: calc(100% - var(--horizontal-default-margin));
+                max-width: calc(100% - var(--horizontal-default-margin));
+                height: 100%;
+                &.verticalPadding {
+                    padding: var(--vertical-default-margin) 0px;
+                }
+                &.noHorizontalMargin {
+                    margin: 0px;
+                    max-width: 100%;
+                    width: 100%;
+                }
+                &.noMobileHorizontalMargin {
+                    @media @mobile {
+                        margin: 0px;
+                        max-width: 100%;
+                        width: 100%;
+                    }
+                }
+            }
+
+            &.normalWidth {
+                .wrapper {
+                    max-width: var(--normal-max-width);
+                }
+            }
+            &.narrowWidth {
+                .wrapper {
+                    max-width: var(--small-max-width);
+                }
+            }
+        }
+        .background-image {
+            z-index: 1;
+            top: 0px;
+            overflow: hidden;
+            left: 0px;
+            right: 0px;
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            figure {
+                width: 100%;
+                height: 100%;
+                position: relative;
+                .overlay {
+                    position: absolute;
+                    z-index: 100;
+                    background-color: rgba(32, 28, 28, 0.3);
+                    width: 100%;
+                    height: 100%;
+                    top: 0px;
+                    left: 0px;
+                    right: 0px;
+                }
+            }
+        }
+    }
+    :global .background-image > figure > img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+
+    :global .black-bg {
+        background-color: var(--bg-100);
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/DefaultImage.svelte b/frontend/src/lib/components/pagebuilder/DefaultImage.svelte
new file mode 100644
index 0000000..c67a993
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/DefaultImage.svelte
@@ -0,0 +1,126 @@
+<script lang="ts">
+    import { onMount } from "svelte"
+    import { register } from "swiper/element/bundle"
+    import MedialibImage from "../widgets/MedialibImage.svelte"
+    export let images: string[]
+    export let imageHoverEffect: boolean
+    export let forceFullHeight: boolean
+    register(false)
+    let swiper: any
+    onMount(async () => {
+        if (swiper !== undefined) {
+            const response = await fetch("/dist/index.css"),
+                cssText = await response.text(),
+                params = {
+                    injectStyles: [cssText],
+                }
+            Object.assign(swiper, params)
+            swiper.initialize()
+        }
+    })
+</script>
+
+{#if images.length > 1}
+    <div class="default-swiper">
+        <swiper-container
+            bind:this="{swiper}"
+            slides-per-view="1"
+            loop="{true}"
+            direction="horizontal"
+            effect="slide"
+            autoplay-delay="2500"
+            mousewheel="{true}"
+            navigation="{true}"
+            init="{false}"
+            speed="600"
+            class="relative"
+        >
+            {#each images as image (image)}
+                <swiper-slide class="relative">
+                    <div
+                        class:imageHoverEffect="{imageHoverEffect}"
+                        class="image-container"
+                    >
+                        <MedialibImage
+                            id="{image}"
+                            filter="{typeof window !== 'undefined' && window.innerWidth > 500 ? 'xl' : 'm'}"
+                        />
+                    </div>
+                </swiper-slide>
+            {/each}
+        </swiper-container>
+    </div>
+{:else if images[0]}
+    <div
+        class="image-container single flex"
+        class:forceFullHeight="{forceFullHeight}"
+        class:imageHoverEffect="{imageHoverEffect}"
+    >
+        <MedialibImage
+            id="{images[0]}"
+            filter="{typeof window !== 'undefined' && window.innerWidth > 500 ? 'xl' : 'm'}"
+        />
+    </div>
+{/if}
+
+<style lang="less">
+    @import "../../assets/css/variables.less";
+
+    :global .default-swiper {
+        flex: 2 !important;
+        .swiper-button-prev,
+        .swiper-button-next {
+            transform-origin: left;
+            color: #333;
+            transform: scale(0.3);
+            background-color: rgba(255, 255, 255, 0.6);
+            top: 50%;
+            padding: 10px;
+            height: 70px;
+            width: 70px;
+            border-radius: 50px;
+        }
+        .swiper-button-prev {
+            left: 6%;
+        }
+        .swiper-button-next {
+            right: 6%;
+            transform-origin: right;
+        }
+
+        swiper-container {
+            width: 100%;
+            swiper-slide {
+                width: 100% !important;
+            }
+        }
+    }
+
+    .image-container {
+        max-width: 100%;
+        width: 100%;
+        height: 100%;
+
+        overflow: visible;
+        max-width: @body-maxwidth;
+        display: flex;
+        align-items: flex-end;
+        :global &.imageHoverEffect:hover img {
+            transform: scale(1.05);
+            transform-origin: center;
+        }
+        :global & > img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+        }
+        :global &.forceFullHeight img {
+            width: unset;
+        }
+        @media @mobile {
+            :global & > img {
+                height: 90% !important;
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/Loader.svelte b/frontend/src/lib/components/pagebuilder/Loader.svelte
new file mode 100644
index 0000000..81cd48c
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/Loader.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { BarLoader, Circle } from "svelte-loading-spinners"
+    export let size: string,
+        type: "bar" | "circle" = "circle"
+</script>
+
+<div class="{type}">
+    {#if type == "bar"}
+        <BarLoader
+            size="{size}"
+            color="#741e20"
+            unit="rem"
+        />
+    {:else}
+        <Circle
+            size="{size}"
+            color="#741e20"
+            unit="rem"
+        />
+    {/if}
+</div>
+
+<style lang="less">
+    div {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        width: 100%;
+        padding: 2.4rem 0px;
+        &.circle {
+            justify-content: center;
+            align-items: center;
+            height: 100%;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/SEO/Index.svelte b/frontend/src/lib/components/pagebuilder/SEO/Index.svelte
new file mode 100644
index 0000000..756747f
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/SEO/Index.svelte
@@ -0,0 +1,84 @@
+<script lang="ts">
+    import OpenGraph from "./OpenGraph.svelte"
+    import Product from "./Product.svelte"
+    import SchemaOrg from "./SchemaORG.svelte"
+    import { websiteName } from "../../../../config"
+
+    export let article: boolean = false,
+        createdAt: Date = null,
+        updatedAt: Date = null,
+        keywords: string = "",
+        metaDescription: string = "",
+        title: string = "",
+        product: BKDFProduct = null,
+        noIndex = false,
+        active = true,
+        FAQ = false,
+        FAQDetails: {
+            question: string
+            answer: string
+        }[] = []
+
+    let pageTitle: string
+    keywords += ", BinKrassDuFass, BKDF, BinKrassDuFass.de"
+
+    if (title) pageTitle = `${title} - ${websiteName}`
+    else pageTitle = `${websiteName}`
+
+    const openGraphProps = {
+        article,
+        datePublished: createdAt,
+        lastUpdated: updatedAt,
+        metaDescription,
+        pageTitle,
+        product,
+    }
+    const schemaOrgProps = {
+        createdAt,
+        updatedAt,
+        article,
+        description: metaDescription,
+        title: pageTitle,
+        product,
+        FAQ,
+        FAQDetails,
+    }
+</script>
+
+<svelte:head>
+    <title>{pageTitle}</title>
+
+    <meta
+        name="description"
+        content="{metaDescription}"
+    />
+
+    <meta
+        name="keywords"
+        content="{keywords}"
+    />
+
+    <meta
+        property="og:site_name"
+        content="{websiteName}"
+    />
+
+    {#if noIndex || active === false}
+        <meta
+            name="robots"
+            content="noindex, nofollow"
+        />
+    {:else}
+        <meta
+            name="robots"
+            content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"
+        />
+    {/if}
+</svelte:head>
+
+{#if product}
+    <Product product="{product}" />
+{/if}
+<OpenGraph {...openGraphProps} />
+
+<SchemaOrg {...schemaOrgProps} />
diff --git a/frontend/src/lib/components/pagebuilder/SEO/OpenGraph.svelte b/frontend/src/lib/components/pagebuilder/SEO/OpenGraph.svelte
new file mode 100644
index 0000000..c97c165
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/SEO/OpenGraph.svelte
@@ -0,0 +1,130 @@
+<script lang="ts">
+    import { baseURL, companyName } from "../../../../config"
+    import { location } from "../../../store"
+    export let article: boolean = false
+    export let datePublished: Date | null
+    export let lastUpdated: Date | null
+    export let metaDescription: string | null
+    export let pageTitle: string | null
+    export let product: BKDFProduct
+</script>
+
+<svelte:head>
+    <meta
+        property="og:locale"
+        content="{'de_DE'}"
+    />
+    <meta
+        property="og:url"
+        content="{$location.url}"
+    />
+    <meta
+        property="og:type"
+        content="{article ? 'article' : 'website'}"
+    />
+    <meta
+        property="og:title"
+        content="{pageTitle}"
+    />
+    <meta
+        property="og:description"
+        content="{metaDescription}"
+    />
+    {#if product}
+        <meta
+            property="og:image"
+            content="{product.featuredImage?.url}"
+        />
+        <meta
+            property="og:image:width"
+            content="{String(product.featuredImage?.width)}"
+        />
+        <meta
+            property="og:image:height"
+            content="{String(product.featuredImage?.height)}"
+        />
+        <meta
+            property="og:image:alt"
+            content="{product.title}"
+        />
+        <!-- Twitter Card Tags for Product -->
+        <meta
+            name="twitter:card"
+            content="summary_large_image"
+        />
+        <meta
+            name="twitter:title"
+            content="{pageTitle}"
+        />
+        <meta
+            name="twitter:description"
+            content="{metaDescription}"
+        />
+        <meta
+            name="twitter:image"
+            content="{product.featuredImage?.url}"
+        />
+        <meta
+            name="twitter:image:alt"
+            content="{product.title}"
+        />
+    {:else}
+        <meta
+            property="og:image"
+            content="{baseURL}/api/_/assets/logo/logo-blue.svg"
+        />
+        <meta
+            property="og:image:width"
+            content="576"
+        />
+        <meta
+            property="og:image:height"
+            content="158"
+        />
+        <meta
+            property="og:image:alt"
+            content="BinKrassDuFass Logo"
+        />
+
+        <!-- Twitter Card Tags for Default -->
+        <meta
+            name="twitter:card"
+            content="summary_large_image"
+        />
+        <meta
+            name="twitter:title"
+            content="{pageTitle}"
+        />
+        <meta
+            name="twitter:description"
+            content="{metaDescription}"
+        />
+        <meta
+            name="twitter:image"
+            content="{baseURL}/api/_/assets/logo/logo-blue.svg"
+        />
+        <meta
+            name="twitter:image:alt"
+            content="BinKrassDuFass Logo"
+        />
+    {/if}
+
+    {#if article}
+        <meta
+            property="article:publisher"
+            content="{companyName}"
+        />
+        <meta
+            property="article:author"
+            content="{companyName}"
+        />
+        <meta
+            property="article:published_time"
+            content="{datePublished?.toISOString()}"
+        />
+        <meta
+            property="article:modified_time"
+            content="{lastUpdated?.toISOString()}"
+        />
+    {/if}
+</svelte:head>
diff --git a/frontend/src/lib/components/pagebuilder/SEO/Product.svelte b/frontend/src/lib/components/pagebuilder/SEO/Product.svelte
new file mode 100644
index 0000000..40d259b
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/SEO/Product.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+    import { location } from "../../../store"
+    export let product: BKDFProduct
+</script>
+
+<svelte:head>
+    <link rel="canonical" href="{$location.url}" />
+
+    <meta property="product:brand" content="BinKrassDuFass" />
+
+    <meta property="product:name" content="{product.title}" />
+
+    <meta property="product:price:amount" content="{String(product.priceRange.minVariantPrice.amount)}" />
+
+    <meta property="product:price:currency" content="{product.priceRange.minVariantPrice.currencyCode}" />
+</svelte:head>
diff --git a/frontend/src/lib/components/pagebuilder/SEO/SchemaORG.svelte b/frontend/src/lib/components/pagebuilder/SEO/SchemaORG.svelte
new file mode 100644
index 0000000..de26676
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/SEO/SchemaORG.svelte
@@ -0,0 +1,224 @@
+<script lang="ts">
+    import {
+        baseURL,
+        socialIcons,
+        websiteName,
+        streetAddress,
+        regionAddress,
+        zipCode,
+        countryAddress,
+        localityAddress,
+        email,
+    } from "../../../../config"
+    import { location } from "../../../store"
+    export let createdAt: Date | string = new Date(),
+        updatedAt: Date | string = new Date(),
+        article = false,
+        blog = false,
+        FAQ = false,
+        FAQDetails: {
+            question: string
+            answer: string
+        }[] = [],
+        metaDescription = "",
+        title = "",
+        product: BKDFProduct
+
+    createdAt = new Date(createdAt).toLocaleDateString("de-DE", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+    })
+    updatedAt = new Date(updatedAt).toLocaleDateString("de-DE", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+    })
+
+    const defaultProps = {
+        author: {
+            "@id": `${baseURL}/#company`,
+        },
+        publisher: {
+            "@id": `${baseURL}/#company`,
+        },
+        inLanguage: {
+            "@type": "Language",
+            name: "German",
+        },
+        datePublished: createdAt,
+        dateModified: updatedAt,
+        isPartOf: {
+            "@id": `${baseURL}/#website`,
+        },
+    }
+
+    const schemaOrgEntity = {
+        "@type": ["Store", "Organization"],
+        "@id": `${baseURL}/#company`,
+        name: websiteName,
+        url: baseURL,
+        email,
+        address: {
+            "@type": "PostalAddress",
+            streetAddress,
+            addressLocality: localityAddress,
+            addressRegion: regionAddress,
+            postalCode: zipCode,
+            addressCountry: countryAddress,
+        },
+        image: {
+            "@type": "ImageObject",
+            "@id": `${baseURL}/#image`,
+            inLanguage: {
+                "@type": "Language",
+                name: "German",
+            },
+            contentUrl: `${baseURL}/api/_/assets/logo/logo-blue.svg`,
+            width: 576,
+            height: 158,
+            caption: "BinKrassDuFass Logo",
+        },
+        logo: {
+            "@type": "ImageObject",
+            "@id": `${baseURL}/#logo`,
+            url: baseURL,
+            contentUrl: `${baseURL}/api/_/assets/logo/logo-blue.svg`,
+            caption: "BinKrassDuFass Logo",
+            inLanguage: {
+                "@type": "Language",
+                name: "German",
+            },
+        },
+        priceRange: "$$",
+        location: {
+            "@id": location,
+        },
+        sameAs: [Object.values(socialIcons)],
+    }
+
+    const schemaOrgWebsite = {
+        "@type": "WebSite",
+        "@id": `${baseURL}/#website`,
+        url: baseURL,
+        name: "BKDF",
+        description: "BinKrassDuFass Online Store",
+        ...defaultProps,
+    }
+
+    const schemaOrgWebPage = {
+        "@type": "WebPage",
+        "@id": `${$location.url}#webpage`,
+        url: $location.url,
+        name: title,
+        ...defaultProps,
+        description: metaDescription,
+
+        potentialAction: [
+            {
+                "@type": "ReadAction",
+                target: [$location.url],
+            },
+        ],
+    }
+
+    let schemaOrgArticle = null
+    if (article || blog) {
+        schemaOrgArticle = {
+            "@type": "Article",
+            "@id": `${$location.url}#article`,
+            headline: title,
+            description: metaDescription,
+            ...defaultProps,
+            articleSection: ["blog"],
+        }
+    }
+
+    let schemaOrgBlog = null
+    if (blog) {
+        schemaOrgBlog = {
+            "@type": "BlogPosting",
+            "@id": `${$location.url}#blog`,
+            headline: title,
+            description: metaDescription,
+            ...defaultProps,
+        }
+    }
+
+    let schemaOrgFAQ = null
+    if (FAQ) {
+        schemaOrgFAQ = {
+            "@type": "FAQPage",
+            "@id": `${$location.url}#faq`,
+            ...defaultProps,
+            mainEntity: FAQDetails.map((faq) => ({
+                "@type": "Question",
+                name: faq.question,
+                acceptedAnswer: {
+                    "@type": "Answer",
+                    text: faq.answer,
+                },
+            })),
+        }
+    }
+
+    let schemaOrgProduct = null
+    if (product)
+        schemaOrgProduct = {
+            "@context": "http://schema.org/",
+            "@type": "Product",
+            "@id": `${$location.url}/#product`,
+            ...defaultProps,
+            image: {
+                url: product.images[0]?.url,
+                caption: product.images[0]?.altText,
+            },
+            name: product.title,
+            description: product.description,
+            sku: product.sku,
+            brand: "BinKrassDuFass",
+            category: product.categories[0]?.name,
+            mainEntityOfPage: {
+                "@id": `${$location.url}#webpage`,
+            },
+            releaseDate: createdAt,
+            dateModified: updatedAt,
+            url: $location.url,
+            offers: {
+                "@type": "Offer",
+                availability: "http://schema.org/InStock",
+                url: $location.url,
+                price: product.priceRange.minVariantPrice.amount,
+                priceCurrency: product.priceRange.minVariantPrice.currencyCode,
+                itemCondition: "NewCondition",
+                seller: {
+                    "@type": "Organization",
+                    "@id": `${baseURL}/#company`,
+                },
+            },
+        }
+
+    const schemaOrgArray = [
+        schemaOrgEntity,
+        schemaOrgWebsite,
+        schemaOrgWebPage,
+        schemaOrgProduct,
+        schemaOrgFAQ,
+        schemaOrgArticle,
+        schemaOrgBlog,
+    ].filter(Boolean)
+    const schemaOrgObject = {
+        "@context": "https://schema.org",
+        "@graph": schemaOrgArray,
+    }
+    let jsonLdString = JSON.stringify(schemaOrgObject)
+    let jsonLdScript = `
+		<script type="application/ld+json">
+			${jsonLdString}
+		${"<"}/script>
+	`
+</script>
+
+<svelte:head>
+    {@html jsonLdScript}
+</svelte:head>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/ChapterPreview.svelte b/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/ChapterPreview.svelte
new file mode 100644
index 0000000..ea31896
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/ChapterPreview.svelte
@@ -0,0 +1,105 @@
+<script lang="ts">
+    import { onMount } from "svelte"
+    import Item from "./Item.svelte"
+    import { selfImprovementChapters } from "../../../../store"
+
+    export let block: ContentBlock<"selfImprovementChapterPreview">
+    const chapters = block.selfImprovementChapterPreview
+    let interval: NodeJS.Timeout
+
+    function startInterval() {
+        interval = setInterval(() => {
+            selectedChapter = (selectedChapter + 1) % $selfImprovementChapters.length
+        }, 3000)
+    }
+
+    function stopInterval() {
+        clearInterval(interval)
+    }
+    onMount(() => {
+        startInterval()
+        return () => clearInterval(interval)
+    })
+    let selectedChapter = 0
+</script>
+
+<div class="container">
+    <ul>
+        {#each $selfImprovementChapters as chapter, i}
+            <li
+                on:mouseenter="{() => {
+                    stopInterval()
+                    selectedChapter = i
+                }}"
+                on:mouseleave="{startInterval}"
+                class:active="{selectedChapter === i}"
+            >
+                <Item
+                    chapter="{chapter}"
+                    bind:selectedChapter="{selectedChapter}"
+                    index="{i}"
+                    previewImage="{chapters.find((p) => p.chapter === chapter.id)?.previewImage}"
+                />
+            </li>
+        {/each}
+    </ul>
+</div>
+
+<style lang="less">
+    * {
+        transition-duration: 0s;
+    }
+    .container {
+        width: 100%;
+    }
+
+    ul {
+        padding: 0;
+        margin: 0;
+        list-style: none;
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    li {
+        width: 100%;
+        aspect-ratio: 4 / 3;
+        @media (max-width: 1500px) {
+            aspect-ratio: unset;
+            &::before {
+                float: left;
+                padding-top: 125%;
+                content: "";
+            }
+
+            &::after {
+                display: block;
+                content: "";
+                clear: both;
+            }
+        }
+    }
+
+    @media (max-width: 1500px) {
+        .container {
+            display: flex;
+            flex-direction: column;
+            margin-bottom: 2rem;
+        }
+
+        ul {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+        li {
+            width: 33.33%;
+        }
+
+        li.active {
+            order: -1;
+            width: 100%;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/Item.svelte b/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/Item.svelte
new file mode 100644
index 0000000..bdcd610
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/Item.svelte
@@ -0,0 +1,350 @@
+<script lang="ts">
+    import { onMount, afterUpdate } from "svelte"
+    import MedialibImage from "../../../widgets/MedialibImage.svelte"
+    import { spaLink } from "../../../../actions"
+    import { getVariableNameForChapter } from "../../../../utils"
+
+    export let selectedChapter: number, index: number, chapter: SelfImprovementChapter, previewImage: string
+    const color = chapter.color
+    $: active = selectedChapter === index
+
+    let upperPart: HTMLElement
+    let lowerPart: HTMLElement
+    let topOverlay: HTMLElement
+    let bottomOverlay: HTMLElement
+
+    function updateOverlayHeights() {
+        if (topOverlay && bottomOverlay && upperPart && lowerPart) {
+            topOverlay.style.height = `${upperPart.offsetHeight + 24}px`
+            bottomOverlay.style.height = `${lowerPart.offsetHeight + 24}px`
+        }
+    }
+
+    onMount(() => {
+        window.addEventListener("resize", updateOverlayHeights)
+    })
+
+    afterUpdate(() => {
+        updateOverlayHeights()
+    })
+
+    $: if (active) {
+        updateOverlayHeights()
+    } else {
+        if (topOverlay && bottomOverlay) {
+            topOverlay.style.height = "0px"
+            bottomOverlay.style.height = "0px"
+        }
+    }
+    function getSlug(type: number) {
+        if (type == 1) return "krasskraft"
+        return "unknown"
+    }
+
+    let colorName = getVariableNameForChapter(chapter.type)
+</script>
+
+<div
+    class="chapter-preview-block"
+    class:active="{active}"
+>
+    {#if chapter.locked}
+        <div
+            class="locked"
+            class:active="{active}"
+        >
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 72 72"
+                fill="none"
+            >
+                <path
+                    fill-rule="evenodd"
+                    clip-rule="evenodd"
+                    d="M15.75 30.165V24C15.75 18.6294 17.8835 13.4787 21.6811 9.68109C25.4787 5.88348 30.6294 3.75 36 3.75C41.3706 3.75 46.5213 5.88348 50.3189 9.68109C54.1165 13.4787 56.25 18.6294 56.25 24V30.165C59.595 30.414 61.77 31.044 63.363 32.637C66 35.271 66 39.516 66 48C66 56.484 66 60.729 63.363 63.363C60.729 66 56.484 66 48 66H24C15.516 66 11.271 66 8.637 63.363C6 60.729 6 56.484 6 48C6 39.516 6 35.271 8.637 32.637C10.227 31.044 12.405 30.414 15.75 30.165ZM20.25 24C20.25 19.8228 21.9094 15.8168 24.8631 12.8631C27.8168 9.90937 31.8228 8.25 36 8.25C40.1772 8.25 44.1832 9.90937 47.1369 12.8631C50.0906 15.8168 51.75 19.8228 51.75 24V30.012C50.601 30 49.353 30 48 30H24C22.644 30 21.399 30 20.25 30.012V24ZM42 48C42 49.5913 41.3679 51.1174 40.2426 52.2426C39.1174 53.3679 37.5913 54 36 54C34.4087 54 32.8826 53.3679 31.7574 52.2426C30.6321 51.1174 30 49.5913 30 48C30 46.4087 30.6321 44.8826 31.7574 43.7574C32.8826 42.6321 34.4087 42 36 42C37.5913 42 39.1174 42.6321 40.2426 43.7574C41.3679 44.8826 42 46.4087 42 48Z"
+                    fill="white"></path>
+            </svg>
+            <p>Coming Soon</p>
+        </div>
+    {/if}
+    <div class="background-image">
+        <MedialibImage id="{previewImage}" />
+
+        <div
+            bind:this="{topOverlay}"
+            class="overlay top"
+            style="background-color: var({colorName})"
+        ></div>
+        <div
+            bind:this="{bottomOverlay}"
+            class="overlay bottom"
+            style="background-color: var({colorName})"
+        ></div>
+        <div
+            class="overlay left"
+            style="background-color: var({colorName})"
+        ></div>
+        <div
+            class="overlay right"
+            style="background-color: var({colorName})"
+        ></div>
+    </div>
+    <div
+        class="content"
+        class:active="{active}"
+    >
+        <div
+            bind:this="{upperPart}"
+            class:active="{active}"
+            class="upper-part"
+        >
+            <h4
+                class:active="{active}"
+                style="{!active ? 'color: ' + color : 'color: var(--bg-100)'}"
+            >
+                {chapter.alias}
+            </h4>
+            <h3
+                class:active="{active}"
+                style="{!active ? 'color: ' + color : 'color: var(--bg-100)'}"
+            >
+                {chapter.title}
+            </h3>
+            <p
+                class:active="{active}"
+                style="{!active ? 'color: ' + 'transparent' : 'color: var(--bg-100)'}"
+            >
+                {chapter.shortDescription}
+            </p>
+        </div>
+        <div
+            bind:this="{lowerPart}"
+            class="lower-part"
+            class:active="{active}"
+        >
+            <button
+                style="background-color: var({colorName})"
+                disabled="{chapter.locked}"
+            >
+                <a
+                    href="/selfimprovement/{getSlug(chapter.type)}"
+                    use:spaLink
+                    aria-disabled="{chapter.locked ? 'true' : 'false'}"
+                >
+                    Weiter
+                </a>
+            </button>
+        </div>
+    </div>
+</div>
+
+<style
+    lang="less"
+    global
+>
+    @import "../../../../assets/css/variables.less";
+    .chapter-preview-block {
+        position: relative;
+        height: 100%;
+        overflow: hidden;
+        .locked {
+            position: absolute;
+            z-index: 100;
+            pointer-events: none;
+            background: rgba(13, 12, 12, 0.5);
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            gap: 0.5rem;
+            p {
+                color: white;
+                text-transform: uppercase;
+            }
+            svg {
+                width: 72px;
+                height: 72px;
+            }
+            @media (max-width: 1500px) {
+                &:not(.active) {
+                    svg {
+                        height: 24px;
+                        width: 24px;
+                    }
+                    p {
+                        font-size: 0.6rem;
+                    }
+                }
+            }
+        }
+        .background-image {
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            z-index: 0;
+            img {
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+            }
+            .overlay {
+                position: absolute;
+                transition: all 0.3s ease;
+                &.top {
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    height: 0;
+                }
+                &.bottom {
+                    bottom: 0;
+                    left: 0;
+                    right: 0;
+                    height: 0;
+                }
+                &.left {
+                    top: 0;
+                    bottom: 0;
+                    left: 0;
+                    width: 0;
+                }
+                &.right {
+                    top: 0;
+                    bottom: 0;
+                    right: 0;
+                    width: 0;
+                }
+            }
+        }
+        &.active .background-image .overlay.top {
+            height: auto;
+        }
+        &.active .background-image .overlay.bottom {
+            height: auto;
+        }
+        &.active .background-image .overlay.left {
+            width: 3.6rem;
+            @media (max-width: 600px) {
+                width: 0.6rem;
+            }
+        }
+        &.active .background-image .overlay.right {
+            width: 3.6rem;
+            @media (max-width: 600px) {
+                width: 0.6rem;
+            }
+        }
+        .content {
+            transition: border-color 0.3s ease, color 0.3s ease;
+            border-top: 2.4rem solid transparent;
+            border-bottom: 2.4rem solid transparent;
+            border-left: 3.6rem solid transparent;
+            border-right: 3.6rem solid transparent;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            position: relative;
+            z-index: 10;
+            .upper-part {
+                transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                gap: 1.2rem;
+                h4 {
+                    margin: 0px;
+                    text-transform: uppercase;
+                    font-size: 1.2rem;
+                    color: var(--bg-100);
+                }
+                h3 {
+                    font-size: 3rem;
+                    font-weight: 700;
+                    margin-bottom: 1.2rem;
+                    color: var(--bg-100);
+                }
+                p {
+                    font-size: 1.2rem;
+                    color: var(--bg-100);
+                }
+                @media (max-width: 1500px) {
+                    h3:not(.active) {
+                        font-size: 1.6rem;
+                    }
+                    p:not(.active) {
+                        font-size: 1rem;
+                    }
+                    h4:not(.active) {
+                        font-size: 1rem;
+                    }
+                }
+                @media (max-width: 600px) {
+                    gap: 0.6rem;
+                    h3 {
+                        font-size: 1.6rem;
+                        margin-bottom: 0px;
+                    }
+                    h3:not(.active) {
+                        font-size: 1rem;
+                    }
+                    p {
+                        margin-top: 0px;
+                        font-size: 0.8rem;
+                    }
+                    p:not(.active) {
+                        font-size: 0.5rem;
+                    }
+                    h4 {
+                        font-size: 0.8rem;
+                    }
+                    h4:not(.active) {
+                        font-size: 0.5rem;
+                    }
+                }
+
+                border-bottom: 2.4rem solid transparent;
+                @media (max-width: 600px) {
+                    border-width: 0.6rem !important;
+                }
+            }
+            @media (max-width: 600px) {
+                border-width: 0.6rem !important;
+            }
+            .lower-part {
+                border-top: 2.4rem solid transparent;
+                @media (max-width: 600px) {
+                    border-width: 0rem !important;
+                }
+                transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
+                button {
+                    font-weight: 700;
+                    font-size: 1.2rem;
+                    text-transform: uppercase;
+                    padding: 6px 12px;
+                    @media (max-width: 1500px) {
+                        padding-left: 0px;
+                    }
+                    color: var(--bg-100);
+                    &[disabled] {
+                        cursor: not-allowed;
+                        pointer-events: none;
+                    }
+                }
+            }
+            &:not(.active) {
+                @media (max-width: 1500px) {
+                    .lower-part {
+                        button {
+                            display: none;
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/Columns.svelte b/frontend/src/lib/components/pagebuilder/blocks/Columns.svelte
new file mode 100644
index 0000000..1bd88a1
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/Columns.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+    import ColumnsColumn from "./ColumnsColumn.svelte"
+    export let block: ContentBlock<"columns">
+</script>
+
+<div class="container">
+    {#each block.columns || [] as column}
+        <ColumnsColumn column="{column}" />
+    {/each}
+</div>
+
+<style lang="less">
+    @import "../../../../lib/assets/css/variables.less";
+    .container {
+        display: flex;
+        gap: 1.1rem;
+        max-width: var(--normal-max-width);
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        @media @mobile {
+            flex-direction: column-reverse;
+            :global & > section {
+                width: 100% !important;
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/ColumnsColumn.svelte b/frontend/src/lib/components/pagebuilder/blocks/ColumnsColumn.svelte
new file mode 100644
index 0000000..4800fa8
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/ColumnsColumn.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+    import { apiBaseOverride } from "../../../store"
+    import DefaultImage from "../DefaultImage.svelte"
+    import ChapterDescription from "./columns/ChapterDescription.svelte"
+    import Cta from "./columns/CTA.svelte"
+    import Text from "./columns/Text.svelte"
+
+    export let column: BlockColumn
+
+    export let apiBase: string = null
+    if (apiBase) $apiBaseOverride = apiBase
+</script>
+
+<section
+    class:imageMobileBackground="{column.imageMobileBackground}"
+    class="{column.colWidth > 0 ? 'col-md-' + column.colWidth + ' col-12' : 'col-md-auto col-12'}"
+    class:align-self-start="{column.verticalAlign == 'top'}"
+    class:align-self-center="{column.verticalAlign == 'middle'}"
+    class:align-self-end="{column.verticalAlign == 'bottom'}"
+>
+    {#if column.type == "text"}
+        <Text column="{column}" />
+    {:else if column.type == "image"}
+        <DefaultImage
+            images="{column.images}"
+            imageHoverEffect="{column.imageHoverEffect}"
+            forceFullHeight="{column.forceFullHeight}"
+        />
+    {:else if column.type == "cta"}
+        <Cta column="{column}" />
+    {:else if column.type == "chapterDescription"}
+        <ChapterDescription
+            title="{column.chapterDescription.title}"
+            type="{column.chapterDescription.type}"
+            description="{column.chapterDescription.description}"
+        />
+    {/if}
+</section>
+
+<style lang="less">
+    @import "../../../../lib/assets/css/variables.less";
+    section {
+        width: 0px;
+        flex-grow: 1;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+        position: relative;
+        z-index: 2;
+        @media @mobile {
+            &.imageMobileBackground {
+                position: absolute;
+
+                bottom: 0px;
+                width: 100%;
+                height: 100%;
+                z-index: 1;
+            }
+        }
+        &.align-self-start {
+            justify-content: flex-start;
+        }
+        &.align-self-center {
+            justify-content: center;
+        }
+        &.align-self-end {
+            justify-content: flex-end;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/GoogleMaps.svelte b/frontend/src/lib/components/pagebuilder/blocks/GoogleMaps.svelte
new file mode 100644
index 0000000..4146be8
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/GoogleMaps.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+    import CookieSet from "../../widgets/CookieSet.svelte"
+    const setHeight = (element: HTMLElement) => {
+        element.style.height = (element.offsetWidth / 16) * 9 + "px"
+    }
+</script>
+
+<CookieSet cookieName="{'googleMaps'}" textPosition="{'unten'}" background="{'rgba(44, 44, 44, 0.4)'}">
+    <iframe
+        title="Google Maps"
+        use:setHeight
+        id="iframe"
+        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2512.077224708092!2d11.023318016007138!3d50.97776317955154!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a4729650047377%3A0xca0e03f621729448!2sWebmakers%20GmbH!5e0!3m2!1sde!2sde!4v1571866765252!5m2!1sde!2sde"
+        style="border:0;"
+        allowfullscreen="{true}"
+        loading="lazy"
+        referrerpolicy="no-referrer-when-downgrade"></iframe>
+</CookieSet>
+
+<style>
+    iframe {
+        width: 100%;
+        max-width: 100%;
+        border: 0;
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/HomepageRow.svelte b/frontend/src/lib/components/pagebuilder/blocks/HomepageRow.svelte
new file mode 100644
index 0000000..39ae879
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/HomepageRow.svelte
@@ -0,0 +1,92 @@
+<script lang="ts">
+    import MedialibImage from "../../widgets/MedialibImage.svelte"
+    import Cta from "./columns/CTA.svelte"
+
+    export let block: ContentBlock<"homepage">
+    const hp = block.mainHomepage
+</script>
+
+<section class="homepage">
+    <div class="placeholder"></div>
+    <div class="left">
+        <Cta
+            column="{{
+                type: 'cta',
+                cta: hp.cta,
+            }}"
+        />
+    </div>
+    <div class="hp-media">
+        <MedialibImage
+            id="{hp.image}"
+            filter="{typeof window !== 'undefined' && window.innerWidth > 500 ? 'xl' : 'm'}"
+        />
+    </div>
+</section>
+
+<style
+    lang="less"
+    global
+>
+    @import "../../../assets/css/variables.less";
+
+    .homepage {
+        display: flex;
+        width: 100%;
+        position: relative;
+        height: 100%;
+        align-items: center;
+        justify-content: space-between;
+        transition: --color 1s ease;
+        margin: -96px 0;
+
+        .placeholder {
+        }
+        .left {
+            display: flex;
+            flex-direction: column;
+            gap: 1.5rem;
+            position: absolute;
+            z-index: 10;
+            transform: translateY(96px);
+            width: 100%;
+            @media @mobile {
+                padding: 0px var(--horizontal-default-margin);
+            }
+            @media @mobile {
+                gap: 0.5rem;
+            }
+        }
+        .hp-media {
+            max-width: 600px;
+            width: 100%;
+            display: flex;
+            height: 100%;
+            align-items: flex-end;
+            flex-grow: 1;
+            @media @mobile {
+                &::before {
+                    //shadow
+                    content: "";
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
+                }
+            }
+            img {
+                height: calc(100%);
+                object-fit: contain;
+            }
+            @media @mobile {
+                width: 100%;
+            }
+        }
+        @media @mobile {
+            flex-direction: column;
+            justify-content: center;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/ImproveYourselfDescription.svelte b/frontend/src/lib/components/pagebuilder/blocks/ImproveYourselfDescription.svelte
new file mode 100644
index 0000000..b331764
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/ImproveYourselfDescription.svelte
@@ -0,0 +1,184 @@
+<script lang="ts">
+    import MedialibImage from "../../widgets/MedialibImage.svelte"
+
+    export let block: ContentBlock<"improveYourselfDescription">
+    const des = block.improveYourselfDescription
+</script>
+
+<section class="improveYourselfDescription">
+    <div class="img">
+        <MedialibImage
+            id="{des.image}"
+            filter="xxl"
+        />
+        <div class="shadow"></div>
+    </div>
+    <div class="content">
+        <h2 class="h1">Improve Yourself</h2>
+        <p>{@html des.upperDescription}</p>
+        <ul>
+            <li>
+                <span
+                    ><svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="44"
+                        height="32"
+                        viewBox="0 0 44 32"
+                        fill="none"
+                    >
+                        <path
+                            d="M42.5934 9.61759L21.9008 31.2762L1.20832 9.61759L10.829 0.5H32.9727L42.5934 9.61759Z"
+                            stroke="#EB5757"></path>
+                    </svg>
+                </span>
+                <span style="color: #EB5757;">Fitness</span>
+            </li>
+            <li>
+                <span
+                    ><svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="44"
+                        height="32"
+                        viewBox="0 0 44 32"
+                        fill="none"
+                    >
+                        <path
+                            d="M23.0956 25.0301C25.4532 25.0301 27.6755 24.4466 29.625 23.4161C26.9937 28.2334 21.8812 31.5 16.0069 31.5C7.44266 31.5 0.5 24.5574 0.5 15.9931C0.5 8.2062 6.23975 1.75968 13.719 0.653784C10.8856 3.21373 9.10412 6.9181 9.10412 11.0386C9.10412 18.7659 15.3684 25.0301 23.0956 25.0301Z"
+                            stroke="#56F2B0"></path>
+                    </svg>
+                </span>
+                <span style="color: #56F2B0;">Entspannung</span>
+            </li>
+            <li>
+                <span
+                    ><svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="44"
+                        height="32"
+                        viewBox="0 0 44 32"
+                        fill="none"
+                    >
+                        <path
+                            d="M18.4213 6.89342L18.8989 8.42622L19.3761 6.89329C20.5237 3.20667 23.8663 0.5 27.7914 0.5C32.6671 0.5 36.6326 4.44843 36.6326 9.48563C36.6326 11.9912 35.6486 13.7553 33.9735 15.7311L18.9071 31.2817L3.82337 15.7311C2.15062 13.7562 1.16675 11.9768 1.16675 9.4684C1.16675 4.43715 5.12025 0.599827 10.0049 0.599827C13.9382 0.599827 17.2753 3.21536 18.4213 6.89342Z"
+                            stroke="#C0F256"></path>
+                    </svg>
+                </span>
+                <span style="color: #C0F256;">Ernährung</span>
+            </li>
+            <li>
+                <span
+                    ><svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="44"
+                        height="32"
+                        viewBox="0 0 44 32"
+                        fill="none"
+                    >
+                        <path
+                            d="M16 1.16101L20.157 9.87264L20.2738 10.1176L20.5429 10.153L30.1127 11.4145L23.112 18.0601L22.9152 18.2469L22.9646 18.5137L24.7221 28.005L16.2385 23.4006L16 23.2711L15.7615 23.4006L7.27786 28.005L9.03536 18.5137L9.08477 18.2469L8.88795 18.0601L1.88728 11.4145L11.4571 10.153L11.7262 10.1176L11.843 9.87264L16 1.16101Z"
+                            stroke="#56F2F2"></path>
+                    </svg>
+                </span>
+                <span style="color: #56F2F2;">Weiterbildung</span>
+            </li>
+        </ul>
+        <p>{@html des.lowerDescription}</p>
+    </div>
+</section>
+
+<style
+    lang="less"
+    global
+>
+    @import "../../../assets/css/variables.less";
+    .improveYourselfDescription {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 2.4rem;
+        max-width: 100%;
+        height: 100%;
+
+        .img {
+            width: 400px;
+            min-width: 400px;
+            max-height: 100%;
+            height: 100%;
+            img {
+                width: 100%;
+                height: 100%;
+                object-fit: contain;
+            }
+            .shadow {
+                display: none;
+            }
+        }
+        .content {
+            height: 100%;
+            flex-grow: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            gap: 2.4rem;
+            z-index: 99;
+            p {
+                color: var(--text-100);
+            }
+            ul {
+                display: flex;
+                width: 100%;
+                justify-content: space-between;
+                li {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    gap: 0.6rem;
+                    span {
+                        font-size: 0.8rem;
+                        font-weight: 700;
+                        text-transform: uppercase;
+                    }
+                }
+            }
+        }
+        @media @mobile {
+            flex-direction: column;
+            padding: 0px;
+            .content {
+                ul {
+                    flex-direction: column;
+                    gap: 1.2rem;
+                    li {
+                        flex-direction: row;
+                        span:first-child {
+                            width: 100px;
+                            display: flex;
+                            justify-content: center;
+                        }
+                    }
+                }
+            }
+            .img {
+                max-width: 100%;
+                position: absolute;
+                bottom: 0px;
+                width: 100%;
+                height: 100%;
+                z-index: 1;
+                .shadow {
+                    display: block;
+                    position: absolute;
+                    bottom: 0px;
+                    width: 100%;
+                    height: 100%;
+                    background: rgba(13, 12, 12, 0.5);
+                    z-index: 2;
+                }
+            }
+        }
+        h2 {
+            color: var(--primary-200);
+            font-weight: 700;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/NewsletterRow.svelte b/frontend/src/lib/components/pagebuilder/blocks/NewsletterRow.svelte
new file mode 100644
index 0000000..e946999
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/NewsletterRow.svelte
@@ -0,0 +1,277 @@
+<script lang="ts">
+    import { spaLink } from "../../../actions"
+    import { submitNewsletter } from "../../../functions/CommerceAPIs/tibiEndpoints/actions"
+
+    import { onChange } from "../profile/helper"
+    import Input from "./form/Input.svelte"
+    let email = ""
+    let dataProt = false
+    let emailIsSubscribed = false
+
+    let innerWidth = 360
+    if (typeof window !== "undefined") innerWidth = window.innerWidth
+    const mobile = innerWidth < 600
+</script>
+
+<svelte:window bind:innerWidth="{innerWidth}" />
+<section class="newsletter">
+    <div
+        class="background-image"
+        class:mobile="{mobile}"
+    >
+        {#if mobile}
+            <img
+                src="../../../../../media/bigLogoSingle.svg"
+                alt="bg"
+            />
+        {:else}
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="1920"
+                height="736"
+                viewBox="0 0 1920 736"
+                fill="none"
+            >
+                <path
+                    d="M-539 1.75H2918.1M-539 21.75H2918.1M-539 41.75C-272.65 41.7 2651.75 41.55 2918.1 41.75M-539 61.75C-407.97 61.18 1114.4 62.92 1245.39 61.02C1263.84 60.37 1281.51 56.53 1299.79 56.46C1416.53 66.16 2800.99 60.25 2918.1 61.75M-539 81.75C-417.23 81.56 1095.77 82.13 1217.5 81.52C1232.91 81.19 1247.33 80.23 1261.79 75.51C1286.54 66.88 1299.29 60.5 1325.98 68.68C1341.4 73.22 1356.23 77.74 1372.51 79.5C1380.16 80.42 1388.2 80.94 1396.47 81.25C1481.3 82.48 2833.23 81.4 2918.09 81.74M-539 101.75C-419.42 101.45 1091.39 102.35 1210.96 101.39C1219.32 101.09 1227.29 100.52 1234.83 99.06C1242.6 97.58 1250.06 94.9 1257.11 91.3C1269.8 84.96 1281.59 75.45 1295.12 72.07C1306.45 69.1 1317.76 71.28 1328.82 75.45C1349.07 83.2 1368.28 94.85 1389.75 98.64C1396.9 100 1404.37 100.72 1412.27 101.13C1491.8 102.67 2838.51 101.31 2918.1 101.75M-539 121.75C-421.58 121.29 1087.14 122.68 1204.53 121.19C1213.38 120.72 1221.72 119.83 1229.67 117.61C1250.12 112.42 1265.48 96.36 1284.15 87.69C1301.99 79.3 1322.62 81.17 1340.47 88.21C1372.15 101.32 1386.71 119.99 1424.14 121.03C1499.69 122.81 2842.46 121.26 2918.09 121.75M-539 141.75C-425.39 141.28 1079.53 142.7 1193.11 141.17C1246.43 140.81 1256.67 100.99 1305.71 99.46C1366.32 96.72 1367.69 121.8 1412.42 137.35C1418.99 139.25 1425.79 140.24 1432.95 140.81C1505.55 143.1 2845.42 141.11 2918.08 141.74M-539 161.75C-429.2 161.28 1071.92 162.7 1181.68 161.16C1219.44 159.96 1229.17 145.73 1258.69 128.98C1272.74 121.48 1287.17 119.43 1303.7 119.07C1320.75 118.84 1339.78 118.39 1355.84 122.42C1381.3 128.51 1399.26 150.98 1424.49 157.52C1430.85 159.3 1437.47 160.24 1444.38 160.8C1513.17 163.08 2849.24 161.12 2918.1 161.74M-539 181.75C-432.92 181.3 1064.47 182.67 1170.51 181.18C1206.27 180.02 1217.53 166.38 1245.67 149.8C1268.26 136.79 1295.88 139.45 1321.29 139.11C1339.18 139.31 1355.6 138.59 1371.87 143.75C1384.59 147.76 1395.55 155.56 1406.51 162.96C1422.69 174.32 1439.08 180.23 1458.95 181.02C1522.92 182.78 2854.07 181.29 2918.09 181.76M-539 201.75C-436.55 201.25 1057.23 202.78 1159.63 201.1C1167.99 200.61 1175.9 199.71 1183.49 197.6C1206.11 191.8 1222.38 173.31 1243.71 164.93C1268.11 155.15 1295.38 161.62 1320.96 160.73C1352.38 159.76 1377.19 155.15 1404.63 173.73C1427.04 188.77 1440.44 199.39 1468.85 200.93C1529.5 202.87 2857.38 201.23 2918.09 201.75M-539 221.75C-442.31 221.44 1045.64 222.38 1142.31 221.35C1197.6 221.21 1202.71 190.66 1244.68 181.1C1256 178.95 1268.01 179.44 1279.27 181.41C1291.28 183.48 1302.82 187.33 1315.02 187.36C1327.85 187.6 1340.1 183.48 1352.7 181.3C1409.76 171.61 1417.34 204.74 1460.5 217.83C1466.85 219.5 1473.28 220.34 1479.92 220.85C1536.88 222.95 2861.07 221.21 2918.09 221.75M-539 241.75C-446.35 241.48 1037.53 242.3 1130.17 241.41C1140.49 241.02 1149.89 240.37 1159.52 237.82C1185.84 231.4 1203.91 207.37 1230.58 201.64C1247.18 197.91 1264.76 199.92 1280.32 206.74C1300.12 215.51 1313.01 223.53 1334.79 214.01C1346.45 209.08 1357.79 202.97 1370.39 201.04C1385.41 198.52 1401.3 200.18 1415.12 206.72C1434.56 215.84 1450.18 232.48 1471.51 237.75C1477.56 239.39 1483.68 240.25 1489.99 240.78C1543.58 243 2864.43 241.18 2918.1 241.75M-539 261.75C-447.72 261.2 1034.92 262.9 1126.14 261.01C1161.23 259.5 1172.57 244.96 1200.05 228.89C1212.82 221.77 1227.78 218.82 1242.42 220.08C1281.18 222.13 1297.33 260.2 1331.32 245.38C1339.05 242.11 1346.48 237.08 1353.9 233C1378 218.5 1409.41 218.29 1433.69 232.56C1455.53 245.55 1469.55 258.68 1496.58 260.65C1547.93 263.19 2866.63 261.12 2918.09 261.76M-539 281.75C-451.45 281.21 1027.45 282.87 1114.93 281.01C1163.24 280.45 1177.84 241.01 1221.27 239.86C1272.07 236.96 1287.08 287.58 1331.84 273.3C1346.82 268.3 1360.21 258.58 1375.59 254.53C1392.8 250.02 1411.53 250.06 1428.63 254.68C1448.86 260.36 1466.17 274.64 1486.92 278.69C1492.18 279.82 1497.6 280.5 1503.24 280.92C1552.43 282.83 2868.84 281.27 2918.1 281.75M-539 301.75C-455.25 301.2 1019.86 302.89 1103.53 301C1139.17 299.41 1150.36 283.87 1178.3 268.14C1199.45 256.86 1226.37 256.71 1247.61 268.03C1260.98 274.89 1272.8 285.39 1286.31 291.8C1308.89 303.36 1334.29 298.91 1357.65 292.55C1382.29 286.05 1408.55 285.16 1433.86 288.27C1453.34 290.91 1471.49 297.98 1491.19 299.89C1544.27 303.68 2864.86 300.95 2918.1 301.75M-539 321.75C-459.18 321.23 1012 322.85 1091.74 321.02C1099.1 320.54 1106.09 319.68 1112.82 317.91C1136.36 312.31 1153.12 292.78 1175.24 284.39C1193.25 277.7 1214.63 277.69 1232.74 284.59C1246.95 290 1259.44 300.23 1273.14 306.92C1294.72 317.95 1319.74 316.52 1343.6 315.57C1401.63 310.87 1459.75 313.77 1517.51 320.23C1559.76 322.95 2874.47 321.31 2918.08 321.74M-539 341.75C-462.92 341.22 1004.51 342.87 1080.5 340.98C1087.68 340.5 1094.53 339.68 1101.1 337.98C1136.35 328.37 1149.71 299.53 1192.35 299.2C1235.68 296.25 1254.45 319.84 1293.17 322.64C1331.21 324.85 1369.28 322.87 1407.54 323.26C1432.56 323.64 1458.79 322.08 1483.24 326.61C1499.76 329.82 1515.44 336.61 1532.13 339.16C1550.74 342.11 1570.65 341.61 1590.74 341.75C1610.87 341.75 2897.95 341.75 2918.09 341.75M-539 361.75C-466.43 361.19 997.52 362.95 1070.04 360.92C1077.11 360.41 1083.86 359.52 1090.32 357.8C1119.98 350.11 1138.06 323.24 1170.45 320.25C1185.73 318.37 1202.02 318.72 1217.14 319.64C1236.72 320.85 1254 325.29 1273.67 326.81C1336.58 330.21 1400.02 326.42 1463.01 328.85C1489.33 330.06 1504.48 342.48 1526.98 352.99C1541.18 359.44 1556.26 361 1571.68 361.45C1598.12 362.05 2891.6 361.62 2918.09 361.75M-539 381.75C-470.23 381.18 989.92 382.96 1058.63 380.91C1103.95 379.67 1118.55 344.96 1159.28 340.37C1177.88 338.25 1197.67 339.05 1216.58 339.07C1297.19 341.43 1378.07 339.52 1458.72 340.71C1466.85 341.03 1474.57 341.64 1481.91 343.24C1502.37 347.17 1518.09 361.83 1536.05 371.3C1551.59 379.68 1569.36 381.31 1586.78 381.57C1608.21 381.93 2896.63 381.7 2918.11 381.76M-539 401.75C-473.99 401.19 982.41 402.97 1047.37 400.87C1053.94 400.38 1060.23 399.57 1066.28 398.04C1088.21 393.1 1104.15 376.08 1124.15 366.93C1139.47 359.74 1156.68 359.27 1173.52 359.22C1271.94 358.88 1370.88 359.23 1469.38 359.79C1517.44 360.7 1523 383.5 1560.24 396.85C1570.48 400.13 1581.25 401.02 1592 401.41C1611.41 401.97 2898.28 401.68 2918.11 401.75M-539 421.75C-477.92 421.22 974.55 422.9 1035.57 420.91C1042.05 420.44 1048.23 419.65 1054.2 418.17C1074.89 413.62 1090.27 398.39 1108.61 388.81C1133.66 375.08 1162.67 381.41 1189.89 381.3C1201.7 381.27 1213.41 380.2 1225.19 379.62C1252.5 378.31 1281.15 378.86 1308.61 381.12C1364.67 385.33 1421.23 382.23 1477.44 383.55C1518.36 384 1525.74 396.52 1558.43 413.33C1570.39 418.96 1583.57 420.85 1596.69 421.34C1614.74 422 2899.68 421.68 2918.1 421.76M-539 441.75C-480.61 441.07 969.24 443.25 1027.54 440.62C1035.91 439.84 1044.05 438.3 1051.85 435.26C1074.61 426.52 1092.01 406.04 1116.75 401.67C1127.09 399.62 1137.85 399.79 1148.26 401.33C1160.81 403.12 1172.54 407.32 1185.15 407.93C1203.61 409 1220.98 401.16 1239.26 399.91C1255.39 398.54 1272.42 398.75 1288.25 401.64C1305.63 404.91 1322.07 411.74 1339.6 413.77C1348.89 414.98 1358.15 415.29 1367.63 415.44C1398.82 415.71 1430.13 415.49 1461.33 415.57C1480.53 415.82 1500.26 414.96 1518.99 419.19C1533.85 422.48 1547.85 430.42 1562.33 435.38C1574.05 439.47 1586.53 440.95 1598.97 441.38C1616.03 441.96 2900.53 441.68 2918.09 441.75M-539 461.75C-484.79 461.13 960.86 463.14 1014.99 460.68C1056.92 458.94 1073.12 425.09 1110.12 420.59C1124.55 418.71 1139.09 420.89 1152.49 426.66C1158.38 429.09 1164.26 432.08 1170.17 434.49C1203.51 449.78 1220.68 417.99 1261.43 419.28C1306.17 418.37 1319.21 447.69 1363.36 449.37C1417.23 451.63 1471.33 448.11 1524.49 452.95C1536.61 454.18 1548.04 456.5 1560.02 458.35C1589.82 463.01 2887.58 461.45 2918.1 461.75M-539 481.75C-492.42 481.53 945.39 482.24 991.92 481.36C1032.67 480.27 1039.68 469.06 1071.33 449.68C1094.55 436.05 1125.14 436.76 1148.12 450.95C1156.3 455.57 1164.29 461.48 1172.72 465.28C1209.4 481.96 1223.89 437.43 1272.32 439.65C1303.23 439.51 1320.42 459.58 1347.88 467.18C1358.09 469.86 1367.94 470.44 1379.1 470.76C1405.57 471.45 1434.99 470.2 1461.14 472.13C1473.83 473.06 1486.18 475.27 1498.76 476.99C1549.13 482.8 2866.92 481.46 2918.09 481.74M-539 501.75C-495.83 501.52 938.57 502.28 981.67 501.32C991.93 500.88 1002.03 500.02 1011.72 497.04C1033.38 490.87 1049.31 472.96 1070.06 464.78C1088.55 457.49 1110.72 458.21 1128.64 466.83C1148.87 476.12 1165.94 496.33 1189.6 495.79C1229.81 493.62 1239.96 447.95 1305.28 462.39C1322.69 466.64 1339.43 474.01 1357.39 475.63C1385.75 478.47 1415.64 476.22 1444.7 477.73C1460.16 478.32 1474.8 482.33 1488.99 488.4C1499.66 492.78 1510.32 497 1521.7 498.94C1533.43 501.03 1545.72 501.34 1557.75 501.57C1588.86 501.93 2886.96 501.67 2918.1 501.75M-539 521.75C-502.15 521.64 925.89 522.01 962.72 521.54C971.16 521.34 979.77 520.99 987.95 519.75C1014.44 516.49 1029.42 499.82 1051.48 488.1C1066.74 480.16 1084.88 478.13 1101.82 481.78C1117.75 485.06 1131.02 494.9 1144.21 503.85C1166.44 519.77 1193.46 524.85 1218.57 512.44C1239.82 501.86 1255.81 484.21 1280.61 480.75C1300.75 477.56 1322.05 481.04 1342.39 482.43C1371.69 484.6 1404.08 483.37 1433.95 483.97C1465.42 484.27 1477.52 489.96 1503.48 506.39C1519.91 516.76 1537.53 520.94 1557.42 521.33C1588.63 522.19 2886.87 521.57 2918.1 521.75M-539 541.75C-505.23 541.62 919.72 542.05 953.44 541.48C961.54 541.25 969.75 540.85 977.6 539.6C1004.76 536.09 1020.96 516.86 1044.46 506.31C1062.55 498.49 1084.7 498.42 1102.91 506.19C1121.24 513.92 1135.95 529.06 1154.75 535.69C1176.15 543.11 1205.78 542.98 1226.81 534.06C1246.88 525.48 1262.86 508.26 1284.39 502.74C1304.5 497.56 1325.17 499.45 1346.29 499.25C1369.1 499.45 1391.94 499.34 1414.75 499.38C1458.41 499.63 1475.72 497.43 1512.39 524.36C1538 542.5 1563.72 541.67 1594.36 541.76C1613.29 541.76 2899.17 541.76 2918.1 541.76M-539 561.75C-511.05 561.69 908.07 561.89 936.01 561.62C946.97 561.43 958.17 561.14 968.84 559.1C980.24 556.98 990.8 552.16 1000.59 545.91C1011.41 539.04 1021.67 531.01 1033.59 526.08C1050.63 518.88 1071.28 518.68 1088.55 525.15C1102.18 530.18 1113.58 539.51 1125.81 547.08C1148.8 562.45 1177.11 562.12 1204.06 561.1C1240.23 559.79 1250.65 546.13 1279.09 529.66C1296.79 519.58 1317.41 518.98 1337.41 518.95C1369.94 518.67 1402.02 519.79 1434.49 520.03C1456.63 520.31 1479.95 519.43 1499.8 530.26C1512.27 536.63 1523.4 545.96 1535.87 552.07C1553.78 561.39 1574.33 561.54 1594.1 561.7C1613.07 561.78 2899.08 561.73 2918.12 561.74M-539 581.75C-516.83 581.72 896.52 581.82 918.69 581.7C939.16 581.48 960.04 581.33 977.93 572.14C992.59 565 1004.91 553.64 1019.79 546.94C1037.54 538.67 1059.6 538.2 1077.69 545.21C1090.53 550.1 1101.5 558.87 1113.04 566.18C1140.72 585.3 1176.79 581.28 1209.23 581.28C1267.05 580.98 1269.7 550.82 1313.9 541.13C1351.64 534.77 1389.53 542.8 1426.86 545.84C1446.6 547.2 1466.98 545.84 1486.5 548.63C1502.39 550.75 1516.49 558.65 1530.16 566.62C1546.92 576.59 1563.1 580.92 1582.59 581.36C1605.38 582.07 2895.22 581.61 2918.11 581.74M-539 601.75C-518.06 601.7 894.06 601.89 914.99 601.59C936.84 601.44 956.4 599.17 974.32 587.71C986.03 580.64 996.87 571.68 1009.47 566.27C1027.5 558.34 1049.59 557.89 1067.91 564.99C1080.63 569.86 1091.63 578.55 1103.2 585.58C1131.52 604.06 1167.71 598.93 1200.31 599.75C1220.72 599.46 1242.59 600.36 1261.03 592.38C1289.27 579.73 1300.98 561.17 1335.79 559.43C1350.02 558.59 1364.63 559.19 1378.45 562.75C1394.75 566.96 1410.42 575.54 1427.11 578.69C1451.9 583.59 1478.4 580.03 1503.14 584.14C1522.16 587.12 1539.74 596.13 1558.76 599.18C1587.88 603.47 2887.78 601.15 2918.08 601.74M-539 621.75C-522.16 621.72 886.58 621.83 902.89 621.64C913.55 621.46 924.25 621.16 934.7 619.08C952.3 615.99 967.12 605.08 981.62 595.22C1002.96 580.3 1027.3 576.38 1052.55 581.4C1075.53 585.95 1094.25 603.4 1117.07 608.16C1129.32 610.95 1142.14 611.16 1155.05 611.35C1174.23 611.49 1193.55 611.4 1212.73 611.41C1239.43 611.44 1263.25 611.49 1287.15 597.67C1311.79 583.84 1327.17 577.73 1356.17 579.34C1371.24 580 1384.68 584.42 1397.47 592.02C1422.25 607.29 1435.48 614.91 1466 615.37C1479.97 615.83 1494.2 615.69 1508.12 616.47C1522.42 617.19 1536.16 618.99 1550.37 620.15C1582.71 622.7 2884.74 621.48 2918.11 621.76M-539 641.75C-514.36 641.24 900.9 643.26 924.9 639.3C938.93 636.79 951.46 629.48 962.95 621.27C979.12 609.47 994.76 600.84 1015.16 599.68C1030.79 598.57 1046.76 599.13 1062.05 602.31C1073.72 604.74 1085.05 608.77 1096.66 611.33C1109.44 614.23 1122.29 615.05 1135.75 615.35C1161.5 615.78 1187.55 615.5 1213.35 615.57C1235.99 615.34 1256.6 616.18 1277.96 611.93C1292.32 609.04 1306.03 603.82 1320.52 601.37C1345.66 597.91 1374.46 596.5 1397.3 608.97C1414.72 618.47 1429.41 632.99 1449.14 637.46C1459.11 639.96 1469.72 640.43 1480.21 640.69C1537.22 641.35 2861.06 641.96 2918.09 641.74M-539 661.75C-514.72 661.19 900.75 663.45 924.51 658.73C943.95 654.67 958.7 640.95 975.69 631.48C1013.88 610.76 1065.23 621.89 1107.15 622.68C1154.21 623.7 1202.51 623.14 1249.74 623.08C1291.97 623.19 1334.14 616 1376.04 620.14C1416.35 624.31 1428.53 659.72 1471.85 660.96C1531.5 662.86 2858.38 661.23 2918.09 661.75M-539 681.75C-512.36 681.2 904.87 683.48 930.57 678.46C950.88 674.15 968.68 661.71 987.98 653.54C1014.14 641.88 1042.47 639.59 1071.16 639.62C1155.92 639.82 1240.9 640.14 1325.65 639.31C1350.84 639.87 1377.99 636.46 1400.96 648.33C1419.07 657.74 1433.73 673.82 1454.2 678.4C1459.81 679.82 1465.64 680.58 1471.73 681.02C1531.42 682.78 2858.33 681.25 2918.1 681.74M-539 701.75C-495.8 701.11 938.51 705.28 978.32 690.27C1042.26 665.11 1043.15 662.41 1113.57 662.82C1197.91 663.64 1282.7 661.06 1366.97 663.96C1377.66 664.97 1387.99 667.82 1397.46 672.77C1422.79 686.77 1434.45 699.57 1465.97 701.01C1527.6 702.79 2856.42 701.27 2918.1 701.75M-539 721.75C-488.48 720.45 954.76 726.12 1003.47 713.09C1023.12 707.54 1042.06 699.09 1062.33 696.61C1069.73 695.61 1077.45 695.15 1085.56 694.92C1166.15 694.18 1246.95 694.83 1327.54 694.63C1347.19 694.86 1367.68 693.96 1386.31 699.84C1404.02 705.39 1420.84 716.24 1439.5 719.14C1445.5 720.21 1451.74 720.79 1458.23 721.13C1522.44 722.59 2853.82 721.34 2918.09 721.74M-539 741.75C-497.05 741.56 936.13 742.27 978.03 741.12C1009.62 740.97 1038.3 733.43 1069.52 731.43C1164.59 729.73 1260.06 730.88 1355.17 730.9C1382.71 730.52 1407.28 738.32 1434.48 740.55C1506.54 743.3 2845.94 741.04 2918.09 741.74M-539 761.75C-464.69 761.89 1000.64 761.96 1074.89 759.63C1267.01 757.83 2725.97 762.55 2918.09 761.75M-539 781.75C-272.66 781.52 2651.75 781.65 2918.1 781.75"
+                    stroke="url(#paint0_linear_124_915)"
+                    stroke-width="3"
+                    stroke-linecap="round"></path>
+                <path
+                    d="M-539 1.75H2918.1M-539 21.75H2918.1M-539 41.75C-272.65 41.7 2651.75 41.55 2918.1 41.75M-539 61.75C-407.97 61.18 1114.4 62.92 1245.39 61.02C1263.84 60.37 1281.51 56.53 1299.79 56.46C1416.53 66.16 2800.99 60.25 2918.1 61.75M-539 81.75C-417.23 81.56 1095.77 82.13 1217.5 81.52C1232.91 81.19 1247.33 80.23 1261.79 75.51C1286.54 66.88 1299.29 60.5 1325.98 68.68C1341.4 73.22 1356.23 77.74 1372.51 79.5C1380.16 80.42 1388.2 80.94 1396.47 81.25C1481.3 82.48 2833.23 81.4 2918.09 81.74M-539 101.75C-419.42 101.45 1091.39 102.35 1210.96 101.39C1219.32 101.09 1227.29 100.52 1234.83 99.06C1242.6 97.58 1250.06 94.9 1257.11 91.3C1269.8 84.96 1281.59 75.45 1295.12 72.07C1306.45 69.1 1317.76 71.28 1328.82 75.45C1349.07 83.2 1368.28 94.85 1389.75 98.64C1396.9 100 1404.37 100.72 1412.27 101.13C1491.8 102.67 2838.51 101.31 2918.1 101.75M-539 121.75C-421.58 121.29 1087.14 122.68 1204.53 121.19C1213.38 120.72 1221.72 119.83 1229.67 117.61C1250.12 112.42 1265.48 96.36 1284.15 87.69C1301.99 79.3 1322.62 81.17 1340.47 88.21C1372.15 101.32 1386.71 119.99 1424.14 121.03C1499.69 122.81 2842.46 121.26 2918.09 121.75M-539 141.75C-425.39 141.28 1079.53 142.7 1193.11 141.17C1246.43 140.81 1256.67 100.99 1305.71 99.46C1366.32 96.72 1367.69 121.8 1412.42 137.35C1418.99 139.25 1425.79 140.24 1432.95 140.81C1505.55 143.1 2845.42 141.11 2918.08 141.74M-539 161.75C-429.2 161.28 1071.92 162.7 1181.68 161.16C1219.44 159.96 1229.17 145.73 1258.69 128.98C1272.74 121.48 1287.17 119.43 1303.7 119.07C1320.75 118.84 1339.78 118.39 1355.84 122.42C1381.3 128.51 1399.26 150.98 1424.49 157.52C1430.85 159.3 1437.47 160.24 1444.38 160.8C1513.17 163.08 2849.24 161.12 2918.1 161.74M-539 181.75C-432.92 181.3 1064.47 182.67 1170.51 181.18C1206.27 180.02 1217.53 166.38 1245.67 149.8C1268.26 136.79 1295.88 139.45 1321.29 139.11C1339.18 139.31 1355.6 138.59 1371.87 143.75C1384.59 147.76 1395.55 155.56 1406.51 162.96C1422.69 174.32 1439.08 180.23 1458.95 181.02C1522.92 182.78 2854.07 181.29 2918.09 181.76M-539 201.75C-436.55 201.25 1057.23 202.78 1159.63 201.1C1167.99 200.61 1175.9 199.71 1183.49 197.6C1206.11 191.8 1222.38 173.31 1243.71 164.93C1268.11 155.15 1295.38 161.62 1320.96 160.73C1352.38 159.76 1377.19 155.15 1404.63 173.73C1427.04 188.77 1440.44 199.39 1468.85 200.93C1529.5 202.87 2857.38 201.23 2918.09 201.75M-539 221.75C-442.31 221.44 1045.64 222.38 1142.31 221.35C1197.6 221.21 1202.71 190.66 1244.68 181.1C1256 178.95 1268.01 179.44 1279.27 181.41C1291.28 183.48 1302.82 187.33 1315.02 187.36C1327.85 187.6 1340.1 183.48 1352.7 181.3C1409.76 171.61 1417.34 204.74 1460.5 217.83C1466.85 219.5 1473.28 220.34 1479.92 220.85C1536.88 222.95 2861.07 221.21 2918.09 221.75M-539 241.75C-446.35 241.48 1037.53 242.3 1130.17 241.41C1140.49 241.02 1149.89 240.37 1159.52 237.82C1185.84 231.4 1203.91 207.37 1230.58 201.64C1247.18 197.91 1264.76 199.92 1280.32 206.74C1300.12 215.51 1313.01 223.53 1334.79 214.01C1346.45 209.08 1357.79 202.97 1370.39 201.04C1385.41 198.52 1401.3 200.18 1415.12 206.72C1434.56 215.84 1450.18 232.48 1471.51 237.75C1477.56 239.39 1483.68 240.25 1489.99 240.78C1543.58 243 2864.43 241.18 2918.1 241.75M-539 261.75C-447.72 261.2 1034.92 262.9 1126.14 261.01C1161.23 259.5 1172.57 244.96 1200.05 228.89C1212.82 221.77 1227.78 218.82 1242.42 220.08C1281.18 222.13 1297.33 260.2 1331.32 245.38C1339.05 242.11 1346.48 237.08 1353.9 233C1378 218.5 1409.41 218.29 1433.69 232.56C1455.53 245.55 1469.55 258.68 1496.58 260.65C1547.93 263.19 2866.63 261.12 2918.09 261.76M-539 281.75C-451.45 281.21 1027.45 282.87 1114.93 281.01C1163.24 280.45 1177.84 241.01 1221.27 239.86C1272.07 236.96 1287.08 287.58 1331.84 273.3C1346.82 268.3 1360.21 258.58 1375.59 254.53C1392.8 250.02 1411.53 250.06 1428.63 254.68C1448.86 260.36 1466.17 274.64 1486.92 278.69C1492.18 279.82 1497.6 280.5 1503.24 280.92C1552.43 282.83 2868.84 281.27 2918.1 281.75M-539 301.75C-455.25 301.2 1019.86 302.89 1103.53 301C1139.17 299.41 1150.36 283.87 1178.3 268.14C1199.45 256.86 1226.37 256.71 1247.61 268.03C1260.98 274.89 1272.8 285.39 1286.31 291.8C1308.89 303.36 1334.29 298.91 1357.65 292.55C1382.29 286.05 1408.55 285.16 1433.86 288.27C1453.34 290.91 1471.49 297.98 1491.19 299.89C1544.27 303.68 2864.86 300.95 2918.1 301.75M-539 321.75C-459.18 321.23 1012 322.85 1091.74 321.02C1099.1 320.54 1106.09 319.68 1112.82 317.91C1136.36 312.31 1153.12 292.78 1175.24 284.39C1193.25 277.7 1214.63 277.69 1232.74 284.59C1246.95 290 1259.44 300.23 1273.14 306.92C1294.72 317.95 1319.74 316.52 1343.6 315.57C1401.63 310.87 1459.75 313.77 1517.51 320.23C1559.76 322.95 2874.47 321.31 2918.08 321.74M-539 341.75C-462.92 341.22 1004.51 342.87 1080.5 340.98C1087.68 340.5 1094.53 339.68 1101.1 337.98C1136.35 328.37 1149.71 299.53 1192.35 299.2C1235.68 296.25 1254.45 319.84 1293.17 322.64C1331.21 324.85 1369.28 322.87 1407.54 323.26C1432.56 323.64 1458.79 322.08 1483.24 326.61C1499.76 329.82 1515.44 336.61 1532.13 339.16C1550.74 342.11 1570.65 341.61 1590.74 341.75C1610.87 341.75 2897.95 341.75 2918.09 341.75M-539 361.75C-466.43 361.19 997.52 362.95 1070.04 360.92C1077.11 360.41 1083.86 359.52 1090.32 357.8C1119.98 350.11 1138.06 323.24 1170.45 320.25C1185.73 318.37 1202.02 318.72 1217.14 319.64C1236.72 320.85 1254 325.29 1273.67 326.81C1336.58 330.21 1400.02 326.42 1463.01 328.85C1489.33 330.06 1504.48 342.48 1526.98 352.99C1541.18 359.44 1556.26 361 1571.68 361.45C1598.12 362.05 2891.6 361.62 2918.09 361.75M-539 381.75C-470.23 381.18 989.92 382.96 1058.63 380.91C1103.95 379.67 1118.55 344.96 1159.28 340.37C1177.88 338.25 1197.67 339.05 1216.58 339.07C1297.19 341.43 1378.07 339.52 1458.72 340.71C1466.85 341.03 1474.57 341.64 1481.91 343.24C1502.37 347.17 1518.09 361.83 1536.05 371.3C1551.59 379.68 1569.36 381.31 1586.78 381.57C1608.21 381.93 2896.63 381.7 2918.11 381.76M-539 401.75C-473.99 401.19 982.41 402.97 1047.37 400.87C1053.94 400.38 1060.23 399.57 1066.28 398.04C1088.21 393.1 1104.15 376.08 1124.15 366.93C1139.47 359.74 1156.68 359.27 1173.52 359.22C1271.94 358.88 1370.88 359.23 1469.38 359.79C1517.44 360.7 1523 383.5 1560.24 396.85C1570.48 400.13 1581.25 401.02 1592 401.41C1611.41 401.97 2898.28 401.68 2918.11 401.75M-539 421.75C-477.92 421.22 974.55 422.9 1035.57 420.91C1042.05 420.44 1048.23 419.65 1054.2 418.17C1074.89 413.62 1090.27 398.39 1108.61 388.81C1133.66 375.08 1162.67 381.41 1189.89 381.3C1201.7 381.27 1213.41 380.2 1225.19 379.62C1252.5 378.31 1281.15 378.86 1308.61 381.12C1364.67 385.33 1421.23 382.23 1477.44 383.55C1518.36 384 1525.74 396.52 1558.43 413.33C1570.39 418.96 1583.57 420.85 1596.69 421.34C1614.74 422 2899.68 421.68 2918.1 421.76M-539 441.75C-480.61 441.07 969.24 443.25 1027.54 440.62C1035.91 439.84 1044.05 438.3 1051.85 435.26C1074.61 426.52 1092.01 406.04 1116.75 401.67C1127.09 399.62 1137.85 399.79 1148.26 401.33C1160.81 403.12 1172.54 407.32 1185.15 407.93C1203.61 409 1220.98 401.16 1239.26 399.91C1255.39 398.54 1272.42 398.75 1288.25 401.64C1305.63 404.91 1322.07 411.74 1339.6 413.77C1348.89 414.98 1358.15 415.29 1367.63 415.44C1398.82 415.71 1430.13 415.49 1461.33 415.57C1480.53 415.82 1500.26 414.96 1518.99 419.19C1533.85 422.48 1547.85 430.42 1562.33 435.38C1574.05 439.47 1586.53 440.95 1598.97 441.38C1616.03 441.96 2900.53 441.68 2918.09 441.75M-539 461.75C-484.79 461.13 960.86 463.14 1014.99 460.68C1056.92 458.94 1073.12 425.09 1110.12 420.59C1124.55 418.71 1139.09 420.89 1152.49 426.66C1158.38 429.09 1164.26 432.08 1170.17 434.49C1203.51 449.78 1220.68 417.99 1261.43 419.28C1306.17 418.37 1319.21 447.69 1363.36 449.37C1417.23 451.63 1471.33 448.11 1524.49 452.95C1536.61 454.18 1548.04 456.5 1560.02 458.35C1589.82 463.01 2887.58 461.45 2918.1 461.75M-539 481.75C-492.42 481.53 945.39 482.24 991.92 481.36C1032.67 480.27 1039.68 469.06 1071.33 449.68C1094.55 436.05 1125.14 436.76 1148.12 450.95C1156.3 455.57 1164.29 461.48 1172.72 465.28C1209.4 481.96 1223.89 437.43 1272.32 439.65C1303.23 439.51 1320.42 459.58 1347.88 467.18C1358.09 469.86 1367.94 470.44 1379.1 470.76C1405.57 471.45 1434.99 470.2 1461.14 472.13C1473.83 473.06 1486.18 475.27 1498.76 476.99C1549.13 482.8 2866.92 481.46 2918.09 481.74M-539 501.75C-495.83 501.52 938.57 502.28 981.67 501.32C991.93 500.88 1002.03 500.02 1011.72 497.04C1033.38 490.87 1049.31 472.96 1070.06 464.78C1088.55 457.49 1110.72 458.21 1128.64 466.83C1148.87 476.12 1165.94 496.33 1189.6 495.79C1229.81 493.62 1239.96 447.95 1305.28 462.39C1322.69 466.64 1339.43 474.01 1357.39 475.63C1385.75 478.47 1415.64 476.22 1444.7 477.73C1460.16 478.32 1474.8 482.33 1488.99 488.4C1499.66 492.78 1510.32 497 1521.7 498.94C1533.43 501.03 1545.72 501.34 1557.75 501.57C1588.86 501.93 2886.96 501.67 2918.1 501.75M-539 521.75C-502.15 521.64 925.89 522.01 962.72 521.54C971.16 521.34 979.77 520.99 987.95 519.75C1014.44 516.49 1029.42 499.82 1051.48 488.1C1066.74 480.16 1084.88 478.13 1101.82 481.78C1117.75 485.06 1131.02 494.9 1144.21 503.85C1166.44 519.77 1193.46 524.85 1218.57 512.44C1239.82 501.86 1255.81 484.21 1280.61 480.75C1300.75 477.56 1322.05 481.04 1342.39 482.43C1371.69 484.6 1404.08 483.37 1433.95 483.97C1465.42 484.27 1477.52 489.96 1503.48 506.39C1519.91 516.76 1537.53 520.94 1557.42 521.33C1588.63 522.19 2886.87 521.57 2918.1 521.75M-539 541.75C-505.23 541.62 919.72 542.05 953.44 541.48C961.54 541.25 969.75 540.85 977.6 539.6C1004.76 536.09 1020.96 516.86 1044.46 506.31C1062.55 498.49 1084.7 498.42 1102.91 506.19C1121.24 513.92 1135.95 529.06 1154.75 535.69C1176.15 543.11 1205.78 542.98 1226.81 534.06C1246.88 525.48 1262.86 508.26 1284.39 502.74C1304.5 497.56 1325.17 499.45 1346.29 499.25C1369.1 499.45 1391.94 499.34 1414.75 499.38C1458.41 499.63 1475.72 497.43 1512.39 524.36C1538 542.5 1563.72 541.67 1594.36 541.76C1613.29 541.76 2899.17 541.76 2918.1 541.76M-539 561.75C-511.05 561.69 908.07 561.89 936.01 561.62C946.97 561.43 958.17 561.14 968.84 559.1C980.24 556.98 990.8 552.16 1000.59 545.91C1011.41 539.04 1021.67 531.01 1033.59 526.08C1050.63 518.88 1071.28 518.68 1088.55 525.15C1102.18 530.18 1113.58 539.51 1125.81 547.08C1148.8 562.45 1177.11 562.12 1204.06 561.1C1240.23 559.79 1250.65 546.13 1279.09 529.66C1296.79 519.58 1317.41 518.98 1337.41 518.95C1369.94 518.67 1402.02 519.79 1434.49 520.03C1456.63 520.31 1479.95 519.43 1499.8 530.26C1512.27 536.63 1523.4 545.96 1535.87 552.07C1553.78 561.39 1574.33 561.54 1594.1 561.7C1613.07 561.78 2899.08 561.73 2918.12 561.74M-539 581.75C-516.83 581.72 896.52 581.82 918.69 581.7C939.16 581.48 960.04 581.33 977.93 572.14C992.59 565 1004.91 553.64 1019.79 546.94C1037.54 538.67 1059.6 538.2 1077.69 545.21C1090.53 550.1 1101.5 558.87 1113.04 566.18C1140.72 585.3 1176.79 581.28 1209.23 581.28C1267.05 580.98 1269.7 550.82 1313.9 541.13C1351.64 534.77 1389.53 542.8 1426.86 545.84C1446.6 547.2 1466.98 545.84 1486.5 548.63C1502.39 550.75 1516.49 558.65 1530.16 566.62C1546.92 576.59 1563.1 580.92 1582.59 581.36C1605.38 582.07 2895.22 581.61 2918.11 581.74M-539 601.75C-518.06 601.7 894.06 601.89 914.99 601.59C936.84 601.44 956.4 599.17 974.32 587.71C986.03 580.64 996.87 571.68 1009.47 566.27C1027.5 558.34 1049.59 557.89 1067.91 564.99C1080.63 569.86 1091.63 578.55 1103.2 585.58C1131.52 604.06 1167.71 598.93 1200.31 599.75C1220.72 599.46 1242.59 600.36 1261.03 592.38C1289.27 579.73 1300.98 561.17 1335.79 559.43C1350.02 558.59 1364.63 559.19 1378.45 562.75C1394.75 566.96 1410.42 575.54 1427.11 578.69C1451.9 583.59 1478.4 580.03 1503.14 584.14C1522.16 587.12 1539.74 596.13 1558.76 599.18C1587.88 603.47 2887.78 601.15 2918.08 601.74M-539 621.75C-522.16 621.72 886.58 621.83 902.89 621.64C913.55 621.46 924.25 621.16 934.7 619.08C952.3 615.99 967.12 605.08 981.62 595.22C1002.96 580.3 1027.3 576.38 1052.55 581.4C1075.53 585.95 1094.25 603.4 1117.07 608.16C1129.32 610.95 1142.14 611.16 1155.05 611.35C1174.23 611.49 1193.55 611.4 1212.73 611.41C1239.43 611.44 1263.25 611.49 1287.15 597.67C1311.79 583.84 1327.17 577.73 1356.17 579.34C1371.24 580 1384.68 584.42 1397.47 592.02C1422.25 607.29 1435.48 614.91 1466 615.37C1479.97 615.83 1494.2 615.69 1508.12 616.47C1522.42 617.19 1536.16 618.99 1550.37 620.15C1582.71 622.7 2884.74 621.48 2918.11 621.76M-539 641.75C-514.36 641.24 900.9 643.26 924.9 639.3C938.93 636.79 951.46 629.48 962.95 621.27C979.12 609.47 994.76 600.84 1015.16 599.68C1030.79 598.57 1046.76 599.13 1062.05 602.31C1073.72 604.74 1085.05 608.77 1096.66 611.33C1109.44 614.23 1122.29 615.05 1135.75 615.35C1161.5 615.78 1187.55 615.5 1213.35 615.57C1235.99 615.34 1256.6 616.18 1277.96 611.93C1292.32 609.04 1306.03 603.82 1320.52 601.37C1345.66 597.91 1374.46 596.5 1397.3 608.97C1414.72 618.47 1429.41 632.99 1449.14 637.46C1459.11 639.96 1469.72 640.43 1480.21 640.69C1537.22 641.35 2861.06 641.96 2918.09 641.74M-539 661.75C-514.72 661.19 900.75 663.45 924.51 658.73C943.95 654.67 958.7 640.95 975.69 631.48C1013.88 610.76 1065.23 621.89 1107.15 622.68C1154.21 623.7 1202.51 623.14 1249.74 623.08C1291.97 623.19 1334.14 616 1376.04 620.14C1416.35 624.31 1428.53 659.72 1471.85 660.96C1531.5 662.86 2858.38 661.23 2918.09 661.75M-539 681.75C-512.36 681.2 904.87 683.48 930.57 678.46C950.88 674.15 968.68 661.71 987.98 653.54C1014.14 641.88 1042.47 639.59 1071.16 639.62C1155.92 639.82 1240.9 640.14 1325.65 639.31C1350.84 639.87 1377.99 636.46 1400.96 648.33C1419.07 657.74 1433.73 673.82 1454.2 678.4C1459.81 679.82 1465.64 680.58 1471.73 681.02C1531.42 682.78 2858.33 681.25 2918.1 681.74M-539 701.75C-495.8 701.11 938.51 705.28 978.32 690.27C1042.26 665.11 1043.15 662.41 1113.57 662.82C1197.91 663.64 1282.7 661.06 1366.97 663.96C1377.66 664.97 1387.99 667.82 1397.46 672.77C1422.79 686.77 1434.45 699.57 1465.97 701.01C1527.6 702.79 2856.42 701.27 2918.1 701.75M-539 721.75C-488.48 720.45 954.76 726.12 1003.47 713.09C1023.12 707.54 1042.06 699.09 1062.33 696.61C1069.73 695.61 1077.45 695.15 1085.56 694.92C1166.15 694.18 1246.95 694.83 1327.54 694.63C1347.19 694.86 1367.68 693.96 1386.31 699.84C1404.02 705.39 1420.84 716.24 1439.5 719.14C1445.5 720.21 1451.74 720.79 1458.23 721.13C1522.44 722.59 2853.82 721.34 2918.09 721.74M-539 741.75C-497.05 741.56 936.13 742.27 978.03 741.12C1009.62 740.97 1038.3 733.43 1069.52 731.43C1164.59 729.73 1260.06 730.88 1355.17 730.9C1382.71 730.52 1407.28 738.32 1434.48 740.55C1506.54 743.3 2845.94 741.04 2918.09 741.74M-539 761.75C-464.69 761.89 1000.64 761.96 1074.89 759.63C1267.01 757.83 2725.97 762.55 2918.09 761.75M-539 781.75C-272.66 781.52 2651.75 781.65 2918.1 781.75"
+                    stroke="url(#paint1_linear_124_915)"
+                    stroke-width="3"
+                    stroke-linecap="round"></path>
+                <path
+                    d="M-539 1.75H2918.1M-539 21.75H2918.1M-539 41.75C-272.65 41.7 2651.75 41.55 2918.1 41.75M-539 61.75C-407.97 61.18 1114.4 62.92 1245.39 61.02C1263.84 60.37 1281.51 56.53 1299.79 56.46C1416.53 66.16 2800.99 60.25 2918.1 61.75M-539 81.75C-417.23 81.56 1095.77 82.13 1217.5 81.52C1232.91 81.19 1247.33 80.23 1261.79 75.51C1286.54 66.88 1299.29 60.5 1325.98 68.68C1341.4 73.22 1356.23 77.74 1372.51 79.5C1380.16 80.42 1388.2 80.94 1396.47 81.25C1481.3 82.48 2833.23 81.4 2918.09 81.74M-539 101.75C-419.42 101.45 1091.39 102.35 1210.96 101.39C1219.32 101.09 1227.29 100.52 1234.83 99.06C1242.6 97.58 1250.06 94.9 1257.11 91.3C1269.8 84.96 1281.59 75.45 1295.12 72.07C1306.45 69.1 1317.76 71.28 1328.82 75.45C1349.07 83.2 1368.28 94.85 1389.75 98.64C1396.9 100 1404.37 100.72 1412.27 101.13C1491.8 102.67 2838.51 101.31 2918.1 101.75M-539 121.75C-421.58 121.29 1087.14 122.68 1204.53 121.19C1213.38 120.72 1221.72 119.83 1229.67 117.61C1250.12 112.42 1265.48 96.36 1284.15 87.69C1301.99 79.3 1322.62 81.17 1340.47 88.21C1372.15 101.32 1386.71 119.99 1424.14 121.03C1499.69 122.81 2842.46 121.26 2918.09 121.75M-539 141.75C-425.39 141.28 1079.53 142.7 1193.11 141.17C1246.43 140.81 1256.67 100.99 1305.71 99.46C1366.32 96.72 1367.69 121.8 1412.42 137.35C1418.99 139.25 1425.79 140.24 1432.95 140.81C1505.55 143.1 2845.42 141.11 2918.08 141.74M-539 161.75C-429.2 161.28 1071.92 162.7 1181.68 161.16C1219.44 159.96 1229.17 145.73 1258.69 128.98C1272.74 121.48 1287.17 119.43 1303.7 119.07C1320.75 118.84 1339.78 118.39 1355.84 122.42C1381.3 128.51 1399.26 150.98 1424.49 157.52C1430.85 159.3 1437.47 160.24 1444.38 160.8C1513.17 163.08 2849.24 161.12 2918.1 161.74M-539 181.75C-432.92 181.3 1064.47 182.67 1170.51 181.18C1206.27 180.02 1217.53 166.38 1245.67 149.8C1268.26 136.79 1295.88 139.45 1321.29 139.11C1339.18 139.31 1355.6 138.59 1371.87 143.75C1384.59 147.76 1395.55 155.56 1406.51 162.96C1422.69 174.32 1439.08 180.23 1458.95 181.02C1522.92 182.78 2854.07 181.29 2918.09 181.76M-539 201.75C-436.55 201.25 1057.23 202.78 1159.63 201.1C1167.99 200.61 1175.9 199.71 1183.49 197.6C1206.11 191.8 1222.38 173.31 1243.71 164.93C1268.11 155.15 1295.38 161.62 1320.96 160.73C1352.38 159.76 1377.19 155.15 1404.63 173.73C1427.04 188.77 1440.44 199.39 1468.85 200.93C1529.5 202.87 2857.38 201.23 2918.09 201.75M-539 221.75C-442.31 221.44 1045.64 222.38 1142.31 221.35C1197.6 221.21 1202.71 190.66 1244.68 181.1C1256 178.95 1268.01 179.44 1279.27 181.41C1291.28 183.48 1302.82 187.33 1315.02 187.36C1327.85 187.6 1340.1 183.48 1352.7 181.3C1409.76 171.61 1417.34 204.74 1460.5 217.83C1466.85 219.5 1473.28 220.34 1479.92 220.85C1536.88 222.95 2861.07 221.21 2918.09 221.75M-539 241.75C-446.35 241.48 1037.53 242.3 1130.17 241.41C1140.49 241.02 1149.89 240.37 1159.52 237.82C1185.84 231.4 1203.91 207.37 1230.58 201.64C1247.18 197.91 1264.76 199.92 1280.32 206.74C1300.12 215.51 1313.01 223.53 1334.79 214.01C1346.45 209.08 1357.79 202.97 1370.39 201.04C1385.41 198.52 1401.3 200.18 1415.12 206.72C1434.56 215.84 1450.18 232.48 1471.51 237.75C1477.56 239.39 1483.68 240.25 1489.99 240.78C1543.58 243 2864.43 241.18 2918.1 241.75M-539 261.75C-447.72 261.2 1034.92 262.9 1126.14 261.01C1161.23 259.5 1172.57 244.96 1200.05 228.89C1212.82 221.77 1227.78 218.82 1242.42 220.08C1281.18 222.13 1297.33 260.2 1331.32 245.38C1339.05 242.11 1346.48 237.08 1353.9 233C1378 218.5 1409.41 218.29 1433.69 232.56C1455.53 245.55 1469.55 258.68 1496.58 260.65C1547.93 263.19 2866.63 261.12 2918.09 261.76M-539 281.75C-451.45 281.21 1027.45 282.87 1114.93 281.01C1163.24 280.45 1177.84 241.01 1221.27 239.86C1272.07 236.96 1287.08 287.58 1331.84 273.3C1346.82 268.3 1360.21 258.58 1375.59 254.53C1392.8 250.02 1411.53 250.06 1428.63 254.68C1448.86 260.36 1466.17 274.64 1486.92 278.69C1492.18 279.82 1497.6 280.5 1503.24 280.92C1552.43 282.83 2868.84 281.27 2918.1 281.75M-539 301.75C-455.25 301.2 1019.86 302.89 1103.53 301C1139.17 299.41 1150.36 283.87 1178.3 268.14C1199.45 256.86 1226.37 256.71 1247.61 268.03C1260.98 274.89 1272.8 285.39 1286.31 291.8C1308.89 303.36 1334.29 298.91 1357.65 292.55C1382.29 286.05 1408.55 285.16 1433.86 288.27C1453.34 290.91 1471.49 297.98 1491.19 299.89C1544.27 303.68 2864.86 300.95 2918.1 301.75M-539 321.75C-459.18 321.23 1012 322.85 1091.74 321.02C1099.1 320.54 1106.09 319.68 1112.82 317.91C1136.36 312.31 1153.12 292.78 1175.24 284.39C1193.25 277.7 1214.63 277.69 1232.74 284.59C1246.95 290 1259.44 300.23 1273.14 306.92C1294.72 317.95 1319.74 316.52 1343.6 315.57C1401.63 310.87 1459.75 313.77 1517.51 320.23C1559.76 322.95 2874.47 321.31 2918.08 321.74M-539 341.75C-462.92 341.22 1004.51 342.87 1080.5 340.98C1087.68 340.5 1094.53 339.68 1101.1 337.98C1136.35 328.37 1149.71 299.53 1192.35 299.2C1235.68 296.25 1254.45 319.84 1293.17 322.64C1331.21 324.85 1369.28 322.87 1407.54 323.26C1432.56 323.64 1458.79 322.08 1483.24 326.61C1499.76 329.82 1515.44 336.61 1532.13 339.16C1550.74 342.11 1570.65 341.61 1590.74 341.75C1610.87 341.75 2897.95 341.75 2918.09 341.75M-539 361.75C-466.43 361.19 997.52 362.95 1070.04 360.92C1077.11 360.41 1083.86 359.52 1090.32 357.8C1119.98 350.11 1138.06 323.24 1170.45 320.25C1185.73 318.37 1202.02 318.72 1217.14 319.64C1236.72 320.85 1254 325.29 1273.67 326.81C1336.58 330.21 1400.02 326.42 1463.01 328.85C1489.33 330.06 1504.48 342.48 1526.98 352.99C1541.18 359.44 1556.26 361 1571.68 361.45C1598.12 362.05 2891.6 361.62 2918.09 361.75M-539 381.75C-470.23 381.18 989.92 382.96 1058.63 380.91C1103.95 379.67 1118.55 344.96 1159.28 340.37C1177.88 338.25 1197.67 339.05 1216.58 339.07C1297.19 341.43 1378.07 339.52 1458.72 340.71C1466.85 341.03 1474.57 341.64 1481.91 343.24C1502.37 347.17 1518.09 361.83 1536.05 371.3C1551.59 379.68 1569.36 381.31 1586.78 381.57C1608.21 381.93 2896.63 381.7 2918.11 381.76M-539 401.75C-473.99 401.19 982.41 402.97 1047.37 400.87C1053.94 400.38 1060.23 399.57 1066.28 398.04C1088.21 393.1 1104.15 376.08 1124.15 366.93C1139.47 359.74 1156.68 359.27 1173.52 359.22C1271.94 358.88 1370.88 359.23 1469.38 359.79C1517.44 360.7 1523 383.5 1560.24 396.85C1570.48 400.13 1581.25 401.02 1592 401.41C1611.41 401.97 2898.28 401.68 2918.11 401.75M-539 421.75C-477.92 421.22 974.55 422.9 1035.57 420.91C1042.05 420.44 1048.23 419.65 1054.2 418.17C1074.89 413.62 1090.27 398.39 1108.61 388.81C1133.66 375.08 1162.67 381.41 1189.89 381.3C1201.7 381.27 1213.41 380.2 1225.19 379.62C1252.5 378.31 1281.15 378.86 1308.61 381.12C1364.67 385.33 1421.23 382.23 1477.44 383.55C1518.36 384 1525.74 396.52 1558.43 413.33C1570.39 418.96 1583.57 420.85 1596.69 421.34C1614.74 422 2899.68 421.68 2918.1 421.76M-539 441.75C-480.61 441.07 969.24 443.25 1027.54 440.62C1035.91 439.84 1044.05 438.3 1051.85 435.26C1074.61 426.52 1092.01 406.04 1116.75 401.67C1127.09 399.62 1137.85 399.79 1148.26 401.33C1160.81 403.12 1172.54 407.32 1185.15 407.93C1203.61 409 1220.98 401.16 1239.26 399.91C1255.39 398.54 1272.42 398.75 1288.25 401.64C1305.63 404.91 1322.07 411.74 1339.6 413.77C1348.89 414.98 1358.15 415.29 1367.63 415.44C1398.82 415.71 1430.13 415.49 1461.33 415.57C1480.53 415.82 1500.26 414.96 1518.99 419.19C1533.85 422.48 1547.85 430.42 1562.33 435.38C1574.05 439.47 1586.53 440.95 1598.97 441.38C1616.03 441.96 2900.53 441.68 2918.09 441.75M-539 461.75C-484.79 461.13 960.86 463.14 1014.99 460.68C1056.92 458.94 1073.12 425.09 1110.12 420.59C1124.55 418.71 1139.09 420.89 1152.49 426.66C1158.38 429.09 1164.26 432.08 1170.17 434.49C1203.51 449.78 1220.68 417.99 1261.43 419.28C1306.17 418.37 1319.21 447.69 1363.36 449.37C1417.23 451.63 1471.33 448.11 1524.49 452.95C1536.61 454.18 1548.04 456.5 1560.02 458.35C1589.82 463.01 2887.58 461.45 2918.1 461.75M-539 481.75C-492.42 481.53 945.39 482.24 991.92 481.36C1032.67 480.27 1039.68 469.06 1071.33 449.68C1094.55 436.05 1125.14 436.76 1148.12 450.95C1156.3 455.57 1164.29 461.48 1172.72 465.28C1209.4 481.96 1223.89 437.43 1272.32 439.65C1303.23 439.51 1320.42 459.58 1347.88 467.18C1358.09 469.86 1367.94 470.44 1379.1 470.76C1405.57 471.45 1434.99 470.2 1461.14 472.13C1473.83 473.06 1486.18 475.27 1498.76 476.99C1549.13 482.8 2866.92 481.46 2918.09 481.74M-539 501.75C-495.83 501.52 938.57 502.28 981.67 501.32C991.93 500.88 1002.03 500.02 1011.72 497.04C1033.38 490.87 1049.31 472.96 1070.06 464.78C1088.55 457.49 1110.72 458.21 1128.64 466.83C1148.87 476.12 1165.94 496.33 1189.6 495.79C1229.81 493.62 1239.96 447.95 1305.28 462.39C1322.69 466.64 1339.43 474.01 1357.39 475.63C1385.75 478.47 1415.64 476.22 1444.7 477.73C1460.16 478.32 1474.8 482.33 1488.99 488.4C1499.66 492.78 1510.32 497 1521.7 498.94C1533.43 501.03 1545.72 501.34 1557.75 501.57C1588.86 501.93 2886.96 501.67 2918.1 501.75M-539 521.75C-502.15 521.64 925.89 522.01 962.72 521.54C971.16 521.34 979.77 520.99 987.95 519.75C1014.44 516.49 1029.42 499.82 1051.48 488.1C1066.74 480.16 1084.88 478.13 1101.82 481.78C1117.75 485.06 1131.02 494.9 1144.21 503.85C1166.44 519.77 1193.46 524.85 1218.57 512.44C1239.82 501.86 1255.81 484.21 1280.61 480.75C1300.75 477.56 1322.05 481.04 1342.39 482.43C1371.69 484.6 1404.08 483.37 1433.95 483.97C1465.42 484.27 1477.52 489.96 1503.48 506.39C1519.91 516.76 1537.53 520.94 1557.42 521.33C1588.63 522.19 2886.87 521.57 2918.1 521.75M-539 541.75C-505.23 541.62 919.72 542.05 953.44 541.48C961.54 541.25 969.75 540.85 977.6 539.6C1004.76 536.09 1020.96 516.86 1044.46 506.31C1062.55 498.49 1084.7 498.42 1102.91 506.19C1121.24 513.92 1135.95 529.06 1154.75 535.69C1176.15 543.11 1205.78 542.98 1226.81 534.06C1246.88 525.48 1262.86 508.26 1284.39 502.74C1304.5 497.56 1325.17 499.45 1346.29 499.25C1369.1 499.45 1391.94 499.34 1414.75 499.38C1458.41 499.63 1475.72 497.43 1512.39 524.36C1538 542.5 1563.72 541.67 1594.36 541.76C1613.29 541.76 2899.17 541.76 2918.1 541.76M-539 561.75C-511.05 561.69 908.07 561.89 936.01 561.62C946.97 561.43 958.17 561.14 968.84 559.1C980.24 556.98 990.8 552.16 1000.59 545.91C1011.41 539.04 1021.67 531.01 1033.59 526.08C1050.63 518.88 1071.28 518.68 1088.55 525.15C1102.18 530.18 1113.58 539.51 1125.81 547.08C1148.8 562.45 1177.11 562.12 1204.06 561.1C1240.23 559.79 1250.65 546.13 1279.09 529.66C1296.79 519.58 1317.41 518.98 1337.41 518.95C1369.94 518.67 1402.02 519.79 1434.49 520.03C1456.63 520.31 1479.95 519.43 1499.8 530.26C1512.27 536.63 1523.4 545.96 1535.87 552.07C1553.78 561.39 1574.33 561.54 1594.1 561.7C1613.07 561.78 2899.08 561.73 2918.12 561.74M-539 581.75C-516.83 581.72 896.52 581.82 918.69 581.7C939.16 581.48 960.04 581.33 977.93 572.14C992.59 565 1004.91 553.64 1019.79 546.94C1037.54 538.67 1059.6 538.2 1077.69 545.21C1090.53 550.1 1101.5 558.87 1113.04 566.18C1140.72 585.3 1176.79 581.28 1209.23 581.28C1267.05 580.98 1269.7 550.82 1313.9 541.13C1351.64 534.77 1389.53 542.8 1426.86 545.84C1446.6 547.2 1466.98 545.84 1486.5 548.63C1502.39 550.75 1516.49 558.65 1530.16 566.62C1546.92 576.59 1563.1 580.92 1582.59 581.36C1605.38 582.07 2895.22 581.61 2918.11 581.74M-539 601.75C-518.06 601.7 894.06 601.89 914.99 601.59C936.84 601.44 956.4 599.17 974.32 587.71C986.03 580.64 996.87 571.68 1009.47 566.27C1027.5 558.34 1049.59 557.89 1067.91 564.99C1080.63 569.86 1091.63 578.55 1103.2 585.58C1131.52 604.06 1167.71 598.93 1200.31 599.75C1220.72 599.46 1242.59 600.36 1261.03 592.38C1289.27 579.73 1300.98 561.17 1335.79 559.43C1350.02 558.59 1364.63 559.19 1378.45 562.75C1394.75 566.96 1410.42 575.54 1427.11 578.69C1451.9 583.59 1478.4 580.03 1503.14 584.14C1522.16 587.12 1539.74 596.13 1558.76 599.18C1587.88 603.47 2887.78 601.15 2918.08 601.74M-539 621.75C-522.16 621.72 886.58 621.83 902.89 621.64C913.55 621.46 924.25 621.16 934.7 619.08C952.3 615.99 967.12 605.08 981.62 595.22C1002.96 580.3 1027.3 576.38 1052.55 581.4C1075.53 585.95 1094.25 603.4 1117.07 608.16C1129.32 610.95 1142.14 611.16 1155.05 611.35C1174.23 611.49 1193.55 611.4 1212.73 611.41C1239.43 611.44 1263.25 611.49 1287.15 597.67C1311.79 583.84 1327.17 577.73 1356.17 579.34C1371.24 580 1384.68 584.42 1397.47 592.02C1422.25 607.29 1435.48 614.91 1466 615.37C1479.97 615.83 1494.2 615.69 1508.12 616.47C1522.42 617.19 1536.16 618.99 1550.37 620.15C1582.71 622.7 2884.74 621.48 2918.11 621.76M-539 641.75C-514.36 641.24 900.9 643.26 924.9 639.3C938.93 636.79 951.46 629.48 962.95 621.27C979.12 609.47 994.76 600.84 1015.16 599.68C1030.79 598.57 1046.76 599.13 1062.05 602.31C1073.72 604.74 1085.05 608.77 1096.66 611.33C1109.44 614.23 1122.29 615.05 1135.75 615.35C1161.5 615.78 1187.55 615.5 1213.35 615.57C1235.99 615.34 1256.6 616.18 1277.96 611.93C1292.32 609.04 1306.03 603.82 1320.52 601.37C1345.66 597.91 1374.46 596.5 1397.3 608.97C1414.72 618.47 1429.41 632.99 1449.14 637.46C1459.11 639.96 1469.72 640.43 1480.21 640.69C1537.22 641.35 2861.06 641.96 2918.09 641.74M-539 661.75C-514.72 661.19 900.75 663.45 924.51 658.73C943.95 654.67 958.7 640.95 975.69 631.48C1013.88 610.76 1065.23 621.89 1107.15 622.68C1154.21 623.7 1202.51 623.14 1249.74 623.08C1291.97 623.19 1334.14 616 1376.04 620.14C1416.35 624.31 1428.53 659.72 1471.85 660.96C1531.5 662.86 2858.38 661.23 2918.09 661.75M-539 681.75C-512.36 681.2 904.87 683.48 930.57 678.46C950.88 674.15 968.68 661.71 987.98 653.54C1014.14 641.88 1042.47 639.59 1071.16 639.62C1155.92 639.82 1240.9 640.14 1325.65 639.31C1350.84 639.87 1377.99 636.46 1400.96 648.33C1419.07 657.74 1433.73 673.82 1454.2 678.4C1459.81 679.82 1465.64 680.58 1471.73 681.02C1531.42 682.78 2858.33 681.25 2918.1 681.74M-539 701.75C-495.8 701.11 938.51 705.28 978.32 690.27C1042.26 665.11 1043.15 662.41 1113.57 662.82C1197.91 663.64 1282.7 661.06 1366.97 663.96C1377.66 664.97 1387.99 667.82 1397.46 672.77C1422.79 686.77 1434.45 699.57 1465.97 701.01C1527.6 702.79 2856.42 701.27 2918.1 701.75M-539 721.75C-488.48 720.45 954.76 726.12 1003.47 713.09C1023.12 707.54 1042.06 699.09 1062.33 696.61C1069.73 695.61 1077.45 695.15 1085.56 694.92C1166.15 694.18 1246.95 694.83 1327.54 694.63C1347.19 694.86 1367.68 693.96 1386.31 699.84C1404.02 705.39 1420.84 716.24 1439.5 719.14C1445.5 720.21 1451.74 720.79 1458.23 721.13C1522.44 722.59 2853.82 721.34 2918.09 721.74M-539 741.75C-497.05 741.56 936.13 742.27 978.03 741.12C1009.62 740.97 1038.3 733.43 1069.52 731.43C1164.59 729.73 1260.06 730.88 1355.17 730.9C1382.71 730.52 1407.28 738.32 1434.48 740.55C1506.54 743.3 2845.94 741.04 2918.09 741.74M-539 761.75C-464.69 761.89 1000.64 761.96 1074.89 759.63C1267.01 757.83 2725.97 762.55 2918.09 761.75M-539 781.75C-272.66 781.52 2651.75 781.65 2918.1 781.75"
+                    stroke="url(#paint2_linear_124_915)"
+                    stroke-width="3"
+                    stroke-linecap="round"></path>
+                <defs>
+                    <linearGradient
+                        id="paint0_linear_124_915"
+                        x1="1060.01"
+                        y1="392.25"
+                        x2="1060.01"
+                        y2="782.25"
+                        gradientUnits="userSpaceOnUse"
+                    >
+                        <stop stop-color="#332D2C"></stop>
+                        <stop
+                            offset="1"
+                            stop-color="#332D2C"
+                            stop-opacity="0"></stop>
+                    </linearGradient>
+                    <linearGradient
+                        id="paint1_linear_124_915"
+                        x1="1546.5"
+                        y1="782.25"
+                        x2="1981.88"
+                        y2="906.777"
+                        gradientUnits="userSpaceOnUse"
+                    >
+                        <stop stop-opacity="0"></stop>
+                        <stop
+                            offset="0.448642"
+                            stop-color="#0D0C0C"></stop>
+                    </linearGradient>
+                    <linearGradient
+                        id="paint2_linear_124_915"
+                        x1="1054"
+                        y1="392.25"
+                        x2="455.211"
+                        y2="10.8806"
+                        gradientUnits="userSpaceOnUse"
+                    >
+                        <stop stop-opacity="0"></stop>
+                        <stop
+                            offset="0.448642"
+                            stop-color="#0D0C0C"></stop>
+                    </linearGradient>
+                </defs>
+            </svg>{/if}
+    </div>
+    <section class="wrapper">
+        <div class="inner-container">
+            <div class="content">
+                <small>Newsletter</small>
+                <h2 class="h1">Bleib <em class="red">Krass</em></h2>
+
+                {#if emailIsSubscribed}
+                    <p>Du wirst jetzt über die neuesten Styles informiert!</p>
+                {:else}
+                    <p>Wir informieren Dich über die neuesten Styles, wenn Du es willst!</p>
+                    <form
+                        on:submit|preventDefault|stopPropagation="{() => {
+                            submitNewsletter(email, dataProt).then(() => (emailIsSubscribed = true))
+                        }}"
+                    >
+                        <input
+                            type="text"
+                            placeholder="E-Mail"
+                            bind:value="{email}"
+                            id="email"
+                            class="specialInputStyle"
+                            on:focus="{(e) => {}}"
+                        />
+                        <div class="data-protection">
+                            <Input
+                                type="checkbox"
+                                bind:value="{dataProt}"
+                                id="dataprot"
+                                classList="specialCheckStyle"
+                                onChange="{onChange}"
+                            />
+                            <p>
+                                <a
+                                    href="/datenschutz"
+                                    use:spaLink>Datenschutz</a
+                                > zum Newsletterversand akzeptieren
+                            </p>
+                            <button
+                                class="btn cta primary"
+                                type="submit"
+                            >
+                                Anmelden</button
+                            >
+                        </div>
+                    </form>
+                {/if}
+            </div>
+            <div class="placeholder"></div>
+        </div>
+    </section>
+</section>
+
+<style
+    lang="less"
+    global
+>
+    @import "../../../assets/css/variables.less";
+    section.newsletter {
+        height: 38px;
+        min-height: 75vh;
+        padding-bottom: 3rem;
+        position: relative;
+        width: 100%;
+        background-color: var(--bg-100);
+        overflow: hidden;
+        .background-image {
+            z-index: 1;
+            top: 0px;
+            left: 0px;
+
+            position: absolute;
+            width: 100%;
+            height: calc(100% - 3rem);
+            overflow: hidden;
+
+            svg,
+            img {
+                position: absolute;
+                top: 0;
+                right: 0;
+                height: 100%;
+                width: auto;
+                min-width: 100%;
+            }
+            &.mobile {
+                width: calc(100% + 170px);
+                left: initial;
+                right: -170px;
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                }
+            }
+        }
+
+        .wrapper {
+            position: relative;
+            z-index: 2;
+            height: 100%;
+            .inner-container {
+                display: grid;
+                grid-template-columns: 1fr 1fr;
+                @media @mobile {
+                    grid-template-columns: 1fr;
+                }
+                height: 100%;
+                overflow: visible;
+                color: var(--neutral-white);
+                .content {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    height: 100%;
+                    overflow: visible;
+                    gap: 1.2rem;
+                    max-width: 525px;
+                    small {
+                        font-family: Outfit;
+                        font-size: 0.7rem;
+                        line-height: 0.7rem;
+                        font-weight: 700;
+                        line-height: normal;
+                        text-transform: uppercase;
+                    }
+                    small,
+                    p,
+                    .h1 {
+                        color: var(--text-100);
+                        width: 100%;
+                    }
+                    form {
+                        overflow: visible;
+                        width: 100%;
+                        height: fit-content;
+                    }
+                    .data-protection {
+                        .checkit-span {
+                            border-radius: 2px;
+                            border-bottom: 2px solid var(--bg-200, #332d2c);
+                            background: linear-gradient(283deg, rgba(0, 0, 0, 0) 72.52%, #0d0c0c 83.26%),
+                                linear-gradient(99deg, rgba(0, 0, 0, 0) 50.02%, #0d0c0c 66.41%),
+                                linear-gradient(180deg, #332d2c 50.06%, rgba(51, 45, 44, 0) 100.06%), #332d2c;
+                        }
+                        [type="checkbox"]:checked + .checkit-span:before {
+                            color: var(--text-100) !important;
+                        }
+                        display: flex;
+                        align-items: center;
+                        gap: 1.6rem;
+                        label {
+                            width: 1.2rem;
+                        }
+                        p {
+                            flex-grow: 1;
+                            a {
+                                color: var(--primary-200);
+                            }
+                            font-size: 0.7rem;
+                            font-weight: 700;
+                            text-transform: uppercase;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    input.specialInputStyle {
+        border-radius: 2px !important;
+        border-bottom: 2px solid var(--bg-200, #332d2c) !important;
+        background: linear-gradient(283deg, rgba(0, 0, 0, 0) 72.52%, #0d0c0c 83.26%),
+            linear-gradient(99deg, rgba(0, 0, 0, 0) 50.02%, #0d0c0c 66.41%),
+            linear-gradient(180deg, #332d2c 50.06%, rgba(51, 45, 44, 0) 100.06%), #332d2c !important;
+
+        padding: 12px 18px;
+        width: 100%;
+        outline: none;
+        color: var(--text-100);
+        &:hover,
+        &:focus {
+            box-shadow: 0px 0px 1px 0px #000 inset, 0px 0px 20px 0px #741e20 !important;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/PredefinedBlock.svelte b/frontend/src/lib/components/pagebuilder/blocks/PredefinedBlock.svelte
new file mode 100644
index 0000000..27602ea
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/PredefinedBlock.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import Content from "../../../../routes/Content.svelte"
+
+    export let block: ContentBlock<"predefinedBlock">
+</script>
+
+{#if block.predefinedBlock?.id}
+    <Content
+        id="{block.predefinedBlock.id}"
+        allwaysInView
+    />
+{/if}
diff --git a/frontend/src/lib/components/pagebuilder/blocks/RatingPreview/PreviewCard.svelte b/frontend/src/lib/components/pagebuilder/blocks/RatingPreview/PreviewCard.svelte
new file mode 100644
index 0000000..0b57eca
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/RatingPreview/PreviewCard.svelte
@@ -0,0 +1,261 @@
+<script
+    lang="ts"
+    context="module"
+>
+    import "simplebar"
+    import "simplebar/dist/simplebar.css"
+    import ResizeObserver from "resize-observer-polyfill"
+    if (typeof window !== "undefined") window.ResizeObserver = ResizeObserver
+</script>
+
+<script lang="ts">
+    import { getCachedEntries } from "../../../../../api"
+    import { getBCGraphProductsByIds } from "../../../../functions/CommerceAPIs/bigCommerce/product"
+    import { backgroundImages } from "../../../../store"
+    import MedialibImage from "../../../widgets/MedialibImage.svelte"
+
+    export let block: ContentBlock<"ratingPreview">
+    let ratings: ProductRating[] = []
+    let productsMap: Record<string, BKDFProduct> = {}
+    getCachedEntries("rating", {
+        _id: {
+            $in: block?.ratingsPreview?.ratings?.map((rating) => rating.rating),
+        },
+    }).then((entries) => {
+        getBCGraphProductsByIds(entries.map((entry) => String(entry.bigCommerceProductId))).then((products) => {
+            productsMap = products.reduce((acc, product) => {
+                acc[product.id] = product
+                return acc
+            }, {})
+            ratings = entries
+        })
+    })
+
+    function formatDate(date: string) {
+        return new Date(date).toLocaleDateString("de-DE", {
+            year: "numeric",
+            month: "long",
+            day: "numeric",
+        })
+    }
+
+    function returnWidthForRating(rating: ProductRating) {
+        const ratingP =
+            (rating.rating.quality + rating.rating.priceQualityRatio + rating.rating.comfort + rating.rating.overall) *
+            5
+        return ratingP
+    }
+
+    function returnAvgForRating(rating: ProductRating) {
+        const ratingP =
+            (rating.rating.quality + rating.rating.priceQualityRatio + rating.rating.comfort + rating.rating.overall) /
+            4
+        return ratingP.toFixed(1)
+    }
+</script>
+
+{#if ratings.length}
+    <div
+        data-simplebar
+        class="review-list-container horizontalScrollbar"
+    >
+        <ul class="review-list">
+            {#each ratings as rating}
+                <li class="review-item">
+                    <div class="upper-box">
+                        <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="48"
+                            height="49"
+                            viewBox="0 0 48 49"
+                            fill="none"
+                        >
+                            <path
+                                d="M48 0.25V47.5833L0 0.25H48Z"
+                                fill="white"></path>
+                        </svg>
+                        <div class="background-image">
+                            <img
+                                src="{productsMap[rating.bigCommerceProductId].featuredImage.url}"
+                                alt="{rating.title}"
+                            />
+                            <MedialibImage
+                                id="{$backgroundImages?.standard}"
+                                filter="l"
+                            />
+                        </div>
+                        <div class="overlay">
+                            <h3>
+                                {rating.title}
+                            </h3>
+                            <p>{rating.comment}</p>
+                            <div class="date">{formatDate(rating.review_date)}</div>
+                        </div>
+                    </div>
+                    <div class="rating-bar">
+                        <div
+                            class="rating-filled"
+                            style="width: {returnWidthForRating(rating)}%; "
+                        >
+                            <div class="star-wrapper">
+                                <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    width="25"
+                                    height="25"
+                                    viewBox="0 0 25 25"
+                                    fill="none"
+                                >
+                                    <path
+                                        d="M16.7692 23.1373L16.7717 23.1388C17.1926 23.3925 17.6791 23.5165 18.1701 23.4952C18.6612 23.474 19.1351 23.3085 19.5326 23.0193C19.9301 22.7302 20.2335 22.3303 20.405 21.8697C20.5762 21.4098 20.6083 20.9097 20.4972 20.4318C20.497 20.431 20.4968 20.4302 20.4967 20.4294L19.3653 15.5223L22.8594 12.4729H22.8607L23.1422 12.2302C23.515 11.9087 23.7846 11.4842 23.9171 11.0101C24.0496 10.536 24.0392 10.0333 23.8872 9.56506C23.7352 9.09682 23.4483 8.68389 23.0626 8.37804C22.6772 8.0725 22.2103 7.88743 21.7202 7.84595C21.7197 7.84591 21.7192 7.84587 21.7187 7.84583L16.7503 7.41534L14.8029 2.78442C14.8027 2.78387 14.8024 2.78331 14.8022 2.78276C14.6125 2.32902 14.2929 1.94145 13.8836 1.66874C13.4738 1.39569 12.9924 1.25 12.5 1.25C12.0076 1.25 11.5262 1.3957 11.1164 1.66874C10.7069 1.94157 10.3872 2.32937 10.1976 2.78337C10.1974 2.78372 10.1973 2.78407 10.1971 2.78442L8.25556 7.41539L3.28596 7.84583C3.28549 7.84586 3.28502 7.8459 3.28455 7.84594C2.7945 7.8874 2.32754 8.07248 1.94214 8.37804C1.55638 8.68388 1.2695 9.09682 1.11748 9.56506C0.965459 10.0333 0.955069 10.536 1.08761 11.0101L2.05069 10.7409L1.08761 11.0101C1.21983 11.4831 1.48842 11.9066 1.85981 12.2279L5.63577 15.5275L4.50617 20.4294C4.50605 20.43 4.50592 20.4305 4.50579 20.4311C4.39454 20.9092 4.42654 21.4096 4.59781 21.8697C4.76928 22.3303 5.07273 22.7302 5.47023 23.0193C5.86773 23.3085 6.34163 23.474 6.8327 23.4952C7.32376 23.5165 7.81019 23.3925 8.23118 23.1388L8.23442 23.1368L12.4968 20.546L16.7692 23.1373Z"
+                                        fill="#2F4858"
+                                        stroke="white"
+                                        stroke-width="2"></path>
+                                </svg>
+                                <span>{returnAvgForRating(rating)}</span>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            {/each}
+        </ul>
+    </div>
+{/if}
+
+<style
+    lang="less"
+    global
+>
+    .review-list-container {
+        width: 100%;
+        max-width: var(--normal-max-width);
+        .simplebar-wrapper {
+            padding-bottom: 1.2rem;
+            .simplebar-content {
+                max-width: var(--normal-max-width);
+                & > .inner-wrapper {
+                    display: flex;
+                    gap: 2.2rem;
+                    width: 100%;
+                }
+            }
+        }
+        .simplebar-track {
+            background-color: rgba(13, 12, 12, 0.25);
+            height: 7px;
+            overflow: visible;
+            margin-bottom: 5px;
+        }
+        .simplebar-scrollbar {
+            transition-duration: 0ms !important;
+            cursor: pointer;
+            &::before {
+                background-color: var(--bg-100);
+                top: -2px;
+                opacity: 1;
+                border-radius: 0;
+                height: 11px;
+                left: 0px;
+
+                transition-delay: 0s;
+            }
+        }
+        .review-list {
+            display: flex;
+
+            gap: 1.2rem;
+            height: 400px;
+            align-items: flex-start;
+            .review-item {
+                overflow: visible;
+                position: relative;
+                display: flex;
+                flex-direction: column;
+                gap: 1px;
+                .upper-box {
+                    width: 320px;
+                    height: 320px;
+                    position: relative;
+                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000100);
+                    svg {
+                        position: absolute;
+                        top: 0px;
+                        right: 0px;
+                    }
+                    img {
+                        width: 100%;
+                        height: 100%;
+                        object-fit: cover;
+                        position: absolute;
+                        &:first-of-type {
+                            z-index: -1;
+                        }
+                        &:last-of-type {
+                            z-index: -2;
+                        }
+                    }
+                    .overlay {
+                        position: absolute;
+                        bottom: 0;
+                        padding: 1.2rem;
+                        display: flex;
+                        flex-direction: column;
+                        gap: 0.6rem;
+                        h3 {
+                            color: var(--neutral-white);
+                            font-family: Outfit;
+                            font-size: 1rem;
+                            font-style: normal;
+                            font-weight: 700;
+                            line-height: normal;
+                        }
+                        p {
+                            color: var(--neutral-white);
+                            font-family: Poly;
+                            font-size: 1rem;
+                            font-style: italic;
+                            font-weight: 400;
+                            line-height: normal;
+                        }
+                        .date {
+                            color: var(--neutral-white);
+                            border-top: 1px solid var(--neutral-white);
+                            font-size: 0.7rem;
+                            padding-top: 6px;
+                            width: fit-content;
+                        }
+                    }
+                }
+                .rating-bar {
+                    width: 100%;
+                    height: 9px;
+                    background: rgba(47, 72, 88, 0.2);
+                    .rating-filled {
+                        background: var(--text-invers-100);
+                        height: 100%;
+                        left: 0px;
+                        position: relative;
+                        .star-wrapper {
+                            display: flex;
+                            align-items: center;
+                            flex-direction: column;
+                            gap: 0.6rem;
+                            padding: 0spx;
+                            position: absolute;
+                            top: 100%;
+                            right: 0%;
+                            transform: translate(50%, -35%);
+                            span {
+                                font-family: Outfit;
+                                font-size: 20px;
+                                font-style: normal;
+                                font-weight: 700;
+                                line-height: 14px;
+                                margin-top: -4px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/SplittedHomepage.svelte b/frontend/src/lib/components/pagebuilder/blocks/SplittedHomepage.svelte
new file mode 100644
index 0000000..185e741
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/SplittedHomepage.svelte
@@ -0,0 +1,203 @@
+<script lang="ts">
+    import { onMount } from "svelte"
+    import { getDBEntries } from "../../../../api"
+    import { getVariableNameForChapter } from "../../../utils"
+
+    export let block: ContentBlock<"splittedHomepage">
+    let selfImprovementChapters: SelfImprovementChapter[] = []
+    let interval: NodeJS.Timeout
+    let selectedChapter = -1
+    let currentColor = "#741e20" // Initial color
+
+    getDBEntries("selfImprovementChapter").then((res) => {
+        selfImprovementChapters = res
+        if (selfImprovementChapters.length > 0) {
+            selectedChapter = -1
+
+            setTimeout(() => {
+                // set width and height of placeholder to elements width and height
+                const placeholder = document.querySelector(".placeholder")
+                const elements = document.querySelector(".elements")
+                if (placeholder && elements) {
+                    const { width, height } = elements.getBoundingClientRect()
+                    placeholder.style.width = `${width}px`
+                    placeholder.style.height = `${height}px`
+                }
+            }, 10)
+        }
+    })
+
+    function startInterval() {
+        interval = setInterval(() => {
+            selectedChapter = (selectedChapter + 1) % selfImprovementChapters.length
+            updateShadowColor(selfImprovementChapters[selectedChapter]?.color || "#000")
+        }, 3000)
+    }
+
+    function stopInterval() {
+        clearInterval(interval)
+    }
+
+    function updateShadowColor(newColor: string) {
+        const filter = document.getElementById("redShadow")
+        const feDropShadow = filter?.querySelector("feDropShadow")
+        if (feDropShadow) {
+            feDropShadow.style.transition = "flood-color 1s ease"
+            feDropShadow.setAttribute("flood-color", newColor)
+            currentColor = newColor
+        }
+    }
+
+    onMount(() => {
+        startInterval()
+        return () => clearInterval(interval)
+    })
+</script>
+
+<section
+    class="splittedHomepage"
+    style="--color: {currentColor}"
+>
+    <div class="placeholder"></div>
+    <ul class="elements">
+        {#each selfImprovementChapters as chapter, i}
+            <li
+                class:selected="{i == selectedChapter}"
+                on:mouseenter="{() => {
+                    stopInterval()
+                    selectedChapter = i
+                    updateShadowColor(chapter.color)
+                }}"
+                on:mouseleave="{startInterval}"
+            >
+                {#if i == selectedChapter}
+                    <h2
+                        class="{i % 2 ? '' : 'transparent-heading'}"
+                        style="{i % 2
+                            ? `color: var(${getVariableNameForChapter(chapter.type)})`
+                            : `-webkit-text-stroke: 1px var(${getVariableNameForChapter(chapter.type)})`}"
+                    >
+                        {chapter.title}
+                    </h2>
+                {:else}
+                    <h2 class="{i % 2 ? 'white-heading' : 'transparent-heading'}">{chapter.alias}</h2>
+                {/if}
+
+                <p style="color: var({getVariableNameForChapter(chapter.type)} !important;">
+                    {@html chapter.shortDescription}
+                </p>
+            </li>
+        {/each}
+    </ul>
+    <div class="media">
+        <svg
+            viewBox="-100 -100 1200 1275"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <defs>
+                <filter
+                    id="redShadow"
+                    x="-50%"
+                    y="-50%"
+                    width="200%"
+                    height="200%"
+                >
+                    <feDropShadow
+                        dx="-10"
+                        dy="0"
+                        stdDeviation="20"
+                        flood-color="{currentColor}"></feDropShadow>
+                </filter>
+            </defs>
+            <path
+                d="M877.847 697.627H631.968L582.45 612.133H1000L904.042 446.139H481.362L605.704 231.311L680.46 360.44H854.319L685.658 69.1471L565.762 0L0 977.156L168.593 1074.55H738.253L794.132 977.772L728.062 863.552H973.941L877.847 697.627ZM204.637 924.082L396.895 592.025L589.153 924.082H204.637Z"
+                fill="black"
+                filter="url(#redShadow)"></path>
+        </svg>
+    </div>
+</section>
+
+<style lang="less">
+    @import "../../../assets/css/variables.less";
+
+    .splittedHomepage {
+        display: flex;
+        width: 100%;
+        position: relative;
+        height: 100%;
+        align-items: center;
+        justify-content: space-between;
+        transition: --color 1s ease;
+        .placeholder {
+        }
+        .elements {
+            display: flex;
+            flex-direction: column;
+            gap: 1.5rem;
+            position: absolute;
+            width: 100%;
+            @media @mobile {
+                gap: 0.5rem;
+            }
+            li {
+                transition: max-height 1.5s ease;
+
+                max-height: 5rem;
+                max-width: 900px;
+                h2 {
+                    font-size: 4.5rem;
+                    text-transform: uppercase;
+                    font-weight: 700;
+                    line-height: 4.5rem;
+                    font-family: sans-serif;
+                    @media @mobile {
+                        font-size: 3rem;
+                        line-height: 3rem;
+                    }
+                    &.transparent-heading {
+                        @media @mobile {
+                            font-size: 3rem;
+                        }
+                        font-weight: 700;
+                        color: transparent;
+                        position: relative;
+                        display: inline-block;
+                        -webkit-text-stroke: 1px white;
+                    }
+                }
+                height: fit-content;
+                max-height: 10rem;
+                display: flex;
+                flex-direction: column;
+                p {
+                    opacity: 0;
+                    transition: opacity 1s;
+                }
+                &.selected {
+                    p {
+                        opacity: 1;
+                    }
+                }
+            }
+        }
+        .media {
+            max-width: 600px;
+            width: 100%;
+            display: flex;
+            height: 100%;
+            align-items: center;
+            flex-grow: 1;
+            @media @mobile {
+                width: 100%;
+            }
+            svg {
+                width: 100%;
+                transition: fill 1s ease;
+            }
+        }
+        @media @mobile {
+            flex-direction: column;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/Step.svelte b/frontend/src/lib/components/pagebuilder/blocks/Step.svelte
new file mode 100644
index 0000000..09a91bc
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/Step.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+    import MedialibImage from "../../widgets/MedialibImage.svelte"
+
+    export let item: {
+        image: string
+        title: string
+        descriptions: string[]
+    }
+    export let i: number
+    export let isMobile: boolean
+</script>
+
+<li>
+    <div class="image-wrapper">
+        <MedialibImage id="{item.image}" />
+        <h3>
+            {i + 1}
+        </h3>
+    </div>
+    <div class="content">
+        <div class="title-row">
+            <h4>
+                {item.title}
+            </h4>
+
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="{isMobile ? 58 : 72}"
+                height="{isMobile ? 58 : 72}"
+                viewBox="0 0 {isMobile ? 58 : 72} {isMobile ? 58 : 72}"
+                fill="none"
+            >
+                <path
+                    d="M0 {isMobile ? 58 : 72}V0L{isMobile ? 58 : 72} {isMobile ? 58 : 72}H0Z"
+                    fill="#EB5757"></path>
+            </svg>
+        </div>
+        <div class="descriptions">
+            <ul>
+                {#each item.descriptions as description}
+                    <li>
+                        {description}
+                    </li>
+                {/each}
+            </ul>
+        </div>
+    </div>
+</li>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/Steps.svelte b/frontend/src/lib/components/pagebuilder/blocks/Steps.svelte
new file mode 100644
index 0000000..591c327
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/Steps.svelte
@@ -0,0 +1,172 @@
+<script
+    lang="ts"
+    context="module"
+>
+    import "simplebar"
+    import "simplebar/dist/simplebar.css"
+    import ResizeObserver from "resize-observer-polyfill"
+    if (typeof window !== "undefined") window.ResizeObserver = ResizeObserver
+</script>
+
+<script lang="ts">
+    import MedialibImage from "../../widgets/MedialibImage.svelte"
+    import Step from "./Step.svelte"
+
+    export let block: ContentBlock<"steps">
+    console.log("block", block)
+    let innerWidth = 0
+    $: isMobile = innerWidth < 968
+</script>
+
+<svelte:window bind:innerWidth="{innerWidth}" />
+
+{#if block.steps?.horizontal}
+    <div
+        class=" product-preview-list verticalScrollbar"
+        data-simplebar
+    >
+        <ul class="step-blocks horizontal">
+            {#each block.steps.items as item, i}
+                <Step
+                    item="{item}"
+                    i="{i}"
+                    isMobile="{isMobile}"
+                />
+            {/each}
+        </ul>
+    </div>
+{:else}
+    <ul class="step-blocks">
+        {#each block.steps.items as item, i}
+            <Step
+                item="{item}"
+                i="{i}"
+                isMobile="{isMobile}"
+            />
+        {/each}
+    </ul>
+{/if}
+
+<style
+    lang="less"
+    global
+>
+    @import "../../../assets/css/variables.less";
+    .step-blocks {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(560px, 1fr));
+        @media @mobile {
+            grid-template-columns: 1fr;
+        }
+        &.horizontal {
+            display: flex;
+            flex-direction: row;
+            overflow-x: auto;
+            gap: 2.4rem;
+            padding-bottom: 2.4rem;
+
+            & > li {
+                min-width: 500px;
+                flex-grow: 1;
+                height: unset !important;
+                @media @mobile {
+                    min-width: 300px;
+                }
+            }
+            @media @mobile {
+                padding: 0;
+            }
+        }
+
+        gap: 2.4rem;
+        & > li {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            .image-wrapper {
+                width: 100%;
+                position: relative;
+                aspect-ratio: 1 / 1;
+                h3 {
+                    position: absolute;
+                    right: 3.6rem;
+                    text-align: center;
+                    font-size: 5.5rem;
+                    font-style: normal;
+                    font-weight: 700;
+                    line-height: 100%; /* 128px */
+                    text-transform: uppercase;
+                    font-family: sans-serif;
+                    z-index: 4;
+                    bottom: 2.4rem;
+
+                    @media @mobile {
+                        font-size: 3rem;
+                        bottom: 2rem;
+                        right: 2.4rem;
+                    }
+                    font-weight: 700;
+                    color: transparent;
+
+                    display: inline-block;
+                    -webkit-text-stroke: 2px #eb5757;
+                }
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                }
+            }
+            .content {
+                margin-top: -3.6rem;
+                width: 100%;
+                position: relative;
+                height: 100%;
+                display: flex;
+                flex-direction: column;
+                z-index: 3;
+                .title-row {
+                    height: 3.6rem;
+                    max-height: 3.6rem;
+                    z-index: 3;
+                    width: 100%;
+                    display: flex;
+                    justify-content: flex-start;
+                    align-items: center;
+                    h4 {
+                        background-color: #eb5757;
+                        padding: 1.2rem 2.4rem;
+                        font-size: 1.6rem;
+                        max-height: 100%;
+                        width: calc(100% - 3 * 3.6rem - 2rem);
+                        color: var(--bg-100);
+                        @media @mobile {
+                            font-size: 1.2rem;
+                            width: calc(100% - 3 * 2.4rem - 2rem);
+                        }
+                    }
+                }
+                .descriptions {
+                    background-color: #eb5757;
+                    padding: 0px;
+                    flex-grow: 1;
+                    ul {
+                        display: flex;
+                        flex-direction: column;
+
+                        li {
+                            padding: 2.4rem;
+
+                            width: 100%;
+                            color: var(--bg-100);
+                            border-bottom: 2px solid var(--bg-100);
+                            &:last-child {
+                                border-bottom: none;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/columns/CTA.svelte b/frontend/src/lib/components/pagebuilder/blocks/columns/CTA.svelte
new file mode 100644
index 0000000..fa610a7
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/columns/CTA.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+    import Button from "../../../widgets/Button.svelte"
+
+    export let column: BlockColumn<"cta">
+    const cta = column.cta
+</script>
+
+<div
+    class="cta"
+    id="cta"
+>
+    {#if cta.upperHeadline}
+        <small>
+            {cta.upperHeadline}
+        </small>
+    {/if}
+
+    <h1>
+        {cta.whiteHeadline}
+        {#if cta.headlineArrangement !== "row"} <br />{/if} <em class="red">{cta.redHeadline}</em>
+    </h1>
+
+    <p>{cta.description}</p>
+    <div class="buttons">
+        {#each cta.callToActionButtons as button}
+            <Button button="{button}" />
+        {/each}
+    </div>
+</div>
+
+<style lang="less">
+    #cta {
+        display: flex;
+        flex-direction: column;
+        gap: 1.6rem;
+
+        small {
+            font-weight: 700;
+            font-family: Outfit-Bold, sans-serif;
+            color: var(--text-100);
+        }
+        p {
+            font-size: 1.2rem;
+            color: var(--text-100);
+        }
+        .buttons {
+            text-transform: uppercase;
+            display: flex;
+            gap: 0.3rem;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/columns/ChapterDescription.svelte b/frontend/src/lib/components/pagebuilder/blocks/columns/ChapterDescription.svelte
new file mode 100644
index 0000000..2a8f56c
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/columns/ChapterDescription.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+    import { getVariableNameForChapter } from "../../../../utils"
+
+    export let title: string, type: number, description: string
+
+    //
+</script>
+
+<div>
+    <h1 style="color: var({getVariableNameForChapter(type)});">
+        {title}
+    </h1>
+    <p style="color: var({getVariableNameForChapter(type)});">
+        {@html description}
+    </p>
+</div>
+
+<style lang="less">
+    h1 {
+        font-size: 4.8rem;
+        text-transform: uppercase;
+        margin-bottom: 2.4rem;
+    }
+    p {
+        font-size: 1.2rem;
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/columns/Text.svelte b/frontend/src/lib/components/pagebuilder/blocks/columns/Text.svelte
new file mode 100644
index 0000000..719ba0b
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/columns/Text.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+    import LinkList from "../../../widgets/LinkList.svelte"
+
+    export let column: BlockColumn<"text">
+</script>
+
+{@html column.text}
+{#if column.links?.length}
+    <div class="button-wrap gap-m">
+        <!-- Buttons sitzen im Wrapper, sollten vermutlich auch flexibel / repeatable sein, mal nur einen, mal zwei, mal keiner -->
+        <LinkList links="{column.links}" />
+    </div>
+{/if}
diff --git a/frontend/src/lib/components/pagebuilder/blocks/form/Calendar.svelte b/frontend/src/lib/components/pagebuilder/blocks/form/Calendar.svelte
new file mode 100644
index 0000000..43cc2b3
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/form/Calendar.svelte
@@ -0,0 +1,193 @@
+<script lang="ts">
+    import { onMount } from "svelte"
+    import Icon from "../../../widgets/Icon.svelte"
+
+    import { mdiCalendarAccount, mdiCalendarRemove } from "@mdi/js"
+
+    export let dateValue: Date,
+        placeholder: string,
+        id: string,
+        editMode = true
+    let Datepicker: any
+    onMount(() => {
+        if (typeof window !== "undefined" && typeof document !== "undefined") {
+            import("vanillajs-datepicker")
+                .then((module) => {
+                    Datepicker = module.Datepicker
+                })
+                .catch((err) => console.error("Failed to load datepicker:", err))
+        }
+    })
+    let datepicker: any
+    let wrapper: HTMLLabelElement
+    function getElementPosition(
+        element: HTMLElement,
+        options: {
+            minSpace: number
+            offsetAbove: number
+        } = { minSpace: 150, offsetAbove: 75 }
+    ): {
+        x: string
+        y: string
+    } {
+        const rect = element.getBoundingClientRect()
+        const scrollTop = window.scrollY || window.pageYOffset
+        const windowHeight = window.innerHeight
+        const topBody = Number(document.body.style.top.split("px")[0])
+        let top = rect.bottom + scrollTop + 5 - topBody
+
+        // Check if there's the specified minimum visible space below the element
+        if (windowHeight - rect.bottom < options.minSpace) {
+            // Place the element above the current element with the specified offset
+            top = rect.top + scrollTop - element.offsetHeight - options.offsetAbove - topBody + 100
+        }
+        return {
+            y: top + "px",
+            x: window.innerWidth - rect.right - 20 + "px",
+        }
+    }
+
+    function respawnElement(element: HTMLElement, deepCopy: boolean = true) {
+        var newElement = element.cloneNode(deepCopy)
+        element.parentNode.replaceChild(newElement, element)
+        return newElement
+    }
+
+    function hideAllModals() {
+        const dateModal = document.getElementById("dateModal")
+        dateModal.style.display = "none"
+        respawnElement(dateModal, false)
+    }
+
+    function outSideDateModalClickListener(e: MouseEvent) {
+        const dateModal = document.getElementById("dateModal")
+        if (
+            !dateModal.contains(e.target as Node) &&
+            e.target !== document &&
+            !(e.target as Element).classList.contains("datepicker-cell")
+        ) {
+            hideDatepicker()
+        }
+    }
+    function dateChangeListener(e: any) {
+        dateValue = new Date(e.detail.date)
+        // element has data-for="error-message-birthday" attribute, get it by that
+        const el = document.querySelector(`[data-for="error-message-${id}"]`)
+        if (el) {
+            el.remove()
+        }
+        hideDatepicker()
+    }
+
+    function hideDatepicker() {
+        const dateModal = document.getElementById("dateModal")
+        dateModal.style.display = "none"
+        datepicker?.destroy()
+
+        dateModal.removeEventListener("changeDate", dateChangeListener)
+        document.removeEventListener("click", outSideDateModalClickListener)
+    }
+
+    function showDatepicker() {
+        let dateModal = document.getElementById("dateModal")
+        hideAllModals()
+        if (datepicker) hideDatepicker()
+        dateModal = document.getElementById("dateModal")
+        dateModal.style.display = "block"
+        dateModal.style.top = getElementPosition(wrapper, { minSpace: 300, offsetAbove: 300 }).y
+        dateModal.style.right = getElementPosition(wrapper, { minSpace: 300, offsetAbove: 300 }).x
+        datepicker = new Datepicker(dateModal, {})
+        if (dateValue) datepicker.setDate(dateValue)
+        dateModal.addEventListener("changeDate", dateChangeListener)
+        document.addEventListener("click", outSideDateModalClickListener)
+    }
+</script>
+
+<label
+    bind:this="{wrapper}"
+    id="{id}"
+    class="custom-date-picker"
+>
+    <span class:hasValue="{!!dateValue || !editMode}">{placeholder}</span>
+    {#if editMode}
+        <div class="wrapper">
+            {#if dateValue}
+                <button
+                    data-cy="custom-date-picker-text"
+                    class="btn text transparent"
+                    on:click|preventDefault|stopPropagation="{showDatepicker}"
+                >
+                    {new Date(dateValue).toLocaleDateString("de-DE")}
+                </button>
+            {:else}
+                <div style="opacity: 0.75;">{placeholder}</div>
+            {/if}
+
+            <button
+                data-cy="custom-date-picker-icon"
+                aria-label="Toggle datepicker"
+                class="btn transparent icon"
+                on:click|preventDefault|stopPropagation="{() => {
+                    hideAllModals()
+                    if (dateValue) dateValue = null
+                    else showDatepicker()
+                }}"
+            >
+                {#if !dateValue}
+                    <Icon
+                        path="{mdiCalendarAccount}"
+                        width="24px"
+                        height="24px"
+                    />
+                {:else}
+                    <Icon
+                        path="{mdiCalendarRemove}"
+                        width="24px"
+                        height="24px"
+                    />
+                {/if}
+            </button>
+        </div>{:else if !editMode}
+        {#if dateValue}
+            <div class="no-input">
+                {new Date(dateValue).toLocaleDateString("de-DE")}
+            </div>
+        {:else}
+            <div class="no-input">-</div>
+        {/if}
+    {/if}
+</label>
+
+<style lang="less">
+    @import "vanillajs-datepicker/css/datepicker.css";
+    :global .hiddenscript {
+        opacity: 0;
+        position: absolute;
+    }
+    .custom-date-picker:global {
+        min-height: 60px;
+        flex-grow: 1;
+        height: 24px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: space-between;
+        .wrapper {
+            display: flex;
+            justify-content: space-between;
+            .btn.icon,
+            .btn.text {
+                display: flex;
+                align-items: center;
+                color: var(--text-invers-100);
+
+                &.text {
+                    color: var(--text-invers-100);
+                }
+            }
+            .icon {
+                opacity: 0.75;
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/form/FileInput.svelte b/frontend/src/lib/components/pagebuilder/blocks/form/FileInput.svelte
new file mode 100644
index 0000000..0d66a7a
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/form/FileInput.svelte
@@ -0,0 +1,342 @@
+<script lang="ts">
+    import { mdiCameraOutline, mdiInformationOutline, mdiMovieOpenOutline } from "@mdi/js"
+    import { apiBaseURL } from "../../../../../config"
+    import Icon from "../../../widgets/Icon.svelte"
+    import { createEventDispatcher } from "svelte"
+    import { newNotification } from "../../../../store"
+    import MedialibImage from "../../../widgets/MedialibImage.svelte"
+    import MedialibFile from "../../../widgets/MedialibFile.svelte"
+    import Modal from "../../../Modal.svelte"
+    import { tooltip } from "../../../../functions/utils"
+    const dispatch = createEventDispatcher()
+    export let id,
+        classList: string = "",
+        placeholder: string = "",
+        disabled: boolean = false,
+        helperText: string = "",
+        value: FileField = null,
+        collectionName: string,
+        entryId: string,
+        type: "image" | "video" = "image",
+        noDelete: boolean = false,
+        imgIsData = false
+    let file: File, fileInput: HTMLInputElement
+    let showApproveModal = false
+    function onChange(forceUpload = false) {
+        file = fileInput?.files[0]
+        const maxFileSize = 150 * 1024 * 1024 // 150 MB in Bytes
+        const supportedMimeTypes = [
+            // Images
+            "image/jpeg",
+            "image/png",
+            "image/gif",
+            "image/webp",
+            "image/bmp",
+            "image/tiff",
+            "image/svg+xml",
+            "video/mp4",
+            "video/webm",
+            "video/ogg",
+            "video/quicktime",
+        ]
+
+        const supportedFormats = `
+            Unterstützte Bildformate: JPEG, PNG, GIF, WebP, BMP, TIFF, SVG.
+            Unterstützte Videoformate: MP4, WebM, Ogg.
+        `
+
+        const excludedMimeTypes = ["video/quicktime"]
+        const excludedExtensions = ["mov"]
+
+        if (file) {
+            const fileExtension = file?.name?.split(".")?.pop()?.toLowerCase()
+
+            if (
+                (excludedMimeTypes.includes(file.type) || excludedExtensions.includes(fileExtension)) &&
+                forceUpload !== true
+            ) {
+                showApproveModal = true
+                return
+            }
+            if (!supportedMimeTypes.includes(file.type)) {
+                newNotification({
+                    class: "error",
+                    html: `Der Dateityp - "${file.type}" wird nicht unterstützt. Bitte wähle eine unterstützte Datei aus. ${supportedFormats}`,
+                })
+                return
+            }
+
+            const isSupported = supportedMimeTypes.includes(file.type)
+
+            if (!isSupported) {
+                newNotification({
+                    class: "error",
+                    html: `Der Dateityp "${file.type}" wird nicht unterstützt. Bitte wähle eine unterstützte Datei aus. ${supportedFormats}`,
+                })
+                return
+            }
+            const reader = new FileReader()
+            if (file.size > maxFileSize) {
+                newNotification({
+                    class: "error",
+                    html: "Die Datei ist zu groß. Bitte wähle eine Datei unter 150 MB aus bzw. komprimiere die ausgewählte Datei.",
+                })
+                return
+            }
+            reader.addEventListener("load", function () {
+                imgIsData = true
+                const objectURL = URL.createObjectURL(file)
+                value = {
+                    path: file.name,
+                    type: file.type,
+                    size: file.size,
+                    src: objectURL,
+                }
+                rerender = !rerender
+                dispatch("change")
+            })
+            // @ts-ignore
+            reader.readAsDataURL(file)
+        }
+    }
+
+    let highlight = false
+    let focused = false
+    let rerender = false
+</script>
+
+<label class="file file-input-label">
+    <div class="headline">
+        <span class:hasValue="{true}">
+            {placeholder}
+
+            {#if helperText}
+                <div
+                    use:tooltip="{{
+                        content: helperText,
+                    }}"
+                    class="helperText"
+                >
+                    <Icon path="{mdiInformationOutline}" />
+                </div>
+            {/if}
+        </span>
+
+        <Icon
+            path="{type == 'image' ? mdiCameraOutline : mdiMovieOpenOutline}"
+            size="24px"
+        />
+    </div>
+    <div
+        class="file-input"
+        class:focused="{focused}"
+        class:highlight-container="{highlight}"
+        role="button"
+        aria-label="File upload"
+        tabindex="{0}"
+        on:dragenter|preventDefault="{() => {
+            highlight = true
+        }}"
+        on:dragover|preventDefault="{() => {
+            highlight = true
+        }}"
+        on:dragleave|preventDefault="{() => {
+            highlight = false
+        }}"
+        on:drop|preventDefault="{(e) => {
+            highlight = false
+            fileInput = e.dataTransfer
+            onChange()
+        }}"
+    >
+        <div class="fileContainer">
+            <input
+                type="file"
+                bind:this="{fileInput}"
+                on:change|stopPropagation="{onChange}"
+                readonly="{disabled}"
+                id="{id}"
+                accept="{type === 'image' ? 'image/*' : 'video/*'}"
+                on:click|stopPropagation
+            />
+
+            <div
+                class="filePreview"
+                class:hasChildElement="{!!value}"
+            >
+                {#key rerender}
+                    {#if value}
+                        {#if type == "image"}
+                            {#if typeof value === "string"}
+                                <MedialibImage
+                                    id="{value}"
+                                    filter="l"
+                                />
+                            {:else if imgIsData}
+                                <img
+                                    src="{value.src}"
+                                    alt="{value.path}"
+                                />
+                            {:else if typeof value.src === "string" && value.src.includes(";base64,")}
+                                <img
+                                    src="{value.src}"
+                                    alt="{value.path}"
+                                />
+                            {:else if typeof value.src === "string" && !value.src.match(/^https?:\/\//)}
+                                <img
+                                    src="{`${apiBaseURL}${collectionName}/${entryId}/${value.src}`}"
+                                    alt="{value.path}"
+                                />
+                            {/if}
+                        {:else if type == "video"}
+                            {#if typeof value == "string"}
+                                <MedialibFile
+                                    id="{value}"
+                                    let:entry
+                                    let:src
+                                >
+                                    <video>
+                                        <track kind="captions" />
+                                        <source
+                                            src="{src}#t=0.1"
+                                            type="video/mp4"
+                                        />
+
+                                        Your browser does not support the video tag.
+                                    </video>
+                                </MedialibFile>
+                            {:else}
+                                <video
+                                    controls
+                                    preload="metadata"
+                                >
+                                    <track kind="captions" />
+                                    <source
+                                        src="{value.src}#t=0.1"
+                                        type="video/mp4"
+                                    />
+                                </video>
+                            {/if}
+                        {/if}
+                        <div>
+                            {#if noDelete}
+                                <button
+                                    aria-label="Datei hochladen"
+                                    class="delete cta primary"
+                                    on:click|stopPropagation|preventDefault="{() => {
+                                        // change file by clicking input
+                                        fileInput.click()
+                                    }}"
+                                >
+                                    Austauschen
+                                </button>
+                            {:else}
+                                <button
+                                    aria-label="Datei löschen"
+                                    class="delete cta primary"
+                                    on:click|stopPropagation|preventDefault="{() => {
+                                        value = null
+                                        dispatch('change')
+                                    }}"
+                                >
+                                    Löschen
+                                </button>
+                            {/if}
+                        </div>
+                    {/if}
+                {/key}
+            </div>
+        </div>
+    </div>
+</label>
+{#if showApproveModal}
+    <Modal
+        show="{true}"
+        on:close="{() => {
+            showApproveModal = false
+        }}"
+    >
+        <svelte:fragment slot="title">Dateiformat Warnung</svelte:fragment>
+        <p>
+            Deine Datei wird von einigen Browsern, insbesondere von Google Chrome, nur eingeschränkt unterstützt. Wenn
+            du die Datei dennoch hochladen möchtest, klicke auf "Fortfahren". Andernfalls empfehlen wir, das Video
+            zunächst in eine MP4-Datei zu konvertieren. Dafür stehen zahlreiche kostenlose Online-Dienste zur Verfügung.
+        </p>
+        <div
+            slot="footer"
+            class="file-warning-footer"
+        >
+            <button
+                class="btn cta primary"
+                on:click="{() => {
+                    showApproveModal = false
+                }}"
+            >
+                Abbrechen
+            </button>
+            <button
+                class="btn cta secondary"
+                on:click="{() => {
+                    showApproveModal = false
+                    onChange(true)
+                }}">Fortfahren</button
+            >
+        </div>
+    </Modal>
+{/if}
+
+<style
+    lang="less"
+    global
+>
+    .file-input-label {
+        .headline {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+            span {
+                position: relative;
+                display: flex;
+                padding: 0px !important;
+                align-items: center;
+                gap: 0.5rem;
+                .helperText {
+                    color: var(--bg-100);
+                }
+            }
+        }
+
+        .fileContainer {
+            height: fit-content;
+            padding: 0.6rem 0px !important;
+
+            input {
+                display: none;
+            }
+            .filePreview {
+                display: flex;
+                flex-direction: column;
+                gap: 0.6rem;
+                min-height: 15px;
+                width: 100%;
+                height: 100%;
+                &.hasChildElement {
+                    overflow: hidden;
+                    max-width: 100%;
+                }
+                img,
+                video {
+                    height: 180px;
+                    max-height: 180px;
+                    width: 100% !important;
+                    background-color: var(--bg-100);
+                    object-fit: contain !important;
+                }
+
+                button {
+                    width: 100%;
+                }
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/form/Input.svelte b/frontend/src/lib/components/pagebuilder/blocks/form/Input.svelte
new file mode 100644
index 0000000..0869632
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/form/Input.svelte
@@ -0,0 +1,143 @@
+<script lang="ts">
+    import { mdiInformationOutline } from "@mdi/js"
+    import { tooltip } from "../../../../functions/utils"
+    import Icon from "../../../widgets/Icon.svelte"
+
+    export let value: any,
+        id,
+        classList: string = "",
+        onChange: (e: Event) => void,
+        type: "password" | "text" | "number" | "checkbox" | "noInput" | "textarea" | "select" = "text",
+        placeholder: string = "",
+        disabled: boolean = false,
+        name = "",
+        options: { name: string; value: string }[] = [],
+        selectedOptionIndex = 0,
+        helperText = ""
+
+    $: hasValue = Boolean(value)
+
+    const attributes = {
+        id,
+        class: classList,
+        placeholder,
+        name: name || id,
+        disabled: !!disabled,
+    }
+</script>
+
+<label
+    style=""
+    class:textarea="{type == 'textarea'}"
+    class:checkbox="{type == 'checkbox'}"
+>
+    {#if type !== "checkbox"}
+        <span class:hasValue="{hasValue || type === 'noInput'}">{placeholder}</span>
+    {/if}
+    {#if type == "checkbox"}
+        <input
+            type="checkbox"
+            {...attributes}
+            on:change="{onChange}"
+            bind:checked="{value}"
+        />
+        <button
+            type="button"
+            class="checkit-span"
+            aria-label="Toggle checkbox"
+            tabindex="{0}"
+            on:click="{() => {
+                value = !value
+                setTimeout(() => {
+                    const event = new Event('change', { bubbles: true })
+                    document.getElementById(id)?.dispatchEvent(event)
+                }, 10)
+            }}"
+            on:keydown="{(e) => {}}"></button>
+    {/if}
+    {#if type == "password"}
+        <input
+            {...attributes}
+            on:blur="{onChange}"
+            bind:value="{value}"
+            on:change="{onChange}"
+            type="password"
+            class="sentry-mask"
+        />
+    {/if}
+    {#if type == "text"}
+        <input
+            on:blur="{onChange}"
+            {...attributes}
+            bind:value="{value}"
+            on:change="{onChange}"
+        />
+    {/if}
+    {#if type == "textarea"}
+        <textarea
+            on:blur="{onChange}"
+            {...attributes}
+            bind:value="{value}"
+            on:change="{onChange}"></textarea>
+    {/if}
+    {#if type == "number"}
+        <input
+            on:blur="{onChange}"
+            type="number"
+            {...attributes}
+            bind:value="{value}"
+            on:change="{onChange}"
+        />
+    {/if}
+    {#if type == "noInput"}
+        <div class="no-input">
+            {#if id.includes("pass")}
+                ************
+            {:else}
+                {Boolean(value) ? value : "-"}
+            {/if}
+        </div>
+    {/if}
+    {#if type == "select"}
+        <select
+            on:change="{onChange}"
+            {...attributes}
+            bind:value="{value}"
+        >
+            {#each options as option, index}
+                <option
+                    value="{option.value}"
+                    selected="{index === selectedOptionIndex}"
+                >
+                    {option.name}
+                </option>
+            {/each}
+        </select>
+    {/if}
+    {#if type !== "checkbox"}
+        <span class="underline"></span>
+    {/if}
+    {#if helperText}
+        <div
+            use:tooltip="{{
+                content: helperText,
+            }}"
+            class="helperText"
+        >
+            <Icon path="{mdiInformationOutline}" />
+        </div>
+    {/if}
+</label>
+
+<style lang="less">
+    .checkbox {
+        width: 1.2rem !important;
+    }
+    .helperText {
+        position: absolute;
+        right: 0px;
+        color: var(--bg-100);
+        top: 50%;
+        transform: translateY(-50%);
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/form/Select.svelte b/frontend/src/lib/components/pagebuilder/blocks/form/Select.svelte
new file mode 100644
index 0000000..05d8381
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/form/Select.svelte
@@ -0,0 +1,102 @@
+<script lang="ts">
+    import Select from "svelte-select/Select.svelte"
+    export let options: { label: string; value: string }[] = [],
+        selectedOption: { label: string; value: string } = null,
+        value = "",
+        placeholder: string,
+        clearable = false,
+        editMode = true
+
+    $: value = selectedOption?.value
+    $: hasValue = Boolean(value)
+    let focused = false
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-to-interactive-role -->
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-label-has-associated-control -->
+<label
+    role="button"
+    tabindex="0"
+    on:click|stopPropagation="{() => {
+        focused = true
+    }}"
+>
+    <span class:hasValue="{hasValue || !editMode}">{placeholder}</span>
+    {#if editMode}
+        <Select
+            bind:items="{options}"
+            inputAttributes="{{ autocomplete: 'on' }}"
+            placeholder="{placeholder}"
+            showChevron="{true}"
+            bind:focused="{focused}"
+            clearable="{clearable}"
+            hideEmptyState="{true}"
+            searchable="{true}"
+            bind:value="{selectedOption}"
+            on:clear="{() => (selectedOption = null)}"
+        />
+    {:else if !editMode}
+        <div class="no-input">{selectedOption?.label || "-"}</div>
+    {/if}
+</label>
+
+<style lang="less">
+    :global .svelte-select {
+        background-color: var(--neutral-white) !important;
+        resize: none !important;
+        .value-container {
+            input {
+                padding-top: 20px;
+            }
+            .selected-item {
+                padding-top: 19px;
+            }
+        }
+
+        .multi-item {
+            background-color: rgba(0, 0, 0, 0.1) !important;
+            border-radius: 3px !important;
+        }
+
+        .selected-item {
+            margin-left: 3px;
+            height: auto;
+            line-height: 100%;
+        }
+
+        input {
+            height: 100%;
+            font-size: 1rem !important;
+            border: 0px solid black !important;
+        }
+        * {
+            border-left: 0px solid black !important;
+        }
+
+        .list-item {
+            .item {
+                &.active {
+                    background-color: transparent !important;
+                    color: black !important;
+                }
+            }
+        }
+
+        .indicators {
+            color: #ccc;
+
+            & > * {
+                border-left: 1px solid #ccc !important;
+                height: 40px !important;
+                cursor: pointer !important;
+            }
+
+            .clear-select {
+                color: var(--primary-200) !important;
+                font-weight: 700 !important;
+            }
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/pagebuilder/blocks/index.ts b/frontend/src/lib/components/pagebuilder/blocks/index.ts
new file mode 100644
index 0000000..f4ed6ee
--- /dev/null
+++ b/frontend/src/lib/components/pagebuilder/blocks/index.ts
@@ -0,0 +1,66 @@
+import type { SvelteComponent } from "svelte"
+import PredefinedBlock from "./PredefinedBlock.svelte"
+import Columns from "./Columns.svelte"
+import ProductListPreviewWidget from "../product/ProductListPreviewWidget.svelte"
+import NewsletterRow from "./NewsletterRow.svelte"
+import SplittedHomepage from "./SplittedHomepage.svelte"
+import ImproveYourselfDescription from "./ImproveYourselfDescription.svelte"
+import HomepageRow from "./HomepageRow.svelte"
+import ChapterPreview from "./ChapterPreview/ChapterPreview.svelte"
+import PreviewCard from "./RatingPreview/PreviewCard.svelte"
+import Steps from "./Steps.svelte"
+
+const blocks: {
+    [key: string]: {
+        sectionClass: string
+        component: typeof SvelteComponent<{ block?: ContentBlock }>
+    }
+} = {
+    default: {
+        sectionClass: "",
+        component: Columns,
+    },
+    columns: {
+        sectionClass: "",
+        component: Columns,
+    },
+
+    predefinedBlock: {
+        sectionClass: "predefined-block",
+        component: PredefinedBlock,
+    },
+    productSlider: {
+        sectionClass: "",
+        component: ProductListPreviewWidget,
+    },
+    NewsletterRow: {
+        sectionClass: "newsletter-row",
+        component: NewsletterRow,
+    },
+    splittedHomepage: {
+        sectionClass: "",
+        component: SplittedHomepage,
+    },
+    improveYourselfDescription: {
+        sectionClass: "ImproveYourselfDescription",
+        component: ImproveYourselfDescription,
+    },
+    homepage: {
+        sectionClass: "homepageRow",
+        component: HomepageRow,
+    },
+    selfImprovementChapterPreview: {
+        sectionClass: "chapterPreview",
+        component: ChapterPreview,
+    },
+    ratingPreview: {
+        sectionClass: "ratingPreview",
+        component: PreviewCard,
+    },
+    stepNr: {
+        sectionClass: "stepNr",
+        component: Steps,
+    },
+}
+
+export default blocks
diff --git a/frontend/src/routes/Content.svelte b/frontend/src/routes/Content.svelte
index 546f7ed..8acbc8e 100644
--- a/frontend/src/routes/Content.svelte
+++ b/frontend/src/routes/Content.svelte
@@ -36,31 +36,7 @@
 </script>
 
 {#if loading}
-    <section class="content-loading">
-        <p>Inhalt wird geladen …</p>
-    </section>
-{:else if errorMessage}
-    <section class="content-error">
-        <p>{errorMessage}</p>
-    </section>
-{:else if contentEntry}
-    <article class="content-article">
-        <header>
-            <h1>{contentEntry.meta?.title ?? contentEntry.name}</h1>
-            {#if contentEntry.meta?.description}
-                <p class="lead">{contentEntry.meta.description}</p>
-            {/if}
-        </header>
 
-        {#if contentEntry.blocks?.length}
-            <section class="content-debug">
-                <h2>Struktur</h2>
-                <pre>{JSON.stringify(contentEntry.blocks, null, 2)}</pre>
-            </section>
-        {:else}
-            <p>Für diesen Inhalt sind noch keine Bausteine definiert.</p>
-        {/if}
-    </article>
 {:else}
     <NotFound />
 {/if}
diff --git a/frontend/src/routes/StaticHomepage.svelte b/frontend/src/routes/StaticHomepage.svelte
new file mode 100644
index 0000000..e69de29