diff --git a/setup.sh b/setup.sh
index 301f1ac..5194fda 100644
--- a/setup.sh
+++ b/setup.sh
@@ -863,6 +863,7 @@ def add_game():
                 notes=request.form.get('notes', ''),
                 url=url,
                 steam_appid=steam_appid,
+                platform=request.form.get('platform', 'pc'), 
                 redeem_date=datetime.strptime(request.form['redeem_date'], '%Y-%m-%d') if request.form['redeem_date'] else None,
                 user_id=current_user.id
             )
@@ -1672,6 +1673,11 @@ cat <<'HTML_END' > templates/index.html
 {% extends "base.html" %}
 {% block content %}
 <button id="toggle-keys" class="btn btn-sm btn-outline-secondary mb-2">{{ _('Show/Hide Keys') }}</button>
+<div class="mb-2 d-flex justify-content-end">
+  <a href="{{ url_for('add_game') }}" class="btn btn-sm btn-warning">
+    {{ _('Add New Game') }}
+  </a>
+</div>
 {% if games %}
 <div class="table-responsive">
     <table class="table table-hover align-middle">
@@ -1679,7 +1685,7 @@ cat <<'HTML_END' > templates/index.html
             <tr>
                 <th>{{ _('Cover') }}</th>
                 <th>{{ _('Name') }}</th>
-                <th class="key-col d-md-table-cell">{{ _('Key') }}</th>
+                <th class="key-col">{{ _('Key') }}</th>
                 <th>{{ _('Status') }}</th>
                 <th>{{ _('Created') }}</th>
                 <th>{{ _('Redeem by') }}</th>
@@ -1712,7 +1718,7 @@ cat <<'HTML_END' > templates/index.html
                   </a>
                 </td>
                 <td>{{ game.name }}</td>
-                <td class="font-monospace key-col d-none d-md-table-cell">{{ game.steam_key }}</td>
+                <td class="font-monospace key-col">{{ game.steam_key }}</td>
                 <td>
                     {% if game.status == 'nicht eingelöst' %}
                         <span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span>
@@ -1840,22 +1846,34 @@ document.querySelectorAll('.generate-redeem').forEach(btn => {
 </script>
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-  console.log("DOM ist geladen!"); // Überprüfe, ob DOMContentLoaded überhaupt ausgeführt wird
-  const toggleKeysButton = document.getElementById('toggle-keys');
-  if (toggleKeysButton) {
-    console.log("Button with ID 'toggle-keys' found!");
-    toggleKeysButton.addEventListener('click', function() {
-      console.log("Button clicked!");
-      const keyCols = document.querySelectorAll('.key-col');
-      keyCols.forEach(function(el) {
-        el.classList.toggle('hidden');
-      });
+  const KEY_STORAGE = 'showKeys';
+  const toggleBtn = document.getElementById('toggle-keys');
+
+  function toggleKeys(visible) {
+    document.querySelectorAll('.key-col').forEach(el => {
+      visible ? el.classList.remove('d-none') : el.classList.add('d-none');
+    });
+  }
+
+  const savedState = localStorage.getItem(KEY_STORAGE);
+  const initialVisibility = savedState ? JSON.parse(savedState) : true;
+  toggleKeys(initialVisibility);
+
+  if (toggleBtn) {
+    let isVisible = initialVisibility;
+    
+    toggleBtn.addEventListener('click', () => {
+      isVisible = !isVisible;
+      toggleKeys(isVisible);
+      localStorage.setItem(KEY_STORAGE, JSON.stringify(isVisible));
+      
+      console.log(`Keys sind jetzt: ${isVisible ? 'sichtbar' : 'versteckt'}`);
+      console.log(`LocalStorage-Wert: ${localStorage.getItem(KEY_STORAGE)}`);
     });
-  } else {
-    console.log("Button with ID 'toggle-keys' not found!");
   }
 });
 </script>
+
 {% else %}
 <div class="alert alert-info">{{ _('No games yet') }}</div>
 {% endif %}
@@ -2012,7 +2030,7 @@ cat <<HTML_END > templates/edit_game.html
 <div class="card p-4 shadow-sm">
   <h2 class="mb-4">{{ _('Spiel bearbeiten') }}</h2>
 
-  <!-- Flash-Nachrichten -->
+  <!-- Flash-Messages -->
   {% with messages = get_flashed_messages(with_categories=true) %}
     {% if messages %}
       <div class="flash-messages mb-4">
@@ -2075,7 +2093,12 @@ cat <<HTML_END > templates/edit_game.html
       </div>
       <div class="col-md-6">
         <label class="form-label">{{ _('Steam Key') }} <span class="text-danger">*</span></label>
-        <input type="text" name="steam_key" class="form-control" value="{{ game.steam_key }}" required>
+        <div class="input-group">
+          <input type="text" name="steam_key" class="form-control" value="{{ game.steam_key }}" id="steam-key-input" required>
+          <button type="button" class="btn btn-outline-secondary copy-btn" data-clipboard-target="#steam-key-input">
+            {{ _('Copy') }}
+          </button>
+        </div>
       </div>
       <div class="col-md-6">
         <label for="game_appid" class="form-label">{{ _('Steam AppID') }}</label>
@@ -2101,6 +2124,7 @@ cat <<HTML_END > templates/edit_game.html
         <textarea id="game_notes" name="notes" class="form-control" rows="3">{{ game.notes }}</textarea>
       </div>
 
+
       <!-- Show External Data -->
       <div class="col-12">
         <div class="card mb-4">
@@ -2139,7 +2163,7 @@ cat <<HTML_END > templates/edit_game.html
         </div>
       </div>
 
-      <!-- Einlöse-Links -->
+      <!-- Redeem-Links -->
       {% if game.status == 'geschenkt' %}
         <div class="col-12">
           <div class="card mb-3">
@@ -2189,6 +2213,7 @@ cat <<HTML_END > templates/edit_game.html
     });
   });
 </script>
