diff --git a/index.html b/index.html
index 111d9d0..1814c9c 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Inventur Spartacus</title>
   </head>
-  <body>
+  <body class="has-navbar-fixed-top">
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
diff --git a/src/lib/Drink.svelte b/src/lib/Drink.svelte
index 2269873..8c7b28f 100644
--- a/src/lib/Drink.svelte
+++ b/src/lib/Drink.svelte
@@ -3,7 +3,6 @@
 
 <script lang="ts">
     import { activeCategory, drinks } from "../stores.js";
-    import { fade, fly } from "svelte/transition";
 </script>
 
 <section class="section">
@@ -11,17 +10,45 @@
         {#if $activeCategory == ""}
             <article class="message is-info">
                 <div class="message-header">
-                    <p>hey!</p>
+                    <p>Hallo! Schön, dass du eine Inventur machen möchtest. :)</p>
                 </div>
                 <div class="message-body">
-                    <p>waehle oben eine kategorie aus, um mit der inventur loszulegen.</p>
+                    <p>
+                        Wähle oben eine Getränkekategorie aus, um mit der Inventur loszulegen.
+                        <br>
+                        Dein Fortschritt wird gespeichert, bis du mit Klick auf <span class="tag is-primary"><strong>Abschluss</strong></span> die Inventur abschließt.
+                        <br>
+                        Wenn du neu starten möchtest, klicke auf <span class="tag is-danger"><strong>Reset</strong></span>.
+                        <br><br>
+                        Zurück hierher kommst du, wenn du oben auf das Spartacus-Logo klickst.
+                    </p>
+
+                </div>
+            </article>
+            <article class="message is-link">
+                <div class="message-body">
+                    <p>
+                        ℹ️ Inventur begonnen am TBD
+                        <!-- Wenn schon was im local storage liegt, sollte der Zeitpunkt der Erstellung hier genannt werden -->
+                    </p>
                 </div>
             </article>
         {:else}
             {#each $drinks as drink, name}
                 {#if drink.type == $activeCategory}
-                    <div in:fly="{{ x: 200, duration: 300 }}" out:fly="{{ y: 400, duration: 0 }}" class="box">
-                        <h1>{drink.name}</h1>
+                    <div class="box">
+                        <div class="columns">
+                            <div class="column is-one-third">
+                                {drink.name}
+                            </div>
+                            <div class="column">
+                                <input class="input is-primary" type="number" placeholder="Anzahl volle Gebinde/Kästen">
+                            </div>
+                            <div class="column">
+                                <input class="input is-rounded" type="number" placeholder="Anzahl einzelne Flaschen">
+                            </div>
+                        </div>
+
                     </div>
                 {/if}
             {/each}
diff --git a/src/lib/Navbar.svelte b/src/lib/Navbar.svelte
index 6f918f2..2413a29 100644
--- a/src/lib/Navbar.svelte
+++ b/src/lib/Navbar.svelte
@@ -11,28 +11,44 @@
     }
 </script>
 
-<main>
-    <nav class="navbar is-white is-spaced has-shadow">
-        <div class="navbar-brand">
-            <a class="navbar-item">
-                <img src={sparti_logo} />
+<nav class="navbar is-light is-spaced has-shadow is-fixed-top">
+    <div class="navbar-brand">
+        <a on:click={() => setActiveCategory("")} class="navbar-item">
+            <img src={sparti_logo} />
+        </a>
+    </div>
+    <div class="navbar-menu">
+        <div class="navbar-start">
+            <a class="navbar-item" on:click={() => setActiveCategory("beer")}>
+                Bier
+            </a>
+            <a class="navbar-item" on:click={() => setActiveCategory("fizzyDrink")}>
+                Brause & Wasser
+            </a>
+            <a class="navbar-item" on:click={() => setActiveCategory("wine")}>
+                Wein & Sekt
+            </a>
+            <a class="navbar-item" on:click={() => setActiveCategory("spirit")}>
+                Schnaps & Sirup
             </a>
         </div>
-        <div id="navbar-menu">
-            <div class="navbar-start">
-                <a class="navbar-item" on:click={() => setActiveCategory("beer")}>
-                    Bier
-                </a>
-                <a class="navbar-item" on:click={() => setActiveCategory("fizzyDrink")}>
-                    Brause & Wasser
-                </a>
-                <a class="navbar-item" on:click={() => setActiveCategory("wine")}>
-                    Wein & Sekt
-                </a>
-                <a class="navbar-item" on:click={() => setActiveCategory("spirit")}>
-                    Schnaps & Sirup
-                </a>
+
+        <div class="navbar-end">
+            <div class="navbar-item">
+                <div class="buttons">
+                    <a on:click={() => console.log("TBD")} class="button is-primary">
+                        <strong>Abschluss</strong>
+                        <!-- Hier sollte dann auch ein Name eingegeben werden -->
+                    </a>
+                </div>
+            </div>
+            <div class="navbar-item">
+                <div class="buttons">
+                    <a on:click={() => console.log("TBD")} class="button is-danger">
+                        <strong>Reset</strong>
+                    </a>
+                </div>
             </div>
         </div>
-    </nav>
-</main>
\ No newline at end of file
+    </div>
+</nav>
\ No newline at end of file
