diff --git a/assets/css/global.css b/assets/css/global.css
index cda9077..82402e2 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -92,11 +92,27 @@ a {
     color: var(--color-white);
 }
 
-a.orange {
+.nowrap {
+    white-space: nowrap;
+}
+
+a.mail {
+    display: inline-flex;
+    align-items: center;
+    gap: .5rem;
     color: var(--color-orange);
+    font-weight: bold;
+
+    & img {
+        filter: invert(50%) sepia(84%) saturate(868%) hue-rotate(1deg) brightness(103%) contrast(100%);
+    }
 
     &:hover {
         color: var(--color-orange-light);
+
+        & img {
+            filter: invert(72%) sepia(59%) saturate(390%) hue-rotate(343deg) brightness(102%) contrast(103%);
+        }
     }
 }
 
diff --git a/components/Intro.vue b/components/Intro.vue
index 9638671..4769d3b 100644
--- a/components/Intro.vue
+++ b/components/Intro.vue
@@ -3,11 +3,11 @@
     <div class="intro-text flex-col default-gap">
       <h1 class="flex-col">
         <span class="greeting">Moin. </span>
-        <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona </span><small>Urban</small><span class="dot">.</span></span>
+        <span class="my-name-wrapper">Ich bin <span class="nowrap"><span class="highlight">Fiona </span><small>Urban</small><span class="dot">.</span></span></span>
       </h1>
-      <h3>
+      <h2>
         Component <span class="highlight">&</span> API Entwicklerin
-      </h3>
+      </h2>
       <p class="fulltext">
         Ich helfe Unternehmen dabei, ihre Daten so richtig nice zusammen zu sammeln
         und in wunderschöne Komponenten zu gießen.
diff --git a/components/Services.vue b/components/Services.vue
index 8d546c4..70f8567 100644
--- a/components/Services.vue
+++ b/components/Services.vue
@@ -23,7 +23,9 @@
     </div>
     <article class="z-2 card flex-col default-gap margin-top">
       <h3>Keinen Bock auf Telen? Understandable.</h3>
-      <p>Dann schreib mir einfach gerne direkt eine E-Mail an <ClientOnly><a class="orange" href="mailto:anfragen@webfussel.de">anfragen@webfussel.de</a></ClientOnly></p>
+      <p>Dann schreib mir einfach gerne direkt eine E-Mail an
+        <ClientOnly><a class="mail" href="mailto:anfragen@webfussel.de">anfragen@webfussel.de<img :src="mail" aria-hidden="true" alt="" /></a></ClientOnly>
+      </p>
       <h3>Keine Kohle? Kommt vor.</h3>
       <p>Meld dich trotzdem. Eventuell ist dein Projekt ja cool genug, dass ich dir da auch entsprechend entgegenkommen kann. :)</p>
     </article>
@@ -44,6 +46,7 @@
 <script setup lang="ts">
 import check from 'iconoir/icons/regular/double-check.svg'
 import type { Person } from '#components'
+import mail from 'iconoir/icons/regular/mail.svg'
 
 const services = [
   {