diff --git a/src/components/ImpressBody.tsx b/src/components/ImpressBody.tsx
new file mode 100644
index 0000000..bc40fe0
--- /dev/null
+++ b/src/components/ImpressBody.tsx
@@ -0,0 +1,46 @@
+import { createSignal } from "solid-js";
+
+const [encryptedPhoneNumberSig, setEncryptedPhoneNumber] = createSignal("");
+const [encryptedPhoneNumberLinkSig, setEncryptedPhoneNumberLink] = createSignal("");
+const [encryptedMailSig, setEncryptedMail] = createSignal("");
+const [encryptedMailLinkSig, setEncryptedMailLink] = createSignal("");
+
+export const ImpressBody = (props: {
+  encryptedPhoneNumber: string;
+  encryptedPhoneNumberLink: string;
+  encryptedMail: string;
+  encryptedMailLink: string;
+}) => {
+  setEncryptedPhoneNumber(props.encryptedPhoneNumber);
+  setEncryptedPhoneNumberLink(props.encryptedPhoneNumberLink);
+  setEncryptedMail(props.encryptedMail);
+  setEncryptedMailLink(props.encryptedMailLink);
+
+  setTimeout(() => {
+    setEncryptedPhoneNumber(atob(props.encryptedPhoneNumber));
+    setEncryptedPhoneNumberLink(atob(props.encryptedPhoneNumberLink));
+    setEncryptedMail(atob(props.encryptedMail));
+    setEncryptedMailLink(atob(props.encryptedMailLink));
+  }, 200);
+  return (
+    <div class="w-screen pl-12 h-screen flex flex-col justify-center">
+      <p class="text-3xl">Impressum</p>
+      <p class="text-small text-zinc-300 mb-5">Angaben gemäß § 5 TMG</p>
+
+      <p>
+        Dominik Strangas <br />
+        80937 München
+      </p>
+      <p>
+        Vertreten durch: <br />
+        Dominik Strangas
+        <br /> Kontakt:
+        <br />
+        Telefon: <a class="underline text-emerald-300" href={encryptedPhoneNumberLinkSig()}>{encryptedPhoneNumberSig()}</a><br />
+        E-Mail: <a class="underline text-emerald-300" href={encryptedMailLinkSig()}>{encryptedMailSig()}</a><br />
+        Umsatzsteuer-ID:  Musterustid. <span class="text-zinc-300 text-sm">(Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz)</span>
+        <br />Wirtschafts-ID: Musterwirtschaftsid
+      </p>
+    </div>
+  );
+};
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 0371771..0967955 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -30,7 +30,7 @@ export const Navigation = () => {
                 Über Mich
               </a>
               <a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
-                Projekte
+                Skills
               </a>
             </div>
           </div>
@@ -56,10 +56,9 @@ export const Navigation = () => {
           Über Mich
         </a>
         <a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
-          Projekte
+        Skills
         </a>
       </nav>
     </>
   );
 };
-// Navigation component contains the NavigationBar component via import from partial and a screen height and screen width big absolute layer that is shown via signals
diff --git a/src/components/partials/DecryptLink.tsx b/src/components/partials/DecryptLink.tsx
index a5fd3d7..942e2af 100644
--- a/src/components/partials/DecryptLink.tsx
+++ b/src/components/partials/DecryptLink.tsx
@@ -1,4 +1,4 @@
-import { createSignal, onMount } from "solid-js"
+import { For, createSignal, onMount } from "solid-js"
 
 const redirect = (link: string) => {
     window.location.href = (atob(link))
@@ -16,5 +16,5 @@ export const DecryptLink = (props: {linkTo: string, text:string}) => {
             setText(atob(props.text))
         }, 100);
     })
-    return <p class="cursor-pointer" onclick={()=>redirect(props.linkTo)}>{text()}</p>
+    return <For each={[1]}>{(i)=> <p id={Date.now.toString()} class="cursor-pointer" onclick={()=>redirect(props.linkTo)}>{text()}</p>}</For>
 }
\ No newline at end of file
diff --git a/src/pages/impress.astro b/src/pages/impress.astro
index cc78560..8bc4c3a 100644
--- a/src/pages/impress.astro
+++ b/src/pages/impress.astro
@@ -9,6 +9,7 @@ import Products from "../views/Products.astro";
 import LandingHero from "../views/LandingHero.astro";
 import Footer from "../views/Footer.astro";
 import { DecryptLink } from "../components/partials/DecryptLink";
+import { ImpressBody } from "../components/ImpressBody";
 
 const encryptedMailLink = btoa("mailto:dominik@oceanwave018.de");
 const encryptedMail = btoa("dominik@oceanwave018.de");
@@ -26,29 +27,8 @@ const encryptedPhoneNumber = btoa("017664001756");
   </head>
   <body class="bg-zinc-900 text-zinc-100">
     <Navigation client:load />
-    <section class="h-screen w-1/2 pl-12 flex flex-col justify-center gap-5">
-      <p class="text-3xl">Impressum</p>
-      <p class="text-small text-zinc-300 mb-5">Angaben gemäß § 5 TMG</p>
-
-      <p>Dominik Strangas <br />80937 München</p>
-      <p>
-        Vertreten durch: <br />Dominik Strangas<br /> Kontakt:<br />
-        <div class="flex">
-          Telefon: &nbsp;<DecryptLink client:load text={encryptedPhoneNumber} linkTo={`${encryptedPhoneNumberLink}`} />
-        </div>
-        <br
-          />
-        <p>
-          <div class="flex">
-            E-Mail: &nbsp;<DecryptLink client:load text={encryptedMail} linkTo={`${encryptedMailLink}`} />
-          </div>
-          <br />Umsatzsteuer-ID:
-        </p>
-        <p>
-          Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz: Musterustid. Wirtschafts-ID:
-          Musterwirtschaftsid
-        </p>
-      </p>
+    <section class="h-screen w-1/2 flex flex-col justify-center gap-5">
+      <ImpressBody client:load encryptedMail={encryptedMail} encryptedMailLink={encryptedMailLink} encryptedPhoneNumber={encryptedPhoneNumber} encryptedPhoneNumberLink={encryptedPhoneNumberLink} />
       <Footer />
     </section>
   </body>
diff --git a/src/pages/mystory.astro b/src/pages/mystory.astro
index e69de29..e0d2a48 100644
--- a/src/pages/mystory.astro
+++ b/src/pages/mystory.astro
@@ -0,0 +1,23 @@
+---
+import { Navigation } from "../components/Navigation";
+import Footer from "../views/Footer.astro";
+
+type StoryItem = {
+    title: string,
+    description: string,
+    image: string,
+}
+
+
+const StoryItems: StoryItem[] = [
+    {title: "Pre-Work", description:"", image:""}
+]
+
+---
+
+
+<Navigation />
+<div class="min-h-screen w-screen p-10 bg-zinc-100 ">
+<h1 class="text-4xl font-bold ">Meine Geschichte</h1>
+</div>
+<Footer />
\ No newline at end of file