+
 {% endblock %}
 
 
diff --git a/steam-gift-manager/app.py b/steam-gift-manager/app.py
index a866da5..18614b0 100644
--- a/steam-gift-manager/app.py
+++ b/steam-gift-manager/app.py
@@ -682,6 +682,7 @@ def add_game():
                 notes=request.form.get('notes', ''),
                 url=url,
                 steam_appid=steam_appid,
+                platform=request.form.get('platform', 'pc'),
                 redeem_date=datetime.strptime(request.form['redeem_date'], '%Y-%m-%d') if request.form['redeem_date'] else None,
                 user_id=current_user.id
             )
diff --git a/steam-gift-manager/templates/edit_game.html b/steam-gift-manager/templates/edit_game.html
index e33e108..8e28040 100644
--- a/steam-gift-manager/templates/edit_game.html
+++ b/steam-gift-manager/templates/edit_game.html
@@ -3,7 +3,7 @@
 <div class="card p-4 shadow-sm">
   <h2 class="mb-4">{{ _('Spiel bearbeiten') }}</h2>
 
-  <!-- Flash-Nachrichten -->
+  <!-- Flash-Messages -->
   {% with messages = get_flashed_messages(with_categories=true) %}
     {% if messages %}
       <div class="flash-messages mb-4">
@@ -66,7 +66,12 @@
       </div>
       <div class="col-md-6">
         <label class="form-label">{{ _('Steam Key') }} <span class="text-danger">*</span></label>
-        <input type="text" name="steam_key" class="form-control" value="{{ game.steam_key }}" required>
+        <div class="input-group">
+          <input type="text" name="steam_key" class="form-control" value="{{ game.steam_key }}" id="steam-key-input" required>
+          <button type="button" class="btn btn-outline-secondary copy-btn" data-clipboard-target="#steam-key-input">
+            {{ _('Copy') }}
+          </button>
+        </div>
       </div>
       <div class="col-md-6">
         <label for="game_appid" class="form-label">{{ _('Steam AppID') }}</label>
@@ -92,6 +97,7 @@
         <textarea id="game_notes" name="notes" class="form-control" rows="3">{{ game.notes }}</textarea>
       </div>
 
