diff --git a/.nvmrc b/.nvmrc
index 016e34ba..dc0bb0f4 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v20.17.0
+v22.12.0
diff --git a/app/components/ch/components/Badge.vue b/app/components/ch/components/Badge.vue
index 2f13b35a..caafda4e 100644
--- a/app/components/ch/components/Badge.vue
+++ b/app/components/ch/components/Badge.vue
@@ -20,8 +20,8 @@
 </template>
 
 <script setup lang="ts">
-import SvgIcon from '../components/SvgIcon.vue'
-import { computed, type PropType } from 'vue'
+import { computed, type PropType } from 'vue';
+import SvgIcon from '../components/SvgIcon.vue';
 
 const props = defineProps({
   label: {
@@ -59,10 +59,6 @@ const props = defineProps({
     type: String,
     default: () => undefined,
   },
-  highlightCancel: {
-    type: Boolean,
-    default: () => false,
-  },
   iconLeft: {
     type: String,
     default: () => undefined,
diff --git a/app/components/ch/sections/MobileMenuV2.vue b/app/components/ch/sections/MobileMenuV2.vue
index 26752e88..e4dfe33f 100644
--- a/app/components/ch/sections/MobileMenuV2.vue
+++ b/app/components/ch/sections/MobileMenuV2.vue
@@ -10,7 +10,6 @@
     v-else
     id="mobile-menu-id"
     class="mobile-menu-v2"
-    :class="isOpen ? 'mobile-menu-v2--is-open' : ''"
   >
     <div id="mobile-menu-header" class="mobile-menu-v2-header">
       <div
@@ -53,63 +52,65 @@
           id="mobile-menu-v2__level-0"
           class="mobile-menu-v2__level mobile-menu-v2__level-0"
         >
-          <ul class="mobile-menu-v2-navigation">
-            <li>
-              <a href="javascript:alert('link')">
-                <span>News</span>
-              </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link)">
-                <span>Geodaten</span>
-              </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')">
-                <span>Karten</span>
-              </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')">
-                <span>Geoportale</span>
-              </a>
-            </li>
-            <li>
-              <a
-                href="javascript:void(0)"
-                role="button"
-                aria-current="true"
-                class="mobile-menu-v2-navigation-item__has-children active"
-                @click="showLevel(1)"
-              >
-                <span>Dienstleistungen</span>
-                <SvgIcon icon="ArrowRight" size="lg" />
-              </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')"> Forschung und Lehre </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')"> Über geo.admin.ch </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')"> test1 </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')"> test2 </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')"> test3 </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')"> Extra mainmenu example </a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')">
-                Try to limit mainmenus to 5
-              </a>
-            </li>
-          </ul>
+          <nav aria-label="Main">
+            <ul class="mobile-menu-v2-navigation">
+              <li>
+                <a href="javascript:alert('link')">
+                  <span>News</span>
+                </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link)">
+                  <span>Geodaten</span>
+                </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')">
+                  <span>Karten</span>
+                </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')">
+                  <span>Geoportale</span>
+                </a>
+              </li>
+              <li>
+                <a
+                  href="javascript:void(0)"
+                  role="button"
+                  aria-current="true"
+                  class="mobile-menu-v2-navigation-item__has-children active"
+                  @click="showLevel(1)"
+                >
+                  <span>Dienstleistungen</span>
+                  <SvgIcon icon="ArrowRight" size="lg" />
+                </a>
+              </li>
+              <li>  
+                <a href="javascript:alert('link')"> Forschung und Lehre </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')"> Über geo.admin.ch </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')"> test1 </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')"> test2 </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')"> test3 </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')"> Extra mainmenu example </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')">
+                  Try to limit mainmenus to 5
+                </a>
+              </li>
+            </ul>
+          </nav>
           <MetaNavigationMobile />
           <TopBarNavigation :isMobileMenu="true" />
         </div>
@@ -118,31 +119,39 @@
           id="mobile-menu-v2__level-1"
           class="mobile-menu-v2__level mobile-menu-v2__level-1"
         >
