update

dist/index.html

@@ -46,7 +46,7 @@
         </div>
     </div>
 </nav>
-<div id="main-content-container">
+<div id="main-content-container" class="hide-scrollbar">
     <span id="home-img-container">
         <span class="width-100" id="home-img">
             <img src="/img/home.jpg" id="" alt="Julia und Sam sehen sich verliebt an und halten dabei händchen &lt;3"

dist/main.css

@@ -4780,15 +4780,18 @@ html.is-reveal-open {
         padding-right: 0.5rem; }
       @media print, screen and (min-width: 64em) {
         .top-bar .menu li {
-          height: 4rem; } }
+          height: 4rem; }
+          .top-bar .menu li a {
+            font-size: 1rem !important; } }
       .top-bar .menu li 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; }
         @media print, screen and (min-width: 64em) {
           .top-bar .menu li a {
-            padding: 0.7rem 1rem;
+            padding: 1rem 1rem;
             font-size: 1.7rem; } }
       .top-bar .menu li.active {
         background: white; }
@@ -4802,10 +4805,17 @@ html.is-reveal-open {
         right: 0;
         bottom: 0;
         background-image: url(/img/einkreiser.png);
-        background-size: 100% 100%;
+        background-size: contain;
+        background-position: center;
         background-repeat: no-repeat;
         display: none;
         cursor: pointer; }
+        @media print, screen and (min-width: 50em) and (max-width: 63.99875em) {
+          .top-bar .menu li::after {
+            background-size: 165px 100%; } }
+        @media print, screen and (max-width: 49.99875em) {
+          .top-bar .menu li::after {
+            background-size: 100% 100%; } }
       .top-bar .menu li.active::after {
         display: initial;
         opacity: 0.7; }