diff --git a/src/components/Impress.tsx b/src/components/Impress.tsx
new file mode 100644
index 0000000..7bb97a3
--- /dev/null
+++ b/src/components/Impress.tsx
@@ -0,0 +1,38 @@
+import { createSignal } from "solid-js"
+
+const [phone, setPhone] = createSignal('')
+const [email, setEmail] = createSignal('')
+
+export const ImpressComponent = (props: { email, phoneNumber }) => {
+
+    setTimeout(() => {
+        setPhone(atob(props.phoneNumber))
+        setEmail(atob(props.email))
+    }, 1000);
+
+    return (
+        <div class="p-20">
+            <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>
+            Vertreten durch: <br />Dominik Strangas<br /> Kontakt:<br />
+            <a href={`tel:${phone()}`}>
+                <div class="flex">
+                    Telefon: {phone()}
+                </div>
+            </a>
+            <br
+            />
+            <a href={`mailto:${email()}`}>
+                <div class="flex">
+                    E-Mail: {email()}
+                </div>
+            </a>
+            <br />Umsatzsteuer-ID:
+            <p>
+                Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz: Musterustid. Wirtschafts-ID:
+                Musterwirtschaftsid
+            </p>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 28c4934..6d09333 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -7,6 +7,7 @@ const setShowMobileNav = (val: boolean) => showMobileNav(val);
 export const Navigation = () => {
   return (
     <>
+    <meta charset="UTF-8" />
       <Show when={mobileNav()}>
         <div class={`fixed transition-all z-30 h-screen w-screen bg-zinc-900 flex flex-col`}>
           <div class="w-screen border-b-2 border-b-zinc-50 h-14 bg-zinc-900 flex items-center">
@@ -27,7 +28,7 @@ export const Navigation = () => {
                 Produkte
               </a>
               <a class="hover:underline transition-all hover:text-zinc-50" href="/mystory/">
-                Über Mich
+                &#220;ber Mich
               </a>
               <a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
                 Skills
@@ -53,7 +54,7 @@ export const Navigation = () => {
           Produkte
         </a>
         <a class="hover:underline transition-all hover:text-zinc-50" href="/mystory">
-          Über Mich
+          &#220;ber Mich
         </a>
         <a class="hover:underline transition-all hover:text-zinc-50" href="/skills">
           Skills
diff --git a/src/pages/impress.astro b/src/pages/impress.astro
index 8bc4c3a..721f9bb 100644
--- a/src/pages/impress.astro
+++ b/src/pages/impress.astro
@@ -9,12 +9,12 @@ 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";
+import { ImpressComponent } from "../components/Impress";
 
 const encryptedMailLink = btoa("mailto:dominik@oceanwave018.de");
 const encryptedMail = btoa("dominik@oceanwave018.de");
 const encryptedPhoneNumberLink = btoa("tel:017664001756");
-const encryptedPhoneNumber = btoa("017664001756");
+const encryptedPhoneNumber = btoa("+49 176 6400 1756");
 ---
 
 <html lang="en">
@@ -27,8 +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 flex flex-col justify-center gap-5">
-      <ImpressBody client:load encryptedMail={encryptedMail} encryptedMailLink={encryptedMailLink} encryptedPhoneNumber={encryptedPhoneNumber} encryptedPhoneNumberLink={encryptedPhoneNumberLink} />
+    <section class="h-auto py-6 max-w-full w-1/2 flex flex-col justify-center gap-5">
+      <ImpressComponent client:idle phoneNumber={encryptedPhoneNumber} email={encryptedMail} />
       <Footer />
     </section>
   </body>
diff --git a/src/views/AboutMe.astro b/src/views/AboutMe.astro
index c8bb7df..3fc40e2 100644
--- a/src/views/AboutMe.astro
+++ b/src/views/AboutMe.astro
@@ -1,3 +1,4 @@
+
 <section class="py-5 w-screen max-sm:min-h-[66vh] bg-zinc-900 text-zinc-50">
     <div class="w-5/6 flex flex-col justify-around items-center h-full mx-auto gap-2">
       <p class="text-2xl underline">Mehr zu mir</p>
@@ -26,7 +27,7 @@
               > und der BSInfo. <span class="text-zinc-300 font-mono">2020-2023</span>
             </p>
             <p>
-              Übernahme bei <a
+              &#220;bernahme bei <a
                 target="_blank"
                 href="https://adabay.rocks"
                 class="underline text-emerald-300 visited:text-purple-300">adabay.</a
diff --git a/src/views/Footer.astro b/src/views/Footer.astro
index 9ac7bed..0bf108e 100644
--- a/src/views/Footer.astro
+++ b/src/views/Footer.astro
@@ -2,7 +2,7 @@
 let blogUrl = "https://blog.oceanwave018.de"
 ---
 
-<section class="py-5 h-20 w-screen border-t-zinc-200 border-t font-mono bg-zinc-900 text-zinc-50 flex flex-row justify-center gap-5 items-center">
+<section class="py-5 h-20 w-screen  border-t-zinc-200 border-t font-mono bg-zinc-900 text-zinc-50 flex flex-row justify-center gap-5 items-center">
     <a class="hover:underline text-emerald-300" href="/impress">Impressum</a>
     <a class="hover:underline text-emerald-300" href={blogUrl}>Blog</a>
 </section>
\ No newline at end of file