-          <ul class="mobile-menu-v2-navigation">
-            <li>
-              <a href="javascript:alert('link')">Überblick</a>
-            </li>
-            <li><a href="javascript:alert('link')">Datenmodellablage</a></li>
-            <li>
-              <a
-                href="javascript:void(0)"
-                role="button"
-                aria-current="true"
-                class="mobile-menu-v2-navigation-item__has-children active"
-                @click="showLevel(2)"
-                ><span>Geodienste</span> <SvgIcon icon="ArrowRight" size="lg"
-              /></a>
-            </li>
-            <li><a href="javascript:alert('link')">Geodatenmodelle</a></li>
-            <li><a href="javascript:alert('link')">FAQ</a></li>
-            <li>
-              <a href="javascript:alert('link')">Koordinatenreferenzsysteme</a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')">Geografische Bezeichnungen</a>
-            </li>
-            <li><a href="javascript:alert('link')">Verwaltungseinheiten</a></li>
-          </ul>
+          <nav aria-label="Main">
+            <ul class="mobile-menu-v2-navigation">
+              <li>
+                <a href="javascript:alert('link')">Überblick</a>
+              </li>
+              <li><a href="javascript:alert('link')">Datenmodellablage</a></li>
+              <li>
+                <a
+                  href="javascript:void(0)"
+                  role="button"
+                  aria-current="true"
+                  class="mobile-menu-v2-navigation-item__has-children active"
+                  @click="showLevel(2)"
+                  ><span>Geodienste</span> <SvgIcon icon="ArrowRight" size="lg"
+                /></a>
+              </li>
+              <li><a href="javascript:alert('link')">Geodatenmodelle</a></li>
+              <li><a href="javascript:alert('link')">FAQ</a></li>
+              <li>
+                <a href="javascript:alert('link')"
+                  >Koordinatenreferenzsysteme</a
+                >
+              </li>
+              <li>
+                <a href="javascript:alert('link')"
+                  >Geografische Bezeichnungen</a
+                >
+              </li>
+              <li>
+                <a href="javascript:alert('link')">Verwaltungseinheiten</a>
+              </li>
+            </ul>
+          </nav>
           <MetaNavigationMobile />
           <TopBarNavigation :isMobileMenu="true" />
         </div>
@@ -151,40 +160,42 @@
           id="mobile-menu-v2__level-2"
           class="mobile-menu-v2__level mobile-menu-v2__level-2"
         >
-          <ul class="mobile-menu-v2-navigation">
-            <li>
-              <a href="javascript:alert('link')">Überblick</a>
-            </li>
-            <li>
-              <a
-                href="javascript:void(0)"
-                aria-current="true"
-                class="mobile-menu-v2-navigation-item__has-children"
-                @click="showLevel(3)"
-                ><span>Darstellungsdienste</span>
-                <SvgIcon icon="ArrowRight" size="lg"
-              /></a>
-            </li>
-            <li><a href="javascript:alert('link')">Download-Dienste</a></li>
-            <li>
-              <a href="javascript:alert('link')" class="active"
-                >Linked Data Dienst: GeoDaten semantisch verlinken</a
-              >
-            </li>
-            <li>
-              <a href="javascript:alert('link')"
-                >Allgemeine Nutzungsbedingungen und Betriebsbestimmungen der
-                Bundes Geodaten-Infrastruktur BGDI</a
-              >
-            </li>
-            <li><a href="javascript:alert('link')">Suchdienst CSW</a></li>
-            <li>
-              <a href="javascript:alert('link')"
-                >Konformitätsprüfung Geobasisdienste nach eCH-0056</a
-              >
-            </li>
-            <li><a href="javascript:alert('link')">INSPIRE Dienste</a></li>
-          </ul>
+          <nav aria-label="Main">
+            <ul class="mobile-menu-v2-navigation">
+              <li>
+                <a href="javascript:alert('link')">Überblick</a>
+              </li>
+              <li>
+                <a
+                  href="javascript:void(0)"
+                  aria-current="true"
+                  class="mobile-menu-v2-navigation-item__has-children"
+                  @click="showLevel(3)"
+                  ><span>Darstellungsdienste</span>
+                  <SvgIcon icon="ArrowRight" size="lg"
+                /></a>
+              </li>
+              <li><a href="javascript:alert('link')">Download-Dienste</a></li>
+              <li>
+                <a href="javascript:alert('link')" class="active"
+                  >Linked Data Dienst: GeoDaten semantisch verlinken</a
+                >
+              </li>
+              <li>
+                <a href="javascript:alert('link')"
+                  >Allgemeine Nutzungsbedingungen und Betriebsbestimmungen der
+                  Bundes Geodaten-Infrastruktur BGDI</a
+                >
+              </li>
+              <li><a href="javascript:alert('link')">Suchdienst CSW</a></li>
+              <li>
+                <a href="javascript:alert('link')"
+                  >Konformitätsprüfung Geobasisdienste nach eCH-0056</a
+                >
+              </li>
+              <li><a href="javascript:alert('link')">INSPIRE Dienste</a></li>
+            </ul>
+          </nav>
           <MetaNavigationMobile />
           <TopBarNavigation :isMobileMenu="true" />
         </div>
