diff --git a/dist/digitaler-frieden-9a1d4250dfda5ac0.js b/dist/digitaler-frieden-28a0e60b94264a4e.js
similarity index 100%
rename from dist/digitaler-frieden-9a1d4250dfda5ac0.js
rename to dist/digitaler-frieden-28a0e60b94264a4e.js
diff --git a/dist/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm b/dist/digitaler-frieden-28a0e60b94264a4e_bg.wasm
similarity index 85%
rename from dist/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm
rename to dist/digitaler-frieden-28a0e60b94264a4e_bg.wasm
index f486dd6..ecf5426 100644
Binary files a/dist/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm and b/dist/digitaler-frieden-28a0e60b94264a4e_bg.wasm differ
diff --git a/dist/index.html b/dist/index.html
index e85ab37..6a8ccb6 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -2,19 +2,19 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Digitaler Frieden</title>
-    <link rel="stylesheet" href="/styles-2a228ed339d2e32b.css" integrity="sha384-fplUaLfyn3FCBU/L25RKdw1k2Z0dOTOB6QsY1SHW4hOF22SNeu5eKT5XtDBQiXzI">
+    <link rel="stylesheet" href="/styles-dc44ed5cde15170.css" integrity="sha384-SOaE2ELbvnK3hgeOgdjq8nfXzXbcTKN1zIetkIpE3I5wjJOpYD3XfDiTymcvW0+7">
     <link rel="icon" href="/favicon-928ba63f33046eed.ico" integrity="sha384-Neq57jnFrTfqAN1JvKAVVVcH1EW3//cZHmK2NRXRlNrxAZR6ErTvXzbOLSyHzkA4">
      
   
-<link rel="preload" href="/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm" crossorigin="anonymous" integrity="sha384-YLHBTB17zAWUG2FevMs+gJC2CKO3NxDUi8dgdd0OUeu31NL19P/5uvoZbtJ5VtmP" as="fetch" type="application/wasm">
-<link rel="modulepreload" href="/digitaler-frieden-9a1d4250dfda5ac0.js" crossorigin="anonymous" integrity="sha384-5owiTz49KdxhXPCnfR2GokkJnFqa++HeraekuGgskT+OizWrNTANvcXzigi62YCH"></head>
+<link rel="preload" href="/digitaler-frieden-28a0e60b94264a4e_bg.wasm" crossorigin="anonymous" integrity="sha384-8T2wZPlTwECUJCK4A7oRPYvCw/xySRaTfDZqfu9kc0379hN0BSRWkURe6T5TOuTD" as="fetch" type="application/wasm">
+<link rel="modulepreload" href="/digitaler-frieden-28a0e60b94264a4e.js" crossorigin="anonymous" integrity="sha384-5owiTz49KdxhXPCnfR2GokkJnFqa++HeraekuGgskT+OizWrNTANvcXzigi62YCH"></head>
   <body class="bg-black text-white ">
   
 
 
 <script type="module">
-import init, * as bindings from '/digitaler-frieden-9a1d4250dfda5ac0.js';
-init('/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm');
+import init, * as bindings from '/digitaler-frieden-28a0e60b94264a4e.js';
+init('/digitaler-frieden-28a0e60b94264a4e_bg.wasm');
 window.wasmBindings = bindings;
 
 </script><script>"use strict";
