diff --git a/frontend/src/app/delete-preset-dialog/delete-preset-dialog.component.html b/frontend/src/app/delete-preset-dialog/delete-preset-dialog.component.html
index 571b31f..d3ac287 100644
--- a/frontend/src/app/delete-preset-dialog/delete-preset-dialog.component.html
+++ b/frontend/src/app/delete-preset-dialog/delete-preset-dialog.component.html
@@ -1,4 +1,4 @@
-<h2 style="font-family: Roboto;">Möchten Sie das Preset {{preset.name}} wirklich löschen?</h2>
+<h2>Möchten Sie das Preset {{preset.name}} wirklich löschen?</h2>
 <mat-dialog-actions align="end">
   <button  mat-raised-button  style="margin-right: 3px;" matDialogClose>Abbrechen</button>
   <button  mat-raised-button color = "primary" style="margin-left: 3px;" (click)="deletePreset()" matDialogClose>Löschen</button>
diff --git a/frontend/src/app/filter-dialog/filter-dialog.component.css b/frontend/src/app/filter-dialog/filter-dialog.component.css
index a655c0f..dbdcc8d 100644
--- a/frontend/src/app/filter-dialog/filter-dialog.component.css
+++ b/frontend/src/app/filter-dialog/filter-dialog.component.css
@@ -5,7 +5,6 @@
 }
 
 .filterHeading {
-  font-family: Roboto;
 }
 
 .filterBox {
diff --git a/frontend/src/app/implementer-dialog/implementer-dialog.component.html b/frontend/src/app/implementer-dialog/implementer-dialog.component.html
index f2ccd70..fd2c65f 100644
--- a/frontend/src/app/implementer-dialog/implementer-dialog.component.html
+++ b/frontend/src/app/implementer-dialog/implementer-dialog.component.html
@@ -1,4 +1,4 @@
-<p style="font-family:arial; margin-top: -3%;">{{this.languageService.lMap.get('implementerDialogHeading')}}</p>
+<p style="margin-top: -3%;">{{this.languageService.lMap.get('implementerDialogHeading')}}</p>
 <mat-form-field  appearance="fill" >
   <mat-label>{{this.languageService.lMap.get('implementerDialogLabel')}}</mat-label>
   <mat-select [disabled]="diasbled" (selectionChange)="enableButton()" [(ngModel)]="selectedValue" name="state">
diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.css b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
index 05edb88..afb6461 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.css
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
@@ -15,7 +15,6 @@
   color: rgba(41, 46, 50, 0.8);
   padding-left: 10px;
   padding-right: 10px;
-  font-family: Arial, Helvetica, sans-serif;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -199,8 +198,6 @@
   justify-content: center;
   height: 70%;
   font-weight: 500;
-  font-size: 13px;
-  font-family: Arial, Helvetica, sans-serif;
   gap: 8px;
   user-select: none;
   padding-left: 10px;
@@ -456,8 +453,6 @@
 
 .legend {
   width: 100%;
-  font-family: Arial, sans-serif;
-  font-size: 13px;
   gap: 4px;
   background-color: rgb(210, 217, 224);
   padding: 10px;
diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index 4882447..a1298c7 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -3,7 +3,7 @@
     <h2 style="padding: 0; margin: 0;">W&I Kalender</h2>
     <div class="splitter"></div>
     <!-- Preset Picker -->
-    <div appearance="fill" style="width: 200px; padding-left: 15px; padding-top: 3px; font-size: 14px;">
+    <div appearance="fill" style="width: 200px; padding-left: 15px; padding-top: 7px;">
       <mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
         <mat-optgroup *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
           <mat-option *ngFor="let preset of group.presets" [value]="preset">
@@ -107,7 +107,7 @@
   <div class="right">
 
     <!-- Scale Picker -->
-    <mat-button-toggle-group color="primary" style="height: 70%; font-size: 13px; border-radius: 8px;" (change)="changeScalar()"
+    <mat-button-toggle-group color="primary" style="height: 70%; border-radius: 8px;" (change)="changeScalar()"
       name="fontStyle" aria-label="Font Style" [(ngModel)]="selectedScalar">
       <mat-button-toggle style="display: flex; align-items: center;" value="bold" *ngFor="let scalar of scalars"
         [value]="scalar">
@@ -117,8 +117,8 @@
 
     <!-- Date Range Picker  -->
     <div class="dateRangePicker"
-      style="display: flex; height: 100%; align-items: center; font-size: 13px; color: rgba(0, 0, 0, 0.734);">
-      <div style="height: 70%; display: flex; align-items: center; width: 170px; font-family: Arial, sans-serif; border: solid 1px rgba(0, 0, 0, 0.124);
+      style="display: flex; height: 100%; align-items: center; color: rgba(0, 0, 0, 0.734);">
+      <div style="height: 70%; display: flex; align-items: center; width: 170px; border: solid 1px rgba(0, 0, 0, 0.124);
         background-color: white; padding-left: 10px; border-radius: 8px 0px 0px 8px;">
         <!-- <mat-label>{{languageService.lMap.get('dateRangeLabel')}}</mat-label> -->
         <mat-date-range-input [formGroup]="range" [rangePicker]="picker">
diff --git a/frontend/src/app/rename-preset-dialog/rename-preset-dialog.component.html b/frontend/src/app/rename-preset-dialog/rename-preset-dialog.component.html
index 149dc62..027c42e 100644
--- a/frontend/src/app/rename-preset-dialog/rename-preset-dialog.component.html
+++ b/frontend/src/app/rename-preset-dialog/rename-preset-dialog.component.html
@@ -1,4 +1,4 @@
-<h2 style="font-family: Roboto;">Preset {{preset.name}} umbenennen?</h2>
+<h2>Preset {{preset.name}} umbenennen?</h2>
 <mat-form-field class="example-full-width">
   <mat-label>Preset Name</mat-label>
   <input matInput [(ngModel)]="newName">
diff --git a/frontend/src/app/save-preset-under-dialog/save-preset-under-dialog.component.html b/frontend/src/app/save-preset-under-dialog/save-preset-under-dialog.component.html
index f0746af..dac9260 100644
--- a/frontend/src/app/save-preset-under-dialog/save-preset-under-dialog.component.html
+++ b/frontend/src/app/save-preset-under-dialog/save-preset-under-dialog.component.html
@@ -1,4 +1,4 @@
-<h2 style="font-family: Roboto;">Als neues Preset speichern?</h2>
+<h2>Als neues Preset speichern?</h2>
 <mat-form-field class="example-full-width">
   <mat-label>Preset Name</mat-label>
   <input matInput [(ngModel)]="newName">
diff --git a/frontend/src/app/state-dialog/state-dialog.component.html b/frontend/src/app/state-dialog/state-dialog.component.html
index af37600..4dbbf1f 100644
--- a/frontend/src/app/state-dialog/state-dialog.component.html
+++ b/frontend/src/app/state-dialog/state-dialog.component.html
@@ -1,4 +1,4 @@
-<p style="font-family:arial; margin-top: -3%;">{{this.languageService.lMap.get('stateDialogStateTransition')}} ({{data.changes.length}} {{data.changes.length > 1 ? 'Pakete' : 'Paket'}})</p>
+<p style="margin-top: -3%;">{{this.languageService.lMap.get('stateDialogStateTransition')}} ({{data.changes.length}} {{data.changes.length > 1 ? 'Pakete' : 'Paket'}})</p>
 <mat-form-field  appearance="fill" >
   <mat-label>{{this.languageService.lMap.get('stateDialogSelectState')}}</mat-label>
   <mat-select [disabled]="diasbled" (selectionChange)="enableButton()" [(ngModel)]="selectedValue" name="state">
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 84b8b28..c9cf489 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -16,27 +16,37 @@
 @import "~@angular/material/prebuilt-themes/indigo-pink.css";
 
 .green-snackbar {
-  background: green!important;
+  background: green !important;
   color: white;
 }
+
 .green-snackbar button {
-  background-color: green!important;
+  background-color: green !important;
   color: white;
   border: none;
 }
+
 .red-snackbar {
-  background: #F44336!important;
-  color: white!important;
+  background: #F44336 !important;
+  color: white !important;
 }
+
 .red-snackbar button {
   background-color: #F44336;
   color: white !important;
   border: none;
 }
 
-html, body {
+html,
+body {
   /* overflow: hidden !important; */
 }
 
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+}
\ No newline at end of file