@@ -193,22 +204,28 @@
           id="mobile-menu-v2__level-3"
           class="mobile-menu-v2__level mobile-menu-v2__level-3"
         >
-          <ul class="mobile-menu-v2-navigation">
-            <li>
-              <a href="javascript:alert('link')">Überblick</a>
-            </li>
-            <li>
-              <a href="javascript:alert('link')" aria-current="page">
-                Web Map Services
-              </a>
-            </li>
-            <li><a href="javascript:alert('link')">Web tiling Services</a></li>
-            <li><a href="javascript:alert('link')">Vector Tiles Service</a></li>
-            <li>
-              <a href="javascript:alert('link')">Web Integration: iFrame</a>
-            </li>
-            <li><a href="javascript:alert('link')">FAQ API</a></li>
-          </ul>
+          <nav aria-label="Main">
+            <ul class="mobile-menu-v2-navigation">
+              <li>
+                <a href="javascript:alert('link')">Überblick</a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')" aria-current="page">
+                  Web Map Services
+                </a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')">Web tiling Services</a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')">Vector Tiles Service</a>
+              </li>
+              <li>
+                <a href="javascript:alert('link')">Web Integration: iFrame</a>
+              </li>
+              <li><a href="javascript:alert('link')">FAQ API</a></li>
+            </ul>
+          </nav>
           <MetaNavigationMobile />
           <TopBarNavigation :isMobileMenu="true" />
         </div>
@@ -225,7 +242,7 @@ import CarouselNavigation from '../navigations/CarouselNavigation.vue'
 import MetaNavigationMobile from '../navigations/MobileMetaNavigation.vue'
 import TopBarNavigation from '../navigations/TopBarNavigation.vue'
 import { v4 as uuidv4 } from 'uuid'
-import { reactive, ref, watch, onMounted, nextTick } from 'vue'
+import { reactive, ref, onMounted, nextTick } from 'vue'
 
 const carouselNavId = ref('')
 const useStickyPlaceholder = ref(false)
@@ -237,7 +254,6 @@ const menuTitles = reactive([
   'Geodienste',
   'Darstellungsdienste',
 ])
