zam rumfrickelei

components/03_Organisms/header/_header.scss

@@ -1,24 +1,27 @@
+
+$-logo-height: 45px;
 .LP-Header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 70px;
     height: 60px;
+    box-shadow: 0 0 2px $-light-brown;
 
     &__Navigation{
         flex-grow: 2;
     }
     
     &__Logo {
-        height: 60px;
+        height: $-logo-height;
         margin: 25px;
         object-fit:cover;
         max-height: 100%;
+        width: 225px;
         overflow: hidden;
         flex-shrink: 0;
 
         .LP-Image{
-            height: 60px;
+            height: 100%;
         }
     }
 }
@@ -38,7 +41,7 @@
 
 @media(max-width: $-viewport-medium){
     .LP-Header__Logo{
-        width: 60px;
+        width: $-logo-height;
         .LP-Image{
             object-position: 0 0;
             object-fit: cover;