restores styling of advantages/disadvantages and specialabilities.

src/templates/item/specialability/main-sheet.hbs

@@ -1,4 +1,14 @@
 <div>
-    <!-- TODO Add this sheet with meaningful options -->
-    Sonderfertigkeiten bitte sei Besonders und Fertig
+    {{!-- Sheet Tab Navigation --}}
+    <nav class="sheet-tabs tabs{{#if verticalTabs}} vertical{{/if}}"
+         aria-roledescription="{{localize "SHEETS.FormNavLabel"}}">
+        {{#each tabs as |tab|}}
+            <a data-action="tab" data-group="{{tab.group}}" data-tab="{{tab.id}}"
+               {{#if tab.cssClass}}class="{{tab.cssClass}}"{{/if}}
+                {{#if tab.tooltip}}data-tooltip="{{tab.tooltip}}"{{/if}}>
+                {{#if tab.icon}}<i class="{{tab.icon}}" inert></i>{{/if}}
+                {{#if tab.label}}<span>{{localize tab.label}}</span>{{/if}}
+            </a>
+        {{/each}}
+    </nav>
 </div>

src/templates/item/specialability/tab-specialability.hbs

@@ -0,0 +1,35 @@
+<section class="tab {{tabs.specialability.id}} {{tabs.specialability.cssClass}}"
+         data-tab="{{tabs.specialability.id}}"
+         data-group="{{tabs.specialability.group}}">
+    <div>
+        <div>
+            <label>Name</label>
+            <input name="system.name" value="{{system.name}}"/>
+
+        </div>
+        <div class="body">
+            <label>Aktionstext</label>
+            <prose-mirror
+                    name=" system.aktionsText"
+                    button="false"
+                    editable="{{editable}}"
+                    toggled="true"
+                    value="{{aktionsText}}">
+                {{{aktionsText}}}
+            </prose-mirror>
+        </div>
+        <div class="body">
+            <label>Beschreibung</label>
+            <prose-mirror
+                    name=" system.text"
+                    button="false"
+                    editable="{{editable}}"
+                    toggled="true"
+                    value="{{text}}">
+                {{{text}}}
+            </prose-mirror>
+        </div>
+    </div>
+
+
+    </div>

src/templates/ui/partial-advantage-button.hbs

@@ -1,3 +1,4 @@
 <div class="advantage {{#if isDisadvantage}}disadvantage{{/if}}">
-    <span class="name" data-id="{{this.id}}">{{this.name}} {{#if this.value}}: {{this.value}}{{/if}}</span>
+    <span class="name" data-action="openEmbeddedDocument" data-item-id="{{this.id}}">{{this.name}} {{#if this.value}}
+        : {{this.value}}{{/if}}</span>
 </div>

src/templates/ui/partial-sf-button.hbs

@@ -1,3 +1,3 @@
 <div class="special-ability">
-    <span class="name" data-id="{{this.id}}">{{this.name}}</span>
+    <span class="name" data-action="openEmbeddedDocument" data-item-id="{{this.id}}">{{this.name}}</span>
 </div>