diff --git a/src/App.svelte b/src/App.svelte
index 160c575..2653e0f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,15 +1,14 @@
-<!-- svelte-ignore a11y-missing-attribute -->
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-
 <script lang="ts">
-    import "../node_modules/bulma/css/bulma.min.css";
-    import List from "./components/List.svelte";
-    import Navbar from "./components/Navbar.svelte";
+  import "../node_modules/bulma/css/bulma.min.css";
+  import List from "./components/List.svelte";
+  import Navbar from "./components/Navbar.svelte";
 </script>
 
+<!-- svelte-ignore a11y-missing-attribute -->
 <main>
   <Navbar />
   <div class="container" id="drink-container">
     <List />
   </div>
-</main>
\ No newline at end of file
+</main>
diff --git a/src/components/Drink.svelte b/src/components/Drink.svelte
index 150b5e3..f12cfe6 100644
--- a/src/components/Drink.svelte
+++ b/src/components/Drink.svelte
@@ -1,78 +1,88 @@
 <script lang="ts">
-    import { onMount } from "svelte";
-    import { inventory, inventoryStartedAt } from "../stores/inventory"
-    import inventoryApi from "../lib/api";
+  import { onMount } from "svelte";
+  import { inventory, inventoryStartedAt } from "../stores/inventory";
+  import inventoryApi from "../lib/api";
 
-    export let drinkName: string
-    export let drinkType: string
+  export let drinkName: string;
+  export let drinkType: string;
 
-    let amountContainers: number
-    let amountBottles: number
+  let amountContainers: number;
+  let amountBottles: number;
 
