diff --git a/public/components/footer.html b/public/components/footer.html
index e4ef26a..2716736 100644
--- a/public/components/footer.html
+++ b/public/components/footer.html
@@ -5,7 +5,9 @@
             <a href="mailto:info@7sys.de">info@7sys.de</a>
         </div>
         <div class="contact-item">
-            <i class="fab fa-signal-messenger"></i>
+            <svg class="signal-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24">
+                <path fill="currentColor" d="M128 26.6C71.9 26.6 26.6 71.9 26.6 128c0 56.1 45.3 101.4 101.4 101.4c56.1 0 101.4-45.3 101.4-101.4C229.4 71.9 184.1 26.6 128 26.6zM128 220c-50.7 0-92-41.3-92-92s41.3-92 92-92s92 41.3 92 92S178.7 220 128 220z M128 76.5c-28.4 0-51.5 23.1-51.5 51.5s23.1 51.5 51.5 51.5s51.5-23.1 51.5-51.5S156.4 76.5 128 76.5z M128 170c-23.1 0-42-18.9-42-42s18.9-42 42-42s42 18.9 42 42S151.1 170 128 170z M128 98.5c-16.3 0-29.5 13.2-29.5 29.5s13.2 29.5 29.5 29.5s29.5-13.2 29.5-29.5S144.3 98.5 128 98.5z"/>
+            </svg>
             <a href="signal://signal.me/#eu/aJ9SSOqcjDjvmJbFB_2p4CM4cwGjeYvbIuhGuTIU-eZ-dgDvM3BD4ocEEff8mhaR">Signal</a>
         </div>
     </div>
diff --git a/public/css/components.css b/public/css/components.css
index e2a046c..e0af408 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -157,6 +157,17 @@
     color: var(--primary);
 }
 
+/* Signal Icon Styles */
+.signal-icon {
+    color: var(--primary);
+    width: 1.2em;
+    height: 1.2em;
+}
+
+.contact-link:hover .signal-icon {
+    color: var(--primary);
+}
+
 /* Quote Styles */
 .quote {
     font-size: 1.2rem;
diff --git a/public/css/footer.css b/public/css/footer.css
index f10c571..85d9a6e 100644
--- a/public/css/footer.css
+++ b/public/css/footer.css
@@ -28,6 +28,12 @@ footer {
     font-size: 1.2rem;
 }
 
+.contact-item .signal-icon {
+    color: var(--primary);
+    width: 1.2rem;
+    height: 1.2rem;
+}
+
 .contact-item a {
     color: var(--text-muted);
     text-decoration: none;
@@ -38,6 +44,10 @@ footer {
     color: var(--primary);
 }
 
+.contact-item:hover .signal-icon {
+    color: var(--primary);
+}
+
 .social-links {
     display: flex;
     gap: var(--spacing-lg);
diff --git a/public/index.html b/public/index.html
index d5fdb4e..0346764 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="stylesheet" href="css/variables.css">
     <link rel="stylesheet" href="css/base.css">
     <link rel="stylesheet" href="css/layout.css">
@@ -73,15 +74,17 @@
             <section id="contact">
                 <h2>Kontakt</h2>
                 <div class="contact-info">
-                    <p>Ich freue mich darauf, Ihr Projekt kennenzulernen und Ihnen mein Wissen zu vermitteln.</p>
+                    <p>Ich freue mich darauf, Ihr Projekt kennenzulernen und mit Ihnen gemeinsam, <br>
+                         an Ihrer digitalen Zukunft zu arbeiten.</p>
                     <div class="contact-links">
                         <a href="mailto:kontakt@7sys.de" class="contact-link">
                             <i class="fas fa-envelope"></i>
                             info@7sys.de
                         </a>
-                        <a href="signal://signal.me/#eu/aJ9SSOqcjDjvmJbFB_2p4CM4cwGjeYvbIuhGuTIU-eZ-dgDvM3BD4ocEEff8mhaR" 
-                           class="contact-link">
-                            <i class="fab fa-signal-messenger"></i>
+                        <a href="signal://signal.me/#eu/aJ9SSOqcjDjvmJbFB_2p4CM4cwGjeYvbIuhGuTIU-eZ-dgDvM3BD4ocEEff8mhaR" class="contact-link">
+                            <svg class="signal-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24">
+                                <path fill="currentColor" d="M128 26.6C71.9 26.6 26.6 71.9 26.6 128c0 56.1 45.3 101.4 101.4 101.4c56.1 0 101.4-45.3 101.4-101.4C229.4 71.9 184.1 26.6 128 26.6zM128 220c-50.7 0-92-41.3-92-92s41.3-92 92-92s92 41.3 92 92S178.7 220 128 220z M128 76.5c-28.4 0-51.5 23.1-51.5 51.5s23.1 51.5 51.5 51.5s51.5-23.1 51.5-51.5S156.4 76.5 128 76.5z M128 170c-23.1 0-42-18.9-42-42s18.9-42 42-42s42 18.9 42 42S151.1 170 128 170z M128 98.5c-16.3 0-29.5 13.2-29.5 29.5s13.2 29.5 29.5 29.5s29.5-13.2 29.5-29.5S144.3 98.5 128 98.5z"/>
+                            </svg>
                             Signal Messenger
                         </a>
                     </div>