diff --git a/dist/public/styles.css b/dist/public/styles.css
index 0549238..03708c0 100644
--- a/dist/public/styles.css
+++ b/dist/public/styles.css
@@ -886,7 +886,7 @@ video {
 
 .fade-in{
   position:relative;
-  animation:fadein 1s
+  animation:fadein 0.4s
 }
 
 @keyframes fadein{
@@ -903,7 +903,7 @@ video {
 
 .fade-out{
   position:relative;
-  animation:fadeout 1s
+  animation:fadeout 0.4s
 }
 
 @keyframes fadeout{
diff --git a/dist/styles-2a228ed339d2e32b.css b/dist/styles-dc44ed5cde15170.css
similarity index 99%
rename from dist/styles-2a228ed339d2e32b.css
rename to dist/styles-dc44ed5cde15170.css
index 0549238..03708c0 100644
--- a/dist/styles-2a228ed339d2e32b.css
+++ b/dist/styles-dc44ed5cde15170.css
@@ -886,7 +886,7 @@ video {
 
 .fade-in{
   position:relative;
-  animation:fadein 1s
+  animation:fadein 0.4s
 }
 
 @keyframes fadein{
@@ -903,7 +903,7 @@ video {
 
 .fade-out{
   position:relative;
-  animation:fadeout 1s
+  animation:fadeout 0.4s
 }
 
 @keyframes fadeout{
diff --git a/input.css b/input.css
index 6661352..8a4abfa 100644
--- a/input.css
+++ b/input.css
@@ -4,7 +4,7 @@
 
 .fade-in{
   position:relative;
-animation:fadein 1s}
+animation:fadein 0.4s}
 @keyframes fadein{
   from{
   left:200%;
@@ -16,7 +16,7 @@ opacity:1}
 
 .fade-out{
   position:relative;
-animation:fadeout 1s}
+animation:fadeout 0.4s}
 @keyframes fadeout{
   from{
   left:0;
diff --git a/public/styles.css b/public/styles.css
index 0549238..03708c0 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -886,7 +886,7 @@ video {
 
 .fade-in{
   position:relative;
-  animation:fadein 1s
+  animation:fadein 0.4s
 }
 
 @keyframes fadein{
@@ -903,7 +903,7 @@ video {
 
 .fade-out{
   position:relative;
-  animation:fadeout 1s
+  animation:fadeout 0.4s
 }
 
 @keyframes fadeout{
diff --git a/src/pages/clues.rs b/src/pages/clues.rs
index 3acfd17..ddcfcd1 100644
--- a/src/pages/clues.rs
+++ b/src/pages/clues.rs
@@ -7,6 +7,7 @@ use crate::router::Route;
 pub fn Clues() -> Html {
     html! {
         <div class="px-6 mt-4 md:mt-24">
+            <section id="navigation">
             <h3
                 class="text-primary
                 hover:bg-text-dark 
@@ -24,7 +25,7 @@ pub fn Clues() -> Html {
                 left-4
             "
             >
-                <Link<Route> to={Route::SignUp}>
+                <Link<Route> to={Route::Deceased}>
                     <div class="flex items-center">
                         <svg
                             class="w-8 "
@@ -44,6 +45,8 @@ pub fn Clues() -> Html {
                 alt="logo digitaler frieden"
                 class="absolute top-4 right-4 md:min-w-56 md:w-56 w-0"
             />
+            </section>
+            <section class="fade-in" id="content">
             <div class="mt-16 md:mt-32 flex flex-col items-center justify-between">
                 <div class="flex flex-col items-start">
                     <h3 class="text-3xl font-bold mb-4">{ "Spurhinweise hinzufügen" }</h3>
@@ -171,6 +174,7 @@ pub fn Clues() -> Html {
                     </div>
                 </div>
             </div>
+            </section>
         </div>
     }
 }
diff --git a/src/pages/deceased.rs b/src/pages/deceased.rs
index 532ab16..a31123b 100644
--- a/src/pages/deceased.rs
+++ b/src/pages/deceased.rs
@@ -7,6 +7,7 @@ use crate::router::Route;
 pub fn Deceased() -> Html {
     html! {
         <div class="px-6 mt-20">
+            <section id="navigation">
             <h3
                 class="text-primary
                 hover:bg-text-dark
@@ -24,7 +25,7 @@ pub fn Deceased() -> Html {
                 left-4
             "
             >
-                <Link<Route> to={Route::Home}>
+                <Link<Route> to={Route::Register}>
                     <div class="flex items-center">
                         <svg
                             class="w-8 "
@@ -44,6 +45,8 @@ pub fn Deceased() -> Html {
                 alt="logo digitaler frieden"
                 class="absolute top-4 right-4 md:-w-56 md:w-56 md:h-auto w-0 h-0"
             />
+            </section>
+            <section class="fade-in" id="content">
             <div class="-height mt-12 flex flex-col items-center">
                 <h3 class="text-3xl font-bold mb-6">{ "Verstorbene Person" }</h3>
                 <div class="group max-w-xl w-full mb-4">
@@ -135,6 +138,7 @@ pub fn Deceased() -> Html {
                     { "Weiter" }
                 </Link<Route>>
             </div>
-        </div>
+        </section>
+            </div>
     }
 }
diff --git a/src/pages/register.rs b/src/pages/register.rs
index dc9be98..74b03de 100644
--- a/src/pages/register.rs
+++ b/src/pages/register.rs
@@ -7,7 +7,8 @@ use crate::router::Route;
 pub fn Register() -> Html {
     html! {
         <div class="px-6 mt-20">
-            <h3
+            <section id="navigation">
+                <h3
                 class="text-primary
                 hover:bg-text-dark 
                 hover:text-white 
@@ -24,7 +25,7 @@ pub fn Register() -> Html {
                 left-4
             "
             >
-                <Link<Route> to={Route::Home}>
+                <Link<Route> to={Route::SignUp}>
                     <div class="flex items-center">
                         <svg
                             class="w-8 "
@@ -44,6 +45,8 @@ pub fn Register() -> Html {
                 alt="logo digitaler frieden"
                 class="absolute top-4 right-4 md:-w-56 md:w-56 md:h-auto w-0 h-0"
             />
+            </section>
+            <section id="content" class="fade-in">
             <div class="-height mt-12 flex flex-col items-center">
                 <h3 class="text-3xl font-bold mb-6">{ "Registrierung abschließen" }</h3>
                 <div class="group max-w-xl w-full mb-4">
@@ -128,6 +131,7 @@ pub fn Register() -> Html {
                     { "Weiter" }
                 </Link<Route>>
             </div>
+            </section>
         </div>
     }
 }
diff --git a/src/pages/relationship.rs b/src/pages/relationship.rs
index c208cae..37b09fc 100644
--- a/src/pages/relationship.rs
+++ b/src/pages/relationship.rs
@@ -53,7 +53,7 @@ pub fn Relationship() -> Html {
             <section id="content" class={classes}>
             <div class="mt-24 md:mt-32 flex flex-col items-center ">
                 <h3 class="text-3xl font-bold mb-6">
-                    { "In welcher Beziehung stehen Sie zu der verstorbenen Person?" }
+                    { "In welcher Beziehung stehst du zu der verstorbenen Person?" }
                 </h3>
                 <div class="flex flex-col items-start min-w-72 md:w-auto mb-32">
                     <div class="flex items-center mb-4">
@@ -78,9 +78,9 @@ pub fn Relationship() -> Html {
                         />
                         <label for="relationship-soleheir" class="ms-2">
                             <p>
-                                { "Ich bin notarielle " }
+                                { "Ich bin notarielle(r) " }
                                 <u>
-                                    <strong>{ "Alleinerbin" }</strong>
+                                    <strong>{ "Alleinerbin / Alleinerbe" }</strong>
                                 </u>
                             </p>
                         </label>
diff --git a/src/pages/signup.rs b/src/pages/signup.rs
index 1ec44e9..e43ac36 100644
--- a/src/pages/signup.rs
+++ b/src/pages/signup.rs
@@ -7,6 +7,7 @@ use crate::router::Route;
 pub fn SignUp() -> Html {
     html! {
         <div class="h-full  px-6 mt-4">
+            <section id="navigation">
             <h3
                 class="text-primary
                 hover:bg-text-dark 
@@ -44,6 +45,8 @@ pub fn SignUp() -> Html {
                 alt="logo digitaler frieden"
                 class="top-4 right-4 absolute md:min-w-56 md:w-56 w-0"
             />
+            </section>
+            <section id="content" class="fade-in">
             <div class="min-height mt-64 md:flex md:flex-col md:items-center">
                 <h3 class="text-3xl font-bold mb-6">{ "Jetzt registrieren" }</h3>
                 <p>{ "Gib deine E-Mail Adresse ein." }</p>
@@ -87,6 +90,6 @@ pub fn SignUp() -> Html {
                         </Link<Route>>
                 </div>
             </div>
-        </div>
+        </section></div>
     }
 }
diff --git a/src/pages/verify.rs b/src/pages/verify.rs
index e1daa1e..6c0350d 100644
--- a/src/pages/verify.rs
+++ b/src/pages/verify.rs
@@ -7,7 +7,7 @@ use crate::router::Route;
 pub fn Verify() -> Html {
     html! {
         <div class="px-6 mt-4 md:mt-24">
-            <div class="flex justify-between">
+            <section id="navigation">
                 <h3
                     class="text-primary
                 hover:bg-text-dark 
@@ -45,8 +45,9 @@ pub fn Verify() -> Html {
                     alt="logo digitaler frieden"
                     class="absolute top-4 right-4 md:min-w-56 md:w-56 w-0"
                 />
-            </div>
-            <div class="mt-24 md:mt-32 flex flex-col items-center">
+                </section>
+                <section id="content" class="fade-in">
+            <div class="mt-64 flex flex-col items-center">
                 <h3 class="text-3xl font-bold mb-6">{ "Verifizieren" }</h3>
                 <div class="flex flex-col items-start min-w-72 md:w-auto">
                     <p class="mb-3">{ "Bitte verifiziere deine E-Mail Adresse." }</p>
@@ -91,6 +92,7 @@ pub fn Verify() -> Html {
                     </div>
                 </div>
             </div>
-        </div>
+        </section>
+            </div>
     }
 }
diff --git a/src/router.rs b/src/router.rs
index c2244fa..22952ec 100644
--- a/src/router.rs
+++ b/src/router.rs
@@ -11,12 +11,12 @@ pub enum Route {
     SignUp,
     #[at("/verify")]
     Verify,
+    #[at("/register")]
+    Register,
     #[at("/deceased")]
     Deceased,
     #[at("/clues")]
     Clues,
-    #[at("/register")]
-    Register,
     #[at("/relationship")]
     Relationship,
 }
@@ -26,24 +26,23 @@ fn route(routes: Route) -> Html {
         Route::Home => {
             html! { <Home /> }
         }
-        Route::Relationship => {
-            html! { <Relationship /> }
-        }
-
         Route::SignUp => {
             html! { <SignUp /> }
         }
         Route::Verify => {
             html! { <Verify /> }
         }
-        Route::Clues => {
-            html! { <Clues /> }
+        Route::Register => {
+            html! { <Register /> }
         }
         Route::Deceased => {
             html! { <Deceased /> }
         }
-        Route::Register => {
-            html! { <Register /> }
+        Route::Clues => {
+            html! { <Clues /> }
+        }
+        Route::Relationship => {
+            html! { <Relationship /> }
         }
     }
 }
