static/styles.css

@@ -116,7 +116,7 @@ a:hover {
   text-decoration: underline;
 }
 
-.header-title:hover, .service-link:hover, .social-media:hover {
+.logo-link:hover, .service-link:hover, .social-media:hover {
   text-decoration: none;
 }
 
@@ -221,10 +221,6 @@ section:nth-child(even) {
   justify-content: center;
 }
 
-.split-section-img a {
-  height: 100%;
-}
-
 .split-section-img img {
   width: 100%;
   height: auto;
@@ -352,7 +348,7 @@ footer h2 {
   }
 
   .split-section-reverse {
-    flex-direction: column;
+    flex-direction: row;
   }
 
   .split-section-img {

templates/_base.html

@@ -26,10 +26,12 @@
     </div>
     <header class="header-nav">
       <nav class="header-content">
-        <a href="index.html" class="header-title">
+        <span class="header-title">
+          <a href="index.html" class="logo-link">
             <img src="static/img/logo.svg" alt="" class="logo-img" height="48" width="48" alt="">
             ComputerSchaf
           </a>
+        </span>
         <span class="header-spacer"></span>
         <span>
           <a href="index.html" class="nav-item link-button">Leistungen</a>