diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index bbfc595..4ee88f1 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -3,7 +3,6 @@
     import Header from "./lib/components/header/Header.svelte"
     import Footer from "./lib/components/Footer.svelte"
     import Notifications from "./lib/components/widgets/Notifications.svelte"
-    import SSRSkip from "./lib/components/SSRSkip.svelte"
     import { isMobile, location, openModal } from "./lib/store"
     import StaticHomepage from "./routes/StaticHomepage.svelte"
 
@@ -81,6 +80,16 @@
     {/if}
 </svelte:head>
 
+<div class="app-shell">
+    <Header />
+    <main>
+        <StaticHomepage />
+    </main>
+    <Footer />
+</div>
+
+<Notifications />
+
 <style
     lang="less"
     global
@@ -93,7 +102,7 @@
     html,
     body {
         font-family: "Outfit", sans-serif;
-        background-color: #ffffff;
+        background-color: var(--bg-100);
         min-height: 100vh;
 
         button {
@@ -111,7 +120,7 @@
             display: flex;
             flex-direction: column;
             min-height: 100vh;
-            background-color: #ffffff;
+            background-color: var(--bg-100);
         }
 
         main {
diff --git a/frontend/src/lib/components/CrinkledSection.svelte b/frontend/src/lib/components/CrinkledSection.svelte
index 54210ec..975e938 100644
--- a/frontend/src/lib/components/CrinkledSection.svelte
+++ b/frontend/src/lib/components/CrinkledSection.svelte
@@ -2,9 +2,9 @@
     import TopRightCrinkle from "./widgets/TopRightCrinkle.svelte"
 
     let {
-        brightBackground,
-        border,
-        activated,
+        brightBackground = true,
+        border = true,
+        activated = true,
         icon,
         bigVersion,
         contentSnippet,
@@ -70,7 +70,6 @@
         }
 
         &.bright {
-            background: var(--neutral-white);
             .bar {
                 background: var(--neutral-white);
                 &.border {
@@ -79,7 +78,6 @@
             }
         }
         &.dark {
-            background: var(--bg-100);
             .bar {
                 background: var(--bg-100);
                 &.border {
diff --git a/frontend/src/lib/components/pagebuilder/SEO/Index.svelte b/frontend/src/lib/components/SEO/Index.svelte
similarity index 100%
rename from frontend/src/lib/components/pagebuilder/SEO/Index.svelte
rename to frontend/src/lib/components/SEO/Index.svelte
diff --git a/frontend/src/lib/components/pagebuilder/SEO/OpenGraph.svelte b/frontend/src/lib/components/SEO/OpenGraph.svelte
similarity index 100%
rename from frontend/src/lib/components/pagebuilder/SEO/OpenGraph.svelte
rename to frontend/src/lib/components/SEO/OpenGraph.svelte
diff --git a/frontend/src/lib/components/pagebuilder/SEO/Product.svelte b/frontend/src/lib/components/SEO/Product.svelte
similarity index 100%
rename from frontend/src/lib/components/pagebuilder/SEO/Product.svelte
rename to frontend/src/lib/components/SEO/Product.svelte
diff --git a/frontend/src/lib/components/pagebuilder/SEO/SchemaORG.svelte b/frontend/src/lib/components/SEO/SchemaORG.svelte
similarity index 100%
rename from frontend/src/lib/components/pagebuilder/SEO/SchemaORG.svelte
rename to frontend/src/lib/components/SEO/SchemaORG.svelte
diff --git a/frontend/src/lib/components/SSRSkip.svelte b/frontend/src/lib/components/SSRSkip.svelte
deleted file mode 100644
index d4d67a1..0000000
--- a/frontend/src/lib/components/SSRSkip.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-    import { location } from "../store"
-
-    let oldPath: string
-    $: if (typeof window !== "undefined" && oldPath !== $location.path) {
-        const ref = oldPath ? document.location.protocol + "//" + document.location.host + oldPath : document.referrer
-        oldPath = $location.path
-        fetch(oldPath, {
-            headers: {
-                "x-ssr-skip": "204",
-                "x-ssr-ref": ref,
-                "x-ssr-res": `${window.innerWidth}x${window.innerHeight}`,
-                // no cache
-                "cache-control": "no-cache, no-store, must-revalidate",
-            },
-        })
-    }
-</script>
diff --git a/frontend/src/lib/components/chatbotDemo/Chatbot.svelte b/frontend/src/lib/components/chatbotDemo/Chatbot.svelte
new file mode 100644
index 0000000..c8a8d1d
--- /dev/null
+++ b/frontend/src/lib/components/chatbotDemo/Chatbot.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { Chat } from "./chat"
+    import InputRow from "./InputRow.svelte"
+    import Messages from "./Messages.svelte"
+    function generateUniqueId() {
+        return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
+    }
+    let chat = $derived(
+        new Chat(generateUniqueId(), {
+            url: "https://2schat-server.robins-spielwiese.de/api/v1/chatbot/stream",
+            headers: {
+                "Content-Type": "application/json",
+            },
+        })
+    )
+</script>
+
+<div class="chat-wrapper">
+    <Messages {chat} />
+    <InputRow {chat} />
+</div>
+
+<style lang="less">
+    .chat-wrapper {
+        min-height: 400px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+</style>
diff --git a/frontend/src/lib/components/chatbotDemo/InputRow.svelte b/frontend/src/lib/components/chatbotDemo/InputRow.svelte
new file mode 100644
index 0000000..41d3569
--- /dev/null
+++ b/frontend/src/lib/components/chatbotDemo/InputRow.svelte
@@ -0,0 +1,84 @@
+<script lang="ts">
+    import { mdiSendVariantOutline } from "@mdi/js"
+    import Icon from "../widgets/Icon.svelte"
+    import type { Chat } from "./chat"
+    let { chat }: { chat: Chat } = $props()
+    let value = $state("")
+    let textareaEl: HTMLTextAreaElement = $state(null)
+    function autoResize() {
+        if (textareaEl) {
+            textareaEl.style.height = "auto"
+            textareaEl.style.height = textareaEl.scrollHeight + "px"
+        }
+    }
+</script>
+
+<div class="input-row">
+    <textarea
+        placeholder="Schreibe eine Nachricht..."
+        bind:value
+        rows="1"
+        bind:this={textareaEl}
+        oninput={autoResize}
+        onkeydown={(e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+                e.preventDefault()
+                if (value.trim()) {
+                    chat.generateResponse(value.trim())
+                    value = ""
+                }
+            }
+        }}
+    ></textarea>
+    <button
+        class="btn"
+        onclick={() => {
+            if (value.trim()) {
+                chat.generateResponse(value.trim())
+                value = ""
+            }
+        }}
+        aria-label="Nachricht senden"
+    >
+        <Icon
+            path={mdiSendVariantOutline}
+            size="1.4rem"
+        />
+    </button>
+</div>
+
+<style lang="less">
+    .input-row {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        position: relative;
+        textarea {
+            width: 100%;
+            min-height: 3.6rem;
+            padding: 0.6rem;
+            border-radius: 1.2rem;
+            padding-bottom: 2.4rem;
+            max-height: 12rem;
+            line-height: 1.4rem;
+            resize: none;
+            overflow: hidden;
+            color: white;
+            &:focus {
+                outline: none;
+                border-top: 1px solid var(--primary-100);
+            }
+        }
+        .btn {
+            position: absolute;
+            bottom: 0.6rem;
+            right: 0.6rem;
+            height: 2rem;
+            width: 2.4rem;
+            min-width: unset;
+            background-color: var(--primary-100);
+            border-radius: 4px;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/chatbotDemo/MessageSuggestions.svelte b/frontend/src/lib/components/chatbotDemo/MessageSuggestions.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/lib/components/chatbotDemo/Messages.svelte b/frontend/src/lib/components/chatbotDemo/Messages.svelte
new file mode 100644
index 0000000..b12b417
--- /dev/null
+++ b/frontend/src/lib/components/chatbotDemo/Messages.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+    import type { Chat } from "./chat"
+    let {
+        chat,
+    }: {
+        chat: Chat
+    } = $props()
+</script>
+
+<div>
+    {#each chat.messages as message, idx (idx)}
+        <div
+            class="message"
+            class:assistant={message.role === "assistant"}
+            class:user={message.role === "user"}
+        >
+            {@html message.content}
+        </div>
+    {/each}
+</div>
+
+<style lang="less">
+</style>
diff --git a/frontend/src/lib/components/chatbotDemo/chat.ts b/frontend/src/lib/components/chatbotDemo/chat.ts
new file mode 100644
index 0000000..79f61c8
--- /dev/null
+++ b/frontend/src/lib/components/chatbotDemo/chat.ts
@@ -0,0 +1,175 @@
+import { fetchEventSource } from "@microsoft/fetch-event-source"
+
+export type Role = "user" | "assistant" | "system"
+
+export interface ChatMessage {
+    role: Role
+    content: string
+}
+
+export interface ChatRequestPayload {
+    user_id: string
+    message: string
+    session_id: string
+}
+
+type ServerEvent =
+    | { type: "token"; delta: string }
+    | { type: "heartbeat" }
+    | { type: "error"; message: string }
+    | { type: "final"; state: unknown }
+
+// Optionale Konfiguration für Headers, URL usw.
+export interface ChatOptions {
+    /** Vollständige URL, z. B. "https://api.example.com/stream" */
+    url: string
+    /** Zusätzliche Request-Header (z. B. Auth) */
+    headers?: Record<string, string>
+    /** Fallback-Assistant-Fehlermeldung für die UI */
+    fallbackErrorText?: string
+    /** Offen lassen, wenn Tab im Hintergrund – sinnvoll für Safari */
+    openWhenHidden?: boolean
+    /** User-ID, wenn du sie nicht pro Aufruf übergibst */
+    userId?: string
+}
+
+export class Chat {
+    public messages: ChatMessage[] = []
+    public isStreaming = false
+    public lastFinalState: unknown = null
+
+    private sessionId: string
+    private opts: ChatOptions
+    private controller: AbortController | null = null
+
+    constructor(sessionId: string, opts: ChatOptions) {
+        if (!sessionId) throw new Error("session_id ist erforderlich")
+        if (!opts?.url) throw new Error("ChatOptions.url ist erforderlich")
+        this.sessionId = sessionId
+        this.opts = {
+            fallbackErrorText: "Es ist ein Fehler aufgetreten.",
+            openWhenHidden: true,
+            ...opts,
+        }
+    }
+
+    public abortActiveStream() {
+        this.controller?.abort()
+        this.controller = null
+        this.isStreaming = false
+    }
+
+    /**
+     * Sendet eine Benutzer-Nachricht und streamt die Assistent-Antwort in `messages`.
+     * @param message Text der Benutzer-Nachricht
+     * @param userId  optionaler Override der User-ID (falls nicht in opts.userId)
+     */
+    public async generateResponse(message: string, userId?: string): Promise<void> {
+        const text = (message ?? "").trim()
+        if (!text) return
+        if (this.isStreaming) this.abortActiveStream()
+        this.messages = [...this.messages, { role: "user", content: text }]
+        const assistantIndex = this.messages.length
+        this.messages = [...this.messages, { role: "assistant", content: "" }]
+
+        const payload: ChatRequestPayload = {
+            user_id: userId ?? this.opts.userId ?? "anonymous",
+            message: text,
+            session_id: this.sessionId,
+        }
+
+        this.controller = new AbortController()
+        this.isStreaming = true
+        this.lastFinalState = null
+
+        try {
+            await fetchEventSource(this.opts.url, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    ...(this.opts.headers ?? {}),
+                },
+                body: JSON.stringify(payload),
+                signal: this.controller.signal,
+                openWhenHidden: this.opts.openWhenHidden,
+
+                onopen: async (res) => {
+                    if (!res.ok) throw new Error(`HTTP ${res.status}`)
+                },
+
+                onmessage: (ev) => {
+                    if (!ev.data) return
+                    let parsed: ServerEvent | null = null
+                    try {
+                        parsed = JSON.parse(ev.data) as ServerEvent
+                    } catch {
+                        return
+                    }
+
+                    switch (parsed.type) {
+                        case "token": {
+                            const delta = parsed.delta ?? ""
+                            const updated = {
+                                ...this.messages[assistantIndex],
+                                content: (this.messages[assistantIndex]?.content ?? "") + delta,
+                            }
+                            this.messages = [
+                                ...this.messages.slice(0, assistantIndex),
+                                updated,
+                                ...this.messages.slice(assistantIndex + 1),
+                            ]
+                            break
+                        }
+
+                        case "heartbeat": {
+                            break
+                        }
+
+                        case "error": {
+                            const msg = parsed.message || this.opts.fallbackErrorText!
+                            const updated = {
+                                ...this.messages[assistantIndex],
+                                content: (this.messages[assistantIndex]?.content || "") + `\n\n⚠️ ${msg}`,
+                            }
+                            this.messages = [
+                                ...this.messages.slice(0, assistantIndex),
+                                updated,
+                                ...this.messages.slice(assistantIndex + 1),
+                            ]
+                            this.abortActiveStream()
+                            break
+                        }
+
+                        case "final": {
+                            this.lastFinalState = parsed.state
+                            this.abortActiveStream()
+                            break
+                        }
+
+                        default: {
+                            break
+                        }
+                    }
+                },
+
+                onerror: (err) => {
+                    const updated = {
+                        ...this.messages[assistantIndex],
+                        content:
+                            (this.messages[assistantIndex]?.content || "") +
+                            `\n\n⚠️ ${this.opts.fallbackErrorText} (${String(err)})`,
+                    }
+                    this.messages = [
+                        ...this.messages.slice(0, assistantIndex),
+                        updated,
+                        ...this.messages.slice(assistantIndex + 1),
+                    ]
+                    throw err
+                },
+            })
+        } finally {
+            this.isStreaming = false
+            this.controller = null
+        }
+    }
+}
diff --git a/frontend/src/lib/components/pagebuilder/Breadcrumbs.svelte b/frontend/src/lib/components/pagebuilder/Breadcrumbs.svelte
deleted file mode 100644
index 3f61ce8..0000000
--- a/frontend/src/lib/components/pagebuilder/Breadcrumbs.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<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
deleted file mode 100644
index c90efb7..0000000
--- a/frontend/src/lib/components/pagebuilder/ContentBlock.svelte
+++ /dev/null
@@ -1,301 +0,0 @@
-<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
deleted file mode 100644
index c67a993..0000000
--- a/frontend/src/lib/components/pagebuilder/DefaultImage.svelte
+++ /dev/null
@@ -1,126 +0,0 @@
-<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
deleted file mode 100644
index 81cd48c..0000000
--- a/frontend/src/lib/components/pagebuilder/Loader.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<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/blocks/ChapterPreview/ChapterPreview.svelte b/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/ChapterPreview.svelte
deleted file mode 100644
index ea31896..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/ChapterPreview.svelte
+++ /dev/null
@@ -1,105 +0,0 @@
-<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
deleted file mode 100644
index bdcd610..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/ChapterPreview/Item.svelte
+++ /dev/null
@@ -1,350 +0,0 @@
-<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
deleted file mode 100644
index 1bd88a1..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/Columns.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<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
deleted file mode 100644
index 4800fa8..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/ColumnsColumn.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<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
deleted file mode 100644
index 4146be8..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/GoogleMaps.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<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
deleted file mode 100644
index 39ae879..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/HomepageRow.svelte
+++ /dev/null
@@ -1,92 +0,0 @@
-<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
deleted file mode 100644
index b331764..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/ImproveYourselfDescription.svelte
+++ /dev/null
@@ -1,184 +0,0 @@
-<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
deleted file mode 100644
index e946999..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/NewsletterRow.svelte
+++ /dev/null
@@ -1,277 +0,0 @@
-<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
deleted file mode 100644
index 27602ea..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/PredefinedBlock.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<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
deleted file mode 100644
index 0b57eca..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/RatingPreview/PreviewCard.svelte
+++ /dev/null
@@ -1,261 +0,0 @@
-<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
deleted file mode 100644
index 185e741..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/SplittedHomepage.svelte
+++ /dev/null
@@ -1,203 +0,0 @@
-<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
deleted file mode 100644
index 09a91bc..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/Step.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<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
deleted file mode 100644
index 591c327..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/Steps.svelte
+++ /dev/null
@@ -1,172 +0,0 @@
-<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
deleted file mode 100644
index fa610a7..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/columns/CTA.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<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
deleted file mode 100644
index 2a8f56c..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/columns/ChapterDescription.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<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
deleted file mode 100644
index 719ba0b..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/columns/Text.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<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
deleted file mode 100644
index 43cc2b3..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/form/Calendar.svelte
+++ /dev/null
@@ -1,193 +0,0 @@
-<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
deleted file mode 100644
index 0d66a7a..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/form/FileInput.svelte
+++ /dev/null
@@ -1,342 +0,0 @@
-<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
deleted file mode 100644
index 0869632..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/form/Input.svelte
+++ /dev/null
@@ -1,143 +0,0 @@
-<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
deleted file mode 100644
index 05d8381..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/form/Select.svelte
+++ /dev/null
@@ -1,102 +0,0 @@
-<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
deleted file mode 100644
index f4ed6ee..0000000
--- a/frontend/src/lib/components/pagebuilder/blocks/index.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-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/lib/components/staticPageRows/ChatbotPreview.svelte b/frontend/src/lib/components/staticPageRows/ChatbotPreview.svelte
index 6f4fee6..6aee53f 100644
--- a/frontend/src/lib/components/staticPageRows/ChatbotPreview.svelte
+++ b/frontend/src/lib/components/staticPageRows/ChatbotPreview.svelte
@@ -8,6 +8,9 @@
         mdiPoll,
     } from "@mdi/js"
     import ProductCategoryFrame from "../widgets/ProductCategoryFrame.svelte"
+    import CrinkledSection from "../CrinkledSection.svelte"
+    import CardWrapper from "../widgets/CardWrapper.svelte"
+    import Chatbot from "../chatbotDemo/Chatbot.svelte"
 
     const voiceProperties: Array<{ title: string; icon: string; color: string }> = [
         {
@@ -33,17 +36,29 @@
     ]
 </script>
 
-<section>
-    <ProductCategoryFrame
-        properties={voiceProperties}
-        title="Chatbots"
-        reverse={true}
-        upperDescription="Unsere Voicebots sind rund um die Uhr für Ihre Kunden da und bieten maßgeschneiderte Lösungen, die perfekt auf Ihre Bedürfnisse abgestimmt sind."
-        lowerDescription="Durch den Einsatz modernster KI-Technologien gewährleisten wir eine intelligente und effiziente Kommunikation, die den höchsten Datenschutzstandards entspricht."
-    >
-        {#snippet primaryContent()}{/snippet}
-    </ProductCategoryFrame>
-</section>
+<CrinkledSection
+    brightBackground={false}
+    border={true}
+    activated={true}
+>
+    {#snippet contentSnippet()}
+        <ProductCategoryFrame
+            properties={voiceProperties}
+            title="Chatbot Demo"
+            reverse={true}
+            upperDescription="Unsere Voicebots sind rund um die Uhr für Ihre Kunden da und bieten maßgeschneiderte Lösungen, die perfekt auf Ihre Bedürfnisse abgestimmt sind."
+            lowerDescription="Durch den Einsatz modernster KI-Technologien gewährleisten wir eine intelligente und effiziente Kommunikation, die den höchsten Datenschutzstandards entspricht."
+        >
+            {#snippet primaryContent()}
+                <CardWrapper>
+                    {#snippet contentSnippet()}
+                        <Chatbot />
+                    {/snippet}
+                </CardWrapper>
+            {/snippet}
+        </ProductCategoryFrame>
+    {/snippet}
+</CrinkledSection>
 
 <style lang="less">
     section {
diff --git a/frontend/src/lib/components/staticPageRows/CoreSellingPoints.svelte b/frontend/src/lib/components/staticPageRows/CoreSellingPoints.svelte
index 0413c8b..adeb04a 100644
--- a/frontend/src/lib/components/staticPageRows/CoreSellingPoints.svelte
+++ b/frontend/src/lib/components/staticPageRows/CoreSellingPoints.svelte
@@ -77,84 +77,86 @@
     class="splittedHomepage"
     style="--color: {currentColor}"
 >
-    <div class="placeholder"></div>
-    <ul class="elements">
-        {#each chapters 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: ${chapter.color}` : `-webkit-text-stroke: 1px ${chapter.color}`}
-                    >
-                        {chapter.title}
-                    </h2>
-                {:else}
-                    <h2 class={i % 2 ? "white-heading" : "transparent-heading"}>{chapter.alias}</h2>
-                {/if}
+    <div class="wrapper">
+        <div class="placeholder"></div>
+        <ul class="elements">
+            {#each chapters 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: ${chapter.color}` : `-webkit-text-stroke: 1px ${chapter.color}`}
+                        >
+                            {chapter.title}
+                        </h2>
+                    {:else}
+                        <h2 class={i % 2 ? "white-heading" : "transparent-heading"}>{chapter.alias}</h2>
+                    {/if}
 
-                <p style="color: {chapter.color} !important;">
-                    {@html chapter.shortDescription}
-                </p>
-            </li>
-        {/each}
-    </ul>
-    <div class="media">
-        <svg
-            viewBox="0 0 51 57"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <defs>
-                <filter
-                    id="redShadow"
-                    x="-20%"
-                    y="-20%"
-                    width="200%"
-                    height="200%"
-                    primitiveUnits="objectBoundingBox"
-                >
-                    <feDropShadow
-                        dx="-0.01"
-                        dy="0"
-                        stdDeviation="0.01"
-                        flood-color="currentColor"
-                    ></feDropShadow>
-                </filter>
-                <clipPath id="bd9e6d0ed5"
-                    ><path
-                        d="M 165 159.082031 L 215.691406 159.082031 L 215.691406 216 L 165 216 Z M 165 159.082031 "
-                        clip-rule="nonzero"
-                    ></path></clipPath
-                ><clipPath id="8bf626c89e"
-                    ><path
-                        d="M 0.601562 0.0820312 L 50.519531 0.0820312 L 50.519531 56.761719 L 0.601562 56.761719 Z M 0.601562 0.0820312 "
-                        clip-rule="nonzero"
-                    ></path></clipPath
-                ><clipPath id="e48e3f235c"
-                    ><rect
-                        x="0"
-                        width="51"
-                        y="0"
-                        height="57"
-                    ></rect></clipPath
-                >
-            </defs>
-            <path
-                fill="black"
-                d="M 32.6875 31.042969 C 40.058594 28.636719 47.421875 35.292969 45.523438 42.96875 C 43.078125 52.433594 32.925781 56.882812 22.929688 56.535156 L 22.929688 49.703125 C 39.636719 49.835938 45.316406 32.035156 32.6875 31.042969 M 29.917969 36.039062 C 30.808594 36.039062 31.53125 36.761719 31.53125 37.652344 C 31.53125 38.542969 30.808594 39.265625 29.917969 39.265625 C 29.027344 39.265625 28.304688 38.542969 28.304688 37.652344 C 28.304688 36.761719 29.027344 36.039062 29.917969 36.039062 Z M 24.203125 36.039062 C 25.09375 36.039062 25.816406 36.761719 25.816406 37.652344 C 25.816406 38.542969 25.09375 39.265625 24.203125 39.265625 C 23.3125 39.265625 22.589844 38.542969 22.589844 37.652344 C 22.589844 36.761719 23.3125 36.039062 24.203125 36.039062 Z M 18.484375 36.039062 C 19.378906 36.039062 20.097656 36.761719 20.097656 37.652344 C 20.097656 38.542969 19.378906 39.265625 18.484375 39.265625 C 17.59375 39.265625 16.871094 38.542969 16.871094 37.652344 C 16.871094 36.761719 17.59375 36.039062 18.484375 36.039062 Z M 28.578125 16.488281 C 36.304688 14.222656 46.632812 9.421875 49.421875 1.210938 C 50.289062 3.949219 50.550781 6.75 50.269531 9.457031 C 50.066406 11.445312 49.726562 13.175781 49.273438 14.691406 C 47.90625 18.25 45.480469 21.414062 42.160156 23.6875 C 42.496094 21.765625 42.253906 19.792969 41.460938 18.011719 C 36.949219 23.855469 21.6875 25.710938 14.578125 30.480469 C 11.671875 32.429688 9.898438 35.710938 9.898438 39.257812 C 9.898438 45.679688 18.644531 51.957031 22.769531 56.53125 C 13.492188 56.164062 4.390625 51.664062 1.753906 43.210938 C -5.558594 19.773438 30.507812 16.988281 42.691406 0.109375 C 42.144531 8.601562 36.023438 13.347656 28.578125 16.488281 Z M 28.578125 16.488281 "
-                fill-opacity="1"
-                fill-rule="evenodd"
-                filter="url(#redShadow)"
-            ></path>
-        </svg>
+                    <p style="color: {chapter.color} !important;">
+                        {@html chapter.shortDescription}
+                    </p>
+                </li>
+            {/each}
+        </ul>
+        <div class="media">
+            <svg
+                viewBox="0 0 51 57"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+            >
+                <defs>
+                    <filter
+                        id="redShadow"
+                        x="-20%"
+                        y="-20%"
+                        width="200%"
+                        height="200%"
+                        primitiveUnits="objectBoundingBox"
+                    >
+                        <feDropShadow
+                            dx="-0.01"
+                            dy="0"
+                            stdDeviation="0.01"
+                            flood-color="currentColor"
+                        ></feDropShadow>
+                    </filter>
+                    <clipPath id="bd9e6d0ed5"
+                        ><path
+                            d="M 165 159.082031 L 215.691406 159.082031 L 215.691406 216 L 165 216 Z M 165 159.082031 "
+                            clip-rule="nonzero"
+                        ></path></clipPath
+                    ><clipPath id="8bf626c89e"
+                        ><path
+                            d="M 0.601562 0.0820312 L 50.519531 0.0820312 L 50.519531 56.761719 L 0.601562 56.761719 Z M 0.601562 0.0820312 "
+                            clip-rule="nonzero"
+                        ></path></clipPath
+                    ><clipPath id="e48e3f235c"
+                        ><rect
+                            x="0"
+                            width="51"
+                            y="0"
+                            height="57"
+                        ></rect></clipPath
+                    >
+                </defs>
+                <path
+                    fill="black"
+                    d="M 32.6875 31.042969 C 40.058594 28.636719 47.421875 35.292969 45.523438 42.96875 C 43.078125 52.433594 32.925781 56.882812 22.929688 56.535156 L 22.929688 49.703125 C 39.636719 49.835938 45.316406 32.035156 32.6875 31.042969 M 29.917969 36.039062 C 30.808594 36.039062 31.53125 36.761719 31.53125 37.652344 C 31.53125 38.542969 30.808594 39.265625 29.917969 39.265625 C 29.027344 39.265625 28.304688 38.542969 28.304688 37.652344 C 28.304688 36.761719 29.027344 36.039062 29.917969 36.039062 Z M 24.203125 36.039062 C 25.09375 36.039062 25.816406 36.761719 25.816406 37.652344 C 25.816406 38.542969 25.09375 39.265625 24.203125 39.265625 C 23.3125 39.265625 22.589844 38.542969 22.589844 37.652344 C 22.589844 36.761719 23.3125 36.039062 24.203125 36.039062 Z M 18.484375 36.039062 C 19.378906 36.039062 20.097656 36.761719 20.097656 37.652344 C 20.097656 38.542969 19.378906 39.265625 18.484375 39.265625 C 17.59375 39.265625 16.871094 38.542969 16.871094 37.652344 C 16.871094 36.761719 17.59375 36.039062 18.484375 36.039062 Z M 28.578125 16.488281 C 36.304688 14.222656 46.632812 9.421875 49.421875 1.210938 C 50.289062 3.949219 50.550781 6.75 50.269531 9.457031 C 50.066406 11.445312 49.726562 13.175781 49.273438 14.691406 C 47.90625 18.25 45.480469 21.414062 42.160156 23.6875 C 42.496094 21.765625 42.253906 19.792969 41.460938 18.011719 C 36.949219 23.855469 21.6875 25.710938 14.578125 30.480469 C 11.671875 32.429688 9.898438 35.710938 9.898438 39.257812 C 9.898438 45.679688 18.644531 51.957031 22.769531 56.53125 C 13.492188 56.164062 4.390625 51.664062 1.753906 43.210938 C -5.558594 19.773438 30.507812 16.988281 42.691406 0.109375 C 42.144531 8.601562 36.023438 13.347656 28.578125 16.488281 Z M 28.578125 16.488281 "
+                    fill-opacity="1"
+                    fill-rule="evenodd"
+                    filter="url(#redShadow)"
+                ></path>
+            </svg>
+        </div>
     </div>
 </section>
 
@@ -167,9 +169,24 @@
         position: relative;
         height: 100%;
         align-items: center;
-        justify-content: space-between;
+        justify-content: center;
         transition: --color 1s ease;
-        max-width: var(--normal-max-width);
+        background-color: var(--bg-100);
+        margin-top: -4.8rem;
+        padding: 4.8rem 0;
+
+        z-index: 1000;
+
+        .wrapper {
+            max-width: var(--normal-max-width);
+            display: flex;
+            width: 100%;
+            position: relative;
+            height: 100%;
+            align-items: center;
+            justify-content: space-between;
+            transition: --color 1s ease;
+        }
         .elements {
             display: flex;
             flex-direction: column;
diff --git a/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte b/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte
index b99f3e1..39f6ac9 100644
--- a/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte
+++ b/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte
@@ -7,7 +7,7 @@
         {
             title: "24/7 Verfügbar",
             icon: mdiHours24,
-            color: "#FFFFFF",
+            color: "var(--text-reverse-100)",
         },
         {
             title: "Individuell",
@@ -17,7 +17,7 @@
         {
             title: "DSGVO konform",
             icon: mdiBookAccountOutline,
-            color: "#FFFFFF",
+            color: "var(--text-reverse-100)",
         },
         {
             title: "Intelligent",
@@ -27,11 +27,15 @@
     ]
 </script>
 
-<CrinkledSection brightBackground={false}>
+<CrinkledSection
+    brightBackground={true}
+    border={true}
+    activated={true}
+>
     {#snippet contentSnippet()}
         <ProductCategoryFrame
             properties={voiceProperties}
-            title="Voicebots"
+            title="Voicebot Demo"
             upperDescription="Unsere Voicebots sind rund um die Uhr für Ihre Kunden da und bieten maßgeschneiderte Lösungen, die perfekt auf Ihre Bedürfnisse abgestimmt sind."
             lowerDescription="Durch den Einsatz modernster KI-Technologien gewährleisten wir eine intelligente und effiziente Kommunikation, die den höchsten Datenschutzstandards entspricht."
         >
@@ -57,7 +61,7 @@
         display: flex;
         justify-content: center;
         img {
-            width: 60%;
+            width: 60% !important;
             height: 100%;
             object-fit: contain;
         }
diff --git a/frontend/src/lib/components/widgets/BlogTabSwitch.svelte b/frontend/src/lib/components/widgets/BlogTabSwitch.svelte
deleted file mode 100644
index 2101705..0000000
--- a/frontend/src/lib/components/widgets/BlogTabSwitch.svelte
+++ /dev/null
@@ -1,36 +0,0 @@
-<script lang="ts">
-    export let tabs: string[] = [],
-        selectedTab = 0
-</script>
-
-<div class="tabs">
-    {#each tabs as tab, i}
-        <button
-            class={selectedTab === i ? 'selected' : ''}
-            on:click={() => (selectedTab = i)}
-        >
-            {tab}
-        </button>
-    {/each}
-</div>
-
-<style lang="less">
-    .tabs {
-        border-top: 2px solid var(--krass-kraft-primary);
-        display: flex;
-        width: 100%;
-        max-width: var(--normal-max-width);
-
-        button {
-            font-size: 1.2rem;
-            text-transform: uppercase;
-            font-weight: 700;
-            color: var(--krass-kraft-primary);
-            padding: 12px 24px;
-            &.selected {
-                color: white;
-                background-color: var(--krass-kraft-primary);
-            }
-        }
-    }
-</style>
diff --git a/frontend/src/lib/components/widgets/CardWrapper.svelte b/frontend/src/lib/components/widgets/CardWrapper.svelte
new file mode 100644
index 0000000..5222700
--- /dev/null
+++ b/frontend/src/lib/components/widgets/CardWrapper.svelte
@@ -0,0 +1,67 @@
+<script lang="ts">
+    let { contentSnippet, headerSnippet }: { contentSnippet: () => any; headerSnippet?: () => any } = $props()
+</script>
+
+<div class="card-wrapper">
+    <div class="header">
+        {#if headerSnippet}
+            {@render headerSnippet()}
+        {/if}
+        <span class="bar"></span>
+        <span class="crinkle">
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="48"
+                height="48"
+                viewBox="0 0 48 48"
+            >
+                <path
+                    d="M1.32395 0.999996L50 49"
+                    stroke={"white"}
+                ></path>
+            </svg>
+        </span>
+    </div>
+    <div class="body">
+        {@render contentSnippet()}
+    </div>
+</div>
+
+<style lang="less">
+    .card-wrapper {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+
+        .header {
+            display: flex;
+            height: 2.4rem;
+            position: relative;
+
+            .bar {
+                flex-grow: 1;
+                height: 100%;
+                border-radius: 4px 0px;
+                border-top: 1px solid white;
+                border-left: 1px solid white;
+            }
+            .crinkle {
+                width: 2.4rem;
+                height: 2.4rem;
+                overflow: hidden;
+                margin-left: -2px;
+            }
+        }
+        .body {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            flex-grow: 1;
+            gap: 1.2rem;
+            border: 1px solid white;
+            border-top: 0px solid white;
+            border-radius: 0px 0px 4px 4px;
+        }
+    }
+</style>
diff --git a/frontend/src/lib/components/widgets/ProductCategoryFrame.svelte b/frontend/src/lib/components/widgets/ProductCategoryFrame.svelte
index 6eadc93..159d654 100644
--- a/frontend/src/lib/components/widgets/ProductCategoryFrame.svelte
+++ b/frontend/src/lib/components/widgets/ProductCategoryFrame.svelte
@@ -7,6 +7,7 @@
         upperDescription,
         lowerDescription,
         reverse = false,
+
         primaryContent,
     }: {
         properties: Array<{ title: string; icon: string; color: string }>
@@ -18,36 +19,41 @@
     } = $props()
 </script>
 
-<section class="improveYourselfDescription">
-    {#if !reverse}
-        <div class="primary">
-            {@render primaryContent()}
-        </div>
-    {/if}
+<section
+    class="product-frame"
+    class:reverse
+>
+    <div class="wrapper">
+        {#if !reverse}
+            <div class="primary">
+                {@render primaryContent()}
+            </div>
+        {/if}
 
-    <div class="content">
-        <h2 class="h1">{title}</h2>
-        <p>{@html upperDescription}</p>
-        <ul>
-            {#each properties as property}
-                <li>
-                    <span style="color: {property.color};"
-                        ><Icon
-                            path={property.icon}
-                            size="2.4rem"
-                        />
-                    </span>
-                    <span style="color: {property.color};">{property.title}</span>
-                </li>
-            {/each}
-        </ul>
-        <p>{@html lowerDescription}</p>
-    </div>
-    {#if reverse}
-        <div class="primary">
-            {@render primaryContent()}
+        <div class="content">
+            <h2 class="h1">{title}</h2>
+            <p>{@html upperDescription}</p>
+            <ul>
+                {#each properties as property}
+                    <li>
+                        <span style="color: {property.color};"
+                            ><Icon
+                                path={property.icon}
+                                size="2.4rem"
+                            />
+                        </span>
+                        <span style="color: {property.color};">{property.title}</span>
+                    </li>
+                {/each}
+            </ul>
+            <p>{@html lowerDescription}</p>
         </div>
-    {/if}
+        {#if reverse}
+            <div class="primary">
+                {@render primaryContent()}
+            </div>
+        {/if}
+    </div>
 </section>
 
 <style
@@ -55,94 +61,113 @@
     global
 >
     @import "../../assets/css/variables.less";
-    .improveYourselfDescription {
+    .product-frame {
+        background-color: white;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 2.4rem;
         max-width: 100%;
         height: 100%;
+        width: 100%;
+        padding-bottom: 4.8rem;
 
-        .primary {
-            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;
+        .wrapper {
+            width: var(--small-max-width);
             display: flex;
-            flex-direction: column;
-            justify-content: flex-start;
+            justify-content: center;
+            align-items: center;
             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;
-                    }
+
+            .primary {
+                width: 400px;
+                min-width: 400px;
+                max-height: 100%;
+                height: 100%;
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: contain;
+                }
+                .shadow {
+                    display: none;
                 }
             }
-        }
-        @media @mobile {
-            flex-direction: column;
-            padding: 0px;
+
             .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-reverse-100);
+                }
                 ul {
-                    flex-direction: column;
-                    gap: 1.2rem;
+                    display: flex;
+                    width: 100%;
+                    justify-content: space-between;
                     li {
-                        flex-direction: row;
-                        span:first-child {
-                            width: 100px;
-                            display: flex;
-                            justify-content: center;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        gap: 0.6rem;
+                        span {
+                            font-size: 0.8rem;
+                            font-weight: 700;
+                            text-transform: uppercase;
                         }
                     }
                 }
             }
-            .img {
-                max-width: 100%;
-                position: absolute;
-                bottom: 0px;
-                width: 100%;
-                height: 100%;
-                z-index: 1;
-                .shadow {
-                    display: block;
+            @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%;
-                    background: rgba(13, 12, 12, 0.5);
-                    z-index: 2;
+                    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;
+            }
         }
-        h2 {
-            color: var(--primary-200);
-            font-weight: 700;
+        &.reverse {
+            background-color: var(--bg-100);
+            p {
+                color: var(--text-100) !important;
+            }
         }
     }
 </style>
diff --git a/package.json b/package.json
index 11a8bd4..169397b 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
     },
     "dependencies": {
         "@mdi/js": "^7.4.47",
+        "@microsoft/fetch-event-source": "^2.0.1",
         "@okrad/svelte-progressbar": "^2.2.0",
         "@paypal/paypal-js": "^8.2.0",
         "@sentry/cli": "^2.45.0",
diff --git a/yarn.lock b/yarn.lock
index 9d47710..e623b9a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1786,6 +1786,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@microsoft/fetch-event-source@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@microsoft/fetch-event-source@npm:2.0.1"
+  checksum: a50e1c0f33220206967266d0a4bbba0703e2793b079d9f6e6bfd48f71b2115964a803e14cf6e902c6fab321edc084f26022334f5eaacc2cec87f174715d41852
+  languageName: node
+  linkType: hard
+
 "@nicolo-ribaudo/chokidar-2@npm:2.1.8-no-fsevents.3":
   version: 2.1.8-no-fsevents.3
   resolution: "@nicolo-ribaudo/chokidar-2@npm:2.1.8-no-fsevents.3"
@@ -6081,6 +6088,7 @@ __metadata:
     "@babel/plugin-transform-async-to-generator": ^7.27.1
     "@babel/preset-env": ^7.27.2
     "@mdi/js": ^7.4.47
+    "@microsoft/fetch-event-source": ^2.0.1
     "@okrad/svelte-progressbar": ^2.2.0
     "@paypal/paypal-js": ^8.2.0
     "@sentry/cli": ^2.45.0