update

src/client/sass/_navbar.scss

@@ -13,10 +13,10 @@
     display: flex;
 
     li {
-
       flex: 1;
       text-align: center;
       height: 3rem;
+      //height: 4rem;
       padding-top: 0.5rem;
       padding-bottom: 0.5rem;
 
@@ -29,22 +29,26 @@
 
       @include breakpoint(large) {
         height: 4rem;
+        a {
+          font-size: 1rem !important;
+        }
       }
 
       a {
         color: black;
         font-family: "Bahnschrift", Helvetica, Arial, serif;
-        font-size: 1.3rem;
-        padding: 0.3rem;
+        font-size: 1rem;
+        font-weight: bold;
+        padding: 0.5rem;
+        //padding: 1rem;
         @include breakpoint(large) {
-          padding: 0.7rem 1rem;
+          padding: 1rem 1rem;
           font-size: 1.7rem;
         }
       }
 
       &.active {
         background: white;
-
         > a {
           background: transparent;
         }
@@ -61,7 +65,15 @@
         bottom: 0;
         //background: red;
         background-image: url("../img/einkreiser.png");
-        background-size: 100% 100%;
+        background-size: contain;
+        @include breakpoint(medium only){
+          background-size: 165px 100%;
+        }
+        @include breakpoint(small only){
+          background-size: 100% 100%;
+        }
+        background-position: center;
+        //background-size: 100% 100%;
         background-repeat: no-repeat;
         display: none;
         cursor: pointer;

src/client/sass/index.scss

@@ -19,6 +19,7 @@
   height: calc(100vh - 4rem);
   @include breakpoint(medium down) {
     height: calc(100vh - 3rem);
+    //height: calc(100vh - 4rem);
   }
 }
 
@@ -158,6 +159,7 @@ img.full-screen-width {
 .fill-height-medium-up {
   @include breakpoint(medium) {
     height: calc(100vh - 3rem);
+    //height: calc(100vh - 4rem);
     @include breakpoint(large){
       height: calc(100vh - 4rem);
     }