diff --git a/src/main/resources/templates/user.html b/src/main/resources/templates/user.html
index c57a871..a8f75c4 100644
--- a/src/main/resources/templates/user.html
+++ b/src/main/resources/templates/user.html
@@ -2,9 +2,11 @@
 {#user_active}active{/}
 {#contents}
 
+{#if is_admin??}
+  <h2>Admin-Konfiguration</h2>
 <div class="mt-2">
-  <h2>Hallo {current_user.username}</h2>
-  {#if is_admin??}
+
+  <h3>Benutzer</h3>
   <table class="table table-striped table-bordered">
     <thead>
     <tr>
@@ -30,18 +32,93 @@
     {/for}
     </tbody>
   </table>
-  {/if}
+  <a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal" role="button">neuer Benutzer</a>
+  {#include user-modal.html rooms=rooms user=current_user}{/include}
+</div>
+{/if}
+
+<div class="mt-4">
+  <h3>Verkehrsinfos</h3>
+  <div class="mx-auto">
+    <form class="row g-3 mt-2">
+      <div class="col-md-4">
+        <div class="form-floating">
+          <input type="text" name="key" class="form-control" id="key" placeholder="google-API-Key" required>
+          <label for="key">google-API-Key</label>
+        </div>
+      </div>
+      <div class="col-md-7">
+        <div class="form-floating">
+          <input type="text" name="office" class="form-control" id="office" placeholder="Büroadresse" required>
+          <label for="home">Büroadresse</label>
+        </div>
+      </div>
+
+      <div class="col-md-1 mt-4">
+      <button type="submit" class="btn btn-primary">Speichern</button>
+      </div>
+
+    </form>
+  </div>
 </div>
 
-  <div class="mt-2" >
-    {#if is_admin??}
-      <a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal" role="button">neuer Benutzer</a>
-    {/if}
-    <a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#passwordModal" role="button">Passwort ändern</a>
-    {#if is_admin??}
-      {#include user-modal.html rooms=rooms user=current_user}{/include}
-    {/if}
-    {#include password-modal.html}{/include}
+<hr class="mz-4">
+
+<div class="mt-5">
+  <h2>Persönliche Konfiguration von {current_user.username}</h2>
+  <a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#passwordModal" role="button">Passwort ändern</a>
+  {#include password-modal.html}{/include}
+</div>
+<div class="mt-4">
+  <h3>Verkehrsinfos</h3>
+  Die Fahrzeit wird über die googlemaps-API ermittelt und bei Überschreitung des Grenzwerts via E-Mail gewarnt.
+  <div class="mx-auto">
+    <form class="row g-3 mt-2">
+      <div class="col-md-4">
+        <div class="form-floating">
+          <input type="email" name="email" class="form-control" id="email" placeholder="E-Mail-Adresse" required>
+          <label for="email">E-Mail-Adresse</label>
+        </div>
+      </div>
+      <div class="col-md-8">
+        <div class="form-floating">
+          <input type="text" name="home" class="form-control" id="home" placeholder="Heimatadresse" required>
+          <label for="home">Heimatadresse</label>
+        </div>
+      </div>
+
+      <div class="col-md-2">
+        <div class="form-floating">
+          <input type="time" name="away" class="form-control" id="away" required>
+          <label for="away">Hinfahrt</label>
+        </div>
+      </div>
+
+      <div class="col-md-2">
+        <div class="form-floating">
+          <input type="time" name="back" class="form-control" id="back" required>
+          <label for="back">Rückfahrt</label>
+        </div>
+      </div>
+
+      <div class="col-md-3">
+        <div class="form-floating">
+          <input type="number" min="1" max="999" name="duration" class="form-control" placeholder="Grenzwert Fahrzeit" id="duration"
+                 required>
+          <label for="duration">Grenzwert Fahrzeit</label>
+        </div>
+      </div>
+
+      <div class="col-md-12">
+        <div class="form-check form-switch">
+          <input id="trafficswitch" class="form-check-input" type="checkbox" name="trafficwarning"
+                 onchange="this.form.reportValidity() && this.form.submit()" >
+          <label class="form-check-label" for="trafficswitch">Verkehrsinfos via google-API aktiv</label>
+        </div>
+      </div>
+
+    </form>
   </div>
+</div>
 {/contents}
-{/include}
\ No newline at end of file
+{/include}