From 6fd928674390ccd0ca91b6ffa9ba282d2b97bd9e Mon Sep 17 00:00:00 2001
From: Jakob <jakob_kneissl@web.de>
Date: Sun, 17 Jan 2021 11:47:19 +0100
Subject: [PATCH] Add Die Schwarze Katze (DSK) Character Sheet

---
 Die_Schwarze_Katze/Die_Schwarze_Katze.css  | 1080 +++++++++++++
 Die_Schwarze_Katze/Die_Schwarze_Katze.html | 1640 ++++++++++++++++++++
 Die_Schwarze_Katze/sheet.json              |    8 +
 3 files changed, 2728 insertions(+)
 create mode 100644 Die_Schwarze_Katze/Die_Schwarze_Katze.css
 create mode 100644 Die_Schwarze_Katze/Die_Schwarze_Katze.html
 create mode 100644 Die_Schwarze_Katze/sheet.json

diff --git a/Die_Schwarze_Katze/Die_Schwarze_Katze.css b/Die_Schwarze_Katze/Die_Schwarze_Katze.css
new file mode 100644
index 0000000000..9cd297b1c6
--- /dev/null
+++ b/Die_Schwarze_Katze/Die_Schwarze_Katze.css
@@ -0,0 +1,1080 @@
+@import url('https://fonts.googleapis.com/css?family=Philosopher&display=swap');
+
+/* ------------------ Tab selection ------------------ */
+.sheet-charactertab,
+.sheet-skillstab,
+.sheet-ancestortab,
+.sheet-inventorytab {
+    display: none;
+}
+
+.sheet-tabstoggle[value="charactertab"] ~ div.sheet-charactertab,
+.sheet-tabstoggle[value="skillstab"] ~ div.sheet-skillstab,
+.sheet-tabstoggle[value="ancestortab"] ~ div.sheet-ancestortab,
+.sheet-tabstoggle[value="inventorytab"] ~ div.sheet-inventorytab {
+    display: block;
+}
+
+.sheet-container {
+    padding: 5px;
+    width: 1120px;
+    font-family: 'Philosopher', sans-serif;
+    --theme-main-color: rgb(107 45 11);
+    --theme-bg-color: rgb(239, 235, 233);
+    --theme-2nd-color: rgb(188, 164, 133);
+    border: 2px solid var(--theme-2nd-color);
+    background-color: var(--theme-bg-color);
+}
+
+.sheet-tab-navi {
+    margin-bottom: 20px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 5px;
+}
+
+.sheet-tab-navi button {
+    background-color: var(--theme-main-color);
+    color: white;
+    font-size: 2em;
+    padding: 10px 0;
+    border-radius: 5px;
+    border: 2px solid var(--theme-2nd-color);
+}
+
+/* ------------------ Container & General styling ------------------ */
+
+/* Remove arrows from number inputs: Chrome, Safari, Edge, Opera */
+.sheet-container input::-webkit-outer-spin-button,
+.sheet-container input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Remove arrows from number inputs: Firefox */
+.sheet-container input[type=number] {
+  -moz-appearance: textfield;
+}
+
+.sheet-container input,
+.sheet-container select {
+    height: 27px;
+}
+
+.sheet-container input:disabled,
+.sheet-container input:read-only {
+    background-color: var(--theme-bg-color);
+}
+
+.sheet-container input:focus,
+.sheet-container select,
+.sheet-container select:focus,
+.sheet-container select:focus {
+    border-color: var(--theme-2nd-color);
+    outline: none;
+}
+
+.sheet-container textarea {
+    resize: none;
+}
+
+.sheet-container h3 {
+    background-color: var(--theme-main-color);
+    color: white;
+    font-size: 1.2em;
+    padding: 0 5px;
+    margin: 1px;
+    border-radius: 3px;
+}
+
+.sheet-container h3.sheet-input-label-left {
+    margin: 1px 0 1px 1px;
+    border-radius: 5px 0 0 5px;
+    height: 27px;
+}
+
+.sheet-container h3.sheet-input-label-left + input {
+    border: 2px solid var(--theme-main-color);
+    margin-left: 0;
+    margin-right: 5px;
+    margin-top: 1px;
+    border-radius: 0 5px 5px 0;
+}
+
+.sheet-container h3.sheet-input-label-top {
+    border-radius: 5px 5px 0 0;
+    margin-bottom: 0;
+}
+
+.sheet-container h3.sheet-input-label-top + * {
+    border: 2px solid var(--theme-main-color);
+    border-radius: 0 0 5px 5px;
+    margin-top: 0;
+    margin-left: 1px;
+    margin-right: 1px;
+}
+
+.sheet-container .repitem input {
+    margin-bottom: 5px;
+}
+
+.sheet-container .repitem select {
+    margin-bottom: 0;
+}
+
+.sheet-container .sheet-inline-label {
+    display: inline;
+}
+
+.sheet-container .sheet-inline-block {
+    display: inline-block;
+}
+
+.sheet-container .sheet-small-input {
+    width: 40px;
+}
+
+.sheet-container button[type="roll"] {
+    width: 25px;
+}
+
+.sheet-container .sheet-pictos {
+  font-family: "pictos";
+}
+
+/* Detail toggles */
+input[type="checkbox"].sheet-detail-toggle {
+    opacity: 0;
+    width: 15px;
+    height: 15px;
+    position: relative;
+    cursor: pointer;
+    z-index: 1;
+}
+
+input[type="checkbox"].sheet-detail-toggle + label::before {
+    width: 15px;
+    height: 15px;
+    background-color: transparent;
+    color: var(--theme-main-color);
+    display: block;
+    content: "►";
+    float: left;
+    margin-right: 5px;
+}
+
+input[type="checkbox"].sheet-detail-toggle:checked + label::before {
+    content: "▼";
+}
+
+.sheet-detail-toggle:checked ~ .sheet-detail-container {
+    display: block;
+}
+
+.sheet-detail-toggle ~ .sheet-detail-container {
+    display: none;
+}
+
+/* ------------------ Charakter tab ------------------ */
+.sheet-character-container {
+    display: grid;
+    grid-template-areas: "baseinfo"
+                         "combat"
+                         "vorteilenachteilesonderfertigkeiten";
+}
+
+.sheet-character-base-info-1,
+.sheet-character-base-info-2,
+.sheet-character-base-info-3,
+.sheet-character-base-info-4,
+.sheet-character-base-info-eigenschaften,
+.sheet-character-combat-container {
+    border: 2px solid var(--theme-2nd-color);
+    padding: 5px;
+}
+
+/* Character base info */
+.sheet-character-base-info-container {
+    grid-area: baseinfo;
+    display: grid;
+    grid-template-areas: "base-info-left base-info-right";
+    grid-template-columns: 670px 450px;
+}
+
+.sheet-base-info-left {
+    grid-area: base-info-left;
+    display: grid;
+    grid-template-areas: "info1"
+                         "info3";
+}
+
+.sheet-base-info-right {
+    grid-area: base-info-right;
+    display: grid;
+    grid-template-areas: "info2"
+                         "infoEigenschaften";
+}
+
+.sheet-character-base-info-1 {
+    grid-area: info1;
+    display: grid;
+    grid-template-columns: repeat(6, auto);
+    grid-template-rows: auto auto auto 1fr;
+    margin-bottom: 10px;
+}
+
+.sheet-character-base-info-2 {
+    grid-area: info2;
+    display: grid;
+    grid-template-columns: 110px 80px 110px 1fr;
+    grid-template-rows: auto auto 1fr;
+    margin-bottom: 10px;
+    margin-left: 10px;
+}
+
+.sheet-base-info-characterzustaende,
+.sheet-base-info-characterstatus {
+    grid-column: span 2;
+    width: 90%;
+}
+
+input.sheet-characterzustand[type=number] {
+    width: 40px;
+}
+
+input.sheet-characterstatus {
+    width: 155px;
+}
+
+input[type=text].sheet-characterzustand {
+    margin-left: 0px;
+    margin-right: 0px;
+    width: 112px;
+}
+
+.sheet-character-base-info-3 {
+    grid-area: info3;
+    display: grid;
+    grid-template-columns: repeat(2, 50%);
+    grid-template-rows: repeat(2, auto) 1fr;
+    margin-bottom: 10px;
+}
+
+.sheet-character-base-info-3 input {
+    margin-bottom: 9px;
+    margin-top: 9px;
+}
+
+.sheet-character-base-info-3 > div div {
+    min-height: 44px;
+}
+
+.sheet-character-base-info-3 div {
+    margin-bottom: 2px;
+}
+
+.sheet-base-info-3-content {
+    padding-left: 5px;
+}
+
+.sheet-lebensenergie-aktuell-label {
+    margin-left: 15px;
+}
+
+input[type=number].sheet-aktuellelebensenergie {
+    -moz-appearance: initial;
+}
+
+.sheet-container input.sheet-aktuellelebensenergie::-webkit-outer-spin-button,
+.sheet-container input.sheet-aktuellelebensenergie::-webkit-inner-spin-button {
+    -webkit-appearance: initial;
+}
+
+.sheet-character-schicksalspunkte .sheet-base-info-3-content,
+.sheet-character-geschwindigkeit .sheet-base-info-3-content {
+    text-align: center;
+}
+
+.sheet-character-schicksalspunkte-geschwindigkeit-container {
+    display: grid;
+    grid-template-columns: 50% 50%;
+    grid-template-rows: auto auto;
+}
+
+.sheet-character-schicksalspunkte-geschwindigkeit-container input {
+    margin-left: 1px;
+}
+
+.sheet-character-base-info-4 {
+    grid-area: vorteilenachteilesonderfertigkeiten;
+    display: grid;
+    grid-template-areas: ". vorteile nachteile sonderfertigkeiten .";
+    grid-template-columns: 1fr repeat(3, auto) 1fr;
+    grid-gap: 10px;
+    margin-bottom: 10px;
+}
+
+.sheet-character-base-info-4 .sheet-detail-container {
+    margin-left: 5px;
+}
+
+.sheet-character-base-info-eigenschaften {
+    grid-area: infoEigenschaften;
+    display: grid;
+    grid-template-columns: 160px auto 160px auto;
+    grid-template-rows: repeat(5, auto) 1fr;
+    margin-bottom: 10px;
+    margin-left: 10px;
+}
+
+.sheet-character-eigenschaften-gesamt,
+.sheet-character-eigenschaften-probe {
+    display: grid;
+    grid-column: span 4;
+    grid-template-columns: auto auto 1fr;
+    grid-template-rows: auto 1fr;
+    margin-top: 2px;
+    justify-items: start;
+}
+
+.sheet-character-eigenschaften-gesamt input[type=number] {
+    width: 50px;
+}
+
+.sheet-characterzustaende-container,
+.sheet-characterstatus-container {
+    grid-column: span 2;
+    margin-top: 1px;
+    width: 156px;
+}
+
+.sheet-characterzustaende-container h3,
+.sheet-characterstatus-container h3 {
+    display: inline;
+    padding: 5px;
+    margin-bottom: 10px;
+}
+
+input[type=numer].sheet-characterzustand {
+    width: 40px;
+}
+
+.sheet-character-schicksalspunkte,
+.sheet-character-geschwindigkeit {
+    width: 164px;
+}
+
+.sheet-characterzustaende-detail .repcontainer,
+.sheet-characterstatus-container .repcontainer {
+    margin-top: 10px;
+}
+
+h3.sheet-character-zustaende-label {
+    padding-right: 61px;
+}
+
+h3.sheet-character-status-label {
+    padding-right: 82px;
+}
+
+.sheet-base-info-character-name,
+.sheet-base-info-character-profession,
+.sheet-base-info-character-kultur,
+.sheet-base-info-character-rudel,
+.sheet-base-info-character-rasse,
+.sheet-base-info-character-geschlecht,
+.sheet-base-info-character-alter {
+    width: 120px;
+}
+
+.sheet-base-info-leiteigenschaft {
+    width: 120px;
+}
+
+.sheet-repeating-toggle-label {
+    margin-left: -15px;
+}
+
+/* Kampf / Waffen */
+
+.sheet-character-combat-container {
+    grid-area: combat;
+    display: grid;
+    grid-template-columns: 1105px;
+    padding: 5px;
+    margin-bottom: 10px;
+    justify-self: start;
+}
+
+.sheet-melee-weapon-headers {
+    display: grid;
+    grid-template-columns: 195px 132px 62px 80px 80px 80px 80px 80px 80px;
+    grid-template-rows: auto;
+    text-align: center;
+}
+
+.sheet-ranged-weapon-headers {
+    display: grid;
+    grid-template-columns: 195px 132px 62px 80px 80px 80px 80px;
+    grid-template-rows: auto;
+    text-align: center;
+}
+
+.sheet-melee-weapon-container .repitem {
+    display: grid;
+    grid-template-columns: 15px 0 180px 132px 62px 80px 80px 80px 80px 80px 80px;
+    grid-template-rows: auto;
+    justify-items: center;
+}
+
+.sheet-melee-weapon-container .repcontrol {
+    margin-right: 235px;
+}
+
+.sheet-melee-weapon-container .sheet-detail-toggle + .sheet-inline-label::before {
+     margin-left: -10px;
+     margin-top: 4px;
+}
+
+.sheet-melee-weapon-container .sheet-detail-container {
+    grid-column: span 11;
+}
+
+.sheet-meleeweapon-detail,
+.sheet-rangedweapon-detail {
+    width: 100%;
+    margin-left: 10px;
+}
+
+.sheet-ranged-weapon-container .repitem {
+    display: grid;
+    grid-template-columns: 15px 0 180px 132px 62px 80px 80px 80px 80px;
+    grid-template-rows: auto;
+    justify-items: center;
+}
+
+.sheet-ranged-weapon-container .repcontrol {
+    margin-right: 395px;
+}
+
+.sheet-ranged-weapon-container .sheet-detail-toggle + .sheet-inline-label::before {
+     margin-left: -10px;
+     margin-top: 4px;
+}
+
+.sheet-ranged-weapon-container .sheet-detail-container {
+    grid-column: span 11;
+}
+
+.sheet-weapon-text {
+    max-width: 179px;
+}
+
+.sheet-melee-weapon-container, .sheet-ranged-weapon-container, .sheet-inventory-ausruestung, .sheet-inventory-schoenedinge {
+    margin-bottom: 10px;
+}
+
+.sheet-melee-weapon-container .repitem input {
+    margin-left: 1px;
+    margin-right: 1px;
+}
+
+.sheet-ammunition-container {
+    display: grid;
+    grid-template-rows: 1fr;
+    grid-template-columns: auto auto auto auto 1fr;
+    margin-bottom: 10px;
+}
+
+.sheet-ammunition-arrows-input {
+    margin-right: 10px;
+}
+
+.sheet-weapon-short-text {
+    width: 60px;
+    margin-left: 1px;
+}
+
+.sheet-weapon-type {
+    width: 130px;
+    margin-left: 1px;
+}
+
+/* Vorteile, Nachteile, Sonderfertigkeiten */
+.sheet-character-vorteile-header {
+    grid-area: vorteile;
+}
+
+.sheet-character-nachteile-header {
+    grid-area: nachteile;
+}
+
+.sheet-character-nachteile {
+    grid-area: nachteile;
+}
+
+.sheet-character-sonderfertigkeiten {
+    grid-area: sonderfertigkeiten;
+}
+
+.sheet-character-vorteile-header,
+.sheet-character-nachteile-header {
+    display: grid;
+    grid-template-columns: 270px 50px;
+    grid-template-rows: max-content;
+}
+
+.sheet-character-sonderfertigkeiten-header {
+    display: grid;
+    grid-template-columns: 270px 95px 50px;
+    grid-template-rows: max-content;
+}
+
+.sheet-character-vorteile input[type="text"],
+.sheet-character-nachteile input[type="text"],
+.sheet-character-sonderfertigkeiten input[type="text"] {
+    width: 254px;
+    margin-right: 1px;
+}
+
+.sheet-character-vorteile input[type="number"],
+.sheet-character-nachteile input[type="number"],
+.sheet-character-sonderfertigkeiten input[type="number"] {
+    width: 48px;
+    margin-left: 1px;
+}
+
+.sheet-character-sonderfertigkeiten select {
+    width: 93px;
+    margin-left: 1px;
+}
+
+.sheet-character-vorteile .repitem,
+.sheet-character-nachteile .repitem {
+    display: grid;
+    grid-template-columns: 15px 0px 255px 50px;
+    grid-template-rows: auto;
+}
+
+.sheet-character-sonderfertigkeiten .repitem {
+    display: grid;
+    grid-template-columns: 15px 0px 255px 95px 50px;
+    grid-template-rows: auto;
+}
+
+.sheet-vorteil-detail,
+.sheet-nachteil-detail,
+.sheet-sonderfertigkeit-detail {
+    grid-column: span 4;
+    width: 320px;
+}
+
+.sheet-detail-container textarea {
+    margin-bottom: 0;
+    width: 95%
+}
+
+.sheet-base-info-sonderfertigkeit {
+    width: 90px;
+}
+
+input[type="checkbox"].sheet-toggle-lebensenergie-detail,
+input[type="checkbox"].sheet-toggle-ahnenenergie-detail,
+input[type="checkbox"].sheet-toggle-seelenkraft-detail,
+input[type="checkbox"].sheet-toggle-zaehigkeit-detail,
+input[type="checkbox"].sheet-toggle-initiative-detail,
+input[type="checkbox"].sheet-toggle-characterzustaende-detail,
+input[type="checkbox"].sheet-toggle-characterstatus-detail {
+    top: -2px;
+    left: -5px;
+    margin: -15px;
+}
+
+input[type="checkbox"].sheet-toggle-vorteil-detail,
+input[type="checkbox"].sheet-toggle-nachteil-detail,
+input[type="checkbox"].sheet-toggle-sonderfertigkeit-detail {
+    margin-left: 0;
+    top: 5px;
+}
+
+input[type="checkbox"].sheet-toggle-lebensenergie-detail + label::before,
+input[type="checkbox"].sheet-toggle-ahnenenergie-detail + label::before,
+input[type="checkbox"].sheet-toggle-seelenkraft-detail + label::before,
+input[type="checkbox"].sheet-toggle-zaehigkeit-detail + label::before,
+input[type="checkbox"].sheet-toggle-initiative-detail + label::before {
+    margin-top: 12px;
+}
+
+input[type="checkbox"].sheet-toggle-vorteil-detail + label::before,
+input[type="checkbox"].sheet-toggle-nachteil-detail + label::before,
+input[type="checkbox"].sheet-toggle-sonderfertigkeit-detail + label::before,
+input[type="checkbox"].sheet-toggle-characterzustaende-detail + label::before,
+input[type="checkbox"].sheet-toggle-characterstatus-detail + label::before {
+    margin-top: 6px;
+}
+
+/* ------------------ Fertigkeiten tab ------------------ */
+
+.sheet-skills-container {
+    display: grid;
+    grid-template-areas: "skills-left skills-right";
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+}
+
+.sheet-skills-left {
+    grid-area: skills-left;
+    display: grid;
+    grid-template-areas: "skills-koerper"
+                         "skills-gesellschaft"
+                         "skills-handwerk";
+    grid-template-rows: auto auto auto 1fr;
+}
+
+.sheet-skills-right {
+    grid-area: skills-right;
+    display: grid;
+    grid-template-areas: "skills-geist"
+                         "skills-kampf";
+    grid-template-rows: auto auto 1fr;
+}
+
+.sheet-skills-koerper {
+    grid-area: skills-koerper;
+}
+
+.sheet-skills-gesellschaft {
+    grid-area: skills-gesellschaft;
+}
+
+.sheet-skills-handwerk {
+    grid-area: skills-handwerk;
+}
+
+.sheet-skills-geist {
+    grid-area: skills-geist;
+}
+
+.sheet-skill-list-row  {
+    display: grid;
+    grid-template-columns: 15px 0 180px 40px 40px 40px 80px 40px 40px 60px;
+    grid-template-rows: repeat(6, auto) 1fr;
+    margin-bottom: 2px;
+}
+
+.sheet-skill-list {
+    margin-bottom: 8px;
+}
+
+.sheet-skill-list-row input[type=number] {
+    width: 30px;
+}
+
+.sheet-skills-kampf {
+    grid-area: skills-kampf;
+}
+
+.sheet-skills-kampf .sheet-skill-list-row {
+    grid-template-columns: 15px 0 140px 40px 40px 40px 80px 40px 40px 40px 60px;
+}
+
+.sheet-skill-list-row > * {
+    text-align: center;
+}
+
+.sheet-skill-list-row > .sheet-skill-name {
+    text-align: left;
+    margin-left: 5px;
+}
+
+.sheet-skill-list-row h3:first-child {
+    grid-column: span 3;
+}
+
+.sheet-skill-list-row .sheet-detail-toggle + .sheet-inline-label {
+    height: 10px;
+}
+
+.sheet-skill-list-row .sheet-detail-toggle + .sheet-inline-label::before {
+     margin-left: -12px;
+}
+
+.sheet-skill-list-row .sheet-detail-container {
+    grid-column: span 10;
+}
+
+.sheet-skill-list-row .sheet-detail-container label {
+    margin-left: 10px;
+}
+
+.sheet-skill-wissender label {
+    padding-right: 2px;
+}
+
+.sheet-skill-wissender input {
+    width: 80px;
+    display: inline;
+}
+
+.sheet-skill-list-row > input,
+.sheet-skill-list-row > button {
+    justify-self: center;
+}
+
+.sheet-skill-eigenschaft input {
+    width: 30px;
+}
+
+.sheet-skill-wissender-detail-header {
+    display: grid;
+    grid-template-columns: 100px 140px auto;
+    grid-template-rows: auto;
+}
+
+.sheet-skill-wissender-detail-header label {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.sheet-wissendertoggle {
+    display:none;
+}
+
+.sheet-wissenderdisabled {
+    display: inline-block;
+}
+
+.sheet-wissenderenabled {
+    display: none;
+}
+
+.sheet-wissendertoggle:checked ~ .sheet-wissenderdisabled {
+    display: none;
+}
+
+.sheet-wissendertoggle:checked ~ .sheet-wissenderenabled {
+    display: inline-block;
+}
+
+/* ------------------ Ahnen tab ------------------ */
+.sheet-ancestor-container {
+    display: grid;
+    grid-template-areas: "status         status status"
+                         "ahnengeschenke .      ahnengaben";
+    grid-template-columns: auto 1fr auto;
+}
+
+.sheet-ancestor-status,
+.sheet-ancestor-ahnengeschenke,
+.sheet-ancestor-ahnengaben {
+    margin-bottom: 10px;
+}
+
+.sheet-ancestor-status {
+    grid-area: status;
+    display: grid;
+    grid-template-columns: 170px 50px 170px 50px 1fr;
+    grid-template-rows: auto;
+}
+
+input[type=number].sheet-aktuelleahnenenergie {
+    -moz-appearance: initial;
+}
+
+.sheet-container input.sheet-aktuelleahnenenergie::-webkit-outer-spin-button,
+.sheet-container input.sheet-aktuelleahnenenergie::-webkit-inner-spin-button {
+    -webkit-appearance: initial;
+}
+
+.sheet-ancestor-ahnengeschenke {
+    grid-area: ahnengeschenke;
+}
+
+.sheet-ancestor-ahnengeschenk-name,
+.sheet-ancestor-ahnengeschenk-dauer {
+    max-width: 148px;
+}
+
+.sheet-ancestor-ahnengeschenk-rw {
+    max-width: 80px;
+    justify-self: center;
+}
+
+.sheet-ancestor-ahnengeschenke-headers,
+.sheet-ancestor-ahnengeschenke .repitem {
+    display: grid;
+    grid-template-columns: 15px 0 150px 100px 150px;
+    grid-template-rows: auto;
+    text-align: center;
+}
+
+.sheet-ancestor-ahnengeschenke-headers h3:first-child {
+    grid-column: span 3;
+}
+
+.sheet-ancestor-ahnengeschenke .repitem .sheet-detail-toggle {
+    margin-top: 5px;
+}
+
+.sheet-ancestor-ahnengeschenke .repitem .sheet-detail-toggle + .sheet-inline-label::before {
+    margin-left: -15px;
+    margin-top: 4px;
+}
+
+.sheet-ancestor-ahnengeschenke .sheet-detail-container {
+    grid-column: span 10;
+}
+
+.sheet-ancestor-ahnengeschenke .sheet-detail-container label {
+    margin-left: 10px;
+}
+
+.sheet-ancestor-ahnengabe-name {
+    width: 188px;
+}
+
+.sheet-ancestor-ahnengaben {
+    grid-area: ahnengaben;
+}
+
+.sheet-ancestor-ahnengaben-stf {
+    width: 50px;
+}
+
+.sheet-ancestor-ahnengaben-eigenschaft {
+    width: 55px;
+}
+
+.sheet-ancestor-ahnengaben-eigenschaften {
+    display: inline-block;
+}
+
+.sheet-ancestor-ahnengaben-headers,
+.sheet-ancestor-ahnengaben .repitem {
+    display: grid;
+    grid-template-columns: 15px 0 190px 40px 60px 40px 130px 40px 40px 60px;
+    grid-template-rows: auto;
+    text-align: center;
+}
+
+.sheet-ancestor-ahnengaben-headers h3:first-child {
+    grid-column: span 3;
+}
+
+.sheet-ancestor-ahnengaben .repitem button {
+    margin-bottom: 5px;
+}
+
+.sheet-ancestor-ahnengaben .repitem > input,
+.sheet-ancestor-ahnengaben .repitem > button,
+.sheet-ancestor-ahnengaben .repitem > select {
+    justify-self: center;
+}
+
+.sheet-ancestor-ahnengaben .sheet-detail-container {
+    grid-column: span 10;
+}
+
+.sheet-ancestor-ahnengaben .sheet-detail-container label {
+    margin-left: 10px;
+}
+
+.sheet-ancestor-ahnengaben .repitem input[type=number] {
+    width: 30px;
+}
+
+.sheet-ancestor-ahnengaben .repitem .sheet-detail-toggle {
+    margin-top: 5px;
+}
+
+.sheet-ancestor-ahnengaben .repitem .sheet-detail-toggle + .sheet-inline-label::before {
+    margin-left: -15px;
+    margin-top: 4px;
+}
+
+/* ------------------ Inventar tab ------------------ */
+.sheet-inventory-container {
+    display: grid;
+    grid-template-areas: "ausruestung schoenedinge"
+                         "ausruestung mondgloeckchen"
+                         "ausruestung tierbegleiter";
+    grid-template-columns: auto auto;
+    grid-template-rows: auto auto 1fr;
+}
+
+.sheet-inventory-ausruestung {
+    grid-area: ausruestung;
+    margin-right: 10px;
+}
+
+.sheet-inventory-tierbegleiter {
+    grid-area: tierbegleiter;
+}
+
+.sheet-inventory-ausruestung .repitem {
+    display: grid;
+    grid-template-columns: 15px 0px 405px 60px 80px;
+    grid-template-rows: auto;
+}
+
+.sheet-inventory-ausruestung .repitem input {
+    justify-self: center;
+}
+
+.sheet-inventory-schoenedinge .repitem {
+    display: grid;
+    grid-template-columns: 15px 0px 395px 70px 70px;
+    grid-template-rows: auto;
+}
+
+.sheet-inventory-schoenedinge-menge,
+.sheet-inventory-schoenedinge-wert {
+    width: 50px;
+    justify-self: center;
+}
+
+.sheet-inventory-schoenedinge input[type=text] {
+    min-width: 395px;
+}
+
+.sheet-inventory-ausruestung input[type=text] {
+    min-width: 400px;
+}
+
+.sheet-inventory-ausruestung-header {
+    display: grid;
+    grid-template-columns: 420px 60px 80px;
+    grid-template-rows: auto;
+    text-align: center;
+}
+
+.sheet-inventory-schoenedinge-header {
+    display: grid;
+    grid-template-columns: 410px 70px 70px;
+    grid-template-rows: auto;
+    text-align: center;
+}
+
+.sheet-inventory-mondgloeckchen {
+    grid-area: mondgloeckchen;
+    margin-bottom: 10px;
+    display: grid;
+    grid-template-columns: auto auto 1fr;
+    grid-template-rows: auto;
+}
+
+.sheet-inventory-tierbegleiter h3 {
+    margin-bottom: 0;
+    width: 530px;
+    border-radius: 5px 5px 0 0;
+    padding-right: 7px;
+}
+
+.sheet-inventory-tierbegleiter textarea {
+    border: solid 2px var(--theme-main-color);
+    margin-bottom: 0;
+    margin-left: 1px;
+    width: 530px;
+    border-radius: 0 0 5px 5px;
+}
+
+.sheet-ausruestung-detail,
+.sheet-schoenedinge-detail {
+    margin-left: 5px;
+    grid-column: span 4;
+}
+
+.sheet-ausruestung-detail textarea,
+.sheet-schoenedinge-detail textarea {
+    margin-bottom: 0;
+    width: 95%
+}
+
+
+input[type="checkbox"].sheet-toggle-ausruestung-detail,
+input[type="checkbox"].sheet-toggle-schoenedinge-detail {
+    margin-left: 0;
+    top: 5px;
+}
+
+input[type="checkbox"].sheet-toggle-ausruestung-detail + label::before,
+input[type="checkbox"].sheet-toggle-schoenedinge-detail + label::before {
+    margin-top: 6px;
+}
+
+/* ------------------ Roll templates ------------------ */
+
+.sheet-rolltemplate-attack,
+.sheet-rolltemplate-skillcheck,
+.sheet-rolltemplate-ahnengabe,
+.sheet-rolltemplate-initiative {
+    box-shadow: 2px 5px 16px 0px #0B325E, 5px 5px 0px 5px rgba(0,0,0,0);
+}
+
+.sheet-rolltemplate-attack .sheet-template-header,
+.sheet-rolltemplate-skillcheck .sheet-template-header,
+.sheet-rolltemplate-ahnengabe .sheet-template-header,
+.sheet-rolltemplate-initiative .sheet-template-header {
+    background-color: #0e5cc7;
+    color: white;
+    padding: 10px;
+    font-weight: bold;
+    text-align: center;
+}
+
+.sheet-rolltemplate-skillcheck .sheet-template-header,
+.sheet-rolltemplate-ahnengabe .sheet-template-header,
+.sheet-rolltemplate-initiative .sheet-template-header {
+    background-color: #0e5cc7;
+}
+
+.sheet-rolltemplate-skillcheck .sheet-template-header {
+    background-color: #239038;
+}
+
+.sheet-rolltemplate-attack .sheet-template-header {
+    background-color: #c70e0e;
+}
+
+.sheet-rolltemplate-attack .sheet-template-body,
+.sheet-rolltemplate-skillcheck .sheet-template-body,
+.sheet-rolltemplate-ahnengabe .sheet-template-body,
+.sheet-rolltemplate-initiative .sheet-template-body {
+    display: grid;
+    grid-template-columns: auto auto;
+    grid-template-rows: repeat(6, auto);
+}
+
+.sheet-rolltemplate-attack .sheet-template-body,
+.sheet-rolltemplate-skillcheck .sheet-template-body,
+.sheet-rolltemplate-ahnengabe .sheet-template-body,
+.sheet-rolltemplate-initiative .sheet-template-body {
+    background-color: rgb(249, 249, 249);
+}
+
+.sheet-rolltemplate-attack .sheet-template-body > *,
+.sheet-rolltemplate-skillcheck .sheet-template-body > *,
+.sheet-rolltemplate-ahnengabe .sheet-template-body > *,
+.sheet-rolltemplate-initiative .sheet-template-body > * {
+    padding: 5px 0 5px 5px;
+}
+
+.sheet-rolltemplate-attack .sheet-template-success,
+.sheet-rolltemplate-ahnengabe .sheet-template-success,
+.sheet-rolltemplate-skillcheck .sheet-template-success {
+    text-align: center;
+    grid-column: 1/3;
+    color: limegreen;
+    font-weight: bold;
+    background-color: white;
+}
+
+.sheet-rolltemplate-attack .sheet-template-miss,
+.sheet-rolltemplate-ahnengabe .sheet-template-miss,
+.sheet-rolltemplate-skillcheck .sheet-template-miss {
+    text-align: center;
+    grid-column: 1/3;
+    color: crimson;
+    font-weight: bold;
+    background-color: white;
+}
diff --git a/Die_Schwarze_Katze/Die_Schwarze_Katze.html b/Die_Schwarze_Katze/Die_Schwarze_Katze.html
new file mode 100644
index 0000000000..22bf74d6a4
--- /dev/null
+++ b/Die_Schwarze_Katze/Die_Schwarze_Katze.html
@@ -0,0 +1,1640 @@
+<div class="container">
+    <div class="tab-navi">
+        <button type="action" name="act_charactertab" >Charakter</button>
+        <button type="action" name="act_skillstab" >Fertigkeiten</button>
+        <button type="action" name="act_ancestortab" >Ahnen</button>
+        <button type="action" name="act_inventorytab" >Inventar</button>
+    </div>
+    <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab'  value='ancestortab'  />
+
+    <div class="charactertab">
+        <div class="character-container">
+            <div class="character-base-info-container">
+                <div class="base-info-left">
+                    <div class="character-base-info-1">
+                        <h3 class="input-label-left">Name</h3>
+                        <input class="base-info-character-name" type="text" name="attr_character_name" />
+                        <h3 class="input-label-left">Geschlecht</h3>
+                        <input class="base-info-character-geschlecht" type="text" name="attr_geschlecht" />
+                        <h3 class="input-label-left">Rasse</h3>
+                        <input class="base-info-character-rasse" type="text" name="attr_rasse" />
+                        <h3 class="input-label-left">Profession</h3>
+                        <input class="base-info-character-profession" type="text" name="attr_profession" />
+                        <h3 class="input-label-left">Kultur</h3>
+                        <input class="base-info-character-kultur" type="text" name="attr_kultur" />
+                        <h3 class="input-label-left">Rudel</h3>
+                        <input class="base-info-character-rudel" type="text" name="attr_rudel" />
+                        <h3 class="input-label-left">Alter</h3>
+                        <input class="base-info-character-alter" type="text" name="attr_alter" />
+                    </div>
+                    <div class="character-base-info-3">
+                        <div>
+                            <h3 class="input-label-top">Lebensenergie (LE)</h3>
+                            <div class="base-info-3-content">
+                                <input class="pictos toggle-lebensenergie-detail detail-toggle" name='act_toggle_lebensenergie_detail' type='checkbox'><label class="inline-label"></label>
+                                <span>2 x KO + Mod</span>
+                                <input type="number" name="attr_lebensenergiemod" value="0" />
+                                <span>=</span>
+                                <input type="number" name="attr_lebensenergie" value="((@{konstitution}*2)+@{lebensenergiemod})" disabled />
+                                <span class="lebensenergie-aktuell-label">Aktuell </span>
+                                <input class="aktuellelebensenergie" type="number" name="attr_aktuellelebensenergie" value="0" />
+                                <div class="base-info-lebensenergie-detail detail-container">
+                                    <label>Notizen</label>
+                                    <textarea name="attr_lebensenergie_detail"></textarea>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <h3 class="input-label-top">Ahnenenergie (AE)</h3>
+                            <div class="base-info-3-content">
+                                <input class="pictos toggle-ahnenenergie-detail detail-toggle" name='act_toggle_ahnenenergie_detail' type='checkbox'><label class="inline-label"></label>
+                                <span>20 +</span>
+                                <select class="base-info-leiteigenschaft" name="attr_leiteigenschaft" title="Ahnentradition">
+                                    <option selected value="" title="Keine">Keine</option>
+                                    <option value="charisma" title="Charisma">Aphasma (CH)</option>
+                                    <option value="klugheit" title="Klugheit">Nurti (KL)</option>
+                                    <option value="mut" title="Mut">Rondra (MU)</option>
+                                    <option value="intuition" title="Intuition">Zerzal (IN)</option>
+                                </select>
+                                <span>+ Mod</span>
+                                <input type="number" name="attr_ahnenenergiemod" value="0" />
+                                <span>=</span>
+                                <input type="number" name="attr_ahnenenergie" readonly />
+                                <div class="base-info-ahnenenergie-detail detail-container">
+                                    <label>Notizen</label>
+                                    <textarea name="attr_ahnenenergie_detail"></textarea>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <h3 class="input-label-top">Seelenkraft (SK)</h3>
+                            <div class="base-info-3-content">
+                                <input class="pictos toggle-seelenkraft-detail detail-toggle" name='act_toggle_seelenkraft_detail' type='checkbox'><label class="inline-label"></label>
+                                <span>(MU + KL + IN) / 3 - 10 + Mod</span>
+                                <input type="number" name="attr_seelenkraftmod" value="0" />
+                                <span>=</span>
+                                <input type="number" name="attr_seelenkraft" value="(round((@{mut}+@{klugheit}+@{intuition})/3)-10+@{seelenkraftmod})" disabled />
+                                <div class="base-info-seelenkraft-detail detail-container">
+                                    <label>Notizen</label>
+                                    <textarea name="attr_seelenkraft_detail"></textarea>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <h3 class="input-label-top">Zähigkeit (ZK)</h3>
+                            <div class="base-info-3-content">
+                                <input class="pictos toggle-zaehigkeit-detail detail-toggle" name='act_toggle_zaehigkeit_detail' type='checkbox'><label class="inline-label"></label>
+                                <span>(KO + KO + KK) / 3 - 10 + Mod</span>
+                                <input type="number" name="attr_zaehigkeitmod" value="0" />
+                                <span>=</span>
+                                <input type="number" name="attr_zaehigkeit" value="(round((@{konstitution}+@{konstitution}+@{koerperkraft})/3)-10+@{zaehigkeitmod})" disabled />
+                                <div class="base-info-zaehigkeit-detail detail-container">
+                                    <label>Notizen</label>
+                                    <textarea name="attr_zaehigkeit_detail"></textarea>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <h3 class="input-label-top">Initiative <button type='roll' name='roll_initiative' value='&{template:initiative} {{result=[[1d6 + @{initiative} &{tracker}]]}}'></button></h3>
+                            <div class="base-info-3-content">
+                                <input class="pictos toggle-initiative-detail detail-toggle" name='act_toggle_initiative_detail' type='checkbox'><label class="inline-label"></label>
+                                <span>(MU + GE) / 2 + Mod</span>
+                                <input type="number" name="attr_initiativemod" value="0" />
+                                <span>=</span>
+                                <input type="number" name="attr_initiative" value="(round((@{mut}+@{gewandtheit})/2)+@{initiativemod})" disabled />
+                                <div class="base-info-initiative-detail detail-container">
+                                    <label>Notizen</label>
+                                    <textarea name="attr_initiative_detail"></textarea>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="character-schicksalspunkte-geschwindigkeit-container">
+                            <div class="inline-block character-schicksalspunkte">
+                                <h3 class="input-label-top">Schicksalspunkte</h3>
+                                <div class="base-info-3-content">
+                                    <input type="number" name="attr_schicksalspunkte" value="3" />
+                                </div>
+                            </div>
+                            <div class="inline-block character-geschwindigkeit">
+                                <h3 class="input-label-top" title="Geschwindigkeit mit 2/4 Beinen">Geschwindigkeit</h3>
+                                <div class="base-info-3-content">
+                                    <input class="small-input" type="number" name="attr_geschwindigkeit2beine" value="6" title="Geschwindigkeit auf 2 Beinen" />
+                                    <span>/</span>
+                                    <input class="small-input" type="number" name="attr_geschwindigkeit4beine" value="12" title="Geschwindigkeit auf 4 Beinen" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="base-info-right">
+                    <div class="character-base-info-2">
+                        <h3 class="input-label-left" title="Rüstungsschutz">RS</h3><input type="number" name="attr_ruestungsschutz" value="0" />
+                        <h3 class="input-label-left" title="Verfügbare Abenteuerpunkte">AP verfügbar</h3><input type="number" name="attr_apavailable" value="0" />
+                        <h3 class="input-label-left" >Belastung (BE)</h3><input type="number" name="attr_belastung" value="0" />
+                        <h3 class="input-label-left" title="Abenteuerpunkte gesamt">AP gesamt</h3><input type="number" name="attr_aptotal" value="0" />
+                        <div class="characterzustaende-container">
+                            <input class="pictos toggle-characterzustaende-detail detail-toggle" name='act_toggle_characterzustaende_detail' type='checkbox'><label class="inline-label"></label>
+                            <h3 class="character-zustaende-label">Zustände</h3>
+                            <div class="characterzustaende-detail detail-container">
+                                <fieldset class="repeating_characterzustaende">
+                                    <input class="characterzustand" type="text" name="attr_characterzustand" />
+                                    <input class="characterzustand" type="number" name="attr_characterzustand_stufe" value="0" />
+                                </fieldset>
+                            </div>
+                        </div>
+                        <div class="characterstatus-container">
+                            <input class="pictos toggle-characterstatus-detail detail-toggle" name='act_toggle_characterstatus_detail' type='checkbox'><label class="inline-label"></label>
+                            <h3 class="character-status-label">Status</h3>
+                            <div class="characterstatus-detail detail-container">
+                                <fieldset class="repeating_characterstatus">
+                                    <input class="characterstatus" type="text" name="attr_characterstatus" />
+                                </fieldset>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="character-base-info-eigenschaften">
+                        <h3 class="input-label-left">Mut (MU)</h3><input type="number" name="attr_mut" value="0" />
+                        <h3 class="input-label-left">Charisma (CH)</h3><input type="number" name="attr_charisma" value="0" />
+                        <h3 class="input-label-left">Klugheit (KL)</h3><input type="number" name="attr_klugheit" value="0" />
+                        <h3 class="input-label-left">Intuition (IN)</h3><input type="number" name="attr_intuition" value="0" />
+                        <h3 class="input-label-left">Gewandtheit (GE)</h3><input type="number" name="attr_gewandtheit" value="0" />
+                        <h3 class="input-label-left">Fingerfertigkeit (FF)</h3><input type="number" name="attr_fingerfertigkeit" value="0" />
+                        <h3 class="input-label-left">Körperkraft (KK)</h3><input type="number" name="attr_koerperkraft" value="0" />
+                        <h3 class="input-label-left">Konstitution (KO)</h3><input type="number" name="attr_konstitution" value="0" />
+                        <div class="character-eigenschaften-gesamt">
+                            <h3 class="input-label-left">Gesamt vergebene Eigenschaftspunkte</h3>
+                            <input type="number" name="attr_eigenschaftengesamt" value="(@{mut}+@{charisma}+@{klugheit}+@{intuition}+@{gewandtheit}+@{fingerfertigkeit}+@{koerperkraft}+@{konstitution})" disabled />
+                        </div>
+                        <div class="character-eigenschaften-probe">
+                            <h3>Eigenschaftsprobe</h3>
+                            <button type='roll' name='roll_eigenschaftsprobe'
+                                    value='&{template:skillcheck} [[ ceil(([[?{1. Eigenschaft|MU, @{mut}[MU]|CH, @{charisma}[CH]|KL, @{klugheit}[KL]|IN, @{intuition}[IN]|GE, @{gewandtheit}[GE]|FF, @{fingerfertigkeit}[FF]|KK, @{koerperkraft}[KK]|KO, @{konstitution}[KO]}+?{2. Eigenschaft|MU,@{mut}[MU]|CH, @{charisma}[CH]|KL, @{klugheit}[KL]|IN, @{intuition}[IN]|GE, @{gewandtheit}[GE]|FF, @{fingerfertigkeit}[FF]|KK, @{koerperkraft}[KK]|KO, @{konstitution}[KO]}-5+(?{Modifikatoren (Reichweite, Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Eigenschaftsprobe}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="character-combat-container">
+                <div class="melee-weapon-container">
+                    <div class="melee-weapon-headers">
+                        <h3>Nahkampfwaffe</h3>
+                        <h3>Angriffstyp</h3>
+                        <h3 title="Trefferpunkte">TP</h3>
+                        <h3 title="Angriffswert Modifikator">AW Mod</h3>
+                        <h3 title="Verteidigungswert Modifikator">VW Mod</h3>
+                        <h3 title="Reichweite">RW</h3>
+                        <h3 title="Angriffswert">AW</h3>
+                        <h3 title="Verteidigungswert">VW</h3>
+                        <h3 title="Angriffswurf">Angriff</h3>
+                    </div>
+                    <fieldset class="repeating_meleeweapon">
+                        <input class="pictos detail-toggle" name='act_toggle_meleeweapon_detail' type='checkbox'><label class="inline-label"></label>
+                        <input class="weapon-text" type="text" name="attr_meleeweapon">
+                        <div>
+                            <select class="weapon-type" name="attr_meleetype">
+                                <option selected value="raufen">Raufen</option>
+                                <option value="einhandwaffen">Einhandwaffe</option>
+                                <option value="zweihandwaffen">Zweihandwaffe</option>
+                                <option value="schilde">Schild</option>
+                            </select>
+                        </div>
+                        <input class="weapon-short-text" type="text" name="attr_meleetp" value="1d6" />
+                        <input type="number" name="attr_meleemodaw" value="0" />
+                        <input type="number" name="attr_meleemodvw" value="0" />
+                        <input class="weapon-short-text" type="text" name="attr_meleerw" />
+                        <input type="number" name="attr_meleeaw" value="0" readonly />
+                        <input type="number" name="attr_meleevw" value="0" readonly />
+                        <div>
+                            <button type='roll' name='roll_attackmelee'
+                                    value='&{template:attack} [[[[[[ceil(([[@{meleeaw}[AW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|0}[Modifikator]) - (?{Verteidigungswert des Ziels|0}[Ziel VW])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]][QS] + [[@{meleetp}]][TP] ]][Gesamtschaden] * 3[Kritisch] ]] {{weapon=@{meleeweapon}}} {{probenwert=$[[0]]}} {{qs=$[[4]]}} {{result=$[[1]]}} {{damageroll=$[[5]]}} {{totaldamage=$[[6]]}} {{totaldamagekritisch=$[[7]]}}'>
+                            </button>
+                        </div>
+                        <div class="meleeweapon-detail detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_meleeweapon_detail"></textarea>
+                        </div>
+                    </fieldset>
+                </div>
+                <div class="ranged-weapon-container">
+                    <div class="ranged-weapon-headers">
+                        <h3>Fernkampfwaffe</h3>
+                        <h3>Angriffstyp</h3>
+                        <h3 title="Trefferpunkte">TP</h3>
+                        <h3 title="Ladezeit (in Aktionen)">LZ</h3>
+                        <h3 title="Reichweite">RW</h3>
+                        <h3 title="Angriffswert">AW</h3>
+                        <h3 title="Angriffswurf">Angriff</h3>
+                    </div>
+                    <fieldset class="repeating_rangedweapon">
+                        <input class="pictos detail-toggle" name='act_toggle_rangedweapon_detail' type='checkbox'><label class="inline-label"></label>
+                        <input class="weapon-text" type="text" name="attr_rangedweapon">
+                        <select class="weapon-type" name="attr_rangedtype">
+                            <option selected value="schusswaffen">Schusswaffe</option>
+                            <option value="wurfwaffen">Wurfwaffe</option>
+                        </select>
+                        <input class="weapon-short-text" type="text" name="attr_rangedtp" value="1d6" />
+                        <input type="number" name="attr_rangedmod" value="0" />
+                        <input class="weapon-short-text" type="text" name="attr_rangedrw" value="Mittel" />
+                        <input type="number" name="attr_rangedaw" value="0" />
+                        <div>
+                            <button type='roll' name='roll_attackranged'
+                                    value='&{template:attack} [[[[[[ceil(([[@{rangedaw}[AW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|0}[Modifikator]) - (?{Verteidigungswert des Ziels|0}[Ziel VW])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]][QS] + [[@{rangedtp}]][TP] ]][Gesamtschaden] * 3[Kritisch] ]] {{weapon=@{rangedweapon}}} {{probenwert=$[[0]]}} {{qs=$[[4]]}} {{result=$[[1]]}} {{damageroll=$[[5]]}} {{totaldamage=$[[6]]}} {{totaldamagekritisch=$[[7]]}}'>
+                            </button>
+                        </div>
+                        <div class="rangedweapon-detail detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_rangedweapon_detail"></textarea>
+                        </div>
+                    </fieldset>
+                </div>
+                <div class="ammunition-container">
+                    <h3 class="input-label-left">Munition (Pfeile)</h3><input class="small-input ammunition-arrows-input" type="text" name="attr_ammunitionarrow" value="0">
+                    <h3 class="input-label-left">Munition (Bolzen)</h3><input class="small-input" type="text" name="attr_ammunitionbolt" value="0">
+                </div>
+            </div>
+            <div class="character-base-info-4">
+                <div></div>
+                <div class="character-vorteile">
+                    <div class="character-vorteile-header">
+                        <h3>Vorteile</h3>
+                        <h3 title="AP Kosten">AP</h3>
+                    </div>
+                    <fieldset class="repeating_vorteile">
+                        <input class="pictos toggle-vorteil-detail detail-toggle" name='act_toggle_vorteil_detail' type='checkbox'><label class="inline-label repeating-toggle-label"></label>
+                        <input type="text" name="attr_vorteil">
+                        <input type="number" name="attr_vorteil_ap" value="0" />
+                        <div class="vorteil-detail detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_vorteil_detail"></textarea>
+                        </div>
+                    </fieldset>
+                </div>
+                <div class="character-nachteile">
+                    <div class="character-vorteile-header">
+                        <h3>Nachteile</h3>
+                        <h3 title="AP Gutschrift">AP</h3>
+                    </div>
+                    <fieldset class="repeating_nachteile">
+                        <input class="pictos toggle-nachteil-detail detail-toggle" name='act_toggle_nachteil_detail' type='checkbox'><label class="inline-label repeating-toggle-label"></label>
+                        <input type="text" name="attr_nachteil">
+                        <input type="number" name="attr_nachteil_ap" value="0" />
+                        <div class="nachteil-detail detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_nachteil_detail"></textarea>
+                        </div>
+                    </fieldset>
+                </div>
+                <div class="character-sonderfertigkeiten">
+                    <div class="character-sonderfertigkeiten-header">
+                        <h3>Sonderfertigkeiten</h3>
+                        <h3>Art</h3>
+                        <h3 title="AP Kosten">AP</h3>
+                    </div>
+                    <fieldset class="repeating_sonderfertigkeiten">
+                        <input class="pictos toggle-sonderfertigkeit-detail detail-toggle" name='act_toggle_sonderfertigkeit_detail' type='checkbox'><label class="inline-label repeating-toggle-label"></label>
+                        <input type="text" name="attr_sonderfertigkeit">
+                        <select class="base-info-sonderfertigkeit" name="attr_sonderfertigkeit_art" title="Art der Sonderfertigkeit">
+                            <option selected value="allgemein">Allgemein</option>
+                            <option value="kampf">Kampf</option>
+                            <option value="ahnen">Ahnen</option>
+                        </select>
+                        <input type="number" name="attr_sonderfertigkeit_ap" value="0" />
+                        <div class="sonderfertigkeit-detail detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_sonderfertigkeit_detail"></textarea>
+                        </div>
+                    </fieldset>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="skillstab">
+        <div class="skills-container">
+            <div class="skills-left">
+                <div class="skills-koerper skill-list">
+                    <div class="skill-list-row">
+                        <h3>Körper</h3>
+                        <h3 title="Belastung">BE</h3>
+                        <h3 title="Steigerungsfaktor">STF</h3>
+                        <h3 title="Fertigkeitswert">FW</h3>
+                        <h3>Eigens.</h3>
+                        <h3 title="Eigenschaftswert = (Eigenschaft 1 + Eigenschaft 2) / 2">EW</h3>
+                        <h3 title="Probenwert = FW + EW + 5">PW</h3>
+                        <h3 title="Fertigkeitsprobe">Probe</h3>
+                    </div>
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_friemeln_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Friemeln</label>
+                        <label>ja</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillfriemeln" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="FF" name="attr_skillfriemelnEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="GE" name="attr_skillfriemelnEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillfriemelnew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillfriemelnpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckfriemeln'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillfriemelnpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Friemeln}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_friemeln_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_koerperbeherrschung_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Körperbeherrschung</label>
+                        <label>ja</label>
+                        <label>E</label>
+                        <input type="number" name="attr_skillkoerperbeherrschung" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="GE" name="attr_skillkoerperbeherrschungEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KO" name="attr_skillkoerperbeherrschungEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillkoerperbeherrschungew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillkoerperbeherrschungpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckkoerperbeherrschung'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillkoerperbeherrschungpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Körperbeherrschung}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_koerperbeherrschung_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_kraftakt_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Kraftakt</label>
+                        <label>ja</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skillkraftakt" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KO" name="attr_skillkraftaktEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KK" name="attr_skillkraftaktEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillkraftaktew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillkraftaktpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckkraftakt'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillkraftaktpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Kraftakt}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_kraftakt_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_selbstbeherrschung_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Selbstbeherrschung</label>
+                        <label>nein</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillselbstbeherrschung" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="MU" name="attr_skillselbstbeherrschungEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KO" name="attr_skillselbstbeherrschungEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillselbstbeherrschungew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillselbstbeherrschungpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckselbstbeherrschung'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillselbstbeherrschungpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Selbstbeherrschung}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_selbstbeherrschung_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_verbergen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Verbergen</label>
+                        <label>ja</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillverbergen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillverbergenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="GE" name="attr_skillverbergenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillverbergenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillverbergenpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckverbergen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillverbergenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Verbergen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_verbergen_detail"></textarea>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="skills-gesellschaft skill-list">
+                    <div class="skill-list-row">
+                        <h3>Gesellschaft</h3>
+                        <h3 title="Belastung">BE</h3>
+                        <h3 title="Steigerungsfaktor">STF</h3>
+                        <h3 title="Fertigkeitswert">FW</h3>
+                        <h3>Eigens.</h3>
+                        <h3 title="Eigenschaftswert = (Eigenschaft 1 + Eigenschaft 2) / 2">EW</h3>
+                        <h3 title="Probenwert = FW + EW + 5">PW</h3>
+                        <h3 title="Fertigkeitsprobe">Probe</h3>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_betteln_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Betteln</label>
+                        <label>nein</label>
+                        <label>A</label>
+                        <input type="number" name="attr_skillbetteln" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="CH" name="attr_skillbettelnEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="GE" name="attr_skillbettelnEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillbettelnew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillbettelnpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckbetteln'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillbettelnpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Gesellschaftsfertigkeiten}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_betteln_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_durchschauen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Durchschauen</label>
+                        <label>nein</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skilldurchschauen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skilldurchschauenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skilldurchschauenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skilldurchschauenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skilldurchschauenpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckdurchschauen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skilldurchschauenpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Durchschauen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_durchschauen_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_einschuechtern_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Einschüchtern</label>
+                        <label>nein</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skilleinschuechtern" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="MU" name="attr_skilleinschuechternEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="CH" name="attr_skilleinschuechternEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skilleinschuechternew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skilleinschuechternpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckeinschuechtern'
+                                value='&{template:skillcheck} [[ ceil(([[@{skilleinschuechternpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Einschüchtern}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_einschuechtern_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_umschmeicheln_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Umschmeicheln</label>
+                        <label>evtl.</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillumschmeicheln" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="IN" name="attr_skillumschmeichelnEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="CH" name="attr_skillumschmeichelnEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillumschmeichelnew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillumschmeichelnpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckumschmeicheln'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillumschmeichelnpw}[PW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|-@{belastung}}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Umschmeicheln}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_umschmeicheln_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_willenskraft_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Willenskraft</label>
+                        <label>nein</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillwillenskraft" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="MU" name="attr_skillwillenskraftEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KO" name="attr_skillwillenskraftEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillwillenskraftew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillwillenskraftpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckwillenskraft'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillwillenskraftpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Willenskraft}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_willenskraft_detail"></textarea>
+                        </div>
+                    </div>
+                </div>
+                <div class="skills-handwerk skill-list">
+                    <div class="skill-list-row">
+                        <h3>Handwerk</h3>
+                        <h3 title="Belastung">BE</h3>
+                        <h3 title="Steigerungsfaktor">STF</h3>
+                        <h3 title="Fertigkeitswert">FW</h3>
+                        <h3>Eigens.</h3>
+                        <h3 title="Eigenschaftswert = (Eigenschaft 1 + Eigenschaft 2) / 2">EW</h3>
+                        <h3 title="Probenwert = FW + EW + 5">PW</h3>
+                        <h3 title="Fertigkeitsprobe">Probe</h3>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_basteln_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Basteln</label>
+                        <label>ja</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillbasteln" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="FF" name="attr_skillbastelnEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="GE" name="attr_skillbastelnEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillbastelnew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillbastelnpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckbasteln'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillbastelnpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Basteln}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_basteln_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_heilkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Heilkunde</label>
+                        <label>ja</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillheilkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillheilkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="FF" name="attr_skillheilkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillheilkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillheilkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckheilkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillheilkundepw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Heilkunde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_heilkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_kochen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Kochen</label>
+                        <label>ja</label>
+                        <label>A</label>
+                        <input type="number" name="attr_skillkochen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="IN" name="attr_skillkochenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="FF" name="attr_skillkochenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillkochenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillkochenpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckkochen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillkochenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Kochen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_kochen_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_musizieren_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Musizieren</label>
+                        <label>ja</label>
+                        <label>A</label>
+                        <input type="number" name="attr_skillmusizieren" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="CH" name="attr_skillmusizierenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="FF" name="attr_skillmusizierenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillmusizierenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillmusizierenpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckmusizieren'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillmusizierenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Musizieren}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                        <label>Notizen</label>
+                        <textarea name="attr_musizieren_detail"></textarea>
+                    </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_ueberleben_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Überleben</label>
+                        <label>ja</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillueberleben" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="MU" name="attr_skillueberlebenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="GE" name="attr_skillueberlebenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillueberlebenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillueberlebenpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckueberleben'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillueberlebenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Überleben}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_ueberleben_detail"></textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="skills-right">
+                <div class="skills-geist skill-list">
+                    <div class="skill-list-row">
+                        <h3>Geist</h3>
+                        <h3 title="Belastung">BE</h3>
+                        <h3 title="Steigerungsfaktor">STF</h3>
+                        <h3 title="Fertigkeitswert">FW</h3>
+                        <h3>Eigens.</h3>
+                        <h3 title="Eigenschaftswert = (Eigenschaft 1 + Eigenschaft 2) / 2">EW</h3>
+                        <h3 title="Probenwert = FW + EW + 5">PW</h3>
+                        <h3 title="Fertigkeitsprobe">Probe</h3>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_gassenkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Gassenkunde</label>
+                        <label>nein</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillgassenkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillgassenkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="CH" name="attr_skillgassenkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillgassenkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillgassenkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckgassenkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillgassenkundepw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Geistesfertigkeiten}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_gassenkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_geisterkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Geisterkunde</label>
+                        <label>nein</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skillgeisterkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="MU" name="attr_skillgeisterkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KL" name="attr_skillgeisterkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillgeisterkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillgeisterkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckgeisterkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillgeisterkundepw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Geisterkunde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_geisterkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_geographie_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Geographie</label>
+                        <label>nein</label>
+                        <label>A</label>
+                        <input type="number" name="attr_skillgeographie" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillgeographieEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillgeographieEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillgeographieew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillgeographiepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckgeographie'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillgeographiepw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Geographie}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_geographie_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_geschichten_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Geschichten</label>
+                        <label>nein</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillgeschichten" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillgeschichtenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillgeschichtenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillgeschichtenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillgeschichtenpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckgeschichten'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillgeschichtenpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Geschichten}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_geschichten_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_menschenkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Menschenkunde</label>
+                        <label>nein</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skillmenschenkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillmenschenkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillmenschenkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillmenschenkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillmenschenkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckmenschenkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillmenschenkundepw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Menschenkunde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_menschenkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_orientierung_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Orientierung</label>
+                        <label>nein</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skillorientierung" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillorientierungEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillorientierungEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillorientierungew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillorientierungpw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckorientierung'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillorientierungpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Orientierung}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_orientierung_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_pflanzenkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Pflanzenkunde</label>
+                        <label>evtl.</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skillpflanzenkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillpflanzenkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="FF" name="attr_skillpflanzenkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillpflanzenkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillpflanzenkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckpflanzenkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillpflanzenkundepw}[PW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|-@{belastung}}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Pflanzenkunde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_pflanzenkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_sinnesschaerfe_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Sinnesschärfe</label>
+                        <label>evtl.</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillsinnesschaerfe" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillsinnesschaerfeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillsinnesschaerfeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillsinnesschaerfeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillsinnesschaerfepw" value="0" readonly />
+                        <button type='roll' name='roll_skillchecksinnesschaerfe'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillsinnesschaerfepw}[PW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|-@{belastung}}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Sinnesschärfe}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_sinnesschaerfe_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_tierkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Tierkunde</label>
+                        <label>evtl.</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skilltierkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="MU" name="attr_skilltierkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="CH" name="attr_skilltierkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skilltierkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skilltierkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillchecktierkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skilltierkundepw}[PW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|-@{belastung}}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Tierkunde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_tierkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_zahlenkunde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Zahlenkunde</label>
+                        <label>nein</label>
+                        <label>A</label>
+                        <input type="number" name="attr_skillzahlenkunde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillzahlenkundeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillzahlenkundeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillzahlenkundeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillzahlenkundepw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckzahlenkunde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillzahlenkundepw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Zahlenkunde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_zahlenkunde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_wissender_detail' type='checkbox'><label class="inline-label"></label>
+                        <div class="skill-name skill-wissender">
+                            <label class="inline-label">Wissender (</label><input type="text" value="" name="attr_skillwissenderText" /><label class="inline-label">)</label>
+                        </div>
+                        <label>nein</label>
+                        <label>A</label>
+                        <input type="number" name="attr_skillwissender" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="KL" name="attr_skillwissenderEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="IN" name="attr_skillwissenderEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillwissenderew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillwissenderpw" value="0" readonly />
+                        <div>
+                            <input class="wissendertoggle" type="checkbox" name="attr_vorteilwissender" readonly>
+                            <button class="wissenderdisabled" type='roll' disabled></button>
+                            <button class="wissenderenabled" type='roll' name='roll_skillcheckwissender'
+                                    value='&{template:skillcheck} [[ ceil(([[@{skillwissenderpw}[PW] + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Wissender (@{skillwissenderText})}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                            </button>
+                        </div>
+
+                        <div class="skill-wissender-detail detail-container">
+                            <div class="skill-wissender-detail-header">
+                                <label>Notizen</label>
+                                <label>Vorteil: Wissender</label>
+                                <input type="checkbox" name="attr_vorteilwissender">
+                            </div>
+                            <textarea name="attr_wissender_detail"></textarea>
+                        </div>
+                    </div>
+                </div>
+                <div class="skills-kampf skill-list">
+                    <div class="skill-list-row">
+                        <h3>Kampf</h3>
+                        <h3 title="Belastung">BE</h3>
+                        <h3 title="Steigerungsfaktor">STF</h3>
+                        <h3 title="Fertigkeitswert">FW</h3>
+                        <h3>Eigens.</h3>
+                        <h3 title="Eigenschaftswert = (Eigenschaft 1 + Eigenschaft 2) / 2">EW</h3>
+                        <h3 title="Angriffswert = FW + EW + 5">AW</h3>
+                        <h3 title="Verteidigungswert = AW / 4">VW</h3>
+                        <h3 title="Fertigkeitsprobe">Probe</h3>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_einhandwaffen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Einhandwaffen</label>
+                        <label>ja</label>
+                        <label>E</label>
+                        <input type="number" name="attr_skilleinhandwaffen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="GE" name="attr_skilleinhandwaffenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KK" name="attr_skilleinhandwaffenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skilleinhandwaffenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skilleinhandwaffenaw" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skilleinhandwaffenvw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckeinhandwaffen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skilleinhandwaffenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Einhandwaffen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_einhandwaffen_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_raufen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Raufen</label>
+                        <label>ja</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillraufen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="GE" name="attr_skillraufenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KK" name="attr_skillraufenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillraufenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillraufenaw" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillraufenvw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckraufen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillraufenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Raufen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_raufen_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_schilde_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Schilde</label>
+                        <label>ja</label>
+                        <label>C</label>
+                        <input type="number" name="attr_skillschilde" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="GE" name="attr_skillschildeEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KK" name="attr_skillschildeEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillschildeew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillschildeaw" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillschildevw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckschilde'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillschildepw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Schilde}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_schilde_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_schusswaffen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Schusswaffen</label>
+                        <label>ja</label>
+                        <label>D</label>
+                        <input type="number" name="attr_skillschusswaffen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="IN" name="attr_skillschusswaffenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="FF" name="attr_skillschusswaffenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillschusswaffenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillschusswaffenaw" value="0" readonly />
+                        <div></div>
+                        <button type='roll' name='roll_skillcheckschusswaffen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillschusswaffenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Schusswaffen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_schusswaffen_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_wurfwaffen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Wurfwaffen</label>
+                        <label>ja</label>
+                        <label>B</label>
+                        <input type="number" name="attr_skillwurfwaffen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="IN" name="attr_skillwurfwaffenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="FF" name="attr_skillwurfwaffenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillwurfwaffenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillwurfwaffenaw" value="0" readonly />
+                        <div></div>
+                        <button type='roll' name='roll_skillcheckwurfwaffen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillwurfwaffenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Wurfwaffen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_wurfwaffen_detail"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="skill-list-row">
+                        <input class="pictos detail-toggle" name='act_toggle_zweihandwaffen_detail' type='checkbox'><label class="inline-label"></label>
+                        <label class="skill-name">Zweihandwaffen</label>
+                        <label>ja</label>
+                        <label>E</label>
+                        <input type="number" name="attr_skillzweihandwaffen" value="0" />
+                        <div class="skill-eigenschaft">
+                            <input type="text" value="GE" name="attr_skillzweihandwaffenEw1" readonly />
+                            <span>/</span>
+                            <input type="text" value="KK" name="attr_skillzweihandwaffenEw2" readonly />
+                        </div>
+                        <input class="skill-disabled-number" type="number" name="attr_skillzweihandwaffenew" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillzweihandwaffenaw" value="0" readonly />
+                        <input class="skill-disabled-number" type="number" name="attr_skillzweihandwaffenvw" value="0" readonly />
+                        <button type='roll' name='roll_skillcheckzweihandwaffen'
+                                value='&{template:skillcheck} [[ ceil(([[@{skillzweihandwaffenpw}[PW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=Zweihandwaffen}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                        </button>
+                        <div class="detail-container">
+                            <label>Notizen</label>
+                            <textarea name="attr_zweihandwaffen_detail"></textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="ancestortab">
+        <div class="ancestor-container">
+            <div class="ancestor-status">
+                <h3 class="input-label-left">Aktuelle Ahnenenergie</h3>
+                <input class="aktuelleahnenenergie" type="number" name="attr_aktuelleahnenenergie" value="0" />
+                <h3 class="input-label-left">Maximale Ahnenenergie</h3>
+                <input type="number" name="attr_ahnenenergie" readonly />
+            </div>
+            <div class="ancestor-ahnengeschenke">
+                <div class="ancestor-ahnengeschenke-headers">
+                    <h3>Ahnengeschenk</h3>
+                    <h3>Reichweite</h3>
+                    <h3>Wirkungsdauer</h3>
+                </div>
+                <fieldset class="repeating_ahnengeschenke">
+                    <input class="pictos detail-toggle" name='act_toggle_ahnengeschenk_detail' type='checkbox'><label class="inline-label"></label>
+                    <input class="ancestor-ahnengeschenk-name" type="text" name="attr_ahnengeschenk">
+                    <input class="ancestor-ahnengeschenk-rw" type="text" name="attr_ahnengeschenkreichweite">
+                    <input class="ancestor-ahnengeschenk-dauer" type="text" name="attr_ahnengeschenkwirkungsdauer">
+                    <div class="detail-container">
+                        <label>Notizen</label>
+                        <textarea name="attr_ahnengeschenk_detail"></textarea>
+                    </div>
+                </fieldset>
+            </div>
+            <div></div>
+            <div class="ancestor-ahnengaben">
+                <div class="ancestor-ahnengaben-headers">
+                    <h3>Ahnengabe</h3>
+                    <h3 title="Ahnenenergie Punkte Kosten">AeP</h3>
+                    <h3 title="Steigerungsfaktor">STF</h3>
+                    <h3 title="Fertigkeitswert">FW</h3>
+                    <h3 >Eigenschaften</h3>
+                    <h3 title="Eigenschaftswert = (Eigenschaft 1 + Eigenschaft 2) / 2">EW</h3>
+                    <h3 title="Probenwert = FW + EW + 5">PW</h3>
+                    <h3 title="Fertigkeitsprobe">Probe</h3>
+                </div>
+                <fieldset class="repeating_ahnengaben">
+                    <input class="pictos detail-toggle" name='act_toggle_ahnengabe_detail' type='checkbox'><label class="inline-label"></label>
+                    <input class="ancestor-ahnengabe-name" type="text" name="attr_ahnengabename">
+                    <input type="number" name="attr_ahnengabeaep" value="0">
+                    <select class="ancestor-ahnengaben-stf" name="attr_ahnengabestf">
+                       <option selected value="a">A</option>
+                       <option value="b">B</option>
+                       <option value="c">C</option>
+                       <option value="d">D</option>
+                       <option value="e">E</option>
+                    </select>
+                    <input type="number" name="attr_ahnengabefw" value="0">
+                    <div class="ancestor-ahnengaben-eigenschaften">
+                        <select class="ancestor-ahnengaben-eigenschaft" name="attr_ahnengabeEw1">
+                            <option value="mu">MU</option>
+                            <option value="ch">CH</option>
+                            <option value="kl">KL</option>
+                            <option value="in">IN</option>
+                            <option value="ge">GE</option>
+                            <option value="ff">FF</option>
+                            <option value="kk">KK</option>
+                            <option value="ko">KO</option>
+                        </select>
+                        <span>/</span>
+                        <select class="ancestor-ahnengaben-eigenschaft" name="attr_ahnengabeEw2">
+                            <option value="mu">MU</option>
+                            <option value="ch">CH</option>
+                            <option value="kl">KL</option>
+                            <option value="in">IN</option>
+                            <option value="ge">GE</option>
+                            <option value="ff">FF</option>
+                            <option value="kk">KK</option>
+                            <option value="ko">KO</option>
+                        </select>
+                    </div>
+                    <input type="number" name="attr_ahnengabeew" readonly>
+                    <input type="number" name="attr_ahnengabepw" readonly>
+                    <button type='roll' name='roll_ahnengabe'
+                            value='&{template:ahnengabe} [[ ceil(([[@{ahnengabepw}[PW] + (?{Probewert Modifikator (Belastung, Zustände etc.)|0}[Modifikator])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]] {{name=@{ahnengabename}}} {{probenwert=$[[0]]}} {{result=$[[1]]}} {{qs=$[[4]]}}'>
+                    </button>
+                    <div class="detail-container">
+                        <label>Notizen</label>
+                        <textarea name="attr_ahnengabe_detail"></textarea>
+                    </div>
+                </fieldset>
+            </div>
+        </div>
+    </div>
+    <div class="inventorytab">
+        <div class="inventory-container">
+            <div class="inventory-ausruestung">
+                <div class="inventory-ausruestung-header">
+                    <h3>Ausrüstung</h3>
+                    <h3>Menge</h3>
+                    <h3 title="Gewicht in Zehntstein">Gewicht</h3>
+                </div>
+                <fieldset class="repeating_ausruestung">
+                    <input class="pictos toggle-ausruestung-detail detail-toggle" name='act_toggle_ausruestung_detail' type='checkbox'><label class="inline-label repeating-toggle-label"></label>
+                    <input type="text" name="attr_ausruestung">
+                    <input class="small-input" type="number" name="attr_ausruestung_menge" value="1">
+                    <input class="small-input" type="number" step="0.01" name="attr_ausruestung_gewicht" value="0">
+                    <div class="ausruestung-detail detail-container">
+                        <label>Notizen</label>
+                        <textarea name="attr_ausruestung_detail"></textarea>
+                    </div>
+                </fieldset>
+            </div>
+            <div class="inventory-schoenedinge">
+                <div class="inventory-schoenedinge-header">
+                    <h3>Schöne Dinge</h3>
+                    <h3>Menge</h3>
+                    <h3>Wert</h3>
+                </div>
+                <fieldset class="repeating_schoenedinge">
+                    <input class="pictos toggle-schoenedinge-detail detail-toggle" name='act_toggle_schoenedinge_detail' type='checkbox'><label class="inline-label repeating-toggle-label"></label>
+                    <input class="inventory-schoenedinge-name" type="text" name="attr_schoenedingename">
+                    <input class="inventory-schoenedinge-menge" type="number" name="attr_schoenedingemenge" value="0">
+                    <input class="inventory-schoenedinge-wert" type="number" name="attr_schoenedingewert" value="0">
+                    <div class="schoenedinge-detail detail-container">
+                        <label>Notizen</label>
+                        <textarea name="attr_schoenedinge_detail"></textarea>
+                    </div>
+                </fieldset>
+            </div>
+            <div class="inventory-mondgloeckchen">
+                <h3 class="input-label-left">Mondglöckchen</h3>
+                <input type="number" name="attr_mondgloeckchen" value="0">
+            </div>
+            <div class="inventory-tierbegleiter">
+                <h3>Tierbegleiter</h3>
+                <textarea name="attr_tierbegleiter" ></textarea>
+            </div>
+        </div>
+    </div>
+</div>
+
+<rolltemplate class="sheet-rolltemplate-attack">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">Angriff mit {{weapon}}</div>
+        <div class="sheet-template-body">
+            <label>Würfelwurf:</label><span>{{result}}</span>
+            <label>Probenwert:</label><span>{{probenwert}}</span>
+
+            {{#rollTotal() result 2}}
+                <div class="sheet-template-success">
+                    Angriff kritisch erfolgreich!
+                </div>
+                <label>QS:</label><span>{{qs}}</span>
+                <label>Schadenswurf:</label><span>{{damageroll}}</span>
+                <label>Gesamtschaden (kritisch):</label><span>{{totaldamagekritisch}}</span>
+            {{/rollTotal() result 2}}
+            {{#rollTotal() result 40}}
+                <div class="sheet-template-miss">
+                    Angriff kritisch fehlgeschlagen!
+                </div>
+            {{/rollTotal() result 40}}
+
+            {{#rollBetween() result 3 39}}
+                {{#rollGreater() result probenwert}}
+                    <div class="sheet-template-miss">
+                        Angriff fehlgeschlagen!
+                    </div>
+                {{/rollGreater() result probenwert}}
+                {{#^rollGreater() result probenwert}}
+                    <div class="sheet-template-success">
+                        Angriff erfolgreich!
+                    </div>
+                    <label>QS:</label><span>{{qs}}</span>
+                    <label>Schadenswurf:</label><span>{{damageroll}}</span>
+                    <label>Gesamtschaden:</label><span>{{totaldamage}}</span>
+                {{/^rollGreater() result probenwert}}
+            {{/rollBetween() result 3 39}}
+        </div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-ahnengabe">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">{{name}}</div>
+        <div class="sheet-template-body">
+            <label>Würfelwurf:</label><span>{{result}}</span>
+            <label>Probenwert:</label><span>{{probenwert}}</span>
+
+            {{#rollTotal() result 2}}
+                <div class="sheet-template-success">
+                    Kritischer Erfolg!
+                </div>
+                <label>QS:</label><span>{{qs}}</span>
+            {{/rollTotal() result 2}}
+            {{#rollTotal() result 40}}
+                <div class="sheet-template-miss">
+                    Kritischer Fehlschlag!
+                </div>
+            {{/rollTotal() result 40}}
+
+            {{#rollBetween() result 3 39}}
+                {{#rollGreater() result probenwert}}
+                    <div class="sheet-template-miss">
+                        Fehlschlag!
+                    </div>
+                {{/rollGreater() result probenwert}}
+                {{#^rollGreater() result probenwert}}
+                    <div class="sheet-template-success">
+                        Erfolg!
+                    </div>
+                    <label>QS:</label><span>{{qs}}</span>
+                {{/^rollGreater() result probenwert}}
+            {{/rollBetween() result 3 39}}
+        </div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-skillcheck">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">{{name}}</div>
+        <div class="sheet-template-body">
+            <label>Würfelwurf:</label><span>{{result}}</span>
+            <label>Probenwert:</label><span>{{probenwert}}</span>
+
+            {{#rollTotal() result 2}}
+                <div class="sheet-template-success">
+                    Kritischer Erfolg!
+                </div>
+                <label>QS:</label><span>{{qs}}</span>
+            {{/rollTotal() result 2}}
+            {{#rollTotal() result 40}}
+                <div class="sheet-template-miss">
+                    Kritischer Fehlschlag!
+                </div>
+            {{/rollTotal() result 40}}
+            {{#rollBetween() result 3 39}}
+                {{#rollGreater() result probenwert}}
+                    <div class="sheet-template-miss">
+                        Fehlschlag!
+                    </div>
+                {{/rollGreater() result probenwert}}
+                {{#^rollGreater() result probenwert}}
+                    <div class="sheet-template-success">
+                        Erfolg!
+                    </div>
+                    <label>QS:</label><span>{{qs}}</span>
+                {{/^rollGreater() result probenwert}}
+            {{/rollBetween() result 3 39}}
+        </div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-initiative">
+    <div class="sheet-template-container">
+        <div class="sheet-template-header">Initiative</div>
+        <div class="sheet-template-body">
+            <label>Würfelwurf:</label><span>{{result}}</span>
+        </div>
+    </div>
+</rolltemplate>
+
+<script type="text/worker">
+    // character sheet tab control
+    const buttonlist = ["charactertab", "skillstab", "ancestortab", "inventorytab"];
+    buttonlist.forEach(button => {
+        on(`clicked:${button}`, function() {
+            setAttrs({
+                sheetTab: button
+            });
+        });
+    });
+
+    // Ahnenenergie calculation
+    on("sheet:opened change:leiteigenschaft change:ahnenenergiemod", function() {
+        getAttrs(["leiteigenschaft", "ahnenenergiemod", "charisma", "klugheit", "intuition", "mut"], function(values) {
+            let ahnenenergiemod = parseInt(values.ahnenenergiemod)||0;
+            let leiteigenschaft = values.leiteigenschaft;
+            let leiteigenschaftAttribut = parseInt(values[leiteigenschaft])||0;
+            let ahnenenergieCalculated = leiteigenschaftAttribut === 0 ? 0 : 20 + leiteigenschaftAttribut + ahnenenergiemod;
+            // console.log("calculated ahnenenergie = " + ahnenenergieCalculated);
+            setAttrs({
+                ahnenenergie: ahnenenergieCalculated
+            });
+        });
+    });
+
+    // Skill value calculation
+    function calculateEw(e1, e2) {
+        let e1Int = parseInt(e1)||0;
+        let e2Int = parseInt(e2)||0;
+        return Math.ceil((e1Int + e2Int) / 2);
+    }
+
+    function getAttributeName(abbreviation) {
+        switch (abbreviation.toLowerCase()) {
+            case "mu": return "mut";
+            case "kl": return "klugheit";
+            case "ch": return "charisma";
+            case "in": return "intuition";
+            case "ge": return "gewandtheit";
+            case "ff": return "fingerfertigkeit";
+            case "kk": return "koerperkraft";
+            case "ko": return "konstitution";
+            default: return "";
+        }
+    }
+
+    let attributeList = ["mut", "klugheit", "charisma", "intuition", "gewandtheit", "fingerfertigkeit", "koerperkraft", "konstitution"];
+
+    let skillsList = ["skillfriemeln", "skillkoerperbeherrschung", "skillkraftakt", "skillselbstbeherrschung", "skillverbergen",
+    "skillbetteln", "skilldurchschauen", "skilleinschuechtern", "skillumschmeicheln", "skillwillenskraft",
+    "skillgassenkunde", "skillgeisterkunde", "skillgeographie", "skillgeschichten", "skillmenschenkunde", "skillorientierung", "skillpflanzenkunde", "skillsinnesschaerfe", "skilltierkunde", "skillzahlenkunde", "skillwissender",
+    "skillbasteln", "skillheilkunde", "skillkochen", "skillmusizieren", "skillueberleben",
+    "skillraufen", "skilleinhandwaffen", "skillschilde", "skillschusswaffen", "skillwurfwaffen", "skillzweihandwaffen"];
+
+    let skillsListEw1 = skillsList.map(skill => skill + "Ew1");
+    let skillsListEw2 = skillsList.map(skill => skill + "Ew2");
+    let attributeChangeRequiredAttrs = skillsList.concat(skillsListEw1).concat(skillsListEw2).concat(attributeList);
+
+    // on attribute change skill update
+    attributeList.forEach(attr => {
+        on(`change:${attr}`, function() {
+            getAttrs(attributeChangeRequiredAttrs, function(values) {
+                let attrsToSet = {};
+                skillsList.forEach(skill => {
+                    // update Skill ew properties
+                    let skillEw1Abbr = values[skill+"Ew1"];
+                    let skillEw1 = getAttributeName(skillEw1Abbr);
+                    let skillEw1Value = parseInt(values[skillEw1])||0;
+
+                    let skillEw2Abbr = values[skill+"Ew2"];
+                    let skillEw2 = getAttributeName(skillEw2Abbr);
+                    let skillEw2Value = parseInt(values[skillEw2])||0;
+
+                    let skillEw = calculateEw(skillEw1Value, skillEw2Value);
+                    attrsToSet[skill+"ew"] = skillEw;
+                });
+                setAttrs(attrsToSet);
+            });
+        });
+    });
+
+    // on skill ew & skill fw change
+    skillsList.forEach(skill => {
+        on("change:"+skill+"ew change:"+skill, function() {
+            getAttrs([skill, skill+"ew", "mut", "klugheit", "charisma", "intuition", "gewandtheit", "fingerfertigkeit", "koerperkraft", "konstitution"], function(values) {
+                // console.log("Skill: "+skill);
+                let skillEw = parseInt(values[skill+"ew"])||0;
+                // console.log("skillEw: " + skillEw);
+
+                let skillFw = parseInt(values[skill])||0;
+                // console.log("skillFw: " + skillFw);
+
+                // update skill pw, aw, vw properties
+                let attrsToSet = {};
+                let skillPw = skillEw + skillFw + 5;
+                // console.log("skillPw: "+skillPw);
+                let skillAw = skillPw;
+                let skillVw = Math.round(skillAw / 4);
+
+                // console.log("Set Attr: pw "+skillPw+", aw "+skillAw+", vw "+skillVw);
+                setAttrs({
+                    [skill+"pw"]: skillPw,
+                    [skill+"aw"]: skillAw,
+                    [skill+"vw"]: skillVw,
+                });
+            });
+        });
+    });
+
+    // get skillAw or skillVw from meleetype or rangedtype as int
+    function getSkillAwOrVw(values, attacktype, awOrVw) {
+        return parseInt(values["skill"+attacktype+awOrVw])||0;
+    }
+
+    // on melee weapon mod aw / vw & melee type change
+    on("change:repeating_meleeweapon:meleetype change:repeating_meleeweapon:meleemodaw change:repeating_meleeweapon:meleemodvw", function() {
+        getAttrs(["repeating_meleeweapon_meleetype", "repeating_meleeweapon_meleemodaw", "repeating_meleeweapon_meleemodvw",
+        "skillraufenaw", "skillraufenvw", "skilleinhandwaffenaw", "skilleinhandwaffenvw", "skillzweihandwaffenaw", "skillzweihandwaffenvw", "skillschildeaw", "skillschildevw"], function(values) {
+            let meleetype = values.repeating_meleeweapon_meleetype;
+            let skillaw = getSkillAwOrVw(values, meleetype, "aw");
+            let skillvw = getSkillAwOrVw(values, meleetype, "vw");
+            let skillawMod = parseInt(values.repeating_meleeweapon_meleemodaw)||0;
+            let skillvwMod = parseInt(values.repeating_meleeweapon_meleemodvw)||0;
+
+            let weaponawCalculated = skillaw + skillawMod;
+            let weaponvwCalculated = skillvw + skillvwMod;
+
+            // console.log("calculated weapon aw = " + weaponawCalculated);
+            // console.log("calculated weapon vw = " + weaponvwCalculated);
+
+            setAttrs({
+                repeating_meleeweapon_meleeaw: weaponawCalculated,
+                repeating_meleeweapon_meleevw: weaponvwCalculated
+            });
+        });
+    });
+
+    // on ranged weapon ranged type change
+    on("change:repeating_rangedweapon:rangedtype", function() {
+        getAttrs(["repeating_rangedweapon_rangedtype", "skillschusswaffenaw", "skillwurfwaffenaw"], function(values) {
+            let rangedtype = values.repeating_rangedweapon_rangedtype;
+            // console.log("rangedtype "+rangedtype);
+            let skillaw = parseInt(values["skill"+rangedtype+"aw"])||0;
+            // console.log("skillaw = " + skillaw);
+
+            setAttrs({
+                repeating_rangedweapon_rangedaw: skillaw
+            });
+        });
+    });
+
+    // on melee skill aw / vw change
+    on("change:skillraufenaw change:skillraufenvw change:skilleinhandwaffenaw change:skilleinhandwaffenvw change:skillzweihandwaffenaw change:skillzweihandwaffenvw change:skillschildeaw change:skillschildevw", function() {
+        getSectionIDs("meleeweapon", function(idarray) {
+            let repeating_attrs = [];
+            for(var i=0; i < idarray.length; i++) {
+                let id = idarray[i];
+                repeating_attrs.push("repeating_meleeweapon_" + id + "_meleemodaw");
+                repeating_attrs.push("repeating_meleeweapon_" + id + "_meleemodvw");
+                repeating_attrs.push("repeating_meleeweapon_" + id + "_meleetype");
+            }
+            // console.log("repeating_attrs "+repeating_attrs);
+
+            getAttrs([...repeating_attrs, "skillraufenaw", "skillraufenvw", "skilleinhandwaffenaw", "skilleinhandwaffenvw", "skillzweihandwaffenaw", "skillzweihandwaffenvw",
+                 "skillschildeaw", "skillschildevw"], function(values) {
+                // console.log("melee skill aw/vw change");
+
+                let attrsToSet = {};
+
+                for(var i=0; i < idarray.length; i++) {
+                    let id = idarray[i];
+                    // console.log("id "+id);
+                    let meleetype = values["repeating_meleeweapon_" + id + "_meleetype"];
+                    // console.log("meleetype "+meleetype);
+                    let skillaw = getSkillAwOrVw(values, meleetype, "aw");
+                    let skillvw = getSkillAwOrVw(values, meleetype, "vw");
+
+                    let skillawMod = parseInt(values["repeating_meleeweapon_" + id + "_meleemodaw"])||0;
+                    let skillvwMod = parseInt(values["repeating_meleeweapon_" + id + "_meleemodvw"])||0;
+
+                    // console.log("skillaw "+skillaw+", skillvw "+skillvw+", skillawMod "+skillawMod+", skillvwMod "+skillvwMod);
+
+                    let weaponawCalculated = skillaw + skillawMod;
+                    let weaponvwCalculated = skillvw + skillvwMod;
+
+                    attrsToSet["repeating_meleeweapon_"+id+"_meleeaw"] = weaponawCalculated;
+                    attrsToSet["repeating_meleeweapon_"+id+"_meleevw"] = weaponvwCalculated;
+                }
+                // console.log("attrsToSet "+JSON.stringify(attrsToSet));
+                setAttrs(attrsToSet);
+            });
+        });
+    });
+
+    // on ranged skill aw change
+    on("change:skillwurfwaffenaw change:skillschusswaffenaw", function() {
+        let repeating_attrs = [];
+        getSectionIDs("rangedweapon", function(idarray) {
+            for(var i=0; i < idarray.length; i++) {
+                let id = idarray[i];
+                repeating_attrs.push("repeating_rangedweapon_" + id + "_rangedtype");
+            }
+            // console.log("repeating_attrs "+repeating_attrs);
+
+            getAttrs([...repeating_attrs, "skillwurfwaffenaw", "skillschusswaffenaw"], function(values) {
+                // console.log("ranged skill aw change");
+                let attrsToSet = {};
+
+                for(var i=0; i < idarray.length; i++) {
+                    let id = idarray[i];
+                    // console.log("id "+id);
+                    let rangedtype = values["repeating_rangedweapon_" + id + "_rangedtype"];
+                    // console.log("rangedtype "+rangedtype);
+                    let skillaw = getSkillAwOrVw(values, rangedtype, "aw");
+                    // console.log("skillaw "+skillaw);
+
+                    attrsToSet["repeating_rangedweapon_" + id + "_rangedaw"] = skillaw;
+                }
+                setAttrs(attrsToSet);
+            });
+        });
+    });
+
+    // on ahnengaben fw & eigenschaft change
+    on("change:repeating_ahnengaben:ahnengabefw change:repeating_ahnengaben:ahnengabeEw1 change:repeating_ahnengaben:ahnengabeEw2", function() {
+        getAttrs([...attributeList, "repeating_ahnengaben_ahnengabefw", "repeating_ahnengaben_ahnengabeEw1", "repeating_ahnengaben_ahnengabeEw2"], function(values) {
+            let skillFw = parseInt(values.repeating_ahnengaben_ahnengabefw)||0;
+
+            let skillEw1Abbr = values["repeating_ahnengaben_ahnengabeEw1"];
+            let skillEw1 = getAttributeName(skillEw1Abbr);
+            let skillEw1Value = parseInt(values[skillEw1])||0;
+            let skillEw2Abbr = values["repeating_ahnengaben_ahnengabeEw2"];
+            let skillEw2 = getAttributeName(skillEw2Abbr);
+            let skillEw2Value = parseInt(values[skillEw2])||0;
+
+            let skillEw = calculateEw(skillEw1Value, skillEw2Value);
+            let skillPw = skillEw + skillFw + 5;
+
+            setAttrs({
+                "repeating_ahnengaben_ahnengabeew": skillEw,
+                "repeating_ahnengaben_ahnengabepw": skillPw
+            });
+        });
+    });
+
+    // on attribute change ahnengaben update
+    attributeList.forEach(attr => {
+        on(`change:${attr}`, function() {
+            getSectionIDs("ahnengaben", function(idarray) {
+                let repeating_attrs = [];
+                for(var i=0; i < idarray.length; i++) {
+                    let id = idarray[i];
+                    repeating_attrs.push("repeating_ahnengaben_" + id + "_ahnengabefw");
+                    repeating_attrs.push("repeating_ahnengaben_" + id + "_ahnengabeEw1");
+                    repeating_attrs.push("repeating_ahnengaben_" + id + "_ahnengabeEw2");
+                }
+                // console.log("repeating_attrs "+repeating_attrs);
+                getAttrs(repeating_attrs.concat(attributeList), function(values) {
+                    let attrsToSet = {};
+                    for(var i=0; i < idarray.length; i++) {
+                        let id = idarray[i];
+                        let skillFw = parseInt(values["repeating_ahnengaben_" + id + "_ahnengabefw"])||0;
+                        let skillEw1Abbr = values["repeating_ahnengaben_" + id + "_ahnengabeEw1"];
+                        let skillEw1 = getAttributeName(skillEw1Abbr);
+                        let skillEw1Value = parseInt(values[skillEw1])||0;
+
+                        let skillEw2Abbr = values["repeating_ahnengaben_" + id + "_ahnengabeEw2"];
+                        let skillEw2 = getAttributeName(skillEw2Abbr);
+                        let skillEw2Value = parseInt(values[skillEw2])||0;
+
+                        let skillEw = calculateEw(skillEw1Value, skillEw2Value);
+                        let skillPw = skillEw + skillFw + 5;
+                        attrsToSet["repeating_ahnengaben_" + id + "_ahnengabeew"] = skillEw;
+                        attrsToSet["repeating_ahnengaben_" + id + "_ahnengabepw"] = skillPw;
+                    }
+                    setAttrs(attrsToSet);
+                });
+            });
+        });
+    });
+
+    // on "Vorteil: Wissender selection"
+    on("change:vorteilwissender", function() {
+
+    });
+
+</script>
diff --git a/Die_Schwarze_Katze/sheet.json b/Die_Schwarze_Katze/sheet.json
new file mode 100644
index 0000000000..09b5f21c16
--- /dev/null
+++ b/Die_Schwarze_Katze/sheet.json
@@ -0,0 +1,8 @@
+{
+	"html": "Die_Schwarze_Katze.html",
+	"css": "Die_Schwarze_Katze.css",
+	"authors": "Jakob Kneissl",
+	"roll20userid": "5972116",
+	"preview": "",
+	"instructions": "# Die Schwarze Katze Sheet v1.0.0 \r"
+}
\ No newline at end of file