-const canNavigateBack = ref(true)
 
 const props = defineProps({
   isSticky: {
@@ -248,10 +264,6 @@ const props = defineProps({
     type: Boolean,
     default: () => false,
   },
-  isOpen: {
-    type: Boolean,
-    default: () => false,
-  },
 })
 
 const handleHeaderPlaceholder = function () {
@@ -272,12 +284,6 @@ const scrollToTop = function () {
 }
 
 const showLevel = async function (level: number) {
-  if (level === 0) {
-    canNavigateBack.value = false
-  } else {
-    canNavigateBack.value = true
-  }
-
   currentLevel.value = level
   document.body.classList.remove(
     'show-level-0',
@@ -332,13 +338,6 @@ const handleScroll = function () {
   }
 }
 
-watch(
-  () => props.isOpen,
-  () => {
-    if (props.isOpen) scrollToTop()
-  },
-)
-
 onMounted(() => {
   if (props.isSticky) {
     window.addEventListener('scroll', handleScroll)
diff --git a/app/components/ch/sections/TopBar.vue b/app/components/ch/sections/TopBar.vue
index db199fe6..21411a7b 100644
--- a/app/components/ch/sections/TopBar.vue
+++ b/app/components/ch/sections/TopBar.vue
@@ -22,7 +22,6 @@
             :iconLeft="computedAccessibilityIcon"
             :label="computedAccessibilityBadgeLabel"
             size="base"
-            :highlightCancel="true"
           />
           <TopBarNavigation v-if="!isEasyLanguage && !isSignLanguage" />
           <LanguageSwitcher type="negative" />
@@ -350,12 +349,12 @@
 </template>
 
 <script setup lang="ts">
+import { computed, nextTick, onMounted, ref } from 'vue'
 import Badge from '../components/Badge.vue'
 import Btn from '../components/Btn.vue'
 import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import SvgIcon from '../components/SvgIcon.vue'
 import TopBarNavigation from '../navigations/TopBarNavigation.vue'
-import { ref, computed, onMounted, nextTick } from 'vue'
 
 const filterString = ref('')
 const useStickyPlaceholder = ref(false)
diff --git a/app/components/ch/sections/TopHeader.vue b/app/components/ch/sections/TopHeader.vue
index 90865e3e..dfe06e19 100644
--- a/app/components/ch/sections/TopHeader.vue
+++ b/app/components/ch/sections/TopHeader.vue
@@ -67,15 +67,15 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { useLayoutStore } from '../../../store/layout'
 import Burger from '../components/Burger.vue'
+import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import Logo from '../components/Logo.vue'
 import SearchMain from '../components/SearchMain.vue'
-import LanguageSwitcher from '../components/LanguageSwitcher.vue'
 import ShoppingCartButton from '../components/ShoppingCartButton.vue'
 import SvgIcon from '../components/SvgIcon.vue'
 import MetaNavigation from '../navigations/MetaNavigation.vue'
-import { ref, onMounted } from 'vue'
-import { useLayoutStore } from '../../../store/layout'
 
 const layoutStore = useLayoutStore()
 
diff --git a/css/components/search.postcss b/css/components/search.postcss
index 91310333..bb63dfa8 100644
--- a/css/components/search.postcss
+++ b/css/components/search.postcss
@@ -73,6 +73,7 @@
 }
 
 .search__button {
+  @apply cursor-pointer;
   @apply flex items-center;
   @apply lg:p-1 xl:p-2 2xl:py-3;
   @apply relative z-10;
diff --git a/css/components/share-bar.postcss b/css/components/share-bar.postcss
index 2e6c8ff7..355b72a9 100644
--- a/css/components/share-bar.postcss
+++ b/css/components/share-bar.postcss
@@ -7,6 +7,10 @@
   @apply mt-5 -mr-3 lg:mt-4;
 }
 
+.back-bar {
+  @apply mt-5 lg:mt-4;
+}
+
 .share-url {
   @apply flex flex-wrap items-center gap-3 xs:min-w-[22rem] xl:min-w-[24rem];
 }
diff --git a/css/layouts/section.postcss b/css/layouts/section.postcss
index a0b42bd1..d9f5b706 100644
--- a/css/layouts/section.postcss
+++ b/css/layouts/section.postcss
@@ -34,6 +34,7 @@
 .section--default + .section--default,
 .section--default + .section--py,
 .section--py-half + .section--default,
+.section--default + .section--py-half,
 .section--py + .section--default,
 .bg--white + .bg--white,
 .bg--secondary-900 + .bg--secondary-900,
diff --git a/css/sections/mobile-menu.postcss b/css/sections/mobile-menu.postcss
index 15d146a5..f5cb740b 100644
--- a/css/sections/mobile-menu.postcss
+++ b/css/sections/mobile-menu.postcss
@@ -45,7 +45,6 @@
   @apply top-0 left-0 right-0 bottom-0;
 }
 
-.mobile-menu-v2--is-open,
 .body--mobile-menu-v2-is-open .mobile-menu-v2 {
   @apply block lg:hidden;
   height: 100vh;
@@ -53,8 +52,7 @@
   @apply overflow-y-auto;
 }
 
-.mobile-menu-v2--is-open,
-.body--mobile-menu-is-open-top-bar-disabled .mobile-menu-v2 {
+.body--mobile-menu-v2-is-open-top-bar-disabled .mobile-menu-v2 {
   @apply block lg:hidden;
   height: 100vh;
   @apply visible;