From 0d09a4b388f04cc0996f386874ed8060d7c3711d Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Tue, 16 Jan 2024 12:33:52 +0100
Subject: [PATCH 001/101] refactor name input fields zu reusable separate
 components

---
 .../src/components/inputs/ContactForm.vue     | 38 +++---------
 .../src/components/inputs/EmailInput.vue      | 58 ++++++++++++++++++
 presenter/src/components/inputs/NameInput.vue | 60 +++++++++++++++++++
 .../src/components/inputs/NewsletterForm.vue  | 37 +++---------
 4 files changed, 135 insertions(+), 58 deletions(-)
 create mode 100644 presenter/src/components/inputs/EmailInput.vue
 create mode 100644 presenter/src/components/inputs/NameInput.vue

diff --git a/presenter/src/components/inputs/ContactForm.vue b/presenter/src/components/inputs/ContactForm.vue
index 52be15128..43fa3f0f1 100644
--- a/presenter/src/components/inputs/ContactForm.vue
+++ b/presenter/src/components/inputs/ContactForm.vue
@@ -3,56 +3,34 @@
     <v-form ref="form" class="contact-form" @submit.prevent="submitForm">
       <v-row>
         <v-col cols="12" md="6">
-          <v-text-field
+          <NameInput
             id="contactname"
             v-model="firstname"
             name="firstname"
             class="contact-text"
             :label="$t('menu.footer.contactForm.firstName')"
-            variant="solo"
-            color="#3D4753"
-            bg-color="rgba(174, 179, 189, 0.50)"
-            hide-details="auto"
-            flat
-            rounded="xl"
             required
-            :rules="nameRules"
-          ></v-text-field>
+          ></NameInput>
         </v-col>
         <v-col cols="12" md="6">
-          <v-text-field
+          <NameInput
             v-model="lastname"
             name="lastname"
             class="contact-text"
             :label="$t('menu.footer.contactForm.lastName')"
-            variant="solo"
-            color="#3D4753"
-            bg-color="rgba(174, 179, 189, 0.50)"
-            hide-details="auto"
-            flat
-            rounded="xl"
             required
-            :rules="nameRules"
-          ></v-text-field>
+          ></NameInput>
         </v-col>
       </v-row>
       <v-row>
         <v-col cols="12" md="6">
-          <v-text-field
+          <EmailInput
             v-model="email"
             name="email"
             class="contact-text mt-4"
             :label="$t('menu.footer.contactForm.mail')"
-            variant="solo"
-            color="#3D4753"
-            bg-color="rgba(174, 179, 189, 0.50)"
-            hide-details="auto"
-            flat
-            rounded="xl"
-            type="email"
             required
-            :rules="emailRules"
-          ></v-text-field>
+          ></EmailInput>
         </v-col>
         <v-col cols="12" md="6" class="pa-0 pa-md-3">
           <!-- <v-select
@@ -148,9 +126,11 @@ import { ref } from 'vue'
 
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { createContactFormMutation } from '#mutations/createContactForm'
-import { nameRules, messageRules, emailRules } from '#src/validation/validation'
+import { messageRules } from '#src/validation/validation'
 
+import EmailInput from './EmailInput.vue'
 import MainButton from './MainButton.vue'
+import NameInput from './NameInput.vue'
 
 const firstname = ref('')
 const lastname = ref('')
diff --git a/presenter/src/components/inputs/EmailInput.vue b/presenter/src/components/inputs/EmailInput.vue
new file mode 100644
index 000000000..76a4ffddc
--- /dev/null
+++ b/presenter/src/components/inputs/EmailInput.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-text-field
+    :model-value="props.modelValue"
+    :name="props.name"
+    :class="props.class"
+    :label="props.label"
+    :variant="props.variant"
+    :color="props.color"
+    :bg-color="props.bgColor"
+    :hide-details="props.hideDetails"
+    :flat="props.flat"
+    :rounded="props.rounded"
+    type="email"
+    :required="props.required"
+    :rules="emailRules"
+    @update:model-value="$emit('update:modelValue', $event)"
+  ></v-text-field>
+</template>
+
+<script lang="ts" setup>
+import { emailRules } from '#src/validation/validation'
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: string
+    name?: string
+    class?: string
+    label?: string
+    variant?:
+      | 'filled'
+      | 'outlined'
+      | 'plain'
+      | 'underlined'
+      | 'solo'
+      | 'solo-inverted'
+      | 'solo-filled'
+      | undefined
+    color?: string
+    bgColor?: string
+    hideDetails?: boolean | 'auto' | undefined
+    flat?: boolean
+    rounded?: string | boolean
+    required?: boolean
+  }>(),
+  {
+    name: undefined,
+    class: undefined,
+    label: undefined,
+    variant: 'solo',
+    color: '#3D4753',
+    bgColor: 'rgba(174, 179, 189, 0.50)',
+    hideDetails: 'auto',
+    flat: true,
+    rounded: 'xl',
+    required: false,
+  },
+)
+</script>
diff --git a/presenter/src/components/inputs/NameInput.vue b/presenter/src/components/inputs/NameInput.vue
new file mode 100644
index 000000000..b3c5b53fe
--- /dev/null
+++ b/presenter/src/components/inputs/NameInput.vue
@@ -0,0 +1,60 @@
+<template>
+  <v-text-field
+    :model-value="props.modelValue"
+    :name="props.name"
+    :class="props.class"
+    :label="props.label"
+    :variant="props.variant"
+    :color="props.color"
+    :bg-color="props.bgColor"
+    :hide-details="props.hideDetails"
+    :flat="props.flat"
+    :rounded="props.rounded"
+    :type="props.type"
+    :required="props.required"
+    :rules="nameRules"
+    @update:model-value="$emit('update:modelValue', $event)"
+  ></v-text-field>
+</template>
+
+<script lang="ts" setup>
+import { nameRules } from '#src/validation/validation'
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: string
+    name?: string
+    class?: string
+    label?: string
+    variant?:
+      | 'filled'
+      | 'outlined'
+      | 'plain'
+      | 'underlined'
+      | 'solo'
+      | 'solo-inverted'
+      | 'solo-filled'
+      | undefined
+    color?: string
+    bgColor?: string
+    hideDetails?: boolean | 'auto' | undefined
+    flat?: boolean
+    rounded?: string | boolean
+    type?: string
+    required?: boolean
+  }>(),
+  {
+    name: undefined,
+    class: undefined,
+    label: undefined,
+    variant: 'solo',
+    color: '#3D4753',
+    bgColor: 'rgba(174, 179, 189, 0.50)',
+    hideDetails: 'auto',
+    flat: true,
+    rounded: 'xl',
+    type: 'text',
+    required: false,
+  },
+)
+</script>
diff --git a/presenter/src/components/inputs/NewsletterForm.vue b/presenter/src/components/inputs/NewsletterForm.vue
index de6cb0308..9d22fecca 100644
--- a/presenter/src/components/inputs/NewsletterForm.vue
+++ b/presenter/src/components/inputs/NewsletterForm.vue
@@ -3,55 +3,33 @@
     <v-form ref="form" class="newsletter-form" @submit.prevent="submitForm">
       <v-row>
         <v-col cols="12" sm="6">
-          <v-text-field
+          <NameInput
             v-model="firstname"
             name="firstname"
             class="newsletter-text"
             :label="$t('home.newsletterSection.newsletterForm.firstname')"
-            variant="solo"
-            color="#3D4753"
-            bg-color="rgba(174, 179, 189, 0.50)"
-            hide-details="auto"
-            flat
-            rounded="xl"
             required
-            :rules="nameRules"
-          ></v-text-field>
+          ></NameInput>
         </v-col>
         <v-col cols="12" sm="6">
-          <v-text-field
+          <NameInput
             v-model="lastname"
             name="lastname"
             class="newsletter-text"
             :label="$t('home.newsletterSection.newsletterForm.lastname')"
-            variant="solo"
-            color="#3D4753"
-            bg-color="rgba(174, 179, 189, 0.50)"
-            hide-details="auto"
-            flat
-            rounded="xl"
             required
-            :rules="nameRules"
-          ></v-text-field>
+          ></NameInput>
         </v-col>
       </v-row>
       <v-row>
         <v-col cols="12" sm="6">
-          <v-text-field
+          <EmailInput
             v-model="email"
             name="email"
             class="newsletter-text"
             :label="$t('home.newsletterSection.newsletterForm.email')"
-            variant="solo"
-            color="#3D4753"
-            bg-color="rgba(174, 179, 189, 0.50)"
-            hide-details="auto"
-            flat
-            rounded="xl"
-            type="email"
             required
-            :rules="emailRules"
-          ></v-text-field>
+          ></EmailInput>
         </v-col>
         <v-col cols="12" sm="6 d-flex align-center">
           <MainButton
@@ -113,9 +91,10 @@ import { ref } from 'vue'
 
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { subscribeToNewsletterMutation } from '#mutations/subscribeToNewsletterMutation'
-import { nameRules, emailRules } from '#src/validation/validation'
 
+import EmailInput from './EmailInput.vue'
 import MainButton from './MainButton.vue'
+import NameInput from './NameInput.vue'
 
 const firstname = ref('')
 const lastname = ref('')

From 297cbc3754e62f438d901c273dcefada5b3fa1f5 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 17 Jan 2024 10:14:06 +0100
Subject: [PATCH 002/101] addemit definition in email and name input

---
 presenter/src/components/inputs/EmailInput.vue | 6 +++++-
 presenter/src/components/inputs/NameInput.vue  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/presenter/src/components/inputs/EmailInput.vue b/presenter/src/components/inputs/EmailInput.vue
index 76a4ffddc..b3043212c 100644
--- a/presenter/src/components/inputs/EmailInput.vue
+++ b/presenter/src/components/inputs/EmailInput.vue
@@ -13,7 +13,7 @@
     type="email"
     :required="props.required"
     :rules="emailRules"
-    @update:model-value="$emit('update:modelValue', $event)"
+    @update:model-value="emit('update:modelValue', $event)"
   ></v-text-field>
 </template>
 
@@ -55,4 +55,8 @@ const props = withDefaults(
     required: false,
   },
 )
+
+const emit = defineEmits<{
+  (e: 'modelValue:updateupdate:modelValue', event: string): void
+}>()
 </script>
diff --git a/presenter/src/components/inputs/NameInput.vue b/presenter/src/components/inputs/NameInput.vue
index b3c5b53fe..d09f5b9d3 100644
--- a/presenter/src/components/inputs/NameInput.vue
+++ b/presenter/src/components/inputs/NameInput.vue
@@ -13,7 +13,7 @@
     :type="props.type"
     :required="props.required"
     :rules="nameRules"
-    @update:model-value="$emit('update:modelValue', $event)"
+    @update:model-value="emit('update:modelValue', $event)"
   ></v-text-field>
 </template>
 
@@ -57,4 +57,8 @@ const props = withDefaults(
     required: false,
   },
 )
+
+const emit = defineEmits<{
+  (e: 'modelValue:updateupdate:modelValue', event: string): void
+}>()
 </script>

From b710b85062b4d4177808a0c5973ab94fdc7c962c Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 17 Jan 2024 10:20:49 +0100
Subject: [PATCH 003/101] fix typo

---
 presenter/src/components/inputs/EmailInput.vue | 2 +-
 presenter/src/components/inputs/NameInput.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/components/inputs/EmailInput.vue b/presenter/src/components/inputs/EmailInput.vue
index b3043212c..51a24d7f7 100644
--- a/presenter/src/components/inputs/EmailInput.vue
+++ b/presenter/src/components/inputs/EmailInput.vue
@@ -57,6 +57,6 @@ const props = withDefaults(
 )
 
 const emit = defineEmits<{
-  (e: 'modelValue:updateupdate:modelValue', event: string): void
+  (e: 'update:modelValue', event: string): void
 }>()
 </script>
diff --git a/presenter/src/components/inputs/NameInput.vue b/presenter/src/components/inputs/NameInput.vue
index d09f5b9d3..d9db6f157 100644
--- a/presenter/src/components/inputs/NameInput.vue
+++ b/presenter/src/components/inputs/NameInput.vue
@@ -59,6 +59,6 @@ const props = withDefaults(
 )
 
 const emit = defineEmits<{
-  (e: 'modelValue:updateupdate:modelValue', event: string): void
+  (e: 'update:modelValue', event: string): void
 }>()
 </script>

From 3a5d56bfed3741c4a3250fd7937878d6aabc8003 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 17 Jan 2024 10:59:39 +0100
Subject: [PATCH 004/101] make data privacy checkbox reusable component

---
 .../controls/DataPrivacyCheckbox.vue          | 25 +++++++++++++++++++
 .../src/components/inputs/ContactForm.vue     | 15 ++---------
 .../src/components/inputs/NewsletterForm.vue  | 15 ++---------
 3 files changed, 29 insertions(+), 26 deletions(-)
 create mode 100644 presenter/src/components/controls/DataPrivacyCheckbox.vue

diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.vue b/presenter/src/components/controls/DataPrivacyCheckbox.vue
new file mode 100644
index 000000000..c1779c3c5
--- /dev/null
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.vue
@@ -0,0 +1,25 @@
+<template>
+  <v-checkbox
+    v-model="dataprivacy"
+    name="dataprivacy"
+    color="rgba(174, 179, 189, 0.50)"
+    value="false"
+    hide-details="auto"
+    :center-affix="false"
+    density="compact"
+    required
+    :rules="[() => !!dataprivacy || $t('validation.fieldRequired')]"
+    @update:model-value="emit('modelValue:update', value)"
+  >
+  </v-checkbox>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const dataprivacy = ref(0)
+
+const emit = defineEmits<{
+  (e: 'modelValue:update', value: boolean): void
+}>()
+</script>
diff --git a/presenter/src/components/inputs/ContactForm.vue b/presenter/src/components/inputs/ContactForm.vue
index 43fa3f0f1..1db7b3e89 100644
--- a/presenter/src/components/inputs/ContactForm.vue
+++ b/presenter/src/components/inputs/ContactForm.vue
@@ -70,18 +70,7 @@
       </v-row>
       <v-row>
         <v-col class="d-flex align-start">
-          <v-checkbox
-            v-model="dataprivacy"
-            name="dataprivacy"
-            color="rgba(174, 179, 189, 0.50)"
-            value="false"
-            hide-details="auto"
-            :center-affix="false"
-            density="compact"
-            required
-            :rules="[() => !!dataprivacy || $t('validation.fieldRequired')]"
-          >
-          </v-checkbox>
+          <DataPrivacyCheckbox></DataPrivacyCheckbox>
           <span class="ml-4 pt-2 contact-agb"
             >{{ $t('menu.footer.contactForm.privacy') }}
             <AnchorLink
@@ -124,6 +113,7 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
+import DataPrivacyCheckbox from '#components/controls/DataPrivacyCheckbox.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { createContactFormMutation } from '#mutations/createContactForm'
 import { messageRules } from '#src/validation/validation'
@@ -136,7 +126,6 @@ const firstname = ref('')
 const lastname = ref('')
 const email = ref('')
 const message = ref('')
-const dataprivacy = ref(0)
 const formIsLoading = ref(false)
 const showFormError = ref(false)
 const showFormSuccess = ref(false)
diff --git a/presenter/src/components/inputs/NewsletterForm.vue b/presenter/src/components/inputs/NewsletterForm.vue
index 9d22fecca..8c1a58abd 100644
--- a/presenter/src/components/inputs/NewsletterForm.vue
+++ b/presenter/src/components/inputs/NewsletterForm.vue
@@ -46,18 +46,7 @@
 
       <v-row>
         <v-col cols="12" class="d-flex align-start">
-          <v-checkbox
-            v-model="dataprivacy"
-            name="dataprivacy"
-            color="rgba(174, 179, 189, 0.50)"
-            value="false"
-            hide-details="auto"
-            :center-affix="false"
-            density="compact"
-            required
-            :rules="[() => !!dataprivacy || $t('validation.fieldRequired')]"
-          >
-          </v-checkbox>
+          <DataPrivacyCheckbox></DataPrivacyCheckbox>
           <span class="ml-4 pt-2 newsletter-agb"
             >{{ $t('home.newsletterSection.newsletterForm.privacy') }}
             <AnchorLink
@@ -89,6 +78,7 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
+import DataPrivacyCheckbox from '#components/controls/DataPrivacyCheckbox.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { subscribeToNewsletterMutation } from '#mutations/subscribeToNewsletterMutation'
 
@@ -99,7 +89,6 @@ import NameInput from './NameInput.vue'
 const firstname = ref('')
 const lastname = ref('')
 const email = ref('')
-const dataprivacy = ref(0)
 const formIsLoading = ref(false)
 const showFormError = ref(false)
 const showFormSuccess = ref(false)

From 8266769690ba0777d3ebd1539c9d608b327a718c Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 17 Jan 2024 13:57:18 +0100
Subject: [PATCH 005/101] fix checkbox emission

---
 presenter/src/components/controls/DataPrivacyCheckbox.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.vue b/presenter/src/components/controls/DataPrivacyCheckbox.vue
index c1779c3c5..1c60f6f91 100644
--- a/presenter/src/components/controls/DataPrivacyCheckbox.vue
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.vue
@@ -9,7 +9,7 @@
     density="compact"
     required
     :rules="[() => !!dataprivacy || $t('validation.fieldRequired')]"
-    @update:model-value="emit('modelValue:update', value)"
+    @update:model-value="emit('modelValue:update', dataprivacy)"
   >
   </v-checkbox>
 </template>
@@ -20,6 +20,6 @@ import { ref } from 'vue'
 const dataprivacy = ref(0)
 
 const emit = defineEmits<{
-  (e: 'modelValue:update', value: boolean): void
+  (e: 'modelValue:update', dataprivacy: number): void
 }>()
 </script>

From 22349ff47ad5f19a55e087514f867dde59e8028c Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 17 Jan 2024 21:32:59 +0100
Subject: [PATCH 006/101] add snapshots and unit tests for email and name input
 components

---
 .../src/components/inputs/EmailInput.test.ts  |  24 +++++
 .../src/components/inputs/NameInput.test.ts   |  24 +++++
 .../__snapshots__/EmailInput.test.ts.snap     | 102 ++++++++++++++++++
 .../__snapshots__/NameInput.test.ts.snap      | 102 ++++++++++++++++++
 4 files changed, 252 insertions(+)
 create mode 100644 presenter/src/components/inputs/EmailInput.test.ts
 create mode 100644 presenter/src/components/inputs/NameInput.test.ts
 create mode 100644 presenter/src/components/inputs/__snapshots__/EmailInput.test.ts.snap
 create mode 100644 presenter/src/components/inputs/__snapshots__/NameInput.test.ts.snap

diff --git a/presenter/src/components/inputs/EmailInput.test.ts b/presenter/src/components/inputs/EmailInput.test.ts
new file mode 100644
index 000000000..e67455fa7
--- /dev/null
+++ b/presenter/src/components/inputs/EmailInput.test.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect, beforeEach } from 'vitest'
+
+import EmailInput from './EmailInput.vue'
+
+describe('EmailInput', () => {
+  const Wrapper = () => {
+    return mount(EmailInput)
+  }
+  let wrapper: ReturnType<typeof Wrapper>
+
+  beforeEach(() => {
+    wrapper = Wrapper()
+  })
+
+  it('renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+
+  it('emits the update:modelValue event on input', async () => {
+    await wrapper.find('input').setValue('new@email.com')
+    expect(wrapper.emitted('update:modelValue')).toMatchObject([['new@email.com']])
+  })
+})
diff --git a/presenter/src/components/inputs/NameInput.test.ts b/presenter/src/components/inputs/NameInput.test.ts
new file mode 100644
index 000000000..b0129c951
--- /dev/null
+++ b/presenter/src/components/inputs/NameInput.test.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect, beforeEach } from 'vitest'
+
+import NameInput from './NameInput.vue'
+
+describe('MainButton', () => {
+  const Wrapper = () => {
+    return mount(NameInput)
+  }
+  let wrapper: ReturnType<typeof Wrapper>
+
+  beforeEach(() => {
+    wrapper = Wrapper()
+  })
+
+  it('renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+
+  it('emits the update:modelValue event on input', async () => {
+    await wrapper.find('input').setValue('New Name')
+    expect(wrapper.emitted('update:modelValue')).toMatchObject([['New Name']])
+  })
+})
diff --git a/presenter/src/components/inputs/__snapshots__/EmailInput.test.ts.snap b/presenter/src/components/inputs/__snapshots__/EmailInput.test.ts.snap
new file mode 100644
index 000000000..a162e3693
--- /dev/null
+++ b/presenter/src/components/inputs/__snapshots__/EmailInput.test.ts.snap
@@ -0,0 +1,102 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EmailInput > renders 1`] = `
+<div
+  class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field"
+>
+  <!---->
+  <div
+    class="v-input__control"
+  >
+    
+    <div
+      class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+      style="background-color: rgba(174, 179, 189, 0.50);"
+    >
+      <div
+        class="v-field__overlay"
+      />
+      <div
+        class="v-field__loader"
+      >
+        <div
+          aria-hidden="true"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          class="v-progress-linear v-theme--light v-locale--is-ltr"
+          role="progressbar"
+          style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+        >
+          <!---->
+          <div
+            class="v-progress-linear__background"
+            style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+          />
+          <transition-stub
+            appear="false"
+            css="true"
+            name="fade-transition"
+            persisted="false"
+          >
+            <div
+              class="v-progress-linear__indeterminate"
+            >
+              
+              <div
+                class="v-progress-linear__indeterminate long"
+                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+              />
+              <div
+                class="v-progress-linear__indeterminate short"
+                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+              />
+              
+            </div>
+          </transition-stub>
+          <!---->
+        </div>
+      </div>
+      <!---->
+      <div
+        class="v-field__field"
+        data-no-activator=""
+      >
+        <!---->
+        <label
+          class="v-label v-field-label"
+          for="input-0"
+        >
+          <!---->
+          
+          <!---->
+          
+        </label>
+        
+        
+        <!---->
+        <input
+          aria-describedby="input-0-messages"
+          class="v-field__input"
+          id="input-0"
+          size="1"
+          type="email"
+        />
+        <!---->
+        
+        
+      </div>
+      <!---->
+      <!---->
+      <div
+        class="v-field__outline"
+      >
+        <!---->
+        <!---->
+      </div>
+    </div>
+    
+  </div>
+  <!---->
+  <!---->
+</div>
+`;
diff --git a/presenter/src/components/inputs/__snapshots__/NameInput.test.ts.snap b/presenter/src/components/inputs/__snapshots__/NameInput.test.ts.snap
new file mode 100644
index 000000000..0f5c6f1a8
--- /dev/null
+++ b/presenter/src/components/inputs/__snapshots__/NameInput.test.ts.snap
@@ -0,0 +1,102 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MainButton > renders 1`] = `
+<div
+  class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field"
+>
+  <!---->
+  <div
+    class="v-input__control"
+  >
+    
+    <div
+      class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+      style="background-color: rgba(174, 179, 189, 0.50);"
+    >
+      <div
+        class="v-field__overlay"
+      />
+      <div
+        class="v-field__loader"
+      >
+        <div
+          aria-hidden="true"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          class="v-progress-linear v-theme--light v-locale--is-ltr"
+          role="progressbar"
+          style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+        >
+          <!---->
+          <div
+            class="v-progress-linear__background"
+            style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+          />
+          <transition-stub
+            appear="false"
+            css="true"
+            name="fade-transition"
+            persisted="false"
+          >
+            <div
+              class="v-progress-linear__indeterminate"
+            >
+              
+              <div
+                class="v-progress-linear__indeterminate long"
+                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+              />
+              <div
+                class="v-progress-linear__indeterminate short"
+                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+              />
+              
+            </div>
+          </transition-stub>
+          <!---->
+        </div>
+      </div>
+      <!---->
+      <div
+        class="v-field__field"
+        data-no-activator=""
+      >
+        <!---->
+        <label
+          class="v-label v-field-label"
+          for="input-0"
+        >
+          <!---->
+          
+          <!---->
+          
+        </label>
+        
+        
+        <!---->
+        <input
+          aria-describedby="input-0-messages"
+          class="v-field__input"
+          id="input-0"
+          size="1"
+          type="text"
+        />
+        <!---->
+        
+        
+      </div>
+      <!---->
+      <!---->
+      <div
+        class="v-field__outline"
+      >
+        <!---->
+        <!---->
+      </div>
+    </div>
+    
+  </div>
+  <!---->
+  <!---->
+</div>
+`;

From 024e68ba570794986fa2685c243a071484030d56 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 17 Jan 2024 21:48:39 +0100
Subject: [PATCH 007/101] add snapshots and unit tests for data privacy
 checkbox component

---
 .../controls/DataPrivacyCheckbox.test.ts      | 24 ++++++++++
 .../DataPrivacyCheckbox.test.ts.snap          | 46 +++++++++++++++++++
 2 files changed, 70 insertions(+)
 create mode 100644 presenter/src/components/controls/DataPrivacyCheckbox.test.ts
 create mode 100644 presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap

diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
new file mode 100644
index 000000000..0485d858a
--- /dev/null
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect, beforeEach } from 'vitest'
+
+import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
+
+describe('DataPrivacyCheckbox', () => {
+  const Wrapper = () => {
+    return mount(DataPrivacyCheckbox)
+  }
+  let wrapper: ReturnType<typeof Wrapper>
+
+  beforeEach(() => {
+    wrapper = Wrapper()
+  })
+
+  it('renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+
+  it('emits the modelValue:update event on checkbox change', async () => {
+    await wrapper.find('input[type="checkbox"]').trigger('change')
+    expect(wrapper.emitted('modelValue:update')).toMatchObject([[1]])
+  })
+})
diff --git a/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap b/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap
new file mode 100644
index 000000000..829402baa
--- /dev/null
+++ b/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap
@@ -0,0 +1,46 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DataPrivacyCheckbox > renders 1`] = `
+<div
+  class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
+>
+  <!---->
+  <div
+    class="v-input__control"
+  >
+    
+    <div
+      class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
+    >
+      <div
+        class="v-selection-control__wrapper"
+      >
+        <!---->
+        <div
+          class="v-selection-control__input"
+        >
+          
+          <i
+            aria-hidden="true"
+            class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
+          />
+          <input
+            aria-describedby="checkbox-0-messages"
+            aria-disabled="false"
+            id="checkbox-0"
+            name="dataprivacy"
+            required=""
+            type="checkbox"
+            value="false"
+          />
+          
+        </div>
+      </div>
+      <!---->
+    </div>
+    
+  </div>
+  <!---->
+  <!---->
+</div>
+`;

From 2dc3c0bbfb9d60cd1967842405e2b796765fb68d Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@losteo.de>
Date: Thu, 18 Jan 2024 08:42:13 +0100
Subject: [PATCH 008/101] fix setting value in checkbox unit test

---
 presenter/src/components/controls/DataPrivacyCheckbox.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
index 0485d858a..7f9d9f972 100644
--- a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
@@ -18,7 +18,7 @@ describe('DataPrivacyCheckbox', () => {
   })
 
   it('emits the modelValue:update event on checkbox change', async () => {
-    await wrapper.find('input[type="checkbox"]').trigger('change')
+    await wrapper.find('input[type="checkbox"]').setValue(true)
     expect(wrapper.emitted('modelValue:update')).toMatchObject([[1]])
   })
 })

From b1a8584c3c0f227a5365533bb9baf1f81837ea3c Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 18 Jan 2024 21:31:09 +0100
Subject: [PATCH 009/101] unit tests working

---
 .../src/components/controls/DataPrivacyCheckbox.test.ts      | 5 +++--
 presenter/src/components/controls/DataPrivacyCheckbox.vue    | 1 -
 .../controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap  | 2 +-
 presenter/src/components/inputs/ContactForm.test.ts          | 2 +-
 presenter/src/components/inputs/EmailInput.test.ts           | 4 ++--
 presenter/src/components/inputs/NameInput.test.ts            | 4 ++--
 presenter/src/components/inputs/NewsletterForm.test.ts       | 2 +-
 .../components/inputs/__snapshots__/ContactForm.test.ts.snap | 2 +-
 .../inputs/__snapshots__/NewsletterForm.test.ts.snap         | 2 +-
 .../components/menu/__snapshots__/FooterMenu.test.ts.snap    | 2 +-
 .../sections/__snapshots__/NewsletterSection.test.ts.snap    | 2 +-
 .../src/layouts/__snapshots__/DefaultLayout.test.ts.snap     | 2 +-
 .../src/pages/datenschutz/__snapshots__/Page.test.ts.snap    | 2 +-
 .../src/pages/impressum/__snapshots__/Page.test.ts.snap      | 2 +-
 presenter/src/pages/index/__snapshots__/Page.test.ts.snap    | 4 ++--
 15 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
index 7f9d9f972..76d67ccdb 100644
--- a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
@@ -1,4 +1,4 @@
-import { mount } from '@vue/test-utils'
+import { mount, flushPromises } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
 
 import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
@@ -19,6 +19,7 @@ describe('DataPrivacyCheckbox', () => {
 
   it('emits the modelValue:update event on checkbox change', async () => {
     await wrapper.find('input[type="checkbox"]').setValue(true)
-    expect(wrapper.emitted('modelValue:update')).toMatchObject([[1]])
+    await flushPromises()
+    expect(wrapper.emitted('modelValue:update')).toMatchObject([[true]])
   })
 })
diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.vue b/presenter/src/components/controls/DataPrivacyCheckbox.vue
index 1c60f6f91..35ad209f0 100644
--- a/presenter/src/components/controls/DataPrivacyCheckbox.vue
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.vue
@@ -3,7 +3,6 @@
     v-model="dataprivacy"
     name="dataprivacy"
     color="rgba(174, 179, 189, 0.50)"
-    value="false"
     hide-details="auto"
     :center-affix="false"
     density="compact"
diff --git a/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap b/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap
index 829402baa..b0647424f 100644
--- a/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap
+++ b/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap
@@ -31,7 +31,7 @@ exports[`DataPrivacyCheckbox > renders 1`] = `
             name="dataprivacy"
             required=""
             type="checkbox"
-            value="false"
+            value="true"
           />
           
         </div>
diff --git a/presenter/src/components/inputs/ContactForm.test.ts b/presenter/src/components/inputs/ContactForm.test.ts
index d35472ac1..3ae843c5a 100644
--- a/presenter/src/components/inputs/ContactForm.test.ts
+++ b/presenter/src/components/inputs/ContactForm.test.ts
@@ -146,7 +146,7 @@ describe('ContactForm', () => {
           expect(wrapper.find('input[name="email"]').element).toHaveProperty('value', '')
           expect(wrapper.find('input[name="lastname"]').element).toHaveProperty('value', '')
           expect(wrapper.find('textarea[name="message"]').element).toHaveProperty('value', '')
-          expect(wrapper.find('input[name="dataprivacy"]').element).toHaveProperty('value', 'false')
+          expect(wrapper.find('input[name="dataprivacy"]').element).toHaveProperty('checked', false)
         })
 
         describe('success message for user', () => {
diff --git a/presenter/src/components/inputs/EmailInput.test.ts b/presenter/src/components/inputs/EmailInput.test.ts
index e67455fa7..828c49d1a 100644
--- a/presenter/src/components/inputs/EmailInput.test.ts
+++ b/presenter/src/components/inputs/EmailInput.test.ts
@@ -5,7 +5,7 @@ import EmailInput from './EmailInput.vue'
 
 describe('EmailInput', () => {
   const Wrapper = () => {
-    return mount(EmailInput)
+    return mount(EmailInput, { props: { modelValue: '' } })
   }
   let wrapper: ReturnType<typeof Wrapper>
 
@@ -19,6 +19,6 @@ describe('EmailInput', () => {
 
   it('emits the update:modelValue event on input', async () => {
     await wrapper.find('input').setValue('new@email.com')
-    expect(wrapper.emitted('update:modelValue')).toMatchObject([['new@email.com']])
+    expect(wrapper.emitted('update:modelValue')).toEqual([['new@email.com']])
   })
 })
diff --git a/presenter/src/components/inputs/NameInput.test.ts b/presenter/src/components/inputs/NameInput.test.ts
index b0129c951..21bc62afa 100644
--- a/presenter/src/components/inputs/NameInput.test.ts
+++ b/presenter/src/components/inputs/NameInput.test.ts
@@ -5,7 +5,7 @@ import NameInput from './NameInput.vue'
 
 describe('MainButton', () => {
   const Wrapper = () => {
-    return mount(NameInput)
+    return mount(NameInput, { props: { modelValue: '' } })
   }
   let wrapper: ReturnType<typeof Wrapper>
 
@@ -19,6 +19,6 @@ describe('MainButton', () => {
 
   it('emits the update:modelValue event on input', async () => {
     await wrapper.find('input').setValue('New Name')
-    expect(wrapper.emitted('update:modelValue')).toMatchObject([['New Name']])
+    expect(wrapper.emitted('update:modelValue')).toEqual([['New Name']])
   })
 })
diff --git a/presenter/src/components/inputs/NewsletterForm.test.ts b/presenter/src/components/inputs/NewsletterForm.test.ts
index 8039777b9..a868db546 100644
--- a/presenter/src/components/inputs/NewsletterForm.test.ts
+++ b/presenter/src/components/inputs/NewsletterForm.test.ts
@@ -100,7 +100,7 @@ describe('NewsletterForm', () => {
           expect(wrapper.find('input[name="firstname"]').element).toHaveProperty('value', '')
           expect(wrapper.find('input[name="lastname"]').element).toHaveProperty('value', '')
           expect(wrapper.find('input[name="email"]').element).toHaveProperty('value', '')
-          expect(wrapper.find('input[name="dataprivacy"]').element).toHaveProperty('value', 'false')
+          expect(wrapper.find('input[name="dataprivacy"]').element).toHaveProperty('checked', false)
         })
 
         describe('success message for user', () => {
diff --git a/presenter/src/components/inputs/__snapshots__/ContactForm.test.ts.snap b/presenter/src/components/inputs/__snapshots__/ContactForm.test.ts.snap
index 9b053c950..8f0e32d30 100644
--- a/presenter/src/components/inputs/__snapshots__/ContactForm.test.ts.snap
+++ b/presenter/src/components/inputs/__snapshots__/ContactForm.test.ts.snap
@@ -563,7 +563,7 @@ exports[`ContactForm > renders form 1`] = `
                     name="dataprivacy"
                     required=""
                     type="checkbox"
-                    value="false"
+                    value="true"
                   />
                   
                 </div>
diff --git a/presenter/src/components/inputs/__snapshots__/NewsletterForm.test.ts.snap b/presenter/src/components/inputs/__snapshots__/NewsletterForm.test.ts.snap
index 2b250fb22..deb0eb88f 100644
--- a/presenter/src/components/inputs/__snapshots__/NewsletterForm.test.ts.snap
+++ b/presenter/src/components/inputs/__snapshots__/NewsletterForm.test.ts.snap
@@ -446,7 +446,7 @@ exports[`NewsletterForm > renders form 1`] = `
                     name="dataprivacy"
                     required=""
                     type="checkbox"
-                    value="false"
+                    value="true"
                   />
                   
                 </div>
diff --git a/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
index 9e031d5d9..54b4e710a 100644
--- a/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
@@ -841,7 +841,7 @@ exports[`FooterMenu > renders 1`] = `
                                   name="dataprivacy"
                                   required=""
                                   type="checkbox"
-                                  value="false"
+                                  value="true"
                                 />
                                 
                               </div>
diff --git a/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap
index b20798580..920202423 100644
--- a/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap
@@ -485,7 +485,7 @@ exports[`NewsletterSection > renders 1`] = `
                             name="dataprivacy"
                             required=""
                             type="checkbox"
-                            value="false"
+                            value="true"
                           />
                           
                         </div>
diff --git a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
index ffc730b35..c599fe37f 100644
--- a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
+++ b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
@@ -866,7 +866,7 @@ exports[`DefaultLayout > renders 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>
diff --git a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
index c7273063f..a15e086e7 100644
--- a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
@@ -1242,7 +1242,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>
diff --git a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
index 2bb8cf532..feae317cd 100644
--- a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
@@ -1441,7 +1441,7 @@ exports[`ImpressumPage > renders 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index eb8049164..11f9142b5 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -1341,7 +1341,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                           name="dataprivacy"
                                           required=""
                                           type="checkbox"
-                                          value="false"
+                                          value="true"
                                         />
                                         
                                       </div>
@@ -2904,7 +2904,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>

From dfca52ffc35f32c69d40aad3886e070faa8e8bc3 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 18 Jan 2024 21:32:54 +0100
Subject: [PATCH 010/101] toEqual instead of toMatchObject

---
 presenter/src/components/controls/DataPrivacyCheckbox.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
index 76d67ccdb..f493501b9 100644
--- a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
+++ b/presenter/src/components/controls/DataPrivacyCheckbox.test.ts
@@ -20,6 +20,6 @@ describe('DataPrivacyCheckbox', () => {
   it('emits the modelValue:update event on checkbox change', async () => {
     await wrapper.find('input[type="checkbox"]').setValue(true)
     await flushPromises()
-    expect(wrapper.emitted('modelValue:update')).toMatchObject([[true]])
+    expect(wrapper.emitted('modelValue:update')).toEqual([[true]])
   })
 })

From f377e323b0f846dc0f5762d143d6c38362493e88 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 09:05:54 +0100
Subject: [PATCH 011/101] fix typo

---
 presenter/src/components/inputs/ContactForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/components/inputs/ContactForm.vue b/presenter/src/components/inputs/ContactForm.vue
index 713c8b990..a81a17226 100644
--- a/presenter/src/components/inputs/ContactForm.vue
+++ b/presenter/src/components/inputs/ContactForm.vue
@@ -24,7 +24,7 @@
       </v-row>
       <v-row class="mt-0">
         <v-col cols="12" md="6" class="py-0 pt-1">
-          EmailInput
+          <EmailInput
             v-model="email"
             name="email"
             class="contact-text mt-4"

From 749ac8227ec387048047a993bc4606721606ae54 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@losteo.de>
Date: Fri, 19 Jan 2024 10:33:31 +0100
Subject: [PATCH 012/101] resolve vue warnings in presenter unit tests

---
 presenter/src/components/inputs/EmailInput.vue | 2 +-
 presenter/src/components/inputs/NameInput.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/components/inputs/EmailInput.vue b/presenter/src/components/inputs/EmailInput.vue
index 51a24d7f7..20bdd9bfa 100644
--- a/presenter/src/components/inputs/EmailInput.vue
+++ b/presenter/src/components/inputs/EmailInput.vue
@@ -22,7 +22,7 @@ import { emailRules } from '#src/validation/validation'
 
 const props = withDefaults(
   defineProps<{
-    modelValue: string
+    modelValue: string | null
     name?: string
     class?: string
     label?: string
diff --git a/presenter/src/components/inputs/NameInput.vue b/presenter/src/components/inputs/NameInput.vue
index d9db6f157..df2dec167 100644
--- a/presenter/src/components/inputs/NameInput.vue
+++ b/presenter/src/components/inputs/NameInput.vue
@@ -22,7 +22,7 @@ import { nameRules } from '#src/validation/validation'
 
 const props = withDefaults(
   defineProps<{
-    modelValue: string
+    modelValue: string | null
     name?: string
     class?: string
     label?: string

From 2e723d39a81711ac178d112810e7be0dfed43482 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 16:06:01 +0100
Subject: [PATCH 013/101] move custom checkbox component to inputs

---
 presenter/src/components/inputs/ContactForm.vue                 | 2 +-
 .../components/{controls => inputs}/DataPrivacyCheckbox.test.ts | 0
 .../src/components/{controls => inputs}/DataPrivacyCheckbox.vue | 0
 presenter/src/components/inputs/NewsletterForm.vue              | 2 +-
 .../__snapshots__/DataPrivacyCheckbox.test.ts.snap              | 0
 5 files changed, 2 insertions(+), 2 deletions(-)
 rename presenter/src/components/{controls => inputs}/DataPrivacyCheckbox.test.ts (100%)
 rename presenter/src/components/{controls => inputs}/DataPrivacyCheckbox.vue (100%)
 rename presenter/src/components/{controls => inputs}/__snapshots__/DataPrivacyCheckbox.test.ts.snap (100%)

diff --git a/presenter/src/components/inputs/ContactForm.vue b/presenter/src/components/inputs/ContactForm.vue
index a81a17226..1301a61ea 100644
--- a/presenter/src/components/inputs/ContactForm.vue
+++ b/presenter/src/components/inputs/ContactForm.vue
@@ -113,11 +113,11 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
-import DataPrivacyCheckbox from '#components/controls/DataPrivacyCheckbox.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { createContactFormMutation } from '#mutations/createContactForm'
 import { messageRules } from '#src/validation/validation'
 
+import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
 import EmailInput from './EmailInput.vue'
 import MainButton from './MainButton.vue'
 import NameInput from './NameInput.vue'
diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.test.ts b/presenter/src/components/inputs/DataPrivacyCheckbox.test.ts
similarity index 100%
rename from presenter/src/components/controls/DataPrivacyCheckbox.test.ts
rename to presenter/src/components/inputs/DataPrivacyCheckbox.test.ts
diff --git a/presenter/src/components/controls/DataPrivacyCheckbox.vue b/presenter/src/components/inputs/DataPrivacyCheckbox.vue
similarity index 100%
rename from presenter/src/components/controls/DataPrivacyCheckbox.vue
rename to presenter/src/components/inputs/DataPrivacyCheckbox.vue
diff --git a/presenter/src/components/inputs/NewsletterForm.vue b/presenter/src/components/inputs/NewsletterForm.vue
index 081a5a3ab..8324a39cc 100644
--- a/presenter/src/components/inputs/NewsletterForm.vue
+++ b/presenter/src/components/inputs/NewsletterForm.vue
@@ -78,10 +78,10 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
-import DataPrivacyCheckbox from '#components/controls/DataPrivacyCheckbox.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { subscribeToNewsletterMutation } from '#mutations/subscribeToNewsletterMutation'
 
+import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
 import EmailInput from './EmailInput.vue'
 import MainButton from './MainButton.vue'
 import NameInput from './NameInput.vue'
diff --git a/presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap b/presenter/src/components/inputs/__snapshots__/DataPrivacyCheckbox.test.ts.snap
similarity index 100%
rename from presenter/src/components/controls/__snapshots__/DataPrivacyCheckbox.test.ts.snap
rename to presenter/src/components/inputs/__snapshots__/DataPrivacyCheckbox.test.ts.snap

From 5fd137cb79290cf30820a8bcb86bd9b479030b2a Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 18:00:51 +0100
Subject: [PATCH 014/101] add storybook files for new input components

---
 .../components/inputs/EmailInput.stories.ts   | 21 +++++++++++++++++++
 .../components/inputs/NameInput.stories.ts    | 21 +++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 presenter/src/components/inputs/EmailInput.stories.ts
 create mode 100644 presenter/src/components/inputs/NameInput.stories.ts

diff --git a/presenter/src/components/inputs/EmailInput.stories.ts b/presenter/src/components/inputs/EmailInput.stories.ts
new file mode 100644
index 000000000..deb2400ce
--- /dev/null
+++ b/presenter/src/components/inputs/EmailInput.stories.ts
@@ -0,0 +1,21 @@
+import { SBComp } from '#types/SBComp'
+
+import EmailInput from './EmailInput.vue'
+
+import type { Meta, StoryObj } from '@storybook/vue3'
+
+const meta = {
+  title: 'Inputs/EmailInput',
+  component: EmailInput as SBComp,
+  tags: ['autodocs'],
+} satisfies Meta<typeof EmailInput>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Example: Story = {
+  args: {
+    modelValue: 'test@example.com',
+    label: 'Email Input Field',
+  },
+}
diff --git a/presenter/src/components/inputs/NameInput.stories.ts b/presenter/src/components/inputs/NameInput.stories.ts
new file mode 100644
index 000000000..f778a4658
--- /dev/null
+++ b/presenter/src/components/inputs/NameInput.stories.ts
@@ -0,0 +1,21 @@
+import { SBComp } from '#types/SBComp'
+
+import NameInput from './NameInput.vue'
+
+import type { Meta, StoryObj } from '@storybook/vue3'
+
+const meta = {
+  title: 'Inputs/NameInput',
+  component: NameInput as SBComp,
+  tags: ['autodocs'],
+} satisfies Meta<typeof NameInput>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Example: Story = {
+  args: {
+    modelValue: 'Example Name',
+    label: 'Name Input Field',
+  },
+}

From ee8c32994c9d24c9bbbac9f0600dab23bea3bac0 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 19:28:38 +0100
Subject: [PATCH 015/101] add storybook file for new checkbox component

---
 .../inputs/DataPrivacyCheckbox.stories.ts     | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts

diff --git a/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts b/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
new file mode 100644
index 000000000..f2ff3ded5
--- /dev/null
+++ b/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
@@ -0,0 +1,20 @@
+import { SBComp } from '#types/SBComp'
+
+import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
+
+import type { Meta, StoryObj } from '@storybook/vue3'
+
+const meta = {
+  title: 'Inputs/DataPrivacyCheckbox',
+  component: DataPrivacyCheckbox as SBComp,
+  tags: ['autodocs'],
+  argTypes: {
+    modelValue: { control: 'select', options: [0, 1] },
+    // onClick: { action: 'clicked' },
+  },
+} satisfies Meta<typeof DataPrivacyCheckbox>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Example: Story = {}

From bfbe135c2ac57ee92206c4ca273d1f29e297604b Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 19:36:22 +0100
Subject: [PATCH 016/101] move MainButton files to buttons directory

---
 .../src/components/{inputs => buttons}/MainButton.stories.ts      | 0
 presenter/src/components/{inputs => buttons}/MainButton.test.ts   | 0
 presenter/src/components/{inputs => buttons}/MainButton.vue       | 0
 .../{inputs => buttons}/__snapshots__/MainButton.test.ts.snap     | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename presenter/src/components/{inputs => buttons}/MainButton.stories.ts (100%)
 rename presenter/src/components/{inputs => buttons}/MainButton.test.ts (100%)
 rename presenter/src/components/{inputs => buttons}/MainButton.vue (100%)
 rename presenter/src/components/{inputs => buttons}/__snapshots__/MainButton.test.ts.snap (100%)

diff --git a/presenter/src/components/inputs/MainButton.stories.ts b/presenter/src/components/buttons/MainButton.stories.ts
similarity index 100%
rename from presenter/src/components/inputs/MainButton.stories.ts
rename to presenter/src/components/buttons/MainButton.stories.ts
diff --git a/presenter/src/components/inputs/MainButton.test.ts b/presenter/src/components/buttons/MainButton.test.ts
similarity index 100%
rename from presenter/src/components/inputs/MainButton.test.ts
rename to presenter/src/components/buttons/MainButton.test.ts
diff --git a/presenter/src/components/inputs/MainButton.vue b/presenter/src/components/buttons/MainButton.vue
similarity index 100%
rename from presenter/src/components/inputs/MainButton.vue
rename to presenter/src/components/buttons/MainButton.vue
diff --git a/presenter/src/components/inputs/__snapshots__/MainButton.test.ts.snap b/presenter/src/components/buttons/__snapshots__/MainButton.test.ts.snap
similarity index 100%
rename from presenter/src/components/inputs/__snapshots__/MainButton.test.ts.snap
rename to presenter/src/components/buttons/__snapshots__/MainButton.test.ts.snap

From dfce0d8a8cdd9e4dfec32630da5ceea805091d99 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 19:40:29 +0100
Subject: [PATCH 017/101] move LogoImage files to components root directory

---
 presenter/src/components/{menu => }/LogoImage.stories.ts          | 0
 presenter/src/components/{menu => }/LogoImage.test.ts             | 0
 presenter/src/components/{menu => }/LogoImage.vue                 | 0
 .../components/{menu => }/__snapshots__/LogoImage.test.ts.snap    | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename presenter/src/components/{menu => }/LogoImage.stories.ts (100%)
 rename presenter/src/components/{menu => }/LogoImage.test.ts (100%)
 rename presenter/src/components/{menu => }/LogoImage.vue (100%)
 rename presenter/src/components/{menu => }/__snapshots__/LogoImage.test.ts.snap (100%)

diff --git a/presenter/src/components/menu/LogoImage.stories.ts b/presenter/src/components/LogoImage.stories.ts
similarity index 100%
rename from presenter/src/components/menu/LogoImage.stories.ts
rename to presenter/src/components/LogoImage.stories.ts
diff --git a/presenter/src/components/menu/LogoImage.test.ts b/presenter/src/components/LogoImage.test.ts
similarity index 100%
rename from presenter/src/components/menu/LogoImage.test.ts
rename to presenter/src/components/LogoImage.test.ts
diff --git a/presenter/src/components/menu/LogoImage.vue b/presenter/src/components/LogoImage.vue
similarity index 100%
rename from presenter/src/components/menu/LogoImage.vue
rename to presenter/src/components/LogoImage.vue
diff --git a/presenter/src/components/menu/__snapshots__/LogoImage.test.ts.snap b/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
similarity index 100%
rename from presenter/src/components/menu/__snapshots__/LogoImage.test.ts.snap
rename to presenter/src/components/__snapshots__/LogoImage.test.ts.snap

From 3755964318957d844e177ce23eeac95574b4a1df Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 19:50:33 +0100
Subject: [PATCH 018/101] move form component files to forms directory

---
 presenter/src/components/{inputs => forms}/ContactForm.stories.ts | 0
 presenter/src/components/{inputs => forms}/ContactForm.test.ts    | 0
 presenter/src/components/{inputs => forms}/ContactForm.vue        | 0
 .../src/components/{inputs => forms}/NewsletterForm.stories.ts    | 0
 presenter/src/components/{inputs => forms}/NewsletterForm.test.ts | 0
 presenter/src/components/{inputs => forms}/NewsletterForm.vue     | 0
 .../{inputs => forms}/__snapshots__/ContactForm.test.ts.snap      | 0
 .../{inputs => forms}/__snapshots__/NewsletterForm.test.ts.snap   | 0
 8 files changed, 0 insertions(+), 0 deletions(-)
 rename presenter/src/components/{inputs => forms}/ContactForm.stories.ts (100%)
 rename presenter/src/components/{inputs => forms}/ContactForm.test.ts (100%)
 rename presenter/src/components/{inputs => forms}/ContactForm.vue (100%)
 rename presenter/src/components/{inputs => forms}/NewsletterForm.stories.ts (100%)
 rename presenter/src/components/{inputs => forms}/NewsletterForm.test.ts (100%)
 rename presenter/src/components/{inputs => forms}/NewsletterForm.vue (100%)
 rename presenter/src/components/{inputs => forms}/__snapshots__/ContactForm.test.ts.snap (100%)
 rename presenter/src/components/{inputs => forms}/__snapshots__/NewsletterForm.test.ts.snap (100%)

diff --git a/presenter/src/components/inputs/ContactForm.stories.ts b/presenter/src/components/forms/ContactForm.stories.ts
similarity index 100%
rename from presenter/src/components/inputs/ContactForm.stories.ts
rename to presenter/src/components/forms/ContactForm.stories.ts
diff --git a/presenter/src/components/inputs/ContactForm.test.ts b/presenter/src/components/forms/ContactForm.test.ts
similarity index 100%
rename from presenter/src/components/inputs/ContactForm.test.ts
rename to presenter/src/components/forms/ContactForm.test.ts
diff --git a/presenter/src/components/inputs/ContactForm.vue b/presenter/src/components/forms/ContactForm.vue
similarity index 100%
rename from presenter/src/components/inputs/ContactForm.vue
rename to presenter/src/components/forms/ContactForm.vue
diff --git a/presenter/src/components/inputs/NewsletterForm.stories.ts b/presenter/src/components/forms/NewsletterForm.stories.ts
similarity index 100%
rename from presenter/src/components/inputs/NewsletterForm.stories.ts
rename to presenter/src/components/forms/NewsletterForm.stories.ts
diff --git a/presenter/src/components/inputs/NewsletterForm.test.ts b/presenter/src/components/forms/NewsletterForm.test.ts
similarity index 100%
rename from presenter/src/components/inputs/NewsletterForm.test.ts
rename to presenter/src/components/forms/NewsletterForm.test.ts
diff --git a/presenter/src/components/inputs/NewsletterForm.vue b/presenter/src/components/forms/NewsletterForm.vue
similarity index 100%
rename from presenter/src/components/inputs/NewsletterForm.vue
rename to presenter/src/components/forms/NewsletterForm.vue
diff --git a/presenter/src/components/inputs/__snapshots__/ContactForm.test.ts.snap b/presenter/src/components/forms/__snapshots__/ContactForm.test.ts.snap
similarity index 100%
rename from presenter/src/components/inputs/__snapshots__/ContactForm.test.ts.snap
rename to presenter/src/components/forms/__snapshots__/ContactForm.test.ts.snap
diff --git a/presenter/src/components/inputs/__snapshots__/NewsletterForm.test.ts.snap b/presenter/src/components/forms/__snapshots__/NewsletterForm.test.ts.snap
similarity index 100%
rename from presenter/src/components/inputs/__snapshots__/NewsletterForm.test.ts.snap
rename to presenter/src/components/forms/__snapshots__/NewsletterForm.test.ts.snap

From 042add0f4597028a51d8283218448ec4f314bff3 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 20:04:41 +0100
Subject: [PATCH 019/101] move TextButtonInput files to buttons directory

---
 .../buttons/TextButtonInput.stories.ts        |  31 ++++
 .../buttons/TextButtonInput.test.ts           |  24 +++
 .../components/buttons/TextButtonInput.vue    |  56 ++++++
 .../TextButtonInput.test.ts.snap              | 173 ++++++++++++++++++
 4 files changed, 284 insertions(+)
 create mode 100644 presenter/src/components/buttons/TextButtonInput.stories.ts
 create mode 100644 presenter/src/components/buttons/TextButtonInput.test.ts
 create mode 100644 presenter/src/components/buttons/TextButtonInput.vue
 create mode 100644 presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap

diff --git a/presenter/src/components/buttons/TextButtonInput.stories.ts b/presenter/src/components/buttons/TextButtonInput.stories.ts
new file mode 100644
index 000000000..3f64cbea7
--- /dev/null
+++ b/presenter/src/components/buttons/TextButtonInput.stories.ts
@@ -0,0 +1,31 @@
+import { SBComp } from '#types/SBComp'
+
+import TextButtonInput from './TextButtonInput.vue'
+
+import type { Meta, StoryObj } from '@storybook/vue3'
+
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
+const meta = {
+  title: 'Inputs/TextButtonInput',
+  component: TextButtonInput as SBComp,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
+  tags: ['autodocs'],
+  argTypes: {
+    onClick: { action: 'clicked' },
+  },
+  args: { inputLabel: 'input', buttonLabel: 'button' }, // default value
+} satisfies Meta<typeof TextButtonInput>
+
+export default meta
+type Story = StoryObj<typeof meta>
+/*
+ *👇 Render functions are a framework specific feature to allow you control on how the component renders.
+ * See https://storybook.js.org/docs/vue/api/csf
+ * to learn how to use render functions.
+ */
+export const Example: Story = {
+  args: {
+    inputLabel: 'E-Mail Address',
+    buttonLabel: 'Submit',
+  },
+}
diff --git a/presenter/src/components/buttons/TextButtonInput.test.ts b/presenter/src/components/buttons/TextButtonInput.test.ts
new file mode 100644
index 000000000..3c7a6db61
--- /dev/null
+++ b/presenter/src/components/buttons/TextButtonInput.test.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+
+import MainButton from './MainButton.vue'
+import TextButtonInput from './TextButtonInput.vue'
+
+describe('TextButtonInput', () => {
+  const wrapper = mount(TextButtonInput, {
+    props: {
+      inputLabel: 'Input',
+      buttonLabel: 'Button',
+    },
+  })
+
+  it('TextButtonInput renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+
+  it('TextButtonInput emit click event', async () => {
+    await wrapper.findComponent(MainButton).trigger('click')
+
+    expect(wrapper.findComponent(MainButton).emitted()).toHaveProperty('click')
+  })
+})
diff --git a/presenter/src/components/buttons/TextButtonInput.vue b/presenter/src/components/buttons/TextButtonInput.vue
new file mode 100644
index 000000000..5b6e5c6ca
--- /dev/null
+++ b/presenter/src/components/buttons/TextButtonInput.vue
@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <v-text-field
+      :label="props.inputLabel"
+      class="custom-font"
+      bg-color="#D9D9D9"
+      base-color="#3D4753"
+      color="#3D4753"
+      rounded
+      variant="solo"
+      type="input"
+    >
+      <template #append-inner>
+        <MainButton class="my-2" variant="primary" :label="props.buttonLabel" @click="onClick">
+          {{ props.buttonLabel }}
+        </MainButton>
+      </template>
+    </v-text-field>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import MainButton from './MainButton.vue'
+
+const props = withDefaults(
+  defineProps<{
+    /**
+     * The label of the input
+     */
+    inputLabel: string
+    /**
+     * The label of the button
+     */
+    buttonLabel: string
+  }>(),
+  { inputLabel: 'Input', buttonLabel: 'Button' },
+)
+
+const emit = defineEmits<{
+  (e: 'click', id: number): void
+}>()
+
+const onClick = () => {
+  emit('click', 1)
+}
+</script>
+
+<style lang="scss">
+.custom-font .v-field__field {
+  font-family: Poppins, sans-serif;
+  font-size: 1.25rem;
+  font-weight: 300;
+  line-height: 1.7rem;
+  color: #3d4753 !important;
+}
+</style>
diff --git a/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap b/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap
new file mode 100644
index 000000000..5f27252cd
--- /dev/null
+++ b/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap
@@ -0,0 +1,173 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TextButtonInput > TextButtonInput renders 1`] = `
+<div>
+  <div
+    class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field custom-font"
+  >
+    <!---->
+    <div
+      class="v-input__control"
+    >
+      
+      <div
+        class="v-field v-field--appended v-field--center-affix v-field--has-background v-field--variant-solo v-theme--light v-field--rounded v-locale--is-ltr"
+        style="background-color: #D9D9D9; color: #000; caret-color: #000;"
+      >
+        <div
+          class="v-field__overlay"
+        />
+        <div
+          class="v-field__loader"
+        >
+          <div
+            aria-hidden="true"
+            aria-valuemax="100"
+            aria-valuemin="0"
+            class="v-progress-linear v-theme--light v-locale--is-ltr"
+            role="progressbar"
+            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+          >
+            <!---->
+            <div
+              class="v-progress-linear__background"
+              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+            />
+            <transition-stub
+              appear="false"
+              css="true"
+              name="fade-transition"
+              persisted="false"
+            >
+              <div
+                class="v-progress-linear__indeterminate"
+              >
+                
+                <div
+                  class="v-progress-linear__indeterminate long"
+                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                />
+                <div
+                  class="v-progress-linear__indeterminate short"
+                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                />
+                
+              </div>
+            </transition-stub>
+            <!---->
+          </div>
+        </div>
+        <!---->
+        <div
+          class="v-field__field"
+          data-no-activator=""
+        >
+          <label
+            aria-hidden="true"
+            class="v-label v-field-label v-field-label--floating"
+            for="input-0"
+            style="color: #3D4753; caret-color: #3D4753;"
+          >
+            <!---->
+            
+            Input
+            
+          </label>
+          <label
+            class="v-label v-field-label"
+            for="input-0"
+          >
+            <!---->
+            
+            Input
+            
+          </label>
+          
+          
+          <!---->
+          <input
+            aria-describedby="input-0-messages"
+            class="v-field__input"
+            id="input-0"
+            size="1"
+            type="input"
+          />
+          <!---->
+          
+          
+        </div>
+        <!---->
+        <div
+          class="v-field__append-inner"
+        >
+          
+          <button
+            class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-medium my-2"
+            data-v-9518dada=""
+            style="background-color: #f09630; color: #000; caret-color: #000;"
+            type="button"
+          >
+            
+            <span
+              class="v-btn__overlay"
+            />
+            <span
+              class="v-btn__underlay"
+            />
+            
+            <!---->
+            <span
+              class="v-btn__content"
+              data-no-activator=""
+            >
+              
+              
+              <!--v-if-->
+              <span
+                class="main-button-content"
+                data-v-9518dada=""
+              >
+                Button 
+                <!--v-if-->
+              </span>
+              
+              
+            </span>
+            <!---->
+            <!---->
+          </button>
+          
+          <!---->
+        </div>
+        <div
+          class="v-field__outline"
+          style="color: #3D4753; caret-color: #3D4753;"
+        >
+          <!---->
+          <!---->
+        </div>
+      </div>
+      
+    </div>
+    <!---->
+    <div
+      class="v-input__details"
+    >
+      <transition-group-stub
+        appear="false"
+        aria-live="polite"
+        class="v-messages"
+        css="true"
+        id="input-0-messages"
+        name="slide-y-transition"
+        persisted="false"
+        role="alert"
+        tag="div"
+      >
+        <!---->
+      </transition-group-stub>
+      <!---->
+    </div>
+  </div>
+</div>
+`;

From 20043835922996aa4e404b42effc2de327261447 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Fri, 19 Jan 2024 20:05:24 +0100
Subject: [PATCH 020/101] move TextButtonInput files to buttons directory

---
 .../inputs/TextButtonInput.stories.ts         |  31 ----
 .../components/inputs/TextButtonInput.test.ts |  24 ---
 .../src/components/inputs/TextButtonInput.vue |  56 ------
 .../TextButtonInput.test.ts.snap              | 173 ------------------
 4 files changed, 284 deletions(-)
 delete mode 100644 presenter/src/components/inputs/TextButtonInput.stories.ts
 delete mode 100644 presenter/src/components/inputs/TextButtonInput.test.ts
 delete mode 100644 presenter/src/components/inputs/TextButtonInput.vue
 delete mode 100644 presenter/src/components/inputs/__snapshots__/TextButtonInput.test.ts.snap

diff --git a/presenter/src/components/inputs/TextButtonInput.stories.ts b/presenter/src/components/inputs/TextButtonInput.stories.ts
deleted file mode 100644
index 3f64cbea7..000000000
--- a/presenter/src/components/inputs/TextButtonInput.stories.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { SBComp } from '#types/SBComp'
-
-import TextButtonInput from './TextButtonInput.vue'
-
-import type { Meta, StoryObj } from '@storybook/vue3'
-
-// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
-const meta = {
-  title: 'Inputs/TextButtonInput',
-  component: TextButtonInput as SBComp,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
-  tags: ['autodocs'],
-  argTypes: {
-    onClick: { action: 'clicked' },
-  },
-  args: { inputLabel: 'input', buttonLabel: 'button' }, // default value
-} satisfies Meta<typeof TextButtonInput>
-
-export default meta
-type Story = StoryObj<typeof meta>
-/*
- *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/vue/api/csf
- * to learn how to use render functions.
- */
-export const Example: Story = {
-  args: {
-    inputLabel: 'E-Mail Address',
-    buttonLabel: 'Submit',
-  },
-}
diff --git a/presenter/src/components/inputs/TextButtonInput.test.ts b/presenter/src/components/inputs/TextButtonInput.test.ts
deleted file mode 100644
index 3c7a6db61..000000000
--- a/presenter/src/components/inputs/TextButtonInput.test.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
-
-import MainButton from './MainButton.vue'
-import TextButtonInput from './TextButtonInput.vue'
-
-describe('TextButtonInput', () => {
-  const wrapper = mount(TextButtonInput, {
-    props: {
-      inputLabel: 'Input',
-      buttonLabel: 'Button',
-    },
-  })
-
-  it('TextButtonInput renders', () => {
-    expect(wrapper.element).toMatchSnapshot()
-  })
-
-  it('TextButtonInput emit click event', async () => {
-    await wrapper.findComponent(MainButton).trigger('click')
-
-    expect(wrapper.findComponent(MainButton).emitted()).toHaveProperty('click')
-  })
-})
diff --git a/presenter/src/components/inputs/TextButtonInput.vue b/presenter/src/components/inputs/TextButtonInput.vue
deleted file mode 100644
index 5b6e5c6ca..000000000
--- a/presenter/src/components/inputs/TextButtonInput.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <div>
-    <v-text-field
-      :label="props.inputLabel"
-      class="custom-font"
-      bg-color="#D9D9D9"
-      base-color="#3D4753"
-      color="#3D4753"
-      rounded
-      variant="solo"
-      type="input"
-    >
-      <template #append-inner>
-        <MainButton class="my-2" variant="primary" :label="props.buttonLabel" @click="onClick">
-          {{ props.buttonLabel }}
-        </MainButton>
-      </template>
-    </v-text-field>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import MainButton from './MainButton.vue'
-
-const props = withDefaults(
-  defineProps<{
-    /**
-     * The label of the input
-     */
-    inputLabel: string
-    /**
-     * The label of the button
-     */
-    buttonLabel: string
-  }>(),
-  { inputLabel: 'Input', buttonLabel: 'Button' },
-)
-
-const emit = defineEmits<{
-  (e: 'click', id: number): void
-}>()
-
-const onClick = () => {
-  emit('click', 1)
-}
-</script>
-
-<style lang="scss">
-.custom-font .v-field__field {
-  font-family: Poppins, sans-serif;
-  font-size: 1.25rem;
-  font-weight: 300;
-  line-height: 1.7rem;
-  color: #3d4753 !important;
-}
-</style>
diff --git a/presenter/src/components/inputs/__snapshots__/TextButtonInput.test.ts.snap b/presenter/src/components/inputs/__snapshots__/TextButtonInput.test.ts.snap
deleted file mode 100644
index 5f27252cd..000000000
--- a/presenter/src/components/inputs/__snapshots__/TextButtonInput.test.ts.snap
+++ /dev/null
@@ -1,173 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`TextButtonInput > TextButtonInput renders 1`] = `
-<div>
-  <div
-    class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field custom-font"
-  >
-    <!---->
-    <div
-      class="v-input__control"
-    >
-      
-      <div
-        class="v-field v-field--appended v-field--center-affix v-field--has-background v-field--variant-solo v-theme--light v-field--rounded v-locale--is-ltr"
-        style="background-color: #D9D9D9; color: #000; caret-color: #000;"
-      >
-        <div
-          class="v-field__overlay"
-        />
-        <div
-          class="v-field__loader"
-        >
-          <div
-            aria-hidden="true"
-            aria-valuemax="100"
-            aria-valuemin="0"
-            class="v-progress-linear v-theme--light v-locale--is-ltr"
-            role="progressbar"
-            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-          >
-            <!---->
-            <div
-              class="v-progress-linear__background"
-              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-            />
-            <transition-stub
-              appear="false"
-              css="true"
-              name="fade-transition"
-              persisted="false"
-            >
-              <div
-                class="v-progress-linear__indeterminate"
-              >
-                
-                <div
-                  class="v-progress-linear__indeterminate long"
-                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                />
-                <div
-                  class="v-progress-linear__indeterminate short"
-                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                />
-                
-              </div>
-            </transition-stub>
-            <!---->
-          </div>
-        </div>
-        <!---->
-        <div
-          class="v-field__field"
-          data-no-activator=""
-        >
-          <label
-            aria-hidden="true"
-            class="v-label v-field-label v-field-label--floating"
-            for="input-0"
-            style="color: #3D4753; caret-color: #3D4753;"
-          >
-            <!---->
-            
-            Input
-            
-          </label>
-          <label
-            class="v-label v-field-label"
-            for="input-0"
-          >
-            <!---->
-            
-            Input
-            
-          </label>
-          
-          
-          <!---->
-          <input
-            aria-describedby="input-0-messages"
-            class="v-field__input"
-            id="input-0"
-            size="1"
-            type="input"
-          />
-          <!---->
-          
-          
-        </div>
-        <!---->
-        <div
-          class="v-field__append-inner"
-        >
-          
-          <button
-            class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-medium my-2"
-            data-v-9518dada=""
-            style="background-color: #f09630; color: #000; caret-color: #000;"
-            type="button"
-          >
-            
-            <span
-              class="v-btn__overlay"
-            />
-            <span
-              class="v-btn__underlay"
-            />
-            
-            <!---->
-            <span
-              class="v-btn__content"
-              data-no-activator=""
-            >
-              
-              
-              <!--v-if-->
-              <span
-                class="main-button-content"
-                data-v-9518dada=""
-              >
-                Button 
-                <!--v-if-->
-              </span>
-              
-              
-            </span>
-            <!---->
-            <!---->
-          </button>
-          
-          <!---->
-        </div>
-        <div
-          class="v-field__outline"
-          style="color: #3D4753; caret-color: #3D4753;"
-        >
-          <!---->
-          <!---->
-        </div>
-      </div>
-      
-    </div>
-    <!---->
-    <div
-      class="v-input__details"
-    >
-      <transition-group-stub
-        appear="false"
-        aria-live="polite"
-        class="v-messages"
-        css="true"
-        id="input-0-messages"
-        name="slide-y-transition"
-        persisted="false"
-        role="alert"
-        tag="div"
-      >
-        <!---->
-      </transition-group-stub>
-      <!---->
-    </div>
-  </div>
-</div>
-`;

From 1330dedf66cff40e5ad8943d6ebf7aa87580c023 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Sat, 20 Jan 2024 13:29:03 +0100
Subject: [PATCH 021/101] rename top menu component to header menu

---
 .../components/menu/{TopMenu.stories.ts => HeaderMenu.stories.ts} | 0
 .../src/components/menu/{TopMenu.test.ts => HeaderMenu.test.ts}   | 0
 presenter/src/components/menu/{TopMenu.vue => HeaderMenu.vue}     | 0
 .../{TopMenu.test.ts.snap => HeaderMenu.test.ts.snap}             | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename presenter/src/components/menu/{TopMenu.stories.ts => HeaderMenu.stories.ts} (100%)
 rename presenter/src/components/menu/{TopMenu.test.ts => HeaderMenu.test.ts} (100%)
 rename presenter/src/components/menu/{TopMenu.vue => HeaderMenu.vue} (100%)
 rename presenter/src/components/menu/__snapshots__/{TopMenu.test.ts.snap => HeaderMenu.test.ts.snap} (100%)

diff --git a/presenter/src/components/menu/TopMenu.stories.ts b/presenter/src/components/menu/HeaderMenu.stories.ts
similarity index 100%
rename from presenter/src/components/menu/TopMenu.stories.ts
rename to presenter/src/components/menu/HeaderMenu.stories.ts
diff --git a/presenter/src/components/menu/TopMenu.test.ts b/presenter/src/components/menu/HeaderMenu.test.ts
similarity index 100%
rename from presenter/src/components/menu/TopMenu.test.ts
rename to presenter/src/components/menu/HeaderMenu.test.ts
diff --git a/presenter/src/components/menu/TopMenu.vue b/presenter/src/components/menu/HeaderMenu.vue
similarity index 100%
rename from presenter/src/components/menu/TopMenu.vue
rename to presenter/src/components/menu/HeaderMenu.vue
diff --git a/presenter/src/components/menu/__snapshots__/TopMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
similarity index 100%
rename from presenter/src/components/menu/__snapshots__/TopMenu.test.ts.snap
rename to presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap

From b49754edf71f3ee7d540fb50f10d57b894e42424 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Sat, 20 Jan 2024 13:38:33 +0100
Subject: [PATCH 022/101] rename section components

---
 .../{SecondSection.stories.ts => AboutSection.stories.ts}         | 0
 .../sections/{SecondSection.test.ts => AboutSection.test.ts}      | 0
 .../components/sections/{SecondSection.vue => AboutSection.vue}   | 0
 .../{SixthSection.stories.ts => CallToActionSection.stories.ts}   | 0
 .../{SixthSection.test.ts => CallToActionSection.test.ts}         | 0
 .../sections/{SixthSection.vue => CallToActionSection.vue}        | 0
 .../sections/{FirstSection.stories.ts => IntroSection.stories.ts} | 0
 .../sections/{FirstSection.test.ts => IntroSection.test.ts}       | 0
 .../components/sections/{FirstSection.vue => IntroSection.vue}    | 0
 .../{FiifthSection.stories.ts => ProjectSection.stories.ts}       | 0
 .../sections/{FifthSection.test.ts => ProjectSection.test.ts}     | 0
 .../components/sections/{FifthSection.vue => ProjectSection.vue}  | 0
 .../{ThirdSection.stories.ts => TeaserSection.stories.ts}         | 0
 .../sections/{ThirdSection.test.ts => TeaserSection.test.ts}      | 0
 .../components/sections/{ThirdSection.vue => TeaserSection.vue}   | 0
 .../{FourthSection.stories.ts => TimelineSection.stories.ts}      | 0
 .../sections/{FourthSection.test.ts => TimelineSection.test.ts}   | 0
 .../sections/{FourthSection.vue => TimelineSection.vue}           | 0
 .../{SecondSection.test.ts.snap => AboutSection.test.ts.snap}     | 0
 ...SixthSection.test.ts.snap => CallToActionSection.test.ts.snap} | 0
 .../{FirstSection.test.ts.snap => IntroSection.test.ts.snap}      | 0
 .../{FifthSection.test.ts.snap => ProjectSection.test.ts.snap}    | 0
 .../{ThirdSection.test.ts.snap => TeaserSection.test.ts.snap}     | 0
 .../{FourthSection.test.ts.snap => TimelineSection.test.ts.snap}  | 0
 24 files changed, 0 insertions(+), 0 deletions(-)
 rename presenter/src/components/sections/{SecondSection.stories.ts => AboutSection.stories.ts} (100%)
 rename presenter/src/components/sections/{SecondSection.test.ts => AboutSection.test.ts} (100%)
 rename presenter/src/components/sections/{SecondSection.vue => AboutSection.vue} (100%)
 rename presenter/src/components/sections/{SixthSection.stories.ts => CallToActionSection.stories.ts} (100%)
 rename presenter/src/components/sections/{SixthSection.test.ts => CallToActionSection.test.ts} (100%)
 rename presenter/src/components/sections/{SixthSection.vue => CallToActionSection.vue} (100%)
 rename presenter/src/components/sections/{FirstSection.stories.ts => IntroSection.stories.ts} (100%)
 rename presenter/src/components/sections/{FirstSection.test.ts => IntroSection.test.ts} (100%)
 rename presenter/src/components/sections/{FirstSection.vue => IntroSection.vue} (100%)
 rename presenter/src/components/sections/{FiifthSection.stories.ts => ProjectSection.stories.ts} (100%)
 rename presenter/src/components/sections/{FifthSection.test.ts => ProjectSection.test.ts} (100%)
 rename presenter/src/components/sections/{FifthSection.vue => ProjectSection.vue} (100%)
 rename presenter/src/components/sections/{ThirdSection.stories.ts => TeaserSection.stories.ts} (100%)
 rename presenter/src/components/sections/{ThirdSection.test.ts => TeaserSection.test.ts} (100%)
 rename presenter/src/components/sections/{ThirdSection.vue => TeaserSection.vue} (100%)
 rename presenter/src/components/sections/{FourthSection.stories.ts => TimelineSection.stories.ts} (100%)
 rename presenter/src/components/sections/{FourthSection.test.ts => TimelineSection.test.ts} (100%)
 rename presenter/src/components/sections/{FourthSection.vue => TimelineSection.vue} (100%)
 rename presenter/src/components/sections/__snapshots__/{SecondSection.test.ts.snap => AboutSection.test.ts.snap} (100%)
 rename presenter/src/components/sections/__snapshots__/{SixthSection.test.ts.snap => CallToActionSection.test.ts.snap} (100%)
 rename presenter/src/components/sections/__snapshots__/{FirstSection.test.ts.snap => IntroSection.test.ts.snap} (100%)
 rename presenter/src/components/sections/__snapshots__/{FifthSection.test.ts.snap => ProjectSection.test.ts.snap} (100%)
 rename presenter/src/components/sections/__snapshots__/{ThirdSection.test.ts.snap => TeaserSection.test.ts.snap} (100%)
 rename presenter/src/components/sections/__snapshots__/{FourthSection.test.ts.snap => TimelineSection.test.ts.snap} (100%)

diff --git a/presenter/src/components/sections/SecondSection.stories.ts b/presenter/src/components/sections/AboutSection.stories.ts
similarity index 100%
rename from presenter/src/components/sections/SecondSection.stories.ts
rename to presenter/src/components/sections/AboutSection.stories.ts
diff --git a/presenter/src/components/sections/SecondSection.test.ts b/presenter/src/components/sections/AboutSection.test.ts
similarity index 100%
rename from presenter/src/components/sections/SecondSection.test.ts
rename to presenter/src/components/sections/AboutSection.test.ts
diff --git a/presenter/src/components/sections/SecondSection.vue b/presenter/src/components/sections/AboutSection.vue
similarity index 100%
rename from presenter/src/components/sections/SecondSection.vue
rename to presenter/src/components/sections/AboutSection.vue
diff --git a/presenter/src/components/sections/SixthSection.stories.ts b/presenter/src/components/sections/CallToActionSection.stories.ts
similarity index 100%
rename from presenter/src/components/sections/SixthSection.stories.ts
rename to presenter/src/components/sections/CallToActionSection.stories.ts
diff --git a/presenter/src/components/sections/SixthSection.test.ts b/presenter/src/components/sections/CallToActionSection.test.ts
similarity index 100%
rename from presenter/src/components/sections/SixthSection.test.ts
rename to presenter/src/components/sections/CallToActionSection.test.ts
diff --git a/presenter/src/components/sections/SixthSection.vue b/presenter/src/components/sections/CallToActionSection.vue
similarity index 100%
rename from presenter/src/components/sections/SixthSection.vue
rename to presenter/src/components/sections/CallToActionSection.vue
diff --git a/presenter/src/components/sections/FirstSection.stories.ts b/presenter/src/components/sections/IntroSection.stories.ts
similarity index 100%
rename from presenter/src/components/sections/FirstSection.stories.ts
rename to presenter/src/components/sections/IntroSection.stories.ts
diff --git a/presenter/src/components/sections/FirstSection.test.ts b/presenter/src/components/sections/IntroSection.test.ts
similarity index 100%
rename from presenter/src/components/sections/FirstSection.test.ts
rename to presenter/src/components/sections/IntroSection.test.ts
diff --git a/presenter/src/components/sections/FirstSection.vue b/presenter/src/components/sections/IntroSection.vue
similarity index 100%
rename from presenter/src/components/sections/FirstSection.vue
rename to presenter/src/components/sections/IntroSection.vue
diff --git a/presenter/src/components/sections/FiifthSection.stories.ts b/presenter/src/components/sections/ProjectSection.stories.ts
similarity index 100%
rename from presenter/src/components/sections/FiifthSection.stories.ts
rename to presenter/src/components/sections/ProjectSection.stories.ts
diff --git a/presenter/src/components/sections/FifthSection.test.ts b/presenter/src/components/sections/ProjectSection.test.ts
similarity index 100%
rename from presenter/src/components/sections/FifthSection.test.ts
rename to presenter/src/components/sections/ProjectSection.test.ts
diff --git a/presenter/src/components/sections/FifthSection.vue b/presenter/src/components/sections/ProjectSection.vue
similarity index 100%
rename from presenter/src/components/sections/FifthSection.vue
rename to presenter/src/components/sections/ProjectSection.vue
diff --git a/presenter/src/components/sections/ThirdSection.stories.ts b/presenter/src/components/sections/TeaserSection.stories.ts
similarity index 100%
rename from presenter/src/components/sections/ThirdSection.stories.ts
rename to presenter/src/components/sections/TeaserSection.stories.ts
diff --git a/presenter/src/components/sections/ThirdSection.test.ts b/presenter/src/components/sections/TeaserSection.test.ts
similarity index 100%
rename from presenter/src/components/sections/ThirdSection.test.ts
rename to presenter/src/components/sections/TeaserSection.test.ts
diff --git a/presenter/src/components/sections/ThirdSection.vue b/presenter/src/components/sections/TeaserSection.vue
similarity index 100%
rename from presenter/src/components/sections/ThirdSection.vue
rename to presenter/src/components/sections/TeaserSection.vue
diff --git a/presenter/src/components/sections/FourthSection.stories.ts b/presenter/src/components/sections/TimelineSection.stories.ts
similarity index 100%
rename from presenter/src/components/sections/FourthSection.stories.ts
rename to presenter/src/components/sections/TimelineSection.stories.ts
diff --git a/presenter/src/components/sections/FourthSection.test.ts b/presenter/src/components/sections/TimelineSection.test.ts
similarity index 100%
rename from presenter/src/components/sections/FourthSection.test.ts
rename to presenter/src/components/sections/TimelineSection.test.ts
diff --git a/presenter/src/components/sections/FourthSection.vue b/presenter/src/components/sections/TimelineSection.vue
similarity index 100%
rename from presenter/src/components/sections/FourthSection.vue
rename to presenter/src/components/sections/TimelineSection.vue
diff --git a/presenter/src/components/sections/__snapshots__/SecondSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
similarity index 100%
rename from presenter/src/components/sections/__snapshots__/SecondSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
diff --git a/presenter/src/components/sections/__snapshots__/SixthSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
similarity index 100%
rename from presenter/src/components/sections/__snapshots__/SixthSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
diff --git a/presenter/src/components/sections/__snapshots__/FirstSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
similarity index 100%
rename from presenter/src/components/sections/__snapshots__/FirstSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
diff --git a/presenter/src/components/sections/__snapshots__/FifthSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/ProjectSection.test.ts.snap
similarity index 100%
rename from presenter/src/components/sections/__snapshots__/FifthSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/ProjectSection.test.ts.snap
diff --git a/presenter/src/components/sections/__snapshots__/ThirdSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/TeaserSection.test.ts.snap
similarity index 100%
rename from presenter/src/components/sections/__snapshots__/ThirdSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/TeaserSection.test.ts.snap
diff --git a/presenter/src/components/sections/__snapshots__/FourthSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/TimelineSection.test.ts.snap
similarity index 100%
rename from presenter/src/components/sections/__snapshots__/FourthSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/TimelineSection.test.ts.snap

From a0247d357b0bbc1fc314ee9fbd5a60e2e9404527 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:22:28 +0100
Subject: [PATCH 023/101] rename section4 fileaccording to Page.vue:
 PlanningSection

---
 ....stories.ts => PlanningSection.stories.ts} |  6 ++---
 ...ection.test.ts => PlanningSection.test.ts} |  8 +++----
 ...imelineSection.vue => PlanningSection.vue} | 10 ++++----
 ...t.ts.snap => PlanningSection.test.ts.snap} |  6 ++---
 presenter/src/locales/de.json                 |  2 +-
 presenter/src/locales/en.json                 |  2 +-
 presenter/src/pages/index/+Page.vue           | 24 +++++++++----------
 .../index/__snapshots__/Page.test.ts.snap     |  4 ++--
 8 files changed, 31 insertions(+), 31 deletions(-)
 rename presenter/src/components/sections/{TimelineSection.stories.ts => PlanningSection.stories.ts} (85%)
 rename presenter/src/components/sections/{TimelineSection.test.ts => PlanningSection.test.ts} (94%)
 rename presenter/src/components/sections/{TimelineSection.vue => PlanningSection.vue} (92%)
 rename presenter/src/components/sections/__snapshots__/{TimelineSection.test.ts.snap => PlanningSection.test.ts.snap} (91%)

diff --git a/presenter/src/components/sections/TimelineSection.stories.ts b/presenter/src/components/sections/PlanningSection.stories.ts
similarity index 85%
rename from presenter/src/components/sections/TimelineSection.stories.ts
rename to presenter/src/components/sections/PlanningSection.stories.ts
index 55af9692b..ab41bd013 100644
--- a/presenter/src/components/sections/TimelineSection.stories.ts
+++ b/presenter/src/components/sections/PlanningSection.stories.ts
@@ -1,18 +1,18 @@
 import { SBComp } from '#types/SBComp'
 
-import FourthSection from './FourthSection.vue'
+import PlanningSection from './PlanningSection.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Sections/Section4',
-  component: FourthSection as SBComp,
+  component: PlanningSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {},
   args: {}, // default value
-} satisfies Meta<typeof FourthSection>
+} satisfies Meta<typeof PlanningSection>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/sections/TimelineSection.test.ts b/presenter/src/components/sections/PlanningSection.test.ts
similarity index 94%
rename from presenter/src/components/sections/TimelineSection.test.ts
rename to presenter/src/components/sections/PlanningSection.test.ts
index fa53e7d38..1e969bcce 100644
--- a/presenter/src/components/sections/TimelineSection.test.ts
+++ b/presenter/src/components/sections/PlanningSection.test.ts
@@ -1,14 +1,14 @@
 import { mount, VueWrapper } from '@vue/test-utils'
 import { describe, it, expect, beforeEach, vi, MockInstance } from 'vitest'
 
-import FourthSection from './FourthSection.vue'
+import PlanningSection from './PlanningSection.vue'
 
-describe('FourthSection', () => {
+describe('PlanningSection', () => {
   const Wrapper = (width: number = 1024) => {
     global.window.innerWidth = width
-    return mount(FourthSection)
+    return mount(PlanningSection)
   }
-  let wrapper: VueWrapper<InstanceType<typeof FourthSection>>
+  let wrapper: VueWrapper<InstanceType<typeof PlanningSection>>
 
   beforeEach(() => {
     wrapper = Wrapper()
diff --git a/presenter/src/components/sections/TimelineSection.vue b/presenter/src/components/sections/PlanningSection.vue
similarity index 92%
rename from presenter/src/components/sections/TimelineSection.vue
rename to presenter/src/components/sections/PlanningSection.vue
index 3a739c130..76d695ca0 100644
--- a/presenter/src/components/sections/TimelineSection.vue
+++ b/presenter/src/components/sections/PlanningSection.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="section4 v-container">
+  <div class="planning-section v-container">
     <v-row class="section-header">
       <v-col>
         <h2 class="section-headline">
-          {{ $t('home.section4.headline') }}
+          {{ $t('home.planningSection.headline') }}
         </h2>
       </v-col>
     </v-row>
@@ -31,7 +31,7 @@
           <MainButton
             v-if="showButton"
             class="mt-8 anim-btn"
-            :label="$t('home.section4.timelineBtn')"
+            :label="$t('home.planningSection.timelineBtn')"
             size="auto"
             variant="reload"
             @click="playVideo"
@@ -51,7 +51,7 @@ import VideoMobileMp4 from '#assets/video/timeline_hoch.mp4'
 import VideoMobileWebm from '#assets/video/timeline_hoch.webm'
 import VideoMp4 from '#assets/video/timeline_quer.mp4'
 import VideoWebm from '#assets/video/timeline_quer.webm'
-import MainButton from '#components/inputs/MainButton.vue'
+import MainButton from '#components/buttons/MainButton.vue'
 
 const showButton = ref(false)
 const video = ref<HTMLFormElement>()
@@ -101,7 +101,7 @@ onMounted(() => {
 $mobile: 500px;
 $tablet: 960px;
 
-.section4 {
+.planning-section {
   max-width: 1140px;
   background: #f5f5f5;
 
diff --git a/presenter/src/components/sections/__snapshots__/TimelineSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
similarity index 91%
rename from presenter/src/components/sections/__snapshots__/TimelineSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
index ffe34e4b6..9cb677111 100644
--- a/presenter/src/components/sections/__snapshots__/TimelineSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
@@ -1,8 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`FourthSection > renders 1`] = `
+exports[`TimelineSection > renders 1`] = `
 <div
-  class="section4 v-container"
+  class="planning-section v-container"
   data-v-368a4e1d=""
 >
   <div
@@ -17,7 +17,7 @@ exports[`FourthSection > renders 1`] = `
         class="section-headline"
         data-v-368a4e1d=""
       >
-        $t('home.section4.headline')
+        $t('home.planningSection.headline')
       </h2>
     </div>
   </div>
diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index 9ca66c3a2..8a6ebc49b 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -79,7 +79,7 @@
         "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
       }
     },
-    "section4": {
+    "planningSection": {
       "headline": "DreamMall Planning",
       "timelineBtn": "Reload"
     },
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 515f3d9e8..4d0631cc4 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -79,7 +79,7 @@
         "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
       }
     },
-    "section4": {
+    "planningSection": {
       "headline": "DreamMall Planning",
       "timelineBtn": "Reload"
     },
diff --git a/presenter/src/pages/index/+Page.vue b/presenter/src/pages/index/+Page.vue
index 1550f98be..cf5d292d9 100644
--- a/presenter/src/pages/index/+Page.vue
+++ b/presenter/src/pages/index/+Page.vue
@@ -1,38 +1,38 @@
 <template>
   <DefaultLayout class="index-page">
     <div id="section1" class="mb-4">
-      <Section1 />
+      <IntroSection />
     </div>
     <div id="about" class="py-16 px-4 d-flex justify-center">
-      <Section2 />
+      <AboutSection />
     </div>
     <div id="products" class="py-16 px-4">
-      <Section3 />
+      <TeaserSection />
     </div>
     <div id="planning-section" class="py-16 px-4">
-      <Section4 />
+      <PlanningSection />
     </div>
     <div id="newsletter-section" class="py-16 px-4">
       <NewsletterSection />
     </div>
     <div id="coffee-section" class="py-16 px-4">
-      <Section5 />
+      <ProjectSection />
     </div>
     <div id="section6" class="py-16 px-4">
-      <Section6 />
+      <CallToActionSection />
     </div>
   </DefaultLayout>
 </template>
 
 <script lang="ts" setup>
 import DefaultLayout from '#layouts/DefaultLayout.vue'
-import Section5 from '#root/src/components/sections/FifthSection.vue'
-import Section1 from '#root/src/components/sections/FirstSection.vue'
-import Section4 from '#root/src/components/sections/FourthSection.vue'
+import AboutSection from '#root/src/components/sections/AboutSection.vue'
+import CallToActionSection from '#root/src/components/sections/CallToActionSection.vue'
+import IntroSection from '#root/src/components/sections/IntroSection.vue'
 import NewsletterSection from '#root/src/components/sections/NewsletterSection.vue'
-import Section2 from '#root/src/components/sections/SecondSection.vue'
-import Section6 from '#root/src/components/sections/SixthSection.vue'
-import Section3 from '#root/src/components/sections/ThirdSection.vue'
+import ProjectSection from '#root/src/components/sections/ProjectSection.vue'
+import TeaserSection from '#root/src/components/sections/TeaserSection.vue'
+import PlanningSection from '#root/src/components/sections/PlanningSection.vue'
 </script>
 
 <style scoped lang="scss">
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index 8fdcca29a..2cb38b2c1 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -781,7 +781,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               id="planning-section"
             >
               <div
-                class="section4 v-container"
+                class="planning-section v-container"
                 data-v-07c017cc=""
                 data-v-368a4e1d=""
               >
@@ -797,7 +797,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       class="section-headline"
                       data-v-368a4e1d=""
                     >
-                      $t('home.section4.headline')
+                      $t('home.planning-section.headline')
                     </h2>
                   </div>
                 </div>

From 61bdf6f3c3f19b5d4bcb299c81f120325f08fff0 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:33:50 +0100
Subject: [PATCH 024/101] rename FirstSection components to IntroSection

---
 .../sections/IntroSection.stories.ts          |  6 ++---
 .../components/sections/IntroSection.test.ts  | 22 +++++++++----------
 .../src/components/sections/IntroSection.vue  | 18 +++++++--------
 .../__snapshots__/IntroSection.test.ts.snap   |  4 ++--
 presenter/src/locales/de.json                 |  2 +-
 presenter/src/locales/en.json                 |  2 +-
 presenter/src/pages/index/+Page.vue           |  4 ++--
 .../index/__snapshots__/Page.test.ts.snap     |  4 ++--
 8 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/presenter/src/components/sections/IntroSection.stories.ts b/presenter/src/components/sections/IntroSection.stories.ts
index 4e722b43b..9a993f883 100644
--- a/presenter/src/components/sections/IntroSection.stories.ts
+++ b/presenter/src/components/sections/IntroSection.stories.ts
@@ -1,18 +1,18 @@
 import { SBComp } from '#types/SBComp'
 
-import FirstSection from './FirstSection.vue'
+import IntroSection from './IntroSection.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Sections/Section1',
-  component: FirstSection as SBComp,
+  component: IntroSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {},
   args: {}, // default value
-} satisfies Meta<typeof FirstSection>
+} satisfies Meta<typeof IntroSection>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/sections/IntroSection.test.ts b/presenter/src/components/sections/IntroSection.test.ts
index f6c048641..c55d5de7c 100644
--- a/presenter/src/components/sections/IntroSection.test.ts
+++ b/presenter/src/components/sections/IntroSection.test.ts
@@ -1,20 +1,20 @@
 import { DOMWrapper, VueWrapper, mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach, vi, MockInstance } from 'vitest'
 
-import FirstSection from './FirstSection.vue'
+import IntroSection from './IntroSection.vue'
 
-describe('FirstSection', () => {
+describe('IntroSection', () => {
   const Wrapper = (width: number = 1024) => {
     global.window.innerWidth = width
-    return mount(FirstSection)
+    return mount(IntroSection)
   }
-  let wrapper: VueWrapper<InstanceType<typeof FirstSection>>
+  let wrapper: VueWrapper<InstanceType<typeof IntroSection>>
 
   beforeEach(() => {
     wrapper = Wrapper()
   })
 
-  it('renders FirstSection', () => {
+  it('renders IntroSection', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
 
@@ -61,8 +61,8 @@ describe('FirstSection', () => {
         item = (wrapper.findAllComponents({ name: 'VCarouselItem' }) as VueWrapper[])[1]
       })
 
-      it('has section-headline home.section1.headline', () => {
-        expect(item.find('.section-headline').text()).toBe("$t('home.section1.headline')")
+      it('has section-headline home.introSection.headline', () => {
+        expect(item.find('.section-headline').text()).toBe("$t('home.introSection.headline')")
       })
 
       it('has a logo image with size large', () => {
@@ -70,13 +70,13 @@ describe('FirstSection', () => {
         expect(item.findComponent({ name: 'LogoImage' }).classes('logo-large')).toBe(true)
       })
 
-      it('has section-subheadline home.section1.subHeadline', () => {
-        expect(item.find('.section-subheadline').text()).toBe("$t('home.section1.subHeadline')")
+      it('has section-subheadline home.introSection.subHeadline', () => {
+        expect(item.find('.section-subheadline').text()).toBe("$t('home.introSection.subHeadline')")
       })
 
-      it('has a button with text home.section1.preOrderBtn', () => {
+      it('has a button with text home.introSection.preOrderBtn', () => {
         expect(item.find('.v-btn').find('.main-button-content').text()).toBe(
-          "$t('home.section1.preOrderBtn')",
+          "$t('home.introSection.preOrderBtn')",
         )
       })
     })
diff --git a/presenter/src/components/sections/IntroSection.vue b/presenter/src/components/sections/IntroSection.vue
index ccd3a69e5..a46f1362a 100644
--- a/presenter/src/components/sections/IntroSection.vue
+++ b/presenter/src/components/sections/IntroSection.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="h-100">
-    <div class="section1 h-100">
+    <div class="intro-section h-100">
       <v-carousel
         v-model="slide"
         class="landing-slider"
@@ -34,20 +34,20 @@
             color="transparent"
             class="content-slide d-flex flex-column justify-center align-center text-center"
           >
-            <p class="section-headline mt-16">{{ $t('home.section1.headline') }}</p>
+            <p class="section-headline mt-16">{{ $t('home.introSection.headline') }}</p>
             <div class="w-100 mt-16 d-flex justify-center">
               <LogoImage size="large" />
             </div>
             <p class="section-subheadline mt-16">
-              {{ $t('home.section1.subHeadline') }}
+              {{ $t('home.introSection.subHeadline') }}
             </p>
             <MainButton
               class="mt-8"
-              :label="$t('home.section1.preOrderBtn')"
+              :label="$t('home.introSection.preOrderBtn')"
               size="auto"
               variant="primary"
               href="/#about"
-              >{{ $t('home.section1.preOrderBtn') }}</MainButton
+              >{{ $t('home.introSection.preOrderBtn') }}</MainButton
             >
           </v-sheet>
         </v-carousel-item>
@@ -65,8 +65,8 @@ import VideoMobileMp4 from '#assets/video/intro_hoch.mp4'
 import VideoMobileWebm from '#assets/video/intro_hoch.webm'
 import VideoMp4 from '#assets/video/intro_quer.mp4'
 import VideoWebm from '#assets/video/intro_quer.webm'
-import MainButton from '#components/inputs/MainButton.vue'
-import LogoImage from '#components/menu/LogoImage.vue'
+import MainButton from '#components/buttons/MainButton.vue'
+import LogoImage from '#components/LogoImage.vue'
 
 const slide = ref(0)
 const video = ref<HTMLFormElement>()
@@ -115,7 +115,7 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-.section1 {
+.intro-section {
   background: linear-gradient(0deg, #f5f5f5 0.06%, #d8d8d8 100%);
 
   .section-headline {
@@ -141,7 +141,7 @@ onMounted(() => {
 </style>
 
 <style lang="scss">
-.section1 {
+.intro-section {
   .v-carousel {
     background: transparent;
 
diff --git a/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
index 6bbb9ccb9..2f57cd98b 100644
--- a/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
@@ -1,12 +1,12 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`FirstSection > renders FirstSection 1`] = `
+exports[`IntroSection > renders IntroSection 1`] = `
 <div
   class="h-100"
   data-v-497259dd=""
 >
   <div
-    class="section1 h-100"
+    class="intro-section h-100"
     data-v-497259dd=""
   >
     <div
diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index 8a6ebc49b..45c36e0a4 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -52,7 +52,7 @@
       },
       "subHeadline": "Immer auf dem Laufenden bleiben"
     },
-    "section1": {
+    "introSection": {
       "headline": "DreamMall von Menschen für Menschen geschaffen",
       "preOrderBtn": "Mehr Informationen",
       "subHeadline": "7 Tage kostenlos testen"
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 4d0631cc4..104838722 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -52,7 +52,7 @@
       },
       "subHeadline": "Immer auf dem laufenden bleiben"
     },
-    "section1": {
+    "introSection": {
       "headline": "DreamMall von Menschen für Menschen geschaffen",
       "preOrderBtn": "Mehr Informationen",
       "subHeadline": "7 Tage kostenlos testen"
diff --git a/presenter/src/pages/index/+Page.vue b/presenter/src/pages/index/+Page.vue
index cf5d292d9..a4c44d001 100644
--- a/presenter/src/pages/index/+Page.vue
+++ b/presenter/src/pages/index/+Page.vue
@@ -1,6 +1,6 @@
 <template>
   <DefaultLayout class="index-page">
-    <div id="section1" class="mb-4">
+    <div id="intro-section" class="mb-4">
       <IntroSection />
     </div>
     <div id="about" class="py-16 px-4 d-flex justify-center">
@@ -40,7 +40,7 @@ import PlanningSection from '#root/src/components/sections/PlanningSection.vue'
   overflow: hidden;
   background: #f5f5f5;
 
-  #section1 {
+  #intro-section {
     // fix for vuetify negative margin
     height: calc(100vh + 12px);
   }
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index 2cb38b2c1..7a9bcd45c 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -32,7 +32,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
             <div
               class="mb-4"
               data-v-07c017cc=""
-              id="section1"
+              id="intro-section"
             >
               <div
                 class="h-100"
@@ -40,7 +40,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 data-v-497259dd=""
               >
                 <div
-                  class="section1 h-100"
+                  class="intro-section h-100"
                   data-v-497259dd=""
                 >
                   <div

From 40cec17e729e21a440f3cd4d52275adcd011a046 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:40:28 +0100
Subject: [PATCH 025/101] rename TeaserSection components according to
 Page.vue: ProductsSection

---
 ...Section.stories.ts => ProductsSection.stories.ts} |  6 +++---
 .../src/components/sections/ProductsSection.test.ts  | 12 ++++++++++++
 .../{TeaserSection.vue => ProductsSection.vue}       |  0
 .../src/components/sections/TeaserSection.test.ts    | 12 ------------
 ...ion.test.ts.snap => ProductsSection.test.ts.snap} |  2 +-
 5 files changed, 16 insertions(+), 16 deletions(-)
 rename presenter/src/components/sections/{TeaserSection.stories.ts => ProductsSection.stories.ts} (85%)
 create mode 100644 presenter/src/components/sections/ProductsSection.test.ts
 rename presenter/src/components/sections/{TeaserSection.vue => ProductsSection.vue} (100%)
 delete mode 100644 presenter/src/components/sections/TeaserSection.test.ts
 rename presenter/src/components/sections/__snapshots__/{TeaserSection.test.ts.snap => ProductsSection.test.ts.snap} (99%)

diff --git a/presenter/src/components/sections/TeaserSection.stories.ts b/presenter/src/components/sections/ProductsSection.stories.ts
similarity index 85%
rename from presenter/src/components/sections/TeaserSection.stories.ts
rename to presenter/src/components/sections/ProductsSection.stories.ts
index 3bcd6f39d..3fc8c7598 100644
--- a/presenter/src/components/sections/TeaserSection.stories.ts
+++ b/presenter/src/components/sections/ProductsSection.stories.ts
@@ -1,18 +1,18 @@
 import { SBComp } from '#types/SBComp'
 
-import ThirdSection from './ThirdSection.vue'
+import ProductsSection from './ProductsSection.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Sections/Section3',
-  component: ThirdSection as SBComp,
+  component: ProductsSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {},
   args: {}, // default value
-} satisfies Meta<typeof ThirdSection>
+} satisfies Meta<typeof ProductsSection>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/sections/ProductsSection.test.ts b/presenter/src/components/sections/ProductsSection.test.ts
new file mode 100644
index 000000000..e80ac7024
--- /dev/null
+++ b/presenter/src/components/sections/ProductsSection.test.ts
@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+
+import ProductsSection from './ProductsSection.vue'
+
+describe('ProductsSection', () => {
+  const wrapper = mount(ProductsSection)
+
+  it('renders ProductsSection', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/presenter/src/components/sections/TeaserSection.vue b/presenter/src/components/sections/ProductsSection.vue
similarity index 100%
rename from presenter/src/components/sections/TeaserSection.vue
rename to presenter/src/components/sections/ProductsSection.vue
diff --git a/presenter/src/components/sections/TeaserSection.test.ts b/presenter/src/components/sections/TeaserSection.test.ts
deleted file mode 100644
index 39f570cf7..000000000
--- a/presenter/src/components/sections/TeaserSection.test.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
-
-import ThirdSection from './ThirdSection.vue'
-
-describe('ThirdSection', () => {
-  const wrapper = mount(ThirdSection)
-
-  it('renders ThirdSection', () => {
-    expect(wrapper.element).toMatchSnapshot()
-  })
-})
diff --git a/presenter/src/components/sections/__snapshots__/TeaserSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
similarity index 99%
rename from presenter/src/components/sections/__snapshots__/TeaserSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
index 583717365..c5b365fa7 100644
--- a/presenter/src/components/sections/__snapshots__/TeaserSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ThirdSection > renders ThirdSection 1`] = `
+exports[`ProductsSection > renders ProductsSection 1`] = `
 <div
   class="section3 v-container"
   data-v-31f16c5e=""

From 081c61f6f205d98559882b2ec4ef4ee1a7371186 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:46:43 +0100
Subject: [PATCH 026/101] rename ProductSection components according to
 Page.vue: CoffeeSection

---
 ...ctSection.stories.ts => CoffeeSection.stories.ts} |  6 +++---
 .../src/components/sections/CoffeeSection.test.ts    | 12 ++++++++++++
 .../{ProjectSection.vue => CoffeeSection.vue}        |  0
 .../src/components/sections/ProjectSection.test.ts   | 12 ------------
 ...ction.test.ts.snap => CoffeeSection.test.ts.snap} |  2 +-
 5 files changed, 16 insertions(+), 16 deletions(-)
 rename presenter/src/components/sections/{ProjectSection.stories.ts => CoffeeSection.stories.ts} (85%)
 create mode 100644 presenter/src/components/sections/CoffeeSection.test.ts
 rename presenter/src/components/sections/{ProjectSection.vue => CoffeeSection.vue} (100%)
 delete mode 100644 presenter/src/components/sections/ProjectSection.test.ts
 rename presenter/src/components/sections/__snapshots__/{ProjectSection.test.ts.snap => CoffeeSection.test.ts.snap} (99%)

diff --git a/presenter/src/components/sections/ProjectSection.stories.ts b/presenter/src/components/sections/CoffeeSection.stories.ts
similarity index 85%
rename from presenter/src/components/sections/ProjectSection.stories.ts
rename to presenter/src/components/sections/CoffeeSection.stories.ts
index 7e72c0163..164bc8061 100644
--- a/presenter/src/components/sections/ProjectSection.stories.ts
+++ b/presenter/src/components/sections/CoffeeSection.stories.ts
@@ -1,18 +1,18 @@
 import { SBComp } from '#types/SBComp'
 
-import FifthSection from './FifthSection.vue'
+import CoffeeSection from './CoffeeSection.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Sections/Section5',
-  component: FifthSection as SBComp,
+  component: CoffeeSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {},
   args: {}, // default value
-} satisfies Meta<typeof FifthSection>
+} satisfies Meta<typeof CoffeeSection>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/sections/CoffeeSection.test.ts b/presenter/src/components/sections/CoffeeSection.test.ts
new file mode 100644
index 000000000..8360f78a5
--- /dev/null
+++ b/presenter/src/components/sections/CoffeeSection.test.ts
@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+
+import CoffeeSection from './CoffeeSection.vue'
+
+describe('renders CoffeeSection', () => {
+  const wrapper = mount(CoffeeSection)
+
+  it('renders CoffeeSection', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/presenter/src/components/sections/ProjectSection.vue b/presenter/src/components/sections/CoffeeSection.vue
similarity index 100%
rename from presenter/src/components/sections/ProjectSection.vue
rename to presenter/src/components/sections/CoffeeSection.vue
diff --git a/presenter/src/components/sections/ProjectSection.test.ts b/presenter/src/components/sections/ProjectSection.test.ts
deleted file mode 100644
index d909440ec..000000000
--- a/presenter/src/components/sections/ProjectSection.test.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
-
-import FifthSection from './FifthSection.vue'
-
-describe('renders FifthSection', () => {
-  const wrapper = mount(FifthSection)
-
-  it('renders FifthSection', () => {
-    expect(wrapper.element).toMatchSnapshot()
-  })
-})
diff --git a/presenter/src/components/sections/__snapshots__/ProjectSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
similarity index 99%
rename from presenter/src/components/sections/__snapshots__/ProjectSection.test.ts.snap
rename to presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
index 009fbf3dd..70c4a7f3d 100644
--- a/presenter/src/components/sections/__snapshots__/ProjectSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`renders FifthSection > renders FifthSection 1`] = `
+exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
 <div
   class="section5 pt-4 v-container"
   data-v-05d2e91a=""

From 70be1a9c4a991480134acc31422ebf39a8b3d35f Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:54:37 +0100
Subject: [PATCH 027/101] rename section6 ids and locales keys to cta section

---
 .../sections/CallToActionSection.stories.ts      |  6 +++---
 .../sections/CallToActionSection.test.ts         |  8 ++++----
 .../components/sections/CallToActionSection.vue  | 16 ++++++++--------
 .../CallToActionSection.test.ts.snap             | 12 ++++++------
 presenter/src/locales/de.json                    |  2 +-
 presenter/src/locales/en.json                    |  2 +-
 presenter/src/pages/index/+Page.vue              | 10 +++++-----
 7 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/presenter/src/components/sections/CallToActionSection.stories.ts b/presenter/src/components/sections/CallToActionSection.stories.ts
index 83cd986a7..3b1d1c93c 100644
--- a/presenter/src/components/sections/CallToActionSection.stories.ts
+++ b/presenter/src/components/sections/CallToActionSection.stories.ts
@@ -1,18 +1,18 @@
 import { SBComp } from '#types/SBComp'
 
-import SixthSection from './SixthSection.vue'
+import CallToActionSection from './CallToActionSection.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Sections/Section6',
-  component: SixthSection as SBComp,
+  component: CallToActionSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {},
   args: {}, // default value
-} satisfies Meta<typeof SixthSection>
+} satisfies Meta<typeof CallToActionSection>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/sections/CallToActionSection.test.ts b/presenter/src/components/sections/CallToActionSection.test.ts
index 3ff7abcf4..7322168f9 100644
--- a/presenter/src/components/sections/CallToActionSection.test.ts
+++ b/presenter/src/components/sections/CallToActionSection.test.ts
@@ -1,12 +1,12 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect } from 'vitest'
 
-import SixthSection from './SixthSection.vue'
+import CallToActionSection from './CallToActionSection.vue'
 
-describe('renders SixthSection', () => {
-  const wrapper = mount(SixthSection)
+describe('renders CallToActionSection', () => {
+  const wrapper = mount(CallToActionSection)
 
-  it('renders SixthSection', () => {
+  it('renders CallToActionSection', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
 })
diff --git a/presenter/src/components/sections/CallToActionSection.vue b/presenter/src/components/sections/CallToActionSection.vue
index 595f91841..52edeecc2 100644
--- a/presenter/src/components/sections/CallToActionSection.vue
+++ b/presenter/src/components/sections/CallToActionSection.vue
@@ -1,18 +1,18 @@
 <template>
-  <div class="section6 v-container pa-16">
+  <div class="cta-section v-container pa-16">
     <v-row class="section-header">
       <v-col>
         <h2 class="section-headline">
-          <span class="prepend">{{ $t('home.section6.headline') }}</span
+          <span class="prepend">{{ $t('home.ctaSection.headline') }}</span
           >&nbsp;
-          <span class="append">{{ $t('home.section6.headlineAppend') }}</span>
+          <span class="append">{{ $t('home.ctaSection.headlineAppend') }}</span>
         </h2>
       </v-col>
     </v-row>
     <v-row class="section-content">
       <v-col>
         <p>
-          {{ $t('home.section6.content') }}
+          {{ $t('home.ctaSection.content') }}
         </p>
       </v-col>
     </v-row>
@@ -20,11 +20,11 @@
       <v-col>
         <MainButton
           class="mt-8"
-          :label="$t('home.section6.buttonText')"
+          :label="$t('home.ctaSection.buttonText')"
           size="large"
           variant="primary"
           href="/#contactname"
-          >{{ $t('home.section6.buttonText') }}</MainButton
+          >{{ $t('home.ctaSection.buttonText') }}</MainButton
         >
       </v-col>
     </v-row>
@@ -32,11 +32,11 @@
 </template>
 
 <script lang="ts" setup>
-import MainButton from '#components/inputs/MainButton.vue'
+import MainButton from '#components/buttons/MainButton.vue'
 </script>
 
 <style scoped lang="scss">
-.section6 {
+.cta-section {
   max-width: 960px;
 
   .section-header {
diff --git a/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
index c32f5ab7d..beb0c28c1 100644
--- a/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
@@ -1,8 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`renders SixthSection > renders SixthSection 1`] = `
+exports[`renders CallToActionSection > renders CallToActionSection 1`] = `
 <div
-  class="section6 v-container pa-16"
+  class="cta-section v-container pa-16"
   data-v-7331c7d7=""
 >
   <div
@@ -21,14 +21,14 @@ exports[`renders SixthSection > renders SixthSection 1`] = `
           class="prepend"
           data-v-7331c7d7=""
         >
-          $t('home.section6.headline')
+          $t('home.ctaSection.headline')
         </span>
           
         <span
           class="append"
           data-v-7331c7d7=""
         >
-          $t('home.section6.headlineAppend')
+          $t('home.ctaSection.headlineAppend')
         </span>
       </h2>
     </div>
@@ -44,7 +44,7 @@ exports[`renders SixthSection > renders SixthSection 1`] = `
       <p
         data-v-7331c7d7=""
       >
-        $t('home.section6.content')
+        $t('home.ctaSection.content')
       </p>
     </div>
   </div>
@@ -83,7 +83,7 @@ exports[`renders SixthSection > renders SixthSection 1`] = `
             class="main-button-content"
             data-v-9518dada=""
           >
-            $t('home.section6.buttonText') 
+            $t('home.ctaSection.buttonText') 
             <!--v-if-->
           </span>
           
diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index 45c36e0a4..f51b3537b 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -99,7 +99,7 @@
         "subheadline": "Menschen und Projekte"
       }
     },
-    "section6": {
+    "ctaSection": {
       "buttonText": "weiter",
       "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
       "headline": "Veränderung",
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 104838722..ef24250f4 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -99,7 +99,7 @@
         "subheadline": "Menschen und Projekte"
       }
     },
-    "section6": {
+    "ctaSection": {
       "buttonText": "weiter",
       "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
       "headline": "Veränderung",
diff --git a/presenter/src/pages/index/+Page.vue b/presenter/src/pages/index/+Page.vue
index a4c44d001..fbda94472 100644
--- a/presenter/src/pages/index/+Page.vue
+++ b/presenter/src/pages/index/+Page.vue
@@ -7,7 +7,7 @@
       <AboutSection />
     </div>
     <div id="products" class="py-16 px-4">
-      <TeaserSection />
+      <ProductsSection />
     </div>
     <div id="planning-section" class="py-16 px-4">
       <PlanningSection />
@@ -16,9 +16,9 @@
       <NewsletterSection />
     </div>
     <div id="coffee-section" class="py-16 px-4">
-      <ProjectSection />
+      <CoffeeSection />
     </div>
-    <div id="section6" class="py-16 px-4">
+    <div id="cta-section" class="py-16 px-4">
       <CallToActionSection />
     </div>
   </DefaultLayout>
@@ -28,11 +28,11 @@
 import DefaultLayout from '#layouts/DefaultLayout.vue'
 import AboutSection from '#root/src/components/sections/AboutSection.vue'
 import CallToActionSection from '#root/src/components/sections/CallToActionSection.vue'
+import CoffeeSection from '#root/src/components/sections/CoffeeSection.vue'
 import IntroSection from '#root/src/components/sections/IntroSection.vue'
 import NewsletterSection from '#root/src/components/sections/NewsletterSection.vue'
-import ProjectSection from '#root/src/components/sections/ProjectSection.vue'
-import TeaserSection from '#root/src/components/sections/TeaserSection.vue'
 import PlanningSection from '#root/src/components/sections/PlanningSection.vue'
+import ProductsSection from '#root/src/components/sections/ProductsSection.vue'
 </script>
 
 <style scoped lang="scss">

From a2bd4a35debe7d295e980d91fa47af5eeccba016 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:56:29 +0100
Subject: [PATCH 028/101] rename SecondSection components according to
 Page.vue: AboutSection

---
 presenter/src/components/sections/AboutSection.stories.ts | 6 +++---
 presenter/src/components/sections/AboutSection.test.ts    | 8 ++++----
 presenter/src/components/sections/AboutSection.vue        | 2 +-
 .../sections/__snapshots__/AboutSection.test.ts.snap      | 2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/presenter/src/components/sections/AboutSection.stories.ts b/presenter/src/components/sections/AboutSection.stories.ts
index d0a339551..62e40e704 100644
--- a/presenter/src/components/sections/AboutSection.stories.ts
+++ b/presenter/src/components/sections/AboutSection.stories.ts
@@ -1,18 +1,18 @@
 import { SBComp } from '#types/SBComp'
 
-import SecondSection from './SecondSection.vue'
+import AboutSection from './AboutSection.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
   title: 'Sections/Section2',
-  component: SecondSection as SBComp,
+  component: AboutSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
   argTypes: {},
   args: {}, // default value
-} satisfies Meta<typeof SecondSection>
+} satisfies Meta<typeof AboutSection>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/sections/AboutSection.test.ts b/presenter/src/components/sections/AboutSection.test.ts
index a00357c5f..06d67f0d6 100644
--- a/presenter/src/components/sections/AboutSection.test.ts
+++ b/presenter/src/components/sections/AboutSection.test.ts
@@ -3,14 +3,14 @@ import { describe, it, expect } from 'vitest'
 
 import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
 
-import SecondSection from './SecondSection.vue'
+import AboutSection from './AboutSection.vue'
 
 setupIntersectionObserverMock()
 
-describe('SecondSection', () => {
-  const wrapper = mount(SecondSection)
+describe('AboutSection', () => {
+  const wrapper = mount(AboutSection)
 
-  it('renders SecondSection', () => {
+  it('renders AboutSection', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
 })
diff --git a/presenter/src/components/sections/AboutSection.vue b/presenter/src/components/sections/AboutSection.vue
index f8c618dcc..6960ba700 100644
--- a/presenter/src/components/sections/AboutSection.vue
+++ b/presenter/src/components/sections/AboutSection.vue
@@ -36,7 +36,7 @@
 import { onBeforeMount, onMounted, ref } from 'vue'
 
 import LogoPlain from '#assets/dreammall-logo-plain.svg'
-import MainButton from '#components/inputs/MainButton.vue'
+import MainButton from '#components/buttons/MainButton.vue'
 
 const target = ref()
 const animate = ref(false)
diff --git a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
index c358530b9..8fa518b33 100644
--- a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SecondSection > renders SecondSection 1`] = `
+exports[`AboutSection > renders AboutSection 1`] = `
 <div
   class="px-4"
   data-v-5d1d9537=""

From d4e8b0b16d4438564a3f977741bafcc9eae2e7bc Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 09:58:44 +0100
Subject: [PATCH 029/101] sort imports in footer menu component

---
 presenter/src/components/menu/FooterMenu.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/presenter/src/components/menu/FooterMenu.vue b/presenter/src/components/menu/FooterMenu.vue
index 6ca768bcb..a6153ee02 100644
--- a/presenter/src/components/menu/FooterMenu.vue
+++ b/presenter/src/components/menu/FooterMenu.vue
@@ -47,10 +47,9 @@
 </template>
 
 <script lang="ts" setup>
-import ContactForm from '#components/inputs/ContactForm.vue'
+import ContactForm from '#components/forms/ContactForm.vue'
+import LogoImage from '#components/LogoImage.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
-
-import LogoImage from './LogoImage.vue'
 </script>
 
 <style scoped lang="scss">

From fac2d64cc5611686fff587c33c0a42630d8c91b0 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 10:07:32 +0100
Subject: [PATCH 030/101] rename topmenu component files internally to
 HeaderMenu

---
 presenter/src/components/menu/HeaderMenu.stories.ts | 8 ++++----
 presenter/src/components/menu/HeaderMenu.test.ts    | 6 +++---
 presenter/src/components/menu/HeaderMenu.vue        | 3 +--
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/presenter/src/components/menu/HeaderMenu.stories.ts b/presenter/src/components/menu/HeaderMenu.stories.ts
index 9594b3282..d6bc9fbb8 100644
--- a/presenter/src/components/menu/HeaderMenu.stories.ts
+++ b/presenter/src/components/menu/HeaderMenu.stories.ts
@@ -1,16 +1,16 @@
 import { SBComp } from '#types/SBComp'
 
-import TopMenu from './TopMenu.vue'
+import HeaderMenu from './HeaderMenu.vue'
 
 import type { Meta, StoryObj } from '@storybook/vue3'
 
 const meta = {
-  title: 'Menu/TopMenu',
-  component: TopMenu as SBComp,
+  title: 'Menu/HeaderMenu',
+  component: HeaderMenu as SBComp,
   tags: ['autodocs'],
   argTypes: {},
   args: {},
-} satisfies Meta<typeof TopMenu>
+} satisfies Meta<typeof HeaderMenu>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/presenter/src/components/menu/HeaderMenu.test.ts b/presenter/src/components/menu/HeaderMenu.test.ts
index ac2d1486f..7f6b5df2c 100644
--- a/presenter/src/components/menu/HeaderMenu.test.ts
+++ b/presenter/src/components/menu/HeaderMenu.test.ts
@@ -5,14 +5,14 @@ import { VApp } from 'vuetify/components'
 
 import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
 
-import TopMenu from './TopMenu.vue'
+import HeaderMenu from './HeaderMenu.vue'
 
 setupIntersectionObserverMock()
 
-describe('TopMenu', () => {
+describe('HeaderMenu', () => {
   const wrapper = mount(VApp, {
     slots: {
-      default: h(TopMenu as Component),
+      default: h(HeaderMenu as Component),
     },
   })
 
diff --git a/presenter/src/components/menu/HeaderMenu.vue b/presenter/src/components/menu/HeaderMenu.vue
index 6052a5713..7e63adf08 100644
--- a/presenter/src/components/menu/HeaderMenu.vue
+++ b/presenter/src/components/menu/HeaderMenu.vue
@@ -64,10 +64,9 @@
 import { ref, onMounted, onBeforeMount } from 'vue'
 
 import MobileMenuIcon from '#assets/img/hamburger_mobile.svg'
+import LogoImage from '#components/LogoImage.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 
-import LogoImage from './LogoImage.vue'
-
 const appBackground = ref('transparent')
 const navBackground = ref('#d8d8d8')
 const mobileMenu = ref(false)

From 6e0e33201ff78c564f5fed0f419272b9120895fd Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 10:08:53 +0100
Subject: [PATCH 031/101] rename imports in newsletter section component file

---
 presenter/src/components/sections/NewsletterSection.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/components/sections/NewsletterSection.vue b/presenter/src/components/sections/NewsletterSection.vue
index b5f09cdbf..1e30d8461 100644
--- a/presenter/src/components/sections/NewsletterSection.vue
+++ b/presenter/src/components/sections/NewsletterSection.vue
@@ -39,8 +39,8 @@
 </template>
 
 <script lang="ts" setup>
-// import MainButton from '#components/inputs/MainButton.vue'
-import NewsletterForm from '#components/inputs/NewsletterForm.vue'
+// import MainButton from '#components/buttons/MainButton.vue'
+import NewsletterForm from '#components/forms/NewsletterForm.vue'
 
 // TODO insert link to newest newsletter
 // const newsletterDownloadPath = '#'

From 6acccf432b1853d5753019682198d33ae491d034 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 10:27:55 +0100
Subject: [PATCH 032/101] renaming and locales

---
 presenter/src/components/PageShell.vue        |   4 +-
 .../src/components/forms/ContactForm.vue      |   3 +-
 .../src/components/forms/NewsletterForm.vue   |   3 +-
 .../__snapshots__/HeaderMenu.test.ts.snap     | 351 ++++++++++++++++++
 .../src/components/sections/AboutSection.vue  |  14 +-
 .../src/components/sections/CoffeeSection.vue |  20 +-
 .../components/sections/ProductsSection.vue   |  20 +-
 .../__snapshots__/AboutSection.test.ts.snap   |  10 +-
 .../__snapshots__/CoffeeSection.test.ts.snap  |  10 +-
 .../PlanningSection.test.ts.snap              |  72 ++++
 .../ProductsSection.test.ts.snap              |  18 +-
 presenter/src/locales/de.json                 |  78 ++--
 presenter/src/locales/en.json                 |  76 ++--
 .../index/__snapshots__/Page.test.ts.snap     |  50 +--
 14 files changed, 575 insertions(+), 154 deletions(-)

diff --git a/presenter/src/components/PageShell.vue b/presenter/src/components/PageShell.vue
index df3a5f571..0a2b234fc 100644
--- a/presenter/src/components/PageShell.vue
+++ b/presenter/src/components/PageShell.vue
@@ -1,10 +1,10 @@
 <template>
   <v-app>
-    <TopMenu />
+    <HeaderMenu />
     <slot />
   </v-app>
 </template>
 
 <script lang="ts" setup>
-import TopMenu from '#components/menu/TopMenu.vue'
+import HeaderMenu from '#components/menu/HeaderMenu.vue'
 </script>
diff --git a/presenter/src/components/forms/ContactForm.vue b/presenter/src/components/forms/ContactForm.vue
index be61763ff..45aaea8dc 100644
--- a/presenter/src/components/forms/ContactForm.vue
+++ b/presenter/src/components/forms/ContactForm.vue
@@ -146,12 +146,11 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
+import MainButton from '#components/buttons/MainButton.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { createContactFormMutation } from '#mutations/createContactForm'
 import { nameRules, messageRules, emailRules } from '#src/validation/validation'
 
-import MainButton from './MainButton.vue'
-
 const firstname = ref('')
 const lastname = ref('')
 const email = ref('')
diff --git a/presenter/src/components/forms/NewsletterForm.vue b/presenter/src/components/forms/NewsletterForm.vue
index 996eeca2d..33d69fa18 100644
--- a/presenter/src/components/forms/NewsletterForm.vue
+++ b/presenter/src/components/forms/NewsletterForm.vue
@@ -111,12 +111,11 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
+import MainButton from '#components/buttons/MainButton.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
 import { subscribeToNewsletterMutation } from '#mutations/subscribeToNewsletterMutation'
 import { nameRules, emailRules } from '#src/validation/validation'
 
-import MainButton from './MainButton.vue'
-
 const firstname = ref('')
 const lastname = ref('')
 const email = ref('')
diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index e2250b97e..e6f163802 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -1,5 +1,356 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`HeaderMenu > renders three columns 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <div
+      class="topmenu"
+      data-v-5e2a2776=""
+    >
+      <header
+        class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+        data-v-5e2a2776=""
+        style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+      >
+        <!---->
+        
+        <div
+          class="v-toolbar__content"
+          style="height: 64px;"
+        >
+          <!---->
+          <!---->
+          
+          <div
+            class="v-row"
+            data-v-5e2a2776=""
+          >
+            <div
+              class="v-col d-flex align-center"
+              data-v-5e2a2776=""
+            >
+              <a
+                class="w-100 ml-8"
+                data-v-5e2a2776=""
+                href="/"
+              >
+                <div
+                  class="v-responsive v-img v-img--booting w-100 logo-medium"
+                  data-v-5e2a2776=""
+                  data-v-916aa5dc=""
+                >
+                  <div
+                    class="v-responsive__sizer"
+                  />
+                  
+                  
+                  <transition-stub
+                    appear="true"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <img
+                      class="v-img__img v-img__img--contain"
+                      src="/src/assets/dreammall-logo.svg"
+                      style="display: none;"
+                    />
+                  </transition-stub>
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <!---->
+                  </transition-stub>
+                  <!---->
+                  <!---->
+                  <!---->
+                  
+                  
+                  <!---->
+                </div>
+              </a>
+            </div>
+            <div
+              class="v-col d-none d-md-flex align-center justify-center grow"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as below: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            <div
+              class="v-col d-flex"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive__sizer"
+                  />
+                  
+                  
+                  <transition-stub
+                    appear="true"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <img
+                      class="v-img__img v-img__img--contain"
+                      src="/src/assets/img/hamburger_mobile.svg"
+                      style="display: none;"
+                    />
+                  </transition-stub>
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <!---->
+                  </transition-stub>
+                  <!---->
+                  <!---->
+                  <!---->
+                  
+                  
+                  <!---->
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!---->
+        </div>
+        
+        
+        <transition-stub
+          appear="false"
+          css="true"
+          name="expand-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </header>
+      
+      <nav
+        class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+        data-v-5e2a2776=""
+        style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+      >
+        <!---->
+        <!---->
+        <div
+          class="v-navigation-drawer__content"
+        >
+          
+          <div
+            class="d-flex flex-column py-8"
+            data-v-5e2a2776=""
+          >
+            <!-- TODO same as above: refactor -->
+            <a
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+              data-v-1925b644=""
+              data-v-5e2a2776=""
+              href="/#about"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.header.about')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </a>
+            <a
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+              data-v-1925b644=""
+              data-v-5e2a2776=""
+              href="/#products"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.header.products')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </a>
+            <a
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+              data-v-1925b644=""
+              data-v-5e2a2776=""
+              href="/#contactname"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.header.contact')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </a>
+          </div>
+          
+        </div>
+        <!---->
+      </nav>
+      <transition-stub
+        appear="false"
+        css="true"
+        name="fade-transition"
+        persisted="false"
+      >
+        <!---->
+      </transition-stub>
+      
+    </div>
+    
+  </div>
+</div>
+`;
+
 exports[`TopMenu > renders three columns 1`] = `
 <div
   class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
diff --git a/presenter/src/components/sections/AboutSection.vue b/presenter/src/components/sections/AboutSection.vue
index 6960ba700..6ae927e0f 100644
--- a/presenter/src/components/sections/AboutSection.vue
+++ b/presenter/src/components/sections/AboutSection.vue
@@ -1,25 +1,25 @@
 <template>
   <div ref="target" class="px-4">
-    <v-row class="section2 py-16">
+    <v-row class="about-section py-16">
       <v-col cols="12" md="7">
         <div class="section-left-part" :class="{ show: animate }">
           <h2 class="section-headline">
-            {{ $t('home.section2.headline') }}
+            {{ $t('home.aboutSection.headline') }}
           </h2>
           <p class="section-content mt-8">
-            {{ $t('home.section2.contentFirstParagraph') }}
+            {{ $t('home.aboutSection.contentFirstParagraph') }}
           </p>
           <p class="section-content">
-            {{ $t('home.section2.contentSecondParagraph') }}
+            {{ $t('home.aboutSection.contentSecondParagraph') }}
           </p>
 
           <MainButton
             class="mt-8"
-            :label="$t('home.section2.buttonTxt')"
+            :label="$t('home.aboutSection.buttonTxt')"
             size="auto"
             variant="fourth"
             href="/#contactname"
-            >{{ $t('home.section2.buttonTxt') }}</MainButton
+            >{{ $t('home.aboutSection.buttonTxt') }}</MainButton
           >
         </div>
       </v-col>
@@ -66,7 +66,7 @@ onMounted(() => {
 $mobile: 500px;
 $tablet: 960px;
 
-.section2 {
+.about-section {
   max-width: 1440px;
   min-height: 50rem;
   color: #3d4753;
diff --git a/presenter/src/components/sections/CoffeeSection.vue b/presenter/src/components/sections/CoffeeSection.vue
index 516394695..c29499ec8 100644
--- a/presenter/src/components/sections/CoffeeSection.vue
+++ b/presenter/src/components/sections/CoffeeSection.vue
@@ -1,11 +1,11 @@
 <template>
-  <div class="section5 pt-4 v-container">
+  <div class="coffee-section pt-4 v-container">
     <v-row class="section-header">
       <v-col>
         <h2 class="section-headline">
-          <span class="prepend">{{ $t('home.section5.headline') }}</span
+          <span class="prepend">{{ $t('home.coffeeSection.headline') }}</span
           >&nbsp;
-          <span class="append">{{ $t('home.section5.headlineAppend') }}</span>
+          <span class="append">{{ $t('home.coffeeSection.headlineAppend') }}</span>
         </h2>
       </v-col>
     </v-row>
@@ -17,10 +17,10 @@
               <div class="icon-container slide1">
                 <v-img class="w-100 icon-main main-slide-icon-1" :src="slideLogo1" />
                 <h3 class="w-100 slide-subheadline slide-subheadline-1">
-                  {{ $t('home.section5.slide1.subheadline') }}
+                  {{ $t('home.coffeeSection.slide1.subheadline') }}
                 </h3>
                 <h3 class="w-100 slide-headline slide-headline-1">
-                  {{ $t('home.section5.slide1.headline') }}
+                  {{ $t('home.coffeeSection.slide1.headline') }}
                 </h3>
 
                 <v-img class="w-100 slide-icon icon-1" :src="slide1Icon1" />
@@ -37,10 +37,10 @@
               <div class="icon-container slide2">
                 <v-img class="w-100 icon-main main-slide-icon-2" :src="slideLogo2" />
                 <h3 class="w-100 slide-subheadline slide-subheadline-2">
-                  {{ $t('home.section5.slide2.subheadline') }}
+                  {{ $t('home.coffeeSection.slide2.subheadline') }}
                 </h3>
                 <h3 class="w-100 slide-headline slide-headline-2">
-                  {{ $t('home.section5.slide2.headline') }}
+                  {{ $t('home.coffeeSection.slide2.headline') }}
                 </h3>
 
                 <v-img class="w-100 slide-icon icon-1" :src="slide2Icon1" />
@@ -55,10 +55,10 @@
             <v-sheet rounded="xl" color="#FFF" border :height="600">
               <div class="icon-container slide3">
                 <h3 class="w-100 slide-subheadline slide-subheadline-3">
-                  {{ $t('home.section5.slide3.subheadline') }}
+                  {{ $t('home.coffeeSection.slide3.subheadline') }}
                 </h3>
                 <h3 class="w-100 slide-headline slide-headline-3">
-                  {{ $t('home.section5.slide3.headline') }}
+                  {{ $t('home.coffeeSection.slide3.headline') }}
                 </h3>
                 <v-img class="w-100 icon-main main-slide-icon-3" :src="slideLogo3" />
 
@@ -96,7 +96,7 @@ import slide3Icon3 from '#assets/img/slides/slide3-search.svg'
 $mobile: 500px;
 $tablet: 960px;
 
-.section5 {
+.coffee-section {
   max-width: 1120px;
 
   .section-header {
diff --git a/presenter/src/components/sections/ProductsSection.vue b/presenter/src/components/sections/ProductsSection.vue
index 951e66157..bc021e4af 100644
--- a/presenter/src/components/sections/ProductsSection.vue
+++ b/presenter/src/components/sections/ProductsSection.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="section3 v-container">
+  <div class="products-section v-container">
     <v-row class="section-header">
       <v-col>
         <h2 class="section-headline">
-          <span class="prepend">{{ $t('home.section3.headline') }}</span>
-          <span class="append">{{ $t('home.section3.headlineAppend') }}</span>
+          <span class="prepend">{{ $t('home.productsSection.headline') }}</span>
+          <span class="append">{{ $t('home.productsSection.headlineAppend') }}</span>
         </h2>
       </v-col>
     </v-row>
@@ -12,22 +12,22 @@
       <v-col cols="12" md="3" class="d-flex justify-center pa-0">
         <section-column-card
           :image-src="MallIcon"
-          :card-title="$t('home.section3.firstColumn.headline')"
-          :card-text="$t('home.section3.firstColumn.text')"
+          :card-title="$t('home.productsSection.firstColumn.headline')"
+          :card-text="$t('home.productsSection.firstColumn.text')"
         ></section-column-card>
       </v-col>
       <v-col cols="12" md="3" class="d-flex justify-center pa-0">
         <section-column-card
           :image-src="CoffeeLogo"
-          :card-title="$t('home.section3.secondColumn.headline')"
-          :card-text="$t('home.section3.secondColumn.text')"
+          :card-title="$t('home.productsSection.secondColumn.headline')"
+          :card-text="$t('home.productsSection.secondColumn.text')"
         ></section-column-card>
       </v-col>
       <v-col cols="12" md="3" class="d-flex justify-center pa-0">
         <section-column-card
           :image-src="MenschenProjekteIcon"
-          :card-title="$t('home.section3.thirdColumn.headline')"
-          :card-text="$t('home.section3.thirdColumn.text')"
+          :card-title="$t('home.productsSection.thirdColumn.headline')"
+          :card-text="$t('home.productsSection.thirdColumn.text')"
         ></section-column-card>
       </v-col>
     </v-row>
@@ -44,7 +44,7 @@ import SectionColumnCard from '#components/layout/SectionColumnCard.vue'
 <script lang="ts" setup></script>
 
 <style scoped lang="scss">
-.section3 {
+.products-section {
   max-width: 1248px;
 
   .section-header {
diff --git a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
index 8fa518b33..ca6047955 100644
--- a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
@@ -6,7 +6,7 @@ exports[`AboutSection > renders AboutSection 1`] = `
   data-v-5d1d9537=""
 >
   <div
-    class="v-row section2 py-16"
+    class="v-row about-section py-16"
     data-v-5d1d9537=""
   >
     <div
@@ -21,19 +21,19 @@ exports[`AboutSection > renders AboutSection 1`] = `
           class="section-headline"
           data-v-5d1d9537=""
         >
-          $t('home.section2.headline')
+          $t('home.aboutSection.headline')
         </h2>
         <p
           class="section-content mt-8"
           data-v-5d1d9537=""
         >
-          $t('home.section2.contentFirstParagraph')
+          $t('home.aboutSection.contentFirstParagraph')
         </p>
         <p
           class="section-content"
           data-v-5d1d9537=""
         >
-          $t('home.section2.contentSecondParagraph')
+          $t('home.aboutSection.contentSecondParagraph')
         </p>
         <button
           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--fourth main-button-auto mt-8"
@@ -62,7 +62,7 @@ exports[`AboutSection > renders AboutSection 1`] = `
               class="main-button-content"
               data-v-9518dada=""
             >
-              $t('home.section2.buttonTxt') 
+              $t('home.aboutSection.buttonTxt') 
               <!--v-if-->
             </span>
             
diff --git a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
index 70c4a7f3d..cec0d383a 100644
--- a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
 <div
-  class="section5 pt-4 v-container"
+  class="coffee-section pt-4 v-container"
   data-v-05d2e91a=""
 >
   <div
@@ -21,14 +21,14 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
           class="prepend"
           data-v-05d2e91a=""
         >
-          $t('home.section5.headline')
+          $t('home.coffeeSection.headline')
         </span>
           
         <span
           class="append"
           data-v-05d2e91a=""
         >
-          $t('home.section5.headlineAppend')
+          $t('home.coffeeSection.headlineAppend')
         </span>
       </h2>
     </div>
@@ -137,13 +137,13 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         class="w-100 slide-subheadline slide-subheadline-1"
                         data-v-05d2e91a=""
                       >
-                        $t('home.section5.slide1.subheadline')
+                        $t('home.coffeeSection.slide1.subheadline')
                       </h3>
                       <h3
                         class="w-100 slide-headline slide-headline-1"
                         data-v-05d2e91a=""
                       >
-                        $t('home.section5.slide1.headline')
+                        $t('home.coffeeSection.slide1.headline')
                       </h3>
                       <div
                         class="v-responsive v-img v-img--booting w-100 slide-icon icon-1"
diff --git a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
index 9cb677111..f56d88277 100644
--- a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
@@ -1,5 +1,77 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`PlanningSection > renders 1`] = `
+<div
+  class="planning-section v-container"
+  data-v-e1784946=""
+>
+  <div
+    class="v-row section-header"
+    data-v-e1784946=""
+  >
+    <div
+      class="v-col"
+      data-v-e1784946=""
+    >
+      <h2
+        class="section-headline"
+        data-v-e1784946=""
+      >
+        $t('home.planningSection.headline')
+      </h2>
+    </div>
+  </div>
+  <div
+    class="v-row mt-12"
+    data-v-e1784946=""
+  >
+    <div
+      class="v-col"
+      data-v-e1784946=""
+    >
+      <video
+        autoplay=""
+        class="video w-100"
+        data-v-e1784946=""
+        muted=""
+        playsinline=""
+        poster="/src/assets/img/timeline_thumbnail_quer.jpg"
+        preload="auto"
+      >
+        <source
+          data-v-e1784946=""
+          src="/src/assets/video/timeline_quer.mp4"
+          type="video/mp4"
+        />
+        <source
+          data-v-e1784946=""
+          src="/src/assets/video/timeline_quer.webm"
+          type="video/webm"
+        />
+      </video>
+    </div>
+  </div>
+  <div
+    class="v-row"
+    data-v-e1784946=""
+  >
+    <div
+      class="v-col anim-btn-col text-center"
+      data-v-e1784946=""
+    >
+      <transition-stub
+        appear="false"
+        css="true"
+        data-v-e1784946=""
+        persisted="false"
+      >
+        <!--v-if-->
+      </transition-stub>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`TimelineSection > renders 1`] = `
 <div
   class="planning-section v-container"
diff --git a/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
index c5b365fa7..c91eeef89 100644
--- a/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`ProductsSection > renders ProductsSection 1`] = `
 <div
-  class="section3 v-container"
+  class="products-section v-container"
   data-v-31f16c5e=""
 >
   <div
@@ -21,13 +21,13 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           class="prepend"
           data-v-31f16c5e=""
         >
-          $t('home.section3.headline')
+          $t('home.productsSection.headline')
         </span>
         <span
           class="append"
           data-v-31f16c5e=""
         >
-          $t('home.section3.headlineAppend')
+          $t('home.productsSection.headlineAppend')
         </span>
       </h2>
     </div>
@@ -129,13 +129,13 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           class="v-card-title card-title mt-0 mt-md-8"
           data-v-e62ef3ea=""
         >
-          $t('home.section3.firstColumn.headline')
+          $t('home.productsSection.firstColumn.headline')
         </div>
         <div
           class="v-card-text card-text mt-0 mt-md-8"
           data-v-e62ef3ea=""
         >
-          $t('home.section3.firstColumn.text')
+          $t('home.productsSection.firstColumn.text')
         </div>
         
         <!---->
@@ -240,13 +240,13 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           class="v-card-title card-title mt-0 mt-md-8"
           data-v-e62ef3ea=""
         >
-          $t('home.section3.secondColumn.headline')
+          $t('home.productsSection.secondColumn.headline')
         </div>
         <div
           class="v-card-text card-text mt-0 mt-md-8"
           data-v-e62ef3ea=""
         >
-          $t('home.section3.secondColumn.text')
+          $t('home.productsSection.secondColumn.text')
         </div>
         
         <!---->
@@ -351,13 +351,13 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           class="v-card-title card-title mt-0 mt-md-8"
           data-v-e62ef3ea=""
         >
-          $t('home.section3.thirdColumn.headline')
+          $t('home.productsSection.thirdColumn.headline')
         </div>
         <div
           class="v-card-text card-text mt-0 mt-md-8"
           data-v-e62ef3ea=""
         >
-          $t('home.section3.thirdColumn.text')
+          $t('home.productsSection.thirdColumn.text')
         </div>
         
         <!---->
diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index f51b3537b..085793f24 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -36,6 +36,39 @@
     }
   },
   "home": {
+    "aboutSection": {
+      "buttonTxt": "Persönlicher Kontakt",
+      "contentFirstParagraph": "Die DreamMall Plattform bietet euch Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für eure Ideen und Projekte.",
+      "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
+      "headline": "Respektvolles Miteinander macht ALLES möglich."
+    },
+    "coffeeSection": {
+      "headline": "Deine Zutaten",
+      "headlineAppend": "im Kaffee",
+      "slide1": {
+        "headline": "Alle Funktionen die du brauchst.",
+        "subheadline": "Weltencafé"
+      },
+      "slide2": {
+        "headline": "Digitale Vielfalt",
+        "subheadline": "Mall"
+      },
+      "slide3": {
+        "headline": "Erfolgreiche Projekte suchen Talente, Ressourcen und Arbeit.",
+        "subheadline": "Menschen und Projekte"
+      }
+    },
+    "ctaSection": {
+      "buttonText": "weiter",
+      "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
+      "headline": "Veränderung",
+      "headlineAppend": "Schaffen"
+    },
+    "introSection": {
+      "headline": "DreamMall von Menschen für Menschen geschaffen",
+      "preOrderBtn": "Mehr Informationen",
+      "subHeadline": "7 Tage kostenlos testen"
+    },
     "newsletterSection": {
       "currentNewsletter": "Aktueller Newsletter",
       "headline": "Newsletter",
@@ -51,19 +84,12 @@
         "successMsg": "E-Mail gesendet"
       },
       "subHeadline": "Immer auf dem Laufenden bleiben"
+    },    
+    "planningSection": {
+      "headline": "DreamMall Planning",
+      "timelineBtn": "Reload"
     },
-    "introSection": {
-      "headline": "DreamMall von Menschen für Menschen geschaffen",
-      "preOrderBtn": "Mehr Informationen",
-      "subHeadline": "7 Tage kostenlos testen"
-    },
-    "section2": {
-      "buttonTxt": "Persönlicher Kontakt",
-      "contentFirstParagraph": "Die DreamMall Plattform bietet euch Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für eure Ideen und Projekte.",
-      "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
-      "headline": "Respektvolles Miteinander macht ALLES möglich."
-    },
-    "section3": {
+    "productsSection": {
       "firstColumn": {
         "headline": "Mall",
         "text": "Wir erschaffen eine Welt, ein Platz des gemeinsamen Lebens und der Wirtschaft."
@@ -78,33 +104,7 @@
         "headline": "Menschen und Projekte",
         "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
       }
-    },
-    "planningSection": {
-      "headline": "DreamMall Planning",
-      "timelineBtn": "Reload"
-    },
-    "section5": {
-      "headline": "Deine Zutaten",
-      "headlineAppend": "im Kaffee",
-      "slide1": {
-        "headline": "Alle Funktionen die du brauchst.",
-        "subheadline": "Weltencafé"
-      },
-      "slide2": {
-        "headline": "Digitale Vielfalt",
-        "subheadline": "Mall"
-      },
-      "slide3": {
-        "headline": "Erfolgreiche Projekte suchen Talente, Ressourcen und Arbeit.",
-        "subheadline": "Menschen und Projekte"
-      }
-    },
-    "ctaSection": {
-      "buttonText": "weiter",
-      "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
-      "headline": "Veränderung",
-      "headlineAppend": "Schaffen"
-    }
+    }    
   },
   "impress": {
     "consumerDispute": {
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index ef24250f4..fe46cb798 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -36,6 +36,39 @@
     }
   },
   "home": {
+    "aboutSection": {
+      "buttonTxt": "Persönlicher Kontakt",
+      "contentFirstParagraph": "Die DreamMall Plattform bietet Euch Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für Eure Ideen und Projekte.",
+      "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
+      "headline": "Respektvolles Miteinander macht ALLES möglich."
+    },
+    "coffeeSection": {
+      "headline": "Deine Zutaten",
+      "headlineAppend": "im Kaffee",
+      "slide1": {
+        "headline": "Alle Funktionen die du brauchst.",
+        "subheadline": "Weltencafé"
+      },
+      "slide2": {
+        "headline": "Digitale Vielfalt",
+        "subheadline": "Mall"
+      },
+      "slide3": {
+        "headline": "Erfolgreiche Projekte suchen Talente, Ressourcen und Arbeit.",
+        "subheadline": "Menschen und Projekte"
+      }
+    },
+    "ctaSection": {
+      "buttonText": "weiter",
+      "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
+      "headline": "Veränderung",
+      "headlineAppend": "Schaffen"
+    },
+    "introSection": {
+      "headline": "DreamMall von Menschen für Menschen geschaffen",
+      "preOrderBtn": "Mehr Informationen",
+      "subHeadline": "7 Tage kostenlos testen"
+    },
     "newsletterSection": {
       "currentNewsletter": "Aktueller Newsletter",
       "headline": "Newsletter",
@@ -52,18 +85,11 @@
       },
       "subHeadline": "Immer auf dem laufenden bleiben"
     },
-    "introSection": {
-      "headline": "DreamMall von Menschen für Menschen geschaffen",
-      "preOrderBtn": "Mehr Informationen",
-      "subHeadline": "7 Tage kostenlos testen"
-    },
-    "section2": {
-      "buttonTxt": "Persönlicher Kontakt",
-      "contentFirstParagraph": "Die DreamMall Plattform bietet Euch Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für Eure Ideen und Projekte.",
-      "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
-      "headline": "Respektvolles Miteinander macht ALLES möglich."
+    "planningSection": {
+      "headline": "DreamMall Planning",
+      "timelineBtn": "Reload"
     },
-    "section3": {
+    "productsSection": {
       "firstColumn": {
         "headline": "Mall",
         "text": "Wir erschaffen eine Welt, ein Platz des gemeinsamen Lebens und der Wirtschaft."
@@ -78,33 +104,7 @@
         "headline": "Menschen und Projekte",
         "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
       }
-    },
-    "planningSection": {
-      "headline": "DreamMall Planning",
-      "timelineBtn": "Reload"
-    },
-    "section5": {
-      "headline": "Deine Zutaten",
-      "headlineAppend": "im Kaffee",
-      "slide1": {
-        "headline": "Alle Funktionen die du brauchst.",
-        "subheadline": "Weltencafé"
-      },
-      "slide2": {
-        "headline": "Digitale Vielfalt",
-        "subheadline": "Mall"
-      },
-      "slide3": {
-        "headline": "Erfolgreiche Projekte suchen Talente, Ressourcen und Arbeit.",
-        "subheadline": "Menschen und Projekte"
-      }
-    },
-    "ctaSection": {
-      "buttonText": "weiter",
-      "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
-      "headline": "Veränderung",
-      "headlineAppend": "Schaffen"
-    }
+    }    
   },
   "impress": {
     "consumerDispute": {
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index 7a9bcd45c..e865035f7 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -282,7 +282,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 data-v-5d1d9537=""
               >
                 <div
-                  class="v-row section2 py-16"
+                  class="v-row about-section py-16"
                   data-v-5d1d9537=""
                 >
                   <div
@@ -297,19 +297,19 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="section-headline"
                         data-v-5d1d9537=""
                       >
-                        $t('home.section2.headline')
+                        $t('home.aboutSection.headline')
                       </h2>
                       <p
                         class="section-content mt-8"
                         data-v-5d1d9537=""
                       >
-                        $t('home.section2.contentFirstParagraph')
+                        $t('home.aboutSection.contentFirstParagraph')
                       </p>
                       <p
                         class="section-content"
                         data-v-5d1d9537=""
                       >
-                        $t('home.section2.contentSecondParagraph')
+                        $t('home.aboutSection.contentSecondParagraph')
                       </p>
                       <button
                         class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--fourth main-button-auto mt-8"
@@ -338,7 +338,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                             class="main-button-content"
                             data-v-9518dada=""
                           >
-                            $t('home.section2.buttonTxt') 
+                            $t('home.aboutSection.buttonTxt') 
                             <!--v-if-->
                           </span>
                           
@@ -404,7 +404,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               id="products"
             >
               <div
-                class="section3 v-container"
+                class="products-section v-container"
                 data-v-07c017cc=""
                 data-v-31f16c5e=""
               >
@@ -424,13 +424,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="prepend"
                         data-v-31f16c5e=""
                       >
-                        $t('home.section3.headline')
+                        $t('home.productsSection.headline')
                       </span>
                       <span
                         class="append"
                         data-v-31f16c5e=""
                       >
-                        $t('home.section3.headlineAppend')
+                        $t('home.productsSection.headlineAppend')
                       </span>
                     </h2>
                   </div>
@@ -532,13 +532,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="v-card-title card-title mt-0 mt-md-8"
                         data-v-e62ef3ea=""
                       >
-                        $t('home.section3.firstColumn.headline')
+                        $t('home.productsSection.firstColumn.headline')
                       </div>
                       <div
                         class="v-card-text card-text mt-0 mt-md-8"
                         data-v-e62ef3ea=""
                       >
-                        $t('home.section3.firstColumn.text')
+                        $t('home.productsSection.firstColumn.text')
                       </div>
                       
                       <!---->
@@ -643,13 +643,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="v-card-title card-title mt-0 mt-md-8"
                         data-v-e62ef3ea=""
                       >
-                        $t('home.section3.secondColumn.headline')
+                        $t('home.productsSection.secondColumn.headline')
                       </div>
                       <div
                         class="v-card-text card-text mt-0 mt-md-8"
                         data-v-e62ef3ea=""
                       >
-                        $t('home.section3.secondColumn.text')
+                        $t('home.productsSection.secondColumn.text')
                       </div>
                       
                       <!---->
@@ -754,13 +754,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="v-card-title card-title mt-0 mt-md-8"
                         data-v-e62ef3ea=""
                       >
-                        $t('home.section3.thirdColumn.headline')
+                        $t('home.productsSection.thirdColumn.headline')
                       </div>
                       <div
                         class="v-card-text card-text mt-0 mt-md-8"
                         data-v-e62ef3ea=""
                       >
-                        $t('home.section3.thirdColumn.text')
+                        $t('home.productsSection.thirdColumn.text')
                       </div>
                       
                       <!---->
@@ -1440,7 +1440,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               id="coffee-section"
             >
               <div
-                class="section5 pt-4 v-container"
+                class="coffee-section pt-4 v-container"
                 data-v-05d2e91a=""
                 data-v-07c017cc=""
               >
@@ -1460,14 +1460,14 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="prepend"
                         data-v-05d2e91a=""
                       >
-                        $t('home.section5.headline')
+                        $t('home.coffeeSection.headline')
                       </span>
                         
                       <span
                         class="append"
                         data-v-05d2e91a=""
                       >
-                        $t('home.section5.headlineAppend')
+                        $t('home.coffeeSection.headlineAppend')
                       </span>
                     </h2>
                   </div>
@@ -1576,13 +1576,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       class="w-100 slide-subheadline slide-subheadline-1"
                                       data-v-05d2e91a=""
                                     >
-                                      $t('home.section5.slide1.subheadline')
+                                      $t('home.coffeeSection.slide1.subheadline')
                                     </h3>
                                     <h3
                                       class="w-100 slide-headline slide-headline-1"
                                       data-v-05d2e91a=""
                                     >
-                                      $t('home.section5.slide1.headline')
+                                      $t('home.coffeeSection.slide1.headline')
                                     </h3>
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 slide-icon icon-1"
@@ -1968,10 +1968,10 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
             <div
               class="py-16 px-4"
               data-v-07c017cc=""
-              id="section6"
+              id="cta-section"
             >
               <div
-                class="section6 v-container pa-16"
+                class="cta-section v-container pa-16"
                 data-v-07c017cc=""
                 data-v-7331c7d7=""
               >
@@ -1991,14 +1991,14 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         class="prepend"
                         data-v-7331c7d7=""
                       >
-                        $t('home.section6.headline')
+                        $t('home.ctaSection.headline')
                       </span>
                         
                       <span
                         class="append"
                         data-v-7331c7d7=""
                       >
-                        $t('home.section6.headlineAppend')
+                        $t('home.ctaSection.headlineAppend')
                       </span>
                     </h2>
                   </div>
@@ -2014,7 +2014,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     <p
                       data-v-7331c7d7=""
                     >
-                      $t('home.section6.content')
+                      $t('home.ctaSection.content')
                     </p>
                   </div>
                 </div>
@@ -2053,7 +2053,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                           class="main-button-content"
                           data-v-9518dada=""
                         >
-                          $t('home.section6.buttonText') 
+                          $t('home.ctaSection.buttonText') 
                           <!--v-if-->
                         </span>
                         

From 80655556c8ecc6fb52459ff188711100e11895af Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 10:33:55 +0100
Subject: [PATCH 033/101] fix locales linting

---
 presenter/src/locales/de.json | 4 ++--
 presenter/src/locales/en.json | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index 085793f24..f53cc4e93 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -84,7 +84,7 @@
         "successMsg": "E-Mail gesendet"
       },
       "subHeadline": "Immer auf dem Laufenden bleiben"
-    },    
+    },
     "planningSection": {
       "headline": "DreamMall Planning",
       "timelineBtn": "Reload"
@@ -104,7 +104,7 @@
         "headline": "Menschen und Projekte",
         "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
       }
-    }    
+    }
   },
   "impress": {
     "consumerDispute": {
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index fe46cb798..e9817fd1f 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -104,7 +104,7 @@
         "headline": "Menschen und Projekte",
         "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
       }
-    }    
+    }
   },
   "impress": {
     "consumerDispute": {

From 260df3a7f514c38dd9a8df947fd269fde9851f76 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 22 Jan 2024 11:27:48 +0100
Subject: [PATCH 034/101] renew snapshots

---
 .../__snapshots__/LogoImage.test.ts.snap      |   2 +-
 .../__snapshots__/PageShell.test.ts.snap      |  38 +--
 .../__snapshots__/MainButton.test.ts.snap     |   4 +-
 .../TextButtonInput.test.ts.snap              |   4 +-
 .../__snapshots__/ContactForm.test.ts.snap    |  52 ++--
 .../__snapshots__/NewsletterForm.test.ts.snap |  44 +--
 .../__snapshots__/FooterMenu.test.ts.snap     |  54 ++--
 .../__snapshots__/AboutSection.test.ts.snap   |  26 +-
 .../CallToActionSection.test.ts.snap          |  28 +-
 .../__snapshots__/CoffeeSection.test.ts.snap  |  44 +--
 .../__snapshots__/IntroSection.test.ts.snap   |  18 +-
 .../NewsletterSection.test.ts.snap            |  44 +--
 .../ProductsSection.test.ts.snap              |  26 +-
 .../__snapshots__/DefaultLayout.test.ts.snap  |  54 ++--
 .../__snapshots__/Page.test.ts.snap           |  54 ++--
 .../impressum/__snapshots__/Page.test.ts.snap |  54 ++--
 .../index/__snapshots__/Page.test.ts.snap     | 266 +++++++++---------
 17 files changed, 406 insertions(+), 406 deletions(-)

diff --git a/presenter/src/components/__snapshots__/LogoImage.test.ts.snap b/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
index 7b6d44dd9..3e8e91fa1 100644
--- a/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
+++ b/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`LogoImage > renders Logo 1`] = `
 <div
   class="v-responsive v-img v-img--booting w-100 logo-medium"
-  data-v-f6be2607=""
+  data-v-916aa5dc=""
 >
   <div
     class="v-responsive__sizer"
diff --git a/presenter/src/components/__snapshots__/PageShell.test.ts.snap b/presenter/src/components/__snapshots__/PageShell.test.ts.snap
index 9a8de2d72..21b342f79 100644
--- a/presenter/src/components/__snapshots__/PageShell.test.ts.snap
+++ b/presenter/src/components/__snapshots__/PageShell.test.ts.snap
@@ -10,11 +10,11 @@ exports[`PageShell > renders 1`] = `
     
     <div
       class="topmenu"
-      data-v-e787b5f9=""
+      data-v-5e2a2776=""
     >
       <header
         class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
-        data-v-e787b5f9=""
+        data-v-5e2a2776=""
         style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
       >
         <!---->
@@ -28,21 +28,21 @@ exports[`PageShell > renders 1`] = `
           
           <div
             class="v-row"
-            data-v-e787b5f9=""
+            data-v-5e2a2776=""
           >
             <div
               class="v-col d-flex align-center"
-              data-v-e787b5f9=""
+              data-v-5e2a2776=""
             >
               <a
                 class="w-100 ml-8"
-                data-v-e787b5f9=""
+                data-v-5e2a2776=""
                 href="/"
               >
                 <div
                   class="v-responsive v-img v-img--booting w-100 logo-medium"
-                  data-v-e787b5f9=""
-                  data-v-f6be2607=""
+                  data-v-5e2a2776=""
+                  data-v-916aa5dc=""
                 >
                   <div
                     class="v-responsive__sizer"
@@ -80,13 +80,13 @@ exports[`PageShell > renders 1`] = `
             </div>
             <div
               class="v-col d-none d-md-flex align-center justify-center grow"
-              data-v-e787b5f9=""
+              data-v-5e2a2776=""
             >
               <!-- TODO same as below: refactor -->
               <a
                 class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
                 data-v-1925b644=""
-                data-v-e787b5f9=""
+                data-v-5e2a2776=""
                 href="/#about"
               >
                 
@@ -114,7 +114,7 @@ exports[`PageShell > renders 1`] = `
               <a
                 class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
                 data-v-1925b644=""
-                data-v-e787b5f9=""
+                data-v-5e2a2776=""
                 href="/#products"
               >
                 
@@ -142,7 +142,7 @@ exports[`PageShell > renders 1`] = `
               <a
                 class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
                 data-v-1925b644=""
-                data-v-e787b5f9=""
+                data-v-5e2a2776=""
                 href="/#contactname"
               >
                 
@@ -170,15 +170,15 @@ exports[`PageShell > renders 1`] = `
             </div>
             <div
               class="v-col d-flex"
-              data-v-e787b5f9=""
+              data-v-5e2a2776=""
             >
               <div
                 class="d-flex d-md-none align-center justify-end w-100 mr-8"
-                data-v-e787b5f9=""
+                data-v-5e2a2776=""
               >
                 <div
                   class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
-                  data-v-e787b5f9=""
+                  data-v-5e2a2776=""
                 >
                   <div
                     class="v-responsive__sizer"
@@ -233,7 +233,7 @@ exports[`PageShell > renders 1`] = `
       
       <nav
         class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
-        data-v-e787b5f9=""
+        data-v-5e2a2776=""
         style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
       >
         <!---->
@@ -244,13 +244,13 @@ exports[`PageShell > renders 1`] = `
           
           <div
             class="d-flex flex-column py-8"
-            data-v-e787b5f9=""
+            data-v-5e2a2776=""
           >
             <!-- TODO same as above: refactor -->
             <a
               class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
               data-v-1925b644=""
-              data-v-e787b5f9=""
+              data-v-5e2a2776=""
               href="/#about"
             >
               
@@ -278,7 +278,7 @@ exports[`PageShell > renders 1`] = `
             <a
               class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
               data-v-1925b644=""
-              data-v-e787b5f9=""
+              data-v-5e2a2776=""
               href="/#products"
             >
               
@@ -306,7 +306,7 @@ exports[`PageShell > renders 1`] = `
             <a
               class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
               data-v-1925b644=""
-              data-v-e787b5f9=""
+              data-v-5e2a2776=""
               href="/#contactname"
             >
               
diff --git a/presenter/src/components/buttons/__snapshots__/MainButton.test.ts.snap b/presenter/src/components/buttons/__snapshots__/MainButton.test.ts.snap
index 5d8719607..f6b733e86 100644
--- a/presenter/src/components/buttons/__snapshots__/MainButton.test.ts.snap
+++ b/presenter/src/components/buttons/__snapshots__/MainButton.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`MainButton > renders 1`] = `
 <button
   class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--size-large v-btn--variant-elevated main-button main-button--primary main-button-large"
-  data-v-9518dada=""
+  data-v-2b63c1fe=""
   style="background-color: #f09630; color: #000; caret-color: #000;"
   type="button"
 >
@@ -25,7 +25,7 @@ exports[`MainButton > renders 1`] = `
     <!--v-if-->
     <span
       class="main-button-content"
-      data-v-9518dada=""
+      data-v-2b63c1fe=""
     >
       My Button 
       <!--v-if-->
diff --git a/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap b/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap
index 5f27252cd..b7817489b 100644
--- a/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap
+++ b/presenter/src/components/buttons/__snapshots__/TextButtonInput.test.ts.snap
@@ -103,7 +103,7 @@ exports[`TextButtonInput > TextButtonInput renders 1`] = `
           
           <button
             class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-medium my-2"
-            data-v-9518dada=""
+            data-v-2b63c1fe=""
             style="background-color: #f09630; color: #000; caret-color: #000;"
             type="button"
           >
@@ -125,7 +125,7 @@ exports[`TextButtonInput > TextButtonInput renders 1`] = `
               <!--v-if-->
               <span
                 class="main-button-content"
-                data-v-9518dada=""
+                data-v-2b63c1fe=""
               >
                 Button 
                 <!--v-if-->
diff --git a/presenter/src/components/forms/__snapshots__/ContactForm.test.ts.snap b/presenter/src/components/forms/__snapshots__/ContactForm.test.ts.snap
index aff7b5e1d..08e7e21a3 100644
--- a/presenter/src/components/forms/__snapshots__/ContactForm.test.ts.snap
+++ b/presenter/src/components/forms/__snapshots__/ContactForm.test.ts.snap
@@ -3,25 +3,25 @@
 exports[`ContactForm > renders form 1`] = `
 <div
   class="v-sheet v-theme--light bg-transparent"
-  data-v-09656910=""
+  data-v-2e8ea5ee=""
 >
   <form
     class="v-form contact-form"
-    data-v-09656910=""
+    data-v-2e8ea5ee=""
     novalidate=""
   >
     
     <div
       class="v-row"
-      data-v-09656910=""
+      data-v-2e8ea5ee=""
     >
       <div
         class="v-col-md-6 v-col-12 py-0 pt-1"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <div
           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
         >
           <!---->
           <div
@@ -132,11 +132,11 @@ exports[`ContactForm > renders form 1`] = `
       </div>
       <div
         class="v-col-md-6 v-col-12 py-0 pt-1"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <div
           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
         >
           <!---->
           <div
@@ -248,15 +248,15 @@ exports[`ContactForm > renders form 1`] = `
     </div>
     <div
       class="v-row mt-0"
-      data-v-09656910=""
+      data-v-2e8ea5ee=""
     >
       <div
         class="v-col-md-6 v-col-12 py-0 pt-1"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <div
           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
         >
           <!---->
           <div
@@ -367,7 +367,7 @@ exports[`ContactForm > renders form 1`] = `
       </div>
       <div
         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <!-- &lt;v-select
                v-model="topic"
@@ -389,15 +389,15 @@ exports[`ContactForm > renders form 1`] = `
     </div>
     <div
       class="v-row"
-      data-v-09656910=""
+      data-v-2e8ea5ee=""
     >
       <div
         class="v-col pt-2 pb-0"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <div
           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
         >
           <!---->
           <div
@@ -526,15 +526,15 @@ exports[`ContactForm > renders form 1`] = `
     </div>
     <div
       class="v-row mt-0"
-      data-v-09656910=""
+      data-v-2e8ea5ee=""
     >
       <div
         class="v-col d-flex align-start"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <div
           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
         >
           <!---->
           <div
@@ -577,13 +577,13 @@ exports[`ContactForm > renders form 1`] = `
         </div>
         <span
           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
         >
           $t('menu.footer.contactForm.privacy') 
           <a
             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-            data-v-09656910=""
             data-v-1925b644=""
+            data-v-2e8ea5ee=""
             href="/datenschutz"
           >
             
@@ -613,16 +613,16 @@ exports[`ContactForm > renders form 1`] = `
     </div>
     <div
       class="v-row mt-0"
-      data-v-09656910=""
+      data-v-2e8ea5ee=""
     >
       <div
         class="v-col"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <button
           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-          data-v-09656910=""
-          data-v-9518dada=""
+          data-v-2b63c1fe=""
+          data-v-2e8ea5ee=""
           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
           type="submit"
         >
@@ -644,7 +644,7 @@ exports[`ContactForm > renders form 1`] = `
             <!--v-if-->
             <span
               class="main-button-content"
-              data-v-9518dada=""
+              data-v-2b63c1fe=""
             >
               $t('menu.footer.contactForm.submitBtn') 
               <!--v-if-->
@@ -658,12 +658,12 @@ exports[`ContactForm > renders form 1`] = `
       </div>
       <div
         class="v-col"
-        data-v-09656910=""
+        data-v-2e8ea5ee=""
       >
         <transition-group-stub
           appear="false"
           css="true"
-          data-v-09656910=""
+          data-v-2e8ea5ee=""
           persisted="false"
         >
           <!--v-if-->
diff --git a/presenter/src/components/forms/__snapshots__/NewsletterForm.test.ts.snap b/presenter/src/components/forms/__snapshots__/NewsletterForm.test.ts.snap
index 8c762fbeb..880bcb3dd 100644
--- a/presenter/src/components/forms/__snapshots__/NewsletterForm.test.ts.snap
+++ b/presenter/src/components/forms/__snapshots__/NewsletterForm.test.ts.snap
@@ -3,25 +3,25 @@
 exports[`NewsletterForm > renders form 1`] = `
 <div
   class="v-sheet v-theme--light bg-transparent"
-  data-v-81cc7c1c=""
+  data-v-6ce24624=""
 >
   <form
     class="v-form newsletter-form"
-    data-v-81cc7c1c=""
+    data-v-6ce24624=""
     novalidate=""
   >
     
     <div
       class="v-row"
-      data-v-81cc7c1c=""
+      data-v-6ce24624=""
     >
       <div
         class="v-col-sm-6 v-col-12"
-        data-v-81cc7c1c=""
+        data-v-6ce24624=""
       >
         <div
           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-          data-v-81cc7c1c=""
+          data-v-6ce24624=""
         >
           <!---->
           <div
@@ -132,11 +132,11 @@ exports[`NewsletterForm > renders form 1`] = `
       </div>
       <div
         class="v-col-sm-6 v-col-12"
-        data-v-81cc7c1c=""
+        data-v-6ce24624=""
       >
         <div
           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-          data-v-81cc7c1c=""
+          data-v-6ce24624=""
         >
           <!---->
           <div
@@ -248,15 +248,15 @@ exports[`NewsletterForm > renders form 1`] = `
     </div>
     <div
       class="v-row"
-      data-v-81cc7c1c=""
+      data-v-6ce24624=""
     >
       <div
         class="v-col-sm-6 v-col-12"
-        data-v-81cc7c1c=""
+        data-v-6ce24624=""
       >
         <div
           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-          data-v-81cc7c1c=""
+          data-v-6ce24624=""
         >
           <!---->
           <div
@@ -367,12 +367,12 @@ exports[`NewsletterForm > renders form 1`] = `
       </div>
       <div
         class="v-col-sm-6 d-flex align-center v-col-12"
-        data-v-81cc7c1c=""
+        data-v-6ce24624=""
       >
         <button
           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto w-100"
-          data-v-81cc7c1c=""
-          data-v-9518dada=""
+          data-v-2b63c1fe=""
+          data-v-6ce24624=""
           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
           type="submit"
         >
@@ -394,7 +394,7 @@ exports[`NewsletterForm > renders form 1`] = `
             <!--v-if-->
             <span
               class="main-button-content"
-              data-v-9518dada=""
+              data-v-2b63c1fe=""
             >
               $t('home.newsletterSection.newsletterForm.submitBtn') 
               <!--v-if-->
@@ -409,15 +409,15 @@ exports[`NewsletterForm > renders form 1`] = `
     </div>
     <div
       class="v-row"
-      data-v-81cc7c1c=""
+      data-v-6ce24624=""
     >
       <div
         class="v-col v-col-12 d-flex align-start"
-        data-v-81cc7c1c=""
+        data-v-6ce24624=""
       >
         <div
           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-          data-v-81cc7c1c=""
+          data-v-6ce24624=""
         >
           <!---->
           <div
@@ -460,13 +460,13 @@ exports[`NewsletterForm > renders form 1`] = `
         </div>
         <span
           class="ml-6 ml-sm-4 pt-2 newsletter-dataprivacy"
-          data-v-81cc7c1c=""
+          data-v-6ce24624=""
         >
           $t('home.newsletterSection.newsletterForm.privacy') 
           <a
             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
             data-v-1925b644=""
-            data-v-81cc7c1c=""
+            data-v-6ce24624=""
             href="/datenschutz"
           >
             
@@ -496,16 +496,16 @@ exports[`NewsletterForm > renders form 1`] = `
     </div>
     <div
       class="v-row align-content-center mt-0"
-      data-v-81cc7c1c=""
+      data-v-6ce24624=""
     >
       <div
         class="v-col pt-0"
-        data-v-81cc7c1c=""
+        data-v-6ce24624=""
       >
         <transition-group-stub
           appear="false"
           css="true"
-          data-v-81cc7c1c=""
+          data-v-6ce24624=""
           persisted="false"
         >
           <!--v-if-->
diff --git a/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
index 6f4b53ff3..9d8dd5cb1 100644
--- a/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
@@ -229,8 +229,8 @@ exports[`FooterMenu > renders 1`] = `
             </div>
             <div
               class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+              data-v-916aa5dc=""
               data-v-b000eb4c=""
-              data-v-f6be2607=""
             >
               <div
                 class="v-responsive__sizer"
@@ -280,26 +280,26 @@ exports[`FooterMenu > renders 1`] = `
             >
               <div
                 class="v-sheet v-theme--light bg-transparent"
-                data-v-09656910=""
+                data-v-2e8ea5ee=""
                 data-v-b000eb4c=""
               >
                 <form
                   class="v-form contact-form"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   novalidate=""
                 >
                   
                   <div
                     class="v-row"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                   >
                     <div
                       class="v-col-md-6 v-col-12 py-0 pt-1"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!---->
                         <div
@@ -410,11 +410,11 @@ exports[`FooterMenu > renders 1`] = `
                     </div>
                     <div
                       class="v-col-md-6 v-col-12 py-0 pt-1"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!---->
                         <div
@@ -526,15 +526,15 @@ exports[`FooterMenu > renders 1`] = `
                   </div>
                   <div
                     class="v-row mt-0"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                   >
                     <div
                       class="v-col-md-6 v-col-12 py-0 pt-1"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!---->
                         <div
@@ -645,7 +645,7 @@ exports[`FooterMenu > renders 1`] = `
                     </div>
                     <div
                       class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <!-- &lt;v-select
                v-model="topic"
@@ -667,15 +667,15 @@ exports[`FooterMenu > renders 1`] = `
                   </div>
                   <div
                     class="v-row"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                   >
                     <div
                       class="v-col pt-2 pb-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!---->
                         <div
@@ -804,15 +804,15 @@ exports[`FooterMenu > renders 1`] = `
                   </div>
                   <div
                     class="v-row mt-0"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                   >
                     <div
                       class="v-col d-flex align-start"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!---->
                         <div
@@ -855,13 +855,13 @@ exports[`FooterMenu > renders 1`] = `
                       </div>
                       <span
                         class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         $t('menu.footer.contactForm.privacy') 
                         <a
                           class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                          data-v-09656910=""
                           data-v-1925b644=""
+                          data-v-2e8ea5ee=""
                           href="/datenschutz"
                         >
                           
@@ -891,16 +891,16 @@ exports[`FooterMenu > renders 1`] = `
                   </div>
                   <div
                     class="v-row mt-0"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                   >
                     <div
                       class="v-col"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <button
                         class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                        data-v-09656910=""
-                        data-v-9518dada=""
+                        data-v-2b63c1fe=""
+                        data-v-2e8ea5ee=""
                         style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                         type="submit"
                       >
@@ -922,7 +922,7 @@ exports[`FooterMenu > renders 1`] = `
                           <!--v-if-->
                           <span
                             class="main-button-content"
-                            data-v-9518dada=""
+                            data-v-2b63c1fe=""
                           >
                             $t('menu.footer.contactForm.submitBtn') 
                             <!--v-if-->
@@ -936,12 +936,12 @@ exports[`FooterMenu > renders 1`] = `
                     </div>
                     <div
                       class="v-col"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <transition-group-stub
                         appear="false"
                         css="true"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                         persisted="false"
                       >
                         <!--v-if-->
diff --git a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
index ca6047955..3d6cfdfec 100644
--- a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
@@ -3,42 +3,42 @@
 exports[`AboutSection > renders AboutSection 1`] = `
 <div
   class="px-4"
-  data-v-5d1d9537=""
+  data-v-40d79059=""
 >
   <div
     class="v-row about-section py-16"
-    data-v-5d1d9537=""
+    data-v-40d79059=""
   >
     <div
       class="v-col-md-7 v-col-12"
-      data-v-5d1d9537=""
+      data-v-40d79059=""
     >
       <div
         class="section-left-part"
-        data-v-5d1d9537=""
+        data-v-40d79059=""
       >
         <h2
           class="section-headline"
-          data-v-5d1d9537=""
+          data-v-40d79059=""
         >
           $t('home.aboutSection.headline')
         </h2>
         <p
           class="section-content mt-8"
-          data-v-5d1d9537=""
+          data-v-40d79059=""
         >
           $t('home.aboutSection.contentFirstParagraph')
         </p>
         <p
           class="section-content"
-          data-v-5d1d9537=""
+          data-v-40d79059=""
         >
           $t('home.aboutSection.contentSecondParagraph')
         </p>
         <button
           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--fourth main-button-auto mt-8"
-          data-v-5d1d9537=""
-          data-v-9518dada=""
+          data-v-2b63c1fe=""
+          data-v-40d79059=""
           style="background-color: #2ca5b1; color: #fff; caret-color: #fff; height: auto; width: auto;"
           type="button"
         >
@@ -60,7 +60,7 @@ exports[`AboutSection > renders AboutSection 1`] = `
             <!--v-if-->
             <span
               class="main-button-content"
-              data-v-9518dada=""
+              data-v-2b63c1fe=""
             >
               $t('home.aboutSection.buttonTxt') 
               <!--v-if-->
@@ -75,15 +75,15 @@ exports[`AboutSection > renders AboutSection 1`] = `
     </div>
     <div
       class="v-col-md-5 v-col-12 align-self-center d-flex justify-center align-center"
-      data-v-5d1d9537=""
+      data-v-40d79059=""
     >
       <div
         class="section-right-part w-100"
-        data-v-5d1d9537=""
+        data-v-40d79059=""
       >
         <div
           class="v-responsive v-img v-img--booting section-logo ma-2 pa-1 w-100"
-          data-v-5d1d9537=""
+          data-v-40d79059=""
         >
           <div
             class="v-responsive__sizer"
diff --git a/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
index beb0c28c1..90c575c7a 100644
--- a/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CallToActionSection.test.ts.snap
@@ -3,30 +3,30 @@
 exports[`renders CallToActionSection > renders CallToActionSection 1`] = `
 <div
   class="cta-section v-container pa-16"
-  data-v-7331c7d7=""
+  data-v-964af166=""
 >
   <div
     class="v-row section-header"
-    data-v-7331c7d7=""
+    data-v-964af166=""
   >
     <div
       class="v-col"
-      data-v-7331c7d7=""
+      data-v-964af166=""
     >
       <h2
         class="section-headline"
-        data-v-7331c7d7=""
+        data-v-964af166=""
       >
         <span
           class="prepend"
-          data-v-7331c7d7=""
+          data-v-964af166=""
         >
           $t('home.ctaSection.headline')
         </span>
           
         <span
           class="append"
-          data-v-7331c7d7=""
+          data-v-964af166=""
         >
           $t('home.ctaSection.headlineAppend')
         </span>
@@ -35,14 +35,14 @@ exports[`renders CallToActionSection > renders CallToActionSection 1`] = `
   </div>
   <div
     class="v-row section-content"
-    data-v-7331c7d7=""
+    data-v-964af166=""
   >
     <div
       class="v-col"
-      data-v-7331c7d7=""
+      data-v-964af166=""
     >
       <p
-        data-v-7331c7d7=""
+        data-v-964af166=""
       >
         $t('home.ctaSection.content')
       </p>
@@ -50,16 +50,16 @@ exports[`renders CallToActionSection > renders CallToActionSection 1`] = `
   </div>
   <div
     class="v-row section-footer text-center"
-    data-v-7331c7d7=""
+    data-v-964af166=""
   >
     <div
       class="v-col"
-      data-v-7331c7d7=""
+      data-v-964af166=""
     >
       <button
         class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--size-large v-btn--variant-elevated main-button main-button--primary main-button-large mt-8"
-        data-v-7331c7d7=""
-        data-v-9518dada=""
+        data-v-2b63c1fe=""
+        data-v-964af166=""
         style="background-color: #f09630; color: #000; caret-color: #000;"
         type="button"
       >
@@ -81,7 +81,7 @@ exports[`renders CallToActionSection > renders CallToActionSection 1`] = `
           <!--v-if-->
           <span
             class="main-button-content"
-            data-v-9518dada=""
+            data-v-2b63c1fe=""
           >
             $t('home.ctaSection.buttonText') 
             <!--v-if-->
diff --git a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
index cec0d383a..63157f3f3 100644
--- a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
@@ -3,30 +3,30 @@
 exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
 <div
   class="coffee-section pt-4 v-container"
-  data-v-05d2e91a=""
+  data-v-ea36d7a0=""
 >
   <div
     class="v-row section-header"
-    data-v-05d2e91a=""
+    data-v-ea36d7a0=""
   >
     <div
       class="v-col"
-      data-v-05d2e91a=""
+      data-v-ea36d7a0=""
     >
       <h2
         class="section-headline"
-        data-v-05d2e91a=""
+        data-v-ea36d7a0=""
       >
         <span
           class="prepend"
-          data-v-05d2e91a=""
+          data-v-ea36d7a0=""
         >
           $t('home.coffeeSection.headline')
         </span>
           
         <span
           class="append"
-          data-v-05d2e91a=""
+          data-v-ea36d7a0=""
         >
           $t('home.coffeeSection.headlineAppend')
         </span>
@@ -35,15 +35,15 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
   </div>
   <div
     class="v-row"
-    data-v-05d2e91a=""
+    data-v-ea36d7a0=""
   >
     <div
       class="v-col"
-      data-v-05d2e91a=""
+      data-v-ea36d7a0=""
     >
       <div
         class="v-window v-window--show-arrows-on-hover v-theme--light v-carousel v-carousel--hide-delimiter-background"
-        data-v-05d2e91a=""
+        data-v-ea36d7a0=""
         style="height: 650px;"
       >
         <div
@@ -53,7 +53,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
           <transition-stub
             appear="false"
             css="true"
-            data-v-05d2e91a=""
+            data-v-ea36d7a0=""
             disabled="false"
             name="v-window-x-transition"
             persisted="false"
@@ -90,16 +90,16 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                   
                   <div
                     class="v-sheet v-theme--light v-sheet--border rounded-xl"
-                    data-v-05d2e91a=""
+                    data-v-ea36d7a0=""
                     style="background-color: #FFF; color: #000; caret-color: #000; height: 600px;"
                   >
                     <div
                       class="icon-container slide1"
-                      data-v-05d2e91a=""
+                      data-v-ea36d7a0=""
                     >
                       <div
                         class="v-responsive v-img v-img--booting w-100 icon-main main-slide-icon-1"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -135,19 +135,19 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                       </div>
                       <h3
                         class="w-100 slide-subheadline slide-subheadline-1"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         $t('home.coffeeSection.slide1.subheadline')
                       </h3>
                       <h3
                         class="w-100 slide-headline slide-headline-1"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         $t('home.coffeeSection.slide1.headline')
                       </h3>
                       <div
                         class="v-responsive v-img v-img--booting w-100 slide-icon icon-1"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -183,7 +183,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                       </div>
                       <div
                         class="v-responsive v-img v-img--booting w-100 slide-icon icon-2"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -219,7 +219,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                       </div>
                       <div
                         class="v-responsive v-img v-img--booting w-100 slide-icon icon-3"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -255,7 +255,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                       </div>
                       <div
                         class="v-responsive v-img v-img--booting w-100 slide-icon icon-4"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -291,7 +291,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                       </div>
                       <div
                         class="v-responsive v-img v-img--booting w-100 slide-icon icon-5"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -336,7 +336,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
           <transition-stub
             appear="false"
             css="true"
-            data-v-05d2e91a=""
+            data-v-ea36d7a0=""
             disabled="false"
             name="v-window-x-transition"
             persisted="false"
@@ -351,7 +351,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
           <transition-stub
             appear="false"
             css="true"
-            data-v-05d2e91a=""
+            data-v-ea36d7a0=""
             disabled="false"
             name="v-window-x-transition"
             persisted="false"
diff --git a/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
index 2f57cd98b..a0b10804f 100644
--- a/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/IntroSection.test.ts.snap
@@ -3,15 +3,15 @@
 exports[`IntroSection > renders IntroSection 1`] = `
 <div
   class="h-100"
-  data-v-497259dd=""
+  data-v-075f3340=""
 >
   <div
     class="intro-section h-100"
-    data-v-497259dd=""
+    data-v-075f3340=""
   >
     <div
       class="v-window v-window--show-arrows-on-hover v-theme--light v-carousel v-carousel--hide-delimiter-background landing-slider"
-      data-v-497259dd=""
+      data-v-075f3340=""
       style="height: 100%;"
     >
       <div
@@ -21,7 +21,7 @@ exports[`IntroSection > renders IntroSection 1`] = `
         <transition-stub
           appear="false"
           css="true"
-          data-v-497259dd=""
+          data-v-075f3340=""
           disabled="true"
           persisted="false"
         >
@@ -58,24 +58,24 @@ exports[`IntroSection > renders IntroSection 1`] = `
                 
                 <div
                   class="v-sheet v-theme--light bg-transparent video-item h-100"
-                  data-v-497259dd=""
+                  data-v-075f3340=""
                 >
                   <video
                     autoplay=""
                     class="video w-100 h-100"
-                    data-v-497259dd=""
+                    data-v-075f3340=""
                     muted=""
                     playsinline=""
                     poster="/src/assets/img/intro_thumbnail_quer.jpg"
                     preload="auto"
                   >
                     <source
-                      data-v-497259dd=""
+                      data-v-075f3340=""
                       src="/src/assets/video/intro_quer.mp4"
                       type="video/mp4"
                     />
                     <source
-                      data-v-497259dd=""
+                      data-v-075f3340=""
                       src="/src/assets/video/intro_quer.webm"
                       type="video/webm"
                     />
@@ -90,7 +90,7 @@ exports[`IntroSection > renders IntroSection 1`] = `
         <transition-stub
           appear="false"
           css="true"
-          data-v-497259dd=""
+          data-v-075f3340=""
           disabled="true"
           persisted="false"
         >
diff --git a/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap
index f1da9a0db..3918aa414 100644
--- a/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/NewsletterSection.test.ts.snap
@@ -41,26 +41,26 @@ exports[`NewsletterSection > renders 1`] = `
       >
         <div
           class="v-sheet v-theme--light bg-transparent"
+          data-v-6ce24624=""
           data-v-7fdfb879=""
-          data-v-81cc7c1c=""
         >
           <form
             class="v-form newsletter-form"
-            data-v-81cc7c1c=""
+            data-v-6ce24624=""
             novalidate=""
           >
             
             <div
               class="v-row"
-              data-v-81cc7c1c=""
+              data-v-6ce24624=""
             >
               <div
                 class="v-col-sm-6 v-col-12"
-                data-v-81cc7c1c=""
+                data-v-6ce24624=""
               >
                 <div
                   class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-                  data-v-81cc7c1c=""
+                  data-v-6ce24624=""
                 >
                   <!---->
                   <div
@@ -171,11 +171,11 @@ exports[`NewsletterSection > renders 1`] = `
               </div>
               <div
                 class="v-col-sm-6 v-col-12"
-                data-v-81cc7c1c=""
+                data-v-6ce24624=""
               >
                 <div
                   class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-                  data-v-81cc7c1c=""
+                  data-v-6ce24624=""
                 >
                   <!---->
                   <div
@@ -287,15 +287,15 @@ exports[`NewsletterSection > renders 1`] = `
             </div>
             <div
               class="v-row"
-              data-v-81cc7c1c=""
+              data-v-6ce24624=""
             >
               <div
                 class="v-col-sm-6 v-col-12"
-                data-v-81cc7c1c=""
+                data-v-6ce24624=""
               >
                 <div
                   class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-                  data-v-81cc7c1c=""
+                  data-v-6ce24624=""
                 >
                   <!---->
                   <div
@@ -406,12 +406,12 @@ exports[`NewsletterSection > renders 1`] = `
               </div>
               <div
                 class="v-col-sm-6 d-flex align-center v-col-12"
-                data-v-81cc7c1c=""
+                data-v-6ce24624=""
               >
                 <button
                   class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto w-100"
-                  data-v-81cc7c1c=""
-                  data-v-9518dada=""
+                  data-v-2b63c1fe=""
+                  data-v-6ce24624=""
                   style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                   type="submit"
                 >
@@ -433,7 +433,7 @@ exports[`NewsletterSection > renders 1`] = `
                     <!--v-if-->
                     <span
                       class="main-button-content"
-                      data-v-9518dada=""
+                      data-v-2b63c1fe=""
                     >
                       $t('home.newsletterSection.newsletterForm.submitBtn') 
                       <!--v-if-->
@@ -448,15 +448,15 @@ exports[`NewsletterSection > renders 1`] = `
             </div>
             <div
               class="v-row"
-              data-v-81cc7c1c=""
+              data-v-6ce24624=""
             >
               <div
                 class="v-col v-col-12 d-flex align-start"
-                data-v-81cc7c1c=""
+                data-v-6ce24624=""
               >
                 <div
                   class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                  data-v-81cc7c1c=""
+                  data-v-6ce24624=""
                 >
                   <!---->
                   <div
@@ -499,13 +499,13 @@ exports[`NewsletterSection > renders 1`] = `
                 </div>
                 <span
                   class="ml-6 ml-sm-4 pt-2 newsletter-dataprivacy"
-                  data-v-81cc7c1c=""
+                  data-v-6ce24624=""
                 >
                   $t('home.newsletterSection.newsletterForm.privacy') 
                   <a
                     class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
                     data-v-1925b644=""
-                    data-v-81cc7c1c=""
+                    data-v-6ce24624=""
                     href="/datenschutz"
                   >
                     
@@ -535,16 +535,16 @@ exports[`NewsletterSection > renders 1`] = `
             </div>
             <div
               class="v-row align-content-center mt-0"
-              data-v-81cc7c1c=""
+              data-v-6ce24624=""
             >
               <div
                 class="v-col pt-0"
-                data-v-81cc7c1c=""
+                data-v-6ce24624=""
               >
                 <transition-group-stub
                   appear="false"
                   css="true"
-                  data-v-81cc7c1c=""
+                  data-v-6ce24624=""
                   persisted="false"
                 >
                   <!--v-if-->
diff --git a/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
index c91eeef89..2559f91a5 100644
--- a/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
@@ -3,29 +3,29 @@
 exports[`ProductsSection > renders ProductsSection 1`] = `
 <div
   class="products-section v-container"
-  data-v-31f16c5e=""
+  data-v-bd67e3e5=""
 >
   <div
     class="v-row section-header"
-    data-v-31f16c5e=""
+    data-v-bd67e3e5=""
   >
     <div
       class="v-col"
-      data-v-31f16c5e=""
+      data-v-bd67e3e5=""
     >
       <h2
         class="section-headline"
-        data-v-31f16c5e=""
+        data-v-bd67e3e5=""
       >
         <span
           class="prepend"
-          data-v-31f16c5e=""
+          data-v-bd67e3e5=""
         >
           $t('home.productsSection.headline')
         </span>
         <span
           class="append"
-          data-v-31f16c5e=""
+          data-v-bd67e3e5=""
         >
           $t('home.productsSection.headlineAppend')
         </span>
@@ -34,15 +34,15 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
   </div>
   <div
     class="v-row mt-12 card-row justify-space-around"
-    data-v-31f16c5e=""
+    data-v-bd67e3e5=""
   >
     <div
       class="v-col-md-3 v-col-12 d-flex justify-center pa-0"
-      data-v-31f16c5e=""
+      data-v-bd67e3e5=""
     >
       <div
         class="v-card v-card--flat v-theme--light bg-transparent v-card--density-default v-card--variant-elevated mb-12 mb-md-2 w-100"
-        data-v-31f16c5e=""
+        data-v-bd67e3e5=""
         data-v-e62ef3ea=""
         style="width: 375px;"
       >
@@ -149,11 +149,11 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
     </div>
     <div
       class="v-col-md-3 v-col-12 d-flex justify-center pa-0"
-      data-v-31f16c5e=""
+      data-v-bd67e3e5=""
     >
       <div
         class="v-card v-card--flat v-theme--light bg-transparent v-card--density-default v-card--variant-elevated mb-12 mb-md-2 w-100"
-        data-v-31f16c5e=""
+        data-v-bd67e3e5=""
         data-v-e62ef3ea=""
         style="width: 375px;"
       >
@@ -260,11 +260,11 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
     </div>
     <div
       class="v-col-md-3 v-col-12 d-flex justify-center pa-0"
-      data-v-31f16c5e=""
+      data-v-bd67e3e5=""
     >
       <div
         class="v-card v-card--flat v-theme--light bg-transparent v-card--density-default v-card--variant-elevated mb-12 mb-md-2 w-100"
-        data-v-31f16c5e=""
+        data-v-bd67e3e5=""
         data-v-e62ef3ea=""
         style="width: 375px;"
       >
diff --git a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
index 726108c08..e1e021d3b 100644
--- a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
+++ b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
@@ -254,8 +254,8 @@ exports[`DefaultLayout > renders 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -305,26 +305,26 @@ exports[`DefaultLayout > renders 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -435,11 +435,11 @@ exports[`DefaultLayout > renders 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -551,15 +551,15 @@ exports[`DefaultLayout > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -670,7 +670,7 @@ exports[`DefaultLayout > renders 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -692,15 +692,15 @@ exports[`DefaultLayout > renders 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -829,15 +829,15 @@ exports[`DefaultLayout > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -880,13 +880,13 @@ exports[`DefaultLayout > renders 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -916,16 +916,16 @@ exports[`DefaultLayout > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -947,7 +947,7 @@ exports[`DefaultLayout > renders 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -961,12 +961,12 @@ exports[`DefaultLayout > renders 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->
diff --git a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
index 557ad0613..4681ed536 100644
--- a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
@@ -630,8 +630,8 @@ exports[`DataPrivacyPage > renders 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -681,26 +681,26 @@ exports[`DataPrivacyPage > renders 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -811,11 +811,11 @@ exports[`DataPrivacyPage > renders 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -927,15 +927,15 @@ exports[`DataPrivacyPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1046,7 +1046,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -1068,15 +1068,15 @@ exports[`DataPrivacyPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1205,15 +1205,15 @@ exports[`DataPrivacyPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1256,13 +1256,13 @@ exports[`DataPrivacyPage > renders 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -1292,16 +1292,16 @@ exports[`DataPrivacyPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -1323,7 +1323,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -1337,12 +1337,12 @@ exports[`DataPrivacyPage > renders 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->
diff --git a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
index 8ddacb414..8556559d0 100644
--- a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
@@ -829,8 +829,8 @@ exports[`ImpressumPage > renders 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -880,26 +880,26 @@ exports[`ImpressumPage > renders 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1010,11 +1010,11 @@ exports[`ImpressumPage > renders 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1126,15 +1126,15 @@ exports[`ImpressumPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1245,7 +1245,7 @@ exports[`ImpressumPage > renders 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -1267,15 +1267,15 @@ exports[`ImpressumPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1404,15 +1404,15 @@ exports[`ImpressumPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1455,13 +1455,13 @@ exports[`ImpressumPage > renders 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -1491,16 +1491,16 @@ exports[`ImpressumPage > renders 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -1522,7 +1522,7 @@ exports[`ImpressumPage > renders 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -1536,12 +1536,12 @@ exports[`ImpressumPage > renders 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index e865035f7..50f2a0a8f 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -36,16 +36,16 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
             >
               <div
                 class="h-100"
+                data-v-075f3340=""
                 data-v-07c017cc=""
-                data-v-497259dd=""
               >
                 <div
                   class="intro-section h-100"
-                  data-v-497259dd=""
+                  data-v-075f3340=""
                 >
                   <div
                     class="v-window v-window--show-arrows-on-hover v-theme--light v-carousel v-carousel--hide-delimiter-background landing-slider"
-                    data-v-497259dd=""
+                    data-v-075f3340=""
                     style="height: 100%;"
                   >
                     <div
@@ -55,7 +55,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       <transition-stub
                         appear="false"
                         css="true"
-                        data-v-497259dd=""
+                        data-v-075f3340=""
                         disabled="false"
                         name="v-window-x-transition"
                         persisted="false"
@@ -93,24 +93,24 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                               
                               <div
                                 class="v-sheet v-theme--light bg-transparent video-item h-100"
-                                data-v-497259dd=""
+                                data-v-075f3340=""
                               >
                                 <video
                                   autoplay=""
                                   class="video w-100 h-100"
-                                  data-v-497259dd=""
+                                  data-v-075f3340=""
                                   muted=""
                                   playsinline=""
                                   poster="/src/assets/img/intro_thumbnail_quer.jpg"
                                   preload="auto"
                                 >
                                   <source
-                                    data-v-497259dd=""
+                                    data-v-075f3340=""
                                     src="/src/assets/video/intro_quer.mp4"
                                     type="video/mp4"
                                   />
                                   <source
-                                    data-v-497259dd=""
+                                    data-v-075f3340=""
                                     src="/src/assets/video/intro_quer.webm"
                                     type="video/webm"
                                   />
@@ -125,7 +125,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       <transition-stub
                         appear="false"
                         css="true"
-                        data-v-497259dd=""
+                        data-v-075f3340=""
                         disabled="false"
                         name="v-window-x-transition"
                         persisted="false"
@@ -279,42 +279,42 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               <div
                 class="px-4"
                 data-v-07c017cc=""
-                data-v-5d1d9537=""
+                data-v-40d79059=""
               >
                 <div
                   class="v-row about-section py-16"
-                  data-v-5d1d9537=""
+                  data-v-40d79059=""
                 >
                   <div
                     class="v-col-md-7 v-col-12"
-                    data-v-5d1d9537=""
+                    data-v-40d79059=""
                   >
                     <div
                       class="section-left-part"
-                      data-v-5d1d9537=""
+                      data-v-40d79059=""
                     >
                       <h2
                         class="section-headline"
-                        data-v-5d1d9537=""
+                        data-v-40d79059=""
                       >
                         $t('home.aboutSection.headline')
                       </h2>
                       <p
                         class="section-content mt-8"
-                        data-v-5d1d9537=""
+                        data-v-40d79059=""
                       >
                         $t('home.aboutSection.contentFirstParagraph')
                       </p>
                       <p
                         class="section-content"
-                        data-v-5d1d9537=""
+                        data-v-40d79059=""
                       >
                         $t('home.aboutSection.contentSecondParagraph')
                       </p>
                       <button
                         class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--fourth main-button-auto mt-8"
-                        data-v-5d1d9537=""
-                        data-v-9518dada=""
+                        data-v-2b63c1fe=""
+                        data-v-40d79059=""
                         style="background-color: #2ca5b1; color: #fff; caret-color: #fff; height: auto; width: auto;"
                         type="button"
                       >
@@ -336,7 +336,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                           <!--v-if-->
                           <span
                             class="main-button-content"
-                            data-v-9518dada=""
+                            data-v-2b63c1fe=""
                           >
                             $t('home.aboutSection.buttonTxt') 
                             <!--v-if-->
@@ -351,15 +351,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                   </div>
                   <div
                     class="v-col-md-5 v-col-12 align-self-center d-flex justify-center align-center"
-                    data-v-5d1d9537=""
+                    data-v-40d79059=""
                   >
                     <div
                       class="section-right-part w-100"
-                      data-v-5d1d9537=""
+                      data-v-40d79059=""
                     >
                       <div
                         class="v-responsive v-img v-img--booting section-logo ma-2 pa-1 w-100"
-                        data-v-5d1d9537=""
+                        data-v-40d79059=""
                       >
                         <div
                           class="v-responsive__sizer"
@@ -406,29 +406,29 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               <div
                 class="products-section v-container"
                 data-v-07c017cc=""
-                data-v-31f16c5e=""
+                data-v-bd67e3e5=""
               >
                 <div
                   class="v-row section-header"
-                  data-v-31f16c5e=""
+                  data-v-bd67e3e5=""
                 >
                   <div
                     class="v-col"
-                    data-v-31f16c5e=""
+                    data-v-bd67e3e5=""
                   >
                     <h2
                       class="section-headline"
-                      data-v-31f16c5e=""
+                      data-v-bd67e3e5=""
                     >
                       <span
                         class="prepend"
-                        data-v-31f16c5e=""
+                        data-v-bd67e3e5=""
                       >
                         $t('home.productsSection.headline')
                       </span>
                       <span
                         class="append"
-                        data-v-31f16c5e=""
+                        data-v-bd67e3e5=""
                       >
                         $t('home.productsSection.headlineAppend')
                       </span>
@@ -437,15 +437,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 </div>
                 <div
                   class="v-row mt-12 card-row justify-space-around"
-                  data-v-31f16c5e=""
+                  data-v-bd67e3e5=""
                 >
                   <div
                     class="v-col-md-3 v-col-12 d-flex justify-center pa-0"
-                    data-v-31f16c5e=""
+                    data-v-bd67e3e5=""
                   >
                     <div
                       class="v-card v-card--flat v-theme--light bg-transparent v-card--density-default v-card--variant-elevated mb-12 mb-md-2 w-100"
-                      data-v-31f16c5e=""
+                      data-v-bd67e3e5=""
                       data-v-e62ef3ea=""
                       style="width: 375px;"
                     >
@@ -552,11 +552,11 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                   </div>
                   <div
                     class="v-col-md-3 v-col-12 d-flex justify-center pa-0"
-                    data-v-31f16c5e=""
+                    data-v-bd67e3e5=""
                   >
                     <div
                       class="v-card v-card--flat v-theme--light bg-transparent v-card--density-default v-card--variant-elevated mb-12 mb-md-2 w-100"
-                      data-v-31f16c5e=""
+                      data-v-bd67e3e5=""
                       data-v-e62ef3ea=""
                       style="width: 375px;"
                     >
@@ -663,11 +663,11 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                   </div>
                   <div
                     class="v-col-md-3 v-col-12 d-flex justify-center pa-0"
-                    data-v-31f16c5e=""
+                    data-v-bd67e3e5=""
                   >
                     <div
                       class="v-card v-card--flat v-theme--light bg-transparent v-card--density-default v-card--variant-elevated mb-12 mb-md-2 w-100"
-                      data-v-31f16c5e=""
+                      data-v-bd67e3e5=""
                       data-v-e62ef3ea=""
                       style="width: 375px;"
                     >
@@ -783,48 +783,48 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               <div
                 class="planning-section v-container"
                 data-v-07c017cc=""
-                data-v-368a4e1d=""
+                data-v-e1784946=""
               >
                 <div
                   class="v-row section-header"
-                  data-v-368a4e1d=""
+                  data-v-e1784946=""
                 >
                   <div
                     class="v-col"
-                    data-v-368a4e1d=""
+                    data-v-e1784946=""
                   >
                     <h2
                       class="section-headline"
-                      data-v-368a4e1d=""
+                      data-v-e1784946=""
                     >
-                      $t('home.planning-section.headline')
+                      $t('home.planningSection.headline')
                     </h2>
                   </div>
                 </div>
                 <div
                   class="v-row mt-12"
-                  data-v-368a4e1d=""
+                  data-v-e1784946=""
                 >
                   <div
                     class="v-col"
-                    data-v-368a4e1d=""
+                    data-v-e1784946=""
                   >
                     <video
                       autoplay=""
                       class="video w-100"
-                      data-v-368a4e1d=""
+                      data-v-e1784946=""
                       muted=""
                       playsinline=""
                       poster="/src/assets/img/timeline_thumbnail_quer.jpg"
                       preload="auto"
                     >
                       <source
-                        data-v-368a4e1d=""
+                        data-v-e1784946=""
                         src="/src/assets/video/timeline_quer.mp4"
                         type="video/mp4"
                       />
                       <source
-                        data-v-368a4e1d=""
+                        data-v-e1784946=""
                         src="/src/assets/video/timeline_quer.webm"
                         type="video/webm"
                       />
@@ -833,16 +833,16 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 </div>
                 <div
                   class="v-row"
-                  data-v-368a4e1d=""
+                  data-v-e1784946=""
                 >
                   <div
                     class="v-col anim-btn-col text-center"
-                    data-v-368a4e1d=""
+                    data-v-e1784946=""
                   >
                     <transition-stub
                       appear="false"
                       css="true"
-                      data-v-368a4e1d=""
+                      data-v-e1784946=""
                       persisted="false"
                     >
                       <!--v-if-->
@@ -897,26 +897,26 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     >
                       <div
                         class="v-sheet v-theme--light bg-transparent"
+                        data-v-6ce24624=""
                         data-v-7fdfb879=""
-                        data-v-81cc7c1c=""
                       >
                         <form
                           class="v-form newsletter-form"
-                          data-v-81cc7c1c=""
+                          data-v-6ce24624=""
                           novalidate=""
                         >
                           
                           <div
                             class="v-row"
-                            data-v-81cc7c1c=""
+                            data-v-6ce24624=""
                           >
                             <div
                               class="v-col-sm-6 v-col-12"
-                              data-v-81cc7c1c=""
+                              data-v-6ce24624=""
                             >
                               <div
                                 class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-                                data-v-81cc7c1c=""
+                                data-v-6ce24624=""
                               >
                                 <!---->
                                 <div
@@ -1027,11 +1027,11 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                             </div>
                             <div
                               class="v-col-sm-6 v-col-12"
-                              data-v-81cc7c1c=""
+                              data-v-6ce24624=""
                             >
                               <div
                                 class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-                                data-v-81cc7c1c=""
+                                data-v-6ce24624=""
                               >
                                 <!---->
                                 <div
@@ -1143,15 +1143,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                           </div>
                           <div
                             class="v-row"
-                            data-v-81cc7c1c=""
+                            data-v-6ce24624=""
                           >
                             <div
                               class="v-col-sm-6 v-col-12"
-                              data-v-81cc7c1c=""
+                              data-v-6ce24624=""
                             >
                               <div
                                 class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field newsletter-text"
-                                data-v-81cc7c1c=""
+                                data-v-6ce24624=""
                               >
                                 <!---->
                                 <div
@@ -1262,12 +1262,12 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                             </div>
                             <div
                               class="v-col-sm-6 d-flex align-center v-col-12"
-                              data-v-81cc7c1c=""
+                              data-v-6ce24624=""
                             >
                               <button
                                 class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto w-100"
-                                data-v-81cc7c1c=""
-                                data-v-9518dada=""
+                                data-v-2b63c1fe=""
+                                data-v-6ce24624=""
                                 style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                                 type="submit"
                               >
@@ -1289,7 +1289,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                   <!--v-if-->
                                   <span
                                     class="main-button-content"
-                                    data-v-9518dada=""
+                                    data-v-2b63c1fe=""
                                   >
                                     $t('home.newsletterSection.newsletterForm.submitBtn') 
                                     <!--v-if-->
@@ -1304,15 +1304,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                           </div>
                           <div
                             class="v-row"
-                            data-v-81cc7c1c=""
+                            data-v-6ce24624=""
                           >
                             <div
                               class="v-col v-col-12 d-flex align-start"
-                              data-v-81cc7c1c=""
+                              data-v-6ce24624=""
                             >
                               <div
                                 class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                                data-v-81cc7c1c=""
+                                data-v-6ce24624=""
                               >
                                 <!---->
                                 <div
@@ -1355,13 +1355,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                               </div>
                               <span
                                 class="ml-6 ml-sm-4 pt-2 newsletter-dataprivacy"
-                                data-v-81cc7c1c=""
+                                data-v-6ce24624=""
                               >
                                 $t('home.newsletterSection.newsletterForm.privacy') 
                                 <a
                                   class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
                                   data-v-1925b644=""
-                                  data-v-81cc7c1c=""
+                                  data-v-6ce24624=""
                                   href="/datenschutz"
                                 >
                                   
@@ -1391,16 +1391,16 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                           </div>
                           <div
                             class="v-row align-content-center mt-0"
-                            data-v-81cc7c1c=""
+                            data-v-6ce24624=""
                           >
                             <div
                               class="v-col pt-0"
-                              data-v-81cc7c1c=""
+                              data-v-6ce24624=""
                             >
                               <transition-group-stub
                                 appear="false"
                                 css="true"
-                                data-v-81cc7c1c=""
+                                data-v-6ce24624=""
                                 persisted="false"
                               >
                                 <!--v-if-->
@@ -1441,31 +1441,31 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
             >
               <div
                 class="coffee-section pt-4 v-container"
-                data-v-05d2e91a=""
                 data-v-07c017cc=""
+                data-v-ea36d7a0=""
               >
                 <div
                   class="v-row section-header"
-                  data-v-05d2e91a=""
+                  data-v-ea36d7a0=""
                 >
                   <div
                     class="v-col"
-                    data-v-05d2e91a=""
+                    data-v-ea36d7a0=""
                   >
                     <h2
                       class="section-headline"
-                      data-v-05d2e91a=""
+                      data-v-ea36d7a0=""
                     >
                       <span
                         class="prepend"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         $t('home.coffeeSection.headline')
                       </span>
                         
                       <span
                         class="append"
-                        data-v-05d2e91a=""
+                        data-v-ea36d7a0=""
                       >
                         $t('home.coffeeSection.headlineAppend')
                       </span>
@@ -1474,15 +1474,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 </div>
                 <div
                   class="v-row"
-                  data-v-05d2e91a=""
+                  data-v-ea36d7a0=""
                 >
                   <div
                     class="v-col"
-                    data-v-05d2e91a=""
+                    data-v-ea36d7a0=""
                   >
                     <div
                       class="v-window v-window--show-arrows-on-hover v-theme--light v-carousel v-carousel--hide-delimiter-background"
-                      data-v-05d2e91a=""
+                      data-v-ea36d7a0=""
                       style="height: 650px;"
                     >
                       <div
@@ -1492,7 +1492,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <transition-stub
                           appear="false"
                           css="true"
-                          data-v-05d2e91a=""
+                          data-v-ea36d7a0=""
                           disabled="false"
                           name="v-window-x-transition"
                           persisted="false"
@@ -1529,16 +1529,16 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <div
                                   class="v-sheet v-theme--light v-sheet--border rounded-xl"
-                                  data-v-05d2e91a=""
+                                  data-v-ea36d7a0=""
                                   style="background-color: #FFF; color: #000; caret-color: #000; height: 600px;"
                                 >
                                   <div
                                     class="icon-container slide1"
-                                    data-v-05d2e91a=""
+                                    data-v-ea36d7a0=""
                                   >
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 icon-main main-slide-icon-1"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       <div
                                         class="v-responsive__sizer"
@@ -1574,19 +1574,19 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     </div>
                                     <h3
                                       class="w-100 slide-subheadline slide-subheadline-1"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       $t('home.coffeeSection.slide1.subheadline')
                                     </h3>
                                     <h3
                                       class="w-100 slide-headline slide-headline-1"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       $t('home.coffeeSection.slide1.headline')
                                     </h3>
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 slide-icon icon-1"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       <div
                                         class="v-responsive__sizer"
@@ -1622,7 +1622,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     </div>
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 slide-icon icon-2"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       <div
                                         class="v-responsive__sizer"
@@ -1658,7 +1658,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     </div>
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 slide-icon icon-3"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       <div
                                         class="v-responsive__sizer"
@@ -1694,7 +1694,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     </div>
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 slide-icon icon-4"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       <div
                                         class="v-responsive__sizer"
@@ -1730,7 +1730,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     </div>
                                     <div
                                       class="v-responsive v-img v-img--booting w-100 slide-icon icon-5"
-                                      data-v-05d2e91a=""
+                                      data-v-ea36d7a0=""
                                     >
                                       <div
                                         class="v-responsive__sizer"
@@ -1775,7 +1775,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <transition-stub
                           appear="false"
                           css="true"
-                          data-v-05d2e91a=""
+                          data-v-ea36d7a0=""
                           disabled="false"
                           name="v-window-x-transition"
                           persisted="false"
@@ -1790,7 +1790,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <transition-stub
                           appear="false"
                           css="true"
-                          data-v-05d2e91a=""
+                          data-v-ea36d7a0=""
                           disabled="false"
                           name="v-window-x-transition"
                           persisted="false"
@@ -1973,30 +1973,30 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               <div
                 class="cta-section v-container pa-16"
                 data-v-07c017cc=""
-                data-v-7331c7d7=""
+                data-v-964af166=""
               >
                 <div
                   class="v-row section-header"
-                  data-v-7331c7d7=""
+                  data-v-964af166=""
                 >
                   <div
                     class="v-col"
-                    data-v-7331c7d7=""
+                    data-v-964af166=""
                   >
                     <h2
                       class="section-headline"
-                      data-v-7331c7d7=""
+                      data-v-964af166=""
                     >
                       <span
                         class="prepend"
-                        data-v-7331c7d7=""
+                        data-v-964af166=""
                       >
                         $t('home.ctaSection.headline')
                       </span>
                         
                       <span
                         class="append"
-                        data-v-7331c7d7=""
+                        data-v-964af166=""
                       >
                         $t('home.ctaSection.headlineAppend')
                       </span>
@@ -2005,14 +2005,14 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 </div>
                 <div
                   class="v-row section-content"
-                  data-v-7331c7d7=""
+                  data-v-964af166=""
                 >
                   <div
                     class="v-col"
-                    data-v-7331c7d7=""
+                    data-v-964af166=""
                   >
                     <p
-                      data-v-7331c7d7=""
+                      data-v-964af166=""
                     >
                       $t('home.ctaSection.content')
                     </p>
@@ -2020,16 +2020,16 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 </div>
                 <div
                   class="v-row section-footer text-center"
-                  data-v-7331c7d7=""
+                  data-v-964af166=""
                 >
                   <div
                     class="v-col"
-                    data-v-7331c7d7=""
+                    data-v-964af166=""
                   >
                     <button
                       class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--size-large v-btn--variant-elevated main-button main-button--primary main-button-large mt-8"
-                      data-v-7331c7d7=""
-                      data-v-9518dada=""
+                      data-v-2b63c1fe=""
+                      data-v-964af166=""
                       style="background-color: #f09630; color: #000; caret-color: #000;"
                       type="button"
                     >
@@ -2051,7 +2051,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <!--v-if-->
                         <span
                           class="main-button-content"
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
                         >
                           $t('home.ctaSection.buttonText') 
                           <!--v-if-->
@@ -2292,8 +2292,8 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -2343,26 +2343,26 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2473,11 +2473,11 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2589,15 +2589,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2708,7 +2708,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -2730,15 +2730,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2867,15 +2867,15 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2918,13 +2918,13 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -2954,16 +2954,16 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -2985,7 +2985,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -2999,12 +2999,12 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->

From 21ffc92bb4e09b7295f9898c72ea48319ea63f0a Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@losteo.de>
Date: Mon, 22 Jan 2024 14:06:18 +0100
Subject: [PATCH 035/101] adjust storybook names of section components

---
 presenter/src/components/sections/AboutSection.stories.ts       | 2 +-
 .../src/components/sections/CallToActionSection.stories.ts      | 2 +-
 presenter/src/components/sections/CoffeeSection.stories.ts      | 2 +-
 presenter/src/components/sections/IntroSection.stories.ts       | 2 +-
 presenter/src/components/sections/PlanningSection.stories.ts    | 2 +-
 presenter/src/components/sections/ProductsSection.stories.ts    | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/presenter/src/components/sections/AboutSection.stories.ts b/presenter/src/components/sections/AboutSection.stories.ts
index 62e40e704..4eb5b7960 100644
--- a/presenter/src/components/sections/AboutSection.stories.ts
+++ b/presenter/src/components/sections/AboutSection.stories.ts
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
-  title: 'Sections/Section2',
+  title: 'Sections/AboutSection',
   component: AboutSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
diff --git a/presenter/src/components/sections/CallToActionSection.stories.ts b/presenter/src/components/sections/CallToActionSection.stories.ts
index 3b1d1c93c..244939251 100644
--- a/presenter/src/components/sections/CallToActionSection.stories.ts
+++ b/presenter/src/components/sections/CallToActionSection.stories.ts
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
-  title: 'Sections/Section6',
+  title: 'Sections/CallToActionSection',
   component: CallToActionSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
diff --git a/presenter/src/components/sections/CoffeeSection.stories.ts b/presenter/src/components/sections/CoffeeSection.stories.ts
index 164bc8061..4bab404e6 100644
--- a/presenter/src/components/sections/CoffeeSection.stories.ts
+++ b/presenter/src/components/sections/CoffeeSection.stories.ts
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
-  title: 'Sections/Section5',
+  title: 'Sections/CoffeeSection',
   component: CoffeeSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
diff --git a/presenter/src/components/sections/IntroSection.stories.ts b/presenter/src/components/sections/IntroSection.stories.ts
index 9a993f883..78c19381b 100644
--- a/presenter/src/components/sections/IntroSection.stories.ts
+++ b/presenter/src/components/sections/IntroSection.stories.ts
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
-  title: 'Sections/Section1',
+  title: 'Sections/IntroSection',
   component: IntroSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
diff --git a/presenter/src/components/sections/PlanningSection.stories.ts b/presenter/src/components/sections/PlanningSection.stories.ts
index ab41bd013..177d243a9 100644
--- a/presenter/src/components/sections/PlanningSection.stories.ts
+++ b/presenter/src/components/sections/PlanningSection.stories.ts
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
-  title: 'Sections/Section4',
+  title: 'Sections/PlanningSection',
   component: PlanningSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],
diff --git a/presenter/src/components/sections/ProductsSection.stories.ts b/presenter/src/components/sections/ProductsSection.stories.ts
index 3fc8c7598..82b7ab9e3 100644
--- a/presenter/src/components/sections/ProductsSection.stories.ts
+++ b/presenter/src/components/sections/ProductsSection.stories.ts
@@ -6,7 +6,7 @@ import type { Meta, StoryObj } from '@storybook/vue3'
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 const meta = {
-  title: 'Sections/Section3',
+  title: 'Sections/ProductsSection',
   component: ProductsSection as SBComp,
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
   tags: ['autodocs'],

From d0cc6cc5670f121ab9aa9df8175e9eb367514d68 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Tue, 23 Jan 2024 08:08:48 +0100
Subject: [PATCH 036/101] renew optin page snapshot

---
 .../optin/__snapshots__/Page.test.ts.snap     | 162 +++++++++---------
 1 file changed, 81 insertions(+), 81 deletions(-)

diff --git a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
index fecc92649..31cd56e0c 100644
--- a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
@@ -274,8 +274,8 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -325,26 +325,26 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -455,11 +455,11 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -571,15 +571,15 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -690,7 +690,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -712,15 +712,15 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -849,15 +849,15 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -900,13 +900,13 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -936,16 +936,16 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -967,7 +967,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -981,12 +981,12 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->
@@ -1287,8 +1287,8 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -1338,26 +1338,26 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1468,11 +1468,11 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1584,15 +1584,15 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1703,7 +1703,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -1725,15 +1725,15 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1862,15 +1862,15 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -1913,13 +1913,13 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -1949,16 +1949,16 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -1980,7 +1980,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -1994,12 +1994,12 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->
@@ -2291,8 +2291,8 @@ exports[`OptinPage > API call with success > renders success 1`] = `
               </div>
               <div
                 class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
                 data-v-b000eb4c=""
-                data-v-f6be2607=""
               >
                 <div
                   class="v-responsive__sizer"
@@ -2342,26 +2342,26 @@ exports[`OptinPage > API call with success > renders success 1`] = `
               >
                 <div
                   class="v-sheet v-theme--light bg-transparent"
-                  data-v-09656910=""
+                  data-v-2e8ea5ee=""
                   data-v-b000eb4c=""
                 >
                   <form
                     class="v-form contact-form"
-                    data-v-09656910=""
+                    data-v-2e8ea5ee=""
                     novalidate=""
                   >
                     
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2472,11 +2472,11 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2588,15 +2588,15 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2707,7 +2707,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                       </div>
                       <div
                         class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <!-- &lt;v-select
                v-model="topic"
@@ -2729,15 +2729,15 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                     </div>
                     <div
                       class="v-row"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col pt-2 pb-0"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2866,15 +2866,15 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col d-flex align-start"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <div
                           class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           <!---->
                           <div
@@ -2917,13 +2917,13 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                         </div>
                         <span
                           class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                         >
                           $t('menu.footer.contactForm.privacy') 
                           <a
                             class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-09656910=""
                             data-v-1925b644=""
+                            data-v-2e8ea5ee=""
                             href="/datenschutz"
                           >
                             
@@ -2953,16 +2953,16 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                     </div>
                     <div
                       class="v-row mt-0"
-                      data-v-09656910=""
+                      data-v-2e8ea5ee=""
                     >
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <button
                           class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-09656910=""
-                          data-v-9518dada=""
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
                           style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
                           type="submit"
                         >
@@ -2984,7 +2984,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                             <!--v-if-->
                             <span
                               class="main-button-content"
-                              data-v-9518dada=""
+                              data-v-2b63c1fe=""
                             >
                               $t('menu.footer.contactForm.submitBtn') 
                               <!--v-if-->
@@ -2998,12 +2998,12 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                       </div>
                       <div
                         class="v-col"
-                        data-v-09656910=""
+                        data-v-2e8ea5ee=""
                       >
                         <transition-group-stub
                           appear="false"
                           css="true"
-                          data-v-09656910=""
+                          data-v-2e8ea5ee=""
                           persisted="false"
                         >
                           <!--v-if-->

From a2a16c9942643db1f61a1e877c145d747484896d Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 23 Jan 2024 11:21:45 +0100
Subject: [PATCH 037/101] use correct status codes according to api
 documentation

---
 backend/src/api/Brevo.spec.ts | 4 ++--
 backend/src/api/Brevo.ts      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/src/api/Brevo.spec.ts b/backend/src/api/Brevo.spec.ts
index 20408747f..dd910455c 100644
--- a/backend/src/api/Brevo.spec.ts
+++ b/backend/src/api/Brevo.spec.ts
@@ -22,7 +22,7 @@ const mockSendTransacEmail = jest.fn().mockResolvedValue({
 const mockSetApiKey = jest.fn()
 
 const mockCreateContact = jest.fn().mockResolvedValue({
-  response: { statusCode: 200 },
+  response: { statusCode: 201 },
 })
 
 const code = '1234567890abcdef'
@@ -546,7 +546,7 @@ describe('Brevo', () => {
         beforeAll(() => {
           mockCreateContact.mockResolvedValue({
             response: {
-              statusCode: 200,
+              statusCode: 201,
             },
           })
         })
diff --git a/backend/src/api/Brevo.ts b/backend/src/api/Brevo.ts
index 9353878b3..6c27fa6b0 100644
--- a/backend/src/api/Brevo.ts
+++ b/backend/src/api/Brevo.ts
@@ -196,7 +196,7 @@ export const confirmNewsletter = async (code: string): Promise<boolean> => {
 
   try {
     const brevoResult = await apiInstance.createContact(contact)
-    if (brevoResult.response.statusCode === 200) {
+    if (brevoResult.response.statusCode === 201 || brevoResult.response.statusCode === 204) {
       const brevoSuccessDate = new Date()
       await prisma.newsletterPreOptIn.update({
         where: { id: optin.id },

From 125bf96af482d0be5b5f7b6cdb2675d0cd8acf93 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 23 Jan 2024 11:25:19 +0100
Subject: [PATCH 038/101] adjust sendTrasactEMail responsecode check

---
 backend/src/api/Brevo.spec.ts | 10 +++++-----
 backend/src/api/Brevo.ts      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/backend/src/api/Brevo.spec.ts b/backend/src/api/Brevo.spec.ts
index dd910455c..c32afe4a5 100644
--- a/backend/src/api/Brevo.spec.ts
+++ b/backend/src/api/Brevo.spec.ts
@@ -17,7 +17,7 @@ CONFIG.BREVO_NEWSLETTER_TEMPLATE_OPTIN = 3
 CONFIG.BREVO_NEWSLETTER_LIST = 3
 
 const mockSendTransacEmail = jest.fn().mockResolvedValue({
-  response: { statusCode: 200 },
+  response: { statusCode: 201 },
 })
 const mockSetApiKey = jest.fn()
 
@@ -81,7 +81,7 @@ describe('Brevo', () => {
           mockSendTransacEmail
             .mockResolvedValueOnce({
               response: {
-                statusCode: 200,
+                statusCode: 201,
               },
             })
             .mockRejectedValue({
@@ -122,7 +122,7 @@ describe('Brevo', () => {
         beforeAll(() => {
           mockSendTransacEmail.mockResolvedValue({
             response: {
-              statusCode: 200,
+              statusCode: 201,
             },
           })
         })
@@ -344,7 +344,7 @@ describe('Brevo', () => {
           jest.clearAllMocks()
           mockSendTransacEmail.mockResolvedValue({
             response: {
-              statusCode: 200,
+              statusCode: 201,
             },
           })
         })
@@ -373,7 +373,7 @@ describe('Brevo', () => {
           jest.clearAllMocks()
           mockSendTransacEmail.mockResolvedValue({
             response: {
-              statusCode: 200,
+              statusCode: 201,
             },
           })
         })
diff --git a/backend/src/api/Brevo.ts b/backend/src/api/Brevo.ts
index 6c27fa6b0..52699b042 100644
--- a/backend/src/api/Brevo.ts
+++ b/backend/src/api/Brevo.ts
@@ -153,7 +153,7 @@ export const subscribeToNewsletter = async (
 
   try {
     const brevoResult = await apiInstance.sendTransacEmail(smtpEmailToClient)
-    if (brevoResult.response.statusCode === 200) {
+    if (brevoResult.response.statusCode === 201 || brevoResult.response.statusCode === 202) {
       await prisma.newsletterPreOptIn.update({
         where: { id: params.id },
         data: { brevoSuccessMail: new Date() },

From c9ed947dae43a266de4388cd08fd8514e29b189f Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Tue, 23 Jan 2024 16:06:07 +0100
Subject: [PATCH 039/101] correct default layout test file name

---
 .../src/layouts/{Page.stories.ts => DefaultLayout.stories.ts}     | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename presenter/src/layouts/{Page.stories.ts => DefaultLayout.stories.ts} (100%)

diff --git a/presenter/src/layouts/Page.stories.ts b/presenter/src/layouts/DefaultLayout.stories.ts
similarity index 100%
rename from presenter/src/layouts/Page.stories.ts
rename to presenter/src/layouts/DefaultLayout.stories.ts

From 5cd8fcbb24f6bb0ec2b1cd52226d45b070ff795f Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 24 Jan 2024 13:19:29 +0100
Subject: [PATCH 040/101] fix issues from master merge

---
 presenter/src/components/forms/ContactForm.vue    | 15 +++++++--------
 presenter/src/components/forms/NewsletterForm.vue | 15 +++++++--------
 .../pages/optin/__snapshots__/Page.test.ts.snap   |  6 +++---
 3 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/presenter/src/components/forms/ContactForm.vue b/presenter/src/components/forms/ContactForm.vue
index e409ef547..e29b0ad22 100644
--- a/presenter/src/components/forms/ContactForm.vue
+++ b/presenter/src/components/forms/ContactForm.vue
@@ -113,15 +113,14 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
+import MainButton from '#components/buttons/MainButton.vue'
+import DataPrivacyCheckbox from '#components/inputs/DataPrivacyCheckbox.vue'
+import EmailInput from '#components/inputs/EmailInput.vue'
+import NameInput from '#components/inputs/NameInput.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
-import { createContactFormMutation } from '#mutations/createContactForm'
+import { createContactForm } from '#mutations/createContactForm'
 import { messageRules } from '#src/validation/validation'
 
-import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
-import EmailInput from './EmailInput.vue'
-import MainButton from './MainButton.vue'
-import NameInput from './NameInput.vue'
-
 const firstname = ref('')
 const lastname = ref('')
 const email = ref('')
@@ -134,7 +133,7 @@ const showInfoTime: number = 5000
 
 const form = ref<HTMLFormElement>()
 
-const { mutate: sendContactForm } = useMutation(createContactFormMutation)
+const { mutate: sendContactForm } = useMutation(createContactForm)
 
 async function submitForm() {
   const isValid = await form.value?.validate()
@@ -230,4 +229,4 @@ async function submitForm() {
     opacity: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/presenter/src/components/forms/NewsletterForm.vue b/presenter/src/components/forms/NewsletterForm.vue
index 2ff05c186..854aa3df3 100644
--- a/presenter/src/components/forms/NewsletterForm.vue
+++ b/presenter/src/components/forms/NewsletterForm.vue
@@ -78,13 +78,12 @@
 import { useMutation } from '@vue/apollo-composable'
 import { ref } from 'vue'
 
+import MainButton from '#components/buttons/MainButton.vue'
+import DataPrivacyCheckbox from '#components/inputs/DataPrivacyCheckbox.vue'
+import EmailInput from '#components/inputs/EmailInput.vue'
+import NameInput from '#components/inputs/NameInput.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
-import { subscribeToNewsletterMutation } from '#mutations/subscribeToNewsletterMutation'
-
-import DataPrivacyCheckbox from './DataPrivacyCheckbox.vue'
-import EmailInput from './EmailInput.vue'
-import MainButton from './MainButton.vue'
-import NameInput from './NameInput.vue'
+import { subscribeToNewsletter } from '#mutations/subscribeToNewsletter'
 
 const firstname = ref('')
 const lastname = ref('')
@@ -97,7 +96,7 @@ const showInfoTime: number = 5000
 
 const form = ref<HTMLFormElement>()
 
-const { mutate: sendSubscribeToNewsletter } = useMutation(subscribeToNewsletterMutation)
+const { mutate: sendSubscribeToNewsletter } = useMutation(subscribeToNewsletter)
 
 // submit form with data
 async function submitForm() {
@@ -189,4 +188,4 @@ async function submitForm() {
     opacity: 0;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
index 31cd56e0c..793805b05 100644
--- a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
@@ -886,7 +886,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>
@@ -1899,7 +1899,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>
@@ -2903,7 +2903,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
-                                    value="false"
+                                    value="true"
                                   />
                                   
                                 </div>

From e50d64d46f07b65bb81699d3a9bc944444a2d0fb Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 13:42:43 +0100
Subject: [PATCH 041/101] [feature] refactored scss

---
 presenter/.stylelintrc.json                   |   5 +-
 .../src/assets/scss/imports/_config.scss      |  64 ++++++++++
 .../style.scss => scss/imports/_fonts.scss}   |   0
 .../src/assets/scss/imports/_mixins.scss      | 111 ++++++++++++++++++
 presenter/src/assets/scss/imports/_typo.scss  |  21 ++++
 presenter/src/assets/scss/style.scss          |   4 +
 .../src/components/inputs/ContactForm.vue     |  29 ++---
 .../src/components/inputs/MainButton.vue      |  53 ++++++---
 .../src/components/inputs/NewsletterForm.vue  |  29 ++---
 .../src/components/inputs/TextButtonInput.vue |   8 +-
 .../components/layout/SectionColumnCard.vue   |  19 ++-
 presenter/src/components/menu/FooterMenu.vue  |  12 +-
 presenter/src/components/menu/TopMenu.vue     |  16 ++-
 presenter/src/components/nav/AnchorLink.vue   |  20 ++--
 .../sections/DataProtectionSection.vue        |  37 +-----
 .../src/components/sections/FifthSection.vue  |  34 ++----
 .../src/components/sections/FirstSection.vue  |  26 ++--
 .../src/components/sections/FourthSection.vue |  21 ++--
 .../components/sections/ImpressSection.vue    |  38 ++----
 .../components/sections/NewsletterSection.vue |  22 ++--
 .../src/components/sections/SecondSection.vue |  29 +----
 .../src/components/sections/SixthSection.vue  |  23 ++--
 .../src/components/sections/ThirdSection.vue  |  15 +--
 presenter/src/layouts/DefaultLayout.vue       |   8 +-
 presenter/src/pages/index/+Page.vue           |  12 +-
 presenter/vite.config.ts                      |   2 +-
 26 files changed, 384 insertions(+), 274 deletions(-)
 create mode 100644 presenter/src/assets/scss/imports/_config.scss
 rename presenter/src/assets/{sass/style.scss => scss/imports/_fonts.scss} (100%)
 create mode 100644 presenter/src/assets/scss/imports/_mixins.scss
 create mode 100644 presenter/src/assets/scss/imports/_typo.scss
 create mode 100644 presenter/src/assets/scss/style.scss

diff --git a/presenter/.stylelintrc.json b/presenter/.stylelintrc.json
index db51c9303..6e188d5fe 100644
--- a/presenter/.stylelintrc.json
+++ b/presenter/.stylelintrc.json
@@ -1,7 +1,10 @@
 {
     "rules": {
         "selector-class-pattern": "^([a-z][a-z0-9]*)((--?|__)?[a-z0-9]+)*$",
-        "media-query-no-invalid": null
+        "media-query-no-invalid": null,
+        "at-rule-no-unknown": null,
+        "scss/at-rule-no-unknown": true,
+        "scss/load-no-partial-leading-underscore": null
     },
     "extends": [
         "stylelint-config-standard",
diff --git a/presenter/src/assets/scss/imports/_config.scss b/presenter/src/assets/scss/imports/_config.scss
new file mode 100644
index 000000000..326110e59
--- /dev/null
+++ b/presenter/src/assets/scss/imports/_config.scss
@@ -0,0 +1,64 @@
+
+$background-color-primary: #f5f5f5;
+$background-color-primary-transition: #d8d8d8;
+$background-color-alt: #fff;
+$primary-color: #f09630;
+$primary-color-transition: #4b5460b0;
+$secondary-color: #3095d4;
+$secondary-color-transition: #f9c4518c;
+$color-blue-100: #35a3aa;
+$color-blue-200: #2ca5b1;
+$color-blue-300: #009dd9;
+$color-green-100: #23ad5b;
+$color-green-200: #008000;
+$color-orange: #e47a24;
+$color-red: #b00020;
+$color-grey-100: #797979;
+$color-grey-200: #767676;
+$color-grey-300: #3d4753;
+$color-grey-400: #3f454d;
+$color-grey-500: #383838;
+$color-grey-600: #404a5633;
+$section-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
+$border-radius-default: 15px;
+$border-text-default: 1px solid #fff;
+$font-color-default: $color-grey-300;
+$font-color-dark: $color-grey-500;
+$font-color-card: $font-color-dark;
+$font-color-headline-append: $font-color-dark;
+$font-color-link-text: $color-blue-300;
+$font-color-anchor-text-hover: $color-grey-400;
+$font-color-anchor-text-active: $color-grey-100;
+$font-color-section-subheadline: $color-grey-100;
+$font-color-light: $color-grey-200;
+$font-color-headline-transition-start: $color-blue-200;
+$font-color-headline-prepend: $color-blue-200;
+$font-color-headline-transition-end: $color-orange;
+$form-info-color-error: $color-red;
+$form-info-color-success: $color-green-200;
+$main-button-primary-background: $primary-color;
+$main-button-primary-shadow: $color-grey-600;
+$main-button-secondary-color: $font-color-light;
+$main-button-secondary-bg: $background-color-alt;
+$main-button-third-bg: $color-grey-300;
+$main-button-fourth-bg: $color-blue-200;
+$main-button-fourth-bg-hover-transition-start: $color-blue-300;
+$main-button-fourth-bg-hover-transition-end: $primary-color-transition;
+$main-button-submit-bg: $color-green;
+$main-button-submit-bg-hover-transition-start: $color-green;
+$main-button-submit-bg-hover-transition-end: $primary-color-transition;
+$main-button-download-bg: $color-blue-300;
+$main-button-download-bg-hover-transition-start: $color-blue-300;
+$main-button-download-bg-hover-transition-end: $primary-color-transition;
+$mobile: 500px;
+$tablet: 960px;
+$layout-column-card-max-width: 375px;
+$mobile-menu-icon-max-width: 35px;
+$fixed-header-height: 95px;
+$footer-max-width: 1200px;
+$page-max-width: 1120px;
+$section-max-width: 1140px;
+$section-max-width-small: 960px;
+$section-max-width-x-small: 650px;
+$section-max-width-big: 1440px;
+$section-max-width-x-big: 1248px;
diff --git a/presenter/src/assets/sass/style.scss b/presenter/src/assets/scss/imports/_fonts.scss
similarity index 100%
rename from presenter/src/assets/sass/style.scss
rename to presenter/src/assets/scss/imports/_fonts.scss
diff --git a/presenter/src/assets/scss/imports/_mixins.scss b/presenter/src/assets/scss/imports/_mixins.scss
new file mode 100644
index 000000000..c97fa7a44
--- /dev/null
+++ b/presenter/src/assets/scss/imports/_mixins.scss
@@ -0,0 +1,111 @@
+// fonts
+@mixin text-font-base($test-input-color: $font-color-default) {
+    font-family: $font-family-default;
+    font-size: $font-size-default;
+    font-weight: $font-weight-small;
+    line-height: $line-height-default;
+    color: $test-input-color !important;
+}
+
+@mixin text-font-small($font-color-checkbox: $font-color-default) {
+    font-family: $font-family-default;
+    font-size: $font-size-small;
+    font-style: $font-style-normal;
+    font-weight: $font-weight-small;
+    line-height: $lint-height-normal;
+    color: $font-color-checkbox;
+}
+
+@mixin form-info-font() {
+    font-family: $font-family-default;
+    font-size: $font-size-default;
+    font-style: $font-style-normal;
+    font-weight: $font-weight-base;
+    line-height: $lint-height-normal;
+}
+
+@mixin footer-font() {
+    font-family: $font-family-default;
+    font-size: $font-size-footer;
+    font-weight: $font-weight-large;
+    line-height: $line-height-x-large;
+    color: $font-color-default;
+}
+
+@mixin anchor-font() {
+    font-family: $font-family-default;
+    font-size: $font-size-default;
+    font-weight: $font-weight-small;
+    line-height: $line-height-large;
+    color: $font-color-default;
+}
+
+
+@mixin text-font-headline(){
+    font-family: $font-family-default;
+    font-size: $font-size-headline;
+    font-style: $font-style-normal;
+    font-weight: $font-weight-x-large;
+    line-height: $line-height-larger;
+    text-transform: $text-transform-capitalize;
+}
+
+@mixin slide-headline-font(){
+    font-family: $font-family-default;
+    font-size: $font-size-large;
+    font-style: $font-style-normal;
+    font-weight: $font-weigt-large;
+    line-height: $line-height-x-larger;
+}
+
+@mixin section-content-headline-font() {
+    font-family: $font-family-default;
+    font-size: $font-size-x-large;
+    font-style: $font-style-normal;
+    font-weight: $font-weight-x-large;
+    line-height: $line-height-normal;
+    letter-spacing: $letter-spacing-negative-small;
+}
+
+@mixin section-content-font() {
+    font-family: $font-family-default;
+    font-size: $font-size-default;
+    font-style: $font-style-normal;
+    font-weight: $font-weight-small;
+    line-height: $line-height-normal;
+    color: $font-color-default;
+}
+
+// linear gradient for background effect
+@mixin linear-gradient-btn-hover($startColor, $endColor){
+    background: linear-gradient(
+      98deg,
+      $startColor 8.53%,
+      $endColor 107.12%
+    );
+}
+
+// layout definition for SectionColumnCard Component
+@mixin page-content-card-mixin(){
+    font-size: 1.25rem;
+    line-height: normal;
+    background: $background-color-alt;
+    border-radius: 1.875rem;
+
+    @media screen and (max-width: $mobile) {
+      font-size: 1rem;
+    }
+
+    .card-header {
+      font-weight: 700;
+
+      @media screen and (max-width: $mobile) {
+        font-size: 1rem;
+      }
+    }
+
+    .card-content {
+      font-weight: 300;
+      list-style: none;
+    }
+}
\ No newline at end of file
diff --git a/presenter/src/assets/scss/imports/_typo.scss b/presenter/src/assets/scss/imports/_typo.scss
new file mode 100644
index 000000000..e4e5cd2f9
--- /dev/null
+++ b/presenter/src/assets/scss/imports/_typo.scss
@@ -0,0 +1,21 @@
+$font-family-default: poppins, sans-serif;
+$font-weight-small: 300;
+$font-weight-base: 400;
+$font-weight-large: 600;
+$font-weight-x-large: 700;
+$font-size-small: 0.875rem;
+$font-size-default: 1.25rem;
+$font-size-large: 1.625rem;
+$font-size-x-large: 2.25rem;
+$font-size-headline: 3.875rem;
+$font-size-footer: 1.623rem;
+$font-size-card: $font-size-large;
+$font-style-normal: normal;
+$line-height-normal: normal;
+$line-height-default: 1.7rem;
+$line-height-large: 1.9rem;
+$line-height-larger: 120%;
+$line-height-x-larger: 125%;  /* 2.03125rem */
+$line-height-x-large: 2rem;
+$letter-spacing-negative-small: -0.045rem;
+$text-transform-capitalize: capitalize;
\ No newline at end of file
diff --git a/presenter/src/assets/scss/style.scss b/presenter/src/assets/scss/style.scss
new file mode 100644
index 000000000..f530a7586
--- /dev/null
+++ b/presenter/src/assets/scss/style.scss
@@ -0,0 +1,4 @@
+@import './imports/_config';
+@import './imports/_fonts';
+@import './imports/_mixins';
+@import './imports/_typo';
\ No newline at end of file
diff --git a/presenter/src/components/inputs/ContactForm.vue b/presenter/src/components/inputs/ContactForm.vue
index 516a64365..0b818770f 100644
--- a/presenter/src/components/inputs/ContactForm.vue
+++ b/presenter/src/components/inputs/ContactForm.vue
@@ -201,18 +201,20 @@ async function submitForm() {
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .contact-form {
   .contact-text {
-    border: 1px solid #fff;
-    border-radius: 15px;
+    border: $border-text-default;
+    border-radius: $border-radius-default;
 
     .v-field {
-      border: 1px solid #fff;
-      border-radius: 15px;
+      border: $border-text-default;
+      border-radius: $border-radius-default;
 
       .v-field__field {
         label.v-label {
-          color: #3d4753;
+          color: $font-color-default;
         }
       }
     }
@@ -223,12 +225,7 @@ async function submitForm() {
   }
 
   .contact-dataprivacy {
-    font-family: Poppins, sans-serif;
-    font-size: 0.875rem;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-    color: #3d4753;
+    @include text-font-small;
 
     .dataprivacy-link {
       height: auto;
@@ -236,18 +233,14 @@ async function submitForm() {
   }
 
   .info-text {
-    font-family: Poppins, sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
+    @include form-info-font;
 
     &.form-success {
-      color: green;
+      color: $form-info-color-success;
     }
 
     &.form-error {
-      color: rgb(176 0 32);
+      color: $form-info-color-error;
     }
   }
 
diff --git a/presenter/src/components/inputs/MainButton.vue b/presenter/src/components/inputs/MainButton.vue
index b05e115e1..10fc7d021 100644
--- a/presenter/src/components/inputs/MainButton.vue
+++ b/presenter/src/components/inputs/MainButton.vue
@@ -95,9 +95,11 @@ const onClick = () => {
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .main-button {
   padding: 12px 39px;
-  font-family: Poppins, sans-serif;
+  font-family: $font-family-default;
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 1.6rem;
@@ -108,51 +110,60 @@ const onClick = () => {
 
   &--primary {
     color: white !important;
-    background-color: #f09630;
+    background-color: $main-button-primary-background;
   }
 
   &--primary:hover {
-    background: linear-gradient(98deg, #f09630 8.53%, rgb(75 84 96 / 69%) 107.12%);
-    box-shadow: 0 6px 24px 0 rgb(64 74 86 / 20%);
+    @include linear-gradient-btn-hover($primary-color, $primary-color-transition);
+
+    box-shadow: 0 6px 24px 0 $main-button-primary-shadow;
   }
 
   &--secondary {
-    color: #767676;
-    background-color: #fff;
+    color: $main-button-secondary-color;
+    background-color: $main-button-secondary-bg;
   }
 
   &--third {
     padding: 8px 38px;
-    background-color: #3d4753;
+    background-color: $main-button-third-bg;
     border-radius: 10px;
   }
 
   &--third-inverse {
     padding: 8px 38px;
-    color: #3d4753;
+    color: $font-color-default;
     background-color: transparent;
-    border: 1px solid #3d4753;
+    border: 1px solid $font-color-default;
     border-radius: 10px;
   }
 
   &--fourth {
     padding: 0.75rem 2.4375rem;
-    background-color: #2ca5b1;
+    background-color: $main-button-fourth-bg;
   }
 
   &--fourth:hover {
-    background: linear-gradient(98deg, #009dd9 8.53%, rgb(75 84 96 / 69%) 107.12%);
-    box-shadow: 0 6px 24px 0 rgb(64 74 86 / 20%);
+    @include linear-gradient-btn-hover(
+      $main-button-fourth-bg-hover-transition-start,
+      $main-button-fourth-bg-hover-transition-end
+    );
+
+    box-shadow: 0 6px 24px 0 $main-button-primary-shadow;
   }
 
   &--form-submit {
-    background: #23ad5b;
+    background: $main-button-submit-bg;
     border-radius: 15px;
   }
 
   &--form-submit:hover {
-    background: linear-gradient(98deg, #23ad5b 8.53%, rgb(75 84 96 / 69%) 107.12%);
-    box-shadow: 0 6px 24px 0 rgb(64 74 86 / 20%);
+    @include linear-gradient-btn-hover(
+      $main-button-submit-bg-hover-transition-start,
+      $main-button-submit-bg-hover-transition-end
+    );
+
+    box-shadow: 0 6px 24px 0 $main-button-primary-shadow;
   }
 
   &--reload {
@@ -161,7 +172,7 @@ const onClick = () => {
     font-weight: 400;
     line-height: 110%; /* 1.1rem */
     color: #bcbcbc;
-    background: #fff;
+    background: $background-color-alt;
     border: 1px solid #e3e3e3;
     border-radius: 3.25rem;
 
@@ -183,13 +194,17 @@ const onClick = () => {
   }
 
   &--download {
-    background: #009dd9;
+    background: $main-button-download-bg;
     border-radius: 15px;
   }
 
   &--download:hover {
-    background: linear-gradient(98deg, #009dd9 8.53%, rgb(75 84 96 / 69%) 107.12%);
-    box-shadow: 0 6px 24px 0 rgb(64 74 86 / 20%);
+    @include linear-gradient-btn-hover(
+      $main-button-download-bg-hover-transition-start,
+      $main-button-download-bg-hover-transition-end
+    );
+
+    box-shadow: 0 6px 24px 0 $main-button-primary-shadow;
   }
 
   &-large {
diff --git a/presenter/src/components/inputs/NewsletterForm.vue b/presenter/src/components/inputs/NewsletterForm.vue
index a13df9da8..951efa7b2 100644
--- a/presenter/src/components/inputs/NewsletterForm.vue
+++ b/presenter/src/components/inputs/NewsletterForm.vue
@@ -165,30 +165,27 @@ async function submitForm() {
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .newsletter-form {
   .newsletter-text {
-    border: 1px solid #fff;
-    border-radius: 15px;
+    border: $border-text-default;
+    border-radius: $border-radius-default;
 
     .v-field {
-      border: 1px solid #fff;
-      border-radius: 15px;
+      border: $border-text-default;
+      border-radius: $border-radius-default;
 
       .v-field__field {
         label.v-label {
-          color: #3d4753;
+          color: $font-color-default;
         }
       }
     }
   }
 
   .newsletter-dataprivacy {
-    font-family: Poppins, sans-serif;
-    font-size: 0.875rem;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-    color: #3d4753;
+    @include text-font-small;
 
     .dataprivacy-link {
       height: auto;
@@ -196,18 +193,14 @@ async function submitForm() {
   }
 
   .info-text {
-    font-family: Poppins, sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
+    @include form-info-font;
 
     &.form-success {
-      color: green;
+      color: $form-info-color-success;
     }
 
     &.form-error {
-      color: rgb(176 0 32);
+      color: $form-info-color-error;
     }
   }
 
diff --git a/presenter/src/components/inputs/TextButtonInput.vue b/presenter/src/components/inputs/TextButtonInput.vue
index 5b6e5c6ca..31af0bbb0 100644
--- a/presenter/src/components/inputs/TextButtonInput.vue
+++ b/presenter/src/components/inputs/TextButtonInput.vue
@@ -46,11 +46,9 @@ const onClick = () => {
 </script>
 
 <style lang="scss">
+@import '#root/src/assets/scss/style';
+
 .custom-font .v-field__field {
-  font-family: Poppins, sans-serif;
-  font-size: 1.25rem;
-  font-weight: 300;
-  line-height: 1.7rem;
-  color: #3d4753 !important;
+  @include text-font-base;
 }
 </style>
diff --git a/presenter/src/components/layout/SectionColumnCard.vue b/presenter/src/components/layout/SectionColumnCard.vue
index 16cab1924..8940da41d 100644
--- a/presenter/src/components/layout/SectionColumnCard.vue
+++ b/presenter/src/components/layout/SectionColumnCard.vue
@@ -31,17 +31,12 @@ const props = withDefaults(
 </script>
 
 <style scoped lang="scss">
-$mobile: 500px;
-$tablet: 960px;
+@import '#root/src/assets/scss/style';
 
 .v-card {
-  max-width: 375px;
-  font-family: Poppins, sans-serif;
-  font-size: 1.25rem;
-  font-style: normal;
-  font-weight: 300;
-  line-height: normal;
-  color: #383838;
+  @include text-font-base($font-color-card);
+
+  max-width: $layout-column-card-max-width;
   text-align: center;
 
   .card-title {
@@ -49,10 +44,10 @@ $tablet: 960px;
     align-items: center;
     justify-content: center;
     min-height: 81px;
-    font-size: 1.625rem;
-    font-weight: 600;
+    font-size: $font-size-card;
+    font-weight: $font-weight-large;
     hyphens: none;
-    line-height: 125%; /* 2.03125rem */
+    line-height: $line-height-x-larger; /* 2.03125rem */
     text-overflow: unset;
     word-wrap: break-word; /* Internet Explorer 5.5+ */
     white-space: pre-wrap; /* css-3 */
diff --git a/presenter/src/components/menu/FooterMenu.vue b/presenter/src/components/menu/FooterMenu.vue
index 6ca768bcb..07040426a 100644
--- a/presenter/src/components/menu/FooterMenu.vue
+++ b/presenter/src/components/menu/FooterMenu.vue
@@ -54,24 +54,20 @@ import LogoImage from './LogoImage.vue'
 </script>
 
 <style scoped lang="scss">
-$mobile: 500px;
+@import '#root/src/assets/scss/style';
 
 .gradient-bg {
   width: 100%;
   height: 10px;
-  background: linear-gradient(98.77deg, #3095d4 0%, rgb(249 196 81 / 55%) 99.16%);
+  background: linear-gradient(98.77deg, $secondary-color 0%, $secondary-color-transition 99.16%);
 }
 
 .footer {
-  max-width: 1200px;
+  max-width: $footer-max-width;
 }
 
 .footer-header {
-  font-family: Poppins, sans-serif;
-  font-size: 1.623rem;
-  font-weight: 600;
-  line-height: 2rem;
-  color: #3d4753;
+  @include footer-font;
 
   @media screen and (max-width: $mobile) {
     font-size: 130%;
diff --git a/presenter/src/components/menu/TopMenu.vue b/presenter/src/components/menu/TopMenu.vue
index 6052a5713..6857e34eb 100644
--- a/presenter/src/components/menu/TopMenu.vue
+++ b/presenter/src/components/menu/TopMenu.vue
@@ -124,22 +124,30 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .topmenu {
-  background: linear-gradient(0deg, #f5f5f5 0.06%, #d8d8d8 100%);
+  background: linear-gradient(
+    0deg,
+    $background-color-primary 0.06%,
+    $background-color-primary-transition 100%
+  );
 }
 </style>
 
 <style lang="scss">
+@import '#root/src/assets/scss/style';
+
 .topmenu {
   .v-toolbar {
     transition: background-color 0.3s;
 
     .v-toolbar__content {
-      height: 95px !important;
+      height: $fixed-header-height !important;
     }
 
     .mobile-menu-icon {
-      max-width: 35px;
+      max-width: $mobile-menu-icon-max-width;
 
       &:hover {
         cursor: pointer;
@@ -148,7 +156,7 @@ onMounted(() => {
   }
 
   .nav-drawer {
-    top: 95px !important;
+    top: $fixed-header-height !important;
   }
 }
 </style>
diff --git a/presenter/src/components/nav/AnchorLink.vue b/presenter/src/components/nav/AnchorLink.vue
index c940bda67..7b2fe4e20 100644
--- a/presenter/src/components/nav/AnchorLink.vue
+++ b/presenter/src/components/nav/AnchorLink.vue
@@ -37,35 +37,29 @@ function onClick() {
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .anchor-link {
+  @include anchor-font;
+
   padding-right: 0;
   padding-left: 0;
-  font-family: Poppins, sans-serif;
-  font-size: 1.25rem;
-  font-weight: 300;
-  line-height: 1.9rem;
-  color: #3d4753;
   text-align: center;
   text-transform: unset !important;
   letter-spacing: 0;
 
   &:hover {
     font-weight: 400;
-    color: #3f454d;
+    color: $font-color-anchor-text-hover;
   }
 
   &--active {
     font-weight: 400;
-    color: rgb(121 121 121);
+    color: $font-color-anchor-text-active;
   }
 
   &--text {
-    font-family: Poppins, sans-serif;
-    font-size: 0.875rem;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-    color: #009dd9;
+    @include text-font-small($font-color-link-text);
   }
 }
 </style>
diff --git a/presenter/src/components/sections/DataProtectionSection.vue b/presenter/src/components/sections/DataProtectionSection.vue
index b8eb14d7c..9c5a50f9e 100644
--- a/presenter/src/components/sections/DataProtectionSection.vue
+++ b/presenter/src/components/sections/DataProtectionSection.vue
@@ -62,24 +62,19 @@
 <script lang="ts" setup></script>
 
 <style scoped lang="scss">
-$mobile: 500px;
-$tablet: 900px;
+@import '#root/src/assets/scss/style';
 
 .data-protection-section {
   max-width: 1120px;
-  font-family: Poppins, sans-serif;
-  color: #383838;
-  background: #f5f5f5;
+  font-family: $font-family-default;
+  color: $font-color-dark;
+  background: $background-color-primary;
 
   .section-header {
     text-align: center;
 
     h1.section-headline {
-      font-size: 3.875rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 120%;
-      text-transform: capitalize;
+      @include text-font-headline;
 
       @media screen and (max-width: $tablet) {
         font-size: 2.5rem;
@@ -92,27 +87,7 @@ $tablet: 900px;
   }
 
   .content-card {
-    font-size: 1.25rem;
-    line-height: normal;
-    background: #fff;
-    border-radius: 1.875rem;
-
-    @media screen and (max-width: $mobile) {
-      font-size: 1rem;
-    }
-
-    .card-header {
-      font-weight: 700;
-
-      @media screen and (max-width: $mobile) {
-        font-size: 1rem;
-      }
-    }
-
-    .card-content {
-      font-weight: 300;
-      list-style: none;
-    }
+    @include page-content-card-mixin;
   }
 }
 </style>
diff --git a/presenter/src/components/sections/FifthSection.vue b/presenter/src/components/sections/FifthSection.vue
index 516394695..e6d342c67 100644
--- a/presenter/src/components/sections/FifthSection.vue
+++ b/presenter/src/components/sections/FifthSection.vue
@@ -93,29 +93,23 @@ import slide3Icon3 from '#assets/img/slides/slide3-search.svg'
 </script>
 
 <style scoped lang="scss">
-$mobile: 500px;
-$tablet: 960px;
+@import '#root/src/assets/scss/style';
 
 .section5 {
-  max-width: 1120px;
+  max-width: $page-max-width;
 
   .section-header {
     text-align: center;
 
     h2.section-headline {
-      font-family: Poppins, sans-serif;
-      font-size: 2.25rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      letter-spacing: -0.045rem;
+      @include section-content-headline-font;
 
       .prepend {
-        color: #f09630;
+        color: $primary-color;
       }
 
       .append {
-        color: #383838;
+        color: $font-color-dark;
 
         @media screen and (max-width: $tablet) {
           white-space: nowrap;
@@ -365,14 +359,11 @@ $tablet: 960px;
   }
 
   .slide-headline {
+    @include slide-headline-font;
+
     position: absolute;
-    font-family: Poppins, sans-serif;
-    font-size: 1.625rem;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 125%;
     text-align: center;
-    background: linear-gradient(264deg, #35a3aa 28.43%, #e47a24 72.25%);
+    background: linear-gradient(264deg, $color-blue-100 28.43%, $color-orange 72.25%);
     -webkit-background-clip: text; /* stylelint-disable-line */
     background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -400,13 +391,10 @@ $tablet: 960px;
   }
 
   .slide-subheadline {
+    @include slide-headline-font;
+
     position: absolute;
-    font-family: Poppins, sans-serif;
-    font-size: 1.625rem;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 125%; /* 2.03125rem */
-    color: #383838;
+    color: $font-color-dark;
     text-align: center;
     text-transform: capitalize;
 
diff --git a/presenter/src/components/sections/FirstSection.vue b/presenter/src/components/sections/FirstSection.vue
index ccd3a69e5..614517dfe 100644
--- a/presenter/src/components/sections/FirstSection.vue
+++ b/presenter/src/components/sections/FirstSection.vue
@@ -115,23 +115,29 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .section1 {
-  background: linear-gradient(0deg, #f5f5f5 0.06%, #d8d8d8 100%);
+  background: linear-gradient(
+    0deg,
+    $background-color-primary 0.06%,
+    $background-color-primary-transition 100%
+  );
 
   .section-headline {
-    font-family: Poppins, sans-serif;
+    font-family: $font-family-default;
     font-size: 1.25rem;
     font-weight: 300;
     line-height: 1.875;
-    color: #3d4753;
+    color: $font-color-default;
   }
 
   .section-subheadline {
-    font-family: Poppins, sans-serif;
+    font-family: $font-family-default;
     font-size: 1.125rem;
     font-weight: 400;
     line-height: 1.6875;
-    color: #797979;
+    color: $font-color-section-subheadline;
   }
 
   .content-slide {
@@ -158,15 +164,5 @@ onMounted(() => {
       }
     }
   }
-
-  .v-window__controls {
-    .v-btn {
-      .v-btn__underlay {
-        // background: rgb(255 255 255 / 15%);
-        // backdrop-filter: blur(14px);
-        // border-radius: 2.5rem;
-      }
-    }
-  }
 }
 </style>
diff --git a/presenter/src/components/sections/FourthSection.vue b/presenter/src/components/sections/FourthSection.vue
index 3a739c130..804f35fe0 100644
--- a/presenter/src/components/sections/FourthSection.vue
+++ b/presenter/src/components/sections/FourthSection.vue
@@ -98,24 +98,23 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-$mobile: 500px;
-$tablet: 960px;
+@import '#root/src/assets/scss/style';
 
 .section4 {
-  max-width: 1140px;
-  background: #f5f5f5;
+  max-width: $section-max-width;
+  background: $background-color-primary;
 
   .section-header {
     text-align: center;
 
     h2.section-headline {
-      font-family: Poppins, sans-serif;
-      font-size: 2.25rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      letter-spacing: -0.045rem;
-      background: linear-gradient(255deg, #2ca5b1 23.75%, #e47a24 66.34%);
+      @include section-content-headline;
+
+      background: linear-gradient(
+        255deg,
+        $font-color-headline-transition-start 23.75%,
+        $font-color-headline-transition-end 66.34%
+      );
       -webkit-background-clip: text; /* stylelint-disable-line */
       background-clip: text;
       -webkit-text-fill-color: transparent;
diff --git a/presenter/src/components/sections/ImpressSection.vue b/presenter/src/components/sections/ImpressSection.vue
index 64cf85605..3b0f07c46 100644
--- a/presenter/src/components/sections/ImpressSection.vue
+++ b/presenter/src/components/sections/ImpressSection.vue
@@ -104,23 +104,19 @@
 <script lang="ts" setup></script>
 
 <style scoped lang="scss">
-$mobile: 500px;
+@import '#root/src/assets/scss/style';
 
 .impress-section {
-  max-width: 1120px;
-  font-family: Poppins, sans-serif;
-  color: #383838;
-  background: #f5f5f5;
+  max-width: $page-max-width;
+  font-family: $font-family-default;
+  color: $font-color-dark;
+  background: $background-color-primary;
 
   .section-header {
     text-align: center;
 
     h1.section-headline {
-      font-size: 3.875rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 120%;
-      text-transform: capitalize;
+      @include text-font-headline;
 
       @media screen and (max-width: $mobile) {
         font-size: 2.5rem;
@@ -129,27 +125,7 @@ $mobile: 500px;
   }
 
   .content-card {
-    font-size: 1.25rem;
-    line-height: normal;
-    background: #fff;
-    border-radius: 1.875rem;
-
-    @media screen and (max-width: $mobile) {
-      font-size: 1rem;
-    }
-
-    .card-header {
-      font-weight: 700;
-
-      @media screen and (max-width: $mobile) {
-        font-size: 1rem;
-      }
-    }
-
-    .card-content {
-      font-weight: 300;
-      list-style: none;
-    }
+    @include page-content-card-mixin;
   }
 }
 </style>
diff --git a/presenter/src/components/sections/NewsletterSection.vue b/presenter/src/components/sections/NewsletterSection.vue
index b5f09cdbf..cfc64b841 100644
--- a/presenter/src/components/sections/NewsletterSection.vue
+++ b/presenter/src/components/sections/NewsletterSection.vue
@@ -47,20 +47,22 @@ import NewsletterForm from '#components/inputs/NewsletterForm.vue'
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .newsletter-section {
-  max-width: 650px;
+  max-width: $section-max-width-x-small;
 
   .section-header {
     text-align: center;
 
     h2.section-headline {
-      font-family: Poppins, sans-serif;
-      font-size: 2.25rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      letter-spacing: -0.045rem;
-      background: linear-gradient(255deg, #3d4753 23.75%, #e47a24 66.34%);
+      @include section-content-headline;
+
+      background: linear-gradient(
+        255deg,
+        $font-color-default 23.75%,
+        $font-color-headline-transition-end 66.34%
+      );
       -webkit-background-clip: text; /* stylelint-disable-line */
       background-clip: text;
       -webkit-text-fill-color: transparent;
@@ -68,12 +70,12 @@ import NewsletterForm from '#components/inputs/NewsletterForm.vue'
   }
 
   h3.section-subheadline {
-    font-family: Poppins, sans-serif;
+    font-family: $font-family-default;
     font-size: 1.25rem;
     font-style: normal;
     font-weight: 300;
     line-height: normal;
-    color: #3d4753;
+    color: $font-color-default;
   }
 }
 </style>
diff --git a/presenter/src/components/sections/SecondSection.vue b/presenter/src/components/sections/SecondSection.vue
index f8c618dcc..7aff8d14e 100644
--- a/presenter/src/components/sections/SecondSection.vue
+++ b/presenter/src/components/sections/SecondSection.vue
@@ -63,22 +63,16 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-$mobile: 500px;
-$tablet: 960px;
+@import '#root/src/assets/scss/style';
 
 .section2 {
-  max-width: 1440px;
+  max-width: $section-max-width-big;
   min-height: 50rem;
-  color: #3d4753;
-  background: #fff;
+  color: $font-color-default;
+  background: $background-color-alt;
 
   h2.section-headline {
-    font-family: Poppins, sans-serif;
-    font-size: 3.875rem;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 120%;
-    text-transform: capitalize;
+    @include text-font-headline;
 
     @media screen and (max-width: $mobile) {
       font-size: 3rem;
@@ -114,21 +108,10 @@ $tablet: 960px;
       align-items: center;
       padding-top: 3em;
     }
-
-    @media screen and (max-width: $mobile) {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding-top: 3em;
-    }
   }
 
   .section-content {
-    font-family: Poppins, sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
+    @include section-content-font;
 
     @media screen and (max-width: $mobile) {
       padding: 10px;
diff --git a/presenter/src/components/sections/SixthSection.vue b/presenter/src/components/sections/SixthSection.vue
index 595f91841..d6ba5364f 100644
--- a/presenter/src/components/sections/SixthSection.vue
+++ b/presenter/src/components/sections/SixthSection.vue
@@ -36,37 +36,30 @@ import MainButton from '#components/inputs/MainButton.vue'
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .section6 {
-  max-width: 960px;
+  max-width: $section-max-width-small;
 
   .section-header {
     text-align: center;
 
     h2.section-headline {
-      font-family: Poppins, sans-serif;
-      font-size: 2.25rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      letter-spacing: -0.045rem;
+      @include section-content-headline;
 
       .prepend {
-        color: #2ca5b1;
+        color: $font-color-headline-prepend;
       }
 
       .append {
-        color: #f09630;
+        color: $font-color-headline-append;
       }
     }
   }
 
   .section-content {
-    font-family: Poppins, sans-serif;
-    font-size: 1.25rem;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-    color: #3d4753;
+    @include section-content-font;
+
     text-align: center;
   }
 }
diff --git a/presenter/src/components/sections/ThirdSection.vue b/presenter/src/components/sections/ThirdSection.vue
index 951e66157..9209ce996 100644
--- a/presenter/src/components/sections/ThirdSection.vue
+++ b/presenter/src/components/sections/ThirdSection.vue
@@ -44,26 +44,23 @@ import SectionColumnCard from '#components/layout/SectionColumnCard.vue'
 <script lang="ts" setup></script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .section3 {
-  max-width: 1248px;
+  max-width: $section-max-width-x-big;
 
   .section-header {
     text-align: center;
 
     h2.section-headline {
-      font-family: Poppins, sans-serif;
-      font-size: 2.25rem;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      letter-spacing: -0.045rem;
+      @include section-content-headline;
 
       .prepend {
-        color: #2ca5b1;
+        color: $font-color-headline-prepend;
       }
 
       .append {
-        color: #383838;
+        color: $font-color-headline-append;
       }
     }
   }
diff --git a/presenter/src/layouts/DefaultLayout.vue b/presenter/src/layouts/DefaultLayout.vue
index 872668224..92d0d542f 100644
--- a/presenter/src/layouts/DefaultLayout.vue
+++ b/presenter/src/layouts/DefaultLayout.vue
@@ -26,18 +26,22 @@ const slots = useSlots()
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .main-layout {
   padding-top: 0;
   padding-right: 0;
-  background: #f5f5f5;
+  background: $background-color-primary;
 }
 </style>
 
 <style lang="scss">
+@import '#root/src/assets/scss/style';
+
 html {
   scroll-behavior: smooth;
 
   // fixed header offset
-  scroll-padding-top: 95px;
+  scroll-padding-top: $fixed-header-height;
 }
 </style>
diff --git a/presenter/src/pages/index/+Page.vue b/presenter/src/pages/index/+Page.vue
index 1550f98be..9eecc5aec 100644
--- a/presenter/src/pages/index/+Page.vue
+++ b/presenter/src/pages/index/+Page.vue
@@ -36,9 +36,11 @@ import Section3 from '#root/src/components/sections/ThirdSection.vue'
 </script>
 
 <style scoped lang="scss">
+@import '#root/src/assets/scss/style';
+
 .index-page {
   overflow: hidden;
-  background: #f5f5f5;
+  background: $background-color-primary;
 
   #section1 {
     // fix for vuetify negative margin
@@ -46,13 +48,13 @@ import Section3 from '#root/src/components/sections/ThirdSection.vue'
   }
 
   #about {
-    background: #fff;
-    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
+    background: $background-color-alt;
+    box-shadow: $section-box-shadow;
   }
 
   #newsletter-section {
-    background: #fff;
-    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
+    background: $background-color-alt;
+    box-shadow: $section-box-shadow;
   }
 }
 </style>
diff --git a/presenter/vite.config.ts b/presenter/vite.config.ts
index c3fa062f4..62420bdbf 100644
--- a/presenter/vite.config.ts
+++ b/presenter/vite.config.ts
@@ -23,7 +23,7 @@ const config: UserConfig = {
       typescript: true,
       vueTsc: true,
     }),
-    vuetify({ styles: { configFile: './src/assets/sass/style.scss' } }),
+    vuetify({ styles: { configFile: './src/assets/scss/style.scss' } }),
     viteCompression({ filter: /\.*$/i }),
   ],
   build: {

From 7df8ea6bf08a7d47c4d3e899e18791863b7c0733 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 24 Jan 2024 14:21:02 +0100
Subject: [PATCH 042/101] set correct control type in checkbox story

---
 presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts b/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
index f2ff3ded5..5cf8633e1 100644
--- a/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
+++ b/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
@@ -9,8 +9,7 @@ const meta = {
   component: DataPrivacyCheckbox as SBComp,
   tags: ['autodocs'],
   argTypes: {
-    modelValue: { control: 'select', options: [0, 1] },
-    // onClick: { action: 'clicked' },
+    clicked: { control: 'boolean' },
   },
 } satisfies Meta<typeof DataPrivacyCheckbox>
 

From 4c70324c504f67add9af29d10f72e955927248f6 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 24 Jan 2024 14:25:20 +0100
Subject: [PATCH 043/101] remove control in checkbox story

---
 presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts b/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
index 5cf8633e1..c46b1d8db 100644
--- a/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
+++ b/presenter/src/components/inputs/DataPrivacyCheckbox.stories.ts
@@ -8,9 +8,6 @@ const meta = {
   title: 'Inputs/DataPrivacyCheckbox',
   component: DataPrivacyCheckbox as SBComp,
   tags: ['autodocs'],
-  argTypes: {
-    clicked: { control: 'boolean' },
-  },
 } satisfies Meta<typeof DataPrivacyCheckbox>
 
 export default meta

From 5ffda4d2af28bf98f05c7c0c06c8fff3d4964282 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 14:28:38 +0100
Subject: [PATCH 044/101] fixed typo

---
 presenter/src/assets/scss/imports/_config.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/assets/scss/imports/_config.scss b/presenter/src/assets/scss/imports/_config.scss
index 326110e59..ed87919bf 100644
--- a/presenter/src/assets/scss/imports/_config.scss
+++ b/presenter/src/assets/scss/imports/_config.scss
@@ -44,8 +44,8 @@ $main-button-third-bg: $color-grey-300;
 $main-button-fourth-bg: $color-blue-200;
 $main-button-fourth-bg-hover-transition-start: $color-blue-300;
 $main-button-fourth-bg-hover-transition-end: $primary-color-transition;
-$main-button-submit-bg: $color-green;
-$main-button-submit-bg-hover-transition-start: $color-green;
+$main-button-submit-bg: $color-green-100;
+$main-button-submit-bg-hover-transition-start: $color-green-100;
 $main-button-submit-bg-hover-transition-end: $primary-color-transition;
 $main-button-download-bg: $color-blue-300;
 $main-button-download-bg-hover-transition-start: $color-blue-300;

From 930e185099ff0de3e57ed1820f2121a564dcf7fd Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 14:49:05 +0100
Subject: [PATCH 045/101] fixed typos

---
 presenter/src/assets/scss/imports/_mixins.scss            | 6 +++---
 presenter/src/components/sections/CallToActionSection.vue | 2 +-
 presenter/src/components/sections/NewsletterSection.vue   | 2 +-
 presenter/src/components/sections/PlanningSection.vue     | 2 +-
 presenter/src/components/sections/ProductsSection.vue     | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/presenter/src/assets/scss/imports/_mixins.scss b/presenter/src/assets/scss/imports/_mixins.scss
index c97fa7a44..4f016456b 100644
--- a/presenter/src/assets/scss/imports/_mixins.scss
+++ b/presenter/src/assets/scss/imports/_mixins.scss
@@ -12,7 +12,7 @@
     font-size: $font-size-small;
     font-style: $font-style-normal;
     font-weight: $font-weight-small;
-    line-height: $lint-height-normal;
+    line-height: $line-height-normal;
     color: $font-color-checkbox;
 }
 
@@ -21,7 +21,7 @@
     font-size: $font-size-default;
     font-style: $font-style-normal;
     font-weight: $font-weight-base;
-    line-height: $lint-height-normal;
+    line-height: $line-height-normal;
 }
 
 @mixin footer-font() {
@@ -54,7 +54,7 @@
     font-family: $font-family-default;
     font-size: $font-size-large;
     font-style: $font-style-normal;
-    font-weight: $font-weigt-large;
+    font-weight: $font-weight-large;
     line-height: $line-height-x-larger;
 }
 
diff --git a/presenter/src/components/sections/CallToActionSection.vue b/presenter/src/components/sections/CallToActionSection.vue
index 96f899a78..ecaa1edcd 100644
--- a/presenter/src/components/sections/CallToActionSection.vue
+++ b/presenter/src/components/sections/CallToActionSection.vue
@@ -45,7 +45,7 @@ import MainButton from '#components/buttons/MainButton.vue'
     text-align: center;
 
     h2.section-headline {
-      @include section-content-headline;
+      @include section-content-headline-font;
 
       .prepend {
         color: $font-color-headline-prepend;
diff --git a/presenter/src/components/sections/NewsletterSection.vue b/presenter/src/components/sections/NewsletterSection.vue
index 08c65f946..41f44814b 100644
--- a/presenter/src/components/sections/NewsletterSection.vue
+++ b/presenter/src/components/sections/NewsletterSection.vue
@@ -56,7 +56,7 @@ import NewsletterForm from '#components/forms/NewsletterForm.vue'
     text-align: center;
 
     h2.section-headline {
-      @include section-content-headline;
+      @include section-content-headline-font;
 
       background: linear-gradient(
         255deg,
diff --git a/presenter/src/components/sections/PlanningSection.vue b/presenter/src/components/sections/PlanningSection.vue
index 37e2e11f6..4b028ced9 100644
--- a/presenter/src/components/sections/PlanningSection.vue
+++ b/presenter/src/components/sections/PlanningSection.vue
@@ -108,7 +108,7 @@ onMounted(() => {
     text-align: center;
 
     h2.section-headline {
-      @include section-content-headline;
+      @include section-content-headline-font;
 
       background: linear-gradient(
         255deg,
diff --git a/presenter/src/components/sections/ProductsSection.vue b/presenter/src/components/sections/ProductsSection.vue
index 4f1a468bc..1de532286 100644
--- a/presenter/src/components/sections/ProductsSection.vue
+++ b/presenter/src/components/sections/ProductsSection.vue
@@ -53,7 +53,7 @@ import SectionColumnCard from '#components/layout/SectionColumnCard.vue'
     text-align: center;
 
     h2.section-headline {
-      @include section-content-headline;
+      @include section-content-headline-font;
 
       .prepend {
         color: $font-color-headline-prepend;

From 9a9f22b00d58547d389b1119d53dc22c727de78d Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 15:32:05 +0100
Subject: [PATCH 046/101] [feature] coffee slider now slides automatically and
 stops on hover

---
 .../src/components/sections/CoffeeSection.vue | 125 ++++++++++--------
 1 file changed, 67 insertions(+), 58 deletions(-)

diff --git a/presenter/src/components/sections/CoffeeSection.vue b/presenter/src/components/sections/CoffeeSection.vue
index c29499ec8..3cc4d86c2 100644
--- a/presenter/src/components/sections/CoffeeSection.vue
+++ b/presenter/src/components/sections/CoffeeSection.vue
@@ -11,64 +11,73 @@
     </v-row>
     <v-row>
       <v-col>
-        <v-carousel hide-delimiter-background show-arrows="hover" color="#ABABAB" :height="650">
-          <v-carousel-item draggable>
-            <v-sheet rounded="xl" color="#FFF" border :height="600">
-              <div class="icon-container slide1">
-                <v-img class="w-100 icon-main main-slide-icon-1" :src="slideLogo1" />
-                <h3 class="w-100 slide-subheadline slide-subheadline-1">
-                  {{ $t('home.coffeeSection.slide1.subheadline') }}
-                </h3>
-                <h3 class="w-100 slide-headline slide-headline-1">
-                  {{ $t('home.coffeeSection.slide1.headline') }}
-                </h3>
-
-                <v-img class="w-100 slide-icon icon-1" :src="slide1Icon1" />
-                <v-img class="w-100 slide-icon icon-2" :src="slide1Icon2" />
-                <v-img class="w-100 slide-icon icon-3" :src="slide1Icon3" />
-                <v-img class="w-100 slide-icon icon-4" :src="slide1Icon4" />
-                <v-img class="w-100 slide-icon icon-5" :src="slide1Icon5" />
-              </div>
-            </v-sheet>
-          </v-carousel-item>
-
-          <v-carousel-item draggable>
-            <v-sheet rounded="xl" color="#FFF" border :height="600">
-              <div class="icon-container slide2">
-                <v-img class="w-100 icon-main main-slide-icon-2" :src="slideLogo2" />
-                <h3 class="w-100 slide-subheadline slide-subheadline-2">
-                  {{ $t('home.coffeeSection.slide2.subheadline') }}
-                </h3>
-                <h3 class="w-100 slide-headline slide-headline-2">
-                  {{ $t('home.coffeeSection.slide2.headline') }}
-                </h3>
-
-                <v-img class="w-100 slide-icon icon-1" :src="slide2Icon1" />
-                <v-img class="w-100 slide-icon icon-2" :src="slide2Icon2" />
-                <v-img class="w-100 slide-icon icon-3" :src="slide2Icon3" />
-                <v-img class="w-100 slide-icon icon-4" :src="slide2Icon4" />
-              </div>
-            </v-sheet>
-          </v-carousel-item>
-
-          <v-carousel-item draggable>
-            <v-sheet rounded="xl" color="#FFF" border :height="600">
-              <div class="icon-container slide3">
-                <h3 class="w-100 slide-subheadline slide-subheadline-3">
-                  {{ $t('home.coffeeSection.slide3.subheadline') }}
-                </h3>
-                <h3 class="w-100 slide-headline slide-headline-3">
-                  {{ $t('home.coffeeSection.slide3.headline') }}
-                </h3>
-                <v-img class="w-100 icon-main main-slide-icon-3" :src="slideLogo3" />
-
-                <v-img class="w-100 slide-icon icon-1" :src="slide3Icon1" />
-                <v-img class="w-100 slide-icon icon-2" :src="slide3Icon2" />
-                <v-img class="w-100 slide-icon icon-3" :src="slide3Icon3" />
-              </div>
-            </v-sheet>
-          </v-carousel-item>
-        </v-carousel>
+        <v-hover v-slot="{ isHovering, props }">
+          <v-carousel
+            v-bind="props"
+            hide-delimiter-background
+            :cycle="!isHovering"
+            show-arrows="hover"
+            color="#ABABAB"
+            :height="650"
+          >
+            <v-carousel-item draggable>
+              <v-sheet rounded="xl" color="#FFF" border :height="600">
+                <div class="icon-container slide1">
+                  <v-img class="w-100 icon-main main-slide-icon-1" :src="slideLogo1" />
+                  <h3 class="w-100 slide-subheadline slide-subheadline-1">
+                    {{ $t('home.coffeeSection.slide1.subheadline') }}
+                  </h3>
+                  <h3 class="w-100 slide-headline slide-headline-1">
+                    {{ $t('home.coffeeSection.slide1.headline') }}
+                  </h3>
+
+                  <v-img class="w-100 slide-icon icon-1" :src="slide1Icon1" />
+                  <v-img class="w-100 slide-icon icon-2" :src="slide1Icon2" />
+                  <v-img class="w-100 slide-icon icon-3" :src="slide1Icon3" />
+                  <v-img class="w-100 slide-icon icon-4" :src="slide1Icon4" />
+                  <v-img class="w-100 slide-icon icon-5" :src="slide1Icon5" />
+                </div>
+              </v-sheet>
+            </v-carousel-item>
+
+            <v-carousel-item draggable>
+              <v-sheet rounded="xl" color="#FFF" border :height="600">
+                <div class="icon-container slide2">
+                  <v-img class="w-100 icon-main main-slide-icon-2" :src="slideLogo2" />
+                  <h3 class="w-100 slide-subheadline slide-subheadline-2">
+                    {{ $t('home.coffeeSection.slide2.subheadline') }}
+                  </h3>
+                  <h3 class="w-100 slide-headline slide-headline-2">
+                    {{ $t('home.coffeeSection.slide2.headline') }}
+                  </h3>
+
+                  <v-img class="w-100 slide-icon icon-1" :src="slide2Icon1" />
+                  <v-img class="w-100 slide-icon icon-2" :src="slide2Icon2" />
+                  <v-img class="w-100 slide-icon icon-3" :src="slide2Icon3" />
+                  <v-img class="w-100 slide-icon icon-4" :src="slide2Icon4" />
+                </div>
+              </v-sheet>
+            </v-carousel-item>
+
+            <v-carousel-item draggable>
+              <v-sheet rounded="xl" color="#FFF" border :height="600">
+                <div class="icon-container slide3">
+                  <h3 class="w-100 slide-subheadline slide-subheadline-3">
+                    {{ $t('home.coffeeSection.slide3.subheadline') }}
+                  </h3>
+                  <h3 class="w-100 slide-headline slide-headline-3">
+                    {{ $t('home.coffeeSection.slide3.headline') }}
+                  </h3>
+                  <v-img class="w-100 icon-main main-slide-icon-3" :src="slideLogo3" />
+
+                  <v-img class="w-100 slide-icon icon-1" :src="slide3Icon1" />
+                  <v-img class="w-100 slide-icon icon-2" :src="slide3Icon2" />
+                  <v-img class="w-100 slide-icon icon-3" :src="slide3Icon3" />
+                </div>
+              </v-sheet>
+            </v-carousel-item>
+          </v-carousel>
+        </v-hover>
       </v-col>
     </v-row>
   </div>

From c0f379f2e48270aff1ae5ca386b1688a76c065a5 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 15:32:20 +0100
Subject: [PATCH 047/101] updated snapshots

---
 .../__snapshots__/HeaderMenu.test.ts.snap     | 351 ------------------
 .../__snapshots__/CoffeeSection.test.ts.snap  |   2 +
 .../PlanningSection.test.ts.snap              |  72 ----
 .../index/__snapshots__/Page.test.ts.snap     |   2 +
 4 files changed, 4 insertions(+), 423 deletions(-)

diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index e6f163802..83fc8a26b 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -350,354 +350,3 @@ exports[`HeaderMenu > renders three columns 1`] = `
   </div>
 </div>
 `;
-
-exports[`TopMenu > renders three columns 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <div
-      class="topmenu"
-      data-v-e787b5f9=""
-    >
-      <header
-        class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
-        data-v-e787b5f9=""
-        style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
-      >
-        <!---->
-        
-        <div
-          class="v-toolbar__content"
-          style="height: 64px;"
-        >
-          <!---->
-          <!---->
-          
-          <div
-            class="v-row"
-            data-v-e787b5f9=""
-          >
-            <div
-              class="v-col d-flex align-center"
-              data-v-e787b5f9=""
-            >
-              <a
-                class="w-100 ml-8"
-                data-v-e787b5f9=""
-                href="/"
-              >
-                <div
-                  class="v-responsive v-img v-img--booting w-100 logo-medium"
-                  data-v-e787b5f9=""
-                  data-v-f6be2607=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/dreammall-logo.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </a>
-            </div>
-            <div
-              class="v-col d-none d-md-flex align-center justify-center grow"
-              data-v-e787b5f9=""
-            >
-              <!-- TODO same as below: refactor -->
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#about"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.about')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#products"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.products')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#contactname"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.contact')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-            </div>
-            <div
-              class="v-col d-flex"
-              data-v-e787b5f9=""
-            >
-              <div
-                class="d-flex d-md-none align-center justify-end w-100 mr-8"
-                data-v-e787b5f9=""
-              >
-                <div
-                  class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
-                  data-v-e787b5f9=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/img/hamburger_mobile.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </div>
-            </div>
-          </div>
-          
-          <!---->
-        </div>
-        
-        
-        <transition-stub
-          appear="false"
-          css="true"
-          name="expand-transition"
-          persisted="false"
-        >
-          <!---->
-        </transition-stub>
-        
-      </header>
-      
-      <nav
-        class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
-        data-v-e787b5f9=""
-        style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
-      >
-        <!---->
-        <!---->
-        <div
-          class="v-navigation-drawer__content"
-        >
-          
-          <div
-            class="d-flex flex-column py-8"
-            data-v-e787b5f9=""
-          >
-            <!-- TODO same as above: refactor -->
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#about"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.about')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#products"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.products')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#contactname"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.contact')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-          </div>
-          
-        </div>
-        <!---->
-      </nav>
-      <transition-stub
-        appear="false"
-        css="true"
-        name="fade-transition"
-        persisted="false"
-      >
-        <!---->
-      </transition-stub>
-      
-    </div>
-    
-  </div>
-</div>
-`;
diff --git a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
index b182bd3e0..bd2a531c7 100644
--- a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
@@ -41,6 +41,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
       class="v-col"
       data-v-ea36d7a0=""
     >
+      
       <div
         class="v-window v-window--show-arrows-on-hover v-theme--light v-carousel v-carousel--hide-delimiter-background"
         data-v-ea36d7a0=""
@@ -522,6 +523,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
         
         
       </div>
+      
     </div>
   </div>
 </div>
diff --git a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
index f56d88277..8276471b4 100644
--- a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
@@ -71,75 +71,3 @@ exports[`PlanningSection > renders 1`] = `
   </div>
 </div>
 `;
-
-exports[`TimelineSection > renders 1`] = `
-<div
-  class="planning-section v-container"
-  data-v-368a4e1d=""
->
-  <div
-    class="v-row section-header"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col"
-      data-v-368a4e1d=""
-    >
-      <h2
-        class="section-headline"
-        data-v-368a4e1d=""
-      >
-        $t('home.planningSection.headline')
-      </h2>
-    </div>
-  </div>
-  <div
-    class="v-row mt-12"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col"
-      data-v-368a4e1d=""
-    >
-      <video
-        autoplay=""
-        class="video w-100"
-        data-v-368a4e1d=""
-        muted=""
-        playsinline=""
-        poster="/src/assets/img/timeline_thumbnail_quer.jpg"
-        preload="auto"
-      >
-        <source
-          data-v-368a4e1d=""
-          src="/src/assets/video/timeline_quer.mp4"
-          type="video/mp4"
-        />
-        <source
-          data-v-368a4e1d=""
-          src="/src/assets/video/timeline_quer.webm"
-          type="video/webm"
-        />
-      </video>
-    </div>
-  </div>
-  <div
-    class="v-row"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col anim-btn-col text-center"
-      data-v-368a4e1d=""
-    >
-      <transition-stub
-        appear="false"
-        css="true"
-        data-v-368a4e1d=""
-        persisted="false"
-      >
-        <!--v-if-->
-      </transition-stub>
-    </div>
-  </div>
-</div>
-`;
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index c7fa1f144..250f6c879 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -1480,6 +1480,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     class="v-col"
                     data-v-ea36d7a0=""
                   >
+                    
                     <div
                       class="v-window v-window--show-arrows-on-hover v-theme--light v-carousel v-carousel--hide-delimiter-background"
                       data-v-ea36d7a0=""
@@ -1961,6 +1962,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       
                       
                     </div>
+                    
                   </div>
                 </div>
               </div>

From 7761319f5f0cdcca4bd6eb7c479639446da5ed73 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 24 Jan 2024 15:56:13 +0100
Subject: [PATCH 048/101] remove obsolte markup from snapshots

---
 .../__snapshots__/HeaderMenu.test.ts.snap     | 351 ------------------
 .../PlanningSection.test.ts.snap              |  72 ----
 2 files changed, 423 deletions(-)

diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index e6f163802..83fc8a26b 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -350,354 +350,3 @@ exports[`HeaderMenu > renders three columns 1`] = `
   </div>
 </div>
 `;
-
-exports[`TopMenu > renders three columns 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <div
-      class="topmenu"
-      data-v-e787b5f9=""
-    >
-      <header
-        class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
-        data-v-e787b5f9=""
-        style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
-      >
-        <!---->
-        
-        <div
-          class="v-toolbar__content"
-          style="height: 64px;"
-        >
-          <!---->
-          <!---->
-          
-          <div
-            class="v-row"
-            data-v-e787b5f9=""
-          >
-            <div
-              class="v-col d-flex align-center"
-              data-v-e787b5f9=""
-            >
-              <a
-                class="w-100 ml-8"
-                data-v-e787b5f9=""
-                href="/"
-              >
-                <div
-                  class="v-responsive v-img v-img--booting w-100 logo-medium"
-                  data-v-e787b5f9=""
-                  data-v-f6be2607=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/dreammall-logo.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </a>
-            </div>
-            <div
-              class="v-col d-none d-md-flex align-center justify-center grow"
-              data-v-e787b5f9=""
-            >
-              <!-- TODO same as below: refactor -->
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#about"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.about')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#products"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.products')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#contactname"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.contact')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-            </div>
-            <div
-              class="v-col d-flex"
-              data-v-e787b5f9=""
-            >
-              <div
-                class="d-flex d-md-none align-center justify-end w-100 mr-8"
-                data-v-e787b5f9=""
-              >
-                <div
-                  class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
-                  data-v-e787b5f9=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/img/hamburger_mobile.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </div>
-            </div>
-          </div>
-          
-          <!---->
-        </div>
-        
-        
-        <transition-stub
-          appear="false"
-          css="true"
-          name="expand-transition"
-          persisted="false"
-        >
-          <!---->
-        </transition-stub>
-        
-      </header>
-      
-      <nav
-        class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
-        data-v-e787b5f9=""
-        style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
-      >
-        <!---->
-        <!---->
-        <div
-          class="v-navigation-drawer__content"
-        >
-          
-          <div
-            class="d-flex flex-column py-8"
-            data-v-e787b5f9=""
-          >
-            <!-- TODO same as above: refactor -->
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#about"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.about')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#products"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.products')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#contactname"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.contact')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-          </div>
-          
-        </div>
-        <!---->
-      </nav>
-      <transition-stub
-        appear="false"
-        css="true"
-        name="fade-transition"
-        persisted="false"
-      >
-        <!---->
-      </transition-stub>
-      
-    </div>
-    
-  </div>
-</div>
-`;
diff --git a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
index f56d88277..8276471b4 100644
--- a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
@@ -71,75 +71,3 @@ exports[`PlanningSection > renders 1`] = `
   </div>
 </div>
 `;
-
-exports[`TimelineSection > renders 1`] = `
-<div
-  class="planning-section v-container"
-  data-v-368a4e1d=""
->
-  <div
-    class="v-row section-header"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col"
-      data-v-368a4e1d=""
-    >
-      <h2
-        class="section-headline"
-        data-v-368a4e1d=""
-      >
-        $t('home.planningSection.headline')
-      </h2>
-    </div>
-  </div>
-  <div
-    class="v-row mt-12"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col"
-      data-v-368a4e1d=""
-    >
-      <video
-        autoplay=""
-        class="video w-100"
-        data-v-368a4e1d=""
-        muted=""
-        playsinline=""
-        poster="/src/assets/img/timeline_thumbnail_quer.jpg"
-        preload="auto"
-      >
-        <source
-          data-v-368a4e1d=""
-          src="/src/assets/video/timeline_quer.mp4"
-          type="video/mp4"
-        />
-        <source
-          data-v-368a4e1d=""
-          src="/src/assets/video/timeline_quer.webm"
-          type="video/webm"
-        />
-      </video>
-    </div>
-  </div>
-  <div
-    class="v-row"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col anim-btn-col text-center"
-      data-v-368a4e1d=""
-    >
-      <transition-stub
-        appear="false"
-        css="true"
-        data-v-368a4e1d=""
-        persisted="false"
-      >
-        <!--v-if-->
-      </transition-stub>
-    </div>
-  </div>
-</div>
-`;

From a6835ce2b1d63f648758b0a273a9334d4dd64200 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 16:19:01 +0100
Subject: [PATCH 049/101] moved headermenu to layout file

---
 presenter/src/components/PageShell.vue  | 5 +----
 presenter/src/layouts/DefaultLayout.vue | 8 +++++++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/presenter/src/components/PageShell.vue b/presenter/src/components/PageShell.vue
index 0a2b234fc..3aa9bd931 100644
--- a/presenter/src/components/PageShell.vue
+++ b/presenter/src/components/PageShell.vue
@@ -1,10 +1,7 @@
 <template>
   <v-app>
-    <HeaderMenu />
     <slot />
   </v-app>
 </template>
 
-<script lang="ts" setup>
-import HeaderMenu from '#components/menu/HeaderMenu.vue'
-</script>
+<script lang="ts" setup></script>
diff --git a/presenter/src/layouts/DefaultLayout.vue b/presenter/src/layouts/DefaultLayout.vue
index 872668224..d76a835e9 100644
--- a/presenter/src/layouts/DefaultLayout.vue
+++ b/presenter/src/layouts/DefaultLayout.vue
@@ -1,6 +1,7 @@
 <template>
   <v-main class="main-layout">
-    <v-container fluid class="pa-0">
+    <HeaderMenu />
+    <v-container fluid class="page-container pa-0">
       <v-row>
         <v-col v-if="slots.sidemenu" cols="2">
           <v-sheet rounded>
@@ -21,6 +22,7 @@
 import { useSlots } from 'vue'
 
 import FooterMenu from '#components/menu/FooterMenu.vue'
+import HeaderMenu from '#components/menu/HeaderMenu.vue'
 
 const slots = useSlots()
 </script>
@@ -30,6 +32,10 @@ const slots = useSlots()
   padding-top: 0;
   padding-right: 0;
   background: #f5f5f5;
+
+  .page-container {
+    margin-top: 95px;
+  }
 }
 </style>
 

From 4398e588b961ca50bb40b16c4d267fdcb3f1846a Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 16:19:22 +0100
Subject: [PATCH 050/101] updated page style layout

---
 presenter/src/pages/_error/+Page.vue      | 29 +++++++++++++-----
 presenter/src/pages/datenschutz/+Page.vue |  2 +-
 presenter/src/pages/impressum/+Page.vue   |  2 +-
 presenter/src/pages/index/+Page.vue       | 12 ++++++++
 presenter/src/pages/optin/+Page.vue       | 37 +++++++++++++++++------
 5 files changed, 62 insertions(+), 20 deletions(-)

diff --git a/presenter/src/pages/_error/+Page.vue b/presenter/src/pages/_error/+Page.vue
index 290d7519c..6904c0c6e 100644
--- a/presenter/src/pages/_error/+Page.vue
+++ b/presenter/src/pages/_error/+Page.vue
@@ -1,14 +1,27 @@
 <template>
-  <div v-if="is404">
-    <h1>{{ $t('error.404.h1') }}</h1>
-    <p>{{ $t('error.404.text') }}</p>
-  </div>
-  <div v-else>
-    <h1>{{ $t('error.500.h1') }}</h1>
-    <p>{{ $t('error.500.text') }}</p>
-  </div>
+  <DefaultLayout>
+    <div class="h-screen error-page pt-12">
+      <div v-if="is404">
+        <h1>{{ $t('error.404.h1') }}</h1>
+        <p>{{ $t('error.404.text') }}</p>
+      </div>
+      <div v-else>
+        <h1>{{ $t('error.500.h1') }}</h1>
+        <p>{{ $t('error.500.text') }}</p>
+      </div>
+    </div>
+  </DefaultLayout>
 </template>
 
 <script lang="ts" setup>
+import DefaultLayout from '#layouts/DefaultLayout.vue'
+
 defineProps({ is404: Boolean })
 </script>
+
+<style scoped lang="scss">
+.error-page {
+  display: flex;
+  justify-content: center;
+}
+</style>
diff --git a/presenter/src/pages/datenschutz/+Page.vue b/presenter/src/pages/datenschutz/+Page.vue
index db3929d0b..67be9f8ff 100644
--- a/presenter/src/pages/datenschutz/+Page.vue
+++ b/presenter/src/pages/datenschutz/+Page.vue
@@ -1,6 +1,6 @@
 <template>
   <DefaultLayout>
-    <div id="data-protection" class="pt-12">
+    <div id="data-protection" class="pt-6">
       <DataProtectionSection />
     </div>
   </DefaultLayout>
diff --git a/presenter/src/pages/impressum/+Page.vue b/presenter/src/pages/impressum/+Page.vue
index 776c04958..42ed56b81 100644
--- a/presenter/src/pages/impressum/+Page.vue
+++ b/presenter/src/pages/impressum/+Page.vue
@@ -1,6 +1,6 @@
 <template>
   <DefaultLayout>
-    <div id="impress" class="pt-12">
+    <div id="impress" class="pt-6">
       <ImpressSection />
     </div>
   </DefaultLayout>
diff --git a/presenter/src/pages/index/+Page.vue b/presenter/src/pages/index/+Page.vue
index fbda94472..5248baf73 100644
--- a/presenter/src/pages/index/+Page.vue
+++ b/presenter/src/pages/index/+Page.vue
@@ -54,5 +54,17 @@ import ProductsSection from '#root/src/components/sections/ProductsSection.vue'
     background: #fff;
     box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
   }
+
+  .page-container {
+    margin-top: 0;
+  }
+}
+</style>
+
+<style lang="scss">
+.index-page {
+  .page-container {
+    margin-top: 0 !important;
+  }
 }
 </style>
diff --git a/presenter/src/pages/optin/+Page.vue b/presenter/src/pages/optin/+Page.vue
index 94d3ca0f0..73ddc61ed 100644
--- a/presenter/src/pages/optin/+Page.vue
+++ b/presenter/src/pages/optin/+Page.vue
@@ -1,12 +1,20 @@
 <template>
   <DefaultLayout>
-    <div class="h-screen">
-      <p v-if="isError">
-        {{ $t('optin.error.text') }}
-        <br />
-        <a href="/#newsletter-section">{{ $t('optin.error.link') }}</a>
-      </p>
-      <p v-else>{{ $t('optin.success.text') }}</p>
+    <div class="h-screen optin-page py-12">
+      <div v-if="isError">
+        <p>{{ $t('optin.error.text') }}</p>
+        <MainButton
+          class="mt-8"
+          :label="$t('optin.error.link')"
+          size="auto"
+          variant="primary"
+          href="/#newsletter-section"
+          >{{ $t('optin.error.link') }}</MainButton
+        >
+      </div>
+      <div v-else>
+        <p>{{ $t('optin.success.text') }}</p>
+      </div>
     </div>
   </DefaultLayout>
 </template>
@@ -16,6 +24,7 @@ import { useMutation } from '@vue/apollo-composable'
 import { navigate } from 'vike/client/router'
 import { onBeforeMount, ref } from 'vue'
 
+import MainButton from '#components/buttons/MainButton.vue'
 import { usePageContext } from '#context/usePageContext'
 import DefaultLayout from '#layouts/DefaultLayout.vue'
 import { confirmNewsletter } from '#mutations/confirmNewsletter'
@@ -50,8 +59,16 @@ onBeforeMount(async () => {
 </script>
 
 <style scoped lang="scss">
-.h-screen {
-  padding-top: 100px;
-  padding-left: 100px;
+.optin-page {
+  display: flex;
+  justify-content: center;
+
+  p {
+    display: flex;
+    font-size: 1.5em;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 120%;
+  }
 }
 </style>

From f567d5c764ad2d4caae5282f1c097cbc77f63b65 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 16:23:11 +0100
Subject: [PATCH 051/101] updated snapshots

---
 .../__snapshots__/PageShell.test.ts.snap      |  338 --
 .../__snapshots__/HeaderMenu.test.ts.snap     |  351 --
 .../PlanningSection.test.ts.snap              |   72 -
 .../__snapshots__/DefaultLayout.test.ts.snap  |  994 ------
 .../index/__snapshots__/Page.test.ts.snap     |  411 ++-
 .../optin/__snapshots__/Page.test.ts.snap     | 3031 -----------------
 6 files changed, 375 insertions(+), 4822 deletions(-)
 delete mode 100644 presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
 delete mode 100644 presenter/src/pages/optin/__snapshots__/Page.test.ts.snap

diff --git a/presenter/src/components/__snapshots__/PageShell.test.ts.snap b/presenter/src/components/__snapshots__/PageShell.test.ts.snap
index 21b342f79..2f35bff9c 100644
--- a/presenter/src/components/__snapshots__/PageShell.test.ts.snap
+++ b/presenter/src/components/__snapshots__/PageShell.test.ts.snap
@@ -8,344 +8,6 @@ exports[`PageShell > renders 1`] = `
     class="v-application__wrap"
   >
     
-    <div
-      class="topmenu"
-      data-v-5e2a2776=""
-    >
-      <header
-        class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
-        data-v-5e2a2776=""
-        style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
-      >
-        <!---->
-        
-        <div
-          class="v-toolbar__content"
-          style="height: 64px;"
-        >
-          <!---->
-          <!---->
-          
-          <div
-            class="v-row"
-            data-v-5e2a2776=""
-          >
-            <div
-              class="v-col d-flex align-center"
-              data-v-5e2a2776=""
-            >
-              <a
-                class="w-100 ml-8"
-                data-v-5e2a2776=""
-                href="/"
-              >
-                <div
-                  class="v-responsive v-img v-img--booting w-100 logo-medium"
-                  data-v-5e2a2776=""
-                  data-v-916aa5dc=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/dreammall-logo.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </a>
-            </div>
-            <div
-              class="v-col d-none d-md-flex align-center justify-center grow"
-              data-v-5e2a2776=""
-            >
-              <!-- TODO same as below: refactor -->
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-5e2a2776=""
-                href="/#about"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.about')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-5e2a2776=""
-                href="/#products"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.products')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-5e2a2776=""
-                href="/#contactname"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.contact')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-            </div>
-            <div
-              class="v-col d-flex"
-              data-v-5e2a2776=""
-            >
-              <div
-                class="d-flex d-md-none align-center justify-end w-100 mr-8"
-                data-v-5e2a2776=""
-              >
-                <div
-                  class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
-                  data-v-5e2a2776=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/img/hamburger_mobile.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </div>
-            </div>
-          </div>
-          
-          <!---->
-        </div>
-        
-        
-        <transition-stub
-          appear="false"
-          css="true"
-          name="expand-transition"
-          persisted="false"
-        >
-          <!---->
-        </transition-stub>
-        
-      </header>
-      
-      <nav
-        class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
-        data-v-5e2a2776=""
-        style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
-      >
-        <!---->
-        <!---->
-        <div
-          class="v-navigation-drawer__content"
-        >
-          
-          <div
-            class="d-flex flex-column py-8"
-            data-v-5e2a2776=""
-          >
-            <!-- TODO same as above: refactor -->
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-5e2a2776=""
-              href="/#about"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.about')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-5e2a2776=""
-              href="/#products"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.products')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-5e2a2776=""
-              href="/#contactname"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.contact')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-          </div>
-          
-        </div>
-        <!---->
-      </nav>
-      <transition-stub
-        appear="false"
-        css="true"
-        name="fade-transition"
-        persisted="false"
-      >
-        <!---->
-      </transition-stub>
-      
-    </div>
     
     Page Content
     
diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index e6f163802..83fc8a26b 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -350,354 +350,3 @@ exports[`HeaderMenu > renders three columns 1`] = `
   </div>
 </div>
 `;
-
-exports[`TopMenu > renders three columns 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <div
-      class="topmenu"
-      data-v-e787b5f9=""
-    >
-      <header
-        class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
-        data-v-e787b5f9=""
-        style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
-      >
-        <!---->
-        
-        <div
-          class="v-toolbar__content"
-          style="height: 64px;"
-        >
-          <!---->
-          <!---->
-          
-          <div
-            class="v-row"
-            data-v-e787b5f9=""
-          >
-            <div
-              class="v-col d-flex align-center"
-              data-v-e787b5f9=""
-            >
-              <a
-                class="w-100 ml-8"
-                data-v-e787b5f9=""
-                href="/"
-              >
-                <div
-                  class="v-responsive v-img v-img--booting w-100 logo-medium"
-                  data-v-e787b5f9=""
-                  data-v-f6be2607=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/dreammall-logo.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </a>
-            </div>
-            <div
-              class="v-col d-none d-md-flex align-center justify-center grow"
-              data-v-e787b5f9=""
-            >
-              <!-- TODO same as below: refactor -->
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#about"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.about')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#products"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.products')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-              <a
-                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
-                data-v-1925b644=""
-                data-v-e787b5f9=""
-                href="/#contactname"
-              >
-                
-                <span
-                  class="v-btn__overlay"
-                />
-                <span
-                  class="v-btn__underlay"
-                />
-                
-                <!---->
-                <span
-                  class="v-btn__content"
-                  data-no-activator=""
-                >
-                  
-                  
-                  $t('menu.header.contact')
-                  
-                  
-                </span>
-                <!---->
-                <!---->
-              </a>
-            </div>
-            <div
-              class="v-col d-flex"
-              data-v-e787b5f9=""
-            >
-              <div
-                class="d-flex d-md-none align-center justify-end w-100 mr-8"
-                data-v-e787b5f9=""
-              >
-                <div
-                  class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
-                  data-v-e787b5f9=""
-                >
-                  <div
-                    class="v-responsive__sizer"
-                  />
-                  
-                  
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/img/hamburger_mobile.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
-                  <transition-stub
-                    appear="false"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <!---->
-                  </transition-stub>
-                  <!---->
-                  <!---->
-                  <!---->
-                  
-                  
-                  <!---->
-                </div>
-              </div>
-            </div>
-          </div>
-          
-          <!---->
-        </div>
-        
-        
-        <transition-stub
-          appear="false"
-          css="true"
-          name="expand-transition"
-          persisted="false"
-        >
-          <!---->
-        </transition-stub>
-        
-      </header>
-      
-      <nav
-        class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
-        data-v-e787b5f9=""
-        style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
-      >
-        <!---->
-        <!---->
-        <div
-          class="v-navigation-drawer__content"
-        >
-          
-          <div
-            class="d-flex flex-column py-8"
-            data-v-e787b5f9=""
-          >
-            <!-- TODO same as above: refactor -->
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#about"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.about')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#products"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.products')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-            <a
-              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
-              data-v-1925b644=""
-              data-v-e787b5f9=""
-              href="/#contactname"
-            >
-              
-              <span
-                class="v-btn__overlay"
-              />
-              <span
-                class="v-btn__underlay"
-              />
-              
-              <!---->
-              <span
-                class="v-btn__content"
-                data-no-activator=""
-              >
-                
-                
-                $t('menu.header.contact')
-                
-                
-              </span>
-              <!---->
-              <!---->
-            </a>
-          </div>
-          
-        </div>
-        <!---->
-      </nav>
-      <transition-stub
-        appear="false"
-        css="true"
-        name="fade-transition"
-        persisted="false"
-      >
-        <!---->
-      </transition-stub>
-      
-    </div>
-    
-  </div>
-</div>
-`;
diff --git a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
index f56d88277..8276471b4 100644
--- a/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/PlanningSection.test.ts.snap
@@ -71,75 +71,3 @@ exports[`PlanningSection > renders 1`] = `
   </div>
 </div>
 `;
-
-exports[`TimelineSection > renders 1`] = `
-<div
-  class="planning-section v-container"
-  data-v-368a4e1d=""
->
-  <div
-    class="v-row section-header"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col"
-      data-v-368a4e1d=""
-    >
-      <h2
-        class="section-headline"
-        data-v-368a4e1d=""
-      >
-        $t('home.planningSection.headline')
-      </h2>
-    </div>
-  </div>
-  <div
-    class="v-row mt-12"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col"
-      data-v-368a4e1d=""
-    >
-      <video
-        autoplay=""
-        class="video w-100"
-        data-v-368a4e1d=""
-        muted=""
-        playsinline=""
-        poster="/src/assets/img/timeline_thumbnail_quer.jpg"
-        preload="auto"
-      >
-        <source
-          data-v-368a4e1d=""
-          src="/src/assets/video/timeline_quer.mp4"
-          type="video/mp4"
-        />
-        <source
-          data-v-368a4e1d=""
-          src="/src/assets/video/timeline_quer.webm"
-          type="video/webm"
-        />
-      </video>
-    </div>
-  </div>
-  <div
-    class="v-row"
-    data-v-368a4e1d=""
-  >
-    <div
-      class="v-col anim-btn-col text-center"
-      data-v-368a4e1d=""
-    >
-      <transition-stub
-        appear="false"
-        css="true"
-        data-v-368a4e1d=""
-        persisted="false"
-      >
-        <!--v-if-->
-      </transition-stub>
-    </div>
-  </div>
-</div>
-`;
diff --git a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
deleted file mode 100644
index e1e021d3b..000000000
--- a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
+++ /dev/null
@@ -1,994 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`DefaultLayout > renders 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <main
-      class="v-main main-layout"
-      data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px; transition: none !important;"
-    >
-      
-      <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
-        data-v-75d0be1e=""
-      >
-        <div
-          class="v-row"
-          data-v-75d0be1e=""
-        >
-          <!--v-if-->
-          <div
-            class="v-col pa-0 pa-sm-1 pt-0"
-            data-v-75d0be1e=""
-          >
-            
-            
-          </div>
-        </div>
-      </div>
-      <div
-        data-v-75d0be1e=""
-        data-v-b000eb4c=""
-      >
-        <footer
-          class="v-footer v-theme--light justify-center"
-          dark=""
-          data-v-b000eb4c=""
-          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
-        >
-          <div
-            class="v-row justify-center my-4 justify-space-around footer"
-            data-v-b000eb4c=""
-          >
-            <div
-              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.sitemap')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.home')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#planning-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.planing')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#coffee-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.worldCoffeeHouse')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
-                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
-              {{ $t('menu.footer.socialHeadline') }}
-            &lt;/h3&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
-              </div>
-            </div>
-            <div
-              class="v-col-md-3 v-col-6"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.privacyHeadline')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/impressum"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.impress')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#newsletter-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.newsletter')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/datenschutz"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.privacy')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-              </div>
-              <div
-                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
-                data-v-916aa5dc=""
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-responsive__sizer"
-                />
-                
-                
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
-                <transition-stub
-                  appear="false"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <!---->
-                </transition-stub>
-                <!---->
-                <!---->
-                <!---->
-                
-                
-                <!---->
-              </div>
-            </div>
-            <div
-              class="v-col-md-6 v-col-12"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-10 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.contact')
-              </h2>
-              <div
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-sheet v-theme--light bg-transparent"
-                  data-v-2e8ea5ee=""
-                  data-v-b000eb4c=""
-                >
-                  <form
-                    class="v-form contact-form"
-                    data-v-2e8ea5ee=""
-                    novalidate=""
-                  >
-                    
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="contactname-messages"
-                                  class="v-field__input"
-                                  id="contactname"
-                                  name="firstname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-9-messages"
-                                  class="v-field__input"
-                                  id="input-9"
-                                  name="lastname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-11-messages"
-                                  class="v-field__input"
-                                  id="input-11"
-                                  name="email"
-                                  required=""
-                                  size="1"
-                                  type="email"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-2e8ea5ee=""
-                      >
-                        <!-- &lt;v-select
-               v-model="topic"
-               name="topic"
-               :items="topicItems"
-               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
-               required
-               class="contact-text mt-4"
-               :label="$t('menu.footer.contactForm.topic')"
-               variant="solo"
-               color="#3D4753"
-               bg-color="rgba(174, 179, 189, 0.50)"
-               hide-details="auto"
-               flat
-               rounded="xl"
-               menu-icon="mdi-arrow-down"
-               &gt;&lt;/v-select&gt; -->
-                      </div>
-                    </div>
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col pt-2 pb-0"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <textarea
-                                  aria-describedby="input-13-messages"
-                                  class="v-field__input"
-                                  id="input-13"
-                                  name="message"
-                                  required=""
-                                  rows="5"
-                                />
-                                <!---->
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <div
-                            class="v-input__details"
-                          >
-                            <transition-group-stub
-                              appear="false"
-                              aria-live="polite"
-                              class="v-messages"
-                              css="true"
-                              id="input-13-messages"
-                              name="slide-y-transition"
-                              persisted="false"
-                              role="alert"
-                              tag="div"
-                            >
-                              <!---->
-                            </transition-group-stub>
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col d-flex align-start"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
-                            >
-                              <div
-                                class="v-selection-control__wrapper"
-                              >
-                                <!---->
-                                <div
-                                  class="v-selection-control__input"
-                                >
-                                  
-                                  <i
-                                    aria-hidden="true"
-                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
-                                  />
-                                  <input
-                                    aria-describedby="checkbox-15-messages"
-                                    aria-disabled="false"
-                                    id="checkbox-15"
-                                    name="dataprivacy"
-                                    required=""
-                                    type="checkbox"
-                                    value="false"
-                                  />
-                                  
-                                </div>
-                              </div>
-                              <!---->
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                        <span
-                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-2e8ea5ee=""
-                        >
-                          $t('menu.footer.contactForm.privacy') 
-                          <a
-                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-1925b644=""
-                            data-v-2e8ea5ee=""
-                            href="/datenschutz"
-                          >
-                            
-                            <span
-                              class="v-btn__overlay"
-                            />
-                            <span
-                              class="v-btn__underlay"
-                            />
-                            
-                            <!---->
-                            <span
-                              class="v-btn__content"
-                              data-no-activator=""
-                            >
-                              
-                              
-                              $t('menu.footer.contactForm.privacyLinkLabel')
-                              
-                              
-                            </span>
-                            <!---->
-                            <!---->
-                          </a>
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <button
-                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-2b63c1fe=""
-                          data-v-2e8ea5ee=""
-                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
-                          type="submit"
-                        >
-                          
-                          <span
-                            class="v-btn__overlay"
-                          />
-                          <span
-                            class="v-btn__underlay"
-                          />
-                          
-                          <!---->
-                          <span
-                            class="v-btn__content"
-                            data-no-activator=""
-                          >
-                            
-                            
-                            <!--v-if-->
-                            <span
-                              class="main-button-content"
-                              data-v-2b63c1fe=""
-                            >
-                              $t('menu.footer.contactForm.submitBtn') 
-                              <!--v-if-->
-                            </span>
-                            
-                            
-                          </span>
-                          <!---->
-                          <!---->
-                        </button>
-                      </div>
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <transition-group-stub
-                          appear="false"
-                          css="true"
-                          data-v-2e8ea5ee=""
-                          persisted="false"
-                        >
-                          <!--v-if-->
-                          <!--v-if-->
-                        </transition-group-stub>
-                      </div>
-                    </div>
-                    
-                  </form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </footer>
-        <div
-          class="gradient-bg"
-          data-v-b000eb4c=""
-        />
-      </div>
-      
-    </main>
-    
-  </div>
-</div>
-`;
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index c7fa1f144..737ba3341 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -12,11 +12,350 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
       class="v-main main-layout index-page"
       data-v-07c017cc=""
       data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px;"
     >
       
       <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/dreammall-logo.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <transition-stub
+                      appear="true"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <img
+                        class="v-img__img v-img__img--contain"
+                        src="/src/assets/img/hamburger_mobile.svg"
+                        style="display: none;"
+                      />
+                    </transition-stub>
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
         data-v-75d0be1e=""
       >
         <div
@@ -208,7 +547,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       <button
                         aria-label="Element 1 von 2"
                         class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item v-btn--active"
-                        id="carousel-item-0"
+                        id="carousel-item-8"
                         style="color: #ffffff; caret-color: #ffffff;"
                         type="button"
                       >
@@ -236,7 +575,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       <button
                         aria-label="Element 2 von 2"
                         class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item"
-                        id="carousel-item-1"
+                        id="carousel-item-9"
                         style="color: #ffffff; caret-color: #ffffff;"
                         type="button"
                       >
@@ -978,7 +1317,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       <label
                                         aria-hidden="true"
                                         class="v-label v-field-label v-field-label--floating"
-                                        for="input-5"
+                                        for="input-13"
                                       >
                                         <!---->
                                         
@@ -987,7 +1326,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       </label>
                                       <label
                                         class="v-label v-field-label"
-                                        for="input-5"
+                                        for="input-13"
                                       >
                                         <!---->
                                         
@@ -998,9 +1337,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       
                                       <!---->
                                       <input
-                                        aria-describedby="input-5-messages"
+                                        aria-describedby="input-13-messages"
                                         class="v-field__input"
-                                        id="input-5"
+                                        id="input-13"
                                         name="firstname"
                                         required=""
                                         size="1"
@@ -1093,7 +1432,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       <label
                                         aria-hidden="true"
                                         class="v-label v-field-label v-field-label--floating"
-                                        for="input-7"
+                                        for="input-15"
                                       >
                                         <!---->
                                         
@@ -1102,7 +1441,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       </label>
                                       <label
                                         class="v-label v-field-label"
-                                        for="input-7"
+                                        for="input-15"
                                       >
                                         <!---->
                                         
@@ -1113,9 +1452,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       
                                       <!---->
                                       <input
-                                        aria-describedby="input-7-messages"
+                                        aria-describedby="input-15-messages"
                                         class="v-field__input"
-                                        id="input-7"
+                                        id="input-15"
                                         name="lastname"
                                         required=""
                                         size="1"
@@ -1213,7 +1552,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       <label
                                         aria-hidden="true"
                                         class="v-label v-field-label v-field-label--floating"
-                                        for="input-9"
+                                        for="input-17"
                                       >
                                         <!---->
                                         
@@ -1222,7 +1561,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       </label>
                                       <label
                                         class="v-label v-field-label"
-                                        for="input-9"
+                                        for="input-17"
                                       >
                                         <!---->
                                         
@@ -1233,9 +1572,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       
                                       <!---->
                                       <input
-                                        aria-describedby="input-9-messages"
+                                        aria-describedby="input-17-messages"
                                         class="v-field__input"
-                                        id="input-9"
+                                        id="input-17"
                                         name="email"
                                         required=""
                                         size="1"
@@ -1335,9 +1674,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                           class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                         />
                                         <input
-                                          aria-describedby="checkbox-12-messages"
+                                          aria-describedby="checkbox-20-messages"
                                           aria-disabled="false"
-                                          id="checkbox-12"
+                                          id="checkbox-20"
                                           name="dataprivacy"
                                           required=""
                                           type="checkbox"
@@ -1873,7 +2212,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <button
                           aria-label="Element 1 von 3"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item v-btn--active"
-                          id="carousel-item-16"
+                          id="carousel-item-24"
                           style="color: #ABABAB; caret-color: #ABABAB;"
                           type="button"
                         >
@@ -1901,7 +2240,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <button
                           aria-label="Element 2 von 3"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item"
-                          id="carousel-item-17"
+                          id="carousel-item-25"
                           style="color: #ABABAB; caret-color: #ABABAB;"
                           type="button"
                         >
@@ -1929,7 +2268,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <button
                           aria-label="Element 3 von 3"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item"
-                          id="carousel-item-18"
+                          id="carousel-item-26"
                           style="color: #ABABAB; caret-color: #ABABAB;"
                           type="button"
                         >
@@ -2539,7 +2878,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-31"
+                                  for="input-39"
                                 >
                                   <!---->
                                   
@@ -2548,7 +2887,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-31"
+                                  for="input-39"
                                 >
                                   <!---->
                                   
@@ -2559,9 +2898,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-31-messages"
+                                  aria-describedby="input-39-messages"
                                   class="v-field__input"
-                                  id="input-31"
+                                  id="input-39"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -2659,7 +2998,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-33"
+                                  for="input-41"
                                 >
                                   <!---->
                                   
@@ -2668,7 +3007,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-33"
+                                  for="input-41"
                                 >
                                   <!---->
                                   
@@ -2679,9 +3018,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-33-messages"
+                                  aria-describedby="input-41-messages"
                                   class="v-field__input"
-                                  id="input-33"
+                                  id="input-41"
                                   name="email"
                                   required=""
                                   size="1"
@@ -2800,7 +3139,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-35"
+                                  for="input-43"
                                 >
                                   <!---->
                                   
@@ -2809,7 +3148,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-35"
+                                  for="input-43"
                                 >
                                   <!---->
                                   
@@ -2820,9 +3159,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-35-messages"
+                                  aria-describedby="input-43-messages"
                                   class="v-field__input"
-                                  id="input-35"
+                                  id="input-43"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -2852,7 +3191,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-35-messages"
+                              id="input-43-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -2898,9 +3237,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-37-messages"
+                                    aria-describedby="checkbox-45-messages"
                                     aria-disabled="false"
-                                    id="checkbox-37"
+                                    id="checkbox-45"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
deleted file mode 100644
index 31cd56e0c..000000000
--- a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
+++ /dev/null
@@ -1,3031 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`OptinPage > API call with error > renders error message 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <main
-      class="v-main main-layout"
-      data-v-6e13aff2=""
-      data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
-    >
-      
-      <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
-        data-v-75d0be1e=""
-      >
-        <div
-          class="v-row"
-          data-v-75d0be1e=""
-        >
-          <!--v-if-->
-          <div
-            class="v-col pa-0 pa-sm-1 pt-0"
-            data-v-75d0be1e=""
-          >
-            
-            <div
-              class="h-screen"
-              data-v-6e13aff2=""
-            >
-              <p
-                data-v-6e13aff2=""
-              >
-                $t('optin.error.text') 
-                <br
-                  data-v-6e13aff2=""
-                />
-                <a
-                  data-v-6e13aff2=""
-                  href="/#newsletter-section"
-                >
-                  $t('optin.error.link')
-                </a>
-              </p>
-            </div>
-            
-          </div>
-        </div>
-      </div>
-      <div
-        data-v-75d0be1e=""
-        data-v-b000eb4c=""
-      >
-        <footer
-          class="v-footer v-theme--light justify-center"
-          dark=""
-          data-v-b000eb4c=""
-          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
-        >
-          <div
-            class="v-row justify-center my-4 justify-space-around footer"
-            data-v-b000eb4c=""
-          >
-            <div
-              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.sitemap')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.home')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#planning-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.planing')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#coffee-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.worldCoffeeHouse')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
-                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
-              {{ $t('menu.footer.socialHeadline') }}
-            &lt;/h3&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
-              </div>
-            </div>
-            <div
-              class="v-col-md-3 v-col-6"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.privacyHeadline')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/impressum"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.impress')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#newsletter-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.newsletter')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/datenschutz"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.privacy')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-              </div>
-              <div
-                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
-                data-v-916aa5dc=""
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-responsive__sizer"
-                />
-                
-                
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
-                <transition-stub
-                  appear="false"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <!---->
-                </transition-stub>
-                <!---->
-                <!---->
-                <!---->
-                
-                
-                <!---->
-              </div>
-            </div>
-            <div
-              class="v-col-md-6 v-col-12"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-10 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.contact')
-              </h2>
-              <div
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-sheet v-theme--light bg-transparent"
-                  data-v-2e8ea5ee=""
-                  data-v-b000eb4c=""
-                >
-                  <form
-                    class="v-form contact-form"
-                    data-v-2e8ea5ee=""
-                    novalidate=""
-                  >
-                    
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="contactname-messages"
-                                  class="v-field__input"
-                                  id="contactname"
-                                  name="firstname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-9-messages"
-                                  class="v-field__input"
-                                  id="input-9"
-                                  name="lastname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-11-messages"
-                                  class="v-field__input"
-                                  id="input-11"
-                                  name="email"
-                                  required=""
-                                  size="1"
-                                  type="email"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-2e8ea5ee=""
-                      >
-                        <!-- &lt;v-select
-               v-model="topic"
-               name="topic"
-               :items="topicItems"
-               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
-               required
-               class="contact-text mt-4"
-               :label="$t('menu.footer.contactForm.topic')"
-               variant="solo"
-               color="#3D4753"
-               bg-color="rgba(174, 179, 189, 0.50)"
-               hide-details="auto"
-               flat
-               rounded="xl"
-               menu-icon="mdi-arrow-down"
-               &gt;&lt;/v-select&gt; -->
-                      </div>
-                    </div>
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col pt-2 pb-0"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <textarea
-                                  aria-describedby="input-13-messages"
-                                  class="v-field__input"
-                                  id="input-13"
-                                  name="message"
-                                  required=""
-                                  rows="5"
-                                />
-                                <!---->
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <div
-                            class="v-input__details"
-                          >
-                            <transition-group-stub
-                              appear="false"
-                              aria-live="polite"
-                              class="v-messages"
-                              css="true"
-                              id="input-13-messages"
-                              name="slide-y-transition"
-                              persisted="false"
-                              role="alert"
-                              tag="div"
-                            >
-                              <!---->
-                            </transition-group-stub>
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col d-flex align-start"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
-                            >
-                              <div
-                                class="v-selection-control__wrapper"
-                              >
-                                <!---->
-                                <div
-                                  class="v-selection-control__input"
-                                >
-                                  
-                                  <i
-                                    aria-hidden="true"
-                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
-                                  />
-                                  <input
-                                    aria-describedby="checkbox-15-messages"
-                                    aria-disabled="false"
-                                    id="checkbox-15"
-                                    name="dataprivacy"
-                                    required=""
-                                    type="checkbox"
-                                    value="false"
-                                  />
-                                  
-                                </div>
-                              </div>
-                              <!---->
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                        <span
-                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-2e8ea5ee=""
-                        >
-                          $t('menu.footer.contactForm.privacy') 
-                          <a
-                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-1925b644=""
-                            data-v-2e8ea5ee=""
-                            href="/datenschutz"
-                          >
-                            
-                            <span
-                              class="v-btn__overlay"
-                            />
-                            <span
-                              class="v-btn__underlay"
-                            />
-                            
-                            <!---->
-                            <span
-                              class="v-btn__content"
-                              data-no-activator=""
-                            >
-                              
-                              
-                              $t('menu.footer.contactForm.privacyLinkLabel')
-                              
-                              
-                            </span>
-                            <!---->
-                            <!---->
-                          </a>
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <button
-                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-2b63c1fe=""
-                          data-v-2e8ea5ee=""
-                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
-                          type="submit"
-                        >
-                          
-                          <span
-                            class="v-btn__overlay"
-                          />
-                          <span
-                            class="v-btn__underlay"
-                          />
-                          
-                          <!---->
-                          <span
-                            class="v-btn__content"
-                            data-no-activator=""
-                          >
-                            
-                            
-                            <!--v-if-->
-                            <span
-                              class="main-button-content"
-                              data-v-2b63c1fe=""
-                            >
-                              $t('menu.footer.contactForm.submitBtn') 
-                              <!--v-if-->
-                            </span>
-                            
-                            
-                          </span>
-                          <!---->
-                          <!---->
-                        </button>
-                      </div>
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <transition-group-stub
-                          appear="false"
-                          css="true"
-                          data-v-2e8ea5ee=""
-                          persisted="false"
-                        >
-                          <!--v-if-->
-                          <!--v-if-->
-                        </transition-group-stub>
-                      </div>
-                    </div>
-                    
-                  </form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </footer>
-        <div
-          class="gradient-bg"
-          data-v-b000eb4c=""
-        />
-      </div>
-      
-    </main>
-    
-  </div>
-</div>
-`;
-
-exports[`OptinPage > API call with failure > renders error message 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <main
-      class="v-main main-layout"
-      data-v-6e13aff2=""
-      data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
-    >
-      
-      <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
-        data-v-75d0be1e=""
-      >
-        <div
-          class="v-row"
-          data-v-75d0be1e=""
-        >
-          <!--v-if-->
-          <div
-            class="v-col pa-0 pa-sm-1 pt-0"
-            data-v-75d0be1e=""
-          >
-            
-            <div
-              class="h-screen"
-              data-v-6e13aff2=""
-            >
-              <p
-                data-v-6e13aff2=""
-              >
-                $t('optin.error.text') 
-                <br
-                  data-v-6e13aff2=""
-                />
-                <a
-                  data-v-6e13aff2=""
-                  href="/#newsletter-section"
-                >
-                  $t('optin.error.link')
-                </a>
-              </p>
-            </div>
-            
-          </div>
-        </div>
-      </div>
-      <div
-        data-v-75d0be1e=""
-        data-v-b000eb4c=""
-      >
-        <footer
-          class="v-footer v-theme--light justify-center"
-          dark=""
-          data-v-b000eb4c=""
-          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
-        >
-          <div
-            class="v-row justify-center my-4 justify-space-around footer"
-            data-v-b000eb4c=""
-          >
-            <div
-              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.sitemap')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.home')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#planning-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.planing')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#coffee-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.worldCoffeeHouse')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
-                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
-              {{ $t('menu.footer.socialHeadline') }}
-            &lt;/h3&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
-              </div>
-            </div>
-            <div
-              class="v-col-md-3 v-col-6"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.privacyHeadline')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/impressum"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.impress')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#newsletter-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.newsletter')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/datenschutz"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.privacy')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-              </div>
-              <div
-                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
-                data-v-916aa5dc=""
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-responsive__sizer"
-                />
-                
-                
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
-                <transition-stub
-                  appear="false"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <!---->
-                </transition-stub>
-                <!---->
-                <!---->
-                <!---->
-                
-                
-                <!---->
-              </div>
-            </div>
-            <div
-              class="v-col-md-6 v-col-12"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-10 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.contact')
-              </h2>
-              <div
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-sheet v-theme--light bg-transparent"
-                  data-v-2e8ea5ee=""
-                  data-v-b000eb4c=""
-                >
-                  <form
-                    class="v-form contact-form"
-                    data-v-2e8ea5ee=""
-                    novalidate=""
-                  >
-                    
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="contactname-messages"
-                                  class="v-field__input"
-                                  id="contactname"
-                                  name="firstname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-9-messages"
-                                  class="v-field__input"
-                                  id="input-9"
-                                  name="lastname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-11-messages"
-                                  class="v-field__input"
-                                  id="input-11"
-                                  name="email"
-                                  required=""
-                                  size="1"
-                                  type="email"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-2e8ea5ee=""
-                      >
-                        <!-- &lt;v-select
-               v-model="topic"
-               name="topic"
-               :items="topicItems"
-               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
-               required
-               class="contact-text mt-4"
-               :label="$t('menu.footer.contactForm.topic')"
-               variant="solo"
-               color="#3D4753"
-               bg-color="rgba(174, 179, 189, 0.50)"
-               hide-details="auto"
-               flat
-               rounded="xl"
-               menu-icon="mdi-arrow-down"
-               &gt;&lt;/v-select&gt; -->
-                      </div>
-                    </div>
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col pt-2 pb-0"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <textarea
-                                  aria-describedby="input-13-messages"
-                                  class="v-field__input"
-                                  id="input-13"
-                                  name="message"
-                                  required=""
-                                  rows="5"
-                                />
-                                <!---->
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <div
-                            class="v-input__details"
-                          >
-                            <transition-group-stub
-                              appear="false"
-                              aria-live="polite"
-                              class="v-messages"
-                              css="true"
-                              id="input-13-messages"
-                              name="slide-y-transition"
-                              persisted="false"
-                              role="alert"
-                              tag="div"
-                            >
-                              <!---->
-                            </transition-group-stub>
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col d-flex align-start"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
-                            >
-                              <div
-                                class="v-selection-control__wrapper"
-                              >
-                                <!---->
-                                <div
-                                  class="v-selection-control__input"
-                                >
-                                  
-                                  <i
-                                    aria-hidden="true"
-                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
-                                  />
-                                  <input
-                                    aria-describedby="checkbox-15-messages"
-                                    aria-disabled="false"
-                                    id="checkbox-15"
-                                    name="dataprivacy"
-                                    required=""
-                                    type="checkbox"
-                                    value="false"
-                                  />
-                                  
-                                </div>
-                              </div>
-                              <!---->
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                        <span
-                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-2e8ea5ee=""
-                        >
-                          $t('menu.footer.contactForm.privacy') 
-                          <a
-                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-1925b644=""
-                            data-v-2e8ea5ee=""
-                            href="/datenschutz"
-                          >
-                            
-                            <span
-                              class="v-btn__overlay"
-                            />
-                            <span
-                              class="v-btn__underlay"
-                            />
-                            
-                            <!---->
-                            <span
-                              class="v-btn__content"
-                              data-no-activator=""
-                            >
-                              
-                              
-                              $t('menu.footer.contactForm.privacyLinkLabel')
-                              
-                              
-                            </span>
-                            <!---->
-                            <!---->
-                          </a>
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <button
-                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-2b63c1fe=""
-                          data-v-2e8ea5ee=""
-                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
-                          type="submit"
-                        >
-                          
-                          <span
-                            class="v-btn__overlay"
-                          />
-                          <span
-                            class="v-btn__underlay"
-                          />
-                          
-                          <!---->
-                          <span
-                            class="v-btn__content"
-                            data-no-activator=""
-                          >
-                            
-                            
-                            <!--v-if-->
-                            <span
-                              class="main-button-content"
-                              data-v-2b63c1fe=""
-                            >
-                              $t('menu.footer.contactForm.submitBtn') 
-                              <!--v-if-->
-                            </span>
-                            
-                            
-                          </span>
-                          <!---->
-                          <!---->
-                        </button>
-                      </div>
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <transition-group-stub
-                          appear="false"
-                          css="true"
-                          data-v-2e8ea5ee=""
-                          persisted="false"
-                        >
-                          <!--v-if-->
-                          <!--v-if-->
-                        </transition-group-stub>
-                      </div>
-                    </div>
-                    
-                  </form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </footer>
-        <div
-          class="gradient-bg"
-          data-v-b000eb4c=""
-        />
-      </div>
-      
-    </main>
-    
-  </div>
-</div>
-`;
-
-exports[`OptinPage > API call with success > renders success 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <main
-      class="v-main main-layout"
-      data-v-6e13aff2=""
-      data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px; transition: none !important;"
-    >
-      
-      <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
-        data-v-75d0be1e=""
-      >
-        <div
-          class="v-row"
-          data-v-75d0be1e=""
-        >
-          <!--v-if-->
-          <div
-            class="v-col pa-0 pa-sm-1 pt-0"
-            data-v-75d0be1e=""
-          >
-            
-            <div
-              class="h-screen"
-              data-v-6e13aff2=""
-            >
-              <p
-                data-v-6e13aff2=""
-              >
-                $t('optin.success.text')
-              </p>
-            </div>
-            
-          </div>
-        </div>
-      </div>
-      <div
-        data-v-75d0be1e=""
-        data-v-b000eb4c=""
-      >
-        <footer
-          class="v-footer v-theme--light justify-center"
-          dark=""
-          data-v-b000eb4c=""
-          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
-        >
-          <div
-            class="v-row justify-center my-4 justify-space-around footer"
-            data-v-b000eb4c=""
-          >
-            <div
-              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.sitemap')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.home')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#planning-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.planing')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#coffee-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.worldCoffeeHouse')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
-                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
-              {{ $t('menu.footer.socialHeadline') }}
-            &lt;/h3&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
-            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
-              </div>
-            </div>
-            <div
-              class="v-col-md-3 v-col-6"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-6 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.privacyHeadline')
-              </h2>
-              <div
-                class="footer-links"
-                data-v-b000eb4c=""
-              >
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/impressum"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.impress')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/#newsletter-section"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.newsletter')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-                <a
-                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
-                  data-v-1925b644=""
-                  data-v-b000eb4c=""
-                  href="/datenschutz"
-                >
-                  
-                  <span
-                    class="v-btn__overlay"
-                  />
-                  <span
-                    class="v-btn__underlay"
-                  />
-                  
-                  <!---->
-                  <span
-                    class="v-btn__content"
-                    data-no-activator=""
-                  >
-                    
-                    
-                    $t('menu.footer.privacy')
-                    
-                    
-                  </span>
-                  <!---->
-                  <!---->
-                </a>
-              </div>
-              <div
-                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
-                data-v-916aa5dc=""
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-responsive__sizer"
-                />
-                
-                
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
-                <transition-stub
-                  appear="false"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <!---->
-                </transition-stub>
-                <!---->
-                <!---->
-                <!---->
-                
-                
-                <!---->
-              </div>
-            </div>
-            <div
-              class="v-col-md-6 v-col-12"
-              data-v-b000eb4c=""
-            >
-              <h2
-                class="footer-header mb-10 text-left"
-                data-v-b000eb4c=""
-              >
-                $t('menu.footer.contact')
-              </h2>
-              <div
-                data-v-b000eb4c=""
-              >
-                <div
-                  class="v-sheet v-theme--light bg-transparent"
-                  data-v-2e8ea5ee=""
-                  data-v-b000eb4c=""
-                >
-                  <form
-                    class="v-form contact-form"
-                    data-v-2e8ea5ee=""
-                    novalidate=""
-                  >
-                    
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="contactname"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.firstName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="contactname-messages"
-                                  class="v-field__input"
-                                  id="contactname"
-                                  name="firstname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-9"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.lastName')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-9-messages"
-                                  class="v-field__input"
-                                  id="input-9"
-                                  name="lastname"
-                                  required=""
-                                  size="1"
-                                  type="text"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-1"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-11"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.mail')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <input
-                                  aria-describedby="input-11-messages"
-                                  class="v-field__input"
-                                  id="input-11"
-                                  name="email"
-                                  required=""
-                                  size="1"
-                                  type="email"
-                                />
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                      </div>
-                      <div
-                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
-                        data-v-2e8ea5ee=""
-                      >
-                        <!-- &lt;v-select
-               v-model="topic"
-               name="topic"
-               :items="topicItems"
-               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
-               required
-               class="contact-text mt-4"
-               :label="$t('menu.footer.contactForm.topic')"
-               variant="solo"
-               color="#3D4753"
-               bg-color="rgba(174, 179, 189, 0.50)"
-               hide-details="auto"
-               flat
-               rounded="xl"
-               menu-icon="mdi-arrow-down"
-               &gt;&lt;/v-select&gt; -->
-                      </div>
-                    </div>
-                    <div
-                      class="v-row"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col pt-2 pb-0"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
-                              style="background-color: rgba(174, 179, 189, 0.50);"
-                            >
-                              <div
-                                class="v-field__overlay"
-                              />
-                              <div
-                                class="v-field__loader"
-                              >
-                                <div
-                                  aria-hidden="true"
-                                  aria-valuemax="100"
-                                  aria-valuemin="0"
-                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
-                                  role="progressbar"
-                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
-                                >
-                                  <!---->
-                                  <div
-                                    class="v-progress-linear__background"
-                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
-                                  />
-                                  <transition-stub
-                                    appear="false"
-                                    css="true"
-                                    name="fade-transition"
-                                    persisted="false"
-                                  >
-                                    <div
-                                      class="v-progress-linear__indeterminate"
-                                    >
-                                      
-                                      <div
-                                        class="v-progress-linear__indeterminate long"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      <div
-                                        class="v-progress-linear__indeterminate short"
-                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
-                                      />
-                                      
-                                    </div>
-                                  </transition-stub>
-                                  <!---->
-                                </div>
-                              </div>
-                              <!---->
-                              <div
-                                class="v-field__field"
-                                data-no-activator=""
-                              >
-                                <label
-                                  aria-hidden="true"
-                                  class="v-label v-field-label v-field-label--floating"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                <label
-                                  class="v-label v-field-label"
-                                  for="input-13"
-                                >
-                                  <!---->
-                                  
-                                  $t('menu.footer.contactForm.message')
-                                  
-                                </label>
-                                
-                                
-                                <!---->
-                                <textarea
-                                  aria-describedby="input-13-messages"
-                                  class="v-field__input"
-                                  id="input-13"
-                                  name="message"
-                                  required=""
-                                  rows="5"
-                                />
-                                <!---->
-                                <!---->
-                                
-                                
-                              </div>
-                              <!---->
-                              <!---->
-                              <div
-                                class="v-field__outline"
-                              >
-                                <!---->
-                                <!---->
-                              </div>
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <div
-                            class="v-input__details"
-                          >
-                            <transition-group-stub
-                              appear="false"
-                              aria-live="polite"
-                              class="v-messages"
-                              css="true"
-                              id="input-13-messages"
-                              name="slide-y-transition"
-                              persisted="false"
-                              role="alert"
-                              tag="div"
-                            >
-                              <!---->
-                            </transition-group-stub>
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col d-flex align-start"
-                        data-v-2e8ea5ee=""
-                      >
-                        <div
-                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
-                          data-v-2e8ea5ee=""
-                        >
-                          <!---->
-                          <div
-                            class="v-input__control"
-                          >
-                            
-                            <div
-                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
-                            >
-                              <div
-                                class="v-selection-control__wrapper"
-                              >
-                                <!---->
-                                <div
-                                  class="v-selection-control__input"
-                                >
-                                  
-                                  <i
-                                    aria-hidden="true"
-                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
-                                  />
-                                  <input
-                                    aria-describedby="checkbox-15-messages"
-                                    aria-disabled="false"
-                                    id="checkbox-15"
-                                    name="dataprivacy"
-                                    required=""
-                                    type="checkbox"
-                                    value="false"
-                                  />
-                                  
-                                </div>
-                              </div>
-                              <!---->
-                            </div>
-                            
-                          </div>
-                          <!---->
-                          <!---->
-                        </div>
-                        <span
-                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
-                          data-v-2e8ea5ee=""
-                        >
-                          $t('menu.footer.contactForm.privacy') 
-                          <a
-                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
-                            data-v-1925b644=""
-                            data-v-2e8ea5ee=""
-                            href="/datenschutz"
-                          >
-                            
-                            <span
-                              class="v-btn__overlay"
-                            />
-                            <span
-                              class="v-btn__underlay"
-                            />
-                            
-                            <!---->
-                            <span
-                              class="v-btn__content"
-                              data-no-activator=""
-                            >
-                              
-                              
-                              $t('menu.footer.contactForm.privacyLinkLabel')
-                              
-                              
-                            </span>
-                            <!---->
-                            <!---->
-                          </a>
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      class="v-row mt-0"
-                      data-v-2e8ea5ee=""
-                    >
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <button
-                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
-                          data-v-2b63c1fe=""
-                          data-v-2e8ea5ee=""
-                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
-                          type="submit"
-                        >
-                          
-                          <span
-                            class="v-btn__overlay"
-                          />
-                          <span
-                            class="v-btn__underlay"
-                          />
-                          
-                          <!---->
-                          <span
-                            class="v-btn__content"
-                            data-no-activator=""
-                          >
-                            
-                            
-                            <!--v-if-->
-                            <span
-                              class="main-button-content"
-                              data-v-2b63c1fe=""
-                            >
-                              $t('menu.footer.contactForm.submitBtn') 
-                              <!--v-if-->
-                            </span>
-                            
-                            
-                          </span>
-                          <!---->
-                          <!---->
-                        </button>
-                      </div>
-                      <div
-                        class="v-col"
-                        data-v-2e8ea5ee=""
-                      >
-                        <transition-group-stub
-                          appear="false"
-                          css="true"
-                          data-v-2e8ea5ee=""
-                          persisted="false"
-                        >
-                          <!--v-if-->
-                          <!--v-if-->
-                        </transition-group-stub>
-                      </div>
-                    </div>
-                    
-                  </form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </footer>
-        <div
-          class="gradient-bg"
-          data-v-b000eb4c=""
-        />
-      </div>
-      
-    </main>
-    
-  </div>
-</div>
-`;

From e2d18782a7d9d804a3994900ed91ccf74e3a9a74 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 24 Jan 2024 17:41:34 +0100
Subject: [PATCH 052/101] refine form templates regarding checkbox component

---
 presenter/src/components/forms/ContactForm.vue    | 2 +-
 presenter/src/components/forms/NewsletterForm.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/components/forms/ContactForm.vue b/presenter/src/components/forms/ContactForm.vue
index e29b0ad22..73555c30e 100644
--- a/presenter/src/components/forms/ContactForm.vue
+++ b/presenter/src/components/forms/ContactForm.vue
@@ -70,7 +70,7 @@
       </v-row>
       <v-row class="mt-0">
         <v-col class="d-flex align-start">
-          <DataPrivacyCheckbox></DataPrivacyCheckbox>
+          <DataPrivacyCheckbox />
           <span class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
             >{{ $t('menu.footer.contactForm.privacy') }}
             <AnchorLink
diff --git a/presenter/src/components/forms/NewsletterForm.vue b/presenter/src/components/forms/NewsletterForm.vue
index 854aa3df3..84ad5cb1e 100644
--- a/presenter/src/components/forms/NewsletterForm.vue
+++ b/presenter/src/components/forms/NewsletterForm.vue
@@ -46,7 +46,7 @@
 
       <v-row>
         <v-col cols="12" class="d-flex align-start">
-          <DataPrivacyCheckbox></DataPrivacyCheckbox>
+          <DataPrivacyCheckbox />
           <span class="ml-6 ml-sm-4 pt-2 newsletter-dataprivacy"
             >{{ $t('home.newsletterSection.newsletterForm.privacy') }}
             <AnchorLink

From 159b690475e01836b2720595cf99115b52019c33 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 18:40:01 +0100
Subject: [PATCH 053/101] allow per page titles

---
 presenter/renderer/+config.h.ts       | 10 ++++++++++
 presenter/renderer/+onRenderClient.ts |  3 +++
 presenter/renderer/+onRenderHtml.ts   |  9 ++++-----
 presenter/renderer/utils.ts           | 18 ++++++++++++++++++
 presenter/types/PageContext.ts        | 12 +++---------
 5 files changed, 38 insertions(+), 14 deletions(-)
 create mode 100644 presenter/renderer/utils.ts

diff --git a/presenter/renderer/+config.h.ts b/presenter/renderer/+config.h.ts
index 5e4c76541..ceabba4d1 100644
--- a/presenter/renderer/+config.h.ts
+++ b/presenter/renderer/+config.h.ts
@@ -3,4 +3,14 @@ export default {
   clientRouting: true,
   prefetchStaticAssets: 'viewport',
   passToClient: ['pageProps', /* 'urlPathname', */ 'routeParams'],
+  meta: {
+    title: {
+      // Make the value of `title` available on both the server- and client-side
+      env: { server: true, client: true },
+    },
+    description: {
+      // Make the value of `description` available only on the server-side
+      env: { server: true },
+    },
+  },
 }
diff --git a/presenter/renderer/+onRenderClient.ts b/presenter/renderer/+onRenderClient.ts
index 825c8c1e9..ac0b98109 100644
--- a/presenter/renderer/+onRenderClient.ts
+++ b/presenter/renderer/+onRenderClient.ts
@@ -1,4 +1,5 @@
 import { createApp } from './app'
+import { getTitle } from './utils'
 
 import type { PageContext, VikePageContext } from '#types/PageContext'
 
@@ -10,6 +11,8 @@ let instance: ReturnType<typeof createApp>
   } else {
     instance.app.changePage(pageContext)
   }
+
+  document.title = getTitle(pageContext)
 }
 
 export default render
diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 6c1694014..58f106df1 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -4,9 +4,9 @@ import { resolveComponent } from 'vue'
 
 import logoUrl from '#assets/favicon.ico'
 import image from '#assets/img/dreammall-logo_social.svg'
-import { META } from '#src/env'
 
 import { createApp } from './app'
+import { getDescription, getTitle } from './utils'
 
 import type { PageContextServer, PageContext } from '#types/PageContext'
 import type { App } from 'vue'
@@ -24,9 +24,8 @@ async function render(pageContext: PageContextServer & PageContext) {
   const appHtml = await renderToString(app)
 
   // See https://vike.dev/head
-  const { documentProps } = pageContext.exports
-  const title = (documentProps && documentProps.title) || META.DEFAULT_TITLE
-  const desc = (documentProps && documentProps.description) || META.DEFAULT_DESCRIPTION
+  const title = getTitle(pageContext)
+  const description = getDescription(pageContext)
 
   const documentHtml = escapeInject`<!DOCTYPE html>
     <html lang="${locale}">
@@ -34,7 +33,7 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta charset="UTF-8" />
         <link rel="icon" href="${logoUrl}" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="${desc}" />
+        <meta name="description" content="${description}" />
         <meta property="og:image" content="${image}" />
         <meta property="og:image:width" content="1200"/>
         <meta property="og:image:height" content="601"/>
diff --git a/presenter/renderer/utils.ts b/presenter/renderer/utils.ts
new file mode 100644
index 000000000..6e99b8f6a
--- /dev/null
+++ b/presenter/renderer/utils.ts
@@ -0,0 +1,18 @@
+import { META } from '#src/env'
+import { PageContext } from '#types/PageContext'
+
+function getTitle(pageContext: PageContext) {
+  // The value exported by /pages/**/+title.js is available at pageContext.config.title
+  const val = pageContext.config.title
+  if (typeof val === 'string') return val
+  if (typeof val === 'function') return String(val(pageContext))
+  return META.DEFAULT_TITLE
+}
+function getDescription(pageContext: PageContext) {
+  const val = pageContext.config.description
+  if (typeof val === 'string') return val
+  if (typeof val === 'function') return val(pageContext)
+  return META.DEFAULT_DESCRIPTION
+}
+
+export { getTitle, getDescription }
diff --git a/presenter/types/PageContext.ts b/presenter/types/PageContext.ts
index 86a8da4ca..b01f2362e 100644
--- a/presenter/types/PageContext.ts
+++ b/presenter/types/PageContext.ts
@@ -20,14 +20,8 @@ export type PageContext = {
   Page: Page
   pageProps?: PageProps
   urlPathname: string
-  exports: {
-    documentProps?: {
-      title?: string
-      description?: string
-    }
-  }
-  documentProps?: {
-    title: string
-    description?: string
+  config: {
+    title: string | ((pageContext: PageContext) => string) | undefined
+    description: string | ((pageContext: PageContext) => string) | undefined
   }
 }

From 8c48709ea7e6d3fd805ac58bb0898bae5147aad3 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 18:40:12 +0100
Subject: [PATCH 054/101] title adjustment

---
 presenter/src/pages/_error/+title.ts      | 1 +
 presenter/src/pages/datenschutz/+title.ts | 1 +
 presenter/src/pages/impressum/+title.ts   | 1 +
 presenter/src/pages/index/+title.ts       | 3 +++
 4 files changed, 6 insertions(+)
 create mode 100644 presenter/src/pages/_error/+title.ts
 create mode 100644 presenter/src/pages/datenschutz/+title.ts
 create mode 100644 presenter/src/pages/impressum/+title.ts
 create mode 100644 presenter/src/pages/index/+title.ts

diff --git a/presenter/src/pages/_error/+title.ts b/presenter/src/pages/_error/+title.ts
new file mode 100644
index 000000000..0b7864ea9
--- /dev/null
+++ b/presenter/src/pages/_error/+title.ts
@@ -0,0 +1 @@
+export const title = 'DreamMall | Error'
diff --git a/presenter/src/pages/datenschutz/+title.ts b/presenter/src/pages/datenschutz/+title.ts
new file mode 100644
index 000000000..fe2528e1b
--- /dev/null
+++ b/presenter/src/pages/datenschutz/+title.ts
@@ -0,0 +1 @@
+export const title = 'DreamMall | Datenschutz'
diff --git a/presenter/src/pages/impressum/+title.ts b/presenter/src/pages/impressum/+title.ts
new file mode 100644
index 000000000..72f7a6bc1
--- /dev/null
+++ b/presenter/src/pages/impressum/+title.ts
@@ -0,0 +1 @@
+export const title = 'DreamMall | Impressum'
diff --git a/presenter/src/pages/index/+title.ts b/presenter/src/pages/index/+title.ts
new file mode 100644
index 000000000..125d4b660
--- /dev/null
+++ b/presenter/src/pages/index/+title.ts
@@ -0,0 +1,3 @@
+import { META } from '#src/env'
+
+export const title = META.DEFAULT_TITLE

From 9ecc62fb80935806c4e9775eba438af7f1c2f032 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 18:50:28 +0100
Subject: [PATCH 055/101] override vike PageContext to properly type things

---
 presenter/renderer/+onRenderClient.ts        |  6 ++---
 presenter/renderer/+onRenderHtml.ts          |  3 ++-
 presenter/renderer/app.ts                    |  7 +++--
 presenter/renderer/context/usePageContext.ts |  7 +++--
 presenter/renderer/utils.ts                  |  3 ++-
 presenter/types/PageContext.d.ts             | 21 +++++++++++++++
 presenter/types/PageContext.ts               | 27 --------------------
 7 files changed, 34 insertions(+), 40 deletions(-)
 create mode 100644 presenter/types/PageContext.d.ts
 delete mode 100644 presenter/types/PageContext.ts

diff --git a/presenter/renderer/+onRenderClient.ts b/presenter/renderer/+onRenderClient.ts
index ac0b98109..bf3c3573a 100644
--- a/presenter/renderer/+onRenderClient.ts
+++ b/presenter/renderer/+onRenderClient.ts
@@ -1,10 +1,10 @@
+import { PageContext } from 'vike/types'
+
 import { createApp } from './app'
 import { getTitle } from './utils'
 
-import type { PageContext, VikePageContext } from '#types/PageContext'
-
 let instance: ReturnType<typeof createApp>
-/* async */ function render(pageContext: VikePageContext & PageContext) {
+/* async */ function render(pageContext: PageContext) {
   if (!instance) {
     instance = createApp(pageContext)
     instance.app.mount('#app')
diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 58f106df1..8aaf88012 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -8,9 +8,10 @@ import image from '#assets/img/dreammall-logo_social.svg'
 import { createApp } from './app'
 import { getDescription, getTitle } from './utils'
 
-import type { PageContextServer, PageContext } from '#types/PageContext'
 import type { App } from 'vue'
 
+import { PageContext, PageContextServer } from 'vike/types'
+
 // this fixes a warning which occurs when building
 // > "resolveComponent" is imported from external module "vue" but never used in ...
 // running this here fixes the warning and should not impact anything due to prerender setting.
diff --git a/presenter/renderer/app.ts b/presenter/renderer/app.ts
index 1e6e3b9ed..21916c354 100644
--- a/presenter/renderer/app.ts
+++ b/presenter/renderer/app.ts
@@ -1,5 +1,6 @@
 import { DefaultApolloClient } from '@vue/apollo-composable'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+import { PageContext } from 'vike/types'
 import { createSSRApp, defineComponent, h, markRaw, reactive, Component, provide } from 'vue'
 
 import PageShell from '#components/PageShell.vue'
@@ -9,11 +10,9 @@ import i18n from '#plugins/i18n'
 import pinia from '#plugins/pinia'
 import CreateVuetify from '#plugins/vuetify'
 
-import type { PageContext, VikePageContext } from '#types/PageContext'
-
 const vuetify = CreateVuetify(i18n)
 
-function createApp(pageContext: VikePageContext & PageContext, isClient = true) {
+function createApp(pageContext: PageContext, isClient = true) {
   // eslint-disable-next-line no-use-before-define
   let rootComponent: InstanceType<typeof PageWithWrapper>
   const PageWithWrapper = defineComponent({
@@ -52,7 +51,7 @@ function createApp(pageContext: VikePageContext & PageContext, isClient = true)
   app.use(vuetify)
 
   objectAssign(app, {
-    changePage: (pageContext: VikePageContext & PageContext) => {
+    changePage: (pageContext: PageContext) => {
       Object.assign(pageContextReactive, pageContext)
       rootComponent.Page = markRaw(pageContext.Page)
       rootComponent.pageProps = markRaw(pageContext.pageProps || {})
diff --git a/presenter/renderer/context/usePageContext.ts b/presenter/renderer/context/usePageContext.ts
index 103e2bab3..abcb2fad9 100644
--- a/presenter/renderer/context/usePageContext.ts
+++ b/presenter/renderer/context/usePageContext.ts
@@ -1,13 +1,12 @@
 // `usePageContext` allows us to access `pageContext` in any Vue component.
 // See https://vike.dev/pageContext-anywhere
 
+import { PageContext } from 'vike/types'
 import { inject } from 'vue'
 
-import { PageContext, VikePageContext } from '#types/PageContext'
-
 import type { App, InjectionKey } from 'vue'
 
-export const vikePageContext: InjectionKey<VikePageContext & PageContext> = Symbol('pageContext')
+export const vikePageContext: InjectionKey<PageContext> = Symbol('pageContext')
 
 function usePageContext() {
   const pageContext = inject(vikePageContext)
@@ -15,7 +14,7 @@ function usePageContext() {
   return pageContext
 }
 
-function setPageContext(app: App, pageContext: VikePageContext & PageContext) {
+function setPageContext(app: App, pageContext: PageContext) {
   app.provide(vikePageContext, pageContext)
 }
 
diff --git a/presenter/renderer/utils.ts b/presenter/renderer/utils.ts
index 6e99b8f6a..72833d5e3 100644
--- a/presenter/renderer/utils.ts
+++ b/presenter/renderer/utils.ts
@@ -1,5 +1,6 @@
+import { PageContext } from 'vike/types'
+
 import { META } from '#src/env'
-import { PageContext } from '#types/PageContext'
 
 function getTitle(pageContext: PageContext) {
   // The value exported by /pages/**/+title.js is available at pageContext.config.title
diff --git a/presenter/types/PageContext.d.ts b/presenter/types/PageContext.d.ts
new file mode 100644
index 000000000..de90f6149
--- /dev/null
+++ b/presenter/types/PageContext.d.ts
@@ -0,0 +1,21 @@
+import { Page } from '#types/Page'
+import { PageProps } from '#types/PageProps'
+
+declare global {
+  namespace Vike {
+    interface PageContext {
+      urlPathname: string
+      config: {
+        title: string | ((pageContext: PageContext) => string) | undefined
+        description: string | ((pageContext: PageContext) => string) | undefined
+      }
+      Page: Page
+      pageProps?: PageProps
+    }
+  }
+}
+
+// If you define Vike.PagContext in a .d.ts file then
+// make sure there is at least one export/import statment.
+// Tell TypeScript this file isn't an ambient module:
+export {}
diff --git a/presenter/types/PageContext.ts b/presenter/types/PageContext.ts
deleted file mode 100644
index b01f2362e..000000000
--- a/presenter/types/PageContext.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Page } from '#types/Page'
-import { PageProps } from '#types/PageProps'
-
-export type {
-  PageContextServer,
-
-  // When using Client Routing https://vike.dev/clientRouting
-  PageContextClient,
-  PageContext as VikePageContext,
-  PageContextBuiltInClientWithClientRouting as PageContextBuiltInClient,
-  // When using Server Routing
-  /*
-  PageContextClientWithServerRouting as PageContextClient,
-  PageContextWithServerRouting as PageContext,
-  */
-  //* /
-} from 'vike/types'
-
-export type PageContext = {
-  Page: Page
-  pageProps?: PageProps
-  urlPathname: string
-  config: {
-    title: string | ((pageContext: PageContext) => string) | undefined
-    description: string | ((pageContext: PageContext) => string) | undefined
-  }
-}

From ec411ad0562360d6e10ea3fad4fcb22de4a1ddce Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 18:56:04 +0100
Subject: [PATCH 056/101] lint fix

---
 presenter/renderer/+onRenderHtml.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 8aaf88012..6a1544d12 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -1,5 +1,6 @@
 import { renderToString as renderToString_ } from '@vue/server-renderer'
 import { escapeInject, dangerouslySkipEscape } from 'vike/server'
+import { PageContext, PageContextServer } from 'vike/types'
 import { resolveComponent } from 'vue'
 
 import logoUrl from '#assets/favicon.ico'
@@ -10,8 +11,6 @@ import { getDescription, getTitle } from './utils'
 
 import type { App } from 'vue'
 
-import { PageContext, PageContextServer } from 'vike/types'
-
 // this fixes a warning which occurs when building
 // > "resolveComponent" is imported from external module "vue" but never used in ...
 // running this here fixes the warning and should not impact anything due to prerender setting.

From 79e7e5e4e691a37059dd0accffc1db91f15c0bf9 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 18:58:14 +0100
Subject: [PATCH 057/101] missing title

---
 presenter/src/pages/optin/+title.ts | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 presenter/src/pages/optin/+title.ts

diff --git a/presenter/src/pages/optin/+title.ts b/presenter/src/pages/optin/+title.ts
new file mode 100644
index 000000000..0260dfd2c
--- /dev/null
+++ b/presenter/src/pages/optin/+title.ts
@@ -0,0 +1 @@
+export const title = 'DreamMall | Newsletter'

From f0f9078ecc9c455678cfaab76c982d0f9d895c9a Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 19:02:50 +0100
Subject: [PATCH 058/101] also test titles

---
 presenter/src/pages/_error/Page.test.ts      | 5 +++++
 presenter/src/pages/datenschutz/Page.test.ts | 5 +++++
 presenter/src/pages/impressum/Page.test.ts   | 5 +++++
 presenter/src/pages/index/Page.test.ts       | 5 +++++
 presenter/src/pages/optin/Page.test.ts       | 5 +++++
 5 files changed, 25 insertions(+)

diff --git a/presenter/src/pages/_error/Page.test.ts b/presenter/src/pages/_error/Page.test.ts
index 989e6b661..949207066 100644
--- a/presenter/src/pages/_error/Page.test.ts
+++ b/presenter/src/pages/_error/Page.test.ts
@@ -2,6 +2,7 @@ import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
 
 import ErrorPage from './+Page.vue'
+import { title } from './+title'
 
 describe('ErrorPage', () => {
   const Wrapper = () => {
@@ -13,6 +14,10 @@ describe('ErrorPage', () => {
     wrapper = Wrapper()
   })
 
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall | Error')
+  })
+
   describe('no is404 property set', () => {
     it('renders error 500', () => {
       expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
diff --git a/presenter/src/pages/datenschutz/Page.test.ts b/presenter/src/pages/datenschutz/Page.test.ts
index dfce1ad3d..70f3ba834 100644
--- a/presenter/src/pages/datenschutz/Page.test.ts
+++ b/presenter/src/pages/datenschutz/Page.test.ts
@@ -4,6 +4,7 @@ import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
 import DataPrivacyPage from './+Page.vue'
+import { title } from './+title'
 
 describe('DataPrivacyPage', () => {
   const wrapper = mount(VApp, {
@@ -12,6 +13,10 @@ describe('DataPrivacyPage', () => {
     },
   })
 
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall | Datenschutz')
+  })
+
   it('renders', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/presenter/src/pages/impressum/Page.test.ts b/presenter/src/pages/impressum/Page.test.ts
index de10c79cd..cb61152e6 100644
--- a/presenter/src/pages/impressum/Page.test.ts
+++ b/presenter/src/pages/impressum/Page.test.ts
@@ -4,6 +4,7 @@ import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
 import ImpressumPage from './+Page.vue'
+import { title } from './+title'
 
 describe('ImpressumPage', () => {
   const wrapper = mount(VApp, {
@@ -12,6 +13,10 @@ describe('ImpressumPage', () => {
     },
   })
 
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall | Impressum')
+  })
+
   it('renders', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/presenter/src/pages/index/Page.test.ts b/presenter/src/pages/index/Page.test.ts
index 78bf5f963..630efd1b8 100644
--- a/presenter/src/pages/index/Page.test.ts
+++ b/presenter/src/pages/index/Page.test.ts
@@ -6,6 +6,7 @@ import { VApp } from 'vuetify/components'
 import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
 
 import IndexPage from './+Page.vue'
+import { title } from './+title'
 
 setupIntersectionObserverMock()
 
@@ -16,6 +17,10 @@ describe('IndexPage', () => {
     },
   })
 
+  it('title returns default title', () => {
+    expect(title).toBe('DreamMall')
+  })
+
   it('renders IndexPage with sections', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/presenter/src/pages/optin/Page.test.ts b/presenter/src/pages/optin/Page.test.ts
index 71f1c674a..d6e131ebc 100644
--- a/presenter/src/pages/optin/Page.test.ts
+++ b/presenter/src/pages/optin/Page.test.ts
@@ -9,6 +9,7 @@ import { mockClient } from '#tests/mock.apolloClient'
 
 import OptinPage from './+Page.vue'
 import route from './+route'
+import { title } from './+title'
 
 vi.mock('vike/client/router')
 vi.mocked(navigate).mockResolvedValue()
@@ -43,6 +44,10 @@ describe('OptinPage', () => {
     vi.useRealTimers()
   })
 
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall | Newsletter')
+  })
+
   it('route returns `/optin/@code', () => {
     expect(route).toBe('/optin/@code')
   })

From 747755e00bd27c38792492f95b024f319da4184f Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 19:43:18 +0100
Subject: [PATCH 059/101] remove unnessecary export

---
 presenter/types/PageContext.d.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/presenter/types/PageContext.d.ts b/presenter/types/PageContext.d.ts
index de90f6149..0b93d963a 100644
--- a/presenter/types/PageContext.d.ts
+++ b/presenter/types/PageContext.d.ts
@@ -14,8 +14,3 @@ declare global {
     }
   }
 }
-
-// If you define Vike.PagContext in a .d.ts file then
-// make sure there is at least one export/import statment.
-// Tell TypeScript this file isn't an ambient module:
-export {}

From ba40bb5d9a343fbef2c01c71e245a8233d543a5e Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 24 Jan 2024 21:15:01 +0100
Subject: [PATCH 060/101] fixed tests

---
 .../tests/mock.IntersectionObserver.ts        |    1 +
 presenter/src/components/PageShell.test.ts    |    4 -
 .../__snapshots__/LogoImage.test.ts.snap      |   13 +-
 .../src/components/menu/HeaderMenu.test.ts    |    4 -
 .../__snapshots__/FooterMenu.test.ts.snap     |   13 +-
 .../__snapshots__/HeaderMenu.test.ts.snap     |   26 +-
 .../components/sections/AboutSection.test.ts  |    4 -
 .../__snapshots__/AboutSection.test.ts.snap   |   13 +-
 .../__snapshots__/CoffeeSection.test.ts.snap  |   78 +-
 .../ProductsSection.test.ts.snap              |   39 +-
 .../__snapshots__/DefaultLayout.test.ts.snap  | 1300 ++++++
 presenter/src/pages/_error/Page.test.ts       |   82 +-
 .../__snapshots__/Page.test.ts.snap           |  366 +-
 .../impressum/__snapshots__/Page.test.ts.snap |  366 +-
 presenter/src/pages/index/Page.test.ts        |    4 -
 .../index/__snapshots__/Page.test.ts.snap     |  169 +-
 .../optin/__snapshots__/Page.test.ts.snap     | 4015 +++++++++++++++++
 presenter/vitest.config.ts                    |    1 +
 18 files changed, 6068 insertions(+), 430 deletions(-)
 create mode 100644 presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
 create mode 100644 presenter/src/pages/optin/__snapshots__/Page.test.ts.snap

diff --git a/presenter/scripts/tests/mock.IntersectionObserver.ts b/presenter/scripts/tests/mock.IntersectionObserver.ts
index b6e3bdff9..037fec155 100644
--- a/presenter/scripts/tests/mock.IntersectionObserver.ts
+++ b/presenter/scripts/tests/mock.IntersectionObserver.ts
@@ -29,3 +29,4 @@ export function setupIntersectionObserverMock({
     value: MockIntersectionObserver,
   })
 }
+setupIntersectionObserverMock()
diff --git a/presenter/src/components/PageShell.test.ts b/presenter/src/components/PageShell.test.ts
index 4733aea6a..5cf2665b5 100644
--- a/presenter/src/components/PageShell.test.ts
+++ b/presenter/src/components/PageShell.test.ts
@@ -1,12 +1,8 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect } from 'vitest'
 
-import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
-
 import PageShell from './PageShell.vue'
 
-setupIntersectionObserverMock()
-
 describe('PageShell', () => {
   const wrapper = mount(PageShell, {
     slots: {
diff --git a/presenter/src/components/__snapshots__/LogoImage.test.ts.snap b/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
index 3e8e91fa1..398980171 100644
--- a/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
+++ b/presenter/src/components/__snapshots__/LogoImage.test.ts.snap
@@ -10,18 +10,7 @@ exports[`LogoImage > renders Logo 1`] = `
   />
   
   
-  <transition-stub
-    appear="true"
-    css="true"
-    name="fade-transition"
-    persisted="false"
-  >
-    <img
-      class="v-img__img v-img__img--contain"
-      src="/src/assets/dreammall-logo.svg"
-      style="display: none;"
-    />
-  </transition-stub>
+  <!---->
   <transition-stub
     appear="false"
     css="true"
diff --git a/presenter/src/components/menu/HeaderMenu.test.ts b/presenter/src/components/menu/HeaderMenu.test.ts
index 7f6b5df2c..8ed94e117 100644
--- a/presenter/src/components/menu/HeaderMenu.test.ts
+++ b/presenter/src/components/menu/HeaderMenu.test.ts
@@ -3,12 +3,8 @@ import { describe, it, expect } from 'vitest'
 import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
-import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
-
 import HeaderMenu from './HeaderMenu.vue'
 
-setupIntersectionObserverMock()
-
 describe('HeaderMenu', () => {
   const wrapper = mount(VApp, {
     slots: {
diff --git a/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
index 9d8dd5cb1..383fe9a59 100644
--- a/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/FooterMenu.test.ts.snap
@@ -237,18 +237,7 @@ exports[`FooterMenu > renders 1`] = `
               />
               
               
-              <transition-stub
-                appear="true"
-                css="true"
-                name="fade-transition"
-                persisted="false"
-              >
-                <img
-                  class="v-img__img v-img__img--contain"
-                  src="/src/assets/dreammall-logo.svg"
-                  style="display: none;"
-                />
-              </transition-stub>
+              <!---->
               <transition-stub
                 appear="false"
                 css="true"
diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index 83fc8a26b..2a962b9aa 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -49,18 +49,7 @@ exports[`HeaderMenu > renders three columns 1`] = `
                   />
                   
                   
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/dreammall-logo.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
+                  <!---->
                   <transition-stub
                     appear="false"
                     css="true"
@@ -185,18 +174,7 @@ exports[`HeaderMenu > renders three columns 1`] = `
                   />
                   
                   
-                  <transition-stub
-                    appear="true"
-                    css="true"
-                    name="fade-transition"
-                    persisted="false"
-                  >
-                    <img
-                      class="v-img__img v-img__img--contain"
-                      src="/src/assets/img/hamburger_mobile.svg"
-                      style="display: none;"
-                    />
-                  </transition-stub>
+                  <!---->
                   <transition-stub
                     appear="false"
                     css="true"
diff --git a/presenter/src/components/sections/AboutSection.test.ts b/presenter/src/components/sections/AboutSection.test.ts
index 06d67f0d6..0c1abc816 100644
--- a/presenter/src/components/sections/AboutSection.test.ts
+++ b/presenter/src/components/sections/AboutSection.test.ts
@@ -1,12 +1,8 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect } from 'vitest'
 
-import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
-
 import AboutSection from './AboutSection.vue'
 
-setupIntersectionObserverMock()
-
 describe('AboutSection', () => {
   const wrapper = mount(AboutSection)
 
diff --git a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
index 3d6cfdfec..11847faac 100644
--- a/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/AboutSection.test.ts.snap
@@ -90,18 +90,7 @@ exports[`AboutSection > renders AboutSection 1`] = `
           />
           
           
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/dreammall-logo-plain.svg"
-              style="display: none;"
-            />
-          </transition-stub>
+          <!---->
           <transition-stub
             appear="false"
             css="true"
diff --git a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
index b182bd3e0..a565e3bc9 100644
--- a/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/CoffeeSection.test.ts.snap
@@ -106,18 +106,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/slides/slide1-logo.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -154,18 +143,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/slides/slide1-social.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -190,18 +168,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/slides/slide1-video-conf.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -226,18 +193,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/slides/slide1-presentation.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -262,18 +218,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/slides/slide1-calendar.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -298,18 +243,7 @@ exports[`renders CoffeeSection > renders CoffeeSection 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/slides/slide1-link-based.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
diff --git a/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
index 2559f91a5..c0cd82fd0 100644
--- a/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
+++ b/presenter/src/components/sections/__snapshots__/ProductsSection.test.ts.snap
@@ -98,18 +98,7 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           />
           
           
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/img/logo_mall.svg"
-              style="display: none;"
-            />
-          </transition-stub>
+          <!---->
           <transition-stub
             appear="false"
             css="true"
@@ -209,18 +198,7 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           />
           
           
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/img/coffee_icon.svg"
-              style="display: none;"
-            />
-          </transition-stub>
+          <!---->
           <transition-stub
             appear="false"
             css="true"
@@ -320,18 +298,7 @@ exports[`ProductsSection > renders ProductsSection 1`] = `
           />
           
           
-          <transition-stub
-            appear="true"
-            css="true"
-            name="fade-transition"
-            persisted="false"
-          >
-            <img
-              class="v-img__img v-img__img--contain"
-              src="/src/assets/img/menschen_projekte.svg"
-              style="display: none;"
-            />
-          </transition-stub>
+          <!---->
           <transition-stub
             appear="false"
             css="true"
diff --git a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
new file mode 100644
index 000000000..f6c3ae2f8
--- /dev/null
+++ b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
@@ -0,0 +1,1300 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DefaultLayout > renders 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <main
+      class="v-main main-layout"
+      data-v-75d0be1e=""
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px; transition: none !important;"
+    >
+      
+      <div
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; transition: none !important; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; transition: none !important; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
+        data-v-75d0be1e=""
+      >
+        <div
+          class="v-row"
+          data-v-75d0be1e=""
+        >
+          <!--v-if-->
+          <div
+            class="v-col pa-0 pa-sm-1 pt-0"
+            data-v-75d0be1e=""
+          >
+            
+            
+          </div>
+        </div>
+      </div>
+      <div
+        data-v-75d0be1e=""
+        data-v-b000eb4c=""
+      >
+        <footer
+          class="v-footer v-theme--light justify-center"
+          dark=""
+          data-v-b000eb4c=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
+        >
+          <div
+            class="v-row justify-center my-4 justify-space-around footer"
+            data-v-b000eb4c=""
+          >
+            <div
+              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.sitemap')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.home')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#planning-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.planing')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#coffee-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.worldCoffeeHouse')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
+                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
+              {{ $t('menu.footer.socialHeadline') }}
+            &lt;/h3&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
+              </div>
+            </div>
+            <div
+              class="v-col-md-3 v-col-6"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.privacyHeadline')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/impressum"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.impress')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#newsletter-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.newsletter')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/datenschutz"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.privacy')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-responsive__sizer"
+                />
+                
+                
+                <!---->
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
+                  <!---->
+                </transition-stub>
+                <!---->
+                <!---->
+                <!---->
+                
+                
+                <!---->
+              </div>
+            </div>
+            <div
+              class="v-col-md-6 v-col-12"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-10 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.contact')
+              </h2>
+              <div
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-sheet v-theme--light bg-transparent"
+                  data-v-2e8ea5ee=""
+                  data-v-b000eb4c=""
+                >
+                  <form
+                    class="v-form contact-form"
+                    data-v-2e8ea5ee=""
+                    novalidate=""
+                  >
+                    
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="contactname-messages"
+                                  class="v-field__input"
+                                  id="contactname"
+                                  name="firstname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-17-messages"
+                                  class="v-field__input"
+                                  id="input-17"
+                                  name="lastname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-19-messages"
+                                  class="v-field__input"
+                                  id="input-19"
+                                  name="email"
+                                  required=""
+                                  size="1"
+                                  type="email"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
+                        data-v-2e8ea5ee=""
+                      >
+                        <!-- &lt;v-select
+               v-model="topic"
+               name="topic"
+               :items="topicItems"
+               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
+               required
+               class="contact-text mt-4"
+               :label="$t('menu.footer.contactForm.topic')"
+               variant="solo"
+               color="#3D4753"
+               bg-color="rgba(174, 179, 189, 0.50)"
+               hide-details="auto"
+               flat
+               rounded="xl"
+               menu-icon="mdi-arrow-down"
+               &gt;&lt;/v-select&gt; -->
+                      </div>
+                    </div>
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col pt-2 pb-0"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <textarea
+                                  aria-describedby="input-21-messages"
+                                  class="v-field__input"
+                                  id="input-21"
+                                  name="message"
+                                  required=""
+                                  rows="5"
+                                />
+                                <!---->
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <div
+                            class="v-input__details"
+                          >
+                            <transition-group-stub
+                              appear="false"
+                              aria-live="polite"
+                              class="v-messages"
+                              css="true"
+                              id="input-21-messages"
+                              name="slide-y-transition"
+                              persisted="false"
+                              role="alert"
+                              tag="div"
+                            >
+                              <!---->
+                            </transition-group-stub>
+                            <!---->
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col d-flex align-start"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
+                            >
+                              <div
+                                class="v-selection-control__wrapper"
+                              >
+                                <!---->
+                                <div
+                                  class="v-selection-control__input"
+                                >
+                                  
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                  <input
+                                    aria-describedby="checkbox-23-messages"
+                                    aria-disabled="false"
+                                    id="checkbox-23"
+                                    name="dataprivacy"
+                                    required=""
+                                    type="checkbox"
+                                    value="false"
+                                  />
+                                  
+                                </div>
+                              </div>
+                              <!---->
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                        <span
+                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
+                          data-v-2e8ea5ee=""
+                        >
+                          $t('menu.footer.contactForm.privacy') 
+                          <a
+                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
+                            data-v-1925b644=""
+                            data-v-2e8ea5ee=""
+                            href="/datenschutz"
+                          >
+                            
+                            <span
+                              class="v-btn__overlay"
+                            />
+                            <span
+                              class="v-btn__underlay"
+                            />
+                            
+                            <!---->
+                            <span
+                              class="v-btn__content"
+                              data-no-activator=""
+                            >
+                              
+                              
+                              $t('menu.footer.contactForm.privacyLinkLabel')
+                              
+                              
+                            </span>
+                            <!---->
+                            <!---->
+                          </a>
+                        </span>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <button
+                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
+                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
+                          type="submit"
+                        >
+                          
+                          <span
+                            class="v-btn__overlay"
+                          />
+                          <span
+                            class="v-btn__underlay"
+                          />
+                          
+                          <!---->
+                          <span
+                            class="v-btn__content"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            <!--v-if-->
+                            <span
+                              class="main-button-content"
+                              data-v-2b63c1fe=""
+                            >
+                              $t('menu.footer.contactForm.submitBtn') 
+                              <!--v-if-->
+                            </span>
+                            
+                            
+                          </span>
+                          <!---->
+                          <!---->
+                        </button>
+                      </div>
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <transition-group-stub
+                          appear="false"
+                          css="true"
+                          data-v-2e8ea5ee=""
+                          persisted="false"
+                        >
+                          <!--v-if-->
+                          <!--v-if-->
+                        </transition-group-stub>
+                      </div>
+                    </div>
+                    
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+        </footer>
+        <div
+          class="gradient-bg"
+          data-v-b000eb4c=""
+        />
+      </div>
+      
+    </main>
+    
+  </div>
+</div>
+`;
diff --git a/presenter/src/pages/_error/Page.test.ts b/presenter/src/pages/_error/Page.test.ts
index 989e6b661..191a55ce3 100644
--- a/presenter/src/pages/_error/Page.test.ts
+++ b/presenter/src/pages/_error/Page.test.ts
@@ -1,48 +1,70 @@
 import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
+import { Component, h } from 'vue'
+import { VApp } from 'vuetify/components'
 
 import ErrorPage from './+Page.vue'
 
 describe('ErrorPage', () => {
-  const Wrapper = () => {
-    return mount(ErrorPage)
-  }
-  let wrapper: ReturnType<typeof Wrapper>
-
-  beforeEach(() => {
-    wrapper = Wrapper()
-  })
+  describe('500 Error', () => {
+    const WrapperUndefined = () => {
+      return mount(VApp, {
+        slots: {
+          default: h(ErrorPage as Component),
+        },
+      })
+    }
+    const WrapperFalse = () => {
+      return mount(VApp, {
+        slots: {
+          default: h(ErrorPage as Component, {
+            is404: false,
+          }),
+        },
+      })
+    }
 
-  describe('no is404 property set', () => {
-    it('renders error 500', () => {
-      expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
-      expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
+    let wrapper: ReturnType<typeof WrapperUndefined>
+    beforeEach(() => {
+      wrapper = WrapperUndefined()
     })
-  })
-
-  describe('is404 property is false', () => {
-    beforeEach(async () => {
-      await wrapper.setProps({
-        is404: false,
+    describe('no is404 property set', () => {
+      it('renders error 500', () => {
+        expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
+        expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
       })
     })
 
-    it('renders error 500', () => {
-      expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
-      expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
+    describe('is404 property is false', () => {
+      beforeEach(() => {
+        wrapper = WrapperFalse()
+      })
+
+      it('renders error 500', () => {
+        expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
+        expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
+      })
     })
   })
-
-  describe('is404 property is true', () => {
-    beforeEach(async () => {
-      await wrapper.setProps({
-        is404: true,
+  describe('404 Error', () => {
+    const Wrapper = () => {
+      return mount(VApp, {
+        slots: {
+          default: h(ErrorPage as Component, {
+            is404: true,
+          }),
+        },
       })
+    }
+    let wrapper: ReturnType<typeof Wrapper>
+    beforeEach(() => {
+      wrapper = Wrapper()
     })
-
-    it('renders error 400', () => {
-      expect(wrapper.find('h1').text()).toEqual("$t('error.404.h1')")
-      expect(wrapper.find('p').text()).toEqual("$t('error.404.text')")
+    describe('is404 property is true', () => {
+      it('renders error 400', () => {
+        expect(wrapper.find('h1').text()).toEqual("$t('error.404.h1')")
+        expect(wrapper.find('p').text()).toEqual("$t('error.404.text')")
+      })
     })
   })
 })
diff --git a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
index 4681ed536..59be6045e 100644
--- a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
@@ -11,11 +11,328 @@ exports[`DataPrivacyPage > renders 1`] = `
     <main
       class="v-main main-layout"
       data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px;"
     >
       
       <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
         data-v-75d0be1e=""
       >
         <div
@@ -29,7 +346,7 @@ exports[`DataPrivacyPage > renders 1`] = `
           >
             
             <div
-              class="pt-12"
+              class="pt-6"
               id="data-protection"
             >
               <div
@@ -638,18 +955,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                 />
                 
                 
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
+                <!---->
                 <transition-stub
                   appear="false"
                   css="true"
@@ -877,7 +1183,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-9"
+                                  for="input-17"
                                 >
                                   <!---->
                                   
@@ -886,7 +1192,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-9"
+                                  for="input-17"
                                 >
                                   <!---->
                                   
@@ -897,9 +1203,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-9-messages"
+                                  aria-describedby="input-17-messages"
                                   class="v-field__input"
-                                  id="input-9"
+                                  id="input-17"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -997,7 +1303,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-11"
+                                  for="input-19"
                                 >
                                   <!---->
                                   
@@ -1006,7 +1312,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-11"
+                                  for="input-19"
                                 >
                                   <!---->
                                   
@@ -1017,9 +1323,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-11-messages"
+                                  aria-describedby="input-19-messages"
                                   class="v-field__input"
-                                  id="input-11"
+                                  id="input-19"
                                   name="email"
                                   required=""
                                   size="1"
@@ -1138,7 +1444,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-13"
+                                  for="input-21"
                                 >
                                   <!---->
                                   
@@ -1147,7 +1453,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-13"
+                                  for="input-21"
                                 >
                                   <!---->
                                   
@@ -1158,9 +1464,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-13-messages"
+                                  aria-describedby="input-21-messages"
                                   class="v-field__input"
-                                  id="input-13"
+                                  id="input-21"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -1190,7 +1496,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-13-messages"
+                              id="input-21-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -1236,9 +1542,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-15-messages"
+                                    aria-describedby="checkbox-23-messages"
                                     aria-disabled="false"
-                                    id="checkbox-15"
+                                    id="checkbox-23"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
index 8556559d0..270097a3f 100644
--- a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
@@ -11,11 +11,328 @@ exports[`ImpressumPage > renders 1`] = `
     <main
       class="v-main main-layout"
       data-v-75d0be1e=""
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px;"
     >
       
       <div
-        class="v-container v-container--fluid v-locale--is-ltr pa-0"
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
         data-v-75d0be1e=""
       >
         <div
@@ -29,7 +346,7 @@ exports[`ImpressumPage > renders 1`] = `
           >
             
             <div
-              class="pt-12"
+              class="pt-6"
               id="impress"
             >
               <div
@@ -837,18 +1154,7 @@ exports[`ImpressumPage > renders 1`] = `
                 />
                 
                 
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
+                <!---->
                 <transition-stub
                   appear="false"
                   css="true"
@@ -1076,7 +1382,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-9"
+                                  for="input-17"
                                 >
                                   <!---->
                                   
@@ -1085,7 +1391,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-9"
+                                  for="input-17"
                                 >
                                   <!---->
                                   
@@ -1096,9 +1402,9 @@ exports[`ImpressumPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-9-messages"
+                                  aria-describedby="input-17-messages"
                                   class="v-field__input"
-                                  id="input-9"
+                                  id="input-17"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -1196,7 +1502,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-11"
+                                  for="input-19"
                                 >
                                   <!---->
                                   
@@ -1205,7 +1511,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-11"
+                                  for="input-19"
                                 >
                                   <!---->
                                   
@@ -1216,9 +1522,9 @@ exports[`ImpressumPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-11-messages"
+                                  aria-describedby="input-19-messages"
                                   class="v-field__input"
-                                  id="input-11"
+                                  id="input-19"
                                   name="email"
                                   required=""
                                   size="1"
@@ -1337,7 +1643,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-13"
+                                  for="input-21"
                                 >
                                   <!---->
                                   
@@ -1346,7 +1652,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-13"
+                                  for="input-21"
                                 >
                                   <!---->
                                   
@@ -1357,9 +1663,9 @@ exports[`ImpressumPage > renders 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-13-messages"
+                                  aria-describedby="input-21-messages"
                                   class="v-field__input"
-                                  id="input-13"
+                                  id="input-21"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -1389,7 +1695,7 @@ exports[`ImpressumPage > renders 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-13-messages"
+                              id="input-21-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -1435,9 +1741,9 @@ exports[`ImpressumPage > renders 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-15-messages"
+                                    aria-describedby="checkbox-23-messages"
                                     aria-disabled="false"
-                                    id="checkbox-15"
+                                    id="checkbox-23"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/index/Page.test.ts b/presenter/src/pages/index/Page.test.ts
index 78bf5f963..2b6dd4463 100644
--- a/presenter/src/pages/index/Page.test.ts
+++ b/presenter/src/pages/index/Page.test.ts
@@ -3,12 +3,8 @@ import { describe, it, expect } from 'vitest'
 import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
-import { setupIntersectionObserverMock } from '#root/scripts/tests/mock.IntersectionObserver'
-
 import IndexPage from './+Page.vue'
 
-setupIntersectionObserverMock()
-
 describe('IndexPage', () => {
   const wrapper = mount(VApp, {
     slots: {
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index 737ba3341..8d8f0f553 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -57,18 +57,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     />
                     
                     
-                    <transition-stub
-                      appear="true"
-                      css="true"
-                      name="fade-transition"
-                      persisted="false"
-                    >
-                      <img
-                        class="v-img__img v-img__img--contain"
-                        src="/src/assets/dreammall-logo.svg"
-                        style="display: none;"
-                      />
-                    </transition-stub>
+                    <!---->
                     <transition-stub
                       appear="false"
                       css="true"
@@ -193,18 +182,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                     />
                     
                     
-                    <transition-stub
-                      appear="true"
-                      css="true"
-                      name="fade-transition"
-                      persisted="false"
-                    >
-                      <img
-                        class="v-img__img v-img__img--contain"
-                        src="/src/assets/img/hamburger_mobile.svg"
-                        style="display: none;"
-                      />
-                    </transition-stub>
+                    <!---->
                     <transition-stub
                       appear="false"
                       css="true"
@@ -705,18 +683,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/dreammall-logo-plain.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -840,18 +807,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/logo_mall.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -951,18 +907,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/coffee_icon.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -1062,18 +1007,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         />
                         
                         
-                        <transition-stub
-                          appear="true"
-                          css="true"
-                          name="fade-transition"
-                          persisted="false"
-                        >
-                          <img
-                            class="v-img__img v-img__img--contain"
-                            src="/src/assets/img/menschen_projekte.svg"
-                            style="display: none;"
-                          />
-                        </transition-stub>
+                        <!---->
                         <transition-stub
                           appear="false"
                           css="true"
@@ -1884,18 +1818,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       />
                                       
                                       
-                                      <transition-stub
-                                        appear="true"
-                                        css="true"
-                                        name="fade-transition"
-                                        persisted="false"
-                                      >
-                                        <img
-                                          class="v-img__img v-img__img--contain"
-                                          src="/src/assets/img/slides/slide1-logo.svg"
-                                          style="display: none;"
-                                        />
-                                      </transition-stub>
+                                      <!---->
                                       <transition-stub
                                         appear="false"
                                         css="true"
@@ -1932,18 +1855,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       />
                                       
                                       
-                                      <transition-stub
-                                        appear="true"
-                                        css="true"
-                                        name="fade-transition"
-                                        persisted="false"
-                                      >
-                                        <img
-                                          class="v-img__img v-img__img--contain"
-                                          src="/src/assets/img/slides/slide1-social.svg"
-                                          style="display: none;"
-                                        />
-                                      </transition-stub>
+                                      <!---->
                                       <transition-stub
                                         appear="false"
                                         css="true"
@@ -1968,18 +1880,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       />
                                       
                                       
-                                      <transition-stub
-                                        appear="true"
-                                        css="true"
-                                        name="fade-transition"
-                                        persisted="false"
-                                      >
-                                        <img
-                                          class="v-img__img v-img__img--contain"
-                                          src="/src/assets/img/slides/slide1-video-conf.svg"
-                                          style="display: none;"
-                                        />
-                                      </transition-stub>
+                                      <!---->
                                       <transition-stub
                                         appear="false"
                                         css="true"
@@ -2004,18 +1905,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       />
                                       
                                       
-                                      <transition-stub
-                                        appear="true"
-                                        css="true"
-                                        name="fade-transition"
-                                        persisted="false"
-                                      >
-                                        <img
-                                          class="v-img__img v-img__img--contain"
-                                          src="/src/assets/img/slides/slide1-presentation.svg"
-                                          style="display: none;"
-                                        />
-                                      </transition-stub>
+                                      <!---->
                                       <transition-stub
                                         appear="false"
                                         css="true"
@@ -2040,18 +1930,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       />
                                       
                                       
-                                      <transition-stub
-                                        appear="true"
-                                        css="true"
-                                        name="fade-transition"
-                                        persisted="false"
-                                      >
-                                        <img
-                                          class="v-img__img v-img__img--contain"
-                                          src="/src/assets/img/slides/slide1-calendar.svg"
-                                          style="display: none;"
-                                        />
-                                      </transition-stub>
+                                      <!---->
                                       <transition-stub
                                         appear="false"
                                         css="true"
@@ -2076,18 +1955,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       />
                                       
                                       
-                                      <transition-stub
-                                        appear="true"
-                                        css="true"
-                                        name="fade-transition"
-                                        persisted="false"
-                                      >
-                                        <img
-                                          class="v-img__img v-img__img--contain"
-                                          src="/src/assets/img/slides/slide1-link-based.svg"
-                                          style="display: none;"
-                                        />
-                                      </transition-stub>
+                                      <!---->
                                       <transition-stub
                                         appear="false"
                                         css="true"
@@ -2639,18 +2507,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 />
                 
                 
-                <transition-stub
-                  appear="true"
-                  css="true"
-                  name="fade-transition"
-                  persisted="false"
-                >
-                  <img
-                    class="v-img__img v-img__img--contain"
-                    src="/src/assets/dreammall-logo.svg"
-                    style="display: none;"
-                  />
-                </transition-stub>
+                <!---->
                 <transition-stub
                   appear="false"
                   css="true"
diff --git a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
new file mode 100644
index 000000000..873db02d9
--- /dev/null
+++ b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
@@ -0,0 +1,4015 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`OptinPage > API call with error > renders error message 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <main
+      class="v-main main-layout"
+      data-v-6e13aff2=""
+      data-v-75d0be1e=""
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px;"
+    >
+      
+      <div
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
+        data-v-75d0be1e=""
+      >
+        <div
+          class="v-row"
+          data-v-75d0be1e=""
+        >
+          <!--v-if-->
+          <div
+            class="v-col pa-0 pa-sm-1 pt-0"
+            data-v-75d0be1e=""
+          >
+            
+            <div
+              class="h-screen optin-page py-12"
+              data-v-6e13aff2=""
+            >
+              <div
+                data-v-6e13aff2=""
+              >
+                <p
+                  data-v-6e13aff2=""
+                >
+                  $t('optin.error.text')
+                </p>
+                <button
+                  class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-auto mt-8"
+                  data-v-2b63c1fe=""
+                  data-v-6e13aff2=""
+                  style="background-color: #f09630; color: #000; caret-color: #000; height: auto; width: auto;"
+                  type="button"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    <!--v-if-->
+                    <span
+                      class="main-button-content"
+                      data-v-2b63c1fe=""
+                    >
+                      $t('optin.error.link') 
+                      <!--v-if-->
+                    </span>
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </button>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      <div
+        data-v-75d0be1e=""
+        data-v-b000eb4c=""
+      >
+        <footer
+          class="v-footer v-theme--light justify-center"
+          dark=""
+          data-v-b000eb4c=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
+        >
+          <div
+            class="v-row justify-center my-4 justify-space-around footer"
+            data-v-b000eb4c=""
+          >
+            <div
+              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.sitemap')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.home')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#planning-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.planing')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#coffee-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.worldCoffeeHouse')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
+                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
+              {{ $t('menu.footer.socialHeadline') }}
+            &lt;/h3&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
+              </div>
+            </div>
+            <div
+              class="v-col-md-3 v-col-6"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.privacyHeadline')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/impressum"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.impress')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#newsletter-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.newsletter')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/datenschutz"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.privacy')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-responsive__sizer"
+                />
+                
+                
+                <!---->
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
+                  <!---->
+                </transition-stub>
+                <!---->
+                <!---->
+                <!---->
+                
+                
+                <!---->
+              </div>
+            </div>
+            <div
+              class="v-col-md-6 v-col-12"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-10 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.contact')
+              </h2>
+              <div
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-sheet v-theme--light bg-transparent"
+                  data-v-2e8ea5ee=""
+                  data-v-b000eb4c=""
+                >
+                  <form
+                    class="v-form contact-form"
+                    data-v-2e8ea5ee=""
+                    novalidate=""
+                  >
+                    
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="contactname-messages"
+                                  class="v-field__input"
+                                  id="contactname"
+                                  name="firstname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-17-messages"
+                                  class="v-field__input"
+                                  id="input-17"
+                                  name="lastname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-19-messages"
+                                  class="v-field__input"
+                                  id="input-19"
+                                  name="email"
+                                  required=""
+                                  size="1"
+                                  type="email"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
+                        data-v-2e8ea5ee=""
+                      >
+                        <!-- &lt;v-select
+               v-model="topic"
+               name="topic"
+               :items="topicItems"
+               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
+               required
+               class="contact-text mt-4"
+               :label="$t('menu.footer.contactForm.topic')"
+               variant="solo"
+               color="#3D4753"
+               bg-color="rgba(174, 179, 189, 0.50)"
+               hide-details="auto"
+               flat
+               rounded="xl"
+               menu-icon="mdi-arrow-down"
+               &gt;&lt;/v-select&gt; -->
+                      </div>
+                    </div>
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col pt-2 pb-0"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <textarea
+                                  aria-describedby="input-21-messages"
+                                  class="v-field__input"
+                                  id="input-21"
+                                  name="message"
+                                  required=""
+                                  rows="5"
+                                />
+                                <!---->
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <div
+                            class="v-input__details"
+                          >
+                            <transition-group-stub
+                              appear="false"
+                              aria-live="polite"
+                              class="v-messages"
+                              css="true"
+                              id="input-21-messages"
+                              name="slide-y-transition"
+                              persisted="false"
+                              role="alert"
+                              tag="div"
+                            >
+                              <!---->
+                            </transition-group-stub>
+                            <!---->
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col d-flex align-start"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
+                            >
+                              <div
+                                class="v-selection-control__wrapper"
+                              >
+                                <!---->
+                                <div
+                                  class="v-selection-control__input"
+                                >
+                                  
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                  <input
+                                    aria-describedby="checkbox-23-messages"
+                                    aria-disabled="false"
+                                    id="checkbox-23"
+                                    name="dataprivacy"
+                                    required=""
+                                    type="checkbox"
+                                    value="false"
+                                  />
+                                  
+                                </div>
+                              </div>
+                              <!---->
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                        <span
+                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
+                          data-v-2e8ea5ee=""
+                        >
+                          $t('menu.footer.contactForm.privacy') 
+                          <a
+                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
+                            data-v-1925b644=""
+                            data-v-2e8ea5ee=""
+                            href="/datenschutz"
+                          >
+                            
+                            <span
+                              class="v-btn__overlay"
+                            />
+                            <span
+                              class="v-btn__underlay"
+                            />
+                            
+                            <!---->
+                            <span
+                              class="v-btn__content"
+                              data-no-activator=""
+                            >
+                              
+                              
+                              $t('menu.footer.contactForm.privacyLinkLabel')
+                              
+                              
+                            </span>
+                            <!---->
+                            <!---->
+                          </a>
+                        </span>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <button
+                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
+                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
+                          type="submit"
+                        >
+                          
+                          <span
+                            class="v-btn__overlay"
+                          />
+                          <span
+                            class="v-btn__underlay"
+                          />
+                          
+                          <!---->
+                          <span
+                            class="v-btn__content"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            <!--v-if-->
+                            <span
+                              class="main-button-content"
+                              data-v-2b63c1fe=""
+                            >
+                              $t('menu.footer.contactForm.submitBtn') 
+                              <!--v-if-->
+                            </span>
+                            
+                            
+                          </span>
+                          <!---->
+                          <!---->
+                        </button>
+                      </div>
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <transition-group-stub
+                          appear="false"
+                          css="true"
+                          data-v-2e8ea5ee=""
+                          persisted="false"
+                        >
+                          <!--v-if-->
+                          <!--v-if-->
+                        </transition-group-stub>
+                      </div>
+                    </div>
+                    
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+        </footer>
+        <div
+          class="gradient-bg"
+          data-v-b000eb4c=""
+        />
+      </div>
+      
+    </main>
+    
+  </div>
+</div>
+`;
+
+exports[`OptinPage > API call with failure > renders error message 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <main
+      class="v-main main-layout"
+      data-v-6e13aff2=""
+      data-v-75d0be1e=""
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px;"
+    >
+      
+      <div
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
+        data-v-75d0be1e=""
+      >
+        <div
+          class="v-row"
+          data-v-75d0be1e=""
+        >
+          <!--v-if-->
+          <div
+            class="v-col pa-0 pa-sm-1 pt-0"
+            data-v-75d0be1e=""
+          >
+            
+            <div
+              class="h-screen optin-page py-12"
+              data-v-6e13aff2=""
+            >
+              <div
+                data-v-6e13aff2=""
+              >
+                <p
+                  data-v-6e13aff2=""
+                >
+                  $t('optin.error.text')
+                </p>
+                <button
+                  class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-auto mt-8"
+                  data-v-2b63c1fe=""
+                  data-v-6e13aff2=""
+                  style="background-color: #f09630; color: #000; caret-color: #000; height: auto; width: auto;"
+                  type="button"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    <!--v-if-->
+                    <span
+                      class="main-button-content"
+                      data-v-2b63c1fe=""
+                    >
+                      $t('optin.error.link') 
+                      <!--v-if-->
+                    </span>
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </button>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      <div
+        data-v-75d0be1e=""
+        data-v-b000eb4c=""
+      >
+        <footer
+          class="v-footer v-theme--light justify-center"
+          dark=""
+          data-v-b000eb4c=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
+        >
+          <div
+            class="v-row justify-center my-4 justify-space-around footer"
+            data-v-b000eb4c=""
+          >
+            <div
+              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.sitemap')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.home')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#planning-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.planing')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#coffee-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.worldCoffeeHouse')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
+                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
+              {{ $t('menu.footer.socialHeadline') }}
+            &lt;/h3&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
+              </div>
+            </div>
+            <div
+              class="v-col-md-3 v-col-6"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.privacyHeadline')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/impressum"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.impress')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#newsletter-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.newsletter')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/datenschutz"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.privacy')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-responsive__sizer"
+                />
+                
+                
+                <!---->
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
+                  <!---->
+                </transition-stub>
+                <!---->
+                <!---->
+                <!---->
+                
+                
+                <!---->
+              </div>
+            </div>
+            <div
+              class="v-col-md-6 v-col-12"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-10 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.contact')
+              </h2>
+              <div
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-sheet v-theme--light bg-transparent"
+                  data-v-2e8ea5ee=""
+                  data-v-b000eb4c=""
+                >
+                  <form
+                    class="v-form contact-form"
+                    data-v-2e8ea5ee=""
+                    novalidate=""
+                  >
+                    
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="contactname-messages"
+                                  class="v-field__input"
+                                  id="contactname"
+                                  name="firstname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-17-messages"
+                                  class="v-field__input"
+                                  id="input-17"
+                                  name="lastname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-19-messages"
+                                  class="v-field__input"
+                                  id="input-19"
+                                  name="email"
+                                  required=""
+                                  size="1"
+                                  type="email"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
+                        data-v-2e8ea5ee=""
+                      >
+                        <!-- &lt;v-select
+               v-model="topic"
+               name="topic"
+               :items="topicItems"
+               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
+               required
+               class="contact-text mt-4"
+               :label="$t('menu.footer.contactForm.topic')"
+               variant="solo"
+               color="#3D4753"
+               bg-color="rgba(174, 179, 189, 0.50)"
+               hide-details="auto"
+               flat
+               rounded="xl"
+               menu-icon="mdi-arrow-down"
+               &gt;&lt;/v-select&gt; -->
+                      </div>
+                    </div>
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col pt-2 pb-0"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <textarea
+                                  aria-describedby="input-21-messages"
+                                  class="v-field__input"
+                                  id="input-21"
+                                  name="message"
+                                  required=""
+                                  rows="5"
+                                />
+                                <!---->
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <div
+                            class="v-input__details"
+                          >
+                            <transition-group-stub
+                              appear="false"
+                              aria-live="polite"
+                              class="v-messages"
+                              css="true"
+                              id="input-21-messages"
+                              name="slide-y-transition"
+                              persisted="false"
+                              role="alert"
+                              tag="div"
+                            >
+                              <!---->
+                            </transition-group-stub>
+                            <!---->
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col d-flex align-start"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
+                            >
+                              <div
+                                class="v-selection-control__wrapper"
+                              >
+                                <!---->
+                                <div
+                                  class="v-selection-control__input"
+                                >
+                                  
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                  <input
+                                    aria-describedby="checkbox-23-messages"
+                                    aria-disabled="false"
+                                    id="checkbox-23"
+                                    name="dataprivacy"
+                                    required=""
+                                    type="checkbox"
+                                    value="false"
+                                  />
+                                  
+                                </div>
+                              </div>
+                              <!---->
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                        <span
+                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
+                          data-v-2e8ea5ee=""
+                        >
+                          $t('menu.footer.contactForm.privacy') 
+                          <a
+                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
+                            data-v-1925b644=""
+                            data-v-2e8ea5ee=""
+                            href="/datenschutz"
+                          >
+                            
+                            <span
+                              class="v-btn__overlay"
+                            />
+                            <span
+                              class="v-btn__underlay"
+                            />
+                            
+                            <!---->
+                            <span
+                              class="v-btn__content"
+                              data-no-activator=""
+                            >
+                              
+                              
+                              $t('menu.footer.contactForm.privacyLinkLabel')
+                              
+                              
+                            </span>
+                            <!---->
+                            <!---->
+                          </a>
+                        </span>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <button
+                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
+                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
+                          type="submit"
+                        >
+                          
+                          <span
+                            class="v-btn__overlay"
+                          />
+                          <span
+                            class="v-btn__underlay"
+                          />
+                          
+                          <!---->
+                          <span
+                            class="v-btn__content"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            <!--v-if-->
+                            <span
+                              class="main-button-content"
+                              data-v-2b63c1fe=""
+                            >
+                              $t('menu.footer.contactForm.submitBtn') 
+                              <!--v-if-->
+                            </span>
+                            
+                            
+                          </span>
+                          <!---->
+                          <!---->
+                        </button>
+                      </div>
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <transition-group-stub
+                          appear="false"
+                          css="true"
+                          data-v-2e8ea5ee=""
+                          persisted="false"
+                        >
+                          <!--v-if-->
+                          <!--v-if-->
+                        </transition-group-stub>
+                      </div>
+                    </div>
+                    
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+        </footer>
+        <div
+          class="gradient-bg"
+          data-v-b000eb4c=""
+        />
+      </div>
+      
+    </main>
+    
+  </div>
+</div>
+`;
+
+exports[`OptinPage > API call with success > renders success 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <main
+      class="v-main main-layout"
+      data-v-6e13aff2=""
+      data-v-75d0be1e=""
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 64px; --v-layout-bottom: 0px; transition: none !important;"
+    >
+      
+      <div
+        class="topmenu"
+        data-v-5e2a2776=""
+        data-v-75d0be1e=""
+      >
+        <header
+          class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+          data-v-5e2a2776=""
+          style="top: 0px; z-index: 1008; transform: translateY(0%); position: fixed; transition: none !important; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+        >
+          <!---->
+          
+          <div
+            class="v-toolbar__content"
+            style="height: 64px;"
+          >
+            <!---->
+            <!---->
+            
+            <div
+              class="v-row"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="v-col d-flex align-center"
+                data-v-5e2a2776=""
+              >
+                <a
+                  class="w-100 ml-8"
+                  data-v-5e2a2776=""
+                  href="/"
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting w-100 logo-medium"
+                    data-v-5e2a2776=""
+                    data-v-916aa5dc=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </a>
+              </div>
+              <div
+                class="v-col d-none d-md-flex align-center justify-center grow"
+                data-v-5e2a2776=""
+              >
+                <!-- TODO same as below: refactor -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#about"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.about')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#products"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.products')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                  data-v-1925b644=""
+                  data-v-5e2a2776=""
+                  href="/#contactname"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.header.contact')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-col d-flex"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                    data-v-5e2a2776=""
+                  >
+                    <div
+                      class="v-responsive__sizer"
+                    />
+                    
+                    
+                    <!---->
+                    <transition-stub
+                      appear="false"
+                      css="true"
+                      name="fade-transition"
+                      persisted="false"
+                    >
+                      <!---->
+                    </transition-stub>
+                    <!---->
+                    <!---->
+                    <!---->
+                    
+                    
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!---->
+          </div>
+          
+          
+          <transition-stub
+            appear="false"
+            css="true"
+            name="expand-transition"
+            persisted="false"
+          >
+            <!---->
+          </transition-stub>
+          
+        </header>
+        
+        <nav
+          class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+          data-v-5e2a2776=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1006; transform: translateX(110%); position: fixed; transition: none !important; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+        >
+          <!---->
+          <!---->
+          <div
+            class="v-navigation-drawer__content"
+          >
+            
+            <div
+              class="d-flex flex-column py-8"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as above: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            
+          </div>
+          <!---->
+        </nav>
+        <transition-stub
+          appear="false"
+          css="true"
+          name="fade-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </div>
+      <div
+        class="v-container v-container--fluid v-locale--is-ltr page-container pa-0"
+        data-v-75d0be1e=""
+      >
+        <div
+          class="v-row"
+          data-v-75d0be1e=""
+        >
+          <!--v-if-->
+          <div
+            class="v-col pa-0 pa-sm-1 pt-0"
+            data-v-75d0be1e=""
+          >
+            
+            <div
+              class="h-screen optin-page py-12"
+              data-v-6e13aff2=""
+            >
+              <div
+                data-v-6e13aff2=""
+              >
+                <p
+                  data-v-6e13aff2=""
+                >
+                  $t('optin.success.text')
+                </p>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      <div
+        data-v-75d0be1e=""
+        data-v-b000eb4c=""
+      >
+        <footer
+          class="v-footer v-theme--light justify-center"
+          dark=""
+          data-v-b000eb4c=""
+          style="background-color: #f5f5f5; color: #000; caret-color: #000; height: auto;"
+        >
+          <div
+            class="v-row justify-center my-4 justify-space-around footer"
+            data-v-b000eb4c=""
+          >
+            <div
+              class="v-col-md-3 v-col-6 d-flex flex-column align-start"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.sitemap')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link min-helper"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.home')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#planning-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.planing')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#coffee-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.worldCoffeeHouse')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.humansAndProjects')"&gt;&lt;/AnchorLink&gt; -->
+                <!-- &lt;h3 class="footer-header mt-4 mb-1 text-left"&gt;
+              {{ $t('menu.footer.socialHeadline') }}
+            &lt;/h3&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.instagram')"&gt;&lt;/AnchorLink&gt;
+            &lt;AnchorLink href="/" :label="$t('menu.footer.telegram')"&gt;&lt;/AnchorLink&gt; -->
+              </div>
+            </div>
+            <div
+              class="v-col-md-3 v-col-6"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-6 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.privacyHeadline')
+              </h2>
+              <div
+                class="footer-links"
+                data-v-b000eb4c=""
+              >
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/impressum"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.impress')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <!-- &lt;AnchorLink href="/" :label="$t('menu.footer.cookies')"&gt;&lt;/AnchorLink&gt; -->
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/#newsletter-section"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.newsletter')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+                <a
+                  class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link"
+                  data-v-1925b644=""
+                  data-v-b000eb4c=""
+                  href="/datenschutz"
+                >
+                  
+                  <span
+                    class="v-btn__overlay"
+                  />
+                  <span
+                    class="v-btn__underlay"
+                  />
+                  
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    
+                    
+                    $t('menu.footer.privacy')
+                    
+                    
+                  </span>
+                  <!---->
+                  <!---->
+                </a>
+              </div>
+              <div
+                class="v-responsive v-img v-img--booting w-100 logo-small mt-8"
+                data-v-916aa5dc=""
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-responsive__sizer"
+                />
+                
+                
+                <!---->
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
+                  <!---->
+                </transition-stub>
+                <!---->
+                <!---->
+                <!---->
+                
+                
+                <!---->
+              </div>
+            </div>
+            <div
+              class="v-col-md-6 v-col-12"
+              data-v-b000eb4c=""
+            >
+              <h2
+                class="footer-header mb-10 text-left"
+                data-v-b000eb4c=""
+              >
+                $t('menu.footer.contact')
+              </h2>
+              <div
+                data-v-b000eb4c=""
+              >
+                <div
+                  class="v-sheet v-theme--light bg-transparent"
+                  data-v-2e8ea5ee=""
+                  data-v-b000eb4c=""
+                >
+                  <form
+                    class="v-form contact-form"
+                    data-v-2e8ea5ee=""
+                    novalidate=""
+                  >
+                    
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="contactname"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.firstName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="contactname-messages"
+                                  class="v-field__input"
+                                  id="contactname"
+                                  name="firstname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-17"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-17-messages"
+                                  class="v-field__input"
+                                  id="input-17"
+                                  name="lastname"
+                                  required=""
+                                  size="1"
+                                  type="text"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-1"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-locale--is-ltr v-text-field contact-text mt-4"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--center-affix v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-19"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-19-messages"
+                                  class="v-field__input"
+                                  id="input-19"
+                                  name="email"
+                                  required=""
+                                  size="1"
+                                  type="email"
+                                />
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      <div
+                        class="v-col-md-6 v-col-12 py-0 pt-2 pa-md-3"
+                        data-v-2e8ea5ee=""
+                      >
+                        <!-- &lt;v-select
+               v-model="topic"
+               name="topic"
+               :items="topicItems"
+               :rules="[() =&gt; !!topic || $t('menu.footer.contactForm.fieldRequired')]"
+               required
+               class="contact-text mt-4"
+               :label="$t('menu.footer.contactForm.topic')"
+               variant="solo"
+               color="#3D4753"
+               bg-color="rgba(174, 179, 189, 0.50)"
+               hide-details="auto"
+               flat
+               rounded="xl"
+               menu-icon="mdi-arrow-down"
+               &gt;&lt;/v-select&gt; -->
+                      </div>
+                    </div>
+                    <div
+                      class="v-row"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col pt-2 pb-0"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-default v-locale--is-ltr v-textarea v-text-field contact-message"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-field v-field--flat v-field--has-background v-field--variant-solo v-theme--light rounded-xl v-locale--is-ltr"
+                              style="background-color: rgba(174, 179, 189, 0.50);"
+                            >
+                              <div
+                                class="v-field__overlay"
+                              />
+                              <div
+                                class="v-field__loader"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  aria-valuemax="100"
+                                  aria-valuemin="0"
+                                  class="v-progress-linear v-theme--light v-locale--is-ltr"
+                                  role="progressbar"
+                                  style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                                >
+                                  <!---->
+                                  <div
+                                    class="v-progress-linear__background"
+                                    style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                                  />
+                                  <transition-stub
+                                    appear="false"
+                                    css="true"
+                                    name="fade-transition"
+                                    persisted="false"
+                                  >
+                                    <div
+                                      class="v-progress-linear__indeterminate"
+                                    >
+                                      
+                                      <div
+                                        class="v-progress-linear__indeterminate long"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      <div
+                                        class="v-progress-linear__indeterminate short"
+                                        style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                      />
+                                      
+                                    </div>
+                                  </transition-stub>
+                                  <!---->
+                                </div>
+                              </div>
+                              <!---->
+                              <div
+                                class="v-field__field"
+                                data-no-activator=""
+                              >
+                                <label
+                                  aria-hidden="true"
+                                  class="v-label v-field-label v-field-label--floating"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-21"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <textarea
+                                  aria-describedby="input-21-messages"
+                                  class="v-field__input"
+                                  id="input-21"
+                                  name="message"
+                                  required=""
+                                  rows="5"
+                                />
+                                <!---->
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <div
+                            class="v-input__details"
+                          >
+                            <transition-group-stub
+                              appear="false"
+                              aria-live="polite"
+                              class="v-messages"
+                              css="true"
+                              id="input-21-messages"
+                              name="slide-y-transition"
+                              persisted="false"
+                              role="alert"
+                              tag="div"
+                            >
+                              <!---->
+                            </transition-group-stub>
+                            <!---->
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col d-flex align-start"
+                        data-v-2e8ea5ee=""
+                      >
+                        <div
+                          class="v-input v-input--horizontal v-input--density-compact v-locale--is-ltr v-input--dirty v-checkbox"
+                          data-v-2e8ea5ee=""
+                        >
+                          <!---->
+                          <div
+                            class="v-input__control"
+                          >
+                            
+                            <div
+                              class="v-selection-control v-selection-control--density-compact v-checkbox-btn"
+                            >
+                              <div
+                                class="v-selection-control__wrapper"
+                              >
+                                <!---->
+                                <div
+                                  class="v-selection-control__input"
+                                >
+                                  
+                                  <i
+                                    aria-hidden="true"
+                                    class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
+                                  />
+                                  <input
+                                    aria-describedby="checkbox-23-messages"
+                                    aria-disabled="false"
+                                    id="checkbox-23"
+                                    name="dataprivacy"
+                                    required=""
+                                    type="checkbox"
+                                    value="false"
+                                  />
+                                  
+                                </div>
+                              </div>
+                              <!---->
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <!---->
+                        </div>
+                        <span
+                          class="ml-6 ml-sm-4 pt-2 contact-dataprivacy"
+                          data-v-2e8ea5ee=""
+                        >
+                          $t('menu.footer.contactForm.privacy') 
+                          <a
+                            class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link anchor-link--text dataprivacy-link"
+                            data-v-1925b644=""
+                            data-v-2e8ea5ee=""
+                            href="/datenschutz"
+                          >
+                            
+                            <span
+                              class="v-btn__overlay"
+                            />
+                            <span
+                              class="v-btn__underlay"
+                            />
+                            
+                            <!---->
+                            <span
+                              class="v-btn__content"
+                              data-no-activator=""
+                            >
+                              
+                              
+                              $t('menu.footer.contactForm.privacyLinkLabel')
+                              
+                              
+                            </span>
+                            <!---->
+                            <!---->
+                          </a>
+                        </span>
+                      </div>
+                    </div>
+                    <div
+                      class="v-row mt-0"
+                      data-v-2e8ea5ee=""
+                    >
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <button
+                          class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--form-submit main-button-auto my-2 w-100"
+                          data-v-2b63c1fe=""
+                          data-v-2e8ea5ee=""
+                          style="background-color: #23ad5b; color: #fff; caret-color: #fff; height: auto; width: auto;"
+                          type="submit"
+                        >
+                          
+                          <span
+                            class="v-btn__overlay"
+                          />
+                          <span
+                            class="v-btn__underlay"
+                          />
+                          
+                          <!---->
+                          <span
+                            class="v-btn__content"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            <!--v-if-->
+                            <span
+                              class="main-button-content"
+                              data-v-2b63c1fe=""
+                            >
+                              $t('menu.footer.contactForm.submitBtn') 
+                              <!--v-if-->
+                            </span>
+                            
+                            
+                          </span>
+                          <!---->
+                          <!---->
+                        </button>
+                      </div>
+                      <div
+                        class="v-col"
+                        data-v-2e8ea5ee=""
+                      >
+                        <transition-group-stub
+                          appear="false"
+                          css="true"
+                          data-v-2e8ea5ee=""
+                          persisted="false"
+                        >
+                          <!--v-if-->
+                          <!--v-if-->
+                        </transition-group-stub>
+                      </div>
+                    </div>
+                    
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+        </footer>
+        <div
+          class="gradient-bg"
+          data-v-b000eb4c=""
+        />
+      </div>
+      
+    </main>
+    
+  </div>
+</div>
+`;
diff --git a/presenter/vitest.config.ts b/presenter/vitest.config.ts
index a3f2bfcb5..3dc4fd84a 100644
--- a/presenter/vitest.config.ts
+++ b/presenter/vitest.config.ts
@@ -12,6 +12,7 @@ export default mergeConfig(
         'scripts/tests/mock.$t.ts',
         'scripts/tests/mock.vikePageContext.ts',
         'scripts/tests/mock.apolloClient.ts',
+        'scripts/tests/mock.IntersectionObserver.ts',
         'scripts/tests/plugin.pinia.ts',
         'scripts/tests/plugin.i18n-vuetify.ts',
       ],

From dde24f6fd11a470afeb70245874952939e1a4f2a Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 24 Jan 2024 21:40:41 +0100
Subject: [PATCH 061/101] page title Fehler instead of Error

---
 presenter/src/pages/_error/+title.ts    | 2 +-
 presenter/src/pages/_error/Page.test.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/pages/_error/+title.ts b/presenter/src/pages/_error/+title.ts
index 0b7864ea9..17faffcf0 100644
--- a/presenter/src/pages/_error/+title.ts
+++ b/presenter/src/pages/_error/+title.ts
@@ -1 +1 @@
-export const title = 'DreamMall | Error'
+export const title = 'DreamMall | Fehler'
diff --git a/presenter/src/pages/_error/Page.test.ts b/presenter/src/pages/_error/Page.test.ts
index 949207066..0da8d0341 100644
--- a/presenter/src/pages/_error/Page.test.ts
+++ b/presenter/src/pages/_error/Page.test.ts
@@ -15,7 +15,7 @@ describe('ErrorPage', () => {
   })
 
   it('title returns correct title', () => {
-    expect(title).toBe('DreamMall | Error')
+    expect(title).toBe('DreamMall | Fehler')
   })
 
   describe('no is404 property set', () => {

From 10f8e89460bc439588f114a9e08f0fc60a1ad06b Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 10:28:45 +0100
Subject: [PATCH 062/101] fix baseURL and default value for meta description

---
 presenter/.env.dist                 | 3 ++-
 presenter/renderer/+onRenderHtml.ts | 2 +-
 presenter/src/env.ts                | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/presenter/.env.dist b/presenter/.env.dist
index fff6eecab..9bbb9eea2 100644
--- a/presenter/.env.dist
+++ b/presenter/.env.dist
@@ -3,4 +3,5 @@ PUBLIC_ENV__ENDPOINTS__GRAPHQL_URI=http://localhost:4000/
 
 # META
 PUBLIC_ENV__META__DEFAULT_TITLE="DreamMall"
-PUBLIC_ENV__META__DEFAULT_DESCRIPTION="DreamMall Client"
\ No newline at end of file
+PUBLIC_ENV__META__DEFAULT_DESCRIPTION="DreamMall Client"
+PUBLIC_ENV__META__BASE_URL="http://localhost:3000
\ No newline at end of file
diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 6a1544d12..52a0356b7 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -34,7 +34,7 @@ async function render(pageContext: PageContextServer & PageContext) {
         <link rel="icon" href="${logoUrl}" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="description" content="${description}" />
-        <meta property="og:image" content="${image}" />
+        <meta property="og:image" content="${META.BASE_URL}${image}" />
         <meta property="og:image:width" content="1200"/>
         <meta property="og:image:height" content="601"/>
         <title>${title}</title>
diff --git a/presenter/src/env.ts b/presenter/src/env.ts
index 8532a4edd..12923b07d 100644
--- a/presenter/src/env.ts
+++ b/presenter/src/env.ts
@@ -6,7 +6,8 @@ const ENDPOINTS = {
 const META = {
   DEFAULT_TITLE: (import.meta.env.PUBLIC_ENV__META__DEFAULT_TITLE ?? 'DreamMall') as string,
   DEFAULT_DESCRIPTION: (import.meta.env.PUBLIC_ENV__META__DEFAULT_DESCRIPTION ??
-    'DreamMall Client') as string,
+    'Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben') as string,
+  BASE_URL: (import.meta.env.PUBLIC_ENV__META__BASE_URL ?? 'http://localhost:3000') as string,
 }
 
 export { ENDPOINTS, META }

From 82c69000aeb22ced5f57fd82f13170a8c72965e7 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 10:33:23 +0100
Subject: [PATCH 063/101] fix includes

---
 presenter/renderer/+onRenderHtml.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 52a0356b7..91f105b7e 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -5,6 +5,7 @@ import { resolveComponent } from 'vue'
 
 import logoUrl from '#assets/favicon.ico'
 import image from '#assets/img/dreammall-logo_social.svg'
+import { META } from '#src/env'
 
 import { createApp } from './app'
 import { getDescription, getTitle } from './utils'

From 4487a33781d87536ad2a4ca81cf9453fc9679c84 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 10:39:10 +0100
Subject: [PATCH 064/101] fixed unit tests

---
 presenter/src/env.test.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/presenter/src/env.test.ts b/presenter/src/env.test.ts
index 442738175..0f8e0fe3b 100644
--- a/presenter/src/env.test.ts
+++ b/presenter/src/env.test.ts
@@ -6,7 +6,9 @@ describe('env', () => {
   it('has correct default values', () => {
     expect(META).toEqual({
       DEFAULT_TITLE: 'DreamMall',
-      DEFAULT_DESCRIPTION: 'DreamMall Client',
+      DEFAULT_DESCRIPTION:
+        'Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben',
+      BASE_URL: 'http://localhost:3000',
     })
   })
 })

From 91253fd75617e1542924f99a84109a19858c54ed Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 10:57:40 +0100
Subject: [PATCH 065/101] og title & description, default values

---
 presenter/.env.dist                 | 2 +-
 presenter/renderer/+onRenderHtml.ts | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/presenter/.env.dist b/presenter/.env.dist
index 9bbb9eea2..f9acae6f3 100644
--- a/presenter/.env.dist
+++ b/presenter/.env.dist
@@ -3,5 +3,5 @@ PUBLIC_ENV__ENDPOINTS__GRAPHQL_URI=http://localhost:4000/
 
 # META
 PUBLIC_ENV__META__DEFAULT_TITLE="DreamMall"
-PUBLIC_ENV__META__DEFAULT_DESCRIPTION="DreamMall Client"
+PUBLIC_ENV__META__DEFAULT_DESCRIPTION="Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben"
 PUBLIC_ENV__META__BASE_URL="http://localhost:3000
\ No newline at end of file
diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 91f105b7e..96747b519 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -35,6 +35,8 @@ async function render(pageContext: PageContextServer & PageContext) {
         <link rel="icon" href="${logoUrl}" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="description" content="${description}" />
+        <meta property="og:title" content="${title}" />
+        <meta property="og:description" content="${description}" />
         <meta property="og:image" content="${META.BASE_URL}${image}" />
         <meta property="og:image:width" content="1200"/>
         <meta property="og:image:height" content="601"/>

From 80887868ea745980627fc6e7ae73f86736103cec Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:06:19 +0100
Subject: [PATCH 066/101] more open graph tags

---
 presenter/renderer/+onRenderHtml.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 96747b519..7de3fc3af 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -36,6 +36,8 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="description" content="${description}" />
         <meta property="og:title" content="${title}" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="${META.BASE_URL}" />
         <meta property="og:description" content="${description}" />
         <meta property="og:image" content="${META.BASE_URL}${image}" />
         <meta property="og:image:width" content="1200"/>

From e1622f7c8632565551afbd7853445dcf55ae6b4c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:11:06 +0100
Subject: [PATCH 067/101] twitter meta tags

---
 presenter/renderer/+onRenderHtml.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 7de3fc3af..93cda98c5 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -42,6 +42,12 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta property="og:image" content="${META.BASE_URL}${image}" />
         <meta property="og:image:width" content="1200"/>
         <meta property="og:image:height" content="601"/>
+        <meta name="twitter:card" content="app" />
+        <!--<meta name="twitter:site" content="@YourTwitterUsername" />-->
+        <meta name="twitter:title" content="${title}" />
+        <meta name="twitter:description" content="${description}" />
+        <meta name="twitter:image" content="${META.BASE_URL}${image}" />
+        <meta name="twitter:image:alt" content="${title}" />
         <title>${title}</title>
       </head>
       <body>

From 7102534982a9f3e09a27207853a62c3c1a9e5903 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:16:41 +0100
Subject: [PATCH 068/101] use png

---
 presenter/renderer/+onRenderHtml.ts             |   2 +-
 .../src/assets/img/dreammall-logo_social.png    | Bin 0 -> 50425 bytes
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 presenter/src/assets/img/dreammall-logo_social.png

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 93cda98c5..242239ab0 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -4,7 +4,7 @@ import { PageContext, PageContextServer } from 'vike/types'
 import { resolveComponent } from 'vue'
 
 import logoUrl from '#assets/favicon.ico'
-import image from '#assets/img/dreammall-logo_social.svg'
+import image from '#assets/img/dreammall-logo_social.png'
 import { META } from '#src/env'
 
 import { createApp } from './app'
diff --git a/presenter/src/assets/img/dreammall-logo_social.png b/presenter/src/assets/img/dreammall-logo_social.png
new file mode 100644
index 0000000000000000000000000000000000000000..c50312462ca9bc50dc3c76e67cc60f579ca044f2
GIT binary patch
literal 50425
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
B3kLuI

literal 0
HcmV?d00001


From ba9f40dbe77aead6761ff6e6bd554318c8b7c82e Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:19:25 +0100
Subject: [PATCH 069/101] twitter card summary_large_image

---
 presenter/renderer/+onRenderHtml.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 242239ab0..7b935c231 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -42,7 +42,7 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta property="og:image" content="${META.BASE_URL}${image}" />
         <meta property="og:image:width" content="1200"/>
         <meta property="og:image:height" content="601"/>
-        <meta name="twitter:card" content="app" />
+        <meta name="twitter:card" content="summary_large_image" />
         <!--<meta name="twitter:site" content="@YourTwitterUsername" />-->
         <meta name="twitter:title" content="${title}" />
         <meta name="twitter:description" content="${description}" />

From 1d77d93c47473e29ea87fd060fe709c5b0507ebf Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:22:32 +0100
Subject: [PATCH 070/101] twitter:text:title

---
 presenter/renderer/+onRenderHtml.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 7b935c231..04ba900b6 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -45,6 +45,7 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta name="twitter:card" content="summary_large_image" />
         <!--<meta name="twitter:site" content="@YourTwitterUsername" />-->
         <meta name="twitter:title" content="${title}" />
+        <meta name="twitter:text:title" content="${title}" />
         <meta name="twitter:description" content="${description}" />
         <meta name="twitter:image" content="${META.BASE_URL}${image}" />
         <meta name="twitter:image:alt" content="${title}" />

From 7aad9fe7dcc91c68f6c482a24c12e68e9fa18f7c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:23:42 +0100
Subject: [PATCH 071/101] og:image:alt

---
 presenter/renderer/+onRenderHtml.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index 04ba900b6..f4a806e7b 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -40,6 +40,7 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta property="og:url" content="${META.BASE_URL}" />
         <meta property="og:description" content="${description}" />
         <meta property="og:image" content="${META.BASE_URL}${image}" />
+        <meta property="og:image:alt" content="${title}" />
         <meta property="og:image:width" content="1200"/>
         <meta property="og:image:height" content="601"/>
         <meta name="twitter:card" content="summary_large_image" />

From 6a4313deb5ca03887eb57b82bfe40e0a4d622c63 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:34:18 +0100
Subject: [PATCH 072/101] default author

---
 presenter/.env.dist                 | 5 +++--
 presenter/renderer/+onRenderHtml.ts | 1 +
 presenter/src/env.ts                | 5 +++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/presenter/.env.dist b/presenter/.env.dist
index f9acae6f3..5775e2cb3 100644
--- a/presenter/.env.dist
+++ b/presenter/.env.dist
@@ -2,6 +2,7 @@
 PUBLIC_ENV__ENDPOINTS__GRAPHQL_URI=http://localhost:4000/
 
 # META
-PUBLIC_ENV__META__DEFAULT_TITLE="DreamMall"
+PUBLIC_ENV__META__BASE_URL="http://localhost:3000"
+PUBLIC_ENV__META__DEFAULT_AUTHOR="DreamMall Verlag GbR"
 PUBLIC_ENV__META__DEFAULT_DESCRIPTION="Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben"
-PUBLIC_ENV__META__BASE_URL="http://localhost:3000
\ No newline at end of file
+PUBLIC_ENV__META__DEFAULT_TITLE="DreamMall"
\ No newline at end of file
diff --git a/presenter/renderer/+onRenderHtml.ts b/presenter/renderer/+onRenderHtml.ts
index f4a806e7b..531125a3c 100644
--- a/presenter/renderer/+onRenderHtml.ts
+++ b/presenter/renderer/+onRenderHtml.ts
@@ -35,6 +35,7 @@ async function render(pageContext: PageContextServer & PageContext) {
         <link rel="icon" href="${logoUrl}" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="description" content="${description}" />
+        <meta name="author" content="${META.DEFAULT_AUTHOR}">
         <meta property="og:title" content="${title}" />
         <meta property="og:type" content="website" />
         <meta property="og:url" content="${META.BASE_URL}" />
diff --git a/presenter/src/env.ts b/presenter/src/env.ts
index 12923b07d..1711d6501 100644
--- a/presenter/src/env.ts
+++ b/presenter/src/env.ts
@@ -4,10 +4,11 @@ const ENDPOINTS = {
 }
 
 const META = {
-  DEFAULT_TITLE: (import.meta.env.PUBLIC_ENV__META__DEFAULT_TITLE ?? 'DreamMall') as string,
+  BASE_URL: (import.meta.env.PUBLIC_ENV__META__BASE_URL ?? 'http://localhost:3000') as string,
+  DEFAULT_AUTHOR: (import.meta.env.PUBLIC_ENV__META__DEFAULT_AUTHOR ?? 'DreamMall Verlag GbR') as string,
   DEFAULT_DESCRIPTION: (import.meta.env.PUBLIC_ENV__META__DEFAULT_DESCRIPTION ??
     'Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben') as string,
-  BASE_URL: (import.meta.env.PUBLIC_ENV__META__BASE_URL ?? 'http://localhost:3000') as string,
+  DEFAULT_TITLE: (import.meta.env.PUBLIC_ENV__META__DEFAULT_TITLE ?? 'DreamMall') as string,
 }
 
 export { ENDPOINTS, META }

From 87a76a25db142707d28cd181f18db49900e2172c Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:40:12 +0100
Subject: [PATCH 073/101] fix test & lint

---
 presenter/src/env.test.ts | 5 +++--
 presenter/src/env.ts      | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/presenter/src/env.test.ts b/presenter/src/env.test.ts
index 0f8e0fe3b..8d5ccadf7 100644
--- a/presenter/src/env.test.ts
+++ b/presenter/src/env.test.ts
@@ -5,10 +5,11 @@ import { META } from './env'
 describe('env', () => {
   it('has correct default values', () => {
     expect(META).toEqual({
-      DEFAULT_TITLE: 'DreamMall',
+      BASE_URL: 'http://localhost:3000',
+      DEFAULT_AUTHOR: 'DreamMall Verlag GbR',
       DEFAULT_DESCRIPTION:
         'Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben',
-      BASE_URL: 'http://localhost:3000',
+      DEFAULT_TITLE: 'DreamMall',
     })
   })
 })
diff --git a/presenter/src/env.ts b/presenter/src/env.ts
index 1711d6501..78be1fe45 100644
--- a/presenter/src/env.ts
+++ b/presenter/src/env.ts
@@ -5,7 +5,8 @@ const ENDPOINTS = {
 
 const META = {
   BASE_URL: (import.meta.env.PUBLIC_ENV__META__BASE_URL ?? 'http://localhost:3000') as string,
-  DEFAULT_AUTHOR: (import.meta.env.PUBLIC_ENV__META__DEFAULT_AUTHOR ?? 'DreamMall Verlag GbR') as string,
+  DEFAULT_AUTHOR: (import.meta.env.PUBLIC_ENV__META__DEFAULT_AUTHOR ??
+    'DreamMall Verlag GbR') as string,
   DEFAULT_DESCRIPTION: (import.meta.env.PUBLIC_ENV__META__DEFAULT_DESCRIPTION ??
     'Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben') as string,
   DEFAULT_TITLE: (import.meta.env.PUBLIC_ENV__META__DEFAULT_TITLE ?? 'DreamMall') as string,

From 022a3c6ccd35297d301e0016716f926df7792bd8 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:43:25 +0100
Subject: [PATCH 074/101] fix .env dist

---
 presenter/.env.dist | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/.env.dist b/presenter/.env.dist
index 5775e2cb3..284147d01 100644
--- a/presenter/.env.dist
+++ b/presenter/.env.dist
@@ -2,7 +2,7 @@
 PUBLIC_ENV__ENDPOINTS__GRAPHQL_URI=http://localhost:4000/
 
 # META
-PUBLIC_ENV__META__BASE_URL="http://localhost:3000"
+PUBLIC_ENV__META__BASE_URL=http://localhost:3000
 PUBLIC_ENV__META__DEFAULT_AUTHOR="DreamMall Verlag GbR"
 PUBLIC_ENV__META__DEFAULT_DESCRIPTION="Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben"
 PUBLIC_ENV__META__DEFAULT_TITLE="DreamMall"
\ No newline at end of file

From 392d942b5d6eceaee856398cfc553779da8210bb Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 11:44:30 +0100
Subject: [PATCH 075/101] revert .env dist change

---
 presenter/.env.dist | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/.env.dist b/presenter/.env.dist
index 284147d01..5775e2cb3 100644
--- a/presenter/.env.dist
+++ b/presenter/.env.dist
@@ -2,7 +2,7 @@
 PUBLIC_ENV__ENDPOINTS__GRAPHQL_URI=http://localhost:4000/
 
 # META
-PUBLIC_ENV__META__BASE_URL=http://localhost:3000
+PUBLIC_ENV__META__BASE_URL="http://localhost:3000"
 PUBLIC_ENV__META__DEFAULT_AUTHOR="DreamMall Verlag GbR"
 PUBLIC_ENV__META__DEFAULT_DESCRIPTION="Deine Reichweite Erweitern Alle Möglichkeiten Miteinander Ausschöpfen Lebensqualität Leben"
 PUBLIC_ENV__META__DEFAULT_TITLE="DreamMall"
\ No newline at end of file

From 4b6281f3facd472be470719989f7884eb982bfe1 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Thu, 25 Jan 2024 11:54:21 +0100
Subject: [PATCH 076/101] feat(presenter): rename products to produkte

---
 presenter/src/locales/de.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index 20e9f2a71..ddb1cdfde 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -195,7 +195,7 @@
       "about": "über",
       "contact": "kontakt",
       "newsletter": "Newsletter abonnieren",
-      "products": "products",
+      "products": "produkte",
       "sitemap": "Sitemap"
     }
   },

From fb9f92754b31bc0b62ecafb2618abcb2660ab746 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 25 Jan 2024 12:00:15 +0100
Subject: [PATCH 077/101] v1.1.0

---
 CHANGELOG.md                | 46 +++++++++++++++++++++++++++++++++++++
 backend/package-lock.json   |  4 ++--
 backend/package.json        |  2 +-
 package-lock.json           |  4 ++--
 package.json                |  2 +-
 presenter/package-lock.json |  4 ++--
 presenter/package.json      |  2 +-
 7 files changed, 55 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 48fdaf785..72457a2b1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,8 +4,54 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.1.0](https://github.com/dreammall-earth/dreammall.earth/compare/1.0.1...1.1.0)
+
+- refactor(presenter): rename products to produkte [`#214`](https://github.com/dreammall-earth/dreammall.earth/pull/214)
+- fix(presenter): proper social preview [`#212`](https://github.com/dreammall-earth/dreammall.earth/pull/212)
+- feat(presenter): vike per-page title [`#207`](https://github.com/dreammall-earth/dreammall.earth/pull/207)
+- feat(presenter): design pages [`#206`](https://github.com/dreammall-earth/dreammall.earth/pull/206)
+- feat(presenter): scss refactor [`#204`](https://github.com/dreammall-earth/dreammall.earth/pull/204)
+- refactor(presenter): make input fields and checkbox reusable components [`#180`](https://github.com/dreammall-earth/dreammall.earth/pull/180)
+- feat(presenter): automatic slider [`#205`](https://github.com/dreammall-earth/dreammall.earth/pull/205)
+- refactor(presenter): improve naming conventions and folder structures [`#197`](https://github.com/dreammall-earth/dreammall.earth/pull/197)
+- fix(backend): brevo response call fixes [`#203`](https://github.com/dreammall-earth/dreammall.earth/pull/203)
+- feat(presenter): double opt in [`#188`](https://github.com/dreammall-earth/dreammall.earth/pull/188)
+- chore(presenter): update boilerplate presenter 22.01.24 [`#198`](https://github.com/dreammall-earth/dreammall.earth/pull/198)
+- chore(frontend): update packages 20 01 2024 [`#61`](https://github.com/dreammall-earth/dreammall.earth/pull/61)
+- feat(presenter): improved social preview [`#186`](https://github.com/dreammall-earth/dreammall.earth/pull/186)
+- fix(presenter): design fixes [`#178`](https://github.com/dreammall-earth/dreammall.earth/pull/178)
+- feat(presenter): improve stories [`#179`](https://github.com/dreammall-earth/dreammall.earth/pull/179)
+- docs(other): include browserstack reference as required by that service [`#181`](https://github.com/dreammall-earth/dreammall.earth/pull/181)
+- feat(backend): double opt in [`#168`](https://github.com/dreammall-earth/dreammall.earth/pull/168)
+- chore(presenter): update presenter from boilerplate [`#176`](https://github.com/dreammall-earth/dreammall.earth/pull/176)
+- feat(presenter): increase coverage presenter [`#169`](https://github.com/dreammall-earth/dreammall.earth/pull/169)
+- docs(frontend): fix readme [`#55`](https://github.com/dreammall-earth/dreammall.earth/pull/55)
+- feat(frontend): stories [`#54`](https://github.com/dreammall-earth/dreammall.earth/pull/54)
+- chore(frontend): update packages 13 01 2024 [`#53`](https://github.com/dreammall-earth/dreammall.earth/pull/53)
+- feat(presenter): test response messages [`#167`](https://github.com/dreammall-earth/dreammall.earth/pull/167)
+- feat(backend): database for newsletter double opt in [`#166`](https://github.com/dreammall-earth/dreammall.earth/pull/166)
+- feat(presenter): snapshot testing [`#165`](https://github.com/dreammall-earth/dreammall.earth/pull/165)
+- feat(frontend): snapshot tests [`#47`](https://github.com/dreammall-earth/dreammall.earth/pull/47)
+- feat(frontend): test vike button [`#46`](https://github.com/dreammall-earth/dreammall.earth/pull/46)
+- feat(frontend): build server [`#45`](https://github.com/dreammall-earth/dreammall.earth/pull/45)
+- feat(frontend): utilize vike-navigate [`#44`](https://github.com/dreammall-earth/dreammall.earth/pull/44)
+- fix(presenter): fix unit tests [`#161`](https://github.com/dreammall-earth/dreammall.earth/pull/161)
+- chore(presenter): update packages [`#160`](https://github.com/dreammall-earth/dreammall.earth/pull/160)
+- chore(frontend): update packages [`#43`](https://github.com/dreammall-earth/dreammall.earth/pull/43)
+- refactor(presenter): utilize vike's client-side navigation [`#125`](https://github.com/dreammall-earth/dreammall.earth/pull/125)
+- chore(presenter): update boilerplate presenter [`#134`](https://github.com/dreammall-earth/dreammall.earth/pull/134)
+- fix(frontend): deleted unused debug handlers [`#35`](https://github.com/dreammall-earth/dreammall.earth/pull/35)
+- Bump actions/checkout from 3 to 4 [`#33`](https://github.com/dreammall-earth/dreammall.earth/pull/33)
+- chore(workflow): dependabot support [`#32`](https://github.com/dreammall-earth/dreammall.earth/pull/32)
+- chore(frontend): apply vike fix [`#31`](https://github.com/dreammall-earth/dreammall.earth/pull/31)
+- chore(frontend): package updates [`#30`](https://github.com/dreammall-earth/dreammall.earth/pull/30)
+- fix(frontend): optimization [`#29`](https://github.com/dreammall-earth/dreammall.earth/pull/29)
+
 #### [1.0.1](https://github.com/dreammall-earth/dreammall.earth/compare/1.0.0...1.0.1)
 
+> 22 December 2023
+
+- chore(release): 1.0.1 [`#133`](https://github.com/dreammall-earth/dreammall.earth/pull/133)
 - fix(presenter): fix invisible hamburger menu on Safari iOS [`#132`](https://github.com/dreammall-earth/dreammall.earth/pull/132)
 
 ### [1.0.0](https://github.com/dreammall-earth/dreammall.earth/compare/0.9.3...1.0.0)
diff --git a/backend/package-lock.json b/backend/package-lock.json
index 4acf89053..3de066c3c 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "boilerplate-backend",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "boilerplate-backend",
-      "version": "1.0.1",
+      "version": "1.1.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@apollo/server": "^4.9.5",
diff --git a/backend/package.json b/backend/package.json
index e5543e59c..88458929e 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "boilerplate-backend",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "The IT4C Boilerplate for backends",
   "main": "build/index.ts",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index d1bc66892..1d9ebc3ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "dreammall.earth",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "dreammall.earth",
-      "version": "1.0.1",
+      "version": "1.1.0",
       "license": "Apache-2.0",
       "devDependencies": {
         "@vuepress/bundler-vite": "^2.0.0-rc.0",
diff --git a/package.json b/package.json
index 71e22cb95..44cd592aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dreammall.earth",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Dreammall.earth website & product page",
   "main": "build/index.js",
   "type": "module",
diff --git a/presenter/package-lock.json b/presenter/package-lock.json
index eea0ebacb..4f32de5fb 100644
--- a/presenter/package-lock.json
+++ b/presenter/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "boilerplate-frontend",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "boilerplate-frontend",
-      "version": "1.0.1",
+      "version": "1.1.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@apollo/client": "^3.8.8",
diff --git a/presenter/package.json b/presenter/package.json
index c7e318ed9..3dfe627de 100644
--- a/presenter/package.json
+++ b/presenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "boilerplate-frontend",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "The IT4C Boilerplate for frontends",
   "main": "build/index.cjs",
   "type": "module",

From 7732c80cc1b5e9ac8fb4bf8aec826a0defa42f60 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sun, 28 Jan 2024 01:08:55 +0100
Subject: [PATCH 078/101] update packages

---
 package-lock.json | 1042 +++++++++++++++++++++++++++++++++++----------
 package.json      |   22 +-
 2 files changed, 828 insertions(+), 236 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 42d4c3af1..b486d9324 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@mdi/font": "^7.4.47",
         "@types/compression": "^1.7.5",
         "@types/express": "^4.17.21",
-        "@types/node": "^20.11.5",
+        "@types/node": "^20.11.8",
         "@vitejs/plugin-vue": "^5.0.3",
         "@vue/compiler-sfc": "^3.4.15",
         "@vue/server-renderer": "^3.4.15",
@@ -27,11 +27,11 @@
         "sirv": "^2.0.4",
         "ts-node": "^10.9.2",
         "typescript": "^5.3.3",
-        "vike": "^0.4.158",
+        "vike": "^0.4.160",
         "vite": "^5.0.12",
         "vue": "^3.4.15",
         "vue-i18n": "^9.9.0",
-        "vuetify": "^3.5.0"
+        "vuetify": "^3.5.1"
       },
       "devDependencies": {
         "@eslint-community/eslint-plugin-eslint-comments": "^4.1.0",
@@ -44,12 +44,12 @@
         "@storybook/testing-library": "^0.2.2",
         "@storybook/vue3": "^7.6.10",
         "@storybook/vue3-vite": "^7.6.10",
-        "@typescript-eslint/eslint-plugin": "^6.19.0",
-        "@typescript-eslint/parser": "^6.19.0",
-        "@vitest/coverage-v8": "^1.2.1",
-        "@vue/test-utils": "^2.4.3",
-        "@vuepress/bundler-vite": "^2.0.0-rc.0",
-        "chromatic": "^10.3.1",
+        "@typescript-eslint/eslint-plugin": "^6.19.1",
+        "@typescript-eslint/parser": "^6.19.1",
+        "@vitest/coverage-v8": "^1.2.2",
+        "@vue/test-utils": "^2.4.4",
+        "@vuepress/bundler-vite": "^2.0.0-rc.2",
+        "chromatic": "^10.6.1",
         "eslint": "^8.56.0",
         "eslint-config-prettier": "^9.1.0",
         "eslint-config-standard": "^17.1.0",
@@ -64,7 +64,7 @@
         "eslint-plugin-vue": "^9.20.1",
         "eslint-plugin-vuetify": "^2.1.1",
         "eslint-plugin-yml": "^1.12.2",
-        "happy-dom": "^13.2.0",
+        "happy-dom": "^13.3.1",
         "prettier": "^3.2.4",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -84,7 +84,7 @@
         "vite-plugin-checker": "^0.6.2",
         "vite-plugin-compression": "^0.5.1",
         "vite-plugin-vuetify": "^2.0.1",
-        "vitest": "^1.2.1",
+        "vitest": "^1.2.2",
         "vue-tsc": "^1.8.27",
         "vuepress": "^2.0.0-rc.0"
       }
@@ -5093,9 +5093,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.4.1.tgz",
-      "integrity": "sha512-Ss4suS/sd+6xLRu+MLCkED2mUrAyqHmmvZB+zpzZ9Znn9S8wCkTQCJaQ8P8aHofnvG5L16u9MVnJjCqioPErwQ==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.6.tgz",
+      "integrity": "sha512-MVNXSSYN6QXOulbHpLMKYi60ppyO13W9my1qogeiAqtjb2yR4LSmfU2+POvDkLzhjYLXz9Rf9+9a3zFHW1Lecg==",
       "cpu": [
         "arm"
       ],
@@ -5106,9 +5106,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.4.1.tgz",
-      "integrity": "sha512-sRSkGTvGsARwWd7TzC8LKRf8FiPn7257vd/edzmvG4RIr9x68KBN0/Ek48CkuUJ5Pj/Dp9vKWv6PEupjKWjTYA==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.6.tgz",
+      "integrity": "sha512-T14aNLpqJ5wzKNf5jEDpv5zgyIqcpn1MlwCrUXLrwoADr2RkWA0vOWP4XxbO9aiO3dvMCQICZdKeDrFl7UMClw==",
       "cpu": [
         "arm64"
       ],
@@ -5119,9 +5119,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.4.1.tgz",
-      "integrity": "sha512-nz0AiGrrXyaWpsmBXUGOBiRDU0wyfSXbFuF98pPvIO8O6auQsPG6riWsfQqmCCC5FNd8zKQ4JhgugRNAkBJ8mQ==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.6.tgz",
+      "integrity": "sha512-CqNNAyhRkTbo8VVZ5R85X73H3R5NX9ONnKbXuHisGWC0qRbTTxnF1U4V9NafzJbgGM0sHZpdO83pLPzq8uOZFw==",
       "cpu": [
         "arm64"
       ],
@@ -5132,9 +5132,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.4.1.tgz",
-      "integrity": "sha512-Ogqvf4/Ve/faMaiPRvzsJEqajbqs00LO+8vtrPBVvLgdw4wBg6ZDXdkDAZO+4MLnrc8mhGV6VJAzYScZdPLtJg==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.6.tgz",
+      "integrity": "sha512-zRDtdJuRvA1dc9Mp6BWYqAsU5oeLixdfUvkTHuiYOHwqYuQ4YgSmi6+/lPvSsqc/I0Omw3DdICx4Tfacdzmhog==",
       "cpu": [
         "x64"
       ],
@@ -5145,9 +5145,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.4.1.tgz",
-      "integrity": "sha512-9zc2tqlr6HfO+hx9+wktUlWTRdje7Ub15iJqKcqg5uJZ+iKqmd2CMxlgPpXi7+bU7bjfDIuvCvnGk7wewFEhCg==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.6.tgz",
+      "integrity": "sha512-oNk8YXDDnNyG4qlNb6is1ojTOGL/tRhbbKeE/YuccItzerEZT68Z9gHrY3ROh7axDc974+zYAPxK5SH0j/G+QQ==",
       "cpu": [
         "arm"
       ],
@@ -5158,9 +5158,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.4.1.tgz",
-      "integrity": "sha512-phLb1fN3rq2o1j1v+nKxXUTSJnAhzhU0hLrl7Qzb0fLpwkGMHDem+o6d+ZI8+/BlTXfMU4kVWGvy6g9k/B8L6Q==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.6.tgz",
+      "integrity": "sha512-Z3O60yxPtuCYobrtzjo0wlmvDdx2qZfeAWTyfOjEDqd08kthDKexLpV97KfAeUXPosENKd8uyJMRDfFMxcYkDQ==",
       "cpu": [
         "arm64"
       ],
@@ -5171,9 +5171,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.4.1.tgz",
-      "integrity": "sha512-M2sDtw4tf57VPSjbTAN/lz1doWUqO2CbQuX3L9K6GWIR5uw9j+ROKCvvUNBY8WUbMxwaoc8mH9HmmBKsLht7+w==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.6.tgz",
+      "integrity": "sha512-gpiG0qQJNdYEVad+1iAsGAbgAnZ8j07FapmnIAQgODKcOTjLEWM9sRb+MbQyVsYCnA0Im6M6QIq6ax7liws6eQ==",
       "cpu": [
         "arm64"
       ],
@@ -5183,10 +5183,23 @@
         "linux"
       ]
     },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.6.tgz",
+      "integrity": "sha512-+uCOcvVmFUYvVDr27aiyun9WgZk0tXe7ThuzoUTAukZJOwS5MrGbmSlNOhx1j80GdpqbOty05XqSl5w4dQvcOA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.4.1.tgz",
-      "integrity": "sha512-mHIlRLX+hx+30cD6c4BaBOsSqdnCE4ok7/KDvjHYAHoSuveoMMxIisZFvcLhUnyZcPBXDGZTuBoalcuh43UfQQ==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.6.tgz",
+      "integrity": "sha512-HUNqM32dGzfBKuaDUBqFB7tP6VMN74eLZ33Q9Y1TBqRDn+qDonkAUyKWwF9BR9unV7QUzffLnz9GrnKvMqC/fw==",
       "cpu": [
         "x64"
       ],
@@ -5197,9 +5210,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.4.1.tgz",
-      "integrity": "sha512-tB+RZuDi3zxFx7vDrjTNGVLu2KNyzYv+UY8jz7e4TMEoAj7iEt8Qk6xVu6mo3pgjnsHj6jnq3uuRsHp97DLwOA==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.6.tgz",
+      "integrity": "sha512-ch7M+9Tr5R4FK40FHQk8VnML0Szi2KRujUgHXd/HjuH9ifH72GUmw6lStZBo3c3GB82vHa0ZoUfjfcM7JiiMrQ==",
       "cpu": [
         "x64"
       ],
@@ -5210,9 +5223,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.4.1.tgz",
-      "integrity": "sha512-Hdn39PzOQowK/HZzYpCuZdJC91PE6EaGbTe2VCA9oq2u18evkisQfws0Smh9QQGNNRa/T7MOuGNQoLeXhhE3PQ==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.6.tgz",
+      "integrity": "sha512-VD6qnR99dhmTQ1mJhIzXsRcTBvTjbfbGGwKAHcu+52cVl15AC/kplkhxzW/uT0Xl62Y/meBKDZvoJSJN+vTeGA==",
       "cpu": [
         "arm64"
       ],
@@ -5223,9 +5236,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.4.1.tgz",
-      "integrity": "sha512-tLpKb1Elm9fM8c5w3nl4N1eLTP4bCqTYw9tqUBxX8/hsxqHO3dxc2qPbZ9PNkdK4tg4iLEYn0pOUnVByRd2CbA==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.6.tgz",
+      "integrity": "sha512-J9AFDq/xiRI58eR2NIDfyVmTYGyIZmRcvcAoJ48oDld/NTR8wyiPUu2X/v1navJ+N/FGg68LEbX3Ejd6l8B7MQ==",
       "cpu": [
         "ia32"
       ],
@@ -5236,9 +5249,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.4.1.tgz",
-      "integrity": "sha512-eAhItDX9yQtZVM3yvXS/VR3qPqcnXvnLyx1pLXl4JzyNMBNO3KC986t/iAg2zcMzpAp9JSvxB5VZGnBiNoA98w==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.6.tgz",
+      "integrity": "sha512-jqzNLhNDvIZOrt69Ce4UjGRpXJBzhUBzawMwnaDAwyHriki3XollsewxWzOzz+4yOFDkuJHtTsZFwMxhYJWmLQ==",
       "cpu": [
         "x64"
       ],
@@ -7746,9 +7759,9 @@
       "dev": true
     },
     "node_modules/@types/markdown-it": {
-      "version": "13.0.6",
-      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-13.0.6.tgz",
-      "integrity": "sha512-0VqpvusJn1/lwRegCxcHVdmLfF+wIsprsKMC9xW8UPcTxhFcQtoN/fBU1zMe8pH7D/RuueMh2CaBaNv+GrLqTw==",
+      "version": "13.0.7",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-13.0.7.tgz",
+      "integrity": "sha512-U/CBi2YUUcTHBt5tjO2r5QV/x0Po6nsYwQU4Y04fBS6vfoImaiZ6f8bi3CjTCxBPQSO1LMyUqkByzi8AidyxfA==",
       "dev": true,
       "dependencies": {
         "@types/linkify-it": "*",
@@ -7811,9 +7824,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.11.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.5.tgz",
-      "integrity": "sha512-g557vgQjUUfN76MZAN/dt1z3dzcUsimuysco0KeluHgrPdJXkP/XdAURgyO2W9fZWHRtRBiVKzKn8vyOAwlG+w==",
+      "version": "20.11.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.8.tgz",
+      "integrity": "sha512-i7omyekpPTNdv4Jb/Rgqg0RU8YqLcNsI12quKSDkRXNfx7Wxdm6HhK1awT3xTgEkgxPn3bvnSpiEAc7a7Lpyow==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -7959,16 +7972,16 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.19.0.tgz",
-      "integrity": "sha512-DUCUkQNklCQYnrBSSikjVChdc84/vMPDQSgJTHBZ64G9bA9w0Crc0rd2diujKbTdp6w2J47qkeHQLoi0rpLCdg==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.19.1.tgz",
+      "integrity": "sha512-roQScUGFruWod9CEyoV5KlCYrubC/fvG8/1zXuT0WTcxX87GnMMmnksMwSg99lo1xiKrBzw2icsJPMAw1OtKxg==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.19.0",
-        "@typescript-eslint/type-utils": "6.19.0",
-        "@typescript-eslint/utils": "6.19.0",
-        "@typescript-eslint/visitor-keys": "6.19.0",
+        "@typescript-eslint/scope-manager": "6.19.1",
+        "@typescript-eslint/type-utils": "6.19.1",
+        "@typescript-eslint/utils": "6.19.1",
+        "@typescript-eslint/visitor-keys": "6.19.1",
         "debug": "^4.3.4",
         "graphemer": "^1.4.0",
         "ignore": "^5.2.4",
@@ -8050,15 +8063,15 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.19.0.tgz",
-      "integrity": "sha512-1DyBLG5SH7PYCd00QlroiW60YJ4rWMuUGa/JBV0iZuqi4l4IK3twKPq5ZkEebmGqRjXWVgsUzfd3+nZveewgow==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.19.1.tgz",
+      "integrity": "sha512-WEfX22ziAh6pRE9jnbkkLGp/4RhTpffr2ZK5bJ18M8mIfA8A+k97U9ZyaXCEJRlmMHh7R9MJZWXp/r73DzINVQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.19.0",
-        "@typescript-eslint/types": "6.19.0",
-        "@typescript-eslint/typescript-estree": "6.19.0",
-        "@typescript-eslint/visitor-keys": "6.19.0",
+        "@typescript-eslint/scope-manager": "6.19.1",
+        "@typescript-eslint/types": "6.19.1",
+        "@typescript-eslint/typescript-estree": "6.19.1",
+        "@typescript-eslint/visitor-keys": "6.19.1",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -8101,13 +8114,13 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.19.0.tgz",
-      "integrity": "sha512-dO1XMhV2ehBI6QN8Ufi7I10wmUovmLU0Oru3n5LVlM2JuzB4M+dVphCPLkVpKvGij2j/pHBWuJ9piuXx+BhzxQ==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.19.1.tgz",
+      "integrity": "sha512-4CdXYjKf6/6aKNMSly/BP4iCSOpvMmqtDzRtqFyyAae3z5kkqEjKndR5vDHL8rSuMIIWP8u4Mw4VxLyxZW6D5w==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.19.0",
-        "@typescript-eslint/visitor-keys": "6.19.0"
+        "@typescript-eslint/types": "6.19.1",
+        "@typescript-eslint/visitor-keys": "6.19.1"
       },
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -8118,13 +8131,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.19.0.tgz",
-      "integrity": "sha512-mcvS6WSWbjiSxKCwBcXtOM5pRkPQ6kcDds/juxcy/727IQr3xMEcwr/YLHW2A2+Fp5ql6khjbKBzOyjuPqGi/w==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.19.1.tgz",
+      "integrity": "sha512-0vdyld3ecfxJuddDjACUvlAeYNrHP/pDeQk2pWBR2ESeEzQhg52DF53AbI9QCBkYE23lgkhLCZNkHn2hEXXYIg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.19.0",
-        "@typescript-eslint/utils": "6.19.0",
+        "@typescript-eslint/typescript-estree": "6.19.1",
+        "@typescript-eslint/utils": "6.19.1",
         "debug": "^4.3.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -8168,9 +8181,9 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.19.0.tgz",
-      "integrity": "sha512-lFviGV/vYhOy3m8BJ/nAKoAyNhInTdXpftonhWle66XHAtT1ouBlkjL496b5H5hb8dWXHwtypTqgtb/DEa+j5A==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.19.1.tgz",
+      "integrity": "sha512-6+bk6FEtBhvfYvpHsDgAL3uo4BfvnTnoge5LrrCj2eJN8g3IJdLTD4B/jK3Q6vo4Ql/Hoip9I8aB6fF+6RfDqg==",
       "dev": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -8181,13 +8194,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.19.0.tgz",
-      "integrity": "sha512-o/zefXIbbLBZ8YJ51NlkSAt2BamrK6XOmuxSR3hynMIzzyMY33KuJ9vuMdFSXW+H0tVvdF9qBPTHA91HDb4BIQ==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.19.1.tgz",
+      "integrity": "sha512-aFdAxuhzBFRWhy+H20nYu19+Km+gFfwNO4TEqyszkMcgBDYQjmPJ61erHxuT2ESJXhlhrO7I5EFIlZ+qGR8oVA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.19.0",
-        "@typescript-eslint/visitor-keys": "6.19.0",
+        "@typescript-eslint/types": "6.19.1",
+        "@typescript-eslint/visitor-keys": "6.19.1",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -8265,17 +8278,17 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.19.0.tgz",
-      "integrity": "sha512-QR41YXySiuN++/dC9UArYOg4X86OAYP83OWTewpVx5ct1IZhjjgTLocj7QNxGhWoTqknsgpl7L+hGygCO+sdYw==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.19.1.tgz",
+      "integrity": "sha512-JvjfEZuP5WoMqwh9SPAPDSHSg9FBHHGhjPugSRxu5jMfjvBpq5/sGTD+9M9aQ5sh6iJ8AY/Kk/oUYVEMAPwi7w==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
         "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.19.0",
-        "@typescript-eslint/types": "6.19.0",
-        "@typescript-eslint/typescript-estree": "6.19.0",
+        "@typescript-eslint/scope-manager": "6.19.1",
+        "@typescript-eslint/types": "6.19.1",
+        "@typescript-eslint/typescript-estree": "6.19.1",
         "semver": "^7.5.4"
       },
       "engines": {
@@ -8323,12 +8336,12 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.19.0.tgz",
-      "integrity": "sha512-hZaUCORLgubBvtGpp1JEFEazcuEdfxta9j4iUwdSAr7mEsYYAp3EAUyCZk3VEEqGj6W+AV4uWyrDGtrlawAsgQ==",
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.19.1.tgz",
+      "integrity": "sha512-gkdtIO+xSO/SmI0W68DBg4u1KElmIUo3vXzgHyGPs6cxgB0sa3TlptRAAE0hUY1hM6FcDKEv7aIwiTGm76cXfQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.19.0",
+        "@typescript-eslint/types": "6.19.1",
         "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
@@ -8358,9 +8371,9 @@
       }
     },
     "node_modules/@vitest/coverage-v8": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-1.2.1.tgz",
-      "integrity": "sha512-fJEhKaDwGMZtJUX7BRcGxooGwg1Hl0qt53mVup/ZJeznhvL5EodteVnb/mcByhEcvVWbK83ZF31c7nPEDi4LOQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-1.2.2.tgz",
+      "integrity": "sha512-IHyKnDz18SFclIEEAHb9Y4Uxx0sPKC2VO1kdDCs1BF6Ip4S8rQprs971zIsooLUn7Afs71GRxWMWpkCGZpRMhw==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.1",
@@ -8408,13 +8421,13 @@
       "dev": true
     },
     "node_modules/@vitest/expect": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.2.1.tgz",
-      "integrity": "sha512-/bqGXcHfyKgFWYwIgFr1QYDaR9e64pRKxgBNWNXPefPFRhgm+K3+a/dS0cUGEreWngets3dlr8w8SBRw2fCfFQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.2.2.tgz",
+      "integrity": "sha512-3jpcdPAD7LwHUUiT2pZTj2U82I2Tcgg2oVPvKxhn6mDI2On6tfvPQTjAI4628GUGDZrCm4Zna9iQHm5cEexOAg==",
       "dev": true,
       "dependencies": {
-        "@vitest/spy": "1.2.1",
-        "@vitest/utils": "1.2.1",
+        "@vitest/spy": "1.2.2",
+        "@vitest/utils": "1.2.2",
         "chai": "^4.3.10"
       },
       "funding": {
@@ -8422,12 +8435,12 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.2.1.tgz",
-      "integrity": "sha512-zc2dP5LQpzNzbpaBt7OeYAvmIsRS1KpZQw4G3WM/yqSV1cQKNKwLGmnm79GyZZjMhQGlRcSFMImLjZaUQvNVZQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.2.2.tgz",
+      "integrity": "sha512-JctG7QZ4LSDXr5CsUweFgcpEvrcxOV1Gft7uHrvkQ+fsAVylmWQvnaAr/HDp3LAH1fztGMQZugIheTWjaGzYIg==",
       "dev": true,
       "dependencies": {
-        "@vitest/utils": "1.2.1",
+        "@vitest/utils": "1.2.2",
         "p-limit": "^5.0.0",
         "pathe": "^1.1.1"
       },
@@ -8463,9 +8476,9 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.2.1.tgz",
-      "integrity": "sha512-Tmp/IcYEemKaqAYCS08sh0vORLJkMr0NRV76Gl8sHGxXT5151cITJCET20063wk0Yr/1koQ6dnmP6eEqezmd/Q==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.2.2.tgz",
+      "integrity": "sha512-SmGY4saEw1+bwE1th6S/cZmPxz/Q4JWsl7LvbQIky2tKE35US4gd0Mjzqfr84/4OD0tikGWaWdMja/nWL5NIPA==",
       "dev": true,
       "dependencies": {
         "magic-string": "^0.30.5",
@@ -8509,9 +8522,9 @@
       "dev": true
     },
     "node_modules/@vitest/spy": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.2.1.tgz",
-      "integrity": "sha512-vG3a/b7INKH7L49Lbp0IWrG6sw9j4waWAucwnksPB1r1FTJgV7nkBByd9ufzu6VWya/QTvQW4V9FShZbZIB2UQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.2.2.tgz",
+      "integrity": "sha512-k9Gcahssw8d7X3pSLq3e3XEu/0L78mUkCjivUqCQeXJm9clfXR/Td8+AP+VC1O6fKPIDLcHDTAmBOINVuv6+7g==",
       "dev": true,
       "dependencies": {
         "tinyspy": "^2.2.0"
@@ -8521,9 +8534,9 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.2.1.tgz",
-      "integrity": "sha512-bsH6WVZYe/J2v3+81M5LDU8kW76xWObKIURpPrOXm2pjBniBu2MERI/XP60GpS4PHU3jyK50LUutOwrx4CyHUg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.2.2.tgz",
+      "integrity": "sha512-WKITBHLsBHlpjnDQahr+XK6RE7MiAsgrIkr0pGhQ9ygoxBfUeG0lUG5iLlzqjmKSlBv3+j5EGsriBzh+C3Tq9g==",
       "dev": true,
       "dependencies": {
         "diff-sequences": "^29.6.3",
@@ -8725,9 +8738,9 @@
       "integrity": "sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g=="
     },
     "node_modules/@vue/test-utils": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.3.tgz",
-      "integrity": "sha512-F4K7mF+ad++VlTrxMJVRnenKSJmO6fkQt2wpRDiKDesQMkfpniGWsqEi/JevxGBo2qEkwwjvTUAoiGJLNx++CA==",
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.4.tgz",
+      "integrity": "sha512-8jkRxz8pNhClAf4Co4ZrpAoFISdvT3nuSkUlY6Ys6rmTpw3DMWG/X3mw3gQ7QJzgCZO9f+zuE2kW57fi09MW7Q==",
       "dev": true,
       "dependencies": {
         "js-beautify": "^1.14.9",
@@ -8744,44 +8757,435 @@
       }
     },
     "node_modules/@vuepress/bundler-vite": {
-      "version": "2.0.0-rc.0",
-      "resolved": "https://registry.npmjs.org/@vuepress/bundler-vite/-/bundler-vite-2.0.0-rc.0.tgz",
-      "integrity": "sha512-rX8S8IYpqqlJfNPstS/joorpxXx/4WuE7+gDM31i2HUrxOKGZVzq8ZsRRRU2UdoTwHZSd3LpUS4sMtxE5xLK1A==",
+      "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@vuepress/bundler-vite/-/bundler-vite-2.0.0-rc.2.tgz",
+      "integrity": "sha512-bjkn0krtucciUkGGdckCkGGg+wlv3Pj7s1lO/ChACLQncDwc3GgMTuMm0JyaCDKzTXE8sufjHHGWMftRL8qFOg==",
       "dev": true,
       "dependencies": {
-        "@vitejs/plugin-vue": "^4.5.0",
-        "@vuepress/client": "2.0.0-rc.0",
-        "@vuepress/core": "2.0.0-rc.0",
-        "@vuepress/shared": "2.0.0-rc.0",
-        "@vuepress/utils": "2.0.0-rc.0",
-        "autoprefixer": "^10.4.16",
+        "@vitejs/plugin-vue": "^5.0.3",
+        "@vuepress/client": "2.0.0-rc.2",
+        "@vuepress/core": "2.0.0-rc.2",
+        "@vuepress/shared": "2.0.0-rc.2",
+        "@vuepress/utils": "2.0.0-rc.2",
+        "autoprefixer": "^10.4.17",
         "connect-history-api-fallback": "^2.0.0",
-        "postcss": "^8.4.31",
-        "postcss-load-config": "^4.0.1",
-        "rollup": "^4.4.1",
-        "vite": "~5.0.0",
-        "vue": "^3.3.8",
+        "postcss": "^8.4.33",
+        "postcss-load-config": "^5.0.2",
+        "rollup": "^4.9.6",
+        "vite": "~5.0.12",
+        "vue": "^3.4.15",
         "vue-router": "^4.2.5"
       }
     },
-    "node_modules/@vuepress/bundler-vite/node_modules/@vitejs/plugin-vue": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.6.0.tgz",
-      "integrity": "sha512-XHuyFdAikWRmHuAd89FOyUGIjrBU5KlxJtyi2hVeR9ySGFxQwE0bl5xAQju/ArMq5azdBivY4d+D2yPKwoYWUg==",
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/plugin-component": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-component/-/plugin-component-2.0.0.tgz",
+      "integrity": "sha512-cTRxlocav/+mfgDcp0P2z/gWuWBez+iNuN4D+b74LpX4AR6UAx2ZvWtCrUZ8VXrO4eCt1/G0YC/Af7mpIb3aoQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/markdown-it": "^13.0.7",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/plugin-frontmatter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-frontmatter/-/plugin-frontmatter-2.0.0.tgz",
+      "integrity": "sha512-/LrT6E60QI4XV4mqx3J87hqYXlR7ZyMvndmftR2RGz7cRAwa/xL+kyFLlgrMxkBIKitOShKa3LS/9Ov9b0fU+g==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "gray-matter": "^4.0.3",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/plugin-headers": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-headers/-/plugin-headers-2.0.0.tgz",
+      "integrity": "sha512-ITMMPCnLEYHHgj3XEUL2l75jsNn8guxNqr26YrMSi1f5zcgq4XVy1LIvfwvJ1puqM6Cc5v4BHk3oAyorAi7l1A==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/shared": "2.0.0",
+        "@mdit-vue/types": "2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/plugin-sfc": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-sfc/-/plugin-sfc-2.0.0.tgz",
+      "integrity": "sha512-OXrMXOyk0iwdIou2jRoIHIbjskwghkO14C9/OjgVHXSSX+iM/WQ4l4yi1aWmNlbQNjtP8IXcVAyJB9K0DFYmLg==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/plugin-title": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-title/-/plugin-title-2.0.0.tgz",
+      "integrity": "sha512-eqBoETPVkMXNLvwFshz/A2+Cz81VB5HEkXDm0tt6RBW/rTvnoWmGJ1Z+mvcjR5ck5W4nYdIyT68oHxX2JI2M4g==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/shared": "2.0.0",
+        "@mdit-vue/types": "2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/plugin-toc": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/plugin-toc/-/plugin-toc-2.0.0.tgz",
+      "integrity": "sha512-PKQ8sZna3D5chTnt2lxL+ddpyXd++6Nyc0l8VXCeDgStlySQwiP9jaLeeC88oqY4BtRu4cAmILmxDrvuX0Rrdg==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/shared": "2.0.0",
+        "@mdit-vue/types": "2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/shared": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/shared/-/shared-2.0.0.tgz",
+      "integrity": "sha512-PdxpQpbyTazeo2JT87qms6RPZIzyJd+gwuB+1jSwLDI7+0u5g79y2XgTAbZromSVgY2f3UU5HWdwaLbV9w4uOw==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "markdown-it": "^14.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@mdit-vue/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@mdit-vue/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-1BeEB+DbtmDMUAfvbNUj5Hso8cSl2sBVK2iTyOMAqhfDVLdh+/9+D0JmQHaCeUk/vuJoMhOwbweZvh55wHxm4w==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@vuepress/client": {
+      "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@vuepress/client/-/client-2.0.0-rc.2.tgz",
+      "integrity": "sha512-gQ4CfBhzWYOCW4OcAUd6S8Jr9m/8UkZZuN/70t12GltbX/cdm6zrGnf89GiVjgvoK8+OYoc7luoBuWbyc/X5sg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.1",
+        "@vuepress/shared": "2.0.0-rc.2",
+        "@vueuse/core": "^10.7.2",
+        "vue": "^3.4.15",
+        "vue-router": "^4.2.5"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@vuepress/core": {
+      "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@vuepress/core/-/core-2.0.0-rc.2.tgz",
+      "integrity": "sha512-C/bHG0y+v5oeCrfaesy2yFa0dyCah05g1w7vArZk8ABsVECjZKAC5/ev39UFQm2dCdNzsj2E3KgLIxYWqpcKeg==",
+      "dev": true,
+      "dependencies": {
+        "@vuepress/client": "2.0.0-rc.2",
+        "@vuepress/markdown": "2.0.0-rc.2",
+        "@vuepress/shared": "2.0.0-rc.2",
+        "@vuepress/utils": "2.0.0-rc.2",
+        "vue": "^3.4.15"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@vuepress/markdown": {
+      "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@vuepress/markdown/-/markdown-2.0.0-rc.2.tgz",
+      "integrity": "sha512-5/RmJnap+MGKxDhSO+Mv6zB8PoPHhhBujnNKKO3PnyfPrj0LyL0AuTm8m3Ea271wMp9956WINjw8jlpn+Z1sBg==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/plugin-component": "^2.0.0",
+        "@mdit-vue/plugin-frontmatter": "^2.0.0",
+        "@mdit-vue/plugin-headers": "^2.0.0",
+        "@mdit-vue/plugin-sfc": "^2.0.0",
+        "@mdit-vue/plugin-title": "^2.0.0",
+        "@mdit-vue/plugin-toc": "^2.0.0",
+        "@mdit-vue/shared": "^2.0.0",
+        "@mdit-vue/types": "^2.0.0",
+        "@types/markdown-it": "^13.0.7",
+        "@types/markdown-it-emoji": "^2.0.4",
+        "@vuepress/shared": "2.0.0-rc.2",
+        "@vuepress/utils": "2.0.0-rc.2",
+        "markdown-it": "^14.0.0",
+        "markdown-it-anchor": "^8.6.7",
+        "markdown-it-emoji": "^3.0.0",
+        "mdurl": "^2.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@vuepress/shared": {
+      "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@vuepress/shared/-/shared-2.0.0-rc.2.tgz",
+      "integrity": "sha512-2kmm0rw+WalRWrSC5pW0TXRz8Wyuh57XmOZEUOhPOflw4o8Dno+PcaWbdOZ/TLkTgTt3X1n7r1/c1ALtaLta8g==",
+      "dev": true,
+      "dependencies": {
+        "@mdit-vue/types": "^2.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/@vuepress/utils": {
+      "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@vuepress/utils/-/utils-2.0.0-rc.2.tgz",
+      "integrity": "sha512-g93yFJKtztpdXm4XyOIQ9QcUrKuvuWizvH3qWDQ5/WKlxa6VqE7nVNPlkudgGUIc7Bl4AGrlHcmgvkwaNoMcfA==",
+      "dev": true,
+      "dependencies": {
+        "@types/debug": "^4.1.12",
+        "@types/fs-extra": "^11.0.4",
+        "@types/hash-sum": "^1.0.2",
+        "@vuepress/shared": "2.0.0-rc.2",
+        "debug": "^4.3.4",
+        "fs-extra": "^11.2.0",
+        "globby": "^14.0.0",
+        "hash-sum": "^2.0.0",
+        "ora": "^8.0.1",
+        "picocolors": "^1.0.0",
+        "upath": "^2.0.1"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
       "dev": true,
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
       },
-      "peerDependencies": {
-        "vite": "^4.0.0 || ^5.0.0",
-        "vue": "^3.2.25"
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/emoji-regex": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/globby": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.0.tgz",
+      "integrity": "sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==",
+      "dev": true,
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^1.0.0",
+        "fast-glob": "^3.3.2",
+        "ignore": "^5.2.4",
+        "path-type": "^5.0.0",
+        "slash": "^5.1.0",
+        "unicorn-magic": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/is-interactive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
+      "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/is-unicode-supported": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.0.0.tgz",
+      "integrity": "sha512-FRdAyx5lusK1iHG0TWpVtk9+1i+GjrzRffhDg4ovQ7mcidMQ6mj+MhKPmvh7Xwyv5gIS06ns49CA7Sqg7lC22Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "dev": true,
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/log-symbols": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-6.0.0.tgz",
+      "integrity": "sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "is-unicode-supported": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/log-symbols/node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz",
+      "integrity": "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/markdown-it": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.0.0.tgz",
+      "integrity": "sha512-seFjF0FIcPt4P9U39Bq1JYblX0KZCjDLFFQPHpL5AzHpqPEKtosxmdq/LTVZnjfH7tjt9BxStm+wXcDBNuYmzw==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.0.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/markdown-it-emoji": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-emoji/-/markdown-it-emoji-3.0.0.tgz",
+      "integrity": "sha512-+rUD93bXHubA4arpEZO3q80so0qgoFJEKRkRbjKX8RTdca89v2kfyF+xR3i2sQTwql9tpPZPOQN5B+PunspXRg==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/ora": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-8.0.1.tgz",
+      "integrity": "sha512-ANIvzobt1rls2BDny5fWZ3ZVKyD6nscLvfFRpQgfWsythlcsVUC9kL0zq6j2Z5z9wwp1kd7wpsD/T9qNPVLCaQ==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "cli-cursor": "^4.0.0",
+        "cli-spinners": "^2.9.2",
+        "is-interactive": "^2.0.0",
+        "is-unicode-supported": "^2.0.0",
+        "log-symbols": "^6.0.0",
+        "stdin-discarder": "^0.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/path-type": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz",
+      "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@vuepress/bundler-vite/node_modules/rollup": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.4.1.tgz",
-      "integrity": "sha512-idZzrUpWSblPJX66i+GzrpjKE3vbYrlWirUHteoAbjKReZwa0cohAErOYA5efoMmNCdvG9yrJS+w9Kl6csaH4w==",
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.6.tgz",
+      "integrity": "sha512-05lzkCS2uASX0CiLFybYfVkwNbKZG5NFQ6Go0VWyogFTXXbR039UVsegViTntkk4OglHBdF54ccApXRRuXRbsg==",
       "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -8790,21 +9194,69 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.4.1",
-        "@rollup/rollup-android-arm64": "4.4.1",
-        "@rollup/rollup-darwin-arm64": "4.4.1",
-        "@rollup/rollup-darwin-x64": "4.4.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.4.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.4.1",
-        "@rollup/rollup-linux-arm64-musl": "4.4.1",
-        "@rollup/rollup-linux-x64-gnu": "4.4.1",
-        "@rollup/rollup-linux-x64-musl": "4.4.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.4.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.4.1",
-        "@rollup/rollup-win32-x64-msvc": "4.4.1",
+        "@rollup/rollup-android-arm-eabi": "4.9.6",
+        "@rollup/rollup-android-arm64": "4.9.6",
+        "@rollup/rollup-darwin-arm64": "4.9.6",
+        "@rollup/rollup-darwin-x64": "4.9.6",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.9.6",
+        "@rollup/rollup-linux-arm64-gnu": "4.9.6",
+        "@rollup/rollup-linux-arm64-musl": "4.9.6",
+        "@rollup/rollup-linux-riscv64-gnu": "4.9.6",
+        "@rollup/rollup-linux-x64-gnu": "4.9.6",
+        "@rollup/rollup-linux-x64-musl": "4.9.6",
+        "@rollup/rollup-win32-arm64-msvc": "4.9.6",
+        "@rollup/rollup-win32-ia32-msvc": "4.9.6",
+        "@rollup/rollup-win32-x64-msvc": "4.9.6",
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/@vuepress/bundler-vite/node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/stdin-discarder": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stdin-discarder/-/stdin-discarder-0.2.2.tgz",
+      "integrity": "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/string-width": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
+      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vuepress/bundler-vite/node_modules/uc.micro": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.0.0.tgz",
+      "integrity": "sha512-DffL94LsNOccVn4hyfRe5rdKa273swqeA5DJpMOeFmEn1wCDc7nAbbB0gXlgBCL7TNzeTv6G7XVWzan7iJtfig==",
+      "dev": true
+    },
     "node_modules/@vuepress/cli": {
       "version": "2.0.0-rc.0",
       "resolved": "https://registry.npmjs.org/@vuepress/cli/-/cli-2.0.0-rc.0.tgz",
@@ -9374,14 +9826,14 @@
       }
     },
     "node_modules/@vueuse/core": {
-      "version": "10.6.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.6.1.tgz",
-      "integrity": "sha512-Pc26IJbqgC9VG1u6VY/xrXXfxD33hnvxBnKrLlA2LJlyHII+BSrRoTPJgGYq7qZOu61itITFUnm6QbacwZ4H8Q==",
+      "version": "10.7.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.7.2.tgz",
+      "integrity": "sha512-AOyAL2rK0By62Hm+iqQn6Rbu8bfmbgaIMXcE3TSr7BdQ42wnSFlwIdPjInO62onYsEMK/yDMU8C6oGfDAtZ2qQ==",
       "dev": true,
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.6.1",
-        "@vueuse/shared": "10.6.1",
+        "@vueuse/metadata": "10.7.2",
+        "@vueuse/shared": "10.7.2",
         "vue-demi": ">=0.14.6"
       },
       "funding": {
@@ -9415,18 +9867,18 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "10.6.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.6.1.tgz",
-      "integrity": "sha512-qhdwPI65Bgcj23e5lpGfQsxcy0bMjCAsUGoXkJ7DsoeDUdasbZ2DBa4dinFCOER3lF4gwUv+UD2AlA11zdzMFw==",
+      "version": "10.7.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.7.2.tgz",
+      "integrity": "sha512-kCWPb4J2KGrwLtn1eJwaJD742u1k5h6v/St5wFe8Quih90+k2a0JP8BS4Zp34XUuJqS2AxFYMb1wjUL8HfhWsQ==",
       "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/shared": {
-      "version": "10.6.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.6.1.tgz",
-      "integrity": "sha512-TECVDTIedFlL0NUfHWncf3zF9Gc4VfdxfQc8JFwoVZQmxpONhLxFrlm0eHQeidHj4rdTPL3KXJa0TZCk1wnc5Q==",
+      "version": "10.7.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.7.2.tgz",
+      "integrity": "sha512-qFbXoxS44pi2FkgFjPvF4h7c9oMDutpyBdcJdMYIMg9XyXli2meFMuaKn+UMgsClo//Th6+beeCgqweT/79BVA==",
       "dev": true,
       "dependencies": {
         "vue-demi": ">=0.14.6"
@@ -10121,9 +10573,9 @@
       "dev": true
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.16",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "version": "10.4.17",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
+      "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
       "dev": true,
       "funding": [
         {
@@ -10140,9 +10592,9 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.21.10",
-        "caniuse-lite": "^1.0.30001538",
-        "fraction.js": "^4.3.6",
+        "browserslist": "^4.22.2",
+        "caniuse-lite": "^1.0.30001578",
+        "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
         "postcss-value-parser": "^4.2.0"
@@ -10770,9 +11222,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001571",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001571.tgz",
-      "integrity": "sha512-tYq/6MoXhdezDLFZuCO/TKboTzuQ/xR5cFdgXPfDtM7/kchBO3b4VWghE/OAi/DV7tTdhmLjZiZBZi1fA/GheQ==",
+      "version": "1.0.30001580",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001580.tgz",
+      "integrity": "sha512-mtj5ur2FFPZcCEpXFy8ADXbDACuNFXg6mxVDqp7tqooX6l3zwm+d8EPoeOSIFRDvHs8qu7/SLFOGniULkcH2iA==",
       "funding": [
         {
           "type": "opencollective",
@@ -10920,14 +11372,26 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "10.3.1",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-10.3.1.tgz",
-      "integrity": "sha512-IHczKH3K3vVeZGE3XyCy/T8EQH2mGUEyQ9QUuULrWlYCfo760cnzehdTjrpuIUetkHtv7noA5Hmn6joQlz3Ufw==",
+      "version": "10.6.1",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-10.6.1.tgz",
+      "integrity": "sha512-bd4C5sEEtN83uUmbc4Fu+x7+lJIPdMUdu4D6HRDQEIDl/Tatc8+By4bZluH1pzg/MbP9vllkL6Ua9vF4EEA7VA==",
       "dev": true,
       "bin": {
         "chroma": "dist/bin.js",
         "chromatic": "dist/bin.js",
         "chromatic-cli": "dist/bin.js"
+      },
+      "peerDependencies": {
+        "chromatic-cypress": "^0.4.0 || ^1.0.0",
+        "chromatic-playwright": "^0.4.0 || ^1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chromatic-cypress": {
+          "optional": true
+        },
+        "chromatic-playwright": {
+          "optional": true
+        }
       }
     },
     "node_modules/chrome-trace-event": {
@@ -10991,9 +11455,9 @@
       }
     },
     "node_modules/cli-spinners": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.1.tgz",
-      "integrity": "sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==",
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
+      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -14483,6 +14947,18 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
+    "node_modules/get-east-asian-width": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz",
+      "integrity": "sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-func-name": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
@@ -14814,9 +15290,9 @@
       }
     },
     "node_modules/happy-dom": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-13.2.0.tgz",
-      "integrity": "sha512-aeFD9M5d1sN618nOpWy/76IiU5/UJxdYydPdzpXxEn4r7MQByrmtoH1iU9v8v9bJJ0fMte6OAMy6rDD/mGawfg==",
+      "version": "13.3.1",
+      "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-13.3.1.tgz",
+      "integrity": "sha512-KIlztn+nRWstprUyI3Wzy1UJrg72uOaoo4SaBLNrV6xrn2Rq86eQruKOL7ZyDhkfou3nEZX6rgRYtvsqwMInvQ==",
       "dev": true,
       "dependencies": {
         "entities": "^4.5.0",
@@ -17931,12 +18407,12 @@
       }
     },
     "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
+      "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==",
       "dev": true,
       "engines": {
-        "node": ">=10"
+        "node": ">=14"
       }
     },
     "node_modules/lines-and-columns": {
@@ -21717,30 +22193,36 @@
       "peer": true
     },
     "node_modules/postcss-load-config": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
-      "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-5.0.2.tgz",
+      "integrity": "sha512-Q8QR3FYbqOKa0bnC1UQ2bFq9/ulHX5Bi34muzitMr8aDtUelO5xKeJEYC/5smE0jNE9zdB/NBnOwXKexELbRlw==",
       "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "dependencies": {
-        "lilconfig": "^2.0.5",
-        "yaml": "^2.1.1"
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
       },
       "engines": {
-        "node": ">= 14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
+        "node": ">= 18"
       },
       "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9"
       },
       "peerDependenciesMeta": {
-        "postcss": {
+        "jiti": {
           "optional": true
         },
-        "ts-node": {
+        "postcss": {
           "optional": true
         }
       }
@@ -22170,6 +22652,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/puppeteer-core": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-2.1.1.tgz",
@@ -31830,9 +32321,9 @@
       "dev": true
     },
     "node_modules/tinypool": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.8.1.tgz",
-      "integrity": "sha512-zBTCK0cCgRROxvs9c0CGK838sPkeokNGdQVUUwHAbynHFlmyJYj825f/oRs528HaIJ97lo0pLIlDUzwN+IorWg==",
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.8.2.tgz",
+      "integrity": "sha512-SUszKYe5wgsxnNOVlBYO6IC+8VGWdVGZWAqUxp3UErNBtptZvWbwyUOyzNL59zigz2rCA92QiL3wvG+JDSdJdQ==",
       "dev": true,
       "engines": {
         "node": ">=14.0.0"
@@ -33277,9 +33768,9 @@
       "dev": true
     },
     "node_modules/vike": {
-      "version": "0.4.158",
-      "resolved": "https://registry.npmjs.org/vike/-/vike-0.4.158.tgz",
-      "integrity": "sha512-/iSbqRI11iephkcgXZo46UOBZc4EaUzw6s2S98oG2S//bo6XwzFVSq9v3jFgfmrdTOcOt9cEx2Gxh0wjzbv+/A==",
+      "version": "0.4.160",
+      "resolved": "https://registry.npmjs.org/vike/-/vike-0.4.160.tgz",
+      "integrity": "sha512-sC+MR1gkY/wgPSbVOlc05PF429CSja3Cc5Ps7+vgccsIH5fhRTm8gS6TwmEK130stK0xauiS2hK9T7BvFTv5rA==",
       "dependencies": {
         "@brillout/import": "^0.2.3",
         "@brillout/json-serializer": "^0.5.8",
@@ -33365,9 +33856,9 @@
       }
     },
     "node_modules/vite-node": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.2.1.tgz",
-      "integrity": "sha512-fNzHmQUSOY+y30naohBvSW7pPn/xn3Ib/uqm+5wAJQJiqQsU0NBR78XdRJb04l4bOFKjpTWld0XAfkKlrDbySg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.2.2.tgz",
+      "integrity": "sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==",
       "dev": true,
       "dependencies": {
         "cac": "^6.7.14",
@@ -33793,16 +34284,16 @@
       }
     },
     "node_modules/vitest": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.2.1.tgz",
-      "integrity": "sha512-TRph8N8rnSDa5M2wKWJCMnztCZS9cDcgVTQ6tsTFTG/odHJ4l5yNVqvbeDJYJRZ6is3uxaEpFs8LL6QM+YFSdA==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.2.2.tgz",
+      "integrity": "sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==",
       "dev": true,
       "dependencies": {
-        "@vitest/expect": "1.2.1",
-        "@vitest/runner": "1.2.1",
-        "@vitest/snapshot": "1.2.1",
-        "@vitest/spy": "1.2.1",
-        "@vitest/utils": "1.2.1",
+        "@vitest/expect": "1.2.2",
+        "@vitest/runner": "1.2.2",
+        "@vitest/snapshot": "1.2.2",
+        "@vitest/spy": "1.2.2",
+        "@vitest/utils": "1.2.2",
         "acorn-walk": "^8.3.2",
         "cac": "^6.7.14",
         "chai": "^4.3.10",
@@ -33815,9 +34306,9 @@
         "std-env": "^3.5.0",
         "strip-literal": "^1.3.0",
         "tinybench": "^2.5.1",
-        "tinypool": "^0.8.1",
+        "tinypool": "^0.8.2",
         "vite": "^5.0.0",
-        "vite-node": "1.2.1",
+        "vite-node": "1.2.2",
         "why-is-node-running": "^2.2.2"
       },
       "bin": {
@@ -34471,6 +34962,40 @@
         "vue": "^3.3.4"
       }
     },
+    "node_modules/vuepress-vite/node_modules/@vitejs/plugin-vue": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz",
+      "integrity": "sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==",
+      "dev": true,
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0 || ^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/vuepress-vite/node_modules/@vuepress/bundler-vite": {
+      "version": "2.0.0-rc.0",
+      "resolved": "https://registry.npmjs.org/@vuepress/bundler-vite/-/bundler-vite-2.0.0-rc.0.tgz",
+      "integrity": "sha512-rX8S8IYpqqlJfNPstS/joorpxXx/4WuE7+gDM31i2HUrxOKGZVzq8ZsRRRU2UdoTwHZSd3LpUS4sMtxE5xLK1A==",
+      "dev": true,
+      "dependencies": {
+        "@vitejs/plugin-vue": "^4.5.0",
+        "@vuepress/client": "2.0.0-rc.0",
+        "@vuepress/core": "2.0.0-rc.0",
+        "@vuepress/shared": "2.0.0-rc.0",
+        "@vuepress/utils": "2.0.0-rc.0",
+        "autoprefixer": "^10.4.16",
+        "connect-history-api-fallback": "^2.0.0",
+        "postcss": "^8.4.31",
+        "postcss-load-config": "^4.0.1",
+        "rollup": "^4.4.1",
+        "vite": "~5.0.0",
+        "vue": "^3.3.8",
+        "vue-router": "^4.2.5"
+      }
+    },
     "node_modules/vuepress-vite/node_modules/@vuepress/theme-default": {
       "version": "2.0.0-rc.0",
       "resolved": "https://registry.npmjs.org/@vuepress/theme-default/-/theme-default-2.0.0-rc.0.tgz",
@@ -34505,6 +35030,73 @@
         }
       }
     },
+    "node_modules/vuepress-vite/node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vuepress-vite/node_modules/rollup": {
+      "version": "4.9.6",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.6.tgz",
+      "integrity": "sha512-05lzkCS2uASX0CiLFybYfVkwNbKZG5NFQ6Go0VWyogFTXXbR039UVsegViTntkk4OglHBdF54ccApXRRuXRbsg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.9.6",
+        "@rollup/rollup-android-arm64": "4.9.6",
+        "@rollup/rollup-darwin-arm64": "4.9.6",
+        "@rollup/rollup-darwin-x64": "4.9.6",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.9.6",
+        "@rollup/rollup-linux-arm64-gnu": "4.9.6",
+        "@rollup/rollup-linux-arm64-musl": "4.9.6",
+        "@rollup/rollup-linux-riscv64-gnu": "4.9.6",
+        "@rollup/rollup-linux-x64-gnu": "4.9.6",
+        "@rollup/rollup-linux-x64-musl": "4.9.6",
+        "@rollup/rollup-win32-arm64-msvc": "4.9.6",
+        "@rollup/rollup-win32-ia32-msvc": "4.9.6",
+        "@rollup/rollup-win32-x64-msvc": "4.9.6",
+        "fsevents": "~2.3.2"
+      }
+    },
     "node_modules/vuepress-vite/node_modules/sass-loader": {
       "version": "13.3.3",
       "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.3.tgz",
@@ -34545,9 +35137,9 @@
       }
     },
     "node_modules/vuetify": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.5.0.tgz",
-      "integrity": "sha512-zpZFZoJE9c8QlHc8s9zowKzMUTjytdzz2PQpZPezVENm0Jp+KBi+KooZGxvj7l+YfeFdKOcSjht7nEptSSMPMg==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.5.1.tgz",
+      "integrity": "sha512-fkhU4UFnX/lBARXg+n9mBCDPTaEDHoYGx9SZ5A/1LlzM7LohoqldmrNgza4WgpPTLIWqr6NvYp2NvT2IrcTfhg==",
       "engines": {
         "node": "^12.20 || >=14.13"
       },
diff --git a/package.json b/package.json
index 7687dcbb4..3dfe8379e 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "@mdi/font": "^7.4.47",
     "@types/compression": "^1.7.5",
     "@types/express": "^4.17.21",
-    "@types/node": "^20.11.5",
+    "@types/node": "^20.11.8",
     "@vitejs/plugin-vue": "^5.0.3",
     "@vue/compiler-sfc": "^3.4.15",
     "@vue/server-renderer": "^3.4.15",
@@ -79,11 +79,11 @@
     "sirv": "^2.0.4",
     "ts-node": "^10.9.2",
     "typescript": "^5.3.3",
-    "vike": "^0.4.158",
+    "vike": "^0.4.160",
     "vite": "^5.0.12",
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0",
-    "vuetify": "^3.5.0"
+    "vuetify": "^3.5.1"
   },
   "devDependencies": {
     "@eslint-community/eslint-plugin-eslint-comments": "^4.1.0",
@@ -96,12 +96,12 @@
     "@storybook/testing-library": "^0.2.2",
     "@storybook/vue3": "^7.6.10",
     "@storybook/vue3-vite": "^7.6.10",
-    "@typescript-eslint/eslint-plugin": "^6.19.0",
-    "@typescript-eslint/parser": "^6.19.0",
-    "@vitest/coverage-v8": "^1.2.1",
-    "@vue/test-utils": "^2.4.3",
-    "@vuepress/bundler-vite": "^2.0.0-rc.0",
-    "chromatic": "^10.3.1",
+    "@typescript-eslint/eslint-plugin": "^6.19.1",
+    "@typescript-eslint/parser": "^6.19.1",
+    "@vitest/coverage-v8": "^1.2.2",
+    "@vue/test-utils": "^2.4.4",
+    "@vuepress/bundler-vite": "^2.0.0-rc.2",
+    "chromatic": "^10.6.1",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard": "^17.1.0",
@@ -116,7 +116,7 @@
     "eslint-plugin-vue": "^9.20.1",
     "eslint-plugin-vuetify": "^2.1.1",
     "eslint-plugin-yml": "^1.12.2",
-    "happy-dom": "^13.2.0",
+    "happy-dom": "^13.3.1",
     "prettier": "^3.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -136,7 +136,7 @@
     "vite-plugin-checker": "^0.6.2",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-vuetify": "^2.0.1",
-    "vitest": "^1.2.1",
+    "vitest": "^1.2.2",
     "vue-tsc": "^1.8.27",
     "vuepress": "^2.0.0-rc.0"
   },

From 50a3cc67d0c92513495f0d3af7063ea8f659a21d Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sun, 28 Jan 2024 01:09:04 +0100
Subject: [PATCH 079/101] remove todo from readme

---
 README.md | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/README.md b/README.md
index e14f4f35e..b03fdb2ec 100644
--- a/README.md
+++ b/README.md
@@ -138,11 +138,6 @@ Where `xxx` refers to the folder and product part you want to use the boilerplat
 
 This mechanic was taken from this [source](https://stackoverflow.com/questions/1683531/how-to-import-existing-git-repository-into-another/8396318#8396318)
 
-## TODO
-
-- [ ] tests
-- [ ] responsive design
-
 ## Known Problems
 
 - [ ] [Image flicker](https://github.com/vuetifyjs/vuetify/issues/18772)

From b6a88ba1cc50a64662084d0db7667f906b068374 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 28 Jan 2024 00:11:18 +0000
Subject: [PATCH 080/101] Bump dorny/paths-filter from 2.11.1 to 3.0.0

Bumps [dorny/paths-filter](https://github.com/dorny/paths-filter) from 2.11.1 to 3.0.0.
- [Release notes](https://github.com/dorny/paths-filter/releases)
- [Changelog](https://github.com/dorny/paths-filter/blob/master/CHANGELOG.md)
- [Commits](https://github.com/dorny/paths-filter/compare/v2.11.1...v3.0.0)

---
updated-dependencies:
- dependency-name: dorny/paths-filter
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 .github/workflows/frontend.test.build.code.yml      | 2 +-
 .github/workflows/frontend.test.build.docs.yml      | 2 +-
 .github/workflows/frontend.test.build.storybook.yml | 2 +-
 .github/workflows/frontend.test.lint.code.yml       | 2 +-
 .github/workflows/frontend.test.unit.code.yml       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/frontend.test.build.code.yml b/.github/workflows/frontend.test.build.code.yml
index 1e5d92a0a..13f1c161f 100644
--- a/.github/workflows/frontend.test.build.code.yml
+++ b/.github/workflows/frontend.test.build.code.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Check for frontend file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/frontend.test.build.docs.yml b/.github/workflows/frontend.test.build.docs.yml
index 6f0a5bf39..97ade5ba8 100644
--- a/.github/workflows/frontend.test.build.docs.yml
+++ b/.github/workflows/frontend.test.build.docs.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Check for frontend file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/frontend.test.build.storybook.yml b/.github/workflows/frontend.test.build.storybook.yml
index e92b68c19..3ed779784 100644
--- a/.github/workflows/frontend.test.build.storybook.yml
+++ b/.github/workflows/frontend.test.build.storybook.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Check for frontend file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/frontend.test.lint.code.yml b/.github/workflows/frontend.test.lint.code.yml
index 020593a41..5891ab6a2 100644
--- a/.github/workflows/frontend.test.lint.code.yml
+++ b/.github/workflows/frontend.test.lint.code.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Check for frontend file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/frontend.test.unit.code.yml b/.github/workflows/frontend.test.unit.code.yml
index 528e3985a..5a8f42711 100644
--- a/.github/workflows/frontend.test.unit.code.yml
+++ b/.github/workflows/frontend.test.unit.code.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Check for frontend file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}

From 5fd3b4f7ada99770ddbd5edd7ecf04e8528545dc Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sun, 28 Jan 2024 12:25:43 +0100
Subject: [PATCH 081/101] per-page-title

---
 .env.dist                          |  6 ++-
 renderer/+config.h.ts              | 10 ++++
 renderer/+onRenderClient.ts        |  9 ++--
 renderer/+onRenderHtml.ts          | 28 ++++++++--
 renderer/app.ts                    |  6 +--
 renderer/context/usePageContext.ts |  7 ++-
 renderer/utils.ts                  | 19 +++++++
 src/env.test.ts                    |  4 +-
 src/env.ts                         | 10 ++--
 src/pages/_error/+title.ts         |  1 +
 src/pages/_error/Page.test.ts      | 87 +++++++++++++++++++-----------
 src/pages/about/+title.ts          |  1 +
 src/pages/about/Page.test.ts       |  5 ++
 src/pages/app/+route.ts            |  3 +-
 src/pages/app/+title.ts            |  1 +
 src/pages/app/Page.test.ts         |  5 ++
 src/pages/index/+title.ts          |  3 ++
 src/pages/index/Page.test.ts       |  7 ++-
 types/PageContext.d.ts             | 16 ++++++
 types/PageContext.ts               | 33 ------------
 20 files changed, 172 insertions(+), 89 deletions(-)
 create mode 100644 renderer/utils.ts
 create mode 100644 src/pages/_error/+title.ts
 create mode 100644 src/pages/about/+title.ts
 create mode 100644 src/pages/app/+title.ts
 create mode 100644 src/pages/index/+title.ts
 create mode 100644 types/PageContext.d.ts
 delete mode 100644 types/PageContext.ts

diff --git a/.env.dist b/.env.dist
index 0db142704..6c87f7568 100644
--- a/.env.dist
+++ b/.env.dist
@@ -1,3 +1,5 @@
 # META
-PUBLIC_ENV__META__DEFAULT_TITLE="IT4C"
-PUBLIC_ENV__META__DEFAULT_DESCRIPTION="IT4C Frontend Boilerplate"
\ No newline at end of file
+PUBLIC_ENV__META__BASE_URL="http://localhost:3000"
+PUBLIC_ENV__META__DEFAULT_AUTHOR="IT Team 4 Change"
+PUBLIC_ENV__META__DEFAULT_DESCRIPTION="IT4C Frontend Boilerplate"
+PUBLIC_ENV__META__DEFAULT_TITLE="IT4C"
\ No newline at end of file
diff --git a/renderer/+config.h.ts b/renderer/+config.h.ts
index 5e4c76541..ceabba4d1 100644
--- a/renderer/+config.h.ts
+++ b/renderer/+config.h.ts
@@ -3,4 +3,14 @@ export default {
   clientRouting: true,
   prefetchStaticAssets: 'viewport',
   passToClient: ['pageProps', /* 'urlPathname', */ 'routeParams'],
+  meta: {
+    title: {
+      // Make the value of `title` available on both the server- and client-side
+      env: { server: true, client: true },
+    },
+    description: {
+      // Make the value of `description` available only on the server-side
+      env: { server: true },
+    },
+  },
 }
diff --git a/renderer/+onRenderClient.ts b/renderer/+onRenderClient.ts
index 825c8c1e9..bf3c3573a 100644
--- a/renderer/+onRenderClient.ts
+++ b/renderer/+onRenderClient.ts
@@ -1,15 +1,18 @@
-import { createApp } from './app'
+import { PageContext } from 'vike/types'
 
-import type { PageContext, VikePageContext } from '#types/PageContext'
+import { createApp } from './app'
+import { getTitle } from './utils'
 
 let instance: ReturnType<typeof createApp>
-/* async */ function render(pageContext: VikePageContext & PageContext) {
+/* async */ function render(pageContext: PageContext) {
   if (!instance) {
     instance = createApp(pageContext)
     instance.app.mount('#app')
   } else {
     instance.app.changePage(pageContext)
   }
+
+  document.title = getTitle(pageContext)
 }
 
 export default render
diff --git a/renderer/+onRenderHtml.ts b/renderer/+onRenderHtml.ts
index 6b9597396..4de2ddb2b 100644
--- a/renderer/+onRenderHtml.ts
+++ b/renderer/+onRenderHtml.ts
@@ -1,12 +1,15 @@
 import { renderToString as renderToString_ } from '@vue/server-renderer'
 import { escapeInject, dangerouslySkipEscape } from 'vike/server'
+import { PageContext, PageContextServer } from 'vike/types'
 
 import logoUrl from '#assets/favicon.ico'
+import image from '#assets/it4c-logo2-clean-bg_alpha-128x128.png'
 import { META } from '#src/env'
 
+
 import { createApp } from './app'
+import { getDescription, getTitle } from './utils'
 
-import type { PageContextServer, PageContext } from '#types/PageContext'
 import type { App } from 'vue'
 
 async function render(pageContext: PageContextServer & PageContext) {
@@ -17,9 +20,8 @@ async function render(pageContext: PageContextServer & PageContext) {
   const appHtml = await renderToString(app)
 
   // See https://vike.dev/head
-  const { documentProps } = pageContext.exports
-  const title = (documentProps && documentProps.title) || META.DEFAULT_TITLE
-  const desc = (documentProps && documentProps.description) || META.DEFAULT_DESCRIPTION
+  const title = getTitle(pageContext)
+  const description = getDescription(pageContext)
 
   const documentHtml = escapeInject`<!DOCTYPE html>
     <html lang="${locale}">
@@ -27,7 +29,23 @@ async function render(pageContext: PageContextServer & PageContext) {
         <meta charset="UTF-8" />
         <link rel="icon" href="${logoUrl}" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="${desc}" />
+        <meta name="description" content="${description}" />
+        <meta name="author" content="${META.DEFAULT_AUTHOR}">
+        <meta property="og:title" content="${title}" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="${META.BASE_URL}" />
+        <meta property="og:description" content="${description}" />
+        <meta property="og:image" content="${META.BASE_URL}${image}" />
+        <meta property="og:image:alt" content="${title}" />
+        <meta property="og:image:width" content="1200"/>
+        <meta property="og:image:height" content="601"/>
+        <meta name="twitter:card" content="summary_large_image" />
+        <!--<meta name="twitter:site" content="@YourTwitterUsername" />-->
+        <meta name="twitter:title" content="${title}" />
+        <meta name="twitter:text:title" content="${title}" />
+        <meta name="twitter:description" content="${description}" />
+        <meta name="twitter:image" content="${META.BASE_URL}${image}" />
+        <meta name="twitter:image:alt" content="${title}" />
         <title>${title}</title>
       </head>
       <body>
diff --git a/renderer/app.ts b/renderer/app.ts
index 341a63ca5..2c00c0ad2 100644
--- a/renderer/app.ts
+++ b/renderer/app.ts
@@ -7,11 +7,11 @@ import i18n from '#plugins/i18n'
 import pinia from '#plugins/pinia'
 import CreateVuetify from '#plugins/vuetify'
 
-import type { PageContext, VikePageContext } from '#types/PageContext'
+import { PageContext } from 'vike/types'
 
 const vuetify = CreateVuetify(i18n)
 
-function createApp(pageContext: VikePageContext & PageContext, isClient = true) {
+function createApp(pageContext: PageContext, isClient = true) {
   // eslint-disable-next-line no-use-before-define
   let rootComponent: InstanceType<typeof PageWithWrapper>
   const PageWithWrapper = defineComponent({
@@ -47,7 +47,7 @@ function createApp(pageContext: VikePageContext & PageContext, isClient = true)
   app.use(vuetify)
 
   objectAssign(app, {
-    changePage: (pageContext: VikePageContext & PageContext) => {
+    changePage: (pageContext: PageContext) => {
       Object.assign(pageContextReactive, pageContext)
       rootComponent.Page = markRaw(pageContext.Page)
       rootComponent.pageProps = markRaw(pageContext.pageProps || {})
diff --git a/renderer/context/usePageContext.ts b/renderer/context/usePageContext.ts
index 103e2bab3..abcb2fad9 100644
--- a/renderer/context/usePageContext.ts
+++ b/renderer/context/usePageContext.ts
@@ -1,13 +1,12 @@
 // `usePageContext` allows us to access `pageContext` in any Vue component.
 // See https://vike.dev/pageContext-anywhere
 
+import { PageContext } from 'vike/types'
 import { inject } from 'vue'
 
-import { PageContext, VikePageContext } from '#types/PageContext'
-
 import type { App, InjectionKey } from 'vue'
 
-export const vikePageContext: InjectionKey<VikePageContext & PageContext> = Symbol('pageContext')
+export const vikePageContext: InjectionKey<PageContext> = Symbol('pageContext')
 
 function usePageContext() {
   const pageContext = inject(vikePageContext)
@@ -15,7 +14,7 @@ function usePageContext() {
   return pageContext
 }
 
-function setPageContext(app: App, pageContext: VikePageContext & PageContext) {
+function setPageContext(app: App, pageContext: PageContext) {
   app.provide(vikePageContext, pageContext)
 }
 
diff --git a/renderer/utils.ts b/renderer/utils.ts
new file mode 100644
index 000000000..72833d5e3
--- /dev/null
+++ b/renderer/utils.ts
@@ -0,0 +1,19 @@
+import { PageContext } from 'vike/types'
+
+import { META } from '#src/env'
+
+function getTitle(pageContext: PageContext) {
+  // The value exported by /pages/**/+title.js is available at pageContext.config.title
+  const val = pageContext.config.title
+  if (typeof val === 'string') return val
+  if (typeof val === 'function') return String(val(pageContext))
+  return META.DEFAULT_TITLE
+}
+function getDescription(pageContext: PageContext) {
+  const val = pageContext.config.description
+  if (typeof val === 'string') return val
+  if (typeof val === 'function') return val(pageContext)
+  return META.DEFAULT_DESCRIPTION
+}
+
+export { getTitle, getDescription }
diff --git a/src/env.test.ts b/src/env.test.ts
index a46f9c246..8055cfd37 100644
--- a/src/env.test.ts
+++ b/src/env.test.ts
@@ -5,8 +5,10 @@ import { META } from './env'
 describe('env', () => {
   it('has correct default values', () => {
     expect(META).toEqual({
-      DEFAULT_TITLE: 'IT4C',
+      BASE_URL: 'http://localhost:3000',
+      DEFAULT_AUTHOR: 'IT Team 4 Change',
       DEFAULT_DESCRIPTION: 'IT4C Frontend Boilerplate',
+      DEFAULT_TITLE: 'IT4C',
     })
   })
 })
diff --git a/src/env.ts b/src/env.ts
index 5eccab82e..b9dbdb1fc 100644
--- a/src/env.ts
+++ b/src/env.ts
@@ -1,8 +1,10 @@
 const META = {
-  DEFAULT_TITLE: (import.meta.env.PUBLIC_ENV__META__DEFAULT_TITLE as string) ?? 'IT4C',
-  DEFAULT_DESCRIPTION:
-    (import.meta.env.PUBLIC_ENV__META__DEFAULT_DESCRIPTION as string) ??
-    'IT4C Frontend Boilerplate',
+  BASE_URL: (import.meta.env.PUBLIC_ENV__META__BASE_URL ?? 'http://localhost:3000') as string,
+  DEFAULT_AUTHOR: (import.meta.env.PUBLIC_ENV__META__DEFAULT_AUTHOR ??
+    'IT Team 4 Change') as string,
+  DEFAULT_DESCRIPTION: (import.meta.env.PUBLIC_ENV__META__DEFAULT_DESCRIPTION ??
+    'IT4C Frontend Boilerplate') as string,
+  DEFAULT_TITLE: (import.meta.env.PUBLIC_ENV__META__DEFAULT_TITLE ?? 'IT4C') as string,
 }
 
 export { META }
diff --git a/src/pages/_error/+title.ts b/src/pages/_error/+title.ts
new file mode 100644
index 000000000..19ee0b576
--- /dev/null
+++ b/src/pages/_error/+title.ts
@@ -0,0 +1 @@
+export const title = 'IT4C | Error'
diff --git a/src/pages/_error/Page.test.ts b/src/pages/_error/Page.test.ts
index 2ec5a0a1e..a7c4bca7d 100644
--- a/src/pages/_error/Page.test.ts
+++ b/src/pages/_error/Page.test.ts
@@ -1,49 +1,74 @@
-import { VueWrapper, mount } from '@vue/test-utils'
+import { mount } from '@vue/test-utils'
 import { describe, it, expect, beforeEach } from 'vitest'
-import { ComponentPublicInstance } from 'vue'
+import { Component, h } from 'vue'
+import { VApp } from 'vuetify/components'
 
 import ErrorPage from './+Page.vue'
+import { title } from './+title'
 
 describe('ErrorPage', () => {
-  let wrapper: VueWrapper<unknown, ComponentPublicInstance<unknown, Omit<unknown, never>>>
-  const Wrapper = () => {
-    return mount(ErrorPage)
-  }
-
-  beforeEach(() => {
-    wrapper = Wrapper()
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall | Fehler')
   })
+  describe('500 Error', () => {
+    const WrapperUndefined = () => {
+      return mount(VApp, {
+        slots: {
+          default: h(ErrorPage as Component),
+        },
+      })
+    }
+    const WrapperFalse = () => {
+      return mount(VApp, {
+        slots: {
+          default: h(ErrorPage as Component, {
+            is404: false,
+          }),
+        },
+      })
+    }
 
-  describe('no is404 property set', () => {
-    it('renders error 500', () => {
-      expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
-      expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
+    let wrapper: ReturnType<typeof WrapperUndefined>
+    beforeEach(() => {
+      wrapper = WrapperUndefined()
     })
-  })
-
-  describe('is404 property is false', () => {
-    beforeEach(async () => {
-      await wrapper.setProps({
-        is404: false,
+    describe('no is404 property set', () => {
+      it('renders error 500', () => {
+        expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
+        expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
       })
     })
 
-    it('renders error 500', () => {
-      expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
-      expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
+    describe('is404 property is false', () => {
+      beforeEach(() => {
+        wrapper = WrapperFalse()
+      })
+
+      it('renders error 500', () => {
+        expect(wrapper.find('h1').text()).toEqual("$t('error.500.h1')")
+        expect(wrapper.find('p').text()).toEqual("$t('error.500.text')")
+      })
     })
   })
-
-  describe('is404 property is true', () => {
-    beforeEach(async () => {
-      await wrapper.setProps({
-        is404: true,
+  describe('404 Error', () => {
+    const Wrapper = () => {
+      return mount(VApp, {
+        slots: {
+          default: h(ErrorPage as Component, {
+            is404: true,
+          }),
+        },
       })
+    }
+    let wrapper: ReturnType<typeof Wrapper>
+    beforeEach(() => {
+      wrapper = Wrapper()
     })
-
-    it('renders error 400', () => {
-      expect(wrapper.find('h1').text()).toEqual("$t('error.404.h1')")
-      expect(wrapper.find('p').text()).toEqual("$t('error.404.text')")
+    describe('is404 property is true', () => {
+      it('renders error 400', () => {
+        expect(wrapper.find('h1').text()).toEqual("$t('error.404.h1')")
+        expect(wrapper.find('p').text()).toEqual("$t('error.404.text')")
+      })
     })
   })
 })
diff --git a/src/pages/about/+title.ts b/src/pages/about/+title.ts
new file mode 100644
index 000000000..1fdc69698
--- /dev/null
+++ b/src/pages/about/+title.ts
@@ -0,0 +1 @@
+export const title = 'IT4C | About'
diff --git a/src/pages/about/Page.test.ts b/src/pages/about/Page.test.ts
index cdf7d56c9..5bb7b6c1d 100644
--- a/src/pages/about/Page.test.ts
+++ b/src/pages/about/Page.test.ts
@@ -4,6 +4,7 @@ import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
 import AboutPage from './+Page.vue'
+import { title } from './+title'
 
 describe('AboutPage', () => {
   const wrapper = mount(VApp, {
@@ -12,6 +13,10 @@ describe('AboutPage', () => {
     },
   })
 
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall')
+  })
+
   it('renders', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/src/pages/app/+route.ts b/src/pages/app/+route.ts
index a73deee08..1fcedec9a 100644
--- a/src/pages/app/+route.ts
+++ b/src/pages/app/+route.ts
@@ -1,6 +1,5 @@
 import { resolveRoute } from 'vike/routing'
-
-import { PageContext } from '#types/PageContext'
+import { PageContext } from 'vike/types'
 
 export default (pageContext: PageContext) => {
   {
diff --git a/src/pages/app/+title.ts b/src/pages/app/+title.ts
new file mode 100644
index 000000000..9c85becd8
--- /dev/null
+++ b/src/pages/app/+title.ts
@@ -0,0 +1 @@
+export const title = 'IT4C | App'
diff --git a/src/pages/app/Page.test.ts b/src/pages/app/Page.test.ts
index 14ce2989a..9c7b6b040 100644
--- a/src/pages/app/Page.test.ts
+++ b/src/pages/app/Page.test.ts
@@ -4,6 +4,7 @@ import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
 import AppPage from './+Page.vue'
+import { title } from './+title'
 
 describe('AppPage', () => {
   const wrapper = mount(VApp, {
@@ -12,6 +13,10 @@ describe('AppPage', () => {
     },
   })
 
+  it('title returns correct title', () => {
+    expect(title).toBe('DreamMall')
+  })
+
   it('renders', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/src/pages/index/+title.ts b/src/pages/index/+title.ts
new file mode 100644
index 000000000..125d4b660
--- /dev/null
+++ b/src/pages/index/+title.ts
@@ -0,0 +1,3 @@
+import { META } from '#src/env'
+
+export const title = META.DEFAULT_TITLE
diff --git a/src/pages/index/Page.test.ts b/src/pages/index/Page.test.ts
index 8596ddd5c..026c20fd2 100644
--- a/src/pages/index/Page.test.ts
+++ b/src/pages/index/Page.test.ts
@@ -4,14 +4,19 @@ import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
 import IndexPage from './+Page.vue'
+import { title } from './+title'
 
-describe('DataPrivacyPage', () => {
+describe('IndexPage', () => {
   const wrapper = mount(VApp, {
     slots: {
       default: h(IndexPage as Component),
     },
   })
 
+  it('title returns default title', () => {
+    expect(title).toBe('DreamMall')
+  })
+
   it('renders', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/types/PageContext.d.ts b/types/PageContext.d.ts
new file mode 100644
index 000000000..0b93d963a
--- /dev/null
+++ b/types/PageContext.d.ts
@@ -0,0 +1,16 @@
+import { Page } from '#types/Page'
+import { PageProps } from '#types/PageProps'
+
+declare global {
+  namespace Vike {
+    interface PageContext {
+      urlPathname: string
+      config: {
+        title: string | ((pageContext: PageContext) => string) | undefined
+        description: string | ((pageContext: PageContext) => string) | undefined
+      }
+      Page: Page
+      pageProps?: PageProps
+    }
+  }
+}
diff --git a/types/PageContext.ts b/types/PageContext.ts
deleted file mode 100644
index 86a8da4ca..000000000
--- a/types/PageContext.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Page } from '#types/Page'
-import { PageProps } from '#types/PageProps'
-
-export type {
-  PageContextServer,
-
-  // When using Client Routing https://vike.dev/clientRouting
-  PageContextClient,
-  PageContext as VikePageContext,
-  PageContextBuiltInClientWithClientRouting as PageContextBuiltInClient,
-  // When using Server Routing
-  /*
-  PageContextClientWithServerRouting as PageContextClient,
-  PageContextWithServerRouting as PageContext,
-  */
-  //* /
-} from 'vike/types'
-
-export type PageContext = {
-  Page: Page
-  pageProps?: PageProps
-  urlPathname: string
-  exports: {
-    documentProps?: {
-      title?: string
-      description?: string
-    }
-  }
-  documentProps?: {
-    title: string
-    description?: string
-  }
-}

From 7cd521665111ef22166b484453686bc3a28eb006 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sun, 28 Jan 2024 12:27:26 +0100
Subject: [PATCH 082/101] lint fixes

---
 renderer/+onRenderHtml.ts                     |  1 -
 renderer/app.ts                               |  3 +-
 .../index/__snapshots__/Page.test.ts.snap     | 68 +++++++++++++++++++
 3 files changed, 69 insertions(+), 3 deletions(-)

diff --git a/renderer/+onRenderHtml.ts b/renderer/+onRenderHtml.ts
index 4de2ddb2b..473fb7415 100644
--- a/renderer/+onRenderHtml.ts
+++ b/renderer/+onRenderHtml.ts
@@ -6,7 +6,6 @@ import logoUrl from '#assets/favicon.ico'
 import image from '#assets/it4c-logo2-clean-bg_alpha-128x128.png'
 import { META } from '#src/env'
 
-
 import { createApp } from './app'
 import { getDescription, getTitle } from './utils'
 
diff --git a/renderer/app.ts b/renderer/app.ts
index 2c00c0ad2..4500e3452 100644
--- a/renderer/app.ts
+++ b/renderer/app.ts
@@ -1,4 +1,5 @@
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+import { PageContext } from 'vike/types'
 import { createSSRApp, defineComponent, h, markRaw, reactive, Component } from 'vue'
 
 import PageShell from '#components/PageShell.vue'
@@ -7,8 +8,6 @@ import i18n from '#plugins/i18n'
 import pinia from '#plugins/pinia'
 import CreateVuetify from '#plugins/vuetify'
 
-import { PageContext } from 'vike/types'
-
 const vuetify = CreateVuetify(i18n)
 
 function createApp(pageContext: PageContext, isClient = true) {
diff --git a/src/pages/index/__snapshots__/Page.test.ts.snap b/src/pages/index/__snapshots__/Page.test.ts.snap
index c50e998dd..394b523a1 100644
--- a/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -67,3 +67,71 @@ exports[`DataPrivacyPage > renders 1`] = `
   </div>
 </div>
 `;
+
+exports[`IndexPage > renders 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <main
+      class="v-main bg-grey-lighten-3"
+      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
+    >
+      
+      <div
+        class="v-container v-locale--is-ltr"
+      >
+        <div
+          class="v-row"
+        >
+          <!--v-if-->
+          <div
+            class="v-col"
+          >
+            <div
+              class="v-sheet v-theme--light v-sheet--rounded pa-3"
+            >
+              
+              <h1>
+                $t('home.h1')
+              </h1>
+              <p>
+                $t('home.text1')
+              </p>
+              <br />
+              <p>
+                $t('home.text2')
+              </p>
+              <br />
+              <p>
+                $t('home.text3')
+              </p>
+              <br />
+              <p>
+                $t('home.text4') 
+                <i
+                  aria-hidden="true"
+                  class="mdi-heart mdi v-icon notranslate v-theme--light v-icon--size-default text-red"
+                />
+              </p>
+              <br />
+              <p>
+                $t('home.greet1')
+              </p>
+              <p>
+                $t('home.greet2')
+              </p>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </main>
+    
+  </div>
+</div>
+`;

From 010fbb872ffcbd395e98a3d0d52d709253626282 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sun, 28 Jan 2024 12:30:31 +0100
Subject: [PATCH 083/101] fix tests

---
 src/pages/_error/Page.test.ts                 |  2 +-
 src/pages/about/Page.test.ts                  |  2 +-
 src/pages/app/Page.test.ts                    |  2 +-
 src/pages/index/Page.test.ts                  |  2 +-
 .../index/__snapshots__/Page.test.ts.snap     | 68 -------------------
 5 files changed, 4 insertions(+), 72 deletions(-)

diff --git a/src/pages/_error/Page.test.ts b/src/pages/_error/Page.test.ts
index a7c4bca7d..0f2e3db9a 100644
--- a/src/pages/_error/Page.test.ts
+++ b/src/pages/_error/Page.test.ts
@@ -8,7 +8,7 @@ import { title } from './+title'
 
 describe('ErrorPage', () => {
   it('title returns correct title', () => {
-    expect(title).toBe('DreamMall | Fehler')
+    expect(title).toBe('IT4C | Error')
   })
   describe('500 Error', () => {
     const WrapperUndefined = () => {
diff --git a/src/pages/about/Page.test.ts b/src/pages/about/Page.test.ts
index 5bb7b6c1d..e9c3346b9 100644
--- a/src/pages/about/Page.test.ts
+++ b/src/pages/about/Page.test.ts
@@ -14,7 +14,7 @@ describe('AboutPage', () => {
   })
 
   it('title returns correct title', () => {
-    expect(title).toBe('DreamMall')
+    expect(title).toBe('IT4C | About')
   })
 
   it('renders', () => {
diff --git a/src/pages/app/Page.test.ts b/src/pages/app/Page.test.ts
index 9c7b6b040..a446c89db 100644
--- a/src/pages/app/Page.test.ts
+++ b/src/pages/app/Page.test.ts
@@ -14,7 +14,7 @@ describe('AppPage', () => {
   })
 
   it('title returns correct title', () => {
-    expect(title).toBe('DreamMall')
+    expect(title).toBe('IT4C | App')
   })
 
   it('renders', () => {
diff --git a/src/pages/index/Page.test.ts b/src/pages/index/Page.test.ts
index 026c20fd2..f65d9189e 100644
--- a/src/pages/index/Page.test.ts
+++ b/src/pages/index/Page.test.ts
@@ -14,7 +14,7 @@ describe('IndexPage', () => {
   })
 
   it('title returns default title', () => {
-    expect(title).toBe('DreamMall')
+    expect(title).toBe('IT4C')
   })
 
   it('renders', () => {
diff --git a/src/pages/index/__snapshots__/Page.test.ts.snap b/src/pages/index/__snapshots__/Page.test.ts.snap
index 394b523a1..72007f32d 100644
--- a/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -1,73 +1,5 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`DataPrivacyPage > renders 1`] = `
-<div
-  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
->
-  <div
-    class="v-application__wrap"
-  >
-    
-    <main
-      class="v-main bg-grey-lighten-3"
-      style="--v-layout-left: 0px; --v-layout-right: 0px; --v-layout-top: 0px; --v-layout-bottom: 0px;"
-    >
-      
-      <div
-        class="v-container v-locale--is-ltr"
-      >
-        <div
-          class="v-row"
-        >
-          <!--v-if-->
-          <div
-            class="v-col"
-          >
-            <div
-              class="v-sheet v-theme--light v-sheet--rounded pa-3"
-            >
-              
-              <h1>
-                $t('home.h1')
-              </h1>
-              <p>
-                $t('home.text1')
-              </p>
-              <br />
-              <p>
-                $t('home.text2')
-              </p>
-              <br />
-              <p>
-                $t('home.text3')
-              </p>
-              <br />
-              <p>
-                $t('home.text4') 
-                <i
-                  aria-hidden="true"
-                  class="mdi-heart mdi v-icon notranslate v-theme--light v-icon--size-default text-red"
-                />
-              </p>
-              <br />
-              <p>
-                $t('home.greet1')
-              </p>
-              <p>
-                $t('home.greet2')
-              </p>
-              
-            </div>
-          </div>
-        </div>
-      </div>
-      
-    </main>
-    
-  </div>
-</div>
-`;
-
 exports[`IndexPage > renders 1`] = `
 <div
   class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"

From d6090a63fec23caac930e34462157eb8d14aa3bb Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 29 Jan 2024 12:11:34 +0100
Subject: [PATCH 084/101] replace german du by Sie

---
 presenter/src/locales/de.json | 12 ++++++------
 presenter/src/locales/en.json | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index ddb1cdfde..9872dec0f 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -43,10 +43,10 @@
       "headline": "Respektvolles Miteinander macht ALLES möglich."
     },
     "coffeeSection": {
-      "headline": "Deine Zutaten",
+      "headline": "Ihre Zutaten",
       "headlineAppend": "im Kaffee",
       "slide1": {
-        "headline": "Alle Funktionen die du brauchst.",
+        "headline": "Alle Funktionen die Sie brauchen.",
         "subheadline": "Weltencafé"
       },
       "slide2": {
@@ -78,7 +78,7 @@
         "errorMsg": "Das hat leider nicht funktioniert! Bitte erneut probieren",
         "firstname": "Vorname",
         "lastname": "Nachname",
-        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen findest du in unseren",
+        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unseren",
         "privacyLinkLabel": "Datenschutzrichtlinien.",
         "submitBtn": "Absenden",
         "successMsg": "E-Mail gesendet"
@@ -102,7 +102,7 @@
       },
       "thirdColumn": {
         "headline": "Menschen und Projekte",
-        "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
+        "text": "Ihr Talent ist wichtig für die Welt. Verwirklichen Sie Ihre Kreativität in die Realität."
       }
     }
   },
@@ -170,7 +170,7 @@
         "lastName": "Nachname",
         "mail": "E-Mail Adresse",
         "message": "Frag uns einfach …",
-        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen findest du in unseren",
+        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unseren",
         "privacyLinkLabel": "Datenschutzrichtlinien.",
         "submitBtn": "Absenden",
         "successMsg": "E-Mail gesendet",
@@ -205,7 +205,7 @@
       "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte trage dich erneut in den Newsletter ein."
     },
     "success": {
-      "text": "Du hast dein Newsletterabbonoment erfolgreich bestätigt. Du wirst in Kürze auf die Startseite weitergeleitet."
+      "text": "Sie haben Ihr Newsletterabbonoment erfolgreich bestätigt. Sie werden in Kürze auf die Startseite weitergeleitet."
     }
   },
   "validation": {
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 82bcb638a..169c6f61e 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -43,10 +43,10 @@
       "headline": "Respektvolles Miteinander macht ALLES möglich."
     },
     "coffeeSection": {
-      "headline": "Deine Zutaten",
+      "headline": "Ihre Zutaten",
       "headlineAppend": "im Kaffee",
       "slide1": {
-        "headline": "Alle Funktionen die du brauchst.",
+        "headline": "Alle Funktionen die Sie brauchen.",
         "subheadline": "Weltencafé"
       },
       "slide2": {
@@ -78,7 +78,7 @@
         "errorMsg": "Das hat leider nicht funktioniert! Bitte erneut probieren",
         "firstname": "Vorname",
         "lastname": "Nachname",
-        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen findest du in unserer",
+        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unserer",
         "privacyLinkLabel": "Datenschutzrichtlinie",
         "submitBtn": "Absenden",
         "successMsg": "E-Mail gesendet"
@@ -102,7 +102,7 @@
       },
       "thirdColumn": {
         "headline": "Menschen und Projekte",
-        "text": "Dein Talent ist wichtig für die Welt. Verwirkliche deine Kreativität in die Realität."
+        "text": "Ihr Talent ist wichtig für die Welt. Verwirklichen Sie Ihre Kreativität in die Realität."
       }
     }
   },
@@ -170,7 +170,7 @@
         "lastName": "Nachname",
         "mail": "E-Mail Adresse",
         "message": "Frag uns einfach …",
-        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen findest du in unserer",
+        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unserer",
         "privacyLinkLabel": "Datenschutzrichtlinie",
         "submitBtn": "Absenden",
         "successMsg": "E-Mail gesendet",
@@ -205,7 +205,7 @@
       "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte trage dich erneut in den Newsletter ein."
     },
     "success": {
-      "text": "Du hast dein Newsletterabbonoment erfolgreich bestätigt. Du wirst in Kürze auf die Startseite weitergeleitet."
+      "text": "Sie haben Ihr Newsletterabbonoment erfolgreich bestätigt. Sie werden in Kürze auf die Startseite weitergeleitet."
     }
   },
   "validation": {

From 46f606a037ab7fe96e846bad00ca96d6dcfca891 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Mon, 29 Jan 2024 13:10:22 +0100
Subject: [PATCH 085/101] replace german du by Sie

---
 presenter/src/locales/de.json | 8 ++++----
 presenter/src/locales/en.json | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/presenter/src/locales/de.json b/presenter/src/locales/de.json
index 9872dec0f..946a9c975 100644
--- a/presenter/src/locales/de.json
+++ b/presenter/src/locales/de.json
@@ -38,7 +38,7 @@
   "home": {
     "aboutSection": {
       "buttonTxt": "Persönlicher Kontakt",
-      "contentFirstParagraph": "Die DreamMall Plattform bietet euch Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für eure Ideen und Projekte.",
+      "contentFirstParagraph": "Die DreamMall Plattform bietet Ihnen als Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für Ihre Ideen und Projekte.",
       "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
       "headline": "Respektvolles Miteinander macht ALLES möglich."
     },
@@ -163,13 +163,13 @@
   "menu": {
     "eMail": "E-Mail",
     "footer": {
-      "contact": "Kontaktiere uns",
+      "contact": "Kontaktieren Sie uns",
       "contactForm": {
         "errorMsg": "Das hat leider nicht funktioniert! Bitte erneut probieren",
         "firstName": "Vorname",
         "lastName": "Nachname",
         "mail": "E-Mail Adresse",
-        "message": "Frag uns einfach …",
+        "message": "Fragen Sie uns einfach …",
         "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unseren",
         "privacyLinkLabel": "Datenschutzrichtlinien.",
         "submitBtn": "Absenden",
@@ -202,7 +202,7 @@
   "optin": {
     "error": {
       "link": "Erneut eintragen",
-      "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte trage dich erneut in den Newsletter ein."
+      "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte tragen Sie sich erneut in den Newsletter ein."
     },
     "success": {
       "text": "Sie haben Ihr Newsletterabbonoment erfolgreich bestätigt. Sie werden in Kürze auf die Startseite weitergeleitet."
diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 169c6f61e..032a76e85 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -38,7 +38,7 @@
   "home": {
     "aboutSection": {
       "buttonTxt": "Persönlicher Kontakt",
-      "contentFirstParagraph": "Die DreamMall Plattform bietet Euch Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für Eure Ideen und Projekte.",
+      "contentFirstParagraph": "Die DreamMall Plattform bietet Ihnen als Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für Ihre Ideen und Projekte.",
       "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
       "headline": "Respektvolles Miteinander macht ALLES möglich."
     },
@@ -163,13 +163,13 @@
   "menu": {
     "eMail": "E-Mail",
     "footer": {
-      "contact": "Kontaktiere uns",
+      "contact": "Kontaktieren Sie uns",
       "contactForm": {
         "errorMsg": "Das hat leider nicht funktioniert! Bitte erneut probieren",
         "firstName": "Vorname",
         "lastName": "Nachname",
         "mail": "E-Mail Adresse",
-        "message": "Frag uns einfach …",
+        "message": "Fragen Sie uns einfach …",
         "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unserer",
         "privacyLinkLabel": "Datenschutzrichtlinie",
         "submitBtn": "Absenden",
@@ -202,7 +202,7 @@
   "optin": {
     "error": {
       "link": "Erneut eintragen",
-      "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte trage dich erneut in den Newsletter ein."
+      "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte tragen Sie sich erneut in den Newsletter ein."
     },
     "success": {
       "text": "Sie haben Ihr Newsletterabbonoment erfolgreich bestätigt. Sie werden in Kürze auf die Startseite weitergeleitet."

From c96755d74dbf1e4c5408a37f73dd82c39c19d8d9 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 31 Jan 2024 09:56:02 +0100
Subject: [PATCH 086/101] [feature] added language selector component

---
 .../components/language/LanguageSelector.vue  | 103 ++++++++++++++++++
 presenter/src/components/menu/HeaderMenu.vue  |  20 +++-
 2 files changed, 121 insertions(+), 2 deletions(-)
 create mode 100644 presenter/src/components/language/LanguageSelector.vue

diff --git a/presenter/src/components/language/LanguageSelector.vue b/presenter/src/components/language/LanguageSelector.vue
new file mode 100644
index 000000000..95f3920d3
--- /dev/null
+++ b/presenter/src/components/language/LanguageSelector.vue
@@ -0,0 +1,103 @@
+<template>
+  <v-select
+    v-model="locale"
+    density="compact"
+    name="language"
+    :items="languages"
+    item-value="locale"
+    class="language-select"
+    variant="solo"
+    base-color="#3D4753"
+    color="#3D4753"
+    bg-color="transparent"
+    hide-details="auto"
+    flat
+    @update:model-value="changeLanguage"
+  >
+    <template #selection="{ item }">
+      <span>{{ item.raw.locale.toUpperCase() }}</span>
+    </template>
+    <template #item="{ props }">
+      <v-list-item v-bind="props" class="language-item" active-class="language-item-active">
+        <template #title="{ title }">
+          <div class="language-item-title">{{ title }}</div>
+        </template>
+      </v-list-item>
+    </template>
+  </v-select>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const locale = ref({ locale: 'de', title: 'Deutsch' })
+const languages = ref([
+  { locale: 'de', title: 'Deutsch' },
+  { locale: 'en', title: 'Englisch' },
+])
+
+// TODO check type
+function changeLanguage(selectedLocale: object) {
+  // TODO change language
+}
+</script>
+
+<style lang="scss">
+@import '#root/src/assets/scss/style';
+
+.topmenu {
+  .v-select {
+    @include section-content-font;
+  }
+
+  .language-select {
+    @media screen and (max-width: $mobile) {
+      transform: translateX(40px);
+    }
+  }
+
+  .v-select.v-select--active-menu {
+    color: $color-blue-300;
+  }
+}
+.v-select__content {
+  .v-list {
+    padding: 0px;
+
+    .language-item {
+      padding-inline: 24px !important;
+      padding-left: 6px !important;
+      min-width: 4.875rem;
+
+      .language-item-title {
+        font-family: Poppins;
+        font-size: 1rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: normal;
+      }
+
+      &:before {
+        content: '';
+        display: inline-block;
+        width: 2px;
+        height: 25px;
+        background: transparent;
+        margin-right: 20px;
+      }
+    }
+
+    .language-item-active {
+      color: $color-green-100 !important;
+    }
+    .language-item-active:before {
+      content: '';
+      display: inline-block;
+      width: 2px;
+      height: 25px;
+      background: $color-green-100;
+      margin-right: 20px;
+    }
+  }
+}
+</style>
diff --git a/presenter/src/components/menu/HeaderMenu.vue b/presenter/src/components/menu/HeaderMenu.vue
index f5de41287..7cb15e43d 100644
--- a/presenter/src/components/menu/HeaderMenu.vue
+++ b/presenter/src/components/menu/HeaderMenu.vue
@@ -21,8 +21,11 @@
             :label="$t('menu.header.contact')"
           ></AnchorLink>
         </v-col>
-        <v-col class="d-flex">
-          <div class="d-flex d-md-none align-center justify-end w-100 mr-8">
+        <v-col class="d-flex justify-end">
+          <div class="d-flex align-center mr-0 mr-md-8 language-column">
+            <LanguageSelector />
+          </div>
+          <div class="d-flex d-md-none align-center justify-end mr-8 mobile-column">
             <v-img class="mobile-menu-icon w-100" :src="MobileMenuIcon" @click="toggleNavBar" />
           </div>
         </v-col>
@@ -66,6 +69,7 @@ import { ref, onMounted, onBeforeMount } from 'vue'
 import MobileMenuIcon from '#assets/img/hamburger_mobile.svg'
 import LogoImage from '#components/LogoImage.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
+import LanguageSelector from '#components/language/LanguageSelector.vue'
 
 const appBackground = ref('transparent')
 const navBackground = ref('#d8d8d8')
@@ -153,6 +157,18 @@ onMounted(() => {
       }
     }
   }
+  .language-column {
+    @media screen and (max-width: $tablet) {
+      width: 100%;
+      max-width: 80px;
+    }
+  }
+  .mobile-column {
+    @media screen and (max-width: $tablet) {
+      width: 100%;
+      max-width: 80px;
+    }
+  }
 
   .nav-drawer {
     top: $fixed-header-height !important;

From 7e6ee0db34bb2d9877606865d7b19d1be6e8c014 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 31 Jan 2024 09:57:32 +0100
Subject: [PATCH 087/101] updated snapshots

---
 .../__snapshots__/HeaderMenu.test.ts.snap     | 152 ++++-
 .../__snapshots__/DefaultLayout.test.ts.snap  | 182 +++++-
 .../__snapshots__/Page.test.ts.snap           | 182 +++++-
 .../impressum/__snapshots__/Page.test.ts.snap | 182 +++++-
 .../index/__snapshots__/Page.test.ts.snap     | 220 +++++--
 .../optin/__snapshots__/Page.test.ts.snap     | 546 ++++++++++++++++--
 6 files changed, 1324 insertions(+), 140 deletions(-)

diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index 2a962b9aa..dcaa2a21c 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -158,11 +158,159 @@ exports[`HeaderMenu > renders three columns 1`] = `
               </a>
             </div>
             <div
-              class="v-col d-flex"
+              class="v-col d-flex justify-end"
               data-v-5e2a2776=""
             >
               <div
-                class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                class="d-flex align-center mr-0 mr-md-8 language-column"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                  data-v-5e2a2776=""
+                >
+                  <!---->
+                  <div
+                    class="v-input__control"
+                  >
+                    
+                    <div
+                      aria-expanded="false"
+                      aria-haspopup="listbox"
+                      aria-owns="v-menu-6"
+                      class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                      role="combobox"
+                    >
+                      <div
+                        class="v-field__overlay"
+                      />
+                      <div
+                        class="v-field__loader"
+                      >
+                        <div
+                          aria-hidden="true"
+                          aria-valuemax="100"
+                          aria-valuemin="0"
+                          class="v-progress-linear v-theme--light v-locale--is-ltr"
+                          role="progressbar"
+                          style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                        >
+                          <!---->
+                          <div
+                            class="v-progress-linear__background"
+                            style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                          />
+                          <transition-stub
+                            appear="false"
+                            css="true"
+                            name="fade-transition"
+                            persisted="false"
+                          >
+                            <div
+                              class="v-progress-linear__indeterminate"
+                            >
+                              
+                              <div
+                                class="v-progress-linear__indeterminate long"
+                                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                              />
+                              <div
+                                class="v-progress-linear__indeterminate short"
+                                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                              />
+                              
+                            </div>
+                          </transition-stub>
+                          <!---->
+                        </div>
+                      </div>
+                      <!---->
+                      <div
+                        class="v-field__field"
+                        data-no-activator=""
+                      >
+                        <!---->
+                        <label
+                          class="v-label v-field-label"
+                          for="input-4"
+                        >
+                          <!---->
+                          
+                          <!---->
+                          
+                        </label>
+                        
+                        
+                        <!---->
+                        <div
+                          class="v-field__input"
+                          data-no-activator=""
+                        >
+                          
+                          
+                          
+                          <!---->
+                          <!---->
+                          
+                          
+                          <div
+                            class="v-select__selection"
+                          >
+                            
+                            <span>
+                              DE
+                            </span>
+                            
+                          </div>
+                          
+                          
+                          
+                          <input
+                            aria-describedby="input-4-messages"
+                            aria-label="Öffnen"
+                            id="input-4"
+                            inputmode="none"
+                            name="language"
+                            size="1"
+                            title="Öffnen"
+                            type="text"
+                          />
+                        </div>
+                        <!---->
+                        
+                        
+                      </div>
+                      <!---->
+                      <div
+                        class="v-field__append-inner"
+                      >
+                        
+                        
+                        <!---->
+                        <i
+                          aria-hidden="true"
+                          class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                        />
+                        
+                        
+                        <!---->
+                      </div>
+                      <div
+                        class="v-field__outline"
+                        style="color: #3D4753; caret-color: #3D4753;"
+                      >
+                        <!---->
+                        <!---->
+                      </div>
+                    </div>
+                    
+                  </div>
+                  <!---->
+                  <!---->
+                </div>
+              </div>
+              <div
+                class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                 data-v-5e2a2776=""
               >
                 <div
diff --git a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
index fa4f4bdbc..11cf68fa0 100644
--- a/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
+++ b/presenter/src/layouts/__snapshots__/DefaultLayout.test.ts.snap
@@ -165,11 +165,159 @@ exports[`DefaultLayout > renders 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -807,7 +955,7 @@ exports[`DefaultLayout > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -816,7 +964,7 @@ exports[`DefaultLayout > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -827,9 +975,9 @@ exports[`DefaultLayout > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-17-messages"
+                                  aria-describedby="input-20-messages"
                                   class="v-field__input"
-                                  id="input-17"
+                                  id="input-20"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -927,7 +1075,7 @@ exports[`DefaultLayout > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -936,7 +1084,7 @@ exports[`DefaultLayout > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -947,9 +1095,9 @@ exports[`DefaultLayout > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-19-messages"
+                                  aria-describedby="input-22-messages"
                                   class="v-field__input"
-                                  id="input-19"
+                                  id="input-22"
                                   name="email"
                                   required=""
                                   size="1"
@@ -1068,7 +1216,7 @@ exports[`DefaultLayout > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1077,7 +1225,7 @@ exports[`DefaultLayout > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1088,9 +1236,9 @@ exports[`DefaultLayout > renders 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-21-messages"
+                                  aria-describedby="input-24-messages"
                                   class="v-field__input"
-                                  id="input-21"
+                                  id="input-24"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -1120,7 +1268,7 @@ exports[`DefaultLayout > renders 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-21-messages"
+                              id="input-24-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -1166,9 +1314,9 @@ exports[`DefaultLayout > renders 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-23-messages"
+                                    aria-describedby="checkbox-26-messages"
                                     aria-disabled="false"
-                                    id="checkbox-23"
+                                    id="checkbox-26"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
index f4a314c4a..ef9f8c835 100644
--- a/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/datenschutz/__snapshots__/Page.test.ts.snap
@@ -165,11 +165,159 @@ exports[`DataPrivacyPage > renders 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -1183,7 +1331,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -1192,7 +1340,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -1203,9 +1351,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-17-messages"
+                                  aria-describedby="input-20-messages"
                                   class="v-field__input"
-                                  id="input-17"
+                                  id="input-20"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -1303,7 +1451,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -1312,7 +1460,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -1323,9 +1471,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-19-messages"
+                                  aria-describedby="input-22-messages"
                                   class="v-field__input"
-                                  id="input-19"
+                                  id="input-22"
                                   name="email"
                                   required=""
                                   size="1"
@@ -1444,7 +1592,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1453,7 +1601,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1464,9 +1612,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-21-messages"
+                                  aria-describedby="input-24-messages"
                                   class="v-field__input"
-                                  id="input-21"
+                                  id="input-24"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -1496,7 +1644,7 @@ exports[`DataPrivacyPage > renders 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-21-messages"
+                              id="input-24-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -1542,9 +1690,9 @@ exports[`DataPrivacyPage > renders 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-23-messages"
+                                    aria-describedby="checkbox-26-messages"
                                     aria-disabled="false"
-                                    id="checkbox-23"
+                                    id="checkbox-26"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
index bf2d90125..da80eac26 100644
--- a/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/impressum/__snapshots__/Page.test.ts.snap
@@ -165,11 +165,159 @@ exports[`ImpressumPage > renders 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -1382,7 +1530,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -1391,7 +1539,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -1402,9 +1550,9 @@ exports[`ImpressumPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-17-messages"
+                                  aria-describedby="input-20-messages"
                                   class="v-field__input"
-                                  id="input-17"
+                                  id="input-20"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -1502,7 +1650,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -1511,7 +1659,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -1522,9 +1670,9 @@ exports[`ImpressumPage > renders 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-19-messages"
+                                  aria-describedby="input-22-messages"
                                   class="v-field__input"
-                                  id="input-19"
+                                  id="input-22"
                                   name="email"
                                   required=""
                                   size="1"
@@ -1643,7 +1791,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1652,7 +1800,7 @@ exports[`ImpressumPage > renders 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1663,9 +1811,9 @@ exports[`ImpressumPage > renders 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-21-messages"
+                                  aria-describedby="input-24-messages"
                                   class="v-field__input"
-                                  id="input-21"
+                                  id="input-24"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -1695,7 +1843,7 @@ exports[`ImpressumPage > renders 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-21-messages"
+                              id="input-24-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -1741,9 +1889,9 @@ exports[`ImpressumPage > renders 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-23-messages"
+                                    aria-describedby="checkbox-26-messages"
                                     aria-disabled="false"
-                                    id="checkbox-23"
+                                    id="checkbox-26"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
index babd68bcc..25a12fd0c 100644
--- a/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/index/__snapshots__/Page.test.ts.snap
@@ -166,11 +166,159 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -525,7 +673,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       <button
                         aria-label="Element 1 von 2"
                         class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item v-btn--active"
-                        id="carousel-item-8"
+                        id="carousel-item-11"
                         style="color: #ffffff; caret-color: #ffffff;"
                         type="button"
                       >
@@ -553,7 +701,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                       <button
                         aria-label="Element 2 von 2"
                         class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item"
-                        id="carousel-item-9"
+                        id="carousel-item-12"
                         style="color: #ffffff; caret-color: #ffffff;"
                         type="button"
                       >
@@ -1251,7 +1399,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       <label
                                         aria-hidden="true"
                                         class="v-label v-field-label v-field-label--floating"
-                                        for="input-13"
+                                        for="input-16"
                                       >
                                         <!---->
                                         
@@ -1260,7 +1408,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       </label>
                                       <label
                                         class="v-label v-field-label"
-                                        for="input-13"
+                                        for="input-16"
                                       >
                                         <!---->
                                         
@@ -1271,9 +1419,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       
                                       <!---->
                                       <input
-                                        aria-describedby="input-13-messages"
+                                        aria-describedby="input-16-messages"
                                         class="v-field__input"
-                                        id="input-13"
+                                        id="input-16"
                                         name="firstname"
                                         required=""
                                         size="1"
@@ -1366,7 +1514,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       <label
                                         aria-hidden="true"
                                         class="v-label v-field-label v-field-label--floating"
-                                        for="input-15"
+                                        for="input-18"
                                       >
                                         <!---->
                                         
@@ -1375,7 +1523,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       </label>
                                       <label
                                         class="v-label v-field-label"
-                                        for="input-15"
+                                        for="input-18"
                                       >
                                         <!---->
                                         
@@ -1386,9 +1534,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       
                                       <!---->
                                       <input
-                                        aria-describedby="input-15-messages"
+                                        aria-describedby="input-18-messages"
                                         class="v-field__input"
-                                        id="input-15"
+                                        id="input-18"
                                         name="lastname"
                                         required=""
                                         size="1"
@@ -1486,7 +1634,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       <label
                                         aria-hidden="true"
                                         class="v-label v-field-label v-field-label--floating"
-                                        for="input-17"
+                                        for="input-20"
                                       >
                                         <!---->
                                         
@@ -1495,7 +1643,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       </label>
                                       <label
                                         class="v-label v-field-label"
-                                        for="input-17"
+                                        for="input-20"
                                       >
                                         <!---->
                                         
@@ -1506,9 +1654,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                       
                                       <!---->
                                       <input
-                                        aria-describedby="input-17-messages"
+                                        aria-describedby="input-20-messages"
                                         class="v-field__input"
-                                        id="input-17"
+                                        id="input-20"
                                         name="email"
                                         required=""
                                         size="1"
@@ -1608,9 +1756,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                           class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                         />
                                         <input
-                                          aria-describedby="checkbox-20-messages"
+                                          aria-describedby="checkbox-23-messages"
                                           aria-disabled="false"
-                                          id="checkbox-20"
+                                          id="checkbox-23"
                                           name="dataprivacy"
                                           required=""
                                           type="checkbox"
@@ -2081,7 +2229,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <button
                           aria-label="Element 1 von 3"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item v-btn--active"
-                          id="carousel-item-24"
+                          id="carousel-item-27"
                           style="color: #ABABAB; caret-color: #ABABAB;"
                           type="button"
                         >
@@ -2109,7 +2257,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <button
                           aria-label="Element 2 von 3"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item"
-                          id="carousel-item-25"
+                          id="carousel-item-28"
                           style="color: #ABABAB; caret-color: #ABABAB;"
                           type="button"
                         >
@@ -2137,7 +2285,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                         <button
                           aria-label="Element 3 von 3"
                           class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text v-carousel__controls__item"
-                          id="carousel-item-26"
+                          id="carousel-item-29"
                           style="color: #ABABAB; caret-color: #ABABAB;"
                           type="button"
                         >
@@ -2737,7 +2885,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-39"
+                                  for="input-42"
                                 >
                                   <!---->
                                   
@@ -2746,7 +2894,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-39"
+                                  for="input-42"
                                 >
                                   <!---->
                                   
@@ -2757,9 +2905,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-39-messages"
+                                  aria-describedby="input-42-messages"
                                   class="v-field__input"
-                                  id="input-39"
+                                  id="input-42"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -2857,7 +3005,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-41"
+                                  for="input-44"
                                 >
                                   <!---->
                                   
@@ -2866,7 +3014,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-41"
+                                  for="input-44"
                                 >
                                   <!---->
                                   
@@ -2877,9 +3025,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-41-messages"
+                                  aria-describedby="input-44-messages"
                                   class="v-field__input"
-                                  id="input-41"
+                                  id="input-44"
                                   name="email"
                                   required=""
                                   size="1"
@@ -2998,7 +3146,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-43"
+                                  for="input-46"
                                 >
                                   <!---->
                                   
@@ -3007,7 +3155,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-43"
+                                  for="input-46"
                                 >
                                   <!---->
                                   
@@ -3018,9 +3166,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-43-messages"
+                                  aria-describedby="input-46-messages"
                                   class="v-field__input"
-                                  id="input-43"
+                                  id="input-46"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -3050,7 +3198,7 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-43-messages"
+                              id="input-46-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -3096,9 +3244,9 @@ exports[`IndexPage > renders IndexPage with sections 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-45-messages"
+                                    aria-describedby="checkbox-48-messages"
                                     aria-disabled="false"
-                                    id="checkbox-45"
+                                    id="checkbox-48"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
diff --git a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
index 1cfb343c9..ce03908ff 100644
--- a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
+++ b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
@@ -166,11 +166,159 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -858,7 +1006,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -867,7 +1015,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -878,9 +1026,9 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-17-messages"
+                                  aria-describedby="input-20-messages"
                                   class="v-field__input"
-                                  id="input-17"
+                                  id="input-20"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -978,7 +1126,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -987,7 +1135,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -998,9 +1146,9 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-19-messages"
+                                  aria-describedby="input-22-messages"
                                   class="v-field__input"
-                                  id="input-19"
+                                  id="input-22"
                                   name="email"
                                   required=""
                                   size="1"
@@ -1119,7 +1267,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1128,7 +1276,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -1139,9 +1287,9 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-21-messages"
+                                  aria-describedby="input-24-messages"
                                   class="v-field__input"
-                                  id="input-21"
+                                  id="input-24"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -1171,7 +1319,7 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-21-messages"
+                              id="input-24-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -1217,9 +1365,9 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-23-messages"
+                                    aria-describedby="checkbox-26-messages"
                                     aria-disabled="false"
-                                    id="checkbox-23"
+                                    id="checkbox-26"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
@@ -1516,11 +1664,159 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -2208,7 +2504,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -2217,7 +2513,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -2228,9 +2524,9 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-17-messages"
+                                  aria-describedby="input-20-messages"
                                   class="v-field__input"
-                                  id="input-17"
+                                  id="input-20"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -2328,7 +2624,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -2337,7 +2633,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -2348,9 +2644,9 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-19-messages"
+                                  aria-describedby="input-22-messages"
                                   class="v-field__input"
-                                  id="input-19"
+                                  id="input-22"
                                   name="email"
                                   required=""
                                   size="1"
@@ -2469,7 +2765,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -2478,7 +2774,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -2489,9 +2785,9 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-21-messages"
+                                  aria-describedby="input-24-messages"
                                   class="v-field__input"
-                                  id="input-21"
+                                  id="input-24"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -2521,7 +2817,7 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-21-messages"
+                              id="input-24-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -2567,9 +2863,9 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-23-messages"
+                                    aria-describedby="checkbox-26-messages"
                                     aria-disabled="false"
-                                    id="checkbox-23"
+                                    id="checkbox-26"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"
@@ -2866,11 +3162,159 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                 </a>
               </div>
               <div
-                class="v-col d-flex"
+                class="v-col d-flex justify-end"
                 data-v-5e2a2776=""
               >
                 <div
-                  class="d-flex d-md-none align-center justify-end w-100 mr-8"
+                  class="d-flex align-center mr-0 mr-md-8 language-column"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                    data-v-5e2a2776=""
+                  >
+                    <!---->
+                    <div
+                      class="v-input__control"
+                    >
+                      
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-owns="v-menu-6"
+                        class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                        role="combobox"
+                      >
+                        <div
+                          class="v-field__overlay"
+                        />
+                        <div
+                          class="v-field__loader"
+                        >
+                          <div
+                            aria-hidden="true"
+                            aria-valuemax="100"
+                            aria-valuemin="0"
+                            class="v-progress-linear v-theme--light v-locale--is-ltr"
+                            role="progressbar"
+                            style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                          >
+                            <!---->
+                            <div
+                              class="v-progress-linear__background"
+                              style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                            />
+                            <transition-stub
+                              appear="false"
+                              css="true"
+                              name="fade-transition"
+                              persisted="false"
+                            >
+                              <div
+                                class="v-progress-linear__indeterminate"
+                              >
+                                
+                                <div
+                                  class="v-progress-linear__indeterminate long"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                <div
+                                  class="v-progress-linear__indeterminate short"
+                                  style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                                />
+                                
+                              </div>
+                            </transition-stub>
+                            <!---->
+                          </div>
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__field"
+                          data-no-activator=""
+                        >
+                          <!---->
+                          <label
+                            class="v-label v-field-label"
+                            for="input-4"
+                          >
+                            <!---->
+                            
+                            <!---->
+                            
+                          </label>
+                          
+                          
+                          <!---->
+                          <div
+                            class="v-field__input"
+                            data-no-activator=""
+                          >
+                            
+                            
+                            
+                            <!---->
+                            <!---->
+                            
+                            
+                            <div
+                              class="v-select__selection"
+                            >
+                              
+                              <span>
+                                DE
+                              </span>
+                              
+                            </div>
+                            
+                            
+                            
+                            <input
+                              aria-describedby="input-4-messages"
+                              aria-label="Öffnen"
+                              id="input-4"
+                              inputmode="none"
+                              name="language"
+                              size="1"
+                              title="Öffnen"
+                              type="text"
+                            />
+                          </div>
+                          <!---->
+                          
+                          
+                        </div>
+                        <!---->
+                        <div
+                          class="v-field__append-inner"
+                        >
+                          
+                          
+                          <!---->
+                          <i
+                            aria-hidden="true"
+                            class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                          />
+                          
+                          
+                          <!---->
+                        </div>
+                        <div
+                          class="v-field__outline"
+                          style="color: #3D4753; caret-color: #3D4753;"
+                        >
+                          <!---->
+                          <!---->
+                        </div>
+                      </div>
+                      
+                    </div>
+                    <!---->
+                    <!---->
+                  </div>
+                </div>
+                <div
+                  class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
                   data-v-5e2a2776=""
                 >
                   <div
@@ -3522,7 +3966,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -3531,7 +3975,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-17"
+                                  for="input-20"
                                 >
                                   <!---->
                                   
@@ -3542,9 +3986,9 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-17-messages"
+                                  aria-describedby="input-20-messages"
                                   class="v-field__input"
-                                  id="input-17"
+                                  id="input-20"
                                   name="lastname"
                                   required=""
                                   size="1"
@@ -3642,7 +4086,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -3651,7 +4095,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-19"
+                                  for="input-22"
                                 >
                                   <!---->
                                   
@@ -3662,9 +4106,9 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 
                                 <!---->
                                 <input
-                                  aria-describedby="input-19-messages"
+                                  aria-describedby="input-22-messages"
                                   class="v-field__input"
-                                  id="input-19"
+                                  id="input-22"
                                   name="email"
                                   required=""
                                   size="1"
@@ -3783,7 +4227,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 <label
                                   aria-hidden="true"
                                   class="v-label v-field-label v-field-label--floating"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -3792,7 +4236,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 </label>
                                 <label
                                   class="v-label v-field-label"
-                                  for="input-21"
+                                  for="input-24"
                                 >
                                   <!---->
                                   
@@ -3803,9 +4247,9 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                 
                                 <!---->
                                 <textarea
-                                  aria-describedby="input-21-messages"
+                                  aria-describedby="input-24-messages"
                                   class="v-field__input"
-                                  id="input-21"
+                                  id="input-24"
                                   name="message"
                                   required=""
                                   rows="5"
@@ -3835,7 +4279,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                               aria-live="polite"
                               class="v-messages"
                               css="true"
-                              id="input-21-messages"
+                              id="input-24-messages"
                               name="slide-y-transition"
                               persisted="false"
                               role="alert"
@@ -3881,9 +4325,9 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                                     class="mdi-checkbox-blank-outline mdi v-icon notranslate v-theme--light v-icon--size-default"
                                   />
                                   <input
-                                    aria-describedby="checkbox-23-messages"
+                                    aria-describedby="checkbox-26-messages"
                                     aria-disabled="false"
-                                    id="checkbox-23"
+                                    id="checkbox-26"
                                     name="dataprivacy"
                                     required=""
                                     type="checkbox"

From 17807809cfea8e79a83e06be59b37adcfbc79a6d Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 31 Jan 2024 12:08:11 +0100
Subject: [PATCH 088/101] [feature] added language switch function

---
 presenter/src/components/language/LanguageSelector.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/presenter/src/components/language/LanguageSelector.vue b/presenter/src/components/language/LanguageSelector.vue
index 95f3920d3..ec858482c 100644
--- a/presenter/src/components/language/LanguageSelector.vue
+++ b/presenter/src/components/language/LanguageSelector.vue
@@ -1,6 +1,6 @@
 <template>
   <v-select
-    v-model="locale"
+    v-model="$i18n.locale"
     density="compact"
     name="language"
     :items="languages"
@@ -12,7 +12,6 @@
     bg-color="transparent"
     hide-details="auto"
     flat
-    @update:model-value="changeLanguage"
   >
     <template #selection="{ item }">
       <span>{{ item.raw.locale.toUpperCase() }}</span>
@@ -30,16 +29,11 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 
-const locale = ref({ locale: 'de', title: 'Deutsch' })
+// TODO better place? maybe locales folder?
 const languages = ref([
   { locale: 'de', title: 'Deutsch' },
   { locale: 'en', title: 'Englisch' },
 ])
-
-// TODO check type
-function changeLanguage(selectedLocale: object) {
-  // TODO change language
-}
 </script>
 
 <style lang="scss">

From 2d70517a7c0a8ed4c5c99edee19aef3cef2dc73c Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Wed, 31 Jan 2024 12:16:45 +0100
Subject: [PATCH 089/101] code linting

---
 presenter/src/components/menu/HeaderMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/components/menu/HeaderMenu.vue b/presenter/src/components/menu/HeaderMenu.vue
index 7cb15e43d..46a62a646 100644
--- a/presenter/src/components/menu/HeaderMenu.vue
+++ b/presenter/src/components/menu/HeaderMenu.vue
@@ -67,9 +67,9 @@
 import { ref, onMounted, onBeforeMount } from 'vue'
 
 import MobileMenuIcon from '#assets/img/hamburger_mobile.svg'
+import LanguageSelector from '#components/language/LanguageSelector.vue'
 import LogoImage from '#components/LogoImage.vue'
 import AnchorLink from '#components/nav/AnchorLink.vue'
-import LanguageSelector from '#components/language/LanguageSelector.vue'
 
 const appBackground = ref('transparent')
 const navBackground = ref('#d8d8d8')

From 3adb00aad36e581d53246d0e1c29dfef9d9961f4 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 1 Feb 2024 10:30:16 +0100
Subject: [PATCH 090/101] code linting

---
 .../components/language/LanguageSelector.vue  | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/presenter/src/components/language/LanguageSelector.vue b/presenter/src/components/language/LanguageSelector.vue
index ec858482c..934d238f2 100644
--- a/presenter/src/components/language/LanguageSelector.vue
+++ b/presenter/src/components/language/LanguageSelector.vue
@@ -32,7 +32,7 @@ import { ref } from 'vue'
 // TODO better place? maybe locales folder?
 const languages = ref([
   { locale: 'de', title: 'Deutsch' },
-  { locale: 'en', title: 'Englisch' },
+  { locale: 'en', title: 'English' },
 ])
 </script>
 
@@ -54,43 +54,45 @@ const languages = ref([
     color: $color-blue-300;
   }
 }
+
 .v-select__content {
   .v-list {
-    padding: 0px;
+    padding: 0;
 
     .language-item {
+      min-width: 4.875rem;
       padding-inline: 24px !important;
       padding-left: 6px !important;
-      min-width: 4.875rem;
 
       .language-item-title {
-        font-family: Poppins;
+        font-family: $font-family-default;
         font-size: 1rem;
-        font-style: normal;
+        font-style: $font-style-normal;
         font-weight: 500;
-        line-height: normal;
+        line-height: $line-height-normal;
       }
 
-      &:before {
-        content: '';
+      &::before {
         display: inline-block;
         width: 2px;
         height: 25px;
-        background: transparent;
         margin-right: 20px;
+        content: '';
+        background: transparent;
       }
     }
 
     .language-item-active {
       color: $color-green-100 !important;
     }
-    .language-item-active:before {
-      content: '';
+
+    .language-item-active::before {
       display: inline-block;
       width: 2px;
       height: 25px;
-      background: $color-green-100;
       margin-right: 20px;
+      content: '';
+      background: $color-green-100;
     }
   }
 }

From 5a0ccdfda65db0e3d2e0a5c30b556174d6b6f990 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 1 Feb 2024 10:33:28 +0100
Subject: [PATCH 091/101] code linting

---
 presenter/src/components/menu/HeaderMenu.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/presenter/src/components/menu/HeaderMenu.vue b/presenter/src/components/menu/HeaderMenu.vue
index 46a62a646..fff5b2b0a 100644
--- a/presenter/src/components/menu/HeaderMenu.vue
+++ b/presenter/src/components/menu/HeaderMenu.vue
@@ -157,12 +157,14 @@ onMounted(() => {
       }
     }
   }
+
   .language-column {
     @media screen and (max-width: $tablet) {
       width: 100%;
       max-width: 80px;
     }
   }
+
   .mobile-column {
     @media screen and (max-width: $tablet) {
       width: 100%;

From d894e88130e9c0ae38bbbf5d28ac3f1e03890bd5 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 1 Feb 2024 11:18:50 +0100
Subject: [PATCH 092/101] fixed css

---
 .../components/language/LanguageSelector.vue  | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/presenter/src/components/language/LanguageSelector.vue b/presenter/src/components/language/LanguageSelector.vue
index 934d238f2..07fdbfb0c 100644
--- a/presenter/src/components/language/LanguageSelector.vue
+++ b/presenter/src/components/language/LanguageSelector.vue
@@ -39,22 +39,20 @@ const languages = ref([
 <style lang="scss">
 @import '#root/src/assets/scss/style';
 
-.topmenu {
-  .v-select {
-    @include section-content-font;
-  }
+.language-select {
+  max-width: 80px;
 
-  .language-select {
-    @media screen and (max-width: $mobile) {
-      transform: translateX(40px);
-    }
-  }
+  @include section-content-font;
 
-  .v-select.v-select--active-menu {
-    color: $color-blue-300;
+  @media screen and (max-width: $mobile) {
+    transform: translateX(40px);
   }
 }
 
+.language-select.v-select.v-select--active-menu {
+  color: $color-blue-300;
+}
+
 .v-select__content {
   .v-list {
     padding: 0;

From 04ea672dfe7c13c6793b8cc2633e974369d98df8 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 1 Feb 2024 11:19:10 +0100
Subject: [PATCH 093/101] added LanguageSelector storybook component

---
 .../language/LanguageSelector.stories.ts      | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 presenter/src/components/language/LanguageSelector.stories.ts

diff --git a/presenter/src/components/language/LanguageSelector.stories.ts b/presenter/src/components/language/LanguageSelector.stories.ts
new file mode 100644
index 000000000..7bc061a3c
--- /dev/null
+++ b/presenter/src/components/language/LanguageSelector.stories.ts
@@ -0,0 +1,34 @@
+import { SBComp } from '#types/SBComp'
+
+import LanguageSelector from './LanguageSelector.vue'
+
+import type { Meta, StoryObj } from '@storybook/vue3'
+
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
+const meta = {
+  title: 'Language/LanguageSelector',
+  component: LanguageSelector as SBComp,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/autodocs
+  tags: ['autodocs'],
+  argTypes: {},
+  args: {}, // default value
+} satisfies Meta<typeof LanguageSelector>
+
+export default meta
+type Story = StoryObj<typeof meta>
+/*
+ *👇 Render functions are a framework specific feature to allow you control on how the component renders.
+ * See https://storybook.js.org/docs/vue/api/csf
+ * to learn how to use render functions.
+ */
+// export const Open: Story = {
+//   args: {
+//     variant: 'primary',
+//     size: 'large',
+//     label: 'Button',
+//   },
+// }
+
+export const Closed: Story = {
+  args: {},
+}

From 6800cd38fcb247317a4b8c6713a3c03ab62c5730 Mon Sep 17 00:00:00 2001
From: Markus <markus@infinity.labs.ooo>
Date: Thu, 1 Feb 2024 11:33:02 +0100
Subject: [PATCH 094/101] added rudimentary LanguageSelector test

---
 .../language/LanguageSelector.test.ts         |  21 +++
 .../LanguageSelector.test.ts.snap             | 146 ++++++++++++++++++
 2 files changed, 167 insertions(+)
 create mode 100644 presenter/src/components/language/LanguageSelector.test.ts
 create mode 100644 presenter/src/components/language/__snapshots__/LanguageSelector.test.ts.snap

diff --git a/presenter/src/components/language/LanguageSelector.test.ts b/presenter/src/components/language/LanguageSelector.test.ts
new file mode 100644
index 000000000..5f1ca5284
--- /dev/null
+++ b/presenter/src/components/language/LanguageSelector.test.ts
@@ -0,0 +1,21 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect, beforeEach } from 'vitest'
+
+import LanguageSelector from './LanguageSelector.vue'
+
+describe('LanguageSelector', () => {
+  const Wrapper = () => {
+    return mount(LanguageSelector, {
+      props: {},
+    })
+  }
+  let wrapper: ReturnType<typeof Wrapper>
+
+  beforeEach(() => {
+    wrapper = Wrapper()
+  })
+
+  it('renders', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/presenter/src/components/language/__snapshots__/LanguageSelector.test.ts.snap b/presenter/src/components/language/__snapshots__/LanguageSelector.test.ts.snap
new file mode 100644
index 000000000..c2226c3ab
--- /dev/null
+++ b/presenter/src/components/language/__snapshots__/LanguageSelector.test.ts.snap
@@ -0,0 +1,146 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LanguageSelector > renders 1`] = `
+<div
+  class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+>
+  <!---->
+  <div
+    class="v-input__control"
+  >
+    
+    <div
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-owns="v-menu-2"
+      class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+      role="combobox"
+    >
+      <div
+        class="v-field__overlay"
+      />
+      <div
+        class="v-field__loader"
+      >
+        <div
+          aria-hidden="true"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          class="v-progress-linear v-theme--light v-locale--is-ltr"
+          role="progressbar"
+          style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+        >
+          <!---->
+          <div
+            class="v-progress-linear__background"
+            style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+          />
+          <transition-stub
+            appear="false"
+            css="true"
+            name="fade-transition"
+            persisted="false"
+          >
+            <div
+              class="v-progress-linear__indeterminate"
+            >
+              
+              <div
+                class="v-progress-linear__indeterminate long"
+                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+              />
+              <div
+                class="v-progress-linear__indeterminate short"
+                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+              />
+              
+            </div>
+          </transition-stub>
+          <!---->
+        </div>
+      </div>
+      <!---->
+      <div
+        class="v-field__field"
+        data-no-activator=""
+      >
+        <!---->
+        <label
+          class="v-label v-field-label"
+          for="input-0"
+        >
+          <!---->
+          
+          <!---->
+          
+        </label>
+        
+        
+        <!---->
+        <div
+          class="v-field__input"
+          data-no-activator=""
+        >
+          
+          
+          
+          <!---->
+          <!---->
+          
+          
+          <div
+            class="v-select__selection"
+          >
+            
+            <span>
+              DE
+            </span>
+            
+          </div>
+          
+          
+          
+          <input
+            aria-describedby="input-0-messages"
+            aria-label="Öffnen"
+            id="input-0"
+            inputmode="none"
+            name="language"
+            size="1"
+            title="Öffnen"
+            type="text"
+          />
+        </div>
+        <!---->
+        
+        
+      </div>
+      <!---->
+      <div
+        class="v-field__append-inner"
+      >
+        
+        
+        <!---->
+        <i
+          aria-hidden="true"
+          class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+        />
+        
+        
+        <!---->
+      </div>
+      <div
+        class="v-field__outline"
+        style="color: #3D4753; caret-color: #3D4753;"
+      >
+        <!---->
+        <!---->
+      </div>
+    </div>
+    
+  </div>
+  <!---->
+  <!---->
+</div>
+`;

From bffea45fffe27565368d13e333afe3936965a85a Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 11:43:38 +0100
Subject: [PATCH 095/101] include jochens english translation

---
 presenter/src/locales/en.json | 188 +++++++++++++++++-----------------
 1 file changed, 94 insertions(+), 94 deletions(-)

diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 032a76e85..cbed34a5a 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -2,88 +2,88 @@
   "about": {},
   "dataProtection": {
     "euDispute": {
-      "content": "Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: https://ec.europa.eu/consumers/odr/. Unsere E-Mail Adresse finden Sie im Impressum.",
-      "headline": "EU-Streitschlichtung"
+      "content": "The European Commission provides a platform for online dispute resolution (OS): https://ec.europa.eu/consumers/odr/. You can find our e-mail address in the legal notice.",
+      "headline": "EU dispute settlement"
     },
     "general": {
       "city": "Kempten",
       "company": "DreamMall Verlag GbR",
-      "headline": "Allgemeiner Hinweis und Pflichtinformationen",
-      "infoEnd": "Die verantwortliche Stelle entscheidet allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z.B. Namen, Kontaktdaten o. Ä.).",
-      "infoStart": "Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:",
+      "headline": "General notice and mandatory information",
+      "infoEnd": "The controller decides alone or jointly with others on the purposes and means of processing personal data (e.g. names, contact details, etc.).",
+      "infoStart": "The controller responsible for data processing on this website is:",
       "person": "Sabine Laudien & Claudia Siebert",
       "street": "Rosenau 15",
       "zip": "DE-87437"
     },
-    "headline": "Datenschutzrichtlinie",
+    "headline": "Privacy policy",
     "processing": {
-      "content": "Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten können im Rahmen der Erfüllung des angebotenen Services an Dritte weitergegeben werden. Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.",
-      "headline": "Einwilligung zur Datenverarbeitung"
+      "content": "The use of our website is generally possible without providing personal data. If personal data (e.g. name, address or e-mail addresses) is collected on our website, this is always done on a voluntary basis as far as possible. This data may be passed on to third parties as part of the fulfillment of the service offered. We would like to point out that data transmission over the Internet (e.g. when communicating by e-mail) may be subject to security vulnerabilities. Complete protection of data against access by third parties is not possible.",
+      "headline": "Consent to the processing of data"
     },
     "revocation": {
-      "content": "Nur mit Ihrer ausdrücklichen Einwilligung sind einige Vorgänge der Datenverarbeitung möglich. Ein Widerruf Ihrer bereits erteilten Einwilligung ist jederzeit möglich. Für den Widerruf genügt eine formlose Mitteilung per E-Mail. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.",
-      "headline": "Widerruf Ihrer Einwilligung zur Datenverarbeitung"
+      "content": "Some data processing operations are only possible with your express consent. You can withdraw your consent at any time. An informal notification by e-mail is sufficient for the revocation. The legality of the data processing carried out until the revocation remains unaffected by the revocation.",
+      "headline": "Withdrawal of your consent to data processing"
     }
   },
   "error": {
     "404": {
-      "h1": "404 Seite nicht gefunden",
-      "text": "Diese Seite konnte nicht gefunden werden."
+      "h1": "404 Page not found",
+      "text": "This page could not be found."
     },
     "500": {
-      "h1": "500 Interner Fehler",
-      "text": "Etwas ist schief gegangen."
+      "h1": "500 Internal error",
+      "text": "Something went wrong."
     }
   },
   "home": {
     "aboutSection": {
-      "buttonTxt": "Persönlicher Kontakt",
-      "contentFirstParagraph": "Die DreamMall Plattform bietet Ihnen als Unternehmern, Unternehmergruppen sowie Jungunternehmern/Startups einen vertrauensvollen Raum der kreativen Vernetzung für Ihre Ideen und Projekte.",
-      "contentSecondParagraph": "Wir verwirklichen uns jetzt alle. Die DreamMall entwickelt sich mit jedem Einzelnen von uns für ein gemeinsames Wirtschaften und einer guten Lebensqualität. Unsere positive Energie vervielfältigt sich und gemeinsam blicken wir nur noch nach vorne. Weltweit!",
-      "headline": "Respektvolles Miteinander macht ALLES möglich."
+      "buttonTxt": "Personal contact",
+      "contentFirstParagraph": "The DreamMall platform offers you as entrepreneurs, groups of entrepreneurs and young entrepreneurs/start-ups a trustworthy space for creative networking for your ideas and projects.",
+      "contentSecondParagraph": "We are all realizing ourselves now. The DreamMall is developing with each and every one of us for a shared economy and a good quality of life. Our positive energy is multiplying and together we are only looking forward. Worldwide!",
+      "headline": "Respectful cooperation makes EVERYTHING possible."
     },
     "coffeeSection": {
-      "headline": "Ihre Zutaten",
-      "headlineAppend": "im Kaffee",
+      "headline": "Your ingredients",
+      "headlineAppend": "in coffee",
       "slide1": {
-        "headline": "Alle Funktionen die Sie brauchen.",
-        "subheadline": "Weltencafé"
+        "headline": "All the features you need.",
+        "subheadline": "World Cafe"
       },
       "slide2": {
-        "headline": "Digitale Vielfalt",
+        "headline": "Digital diversity",
         "subheadline": "Mall"
       },
       "slide3": {
-        "headline": "Erfolgreiche Projekte suchen Talente, Ressourcen und Arbeit.",
-        "subheadline": "Menschen und Projekte"
+        "headline": "Successful projects are looking for talent, resources and work.",
+        "subheadline": "Human and projects"
       }
     },
     "ctaSection": {
-      "buttonText": "weiter",
-      "content": "Seien Sie Teil des Anfangs einer aufregenden Veränderung! Hinterlassen Sie uns einfach Ihren Namen und Ihre E-Mail Adresse, um exklusive Angebote und umfassende Details vor der offiziellen Veröffentlichung zu erhalten. Verpassen Sie nicht die Gelegenheit, Teil unserer einzigartigen Community zu werden und von unseren besonderen Starter-Angeboten zu profitieren!",
-      "headline": "Veränderung",
-      "headlineAppend": "Schaffen"
+      "buttonText": "more",
+      "content": "Be part of the beginning of an exciting change! Simply leave us your name and email address to receive exclusive offers and full details before the official release. Don't miss the opportunity to become part of our unique community and benefit from our special starter offers!",
+      "headline": "Change",
+      "headlineAppend": "Create"
     },
     "introSection": {
-      "headline": "DreamMall von Menschen für Menschen geschaffen",
-      "preOrderBtn": "Mehr Informationen",
-      "subHeadline": "7 Tage kostenlos testen"
+      "headline": "DreamMall created by people for people",
+      "preOrderBtn": "More information",
+      "subHeadline": "7 days free trial"
     },
     "newsletterSection": {
-      "currentNewsletter": "Aktueller Newsletter",
+      "currentNewsletter": "Current newsletter",
       "headline": "Newsletter",
       "newsletterDownloadBtn": "Download",
       "newsletterForm": {
-        "email": "E-Mail Adresse",
-        "errorMsg": "Das hat leider nicht funktioniert! Bitte erneut probieren",
-        "firstname": "Vorname",
-        "lastname": "Nachname",
-        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unserer",
-        "privacyLinkLabel": "Datenschutzrichtlinie",
-        "submitBtn": "Absenden",
-        "successMsg": "E-Mail gesendet"
+        "email": "E-mail address",
+        "errorMsg": "Unfortunately this did not work! Please try again",
+        "firstname": "First name",
+        "lastname": "Last Name",
+        "privacy": "I consent to the storage of data for processing in accordance with the GDPR. You can find further information in our",
+        "privacyLinkLabel": "Privacy policy",
+        "submitBtn": "Send",
+        "successMsg": "Email sent"
       },
-      "subHeadline": "Immer auf dem laufenden bleiben"
+      "subHeadline": "Always stay up to date"
     },
     "planningSection": {
       "headline": "DreamMall Planning",
@@ -92,91 +92,91 @@
     "productsSection": {
       "firstColumn": {
         "headline": "Mall",
-        "text": "Wir erschaffen eine Welt, ein Platz des gemeinsamen Lebens und der Wirtschaft."
+        "text": "We are creating a world, a place of shared life and economy."
       },
       "headline": "DreamMall.",
       "headlineAppend": "Earth",
       "secondColumn": {
-        "headline": "Weltencafé",
-        "text": "Wir finden uns, verbinden uns, vertrauen uns und fördern uns."
+        "headline": "World Cafe",
+        "text": "We find each other, connect with each other, trust each other and support each other."
       },
       "thirdColumn": {
-        "headline": "Menschen und Projekte",
-        "text": "Ihr Talent ist wichtig für die Welt. Verwirklichen Sie Ihre Kreativität in die Realität."
+        "headline": "Human and projects",
+        "text": "Your talent is important for the world. Turn your creativity into reality."
       }
     }
   },
   "impress": {
     "consumerDispute": {
-      "content": "Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.",
-      "headline": "Verbraucherstreitbeilegung / Universalschlichtungsstelle"
+      "content": "We are not willing or obliged to participate in dispute resolution proceedings before a consumer arbitration board.",
+      "headline": "Consumer dispute resolution / universal arbitration board"
     },
     "contact": {
-      "additionalLaw": "Verantwortlich i.S.d. von § 18 MStV ist Sabine Laudien, Rosenau 15, 87437 Kempten.",
+      "additionalLaw": "Responsible according to § 18 MStV is Sabine Laudien, Rosenau 15, 87437 Kempten.",
       "email": "kontakt (at) dreammall.earth",
       "emailLabel": "E-Mail:",
-      "headline": "Kontakt",
-      "lawHeadline": "Angaben gemäß § 18 MStV",
+      "headline": "Contact",
+      "lawHeadline": "Information according to § 18 MStV",
       "telefax": "+49 (0) 123 44 55 99",
-      "telefaxLabel": "Telefax:",
+      "telefaxLabel": "Fax:",
       "telephone": "+49 (0) 123 44 55 66",
-      "telephoneLabel": "Telefon:"
+      "telephoneLabel": "Phone:"
     },
     "copyright": {
-      "content": "Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.",
-      "headline": "Urheberrecht"
+      "content": "Insofar as the content on this site was not created by the operator, the copyrights of third parties are respected. In particular, third-party content is identified as such. Should you nevertheless become aware of a copyright infringement, please inform us accordingly. If we become aware of any infringements, we will remove such content immediately.",
+      "headline": "Copyright"
     },
     "data": {
-      "additional": "Gebäude 44",
+      "additional": "Building 44",
       "city": "Kempten",
-      "court": "Amtsgericht Musterstadt",
-      "courtLabel": "Registergericht:",
-      "headline": "Angaben gemäß § 5 TMG",
+      "court": "District Court of Musterstadt",
+      "courtLabel": "Register court:",
+      "headline": "Information according to § 5 TMG",
       "name": "DreamMall Verlag GbR",
       "person1": "Sabine Laudien",
       "person2": "Claudia Siebert",
-      "personHeadline": "vertreten durch die Gesellschafter",
+      "personHeadline": "represented by the shareholders",
       "register": "HRB 999999",
-      "registerLabel": "Handelsregister:",
+      "registerLabel": "Commercial register:",
       "street": "Rosenau 15",
       "zip": "DE-87437"
     },
-    "headline": "Impressum",
+    "headline": "Commercial register",
     "legalDisclaimer": {
-      "content": "Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt.",
-      "headline": "Rechtswirksamkeit dieses Haftungsausschlusses"
+      "content": "This disclaimer is to be regarded as part of the internet publication which you were referred from. If sections or individual terms of this statement are not legal or correct, the content or validity of the other parts remain uninfluenced by this fact.",
+      "headline": "Legal validity of this disclaimer"
     },
     "liabilityContent": {
-      "content": "Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.",
-      "headline": "Haftung für Inhalte"
+      "content": "The contents of our pages have been created with the greatest care. However, we cannot assume any liability for the accuracy, completeness and topicality of the content. As a service provider, we are responsible for our own content on these pages in accordance with § 7 para. 1 TMG (German Telemedia Act) and general laws. According to §§ 8 to 10 TMG, however, we as a service provider are not obliged to monitor transmitted or stored third-party information or to investigate circumstances that indicate illegal activity. Obligations to remove or block the use of information in accordance with general legislation remain unaffected by this. However, liability in this respect is only possible from the time of knowledge of a specific infringement. As soon as we become aware of such infringements, we will remove this content immediately.",
+      "headline": "Liability for contents"
     },
     "liabilityLinks": {
-      "content": "Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.",
-      "headline": "Haftung für Links"
+      "content": "Our website contains links to external third-party websites over whose content we have no influence. Therefore, we cannot accept any liability for this third-party content. The respective provider or operator of the pages is always responsible for the content of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal content was not recognizable at the time of linking. However, permanent monitoring of the content of the linked pages is not reasonable without concrete evidence of an infringement. If we become aware of any legal infringements, we will remove such links immediately.",
+      "headline": "Liability for links"
     },
     "tax": {
-      "content": "Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:",
-      "headline": "Umsatzsteuer-ID",
+      "content": "Sales tax identification number according to § 27 a sales tax law:",
+      "headline": "Sales tax ID",
       "id": "DE999999999"
     }
   },
   "menu": {
     "eMail": "E-Mail",
     "footer": {
-      "contact": "Kontaktieren Sie uns",
+      "contact": "Get in touch with us",
       "contactForm": {
-        "errorMsg": "Das hat leider nicht funktioniert! Bitte erneut probieren",
-        "firstName": "Vorname",
-        "lastName": "Nachname",
-        "mail": "E-Mail Adresse",
-        "message": "Fragen Sie uns einfach …",
-        "privacy": "Ich stimme der Speicherung der Daten zur Verarbeitung im Sinne der DSGVO zu. Weitere Informationen finden Sie in unserer",
-        "privacyLinkLabel": "Datenschutzrichtlinie",
-        "submitBtn": "Absenden",
-        "successMsg": "E-Mail gesendet",
-        "topic": "Thema"
+        "errorMsg": "Unfortunately this did not work! Please try again",
+        "firstName": "First name",
+        "lastName": "Last name",
+        "mail": "E-mail address",
+        "message": "Simply ask us ...",
+        "privacy": "I consent to the storage of data for processing in accordance with the GDPR. You can find further information in our",
+        "privacyLinkLabel": "Privacy policy",
+        "submitBtn": "Send",
+        "successMsg": "Email sent",
+        "topic": "Topic"
       },
-      "cookies": "Cookie Optionen",
+      "cookies": "Cookie options",
       "home": "Home",
       "humansAndProjects": "Human and Projects",
       "impress": "Impressum",
@@ -184,33 +184,33 @@
       "mall": "Mall",
       "newsletter": "Newsletter",
       "planing": "DreamMall Planning",
-      "privacy": "Datenschutzrichtlinien",
-      "privacyHeadline": "Datenschutz",
+      "privacy": "Privacy policy",
+      "privacyHeadline": "Data protection",
       "sitemap": "Sitemap",
       "socialHeadline": "Social Media",
       "telegram": "Telegram",
       "worldCoffeeHouse": "World Coffee House"
     },
     "header": {
-      "about": "über",
-      "contact": "kontakt",
-      "newsletter": "Newsletter abonnieren",
+      "about": "about",
+      "contact": "contact",
+      "newsletter": "Subscribe to our newsletter",
       "products": "products",
       "sitemap": "Sitemap"
     }
   },
   "optin": {
     "error": {
-      "link": "Erneut eintragen",
-      "text": "Bei der Bestätigung ist ein Fehler aufgetreten. Bitte tragen Sie sich erneut in den Newsletter ein."
+      "link": "Register again",
+      "text": "An error occurred during confirmation. Please subscribe to the newsletter again."
     },
     "success": {
-      "text": "Sie haben Ihr Newsletterabbonoment erfolgreich bestätigt. Sie werden in Kürze auf die Startseite weitergeleitet."
+      "text": "You have successfully confirmed your newsletter subscription. You will be redirected to the start page shortly."
     }
   },
   "validation": {
-    "fieldNoEmail": "Dieses Feld muss eine Email-Adresse sein",
-    "fieldRequired": "Dieses Feld wird benötigt",
-    "fieldTooLong": "Dieses Feld ist zu lang"
+    "fieldNoEmail": "This field must be an email address",
+    "fieldRequired": "This field is required",
+    "fieldTooLong": "This field is too long"
   }
 }

From c0193a464623656123d65437a64a4b2ffad0ff75 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 12:02:05 +0100
Subject: [PATCH 096/101] update dorny/paths-filter

---
 .github/workflows/presenter.test.build.code.yml      | 2 +-
 .github/workflows/presenter.test.build.docs.yml      | 2 +-
 .github/workflows/presenter.test.build.storybook.yml | 2 +-
 .github/workflows/presenter.test.lint.code.yml       | 2 +-
 .github/workflows/presenter.test.unit.code.yml       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/presenter.test.build.code.yml b/.github/workflows/presenter.test.build.code.yml
index 675110e6c..3f8f803f0 100644
--- a/.github/workflows/presenter.test.build.code.yml
+++ b/.github/workflows/presenter.test.build.code.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3.3.0
 
       - name: Check for presenter file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/presenter.test.build.docs.yml b/.github/workflows/presenter.test.build.docs.yml
index 7b74ca27e..05a4ec228 100644
--- a/.github/workflows/presenter.test.build.docs.yml
+++ b/.github/workflows/presenter.test.build.docs.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3.3.0
 
       - name: Check for presenter file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/presenter.test.build.storybook.yml b/.github/workflows/presenter.test.build.storybook.yml
index 57e502bc7..1ba3247cf 100644
--- a/.github/workflows/presenter.test.build.storybook.yml
+++ b/.github/workflows/presenter.test.build.storybook.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3.3.0
 
       - name: Check for presenter file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/presenter.test.lint.code.yml b/.github/workflows/presenter.test.lint.code.yml
index 41378aef1..4c56d74aa 100644
--- a/.github/workflows/presenter.test.lint.code.yml
+++ b/.github/workflows/presenter.test.lint.code.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3.3.0
 
       - name: Check for presenter file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}
diff --git a/.github/workflows/presenter.test.unit.code.yml b/.github/workflows/presenter.test.unit.code.yml
index 20afce763..f2961a08f 100644
--- a/.github/workflows/presenter.test.unit.code.yml
+++ b/.github/workflows/presenter.test.unit.code.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3.3.0
 
       - name: Check for presenter file changes
-        uses: dorny/paths-filter@v2.11.1
+        uses: dorny/paths-filter@v3.0.0
         id: changes
         with:
           token: ${{ github.token }}

From c93df387f25baf44a3d9d521a60297b88b906142 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 12:02:14 +0100
Subject: [PATCH 097/101] new snapshot for header menu

---
 .../__snapshots__/HeaderMenu.test.ts.snap     | 477 ++++++++++++++++++
 1 file changed, 477 insertions(+)

diff --git a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
index dcaa2a21c..fa584d031 100644
--- a/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
+++ b/presenter/src/components/menu/__snapshots__/HeaderMenu.test.ts.snap
@@ -1,5 +1,482 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`HeaderMenu > renders 1`] = `
+<div
+  class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"
+>
+  <div
+    class="v-application__wrap"
+  >
+    
+    <div
+      class="topmenu"
+      data-v-5e2a2776=""
+    >
+      <header
+        class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr v-app-bar"
+        data-v-5e2a2776=""
+        style="top: 0px; z-index: 1006; transform: translateY(0%); position: fixed; background-color: #f5f5f5; color: #000; caret-color: #000; left: 0px; width: calc(100% - 0px - 0px);"
+      >
+        <!---->
+        
+        <div
+          class="v-toolbar__content"
+          style="height: 64px;"
+        >
+          <!---->
+          <!---->
+          
+          <div
+            class="v-row"
+            data-v-5e2a2776=""
+          >
+            <div
+              class="v-col d-flex align-center"
+              data-v-5e2a2776=""
+            >
+              <a
+                class="w-100 ml-8"
+                data-v-5e2a2776=""
+                href="/"
+              >
+                <div
+                  class="v-responsive v-img v-img--booting w-100 logo-medium"
+                  data-v-5e2a2776=""
+                  data-v-916aa5dc=""
+                >
+                  <div
+                    class="v-responsive__sizer"
+                  />
+                  
+                  
+                  <!---->
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <!---->
+                  </transition-stub>
+                  <!---->
+                  <!---->
+                  <!---->
+                  
+                  
+                  <!---->
+                </div>
+              </a>
+            </div>
+            <div
+              class="v-col d-none d-md-flex align-center justify-center grow"
+              data-v-5e2a2776=""
+            >
+              <!-- TODO same as below: refactor -->
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#about"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.about')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#products"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.products')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+              <a
+                class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link mx-4"
+                data-v-1925b644=""
+                data-v-5e2a2776=""
+                href="/#contactname"
+              >
+                
+                <span
+                  class="v-btn__overlay"
+                />
+                <span
+                  class="v-btn__underlay"
+                />
+                
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  
+                  
+                  $t('menu.header.contact')
+                  
+                  
+                </span>
+                <!---->
+                <!---->
+              </a>
+            </div>
+            <div
+              class="v-col d-flex justify-end"
+              data-v-5e2a2776=""
+            >
+              <div
+                class="d-flex align-center mr-0 mr-md-8 language-column"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected v-select--selection-slot language-select"
+                  data-v-5e2a2776=""
+                >
+                  <!---->
+                  <div
+                    class="v-input__control"
+                  >
+                    
+                    <div
+                      aria-expanded="false"
+                      aria-haspopup="listbox"
+                      aria-owns="v-menu-6"
+                      class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--flat v-field--has-background v-field--no-label v-field--variant-solo v-theme--light bg-transparent v-locale--is-ltr"
+                      role="combobox"
+                    >
+                      <div
+                        class="v-field__overlay"
+                      />
+                      <div
+                        class="v-field__loader"
+                      >
+                        <div
+                          aria-hidden="true"
+                          aria-valuemax="100"
+                          aria-valuemin="0"
+                          class="v-progress-linear v-theme--light v-locale--is-ltr"
+                          role="progressbar"
+                          style="top: 0px; height: 0px; --v-progress-linear-height: 2px; left: 50%; transform: translateX(-50%);"
+                        >
+                          <!---->
+                          <div
+                            class="v-progress-linear__background"
+                            style="background-color: #3D4753; color: #fff; caret-color: #fff; width: 100%;"
+                          />
+                          <transition-stub
+                            appear="false"
+                            css="true"
+                            name="fade-transition"
+                            persisted="false"
+                          >
+                            <div
+                              class="v-progress-linear__indeterminate"
+                            >
+                              
+                              <div
+                                class="v-progress-linear__indeterminate long"
+                                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                              />
+                              <div
+                                class="v-progress-linear__indeterminate short"
+                                style="background-color: #3D4753; color: #fff; caret-color: #fff;"
+                              />
+                              
+                            </div>
+                          </transition-stub>
+                          <!---->
+                        </div>
+                      </div>
+                      <!---->
+                      <div
+                        class="v-field__field"
+                        data-no-activator=""
+                      >
+                        <!---->
+                        <label
+                          class="v-label v-field-label"
+                          for="input-4"
+                        >
+                          <!---->
+                          
+                          <!---->
+                          
+                        </label>
+                        
+                        
+                        <!---->
+                        <div
+                          class="v-field__input"
+                          data-no-activator=""
+                        >
+                          
+                          
+                          
+                          <!---->
+                          <!---->
+                          
+                          
+                          <div
+                            class="v-select__selection"
+                          >
+                            
+                            <span>
+                              DE
+                            </span>
+                            
+                          </div>
+                          
+                          
+                          
+                          <input
+                            aria-describedby="input-4-messages"
+                            aria-label="Öffnen"
+                            id="input-4"
+                            inputmode="none"
+                            name="language"
+                            size="1"
+                            title="Öffnen"
+                            type="text"
+                          />
+                        </div>
+                        <!---->
+                        
+                        
+                      </div>
+                      <!---->
+                      <div
+                        class="v-field__append-inner"
+                      >
+                        
+                        
+                        <!---->
+                        <i
+                          aria-hidden="true"
+                          class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon"
+                        />
+                        
+                        
+                        <!---->
+                      </div>
+                      <div
+                        class="v-field__outline"
+                        style="color: #3D4753; caret-color: #3D4753;"
+                      >
+                        <!---->
+                        <!---->
+                      </div>
+                    </div>
+                    
+                  </div>
+                  <!---->
+                  <!---->
+                </div>
+              </div>
+              <div
+                class="d-flex d-md-none align-center justify-end mr-8 mobile-column"
+                data-v-5e2a2776=""
+              >
+                <div
+                  class="v-responsive v-img v-img--booting mobile-menu-icon w-100"
+                  data-v-5e2a2776=""
+                >
+                  <div
+                    class="v-responsive__sizer"
+                  />
+                  
+                  
+                  <!---->
+                  <transition-stub
+                    appear="false"
+                    css="true"
+                    name="fade-transition"
+                    persisted="false"
+                  >
+                    <!---->
+                  </transition-stub>
+                  <!---->
+                  <!---->
+                  <!---->
+                  
+                  
+                  <!---->
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!---->
+        </div>
+        
+        
+        <transition-stub
+          appear="false"
+          css="true"
+          name="expand-transition"
+          persisted="false"
+        >
+          <!---->
+        </transition-stub>
+        
+      </header>
+      
+      <nav
+        class="v-navigation-drawer v-navigation-drawer--right v-navigation-drawer--temporary v-theme--light v-navigation-drawer--mobile nav-drawer d-flex d-md-none"
+        data-v-5e2a2776=""
+        style="background-color: #f5f5f5; color: #000; caret-color: #000; right: 0px; z-index: 1004; transform: translateX(110%); position: fixed; height: calc(100% - 64px - 0px); top: 64px; bottom: 0px; width: 256px;"
+      >
+        <!---->
+        <!---->
+        <div
+          class="v-navigation-drawer__content"
+        >
+          
+          <div
+            class="d-flex flex-column py-8"
+            data-v-5e2a2776=""
+          >
+            <!-- TODO same as above: refactor -->
+            <a
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+              data-v-1925b644=""
+              data-v-5e2a2776=""
+              href="/#about"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.header.about')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </a>
+            <a
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+              data-v-1925b644=""
+              data-v-5e2a2776=""
+              href="/#products"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.header.products')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </a>
+            <a
+              class="v-btn v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-plain anchor-link ma-4"
+              data-v-1925b644=""
+              data-v-5e2a2776=""
+              href="/#contactname"
+            >
+              
+              <span
+                class="v-btn__overlay"
+              />
+              <span
+                class="v-btn__underlay"
+              />
+              
+              <!---->
+              <span
+                class="v-btn__content"
+                data-no-activator=""
+              >
+                
+                
+                $t('menu.header.contact')
+                
+                
+              </span>
+              <!---->
+              <!---->
+            </a>
+          </div>
+          
+        </div>
+        <!---->
+      </nav>
+      <transition-stub
+        appear="false"
+        css="true"
+        name="fade-transition"
+        persisted="false"
+      >
+        <!---->
+      </transition-stub>
+      
+    </div>
+    
+  </div>
+</div>
+`;
+
 exports[`HeaderMenu > renders three columns 1`] = `
 <div
   class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr"

From c830f26dd6f6c360113fe7a07da716771bfa61e8 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 12:02:25 +0100
Subject: [PATCH 098/101] deleted unused data

---
 presenter/src/pages/about/+title.ts | 1 -
 presenter/src/pages/app/+title.ts   | 1 -
 2 files changed, 2 deletions(-)
 delete mode 100644 presenter/src/pages/about/+title.ts
 delete mode 100644 presenter/src/pages/app/+title.ts

diff --git a/presenter/src/pages/about/+title.ts b/presenter/src/pages/about/+title.ts
deleted file mode 100644
index 1fdc69698..000000000
--- a/presenter/src/pages/about/+title.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const title = 'IT4C | About'
diff --git a/presenter/src/pages/app/+title.ts b/presenter/src/pages/app/+title.ts
deleted file mode 100644
index 9c85becd8..000000000
--- a/presenter/src/pages/app/+title.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const title = 'IT4C | App'

From a7da50c46cfc224f9b1a7489a4a89640cf9416e9 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 12:08:20 +0100
Subject: [PATCH 099/101] Update presenter/src/locales/en.json

Co-authored-by: Hannes Heine <heine.hannes@gmail.com>
---
 presenter/src/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index cbed34a5a..069cc0c9a 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -55,7 +55,7 @@
       },
       "slide3": {
         "headline": "Successful projects are looking for talent, resources and work.",
-        "subheadline": "Human and projects"
+        "subheadline": "Humans and projects"
       }
     },
     "ctaSection": {

From 942368729e8017e298047517a752ff42de5633fc Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 12:13:03 +0100
Subject: [PATCH 100/101] corrected some english

---
 presenter/src/locales/en.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index 069cc0c9a..c8c4e44e7 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -43,8 +43,8 @@
       "headline": "Respectful cooperation makes EVERYTHING possible."
     },
     "coffeeSection": {
-      "headline": "Your ingredients",
-      "headlineAppend": "in coffee",
+      "headline": "The ingredients",
+      "headlineAppend": "for your coffee",
       "slide1": {
         "headline": "All the features you need.",
         "subheadline": "World Cafe"

From 43eec15f1a882f0f323d4d8f10e7ab3e60a0cfdb Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 2 Feb 2024 12:12:37 +0100
Subject: [PATCH 101/101] Update presenter/src/locales/en.json

Co-authored-by: Hannes Heine <heine.hannes@gmail.com>
---
 presenter/src/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presenter/src/locales/en.json b/presenter/src/locales/en.json
index c8c4e44e7..17c02c40d 100644
--- a/presenter/src/locales/en.json
+++ b/presenter/src/locales/en.json
@@ -101,7 +101,7 @@
         "text": "We find each other, connect with each other, trust each other and support each other."
       },
       "thirdColumn": {
-        "headline": "Human and projects",
+        "headline": "Humans and projects",
         "text": "Your talent is important for the world. Turn your creativity into reality."
       }
     }