-    const setStartOfInventory = () => {
-        if ($inventoryStartedAt.length < 1) {
-            $inventoryStartedAt = inventoryApi.createTimestamp()
-            inventoryApi.save("inventoryStartedAt", $inventoryStartedAt)
-        }
+  const setStartOfInventory = () => {
+    if ($inventoryStartedAt.length < 1) {
+      $inventoryStartedAt = inventoryApi.createTimestamp();
+      inventoryApi.save("inventoryStartedAt", $inventoryStartedAt);
     }
+  };
 
-    const saveInventory = () => {
-        // Check if a drink is already in the inventory. If yes, then update the amounts. If not, add it.
-        if ($inventory.some(item => item.name === drinkName)) {
-            $inventory.forEach(item => {
-                if (drinkName === item.name) {
-                    item.amountContainers = amountContainers
-                    item.amountBottles = amountBottles
-                }
-            })
+  const saveInventory = () => {
+    // Check if a drink is already in the inventory. If yes, then update the amounts. If not, add it.
+    if ($inventory.some((item) => item.name === drinkName)) {
+      $inventory.forEach((item) => {
+        if (drinkName === item.name) {
+          item.amountContainers = amountContainers;
+          item.amountBottles = amountBottles;
         }
-        else {
-            $inventory = [
-                {
-                    name: drinkName,
-                    type: drinkType,
-                    amountContainers: amountContainers,
-                    amountBottles: amountBottles,
-                },
-                ...$inventory,
-            ];
-        }
-        inventoryApi.save("drinks", $inventory)
+      });
+    } else {
+      $inventory = [
+        {
+          name: drinkName,
+          type: drinkType,
+          amountContainers: amountContainers,
+          amountBottles: amountBottles,
+        },
+        ...$inventory,
+      ];
     }
+    inventoryApi.save("drinks", $inventory);
+  };
 
-    const loadAmountsFromInventory = () => {
-        $inventory.forEach(item => {
-            if (item.name === drinkName) {
-                amountContainers = item.amountContainers;
-                amountBottles = item.amountBottles;
-            }
-        })
-    }
-
-    onMount(async () => {
-        loadAmountsFromInventory()
-        // Check if an inventory has been ongoing on the current device
-        $inventoryStartedAt = await inventoryApi.load("inventoryStartedAt")
-    })
+  const loadAmountsFromInventory = () => {
+    $inventory.forEach((item) => {
+      if (item.name === drinkName) {
+        amountContainers = item.amountContainers;
+        amountBottles = item.amountBottles;
+      }
+    });
+  };
 
+  onMount(async () => {
+    loadAmountsFromInventory();
+    // Check if an inventory has been ongoing on the current device
+    $inventoryStartedAt = await inventoryApi.load("inventoryStartedAt");
+  });
 </script>
 
 <div class="box">
-    <div class="columns">
-        <div class="column is-one-third">
-            {drinkName}
-        </div>
-        <div class="column">
-            <input class="input is-primary" type="number" placeholder="Anzahl volle Gebinde/Kästen" bind:value={amountContainers} on:input={() => {
-                saveInventory()
-                setStartOfInventory()
-            }}>
-        </div>
-        <div class="column">
-            <input class="input is-rounded" type="number" placeholder="Anzahl einzelne Flaschen" bind:value={amountBottles} on:input={() => {
-                saveInventory()
-                setStartOfInventory()
-            }}>
-        </div>
+  <div class="columns">
+    <div class="column is-one-third">
+      {drinkName}
     </div>
-</div>
\ No newline at end of file
+    <div class="column">
+      <input
+        class="input is-primary"
+        type="number"
+        placeholder="Anzahl volle Gebinde/Kästen"
+        bind:value={amountContainers}
+        on:input={() => {
+          saveInventory();
+          setStartOfInventory();
+        }}
+      />
+    </div>
+    <div class="column">
+      <input
+        class="input is-rounded"
+        type="number"
+        placeholder="Anzahl einzelne Flaschen"
+        bind:value={amountBottles}
+        on:input={() => {
+          saveInventory();
+          setStartOfInventory();
+        }}
+      />
+    </div>
+  </div>
+</div>
diff --git a/src/components/Finish.svelte b/src/components/Finish.svelte
index f8aedcd..356f7aa 100644
--- a/src/components/Finish.svelte
+++ b/src/components/Finish.svelte
@@ -1,95 +1,118 @@
 <script lang="ts">
-    import inventoryApi from "../lib/api";
-    import { drinks, inventory } from "../stores/inventory";
-    import Success from "./Success.svelte";
+  import inventoryApi from "../lib/api";
+  import { drinks, inventory } from "../stores/inventory";
+  import Success from "./Success.svelte";
 
-    export let finishKind = "";
-    let windowIsVisible = "";
-    let name = "";
-    let comment = "";
+  export let finishKind = "";
+  let windowIsVisible = "";
+  let name = "";
+  let comment = "";
 
-    let successWindow;
+  let successWindow;
 
-    export const showWindow = () => windowIsVisible = "is-active";
+  export const showWindow = () => (windowIsVisible = "is-active");
 
-    const closeWindow = () => {
-        windowIsVisible = "";
-    };
-    
-    // If the input field of a drink was not touched, interpret it as "0 containers, 0 bottles" and add it to the inventory
-    const fillInventoryWithZeroes = () => {
-        $drinks.forEach(drink => {
-            if (!$inventory.some(item => item.name === drink.name)) {
-               $inventory = [{name: drink.name, type: drink.type, amountContainers: 0, amountBottles: 0 }, ...$inventory] 
-            }
-        })
-    }
-    
+  const closeWindow = () => {
+    windowIsVisible = "";
+  };
+
+  // If the input field of a drink was not touched, interpret it as "0 containers, 0 bottles" and add it to the inventory
+  const fillInventoryWithZeroes = () => {
+    $drinks.forEach((drink) => {
+      if (!$inventory.some((item) => item.name === drink.name)) {
+        $inventory = [
+          {
+            name: drink.name,
+            type: drink.type,
+            amountContainers: 0,
+            amountBottles: 0,
+          },
+          ...$inventory,
+        ];
+      }
+    });
+  };
 </script>
 
 <div class="modal {windowIsVisible}">
-    <div class="modal-background"/>
-        <div class="modal-card">
-
-            {#if finishKind === "reset"}
-                <header class="modal-card-head">
-                    <p class="modal-card-title">Inventur neu beginnen ❌</p>
-                    <button class="delete" aria-label="close" on:click={closeWindow}></button>
-                </header>
-                <section class="modal-card-body">
-                    <p>Bist du dir sicher, dass du die Inventur abbrechen willst? Damit werden alle bereits eingegebenen Werte zurückgesetzt.</p>
-                </section>
-                <footer class="modal-card-foot">
-                    <button class="button is-danger" on:click={inventoryApi.reset}>Ja, Reset!</button>
-                    <button class="button" on:click={closeWindow}>Abbrechen</button>
-                </footer>
-
-            {:else if finishKind === "finish"}
-                <!--Prevent saving empty inventories-->
-                {#if $inventory.length > 0}
-                    <header class="modal-card-head">
-                        <p class="modal-card-title">Inventur abschließen ✅</p>
-                        <button class="delete" aria-label="close" on:click={closeWindow}></button>
-                    </header>
-                    <section class="modal-card-body">
-                        <p>
-                            Vielen Dank, dass du eine Inventur gemacht hast! 🫶
-                            <br>
-                            Bitte gib noch deinen <strong>Namen</strong> ein. Außerdem hast du hier noch Platz für irgendwelche <strong>Kommentare</strong> zu deiner Inventur.
-                        </p>
-                        <br>
-                        <div class="field">
-                            <input class="input is-primary" type="text" placeholder="Name" bind:value={name} />
-                        </div>
-                        <div class="field">
-                            <textarea class="textarea is-info" placeholder="Kommentare" bind:value={comment} />
-                        </div>
-                    </section>
-                    <footer class="modal-card-foot">
-                        {#if name.length > 0}
-                            <button class="button is-primary" on:click={() => {
-                                fillInventoryWithZeroes()
-                                inventoryApi.sendResultToBackend($inventory, name, comment)
-                                closeWindow()
-                                successWindow.showWindow()
-                                setTimeout(() => inventoryApi.reset(), 3000)
-                        }}>Abschließen</button>
-                        {:else}
-                            <button class="button" disabled>Abschließen</button>
-                        {/if}
-                        <button class="button" on:click={closeWindow}>Abbrechen</button>
-                    </footer>
-                {:else}
-                <section class="modal-card-body">
-                    <p>Du hast noch gar keine Daten erfasst. 🤓</p>
-                </section>
-                <footer class="modal-card-foot">
-                    <button class="button" on:click={closeWindow}>Zurück</button>
-                </footer>
-                {/if}
-            {/if}
-
-        </div>
+  <div class="modal-background" />
+  <div class="modal-card">
+    {#if finishKind === "reset"}
+      <header class="modal-card-head">
+        <p class="modal-card-title">Inventur neu beginnen ❌</p>
+        <button class="delete" aria-label="close" on:click={closeWindow} />
+      </header>
+      <section class="modal-card-body">
+        <p>
+          Bist du dir sicher, dass du die Inventur abbrechen willst? Damit
+          werden alle bereits eingegebenen Werte zurückgesetzt.
+        </p>
+      </section>
+      <footer class="modal-card-foot">
+        <button class="button is-danger" on:click={inventoryApi.reset}
+          >Ja, Reset!</button
+        >
+        <button class="button" on:click={closeWindow}>Abbrechen</button>
+      </footer>
+    {:else if finishKind === "finish"}
+      <!--Prevent saving empty inventories-->
+      {#if $inventory.length > 0}
+        <header class="modal-card-head">
+          <p class="modal-card-title">Inventur abschließen ✅</p>
+          <button class="delete" aria-label="close" on:click={closeWindow} />
+        </header>
+        <section class="modal-card-body">
+          <p>
+            Vielen Dank, dass du eine Inventur gemacht hast! 🫶
+            <br />
+            Bitte gib noch deinen <strong>Namen</strong> ein. Außerdem hast du
+            hier noch Platz für irgendwelche
+            <strong>Kommentare</strong> zu deiner Inventur.
+          </p>
+          <br />
+          <div class="field">
+            <input
+              class="input is-primary"
+              type="text"
+              placeholder="Name"
+              bind:value={name}
+            />
+          </div>
+          <div class="field">
+            <textarea
+              class="textarea is-info"
+              placeholder="Kommentare"
+              bind:value={comment}
+            />
+          </div>
+        </section>
+        <footer class="modal-card-foot">
+          {#if name.length > 0}
+            <button
+              class="button is-primary"
+              on:click={() => {
+                fillInventoryWithZeroes();
+                inventoryApi.sendResultToBackend($inventory, name, comment);
+                closeWindow();
+                successWindow.showWindow();
+                setTimeout(() => inventoryApi.reset(), 3000);
+              }}>Abschließen</button
+            >
+          {:else}
+            <button class="button" disabled>Abschließen</button>
+          {/if}
+          <button class="button" on:click={closeWindow}>Abbrechen</button>
+        </footer>
+      {:else}
+        <section class="modal-card-body">
+          <p>Du hast noch gar keine Daten erfasst. 🤓</p>
+        </section>
+        <footer class="modal-card-foot">
+          <button class="button" on:click={closeWindow}>Zurück</button>
+        </footer>
+      {/if}
+    {/if}
+  </div>
 </div>
 
-<Success bind:this={successWindow} />
\ No newline at end of file
+<Success bind:this={successWindow} />
diff --git a/src/components/Info.svelte b/src/components/Info.svelte
index 803291b..b5b3a29 100644
--- a/src/components/Info.svelte
+++ b/src/components/Info.svelte
@@ -1,37 +1,41 @@
 <script lang="ts">
-    import { onMount } from "svelte";
-    import { inventoryStartedAt } from "../stores/inventory";
-    import inventoryApi from "../lib/api";
+  import { onMount } from "svelte";
+  import { inventoryStartedAt } from "../stores/inventory";
+  import inventoryApi from "../lib/api";
 
-    onMount(async () => {
-        $inventoryStartedAt = await inventoryApi.load("inventoryStartedAt")
-    })
+  onMount(async () => {
+    $inventoryStartedAt = await inventoryApi.load("inventoryStartedAt");
+  });
 </script>
 
 <article class="message is-info">
-    <div class="message-header">
-        <p>Hallo! Schön, dass du eine Inventur machen möchtest. 🙂</p>
-    </div>
-    <div class="message-body">
-        <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>
-            Zurück hierher kommst du, wenn du oben auf das Spartacus-Logo klickst.
-        </p>
-
-    </div>
+  <div class="message-header">
+    <p>Hallo! Schön, dass du eine Inventur machen möchtest. 🙂</p>
+  </div>
+  <div class="message-body">
+    <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 />
+      Zurück hierher kommst du, wenn du oben auf das Spartacus-Logo klickst.
+    </p>
+  </div>
 </article>
 
 {#if $inventoryStartedAt.length > 0}
-<article class="message is-link">
+  <article class="message is-link">
     <div class="message-body">
-        <p>
-            Du hast <strong>am {$inventoryStartedAt}</strong> auf deinem aktuellen Gerät eine Inventur gestartet.
-            <br>
-            Klicke oben rechts auf <span class="tag is-danger"><strong>Reset</strong></span>, wenn du deinen Fortschritt löschen möchtest.
-        </p>
+      <p>
+        Du hast <strong>am {$inventoryStartedAt}</strong> auf deinem aktuellen
+        Gerät eine Inventur gestartet.
+        <br />
+        Klicke oben rechts auf
+        <span class="tag is-danger"><strong>Reset</strong></span>, wenn du
+        deinen Fortschritt löschen möchtest.
+      </p>
     </div>
-</article>
-{/if}
\ No newline at end of file
+  </article>
+{/if}
diff --git a/src/components/List.svelte b/src/components/List.svelte
index a797b38..cae6dd5 100644
--- a/src/components/List.svelte
+++ b/src/components/List.svelte
@@ -1,44 +1,44 @@
-<!-- svelte-ignore a11y-missing-attribute -->
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-
 <script lang="ts">
-    import { onMount } from "svelte";
-    import Drink from "./Drink.svelte";
-    import Info from "./Info.svelte";
-    import { activeCategory, drinks, inventory } from "../stores/inventory.js";
-    import inventoryApi from "../lib/api";
+  import { onMount } from "svelte";
+  import Drink from "./Drink.svelte";
+  import Info from "./Info.svelte";
+  import { activeCategory, drinks, inventory } from "../stores/inventory.js";
+  import inventoryApi from "../lib/api";
 
-    $: filteredDrinks = $drinks.filter(drink => drink.type == $activeCategory);
-
-    onMount(async () => {
-        $inventory = await inventoryApi.load("drinks");
-    })
+  $: filteredDrinks = $drinks.filter((drink) => drink.type == $activeCategory);
 
+  onMount(async () => {
+    $inventory = await inventoryApi.load("drinks");
+  });
 </script>
 
+<!-- svelte-ignore a11y-missing-attribute -->
+
+
 <section class="section">
-    <div class="container">
-        {#if $activeCategory == ""}
-            <Info />
-        {:else}
-            <div class="block">
-                <div class="subtitle">
-                    {#if $activeCategory === "beer"}
-                        <strong>Bier 🍺</strong>
-                    {:else if $activeCategory === "fizzyDrink"}
-                        <strong>Brause & Wasser 💧</strong>
-                    {:else if $activeCategory === "wine"} 
-                        <strong>Wein 🍷</strong>
-                    {:else}
-                        <strong>Schnaps & Sirup 🥃</strong>
-                    {/if}
-                </div>
-            </div>
-            <div class="block">
-                {#each filteredDrinks as drink (drink.name)}
-                    <Drink drinkName={drink.name} drinkType={drink.type} /> 
-                {/each}
-            </div>
-        {/if}
-    </div>
-</section>
\ No newline at end of file
+  <div class="container">
+    {#if $activeCategory == ""}
+      <Info />
+    {:else}
+      <div class="block">
+        <div class="subtitle">
+          {#if $activeCategory === "beer"}
+            <strong>Bier 🍺</strong>
+          {:else if $activeCategory === "fizzyDrink"}
+            <strong>Brause & Wasser 💧</strong>
+          {:else if $activeCategory === "wine"}
+            <strong>Wein 🍷</strong>
+          {:else}
+            <strong>Schnaps & Sirup 🥃</strong>
+          {/if}
+        </div>
+      </div>
+      <div class="block">
+        {#each filteredDrinks as drink (drink.name)}
+          <Drink drinkName={drink.name} drinkType={drink.type} />
+        {/each}
+      </div>
+    {/if}
+  </div>
+</section>
diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
index 5eef854..2f0eeab 100644
--- a/src/components/Navbar.svelte
+++ b/src/components/Navbar.svelte
@@ -1,92 +1,102 @@
-<!-- svelte-ignore a11y-missing-attribute -->
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-
 <script lang="ts">
-    import { activeCategory } from "../stores/inventory";
-    import { inventory } from "../stores/inventory";
-    import Finish from "./Finish.svelte";
+  import { activeCategory } from "../stores/inventory";
+  import { inventory } from "../stores/inventory";
+  import Finish from "./Finish.svelte";
 
-    let sparti_logo = "./src/assets/sparti_logo.png";
-    let resetOrFinish = "";
-    let modalWindow;
-    let burgerMenuActive = "";
+  let sparti_logo = "./src/assets/sparti_logo.png";
+  let resetOrFinish = "";
+  let modalWindow;
+  let burgerMenuActive = "";
 
-    const drinkCategories = [
-       {name: "beer", friendlyName: "Bier"},
-       {name: "fizzyDrink", friendlyName: "Brause & Wasser"},
-       {name: "wine", friendlyName: "Wein"},
-       {name: "spirit", friendlyName: "Schnaps & Sirup"},
-    ]
+  const drinkCategories = [
+    { name: "beer", friendlyName: "Bier" },
+    { name: "fizzyDrink", friendlyName: "Brause & Wasser" },
+    { name: "wine", friendlyName: "Wein" },
+    { name: "spirit", friendlyName: "Schnaps & Sirup" },
+  ];
 
-    const setActiveCategory = (category: string) => {
-        $activeCategory = category;
-    }
+  const setActiveCategory = (category: string) => {
+    $activeCategory = category;
+  };
 
-    const setFinishKind = (kind: string) => {
-        resetOrFinish = kind;
-    }
+  const setFinishKind = (kind: string) => {
+    resetOrFinish = kind;
+  };
 
-    const toggleBurgerMenu = () => {
-        burgerMenuActive = burgerMenuActive === "is-active" ? "" : "is-active"
-    }
-    
+  const toggleBurgerMenu = () => {
+    burgerMenuActive = burgerMenuActive === "is-active" ? "" : "is-active";
+  };
 </script>
 
+<!-- svelte-ignore a11y-missing-attribute -->
+
+
 <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} />
+  <div class="navbar-brand">
+    <a on:click={() => setActiveCategory("")} class="navbar-item">
+      <img src={sparti_logo} />
+    </a>
+
+    <a
+      role="button"
+      class="navbar-burger {burgerMenuActive}"
+      on:click={toggleBurgerMenu}
+      aria-label="menu"
+      aria-expanded="false"
+      data-target="spartacusNavbar"
+    >
+      <span aria-hidden="true" />
+      <span aria-hidden="true" />
+      <span aria-hidden="true" />
+    </a>
+  </div>
+  <div class="navbar-menu {burgerMenuActive}" id="spartacusNavbar">
+    <div class="navbar-start">
+      {#each drinkCategories as category (category.name)}
+        <a
+          class="navbar-item"
+          on:click={() => {
+            setActiveCategory(category.name);
+            toggleBurgerMenu();
+          }}
+        >
+          {category.friendlyName}
         </a>
+      {/each}
+    </div>
 
-        <a role="button" class="navbar-burger {burgerMenuActive}" on:click={toggleBurgerMenu} aria-label="menu" aria-expanded="false" data-target="spartacusNavbar">
-            <span aria-hidden="true"></span>
-            <span aria-hidden="true"></span>
-            <span aria-hidden="true"></span>
+    <div class="navbar-end">
+      <div class="navbar-item">
+        <div class="buttons">
+          <a
+            on:click={() => {
+              setFinishKind("finish");
+              modalWindow.showWindow();
+            }}
+            class="button is-primary"
+          >
+            <strong>Abschluss</strong>
           </a>
-
-    </div>
-    <div class="navbar-menu {burgerMenuActive}" id="spartacusNavbar">
-        <div class="navbar-start">
-            {#each drinkCategories as category (category.name)}
-            <a class="navbar-item" on:click={() => {
-                    setActiveCategory(category.name);
-                    toggleBurgerMenu();
-                    }
-                }>
-                {category.friendlyName}
-                </a>
-            {/each}
         </div>
-
-        <div class="navbar-end">
-            <div class="navbar-item">
-                <div class="buttons">
-                    <a on:click={
-                        () => {
-                            setFinishKind("finish"); 
-                            modalWindow.showWindow()
-                        }
-                    } class="button is-primary">
-                        <strong>Abschluss</strong>
-                    </a>
-                </div>
-            </div>
-            {#if $inventory.length > 0}
-            <div class="navbar-item">
-                <div class="buttons">
-                    <a on:click={
-                        () => {
-                            setFinishKind("reset"); 
-                            modalWindow.showWindow()
-                        }
-                    } class="button is-danger">
-                        <strong>Reset</strong>
-                    </a>
-                </div>
-            </div>
-            {/if}
+      </div>
+      {#if $inventory.length > 0}
+        <div class="navbar-item">
+          <div class="buttons">
+            <a
+              on:click={() => {
+                setFinishKind("reset");
+                modalWindow.showWindow();
+              }}
+              class="button is-danger"
+            >
+              <strong>Reset</strong>
+            </a>
+          </div>
         </div>
+      {/if}
     </div>
+  </div>
 </nav>
 
-<Finish bind:this={modalWindow} finishKind={resetOrFinish} />
\ No newline at end of file
+<Finish bind:this={modalWindow} finishKind={resetOrFinish} />
diff --git a/src/components/Success.svelte b/src/components/Success.svelte
index 167d431..5e6db2c 100644
--- a/src/components/Success.svelte
+++ b/src/components/Success.svelte
@@ -1,25 +1,21 @@
 <script lang="ts">
-    let windowIsVisible = "";
-    
-    export const showWindow = () => windowIsVisible = "is-active";
+  let windowIsVisible = "";
 
-    const closeWindow = () => {
-        windowIsVisible = "";
-    };
+  export const showWindow = () => (windowIsVisible = "is-active");
+
+  const closeWindow = () => {
+    windowIsVisible = "";
+  };
 </script>
 
 <div class="modal {windowIsVisible}">
-    <div class="modal-background"/>
-        <div class="card">
-            <div class="card-content">
-                <p class="title">
-                    Inventur abgeschlossen. Danke! ✨
-                </p>
-                <p class="subtitle">
-                    Die Seite wird gleich automatisch neu geladen...
-                </p>
-                <!--Just a small, decorative, indefinite progress bar-->
-                <progress class="progress is-small is-primary" />
-            </div>
-        </div>
-</div>
\ No newline at end of file
+  <div class="modal-background" />
+  <div class="card">
+    <div class="card-content">
+      <p class="title">Inventur abgeschlossen. Danke! ✨</p>
+      <p class="subtitle">Die Seite wird gleich automatisch neu geladen...</p>
+      <!--Just a small, decorative, indefinite progress bar-->
+      <progress class="progress is-small is-primary" />
+    </div>
+  </div>
+</div>
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 5030e76..21c8d53 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,61 +1,75 @@
-const backendProtocol = "http"
-const backendHost = "localhost"
-const backendPort = "8161"
-const backendEndpoint = "drinks"
+const backendProtocol = "http";
+const backendHost = "localhost";
+const backendPort = "8161";
+const backendEndpoint = "drinks";
 
 export default class inventoryApi {
-    static async save(key: string, value: any) {
-        localStorage.setItem(key, JSON.stringify(value));
-    }
+  static async save(key: string, value: any) {
+    localStorage.setItem(key, JSON.stringify(value));
+  }
 
-    static async load(key: string) {
-        return JSON.parse(localStorage.getItem(key) || "[]");
-    }
+  static async load(key: string) {
+    return JSON.parse(localStorage.getItem(key) || "[]");
+  }
 
-    static async reset() {
-        localStorage.removeItem("drinks")
-        localStorage.removeItem("inventoryStartedAt")
-        window.location.reload();
-    }
+  static async reset() {
+    localStorage.removeItem("drinks");
+    localStorage.removeItem("inventoryStartedAt");
+    window.location.reload();
+  }
 
-    static async sendResultToBackend(inventory: any, name: string, comment: string) {
-        let result = {
-            inventory: inventory,
-            name: name,
-            comment: comment,
-            inventoryFinishedAt: inventoryApi.createTimestamp()
-        }
-
-        try {
-            await fetch(backendProtocol+"://"+backendHost+":"+backendPort+"/"+backendEndpoint, {
-                method: "POST",
-                headers: {
-                    'Accept': 'application/json',
-                    'Content-Type': 'application/json'
-                  },
-                body: JSON.stringify(result),
-            })
-        } catch(err) {
-            console.log(err)
-            alert("Ergebnis konnte nicht abgeschickt werden. Check mal die Dev-Console und/oder gib bitte kurz in der Gastro-Gruppe Bescheid...")
+  static async sendResultToBackend(
+    inventory: any,
+    name: string,
+    comment: string
+  ) {
+    let result = {
+      inventory: inventory,
+      name: name,
+      comment: comment,
+      inventoryFinishedAt: inventoryApi.createTimestamp(),
+    };
+
+    try {
+      await fetch(
+        backendProtocol +
+          "://" +
+          backendHost +
+          ":" +
+          backendPort +
+          "/" +
+          backendEndpoint,
+        {
+          method: "POST",
+          headers: {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(result),
         }
+      );
+    } catch (err) {
+      console.log(err);
+      alert(
+        "Ergebnis konnte nicht abgeschickt werden. Check mal die Dev-Console und/oder gib bitte kurz in der Gastro-Gruppe Bescheid..."
+      );
     }
+  }
 
-    static createTimestamp() {
-        let _unixTime = Date.now();
-        let _date = new Date(_unixTime).toLocaleDateString();
-        let _time = new Date(_unixTime).toLocaleTimeString();
+  static createTimestamp() {
+    let _unixTime = Date.now();
+    let _date = new Date(_unixTime).toLocaleDateString();
+    let _time = new Date(_unixTime).toLocaleTimeString();
 
-        return _date + " um " + _time
-    }
+    return _date + " um " + _time;
+  }
 
-    static async saveNameAndComment(name: string, comment: string) {
-        let performingPerson = {
-            name: name,
-            comment: comment
-        }
-
-        inventoryApi.save("performingPerson", performingPerson)
-    }
+  static async saveNameAndComment(name: string, comment: string) {
+    let performingPerson = {
+      name: name,
+      comment: comment,
+    };
 
+    inventoryApi.save("performingPerson", performingPerson);
+  }
 }
diff --git a/src/main.ts b/src/main.ts
index 0dfb1ee..83bc6ab 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,7 @@
-import App from './App.svelte'
+import App from "./App.svelte";
 
 const app = new App({
-  target: document.body
-})
+  target: document.body,
+});
 
-export default app
+export default app;
diff --git a/src/stores/inventory.ts b/src/stores/inventory.ts
index 1d2f1c9..31d1a44 100644
--- a/src/stores/inventory.ts
+++ b/src/stores/inventory.ts
@@ -1,50 +1,50 @@
-import { readable, writable } from "svelte/store"
+import { readable, writable } from "svelte/store";
 
 export const drinks = readable([
-    // Biere
-    { name: "Sternburg Export (0,5 l)", type: "beer" },
-    { name: "PU (0,5 l)", type: "beer" },
-    { name: "Gösser Radler (0,5 l)", type: "beer" },
-    { name: "Paulaner Hefe alkoholfrei (0,5 l)", type: "beer" },
-    { name: "Augustiner Lagerbier Hell (0,5 l)", type: "beer" },
-    { name: "Störtebeker Atlantik-Ale (0,33 l)", type: "beer" },
+  // Biere
+  { name: "Sternburg Export (0,5 l)", type: "beer" },
+  { name: "PU (0,5 l)", type: "beer" },
+  { name: "Gösser Radler (0,5 l)", type: "beer" },
+  { name: "Paulaner Hefe alkoholfrei (0,5 l)", type: "beer" },
+  { name: "Augustiner Lagerbier Hell (0,5 l)", type: "beer" },
+  { name: "Störtebeker Atlantik-Ale (0,33 l)", type: "beer" },
 
-    // Brause & Wasser
-    { name: "Soli Mate (0,5 l)", type: "fizzyDrink" },
-    { name: "Schneiders Spezi (0,5 l)", type: "fizzyDrink" },
-    { name: "Proviant Cola (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Zitrone (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Orange (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Apfelschorle (0,33 l)", type: "fizzyDrink" },
-    { name: "Proviant Rhabarber (0,33 l)", type: "fizzyDrink" },
-    { name: "Märkisch Kristall Classic PET (0,5 l)", type: "fizzyDrink" },
-    { name: "Märkisch Kristall Naturelle PET (0,5 l)", type: "fizzyDrink" },
-    { name: "Afri Cola (1,0 l)", type: "fizzyDrink" },
-    { name: "Tonic Water Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
-    { name: "Bitter Lemon Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
-    { name: "Ginger Ale Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
-    { name: "ChariTea Black (0,33 l)", type: "fizzyDrink" },
-    { name: "ChariTea Green (0,33 l)", type: "fizzyDrink" },
+  // Brause & Wasser
+  { name: "Soli Mate (0,5 l)", type: "fizzyDrink" },
+  { name: "Schneiders Spezi (0,5 l)", type: "fizzyDrink" },
+  { name: "Proviant Cola (0,33 l)", type: "fizzyDrink" },
+  { name: "Proviant Zitrone (0,33 l)", type: "fizzyDrink" },
+  { name: "Proviant Orange (0,33 l)", type: "fizzyDrink" },
+  { name: "Proviant Apfelschorle (0,33 l)", type: "fizzyDrink" },
+  { name: "Proviant Rhabarber (0,33 l)", type: "fizzyDrink" },
+  { name: "Märkisch Kristall Classic PET (0,5 l)", type: "fizzyDrink" },
+  { name: "Märkisch Kristall Naturelle PET (0,5 l)", type: "fizzyDrink" },
+  { name: "Afri Cola (1,0 l)", type: "fizzyDrink" },
+  { name: "Tonic Water Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
+  { name: "Bitter Lemon Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
+  { name: "Ginger Ale Bad Liebenwerder (1,0 l)", type: "fizzyDrink" },
+  { name: "ChariTea Black (0,33 l)", type: "fizzyDrink" },
+  { name: "ChariTea Green (0,33 l)", type: "fizzyDrink" },
 
-    // Wein & Sekt
-    { name: "OBC Cidre Stark (0,33 l)", type: "wine" },
-    { name: "OBC Cidre Classic (0,33 l)", type: "wine" },
-    { name: "Pinot Grigio (0,75 l)", type: "wine" },
-    { name: "Rotwein Montepulciano (1,5 l)", type: "wine" },
-    { name: "Lehmann Hausmarke Frizzante (0,75 l)", type: "wine" },
+  // Wein & Sekt
+  { name: "OBC Cidre Stark (0,33 l)", type: "wine" },
+  { name: "OBC Cidre Classic (0,33 l)", type: "wine" },
+  { name: "Pinot Grigio (0,75 l)", type: "wine" },
+  { name: "Rotwein Montepulciano (1,5 l)", type: "wine" },
+  { name: "Lehmann Hausmarke Frizzante (0,75 l)", type: "wine" },
 
-    // Schnaps & Sirup
-    { name: "Vodka Partisan Black (1,0 l)", type: "spirit" },
-    { name: "Gordon's London Dry Gin (1,0 l)", type: "spirit" },
-    { name: "Absinth Tabu Classic 55% (1,0 l)", type: "spirit" },
-    { name: "Tequila Jose Cuervo Silver (1,0 l)", type: "spirit" },
-    { name: "Havanna (1,0 l)", type: "spirit" },
-    { name: "'51' Cachaca (1,0 l)", type: "spirit" },
-    { name: "Berliner Luft (0,7 l)", type: "spirit" },
-])
+  // Schnaps & Sirup
+  { name: "Vodka Partisan Black (1,0 l)", type: "spirit" },
+  { name: "Gordon's London Dry Gin (1,0 l)", type: "spirit" },
+  { name: "Absinth Tabu Classic 55% (1,0 l)", type: "spirit" },
+  { name: "Tequila Jose Cuervo Silver (1,0 l)", type: "spirit" },
+  { name: "Havanna (1,0 l)", type: "spirit" },
+  { name: "'51' Cachaca (1,0 l)", type: "spirit" },
+  { name: "Berliner Luft (0,7 l)", type: "spirit" },
+]);
 
-export const activeCategory = writable("")
+export const activeCategory = writable("");
 
-export const inventory = writable([])
+export const inventory = writable([]);
 
-export const inventoryStartedAt = writable("")
\ No newline at end of file
+export const inventoryStartedAt = writable("");
diff --git a/svelte.config.js b/svelte.config.js
index b0683fd..de2ddd6 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,7 +1,7 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 
 export default {
   // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
   // for more information about preprocessors
   preprocess: vitePreprocess(),
-}
+};
diff --git a/vite.config.ts b/vite.config.ts
index d701969..5ac8ecf 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [svelte()],
-})
+});