<div class="message-modal" [class.active]="showError == true || showClientError == true">
    <div class="message message--error" [class.active]="showError == true || showClientError == true">
        <p>{{message}}</p>
        <p *ngIf="optionalInfo != null" [innerHTML]="optionalInfo"></p>
        <button class="button" (click)="closeComponent()" title="Fenster schließen">schließen</button>
    </div>
</div>
<div class="message-modal" [class.active]="showSuccess == true">
    <div class="message message--success" [class.active]="showSuccess == true">
        <p>{{message}}</p>
    </div>
</div>
<div class="message-modal" [class.active]="showInfo == true">
    <div class="message message--info" [class.active]="showInfo == true">
        <p>{{message}}</p>
        <button class="button" (click)="closeComponent()" title="Fenster schließen">schließen</button>
    </div>
</div>