diff --git a/assets/css/home.css b/assets/css/home.css
new file mode 100644
index 0000000..47db12c
--- /dev/null
+++ b/assets/css/home.css
@@ -0,0 +1,47 @@
+.home-nav {
+ min-height: 56px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ background-color: #000961; /* helleres Lapis-/Hellblau */
+}
+
+/* Inner zentriert */
+.home-nav__inner {
+ flex: 1;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/* List: 5 gleich große Bereiche */
+.home-nav__list {
+ width: 100%;
+ display: flex;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/* Kategorien */
+.home-nav__list li {
+ flex: 1;
+ text-align: center;
+ color: #ffffff;
+ font-weight: bold;
+ padding: 1rem 0;
+ position: relative;
+ cursor: pointer;
+}
+
+/* Trennstriche */
+.home-nav__list li:not(:last-child)::after {
+ content: "";
+ position: absolute;
+ right: 0;
+ top: 20%;
+ height: 60%;
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.6);
+}
diff --git a/header.php b/header.php
index c490979..e08756c 100644
--- a/header.php
+++ b/header.php
@@ -12,7 +12,7 @@
Geizkragen
-
+