GNM-1150: FE Pflichtfelder als solche kennzeichnen (border-left: 5px solid #a94442;)
diff --git a/src/app/pages/step/step.component.html b/src/app/pages/step/step.component.html
index 8a0f28e..c8f792b 100644
--- a/src/app/pages/step/step.component.html
+++ b/src/app/pages/step/step.component.html
@@ -42,8 +42,8 @@
           <label class="form-field-label" for="switchingObject">Objekt der Schaltung</label>
         </div>
         <div class="col-md-12">
-          <input maxlength="256" type="text" list="" name="stepSwitchingObject" id="stepSwitchingObject" class="form-control" [(ngModel)]="step.switchingObject"
-          />
+          <input maxlength="256" type="text" list="" [required]="true" name="stepSwitchingObject" id="stepSwitchingObject" class="form-control"
+            [(ngModel)]="step.switchingObject" />
           <datalist id="switchingObjectList">
             <option></option>
           </datalist>
@@ -57,12 +57,12 @@
           <label class="form-field-label" for="targetStateControl">Soll-Zustand</label>
         </div>
         <div class="col-md-6">
-          <input autofocus maxlength="256" type="text" name="stepPresentState" id="stepPresentState" class="form-control" [(ngModel)]="step.presentState"
-          />
+          <input autofocus maxlength="256" type="text" [required]="true" name="stepPresentState" id="stepPresentState" class="form-control"
+            [(ngModel)]="step.presentState" />
         </div>
         <div class="col-md-6">
-          <input autofocus maxlength="256" type="text" name="stepTargetState" id="stepTargetState" class="form-control" [(ngModel)]="step.targetState"
-          />
+          <input autofocus maxlength="256" type="text" [required]="true" name="stepTargetState" id="stepTargetState" class="form-control"
+            [(ngModel)]="step.targetState" />
         </div>
       </div>
       <div class="row">
@@ -73,11 +73,12 @@
           <label class="form-field-label" for="typeControl">Typ</label>
         </div>
         <div class="col-md-6">
-          <input autofocus maxlength="256" type="text" name="stepPresentTime" id="stepPresentTime" class="form-control" [(ngModel)]="step.presentTime"
-          />
+          <input autofocus maxlength="256" type="text" [required]="true" name="stepPresentTime" id="stepPresentTime" class="form-control"
+            [(ngModel)]="step.presentTime" />
         </div>
         <div class="col-md-6">
-          <input autofocus maxlength="256" type="text" name="stepType" id="stepType" class="form-control" [(ngModel)]="step.type" />
+          <input autofocus maxlength="256" type="text" [required]="true" name="stepType" id="stepType" class="form-control" [(ngModel)]="step.type"
+          />
         </div>
       </div>
       <div class="row">
@@ -85,15 +86,14 @@
           <label class="form-field-label" for="stepOperator">Ausführender</label>
         </div>
         <div class="col-md-12">
-          <input autofocus maxlength="256" type="text" name="stepOperator" id="stepOperator" class="form-control" [(ngModel)]="step.operator"
-          />
+          <input autofocus maxlength="256" type="text" [required]="true" name="stepOperator" id="stepOperator" class="form-control"
+            [(ngModel)]="step.operator" />
         </div>
       </div>
     </fieldset>
     <div class="row">
       <div class="col-md-12" style="justify-content: flex-end">
-        <button class="btn btn-success" id="addStepBtn" (click)="processAddStep()" [disabled]="storageInProgress">Schritt
-          hinzufügen
+        <button class="btn btn-success" id="addStepBtn" (click)="processAddStep()" [disabled]="storageInProgress">Schritt hinzufügen
           <span class="glyphicon glyphicon-plus" id="addStepGlIcon"></span>
         </button>
       </div>