<div style="text-align: center; margin-left: 15em; margin-right: 15em; margin-top: 5em;">
  <p>Punktestand: {{points}}</p>
  <mat-card>
    <h1>
      {{word}}
    </h1>
  </mat-card>

  <br>
  <mat-card>
    <h2>
      {{forbidden1}}
    </h2>
  </mat-card>
  <mat-card>
    <h2>
      {{forbidden2}}
    </h2>
  </mat-card>
  <mat-card>
    <h2>
      {{forbidden3}}
    </h2>
  </mat-card>
  <mat-card>
    <h2>
      {{forbidden4}}
    </h2>
  </mat-card>
  <mat-card>
    <h2>
      {{forbidden5}}
    </h2>
  </mat-card>
  <br>
  <button mat-raised-button color="primary" (click)="rightAnswer()">Richtig &#10004;</button>
  <button mat-raised-button color="accent" style="margin: 40px">Überspringen &#187;</button>
  <button mat-raised-button color="warn" (click)="wrongAnswer()">Tabu &#10008;</button>
</div>