diff --git a/landing/app/app.vue b/landing/app/app.vue
index f5e0f7b..c570047 100644
--- a/landing/app/app.vue
+++ b/landing/app/app.vue
@@ -18,9 +18,9 @@
       }"
     >
       <template #title>
-        <NuxtLink to="/" class="flex items-center gap-2 sm:gap-3 group">
+        <div class="flex items-center gap-2 sm:gap-3">
           <div
-            class="w-10 h-10 rounded-xl bg-linear-to-br from-primary-500 to-cyan-500 flex items-center justify-center shadow-lg shadow-primary-500/25 group-hover:shadow-primary-500/40 transition-shadow"
+            class="w-10 h-10 rounded-xl bg-linear-to-br from-primary-500 to-cyan-500 flex items-center justify-center shadow-lg shadow-primary-500/25"
           >
             <UIcon name="i-lucide-scale" class="w-5 h-5 text-white" />
           </div>
@@ -29,7 +29,7 @@
           >
             GremiumHub
           </span>
-        </NuxtLink>
+        </div>
       </template>
 
       <UNavigationMenu
@@ -183,7 +183,7 @@
 <script setup lang="ts">
 import type { NavigationMenuItem, DropdownMenuItem } from '@nuxt/ui'
 
-const { t, locale, locales, setLocale } = useI18n()
+const { t, locale, locales, setLocale } = useI18n({ useScope: 'global' })
 
 // Locale dropdown menu items
 const localeMenuItems = computed<DropdownMenuItem[]>(() =>
@@ -198,7 +198,8 @@ const localeMenuItems = computed<DropdownMenuItem[]>(() =>
 )
 
 // Track scroll position for header styling
-const isScrolled = ref(false)
+// Use useState to ensure consistent SSR/client hydration
+const isScrolled = useState('header-scrolled', () => false)
 
 onMounted(() => {
   const handleScroll = () => {
@@ -206,7 +207,10 @@ onMounted(() => {
   }
 
   window.addEventListener('scroll', handleScroll, { passive: true })
-  handleScroll() // Check initial position
+  // Defer initial scroll check to avoid hydration mismatch
+  nextTick(() => {
+    handleScroll()
+  })
 
   onUnmounted(() => {
     window.removeEventListener('scroll', handleScroll)
diff --git a/landing/app/components/landing/AdditionalFeatures.vue b/landing/app/components/landing/AdditionalFeatures.vue
index 1ce5cf7..3e3e4f2 100644
--- a/landing/app/components/landing/AdditionalFeatures.vue
+++ b/landing/app/components/landing/AdditionalFeatures.vue
@@ -84,7 +84,7 @@
 </template>
 
 <script setup lang="ts">
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 
 const featureIcons = [
   'i-lucide-puzzle',
diff --git a/landing/app/components/landing/BenefitsCompany.vue b/landing/app/components/landing/BenefitsCompany.vue
index 844ca1b..b6ab068 100644
--- a/landing/app/components/landing/BenefitsCompany.vue
+++ b/landing/app/components/landing/BenefitsCompany.vue
@@ -130,7 +130,7 @@
 </template>
 
 <script setup lang="ts">
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 
 const painPointIcons = [
   'i-lucide-refresh-cw',
diff --git a/landing/app/components/landing/BenefitsWorksCouncil.vue b/landing/app/components/landing/BenefitsWorksCouncil.vue
index 6f2b4e2..5f5a5ea 100644
--- a/landing/app/components/landing/BenefitsWorksCouncil.vue
+++ b/landing/app/components/landing/BenefitsWorksCouncil.vue
@@ -130,7 +130,7 @@
 </template>
 
 <script setup lang="ts">
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 
 const painPointIcons = [
   'i-lucide-search',
diff --git a/landing/app/components/landing/ExpertAccess.vue b/landing/app/components/landing/ExpertAccess.vue
index af35303..bcecb75 100644
--- a/landing/app/components/landing/ExpertAccess.vue
+++ b/landing/app/components/landing/ExpertAccess.vue
@@ -174,5 +174,5 @@
 </template>
 
 <script setup lang="ts">
-// No additional script needed - using $t() from i18n
+useI18n({ useScope: 'global' })
 </script>
diff --git a/landing/app/components/landing/FeaturesGrid.vue b/landing/app/components/landing/FeaturesGrid.vue
index b312236..8d61710 100644
--- a/landing/app/components/landing/FeaturesGrid.vue
+++ b/landing/app/components/landing/FeaturesGrid.vue
@@ -45,7 +45,7 @@
 </template>
 
 <script setup lang="ts">
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 
 const featureIcons = [
   'i-lucide-route',
diff --git a/landing/app/components/landing/FrameworkAgreement.vue b/landing/app/components/landing/FrameworkAgreement.vue
index 7c25106..4e8d33b 100644
--- a/landing/app/components/landing/FrameworkAgreement.vue
+++ b/landing/app/components/landing/FrameworkAgreement.vue
@@ -168,7 +168,7 @@
 </template>
 
 <script setup lang="ts">
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 const isHovered = ref(false)
 
 const bulletPointCount = 3
diff --git a/landing/app/components/landing/HeroSection.vue b/landing/app/components/landing/HeroSection.vue
index f62a315..5826fa8 100644
--- a/landing/app/components/landing/HeroSection.vue
+++ b/landing/app/components/landing/HeroSection.vue
@@ -130,24 +130,9 @@
       </div>
     </div>
 
-    <!-- Scroll indicator - stable wrapper for click target, animated inner element -->
-    <div class="absolute bottom-8 left-1/2 -translate-x-1/2 z-20">
-      <a href="#betriebsraete" class="block" :aria-label="$t('hero.scrollDown')" @click.prevent="scrollToSection">
-        <div
-          class="animate-bounce flex items-center justify-center w-12 h-12 rounded-full glass text-gray-600 dark:text-gray-300 hover:bg-white/80 dark:hover:bg-gray-800/80 transition-colors"
-        >
-          <UIcon name="i-lucide-chevron-down" class="w-6 h-6" />
-        </div>
-      </a>
-    </div>
   </section>
 </template>
 
 <script setup lang="ts">
-const scrollToSection = () => {
-  const target = document.querySelector('#betriebsraete')
-  if (target) {
-    target.scrollIntoView({ behavior: 'smooth', block: 'start' })
-  }
-}
+useI18n({ useScope: 'global' })
 </script>
diff --git a/landing/app/components/landing/NewsletterSignup.vue b/landing/app/components/landing/NewsletterSignup.vue
index 67baa41..035d51f 100644
--- a/landing/app/components/landing/NewsletterSignup.vue
+++ b/landing/app/components/landing/NewsletterSignup.vue
@@ -126,7 +126,7 @@
             class="mt-6 text-sm text-center text-gray-500 dark:text-gray-400 animate-fade-in-up"
             style="animation-delay: 300ms"
           >
-            <i18n-t keypath="newsletter.privacyNote" tag="span">
+            <i18n-t keypath="newsletter.privacyNote" tag="span" scope="global">
               <template #link>
                 <NuxtLink to="/datenschutz" class="text-primary-600 dark:text-primary-400 hover:underline font-medium">
                   {{ $t('newsletter.privacyLink') }}
@@ -169,7 +169,7 @@
 import { z } from 'zod'
 import type { FormSubmitEvent } from '@nuxt/ui'
 
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 const { isLoading, isSuccess, submitEmail } = useNewsletterSignup()
 
 const schema = computed(() =>
diff --git a/landing/app/components/landing/StatsSection.vue b/landing/app/components/landing/StatsSection.vue
index 82ab5c5..9489b08 100644
--- a/landing/app/components/landing/StatsSection.vue
+++ b/landing/app/components/landing/StatsSection.vue
@@ -52,7 +52,7 @@
 </template>
 
 <script setup lang="ts">
-const { t } = useI18n()
+const { t } = useI18n({ useScope: 'global' })
 
 const stats = computed(() => [
   { value: 70, suffix: '%', label: t('stats.timeSaved') },
diff --git a/landing/app/components/landing/TeamSection.vue b/landing/app/components/landing/TeamSection.vue
index d8c57e0..a7a39db 100644
--- a/landing/app/components/landing/TeamSection.vue
+++ b/landing/app/components/landing/TeamSection.vue
@@ -172,5 +172,5 @@
 </template>
 
 <script setup lang="ts">
-// Component uses $t() from i18n auto-import
+useI18n({ useScope: 'global' })
 </script>
diff --git a/landing/app/components/landing/hero/MainCard.vue b/landing/app/components/landing/hero/MainCard.vue
index 4d471b9..299738e 100644
--- a/landing/app/components/landing/hero/MainCard.vue
+++ b/landing/app/components/landing/hero/MainCard.vue
@@ -79,3 +79,6 @@
   </div>
 </template>
 
+<script setup lang="ts">
+useI18n({ useScope: 'global' })
+</script>
\ No newline at end of file
diff --git a/landing/app/components/landing/hero/StatusCardCompleted.vue b/landing/app/components/landing/hero/StatusCardCompleted.vue
index fc77774..32ba35e 100644
--- a/landing/app/components/landing/hero/StatusCardCompleted.vue
+++ b/landing/app/components/landing/hero/StatusCardCompleted.vue
@@ -47,6 +47,8 @@
 </template>
 
 <script setup lang="ts">
+useI18n({ useScope: 'global' })
+
 defineProps<{
   compact?: boolean
 }>()
diff --git a/landing/app/components/landing/hero/StatusCardRisk.vue b/landing/app/components/landing/hero/StatusCardRisk.vue
index 6bfe1e5..d6ba45a 100644
--- a/landing/app/components/landing/hero/StatusCardRisk.vue
+++ b/landing/app/components/landing/hero/StatusCardRisk.vue
@@ -59,6 +59,8 @@
 </template>
 
 <script setup lang="ts">
+useI18n({ useScope: 'global' })
+
 defineProps<{
   compact?: boolean
 }>()
diff --git a/landing/app/composables/useContactForm.ts b/landing/app/composables/useContactForm.ts
index acacea8..bb198f0 100644
--- a/landing/app/composables/useContactForm.ts
+++ b/landing/app/composables/useContactForm.ts
@@ -5,12 +5,12 @@ export interface ContactFormData {
 }
 
 export function useContactForm() {
-  const { t } = useI18n()
   const isLoading = ref(false)
   const isSuccess = ref(false)
   const error = ref<string | null>(null)
 
   const submitForm = async (data: ContactFormData) => {
+    const { t } = useI18n({ useScope: 'global' })
     isLoading.value = true
     error.value = null
 
diff --git a/landing/app/composables/useNewsletterSignup.ts b/landing/app/composables/useNewsletterSignup.ts
index fa9c1b2..cdce1ad 100644
--- a/landing/app/composables/useNewsletterSignup.ts
+++ b/landing/app/composables/useNewsletterSignup.ts
@@ -1,10 +1,10 @@
 export function useNewsletterSignup() {
-  const { t } = useI18n()
   const isLoading = ref(false)
   const isSuccess = ref(false)
   const error = ref<string | null>(null)
 
   const submitEmail = async (email: string) => {
+    const { t } = useI18n({ useScope: 'global' })
     isLoading.value = true
     error.value = null
 
diff --git a/landing/app/pages/index.vue b/landing/app/pages/index.vue
index f7a2dc9..61cade7 100644
--- a/landing/app/pages/index.vue
+++ b/landing/app/pages/index.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script setup lang="ts">
-const { t, locale } = useI18n()
+const { t, locale } = useI18n({ useScope: 'global' })
 
 // SEO Meta
 useSeoMeta({
diff --git a/landing/app/pages/kontakt.vue b/landing/app/pages/kontakt.vue
index a311556..bdb93d3 100644
--- a/landing/app/pages/kontakt.vue
+++ b/landing/app/pages/kontakt.vue
@@ -194,7 +194,7 @@ import { z } from 'zod'
 import type { FormSubmitEvent } from '@nuxt/ui'
 import type { ContactFormData } from '~/composables/useContactForm'
 
-const { t, locale } = useI18n()
+const { t, locale } = useI18n({ useScope: 'global' })
 const { isLoading, isSuccess, error, submitForm, reset } = useContactForm()
 
 // SEO Meta
diff --git a/landing/app/pages/newsletter-bestaetigt.vue b/landing/app/pages/newsletter-bestaetigt.vue
index ed9989a..0587062 100644
--- a/landing/app/pages/newsletter-bestaetigt.vue
+++ b/landing/app/pages/newsletter-bestaetigt.vue
@@ -76,7 +76,7 @@
 </template>
 
 <script setup lang="ts">
-const { t, locale } = useI18n()
+const { t, locale } = useI18n({ useScope: 'global' })
 
 // SEO Meta
 useSeoMeta({
diff --git a/landing/app/pages/team.vue b/landing/app/pages/team.vue
index eadd93b..083437e 100644
--- a/landing/app/pages/team.vue
+++ b/landing/app/pages/team.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-const { t, locale } = useI18n()
+const { t, locale } = useI18n({ useScope: 'global' })
 
 // SEO Meta
 useSeoMeta({
diff --git a/landing/app/pages/unternehmen.vue b/landing/app/pages/unternehmen.vue
index 2cf840d..0c586e4 100644
--- a/landing/app/pages/unternehmen.vue
+++ b/landing/app/pages/unternehmen.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-const { t, locale } = useI18n()
+const { t, locale } = useI18n({ useScope: 'global' })
 
 // SEO Meta
 useSeoMeta({
diff --git a/landing/nuxt.config.ts b/landing/nuxt.config.ts
index 095331c..d3d7510 100644
--- a/landing/nuxt.config.ts
+++ b/landing/nuxt.config.ts
@@ -5,6 +5,11 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   ssr: true,
 
+  // Icon configuration - bundle icons for SSR to prevent hydration mismatches
+  icon: {
+    serverBundle: 'remote'
+  },
+
   // Runtime configuration for server-side API keys
   runtimeConfig: {
     brevoApiKey: 'NOT_SET',