+
       <!-- Show External Data -->
       <div class="col-12">
         <div class="card mb-4">
@@ -130,7 +136,7 @@
         </div>
       </div>
 
-      <!-- Einlöse-Links -->
+      <!-- Redeem-Links -->
       {% if game.status == 'geschenkt' %}
         <div class="col-12">
           <div class="card mb-3">
@@ -180,6 +186,5 @@
     });
   });
 </script>
+
 {% endblock %}
-
-
diff --git a/steam-gift-manager/templates/index.html b/steam-gift-manager/templates/index.html
index faa450e..2b0c2e9 100644
--- a/steam-gift-manager/templates/index.html
+++ b/steam-gift-manager/templates/index.html
@@ -1,6 +1,11 @@
 {% extends "base.html" %}
 {% block content %}
 <button id="toggle-keys" class="btn btn-sm btn-outline-secondary mb-2">{{ _('Show/Hide Keys') }}</button>
+<div class="mb-2 d-flex justify-content-end">
+  <a href="{{ url_for('add_game') }}" class="btn btn-sm btn-warning">
+    {{ _('Add New Game') }}
+  </a>
+</div>
 {% if games %}
 <div class="table-responsive">
     <table class="table table-hover align-middle">
@@ -8,7 +13,7 @@
             <tr>
                 <th>{{ _('Cover') }}</th>
                 <th>{{ _('Name') }}</th>
-                <th class="key-col d-md-table-cell">{{ _('Key') }}</th>
+                <th class="key-col">{{ _('Key') }}</th>
                 <th>{{ _('Status') }}</th>
                 <th>{{ _('Created') }}</th>
                 <th>{{ _('Redeem by') }}</th>
@@ -41,7 +46,7 @@
                   </a>
                 </td>
                 <td>{{ game.name }}</td>
-                <td class="font-monospace key-col d-none d-md-table-cell">{{ game.steam_key }}</td>
+                <td class="font-monospace key-col">{{ game.steam_key }}</td>
                 <td>
                     {% if game.status == 'nicht eingelöst' %}
                         <span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span>
@@ -169,19 +174,30 @@ document.querySelectorAll('.generate-redeem').forEach(btn => {
 </script>
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-  console.log("DOM ist geladen!"); // Überprüfe, ob DOMContentLoaded überhaupt ausgeführt wird
-  const toggleKeysButton = document.getElementById('toggle-keys');
-  if (toggleKeysButton) {
-    console.log("Button with ID 'toggle-keys' found!");
-    toggleKeysButton.addEventListener('click', function() {
-      console.log("Button clicked!");
-      const keyCols = document.querySelectorAll('.key-col');
-      keyCols.forEach(function(el) {
-        el.classList.toggle('hidden');
-      });
+  const KEY_STORAGE = 'showKeys';
+  const toggleBtn = document.getElementById('toggle-keys');
+
+  function toggleKeys(visible) {
+    document.querySelectorAll('.key-col').forEach(el => {
+      visible ? el.classList.remove('d-none') : el.classList.add('d-none');
+    });
+  }
+
+  const savedState = localStorage.getItem(KEY_STORAGE);
+  const initialVisibility = savedState ? JSON.parse(savedState) : true;
+  toggleKeys(initialVisibility);
+
+  if (toggleBtn) {
+    let isVisible = initialVisibility;
+    
+    toggleBtn.addEventListener('click', () => {
+      isVisible = !isVisible;
+      toggleKeys(isVisible);
+      localStorage.setItem(KEY_STORAGE, JSON.stringify(isVisible));
+      
+      console.log(`Keys sind jetzt: ${isVisible ? 'sichtbar' : 'versteckt'}`);
+      console.log(`LocalStorage-Wert: ${localStorage.getItem(KEY_STORAGE)}`);
     });
-  } else {
-    console.log("Button with ID 'toggle-keys' not found!");
   }
 });
 </script>
@@ -189,4 +205,3 @@ document.addEventListener('DOMContentLoaded', function() {
 <div class="alert alert-info">{{ _('No games yet') }}</div>
 {% endif %}
 {% endblock %}
-