diff --git a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
index 7823733..467faee 100644
--- a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
+++ b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
@@ -20,7 +20,7 @@
       </div>
       <p class="text-body-tertiary">Search for a propertiy of an Employee. eg. First Name</p>
     </form>
-    <button class="add-button">Add employee</button>
+    <button (click)="createEmployee()" class="add-button">Add employee</button>
   </div>
 
   <table class="employee-table">
diff --git a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
index afcdff1..8415072 100644
--- a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
+++ b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
@@ -46,6 +46,10 @@ export class MitarbeiterverwaltungViewComponent implements OnInit {
     this.router.navigate([`/mitarbeiterbearbeiten/${id}`]);
   }
 
+  createEmployee() {
+    this.router.navigate(['/mitarbeitererstellen']);
+  }
+
   deleteEmployee(id: number) {
     this.employeeService.deleteEmployee(id);
     this.employees = this.employees.filter(employee => employee.id != id);