diff --git a/src/app/components/creator/_dialogs/moderators/moderators.component.html b/src/app/components/creator/_dialogs/moderators/moderators.component.html
index c26a9318d052a2a62cbc1123c5f858c5a6a4b243..bec6c56a4bf3d28b2b398c55eea44954302ef354 100644
--- a/src/app/components/creator/_dialogs/moderators/moderators.component.html
+++ b/src/app/components/creator/_dialogs/moderators/moderators.component.html
@@ -12,7 +12,7 @@
     <span class="fill-remaining-space"></span>
   </div>
   <h3 *ngIf="moderators.length === 0">No moderators yet.</h3>
-  <mat-list>
+  <mat-list *ngIf="moderators.length > 0">
     <mat-list-item *ngFor="let moderator of moderators">{{moderator.userId}}</mat-list-item>
   </mat-list>
 </div>
diff --git a/src/app/components/creator/_dialogs/moderators/moderators.component.scss b/src/app/components/creator/_dialogs/moderators/moderators.component.scss
index e100e32064185d27df18ceed05ed37db02145841..e7a1a2c9cbe331ca52a6f166078ee3ec54813320 100644
--- a/src/app/components/creator/_dialogs/moderators/moderators.component.scss
+++ b/src/app/components/creator/_dialogs/moderators/moderators.component.scss
@@ -26,3 +26,7 @@ mat-form-field {
   font-size: 45px;
   line-height: 100% !important;
 }
+
+.mat-list-item {
+  color: var(--on-surface);
+}
diff --git a/src/app/components/creator/_dialogs/moderators/moderators.component.ts b/src/app/components/creator/_dialogs/moderators/moderators.component.ts
index 3e8f93ca3e090c5188e343144d5019f184784c92..7c5ecc7a5bbdd9dc9593a9d25cc875a07658147f 100644
--- a/src/app/components/creator/_dialogs/moderators/moderators.component.ts
+++ b/src/app/components/creator/_dialogs/moderators/moderators.component.ts
@@ -29,7 +29,6 @@ export class ModeratorsComponent implements OnInit {
 
   ngOnInit() {
     this.getModerators();
-    console.log(this.moderators);
   }
 
   getModerators() {
diff --git a/src/app/models/moderator-roles.enum.ts b/src/app/models/moderator-roles.enum.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9b3e8e727b96bbcc2b140a3c1a84d3828734c795
--- /dev/null
+++ b/src/app/models/moderator-roles.enum.ts
@@ -0,0 +1,4 @@
+export enum ModeratorRole {
+  EDITING_MODERATOR,
+  EXECUTIVE_MODERATOR
+}
diff --git a/src/app/models/moderator.ts b/src/app/models/moderator.ts
index 8cea01448e4cd5b132053f6b3f4a9e87d395c016..64863a61090ea791eb633e23c650b121ebde80b4 100644
--- a/src/app/models/moderator.ts
+++ b/src/app/models/moderator.ts
@@ -1,12 +1,14 @@
+import { ModeratorRole } from './moderator-roles.enum';
+
 export class Moderator {
   userId: string;
-  loginId: string;
+  roles: ModeratorRole[];
 
   constructor(
     userId: string = '',
-    loginId: string = ''
+    roles: ModeratorRole[] = []
   ) {
     this.userId = userId;
-    this.loginId = loginId;
+    this.roles = roles;
   }
 }
diff --git a/src/assets/i18n/creator/de.json b/src/assets/i18n/creator/de.json
index b9866a2c4837025cf40044834e53688d3a29b186..9cd705dfa83cefcb9df9c291358580d7641a00ef 100644
--- a/src/assets/i18n/creator/de.json
+++ b/src/assets/i18n/creator/de.json
@@ -23,7 +23,7 @@
     "description": "Beschreibung der Session",
     "present": "Präsentieren",
     "moderators": "Moderatoren",
-    "moderator-email": "E-Mail des Moderatoren",
+    "moderator-email": "E-Mail des Moderators",
     "session-settings": "Session-Verwaltung",
     "general": "Allgemein",
     "threshold": "Schwellenwert für sichtbare Kommentare: ",