diff --git a/src/app/markup-text-component/markup-text-component.component.html b/src/app/markup-text-component/markup-text-component.component.html
index eca4ce7..6ebe05a 100644
--- a/src/app/markup-text-component/markup-text-component.component.html
+++ b/src/app/markup-text-component/markup-text-component.component.html
@@ -1,9 +1,22 @@
 <div *ngIf="textToStyle">
   <span *ngFor="let segment of templateSegments">
     <span *ngIf="segment[0] === 'CssStyle'" [ngStyle] = "segment[2]">{{segment[1]}}</span>
-    <span *ngIf="segment[0] === 'SemanticAnnotation'  && segment[3] == ''" [ngClass] = "segment[2]">{{segment[1]}}</span>
-    <span *ngIf="segment[0] === 'SemanticAnnotation'  && segment[3] != ''" [ngClass] = "segment[2]">
-      <a href={{segment[3]}} target="_blank">{{segment[1]}}</a>
+    <span *ngIf="segment[0] === 'SemanticAnnotation' && segment[3] == ''" [ngClass] = "segment[2]">{{segment[1]}}</span>
+    <!-- if there is a link or so ... -->
+    <span *ngIf="segment[0] === 'SemanticAnnotation' && segment[3] != '' && segment[3].length === 1" [ngClass] = "segment[2]">
+      <a *ngIf="segment[3].length === 1" href= {{segment[3][0].link}} target="_blank">{{segment[1]}}</a>
     </span>
+    <!-- IF there is a semantic overlap, e.g. polysemantics, i.e. more than one semantic class aplying to that segment -->
+    <span *ngIf="segment[0] === 'SemanticAnnotation'  && segment[3].length > 1"
+          class = "semantic-markup polysemantic" onClick="polyMenuOpen = !polyMenuOpen"
+          [matMenuTriggerFor]="polyMenuOpen"
+          [matMenuTriggerData]= segment[3]>
+          {{segment[1]}}
+    </span>
+    <mat-menu #polyMenuOpen="matMenu" class="poly-menu">
+         <div mat-menu-item *ngFor="let item of segment[3], let i = index">
+           <span [class]="item.cssClass">{{i}}) {{item.oClass}}: <a href= {{item.link}} target="_blank"> {{item.linkText}}</a></span>
+         </div>
+    </mat-menu>
   </span>
 </div>