diff --git a/presenter/src/pages/silent-refresh/+Page.vue b/presenter/src/pages/silent-refresh/+Page.vue
index 441d14f32..708ea5e39 100644
--- a/presenter/src/pages/silent-refresh/+Page.vue
+++ b/presenter/src/pages/silent-refresh/+Page.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import { navigate } from 'vike/client/router';
+import { navigate } from 'vike/client/router'
 import { inject, onBeforeMount } from 'vue'
 
 import DefaultLayout from '#layouts/DefaultLayout.vue'
diff --git a/presenter/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap b/presenter/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap
new file mode 100644
index 000000000..91711cba2
--- /dev/null
+++ b/presenter/src/pages/silent-refresh/__snapshots__/Page.test.ts.snap
@@ -0,0 +1,1456 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`SilentRefreshPage > 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=""
+      data-v-a3d38914=""
+      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 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>
+                <!--v-if-->
+                <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: 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 auth-page py-12"
+              data-v-a3d38914=""
+            >
+              $t('auth.content')
+            </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-20"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-20"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.lastName')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-20-messages"
+                                  class="v-field__input"
+                                  id="input-20"
+                                  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-22"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-22"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.mail')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <input
+                                  aria-describedby="input-22-messages"
+                                  class="v-field__input"
+                                  id="input-22"
+                                  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-24"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                <label
+                                  class="v-label v-field-label"
+                                  for="input-24"
+                                >
+                                  <!---->
+                                  
+                                  $t('menu.footer.contactForm.message')
+                                  
+                                </label>
+                                
+                                
+                                <!---->
+                                <textarea
+                                  aria-describedby="input-24-messages"
+                                  class="v-field__input"
+                                  id="input-24"
+                                  name="message"
+                                  required=""
+                                  rows="5"
+                                />
+                                <!---->
+                                <!---->
+                                
+                                
+                              </div>
+                              <!---->
+                              <!---->
+                              <div
+                                class="v-field__outline"
+                              >
+                                <!---->
+                                <!---->
+                              </div>
+                            </div>
+                            
+                          </div>
+                          <!---->
+                          <div
+                            class="v-input__details"
+                          >
+                            <transition-stub
+                              appear="false"
+                              aria-live="polite"
+                              class="v-messages"
+                              css="true"
+                              id="input-24-messages"
+                              name="slide-y-transition"
+                              persisted="false"
+                              role="alert"
+                              tag="div"
+                            >
+                              <!---->
+                            </transition-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-26-messages"
+                                    aria-disabled="false"
+                                    id="checkbox-26"
+                                    name="dataprivacy"
+                                    required=""
+                                    type="checkbox"
+                                    value="true"
+                                  />
+                                  
+                                </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>
+`;