2 neue Kategorien und neue Anordnung

style.css

@@ -17,19 +17,18 @@ body {
 .header-container {
   position: relative;
   width: 100%;
-  
 }
 
 .header-image {
   width: 100%;
-  height: 70%;
+  height: 100%;
   object-fit: cover;
 }
 
 .container {
   position: absolute;
   right: 32px;
-  left: 32px;
+  left: 10px;
   top: 16px;
   font-family: Orbitron;
   font-size: 24px;
@@ -38,10 +37,6 @@ body {
   justify-content: space-between;
 }
 
-.logo {
-  width: calc(15% * 2);
-}
-
 .menu-link-home {
   color: white;
   text-decoration: none;
@@ -62,7 +57,7 @@ body {
 .headline {
   text-align: center;
   color: rgb(0, 0, 0);
-  font-size: 5vw;
+  font-size: 4vw;
   text-shadow: 5px 5px 3px rgba(5, 0, 0, 0.26);
 }
 
@@ -106,7 +101,7 @@ body {
   text-decoration: none;
   display: block;
   font-size: 250%;
-  margin: 10px; /* Abstand zwischen den Links hinzufügen */
+  margin: 20px; /* Abstand zwischen den Links hinzufügen */
 }
 
 .mobile-menu {
@@ -120,7 +115,11 @@ body {
   z-index: 1000;
 }
 
-@media screen and (max-width: 768px) {
+.KategorieLink {
+  width: 300px;
+}
+
+@media screen and (max-width: 937px) {
   .mobile-menu-icon {
     display: block; /* Bei kleinen Bildschirmen anzeigen */
   }
@@ -148,11 +147,11 @@ body {
     display: block;
     background-color: rgb(104, 0, 0);
   }
+
+  .KategorieLink {
+    width: 24%;
+  }
 }
 .Spieletypen {
   display: block;
-}
-.KategorieLink{
-  width: 22vw;
-  height: 100%;
-}
+}