diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 7201820..ee843e6 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -149,23 +149,20 @@ body {
 
 .nav-logo a {
     text-decoration: none;
-    font-size: var(--font-size-xl);
-    font-weight: 700;
-    color: var(--white);
     display: flex;
     align-items: center;
 }
 
-.logo-text {
-    font-family: var(--font-logo);
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+.logo-image {
+    height: 50px;
+    width: auto;
+    object-fit: contain;
+    transition: var(--transition-base);
 }
 
-.logo-tld {
-    color: var(--accent-color-2);
+.logo-image:hover {
+    transform: scale(1.05);
+    filter: drop-shadow(0 0 10px rgba(255, 81, 249, 0.5));
 }
 
 .nav-menu {
diff --git a/public/includes/header.php b/public/includes/header.php
index 00318a0..e7a7da9 100644
--- a/public/includes/header.php
+++ b/public/includes/header.php
@@ -17,8 +17,7 @@
             <div class="nav-container">
                 <div class="nav-logo">
                     <a href="index.php">
-                        <span class="logo-text">HexaHost</span>
-                        <span class="logo-tld">.de</span>
+                        <img src="https://cdn.hexahost.de/assets/img/logo/8iFs123BynHQWHI5.png" alt="HexaHost.de Logo" class="logo-image">
                     </a>
                 </div>
                 <ul class="nav-menu">