Replace logo text with image in header and update CSS styles for logo: Removed text-based logo and added an image with hover effects, enhancing visual appeal and user interaction.

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 {
+.logo-image {
-    font-family: var(--font-logo);
+    height: 50px;
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
+    width: auto;
-    -webkit-background-clip: text;
+    object-fit: contain;
-    -webkit-text-fill-color: transparent;
+    transition: var(--transition-base);
-    background-clip: text;
 }
 
-.logo-tld {
+.logo-image:hover {
-    color: var(--accent-color-2);
+    transform: scale(1.05);
+    filter: drop-shadow(0 0 10px rgba(255, 81, 249, 0.5));
 }
 
 .nav-menu {

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>
+                        <img src="https://cdn.hexahost.de/assets/img/logo/8iFs123BynHQWHI5.png" alt="HexaHost.de Logo" class="logo-image">
-                        <span class="logo-tld">.de</span>
                     </a>
                 </div>
                 <ul class="nav-menu">