From e83d0f8544dc4c43ef4e4988db17298c30340e2d Mon Sep 17 00:00:00 2001
From: silas <git@silas>
Date: Fri, 21 Sep 2018 00:34:17 +0200
Subject: [PATCH] =?UTF-8?q?M=C3=BCnzen=20und=20Hilfe=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .idea/watcherTasks.xml                        |   2 +-
 .idea/wordRotator.iml                         |   1 +
 log/error.log                                 |  41 +---
 log/log.log                                   |  41 +---
 public/css/wordRotator.css                    |   3 +-
 public/html/application/level.html            |   2 +-
 public/js/app.js                              | 191 ++++++++++++++----
 public/js/lang/de.json                        |   2 +-
 public/js/lang/en.json                        |   2 +-
 .../pwa/html/application/level.html           |   3 +
 .../Application/pwa/js/site/LevelSite.js      |  45 ++++-
 .../pwa/js/wordrotator/Level/Level.js         |  37 +++-
 .../js/wordrotator/Segment/ParentSegment.js   |  80 +++++---
 .../pwa/js/wordrotator/Segment/RowSegment.js  |  19 +-
 .../pwa/js/wordrotator/Segment/Segment.js     |  13 ++
 .../Application/pwa/translations/de.json      |   5 +-
 .../Application/pwa/translations/en.json      |   5 +-
 src/scss/wordRotator.scss                     |  26 ++-
 18 files changed, 351 insertions(+), 167 deletions(-)

diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml
index 2010eea..57f1e47 100755
--- a/.idea/watcherTasks.xml
+++ b/.idea/watcherTasks.xml
@@ -2,7 +2,7 @@
 <project version="4">
   <component name="ProjectTasksOptions">
     <TaskOptions isEnabled="true">
-      <option name="arguments" value="--update --no-source-map $FileName$:$FileNameWithoutExtension$.css" />
+      <option name="arguments" value="--update $FileName$:$FileNameWithoutExtension$.css" />
       <option name="checkSyntaxErrors" value="true" />
       <option name="description" />
       <option name="exitCodeBehavior" value="ERROR" />
diff --git a/.idea/wordRotator.iml b/.idea/wordRotator.iml
index bf3febf..649fc88 100755
--- a/.idea/wordRotator.iml
+++ b/.idea/wordRotator.iml
@@ -3,6 +3,7 @@
   <component name="NewModuleRootManager">
     <content url="file://$MODULE_DIR$">
       <sourceFolder url="file://$MODULE_DIR$/src/module/Application/src" isTestSource="false" packagePrefix="Application\" />
+      <sourceFolder url="file://$MODULE_DIR$/src/module/Application/pwa/html" isTestSource="false" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/event-manager" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/persistence" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/reflection" />
diff --git a/log/error.log b/log/error.log
index 2a1e606..f098000 100755
--- a/log/error.log
+++ b/log/error.log
@@ -1,40 +1 @@
-2018-09-18T21:39:55+02:00 ERR (3):
-2018-09-18T22:19:51+02:00 ERR (3):
-2018-09-18T22:36:07+02:00 ERR (3):
-2018-09-18T22:37:14+02:00 ERR (3):
-2018-09-18T22:37:16+02:00 ERR (3):
-2018-09-18T23:03:24+02:00 ERR (3):
-2018-09-19T11:15:04+02:00 ERR (3):
-2018-09-19T11:15:57+02:00 ERR (3):
-2018-09-19T11:16:35+02:00 ERR (3):
-2018-09-19T11:25:57+02:00 ERR (3):
-2018-09-19T11:35:29+02:00 ERR (3):
-2018-09-19T11:37:15+02:00 ERR (3):
-2018-09-19T11:38:07+02:00 ERR (3):
-2018-09-19T11:38:16+02:00 ERR (3):
-2018-09-19T11:40:46+02:00 ERR (3):
-2018-09-19T11:42:24+02:00 ERR (3):
-2018-09-19T11:49:07+02:00 ERR (3):
-2018-09-19T11:53:54+02:00 ERR (3):
-2018-09-19T11:54:03+02:00 ERR (3):
-2018-09-19T11:54:27+02:00 ERR (3):
-2018-09-19T11:54:49+02:00 ERR (3):
-2018-09-19T11:57:42+02:00 ERR (3):
-2018-09-19T11:58:10+02:00 ERR (3):
-2018-09-19T12:01:11+02:00 ERR (3):
-2018-09-19T12:01:29+02:00 ERR (3):
-2018-09-19T12:03:50+02:00 ERR (3):
-2018-09-19T12:04:14+02:00 ERR (3):
-2018-09-19T12:04:36+02:00 ERR (3):
-2018-09-19T12:06:07+02:00 ERR (3):
-2018-09-19T12:06:42+02:00 ERR (3):
-2018-09-19T12:06:49+02:00 ERR (3):
-2018-09-19T12:21:19+02:00 ERR (3):
-2018-09-19T12:21:44+02:00 ERR (3):
-2018-09-19T12:21:59+02:00 ERR (3):
-2018-09-19T13:33:57+02:00 ERR (3):
-2018-09-19T13:34:11+02:00 ERR (3):
-2018-09-20T10:32:44+02:00 ERR (3):
-2018-09-20T15:48:57+02:00 ERR (3):
-2018-09-20T16:29:24+02:00 ERR (3):
-2018-09-20T16:49:49+02:00 ERR (3):
+2018-09-20T20:09:20+02:00 ERR (3):
diff --git a/log/log.log b/log/log.log
index 2a1e606..f098000 100755
--- a/log/log.log
+++ b/log/log.log
@@ -1,40 +1 @@
-2018-09-18T21:39:55+02:00 ERR (3):
-2018-09-18T22:19:51+02:00 ERR (3):
-2018-09-18T22:36:07+02:00 ERR (3):
-2018-09-18T22:37:14+02:00 ERR (3):
-2018-09-18T22:37:16+02:00 ERR (3):
-2018-09-18T23:03:24+02:00 ERR (3):
-2018-09-19T11:15:04+02:00 ERR (3):
-2018-09-19T11:15:57+02:00 ERR (3):
-2018-09-19T11:16:35+02:00 ERR (3):
-2018-09-19T11:25:57+02:00 ERR (3):
-2018-09-19T11:35:29+02:00 ERR (3):
-2018-09-19T11:37:15+02:00 ERR (3):
-2018-09-19T11:38:07+02:00 ERR (3):
-2018-09-19T11:38:16+02:00 ERR (3):
-2018-09-19T11:40:46+02:00 ERR (3):
-2018-09-19T11:42:24+02:00 ERR (3):
-2018-09-19T11:49:07+02:00 ERR (3):
-2018-09-19T11:53:54+02:00 ERR (3):
-2018-09-19T11:54:03+02:00 ERR (3):
-2018-09-19T11:54:27+02:00 ERR (3):
-2018-09-19T11:54:49+02:00 ERR (3):
-2018-09-19T11:57:42+02:00 ERR (3):
-2018-09-19T11:58:10+02:00 ERR (3):
-2018-09-19T12:01:11+02:00 ERR (3):
-2018-09-19T12:01:29+02:00 ERR (3):
-2018-09-19T12:03:50+02:00 ERR (3):
-2018-09-19T12:04:14+02:00 ERR (3):
-2018-09-19T12:04:36+02:00 ERR (3):
-2018-09-19T12:06:07+02:00 ERR (3):
-2018-09-19T12:06:42+02:00 ERR (3):
-2018-09-19T12:06:49+02:00 ERR (3):
-2018-09-19T12:21:19+02:00 ERR (3):
-2018-09-19T12:21:44+02:00 ERR (3):
-2018-09-19T12:21:59+02:00 ERR (3):
-2018-09-19T13:33:57+02:00 ERR (3):
-2018-09-19T13:34:11+02:00 ERR (3):
-2018-09-20T10:32:44+02:00 ERR (3):
-2018-09-20T15:48:57+02:00 ERR (3):
-2018-09-20T16:29:24+02:00 ERR (3):
-2018-09-20T16:49:49+02:00 ERR (3):
+2018-09-20T20:09:20+02:00 ERR (3):
diff --git a/public/css/wordRotator.css b/public/css/wordRotator.css
index 162354f..4f0f09b 100755
--- a/public/css/wordRotator.css
+++ b/public/css/wordRotator.css
@@ -1 +1,2 @@
-nav.top-bar.title-bar{padding:.3rem .6rem 0}#action-bar .top-bar-right .menu .action.img a{padding-bottom:0}#action-bar .top-bar-right .menu .action.img a img{max-height:1.8rem}.dropdown.menu a,.menu a{padding:.2rem .5rem}#level-number-container{-webkit-transition:none;transition:none;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:3px solid #fff;border-radius:50%;visibility:hidden;display:table-cell;height:35px;width:35px;text-align:center;vertical-align:middle}#level-number-container.visible{visibility:visible}#level-number-container #level-number{-webkit-transition:none;transition:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.coin-counter{display:inline-block;position:relative;font-size:1.6rem}.coin-counter :after{background-image:url(../img/coinTower.png);background-size:28px 28px;width:28px;height:28px;display:inline-block;content:""}#coin-container .coin{margin:3px;max-width:30px;display:inline-block}.height-10{height:10%}.width-10{width:10%}.height-20{height:20%}.width-20{width:20%}.height-30{height:30%}.width-30{width:30%}.height-40{height:40%}.width-40{width:40%}.height-50{height:50%}.width-50{width:50%}.height-60{height:60%}.width-60{width:60%}.height-70{height:70%}.width-70{width:70%}.height-80{height:80%}.width-80{width:80%}.height-90{height:90%}.width-90{width:90%}.height-100{height:100%}.width-100{width:100%}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.segment:not(.segment-row):not(.segment-triangle).rotating{z-index:10!important;overflow:hidden}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180,.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}#level{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;max-width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-y:visible}#level,#level *,.segment{-webkit-transition:none;transition:none}.segment{vertical-align:top;white-space:normal;cursor:pointer;display:inline-block;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;background-color:#fff;line-height:0}.segment.segment-row{display:block;width:100%;-webkit-animation:none!important;animation:none!important;white-space:nowrap}.segment.segment-leaf{background-color:transparent;min-width:1em;padding:.8em}.segment.segment-leaf:before{content:" ";display:block;padding-top:100%}.segment.segment-leaf .leaf-element{position:absolute;width:100%;height:100%;line-height:1.5em;top:0;left:0}.segment.segment-parent{border:1px solid #a9a9a9;border-radius:3px;padding:1px}.segment.segment-parent.layer-2{border:3px solid #000}.show-when-won{visibility:hidden}.show-when-won,.show-when-won *{-webkit-transition:none;transition:none}.won .show-when-won{visibility:initial}
\ No newline at end of file
+nav.top-bar.title-bar{padding:.3rem .6rem 0}#action-bar .top-bar-right .menu .action.img a{padding-bottom:0}#action-bar .top-bar-right .menu .action.img a img{max-height:1.8rem}.dropdown.menu a,.menu a{padding:.2rem .5rem}#level-number-container{-webkit-transition:none;transition:none;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:3px solid #fff;border-radius:50%;visibility:hidden;display:table-cell;height:35px;width:35px;text-align:center;vertical-align:middle}#level-number-container.visible{visibility:visible}#level-number-container #level-number{-webkit-transition:none;transition:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.coin-counter{display:inline-block;position:relative;font-size:1.6rem}.coin-counter :after{background-image:url(../img/coinTower.png);background-size:28px 28px;width:28px;height:28px;display:inline-block;content:""}#coin-container .coin{margin:3px;max-width:30px;display:inline-block}.height-10{height:10%}.width-10{width:10%}.height-20{height:20%}.width-20{width:20%}.height-30{height:30%}.width-30{width:30%}.height-40{height:40%}.width-40{width:40%}.height-50{height:50%}.width-50{width:50%}.height-60{height:60%}.width-60{width:60%}.height-70{height:70%}.width-70{width:70%}.height-80{height:80%}.width-80{width:80%}.height-90{height:90%}.width-90{width:90%}.height-100{height:100%}.width-100{width:100%}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.segment:not(.segment-row):not(.segment-triangle).rotating{z-index:10!important;overflow:hidden}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180,.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:#fff;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}#level{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;max-width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-y:visible}#level,#level *,.segment{-webkit-transition:none;transition:none}.segment{vertical-align:top;white-space:normal;cursor:pointer;display:inline-block;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;background-color:#fff;line-height:0}.segment.segment-row{display:block;width:100%;-webkit-animation:none!important;animation:none!important;white-space:nowrap}.segment.segment-leaf{background-color:transparent;min-width:1em;padding:.8em}.segment.segment-leaf:before{content:" ";display:block;padding-top:100%}.segment.segment-leaf .leaf-element{position:absolute;width:100%;height:100%;line-height:1.5em;top:0;left:0}.segment.segment-parent{border:1px solid #a9a9a9;border-radius:3px;padding:1px}.segment.segment-parent.layer-2{border:3px solid #000}#site-content>:not(.won) .segment.locked,#site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#3adb76;background-color:#9ffbb5!important}.show-when-won{display:none}.show-when-won,.show-when-won *{-webkit-transition:none;transition:none}.won .show-when-won{display:-webkit-box;display:-ms-flexbox;display:flex}.won .show-while-playing{display:none}.text-right{text-align:right}
+/*# sourceMappingURL=wordRotator.css.map */
\ No newline at end of file
diff --git a/public/html/application/level.html b/public/html/application/level.html
index 09ec354..10d36f6 100755
--- a/public/html/application/level.html
+++ b/public/html/application/level.html
@@ -1 +1 @@
-<div class="max-height overflow-hidden"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class=max-height><div class="show-when-won height-20 center flex-center"><b data-translation=won id=won-text></b><div id=coin-container><div id=coin-template class=coin><img src=img/coin.png></div></div></div><div class="flex-center height-60"><div id=level></div></div><div class="show-when-won flex-center height-20"><button class="button max-width" id=continue-button data-translation=continue></button></div></div></div>
\ No newline at end of file
+<div class="max-height overflow-hidden"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class=max-height><div class="show-while-playing height-20 text-right"><button class=button id=help-button data-translation=help></button></div><div class="show-when-won height-20 center flex-center"><b data-translation=won id=won-text></b><div id=coin-container><div id=coin-template class=coin><img src=img/coin.png></div></div></div><div class="flex-center height-60"><div id=level></div></div><div class="show-when-won flex-center height-20"><button class="button max-width" id=continue-button data-translation=continue></button></div></div></div>
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index 0db4790..54b30e9 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -4793,6 +4793,10 @@ class Segment{
         }
     }
 
+    canRotate(){
+        return false;
+    }
+
     isSolved(){
         return (this.rotation === 0);
     }
@@ -4807,6 +4811,15 @@ class Segment{
         return rotations;
     }
 
+    applyLocks(locks)
+    {
+        return locks;
+    }
+
+    getCurrentLocked(lockedArray){
+        return lockedArray;
+    }
+
     getElement()
     {
         return this.element;
@@ -4814,7 +4827,7 @@ class Segment{
 }
 
 class ParentSegment extends Segment {
-    static initListener(){
+    static initListener() {
         window.addEventListener("mousedown", (e) => {
             ParentSegment.mouseDownTarget = e.target;
             // ParentSegment.mouseDownTarget = e.originalTarget;
@@ -4825,8 +4838,7 @@ class ParentSegment extends Segment {
 
         window.addEventListener("touchstart", (e) => {
             console.log("start", e);
-            if (e.targetTouches.length === 1)
-            {
+            if (e.targetTouches.length === 1) {
                 ParentSegment.mouseDownTarget = e.targetTouches[0].target;
             }
         });
@@ -4836,26 +4848,27 @@ class ParentSegment extends Segment {
         });
     }
 
+    setIsRotatable(rotatable){
+        this.rotatable = rotatable;
+        this._updateElement();
+    }
+
     constructor(element) {
         super(element);
         this.children = [];
         this.class = "rotate-0";
+        this.rotatable = true;
 
         let self = this;
-        this.touchendListener = function(e){
-            if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY)))
-            {
-                console.log(e);
+        this.touchendListener = function (e) {
+            if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY))) {
                 self.rotate();
                 e.stopPropagation();
                 e.preventDefault();
             }
         };
-        this.mouseupListener = function(e){
-            console.log("mouseup", e);
-            // if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.originalTarget))
-            if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.target))
-            {
+        this.mouseupListener = function (e) {
+            if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.target)) {
                 self.rotate();
                 e.stopPropagation();
                 e.preventDefault();
@@ -4863,10 +4876,13 @@ class ParentSegment extends Segment {
         };
     }
 
+    canRotate() {
+        return (this.rotatable && !this.getLevel().getHasWon());
+    }
+
     async rotate() {
         let timeout = 250;
-
-        if (!this.getLevel().getHasWon()) {
+        if (this.canRotate()) {
             this.rotation += 90;
             this.rotation %= 360;
 
@@ -4909,8 +4925,17 @@ class ParentSegment extends Segment {
         return rotations;
     }
 
-    getCurrentRotations(rotations)
-    {
+    applyLocks(locks) {
+        console.log(locks);
+        this.rotatable = locks[0];
+        locks.splice(0, 1);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locks = this.children[i].applyLocks(locks);
+        }
+        return locks;
+    }
+
+    getCurrentRotations(rotations) {
         rotations.push(this.rotation);
         for (let i = 0, n = this.children.length; i < n; i++) {
             rotations = this.children[i].getCurrentRotations(rotations);
@@ -4918,6 +4943,14 @@ class ParentSegment extends Segment {
         return rotations;
     }
 
+    getCurrentLocked(locked) {
+        locked.push(this.rotatable);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locked = this.children[i].getCurrentLocked(locked);
+        }
+        return locked;
+    }
+
     isSolved() {
         for (let i = 0, n = this.children.length; i < n; i++) {
             if (!this.children[i].isSolved()) {
@@ -4953,11 +4986,13 @@ class ParentSegment extends Segment {
     }
 
     _updateElement() {
-
         let layer = this._getLayer();
-        if (layer >= 2)
-        {
-            this.element.classList.add("layer-"+layer);
+        if (layer >= 2) {
+            this.element.classList.add("layer-" + layer);
+        }
+
+        if (!this.rotatable){
+            this.element.classList.add("locked");
         }
 
         const childContainer = this.element.querySelector(".child-container");
@@ -4965,14 +5000,8 @@ class ParentSegment extends Segment {
 
         this._updateRotationClass();
 
-        // const self = this;
-        // this.element.onclick = function (e) {
-            // self.rotate();
-            // e.stopPropagation();
-        // };
-
-        this.element.removeEventListener("mouseup",this.mouseupListener);
-        this.element.removeEventListener("touchend",this.touchendListener);
+        this.element.removeEventListener("mouseup", this.mouseupListener);
+        this.element.removeEventListener("touchend", this.touchendListener);
 
         this.element.addEventListener("mouseup", this.mouseupListener);
         this.element.addEventListener("touchend", this.touchendListener);
@@ -4986,14 +5015,14 @@ class ParentSegment extends Segment {
         }
     }
 
-    _getLayer(){
-        if (this.children.length >= 1 && this.children[0] && this.children[0] instanceof ParentSegment)
-        {
-            return this.children[0]._getLayer()+1;
+    _getLayer() {
+        if (this.children.length >= 1 && this.children[0] && this.children[0] instanceof ParentSegment) {
+            return this.children[0]._getLayer() + 1;
         }
         return 1;
     }
 }
+
 ParentSegment.initListener();
 
 class LeafSegment extends Segment {
@@ -5070,7 +5099,16 @@ class Level {
 
     saveAsCurrentLevel(){
         let rotations = this.getCurrentRotations();
-        localStorage.setItem("currentLevel", JSON.stringify({"id": this.id, "rotations": rotations}));
+        let locked = this.getCurrentLocked();
+        localStorage.setItem("currentLevel", JSON.stringify({"id": this.id, "rotations": rotations, "locks":locked}));
+    }
+
+    getCurrentLocked(){
+        if (this.rootSegment !== null)
+        {
+            return this.rootSegment.getCurrentLocked([]);
+        }
+        return [];
     }
 
     getCurrentRotations(){
@@ -5081,6 +5119,13 @@ class Level {
         return [];
     }
 
+    setLocks(locks)
+    {
+        if (this.rootSegment !== null){
+            this.rootSegment.applyLocks(locks);
+        }
+    }
+
     setId(id)
     {
         this.id = id;
@@ -5156,6 +5201,24 @@ class Level {
 
     createSegments() {};
 
+    getRotatableSegments(){
+        return Level._getRotatableSegmentsFrom(this.rootSegment);
+    }
+
+    static _getRotatableSegmentsFrom(segment){
+        let rotatable = [];
+        if (segment.canRotate())
+        {
+            rotatable.push(segment);
+        }
+        if (segment instanceof ParentSegment){
+            for (let i = 0; i < segment.children.length; i++) {
+                rotatable.push.apply(rotatable, Level._getRotatableSegmentsFrom(segment.children[i]));
+            }
+        }
+        return rotatable;
+    }
+
     static _createLeafsForWord(word, leafSegmentTemplate)
     {
         let leafSegments = [];
@@ -5167,7 +5230,10 @@ class Level {
 }
 
 class RowSegment extends ParentSegment{
-    rotate() {}
+    constructor(element) {
+        super(element);
+        this.rotatable = false;
+    }
 
     applyRotations(rotations)
     {
@@ -5184,6 +5250,20 @@ class RowSegment extends ParentSegment{
         return rotations;
     }
 
+    getCurrentLocked(locked) {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locked = this.children[i].getCurrentLocked(locked);
+        }
+        return locked;
+    }
+
+    applyLocks(locks) {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locks = this.children[i].applyLocks(locks);
+        }
+        return locks;
+    }
+
     _updateElement() {
         const childContainer = this.element.querySelector(".child-container");
         childContainer.removeAllChildren();
@@ -5510,7 +5590,8 @@ class LevelSite extends WordRotatorBaseSite {
     createActionBarMenu(menu) {
         menu = super.createActionBarMenu(menu);
 
-        let coinAction = new MenuAction(Helper.nonNull(localStorage.getItem("coins"), "0"), ()=>{}, MenuAction.SHOW_ALWAYS, 900);
+        let coinAction = new MenuAction(Helper.nonNull(localStorage.getItem("coins"), "0"), () => {
+        }, MenuAction.SHOW_ALWAYS, 900);
         coinAction.setShouldTranslate(false);
         coinAction._liClass = "coin-counter";
         menu.addAction(coinAction);
@@ -5551,8 +5632,8 @@ class LevelSite extends WordRotatorBaseSite {
         let wonText = this.findBy("#won-text");
 
         let scaleHelper = new ScaleHelper();
-        scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true);
-        scaleHelper.scaleToFull(wonText, wonText.parentElement);
+        this.continueButtonScaler = scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true);
+        this.wonTextScaler = scaleHelper.scaleToFull(wonText, wonText.parentElement);
 
         //Benutze Document, da Element außerhalb von Seite (eigentlich unschön!)
         this.levelCounterActionContainer = document.getElementById("level-number-container");
@@ -5567,6 +5648,10 @@ class LevelSite extends WordRotatorBaseSite {
         this.coinTemplate.id = null;
         this.coinContainer.removeAllChildren();
 
+        this.findBy("#help-button").addEventListener("click", () => {
+            this.help();
+        });
+
         this.loadLastLevel();
     }
 
@@ -5592,6 +5677,7 @@ class LevelSite extends WordRotatorBaseSite {
                 });
 
                 level.createSegments();
+                level.setLocks(currentLevelInfo["locks"]);
                 level.getRootSegment()._updateElement();
 
                 level.saveAsCurrentLevel();
@@ -5681,7 +5767,10 @@ class LevelSite extends WordRotatorBaseSite {
                 let coinElem = Helper.cloneNode(this.coinTemplate);
                 this.coinContainer.appendChild(coinElem);
             }
-            localStorage.setItem("coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))+parseInt(coinsPerLevel));
+            localStorage.setItem("coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0")) + parseInt(coinsPerLevel));
+
+            this.wonTextScaler();
+            this.continueButtonScaler();
 
             await savePromise;
         }
@@ -5689,6 +5778,32 @@ class LevelSite extends WordRotatorBaseSite {
             console.error(e);
         }
     }
+
+    help() {
+        let cost = SystemSettings.get("costForHelp", 25);
+        let currentCoins = parseInt(Helper.nonNull(localStorage.getItem("coins"), 0));
+
+        if (currentCoins >= cost) {
+            currentCoins -= cost;
+            localStorage.setItem("coins", currentCoins);
+            this.coinAction.title = currentCoins;
+            this.coinAction.redraw();
+
+            let rotatables = this.level.getRotatableSegments();
+            let index = Math.floor(Math.random() * rotatables.length);
+            console.log(rotatables, index);
+
+            let segmentToHelp = rotatables[index];
+            while (segmentToHelp.rotation !== 0) {
+                segmentToHelp.rotate();
+            }
+            segmentToHelp.setIsRotatable(false);
+            this.level.saveAsCurrentLevel();
+        }
+        else{
+            FlashMessenger.addMessage("not-enough-coins");
+        }
+    }
 }
 
 class SynchronizeSite extends WordRotatorBaseSite {
diff --git a/public/js/lang/de.json b/public/js/lang/de.json
index 00234d0..afb961d 100755
--- a/public/js/lang/de.json
+++ b/public/js/lang/de.json
@@ -1 +1 @@
-{"won":"Gewonnen!","continue":"Weiter","Sunday":"Sonntag","Monday":"Montag","Tuesday":"Dienstag","Wednesday":"Mittwoch","Thursday":"Donnerstag","Friday":"Freitag","Saturday":"Samstag","January":"Januar","February":"Februar","March":"März","April":"April","May":"Mai","June":"Juni","July":"Juli","August":"August","September":"September","October":"Oktober","November":"November","December":"Dezember","Sun":"So","Mon":"Mo","Tue":"Di","Wed":"Mi","Thu":"Do","Fri":"Fr","Sat":"Sa","Jan":"Jan","Feb":"Feb","Mar":"Mär","Apr":"Apr","Jun":"Jun","Jul":"Jul","Aug":"Aug","Sep":"Sep","Oct":"Okt","Nov":"Nov","Dec":"Dez","code-not-valid":"Der angegebebe Code ist nicht gültig!","code-activated":"Der Code wurde erfolgreich aktiviert!","current-lang":"DE","en":"Englisch","de":"Deutsch","black":"Schwarz","red":"Rot","blue":"Blau","green":"Grün","pink":"Rosa","cancel-button":"ABBRECHEN","confirm-button":"OK","we-use-cookie-hint":"Diese Seite nutzt Cookies. Durch das weitere Benutzen dieser Seite geben Sie uns das Recht Cookies so zu benutzen, wie es in unserer <a href='policy' data-site-name='policy' class='link deep-link' rel='nofollow' title='Datenschutzerklärung'>Datenschutzerklärung</a> steht.","policy-heading":"Datenschutzerklärung","area-of-validity-heading":"Geltungsbereich","area-of-validity":"Diese Datenschutzerklärung klärt Nutzer über die Art, den Umfang und Zwecke der Erhebung und Verwendung personenbezogener Daten durch den verantwortlichen Anbieter Silas Günther, Langenbusch 263b - 42897 Remscheid, matrix[at]silas.link auf dieser Website (im folgenden \"Angebot\") auf.<br/><br/>Die rechtlichen Grundlagen des Datenschutzes finden sich im Bundesdatenschutzgesetz (BDSG) und dem Telemediengesetz (TMG).","logfiles-heading":"Zugriffsdaten / Server-Logfiles","logfiles":"Der Anbieter (beziehungsweise sein Webspace-Provider) erhebt Daten über jeden Zugriff auf das Angebot (so genannte Serverlogfiles). Zu den Zugriffsdaten gehören:<br/><br/>Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br/><br/>Der Anbieter verwendet die Protokolldaten nur für statistische Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung des Angebotes. Der Anbieter behält sich jedoch vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte der berechtigte Verdacht einer rechtswidrigen Nutzung besteht.","contact-support-heading":"Kontaktaufnahme","contact-support":"Bei der Kontaktaufnahme mit dem Anbieter (zum Beispiel per Post oder E-Mail) werden die Angaben des Nutzers zwecks Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen, gespeichert.","cookies-heading":"Cookies","cookies":"Cookies sind kleine Dateien, die es ermöglichen, auf dem Zugriffsgerät der Nutzer (PC, Smartphone o.ä.) spezifische, auf das Gerät bezogene Informationen zu speichern. Sie dienen zum einem der Benutzerfreundlichkeit von Webseiten und damit den Nutzern (z.B. Speicherung von Logindaten). Zum anderen dienen sie, um die statistische Daten der Webseitennutzung zu erfassen und sie zwecks Verbesserung des Angebotes analysieren zu können. Die Nutzer können auf den Einsatz der Cookies Einfluss nehmen. Die meisten Browser verfügen eine Option mit der das Speichern von Cookies eingeschränkt oder komplett verhindert wird. Allerdings wird darauf hingewiesen, dass die Nutzung und insbesondere der Nutzungskomfort ohne Cookies eingeschränkt werden.<br/><br/>Sie können viele Online-Anzeigen-Cookies von Unternehmen über die US-amerikanische Seite <a class = 'link' href='http://www.aboutads.info/choices/'>http://www.aboutads.info/choices/</a> oder die EU-Seite <a class = 'link' href='http://www.youronlinechoices.com/uk/your-ad-choices/'>http://www.youronlinechoices.com/uk/your-ad-choices/</a> verwalten.","google-analytics-heading":"Google Analytics","google-analytics":"Dieses Angebot benutzt Google Analytics, einen Webanalysedienst der Google Inc. („Google“). Google Analytics verwendet sog. „Cookies“, Textdateien, die auf Computer der Nutzer gespeichert werden und die eine Analyse der Benutzung der Website durch sie ermöglichen. Die durch den Cookie erzeugten Informationen über Benutzung dieser Website durch die Nutzer werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert.<br/><br/>Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite, wird die IP-Adresse der Nutzer von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Die IP-Anonymisierung ist auf dieser Website aktiv. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um die Nutzung der Website durch die Nutzer auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen.<br/><br/>Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. Die Nutzer können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; Dieses Angebot weist die Nutzer jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Die Nutzer können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: <a class = 'link' href='http://tools.google.com/dlpage/gaoptout?hl=de'>http://tools.google.com/dlpage/gaoptout?hl=de</a>.<br/><br/>Weitere Informationen zur Datennutzung zu Werbezwecken durch Google, Einstellungs- und Widerspruchsmöglichkeiten erfahren Sie auf den Webseiten von Google:<br/><a class = 'link' href='https://www.google.com/intl/de/policies/privacy/partners/'>https://www.google.com/intl/de/policies/privacy/partners/</a> („Datennutzung durch Google bei Ihrer Nutzung von Websites oder Apps unserer Partner“),<br/><a class = 'link' href='http://www.google.com/policies/technologies/ads'>http://www.google.com/policies/technologies/ads</a> („Datennutzung zu Werbezwecken“),<br/><a class = 'link' href='http://www.google.de/settings/ads'> http://www.google.de/settings/ads</a> („Informationen verwalten, die Google verwendet, um Ihnen Werbung einzublenden“) und<br/><a class = 'link' href='http://www.google.com/ads/preferences/'>http://www.google.com/ads/preferences/</a> („Bestimmen Sie, welche Werbung Google Ihnen zeigt“).","edited-hint":"Der generierte Text wurde vom Webseiteninhaber angepasst.","generated-hint":"Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas Schwenke","google-play-services-heading":"Google Play Dienste","google-play-services":"Features wie die Bestenliste und Erfolge benötigen einen Login bei Google Play. Hierfür wird die Identität benötigt, um die entsprechenden Punktzahlen und Erfolge an das jeweilige Google Play-Konto zu knüpfen. Alle anderen Features sind weiterhin auch ohne Login bei Google Play nutzbar. Außerdem kann sich jederzeit in den Einstellungen von Google Play abgemeldet werden.","settings":"Einstellungen","close":"Schließen","other-apps":"Andere Apps","optimistic-locking-dialog":"Deine Änderungen können nicht gespeichert werden! Ein anderer Benutzer hat die Daten bereits verändert. Bitte lade die Daten neu und speichere danach.","optimistic-locking-dialog-title":"Nicht gespeichert!","not-online":"Du bist nicht mit dem Internet verbunden. Bitte überprüfe deine Verbindung.","search":"Suchen...","site":"Seite","HTTP-Exception (403) Forbidden":"Nicht erlaubt!","login":"Login","login-email":"E-Mail","login-password":"Passwort","login-automated-login":"Automatischer Login","login-submit":"Login","logout":"Ausloggen","username-or-password-wrong":"Entweder der Username oder das Passwort stimmt nicht!","login-success":"Willkommen zurück!","logged-out-successfully":"Tschüss!","registration":"Registrieren","registration-username":"Username","registration-email":"E-Mail","registration-password1":"Passwort","registration-password2":"Passwort wiederholen","registration-submit":"Registrieren","registration-success":"Ein Registrierungscode wurde an Ihre E-Mailadresse gesendet.","not-allowed-title":"Nicht erlaubt!","not-allowed":"Du hast keine Berechtigung für diese Seite. Wenn das ein Fehler ist, wende dich bitte an einen Admin.","forgot-password":"Passwort vergessen?","forgot-password-title":"Passwort vergessen","forgot-password-email":"E-Mail","forgot-password-submit":"Absenden","forgot-password-text":"Gib deine E-Mailadresse in das Feld ein. Ist die Adresse registriert, werden wir eine E-Mail mit einem Passwort-Resetcode senden.","no-user-found":"Es gibt keinen Benutzer mit dieser E-Mailadresse","new-password-code-send":"Es wurde ein Reset-Code an deine E-Mailadresse gesendet.","new-password":"Neues Passwort","new-password-password1":"Passwort","new-password-password2":"Passwort wiederholen","new-password-submit":"Passwort setzten","password-updated":"Das Passwort ist geupdated!","user-settings":"E-Mail & Username","user-settings-title":"E-Mail & Username","user-settings-form-username":"Username","user-settings-form-old-email":"Aktuelle E-Mail","user-settings-form-new-email":"Neue E-Mail","user-settings-form-submit":"Speichern","user-data-is-changed":"Die Daten wurden gespeichert.","email-code-send":"Ein Änderungscode wurde an die neue E-Mailadresse gesendet. Sobald der Code aktiviert wurde, werden Ihnen E-Mails an die neue Adresse gesendet.","change-email-new-automated-login":"Wenn die E-Mailadresse geändert wird, muss der automatische Login erneut aktiviert werden!","password-settings":"Passwort","change-password-title":"Passwort","change-password-new-automated-login":"Wenn das Passwort geändert wird, muss der automatische Login erneut aktiviert werden!","change-password-old-password":"Altes Passwort","change-password-new-password1":"Neues Passwort","change-password-new-password2":"Neues Passwort wiederholen","change-password-submit":"Speichern","password-changed":"Das Passwort wurde erfolgreich geändert!","registration-username-empty":"Der Username darf nicht leer sein.","registration-username-wrong-char":"Der Username darf nur aus Buchstaben, Zahlen oder den folgenden Zeichen bestehen: -_.&;()#!?$+\",","registration-username-already-taken":"Der Username ist schon vergeben. Bitte wähle einen anderen.","registration-password-empty":"Das Passwort darf nicht leer sein.","registration-password-short":"Das Passwort muss mindestens 8 Zeichen lang sein.","registration-password-not-identical":"Die Passwörter sind nicht identlisch.","registration-email-empty":"Die Email darf nicht leer sein.","registration-email-not-valid":"Die Emailadresse ist keine gültige Emailadresse.","registration-email-already-taken":"Es gibt bereits einen Account mit der Emailadresse.","change-password-old-password-wrong":"Das Passwort stimmt nicht!","user-roles-heading":"Benutzerrollen","user-roles-list":"Aktuelle Rollen:","available-roles-list":"Verfügbare Rollen:","name":"Name","description":"Beschreibung"}
\ No newline at end of file
+{"won":"Gewonnen!","continue":"Weiter","help":"?","not-enough-coins":"Du hast zu wenig Münzen!","Sunday":"Sonntag","Monday":"Montag","Tuesday":"Dienstag","Wednesday":"Mittwoch","Thursday":"Donnerstag","Friday":"Freitag","Saturday":"Samstag","January":"Januar","February":"Februar","March":"März","April":"April","May":"Mai","June":"Juni","July":"Juli","August":"August","September":"September","October":"Oktober","November":"November","December":"Dezember","Sun":"So","Mon":"Mo","Tue":"Di","Wed":"Mi","Thu":"Do","Fri":"Fr","Sat":"Sa","Jan":"Jan","Feb":"Feb","Mar":"Mär","Apr":"Apr","Jun":"Jun","Jul":"Jul","Aug":"Aug","Sep":"Sep","Oct":"Okt","Nov":"Nov","Dec":"Dez","code-not-valid":"Der angegebebe Code ist nicht gültig!","code-activated":"Der Code wurde erfolgreich aktiviert!","current-lang":"DE","en":"Englisch","de":"Deutsch","black":"Schwarz","red":"Rot","blue":"Blau","green":"Grün","pink":"Rosa","cancel-button":"ABBRECHEN","confirm-button":"OK","we-use-cookie-hint":"Diese Seite nutzt Cookies. Durch das weitere Benutzen dieser Seite geben Sie uns das Recht Cookies so zu benutzen, wie es in unserer <a href='policy' data-site-name='policy' class='link deep-link' rel='nofollow' title='Datenschutzerklärung'>Datenschutzerklärung</a> steht.","policy-heading":"Datenschutzerklärung","area-of-validity-heading":"Geltungsbereich","area-of-validity":"Diese Datenschutzerklärung klärt Nutzer über die Art, den Umfang und Zwecke der Erhebung und Verwendung personenbezogener Daten durch den verantwortlichen Anbieter Silas Günther, Langenbusch 263b - 42897 Remscheid, matrix[at]silas.link auf dieser Website (im folgenden \"Angebot\") auf.<br/><br/>Die rechtlichen Grundlagen des Datenschutzes finden sich im Bundesdatenschutzgesetz (BDSG) und dem Telemediengesetz (TMG).","logfiles-heading":"Zugriffsdaten / Server-Logfiles","logfiles":"Der Anbieter (beziehungsweise sein Webspace-Provider) erhebt Daten über jeden Zugriff auf das Angebot (so genannte Serverlogfiles). Zu den Zugriffsdaten gehören:<br/><br/>Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br/><br/>Der Anbieter verwendet die Protokolldaten nur für statistische Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung des Angebotes. Der Anbieter behält sich jedoch vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte der berechtigte Verdacht einer rechtswidrigen Nutzung besteht.","contact-support-heading":"Kontaktaufnahme","contact-support":"Bei der Kontaktaufnahme mit dem Anbieter (zum Beispiel per Post oder E-Mail) werden die Angaben des Nutzers zwecks Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen, gespeichert.","cookies-heading":"Cookies","cookies":"Cookies sind kleine Dateien, die es ermöglichen, auf dem Zugriffsgerät der Nutzer (PC, Smartphone o.ä.) spezifische, auf das Gerät bezogene Informationen zu speichern. Sie dienen zum einem der Benutzerfreundlichkeit von Webseiten und damit den Nutzern (z.B. Speicherung von Logindaten). Zum anderen dienen sie, um die statistische Daten der Webseitennutzung zu erfassen und sie zwecks Verbesserung des Angebotes analysieren zu können. Die Nutzer können auf den Einsatz der Cookies Einfluss nehmen. Die meisten Browser verfügen eine Option mit der das Speichern von Cookies eingeschränkt oder komplett verhindert wird. Allerdings wird darauf hingewiesen, dass die Nutzung und insbesondere der Nutzungskomfort ohne Cookies eingeschränkt werden.<br/><br/>Sie können viele Online-Anzeigen-Cookies von Unternehmen über die US-amerikanische Seite <a class = 'link' href='http://www.aboutads.info/choices/'>http://www.aboutads.info/choices/</a> oder die EU-Seite <a class = 'link' href='http://www.youronlinechoices.com/uk/your-ad-choices/'>http://www.youronlinechoices.com/uk/your-ad-choices/</a> verwalten.","google-analytics-heading":"Google Analytics","google-analytics":"Dieses Angebot benutzt Google Analytics, einen Webanalysedienst der Google Inc. („Google“). Google Analytics verwendet sog. „Cookies“, Textdateien, die auf Computer der Nutzer gespeichert werden und die eine Analyse der Benutzung der Website durch sie ermöglichen. Die durch den Cookie erzeugten Informationen über Benutzung dieser Website durch die Nutzer werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert.<br/><br/>Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite, wird die IP-Adresse der Nutzer von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Die IP-Anonymisierung ist auf dieser Website aktiv. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um die Nutzung der Website durch die Nutzer auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen.<br/><br/>Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. Die Nutzer können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; Dieses Angebot weist die Nutzer jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Die Nutzer können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: <a class = 'link' href='http://tools.google.com/dlpage/gaoptout?hl=de'>http://tools.google.com/dlpage/gaoptout?hl=de</a>.<br/><br/>Weitere Informationen zur Datennutzung zu Werbezwecken durch Google, Einstellungs- und Widerspruchsmöglichkeiten erfahren Sie auf den Webseiten von Google:<br/><a class = 'link' href='https://www.google.com/intl/de/policies/privacy/partners/'>https://www.google.com/intl/de/policies/privacy/partners/</a> („Datennutzung durch Google bei Ihrer Nutzung von Websites oder Apps unserer Partner“),<br/><a class = 'link' href='http://www.google.com/policies/technologies/ads'>http://www.google.com/policies/technologies/ads</a> („Datennutzung zu Werbezwecken“),<br/><a class = 'link' href='http://www.google.de/settings/ads'> http://www.google.de/settings/ads</a> („Informationen verwalten, die Google verwendet, um Ihnen Werbung einzublenden“) und<br/><a class = 'link' href='http://www.google.com/ads/preferences/'>http://www.google.com/ads/preferences/</a> („Bestimmen Sie, welche Werbung Google Ihnen zeigt“).","edited-hint":"Der generierte Text wurde vom Webseiteninhaber angepasst.","generated-hint":"Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas Schwenke","google-play-services-heading":"Google Play Dienste","google-play-services":"Features wie die Bestenliste und Erfolge benötigen einen Login bei Google Play. Hierfür wird die Identität benötigt, um die entsprechenden Punktzahlen und Erfolge an das jeweilige Google Play-Konto zu knüpfen. Alle anderen Features sind weiterhin auch ohne Login bei Google Play nutzbar. Außerdem kann sich jederzeit in den Einstellungen von Google Play abgemeldet werden.","settings":"Einstellungen","close":"Schließen","other-apps":"Andere Apps","optimistic-locking-dialog":"Deine Änderungen können nicht gespeichert werden! Ein anderer Benutzer hat die Daten bereits verändert. Bitte lade die Daten neu und speichere danach.","optimistic-locking-dialog-title":"Nicht gespeichert!","not-online":"Du bist nicht mit dem Internet verbunden. Bitte überprüfe deine Verbindung.","search":"Suchen...","site":"Seite","HTTP-Exception (403) Forbidden":"Nicht erlaubt!","login":"Login","login-email":"E-Mail","login-password":"Passwort","login-automated-login":"Automatischer Login","login-submit":"Login","logout":"Ausloggen","username-or-password-wrong":"Entweder der Username oder das Passwort stimmt nicht!","login-success":"Willkommen zurück!","logged-out-successfully":"Tschüss!","registration":"Registrieren","registration-username":"Username","registration-email":"E-Mail","registration-password1":"Passwort","registration-password2":"Passwort wiederholen","registration-submit":"Registrieren","registration-success":"Ein Registrierungscode wurde an Ihre E-Mailadresse gesendet.","not-allowed-title":"Nicht erlaubt!","not-allowed":"Du hast keine Berechtigung für diese Seite. Wenn das ein Fehler ist, wende dich bitte an einen Admin.","forgot-password":"Passwort vergessen?","forgot-password-title":"Passwort vergessen","forgot-password-email":"E-Mail","forgot-password-submit":"Absenden","forgot-password-text":"Gib deine E-Mailadresse in das Feld ein. Ist die Adresse registriert, werden wir eine E-Mail mit einem Passwort-Resetcode senden.","no-user-found":"Es gibt keinen Benutzer mit dieser E-Mailadresse","new-password-code-send":"Es wurde ein Reset-Code an deine E-Mailadresse gesendet.","new-password":"Neues Passwort","new-password-password1":"Passwort","new-password-password2":"Passwort wiederholen","new-password-submit":"Passwort setzten","password-updated":"Das Passwort ist geupdated!","user-settings":"E-Mail & Username","user-settings-title":"E-Mail & Username","user-settings-form-username":"Username","user-settings-form-old-email":"Aktuelle E-Mail","user-settings-form-new-email":"Neue E-Mail","user-settings-form-submit":"Speichern","user-data-is-changed":"Die Daten wurden gespeichert.","email-code-send":"Ein Änderungscode wurde an die neue E-Mailadresse gesendet. Sobald der Code aktiviert wurde, werden Ihnen E-Mails an die neue Adresse gesendet.","change-email-new-automated-login":"Wenn die E-Mailadresse geändert wird, muss der automatische Login erneut aktiviert werden!","password-settings":"Passwort","change-password-title":"Passwort","change-password-new-automated-login":"Wenn das Passwort geändert wird, muss der automatische Login erneut aktiviert werden!","change-password-old-password":"Altes Passwort","change-password-new-password1":"Neues Passwort","change-password-new-password2":"Neues Passwort wiederholen","change-password-submit":"Speichern","password-changed":"Das Passwort wurde erfolgreich geändert!","registration-username-empty":"Der Username darf nicht leer sein.","registration-username-wrong-char":"Der Username darf nur aus Buchstaben, Zahlen oder den folgenden Zeichen bestehen: -_.&;()#!?$+\",","registration-username-already-taken":"Der Username ist schon vergeben. Bitte wähle einen anderen.","registration-password-empty":"Das Passwort darf nicht leer sein.","registration-password-short":"Das Passwort muss mindestens 8 Zeichen lang sein.","registration-password-not-identical":"Die Passwörter sind nicht identlisch.","registration-email-empty":"Die Email darf nicht leer sein.","registration-email-not-valid":"Die Emailadresse ist keine gültige Emailadresse.","registration-email-already-taken":"Es gibt bereits einen Account mit der Emailadresse.","change-password-old-password-wrong":"Das Passwort stimmt nicht!","user-roles-heading":"Benutzerrollen","user-roles-list":"Aktuelle Rollen:","available-roles-list":"Verfügbare Rollen:","name":"Name","description":"Beschreibung"}
\ No newline at end of file
diff --git a/public/js/lang/en.json b/public/js/lang/en.json
index 3edf167..0be9411 100755
--- a/public/js/lang/en.json
+++ b/public/js/lang/en.json
@@ -1 +1 @@
-{"won":"Won!","continue":"Continue","Sunday":"Sunday","Monday":"Monday","Tuesday":"Tuesday","Wednesday":"Wednesday","Thursday":"Thursday","Friday":"Friday","Saturday":"Saturday","January":"January","February":"February","March":"March","April":"April","May":"May","June":"June","July":"July","August":"August","September":"September","October":"October","November":"November","December":"December","Sun":"Sun","Mon":"Mon","Tue":"Tue","Wed":"Wed","Thu":"Thu","Fri":"Fri","Sat":"Sat","Jan":"Jan","Feb":"Feb","Mar":"Mar","Apr":"Apr","Jun":"Jun","Jul":"Jul","Aug":"Aug","Sep":"Sep","Oct":"Oct","Nov":"Nov","Dec":"Dec","code-not-valid":"The given code is not valid!","code-activated":"The code has been successfully activated!","current-lang":"EN","en":"English","de":"German","black":"Black","red":"Red","blue":"Blue","green":"Green","pink":"Pink","cancel-button":"CANCEL","confirm-button":"OK","we-use-cookie-hint":"Our website uses cookies. By continuing we assume your permission to deploy cookies, as detailed in our <a href='policy' data-site-name='policy' class='link deep-link' rel='nofollow' title='Privacy Policy'>privacy policy</a>.","policy-heading":"Privacy Policy","area-of-validity-heading":"Area of validity","area-of-validity":"This privacy policy clarifies the nature, extent and purpose of the collection and use of personal data by Silas Günther, Langenbusch 263b - 42897 Remscheid, matrix[at]silas.link on this website (hereinafter referred to as \"the offer\"). <br/> <br/>The legal basis of data protection can be found in the Bundesdatenschutzgesetz (BDSG) and the Telemediengesetz (TMG).","logfiles-heading":"Acess data / Server log files","logfiles":"The owner of this website (or his webspace provider) collects data about every access to the offer (so-called server log files). The access data include: <br/> <br/>the name of the retrieved web page, file, date and time of the retrieval, transmitted data volume, message of successful retrieval, browser type and version, the user's operating system, referrer URL (the previous visited site), IP address and the requesting provider. The owner uses the protocol data only for statistical evaluations for the purpose of operation, security and optimization of the offer. However, the owner reserves the right to check the log data subsequently if, due to concrete grounds, the legitimate suspicion of unlawful use exists.","contact-support-heading":"Contacting","contact-support":"When contacting the owner (for example by mail or e-mail), the user's data are stored for the purpose of processing the inquiry as well as in the event that connection questions arise.","cookies-heading":"Cookies","cookies":"Cookies are small files that allow you to store specific information related to the device on the user's access point (PC, smartphone, etc.). On the one hand they serve the user friendliness of web pages and therefore the users (for example storage of logindates). On the other hand, they are used to record the statistical data of the website and to be able to analyze them for the purpose of improving the offer. Users can influence the use of cookies. Most browsers have an option to restrict or prevent cookies from being stored. However, it is noted that the use and, in particular, the convenience of use is restricted without cookies. <br/> <br/> You can manage many online cookies from companies across the US site 'http://www.aboutads.info/choices/'>http://www.aboutads.info/choices/ </a> or the EU site <a class =' link 'href =' http: // Manage www.youronlinechoices.com/uk/your-ad-choices/'>http://www.youronlinechoices.com/uk/your-ad-choices/ code.<a/>","google-analytics-heading":"Google Analytics","google-analytics":"This offer uses Google Analytics, a web analytics service provided by Google, Inc. (\"Google\"). Google Analytics uses so-called \"cookies\", text files that are stored on users' computers and which allow an analysis of the use of the website through them. The information generated by the cookie about the use of this website by the users is usually transmitted to a Google server in the USA and stored there. <br/><br/> In the case of the activation of the IP anonymization on this website, the IP address of users of Google will be previously abridged within Member States of the European Union or in other States Parties to the Agreement on the European Economic Area. Only in exceptional cases will the full IP address be transferred to a Google server in the USA and abbreviated there. IP anonymization is active on this website. On behalf of the operator of this website, Google will use this information to evaluate the use of the website, to compile reports on the website activity and to provide other services related to the website usage and the Internet usage against the website operator. <br/><br/>The IP address transmitted by your browser as part of Google Analytics will not be merged with other Google data. Users can prevent the storage of cookies by setting their browser software accordingly; However, this offer warrants to users that in this case, you may not be able to fully utilize all the functions of this website. Users may also block Google's collection of the data (including your IP address) generated by the cookie and its use of the website (including your IP address), as well as the processing of such data by Google by using the browser plug-in available under the following link download and install: <a class ='link' href='http://tools.google.com/dlpage/gaoptout?hl=en'> http://tools.google.com/dlpage/gaoptout?hl=en</a> For further information on the use of the data for advertising purposes by Google, please refer to the websites of Google: <br/> <a class = 'link' href = 'https: //www.google.com/intl/en/policies/privacy/partners/'>https://www.google.com/intl/en/policies/privacy/partners/ </a>, <br/><a class ='link' href='http://www.google.com/policies/technologies/ads'> http://www.google.com/policies/technologies/ads </a> <br/><a class ='link' href='http://www.google.com/settings/ads'> http://www.google.com/settings/ads </a> and<br/> <a class ='link' href='http://www.google.com/ads/preferences/'>http://www.google.com/ads/preferences/</a>","edited-hint":"This text was modified and translated by the owner of this website.","generated-hint":"Created in german with Datenschutz-Generator.de from RA Dr. Thomas Schwenke","google-play-services-heading":"Google Play Services","google-play-services":"Features such as leaderboards and achievements require a login to Google Play. For this, your identity is needed in order to tie the scores and achievements to your Google Play account. All other features can still be used without logging in to Google Play. You can also logout from Google Play at any time through the settings.","settings":"Settings","close":"Close","other-apps":"Other Apps","optimistic-locking-dialog":"Your changes cannot be saved! Another user has already changed the data. Please reload the data and save it afterwards.","optimistic-locking-dialog-title":"Not saved!","not-online":"You are not connected with the Internet. Please check your connection.","search":"Search...","site":"Page","HTTP-Exception (403) Forbidden":"Not allowed!","login":"Login","login-email":"E-Mail:","login-password":"Password:","login-automated-login":"Automated Login","login-submit":"Login","logout":"Logout","username-or-password-wrong":"Either the username or the password is wrong!","login-success":"Welcome back!","logged-out-successfully":"Good Bye!","registration":"Registration","registration-username":"Username","registration-email":"E-Mail","registration-password1":"Password","registration-password2":"Re-enter password","registration-submit":"Create Account","registration-success":"A registration code was send to your E-Mail address.","not-allowed-title":"Not allowed!","not-allowed":"You do not have permission for this page. If this is a mistake, please contact an admin.","forgot-password":"Forgot your password?","forgot-password-title":"Password forgotten","forgot-password-email":"E-Mail","forgot-password-submit":"Send","forgot-password-text":"Enter your e-mail address in the field below. If the address is registered, we will send you an e-mail with a password reset code.","no-user-found":"There is no user with this e-mail address","new-password-code-send":"A reset code has been sent to your e-mail address.","new-password":"New Password","new-password-password1":"Password","new-password-password2":"Re-enter password","new-password-submit":"Set password","password-updated":"The password was updated!","user-settings":"E-Mail & Username","user-settings-title":"E-Mail & Username","user-settings-form-username":"Username","user-settings-form-old-email":"Current E-Mail","user-settings-form-new-email":"New E-Mail","user-settings-form-submit":"Save","user-data-is-changed":"The data has been saved.","email-code-send":"A code has been sent to the new e-mail address. Once the code has been activated, you will receive e-mails to the new address.","change-email-new-automated-login":"If the e-mail address is changed, the automatic login must be activated again!","password-settings":"Password","change-password-title":"Password","change-password-new-automated-login":"If the password is changed, the automatic login must be activated again!","change-password-old-password":"Old password","change-password-new-password1":"New password","change-password-new-password2":"Re-enter new password","change-password-submit":"Save","password-changed":"The password was updated!","registration-username-empty":"The username must not be empty.","registration-username-wrong-char":"The username may only consist of letters, numbers or the following characters: -_.&;()#!?$+\",","registration-username-already-taken":"The username is already assigned. Please choose another one.","registration-password-empty":"The password must not be empty.","registration-email-empty":"The email must not be empty.","registration-email-not-valid":"The email address is not a valid email address.","registration-email-already-taken":"There is already an account with the email address.","change-password-old-password-wrong":"The password is not correct!","user-roles-heading":"Roles from user","user-roles-list":"Current roles:","available-roles-list":"Available roles:","name":"Name","description":"Description"}
\ No newline at end of file
+{"won":"Won!","continue":"Continue","help":"?","not-enugh-coins":"You have to few coins!","Sunday":"Sunday","Monday":"Monday","Tuesday":"Tuesday","Wednesday":"Wednesday","Thursday":"Thursday","Friday":"Friday","Saturday":"Saturday","January":"January","February":"February","March":"March","April":"April","May":"May","June":"June","July":"July","August":"August","September":"September","October":"October","November":"November","December":"December","Sun":"Sun","Mon":"Mon","Tue":"Tue","Wed":"Wed","Thu":"Thu","Fri":"Fri","Sat":"Sat","Jan":"Jan","Feb":"Feb","Mar":"Mar","Apr":"Apr","Jun":"Jun","Jul":"Jul","Aug":"Aug","Sep":"Sep","Oct":"Oct","Nov":"Nov","Dec":"Dec","code-not-valid":"The given code is not valid!","code-activated":"The code has been successfully activated!","current-lang":"EN","en":"English","de":"German","black":"Black","red":"Red","blue":"Blue","green":"Green","pink":"Pink","cancel-button":"CANCEL","confirm-button":"OK","we-use-cookie-hint":"Our website uses cookies. By continuing we assume your permission to deploy cookies, as detailed in our <a href='policy' data-site-name='policy' class='link deep-link' rel='nofollow' title='Privacy Policy'>privacy policy</a>.","policy-heading":"Privacy Policy","area-of-validity-heading":"Area of validity","area-of-validity":"This privacy policy clarifies the nature, extent and purpose of the collection and use of personal data by Silas Günther, Langenbusch 263b - 42897 Remscheid, matrix[at]silas.link on this website (hereinafter referred to as \"the offer\"). <br/> <br/>The legal basis of data protection can be found in the Bundesdatenschutzgesetz (BDSG) and the Telemediengesetz (TMG).","logfiles-heading":"Acess data / Server log files","logfiles":"The owner of this website (or his webspace provider) collects data about every access to the offer (so-called server log files). The access data include: <br/> <br/>the name of the retrieved web page, file, date and time of the retrieval, transmitted data volume, message of successful retrieval, browser type and version, the user's operating system, referrer URL (the previous visited site), IP address and the requesting provider. The owner uses the protocol data only for statistical evaluations for the purpose of operation, security and optimization of the offer. However, the owner reserves the right to check the log data subsequently if, due to concrete grounds, the legitimate suspicion of unlawful use exists.","contact-support-heading":"Contacting","contact-support":"When contacting the owner (for example by mail or e-mail), the user's data are stored for the purpose of processing the inquiry as well as in the event that connection questions arise.","cookies-heading":"Cookies","cookies":"Cookies are small files that allow you to store specific information related to the device on the user's access point (PC, smartphone, etc.). On the one hand they serve the user friendliness of web pages and therefore the users (for example storage of logindates). On the other hand, they are used to record the statistical data of the website and to be able to analyze them for the purpose of improving the offer. Users can influence the use of cookies. Most browsers have an option to restrict or prevent cookies from being stored. However, it is noted that the use and, in particular, the convenience of use is restricted without cookies. <br/> <br/> You can manage many online cookies from companies across the US site 'http://www.aboutads.info/choices/'>http://www.aboutads.info/choices/ </a> or the EU site <a class =' link 'href =' http: // Manage www.youronlinechoices.com/uk/your-ad-choices/'>http://www.youronlinechoices.com/uk/your-ad-choices/ code.<a/>","google-analytics-heading":"Google Analytics","google-analytics":"This offer uses Google Analytics, a web analytics service provided by Google, Inc. (\"Google\"). Google Analytics uses so-called \"cookies\", text files that are stored on users' computers and which allow an analysis of the use of the website through them. The information generated by the cookie about the use of this website by the users is usually transmitted to a Google server in the USA and stored there. <br/><br/> In the case of the activation of the IP anonymization on this website, the IP address of users of Google will be previously abridged within Member States of the European Union or in other States Parties to the Agreement on the European Economic Area. Only in exceptional cases will the full IP address be transferred to a Google server in the USA and abbreviated there. IP anonymization is active on this website. On behalf of the operator of this website, Google will use this information to evaluate the use of the website, to compile reports on the website activity and to provide other services related to the website usage and the Internet usage against the website operator. <br/><br/>The IP address transmitted by your browser as part of Google Analytics will not be merged with other Google data. Users can prevent the storage of cookies by setting their browser software accordingly; However, this offer warrants to users that in this case, you may not be able to fully utilize all the functions of this website. Users may also block Google's collection of the data (including your IP address) generated by the cookie and its use of the website (including your IP address), as well as the processing of such data by Google by using the browser plug-in available under the following link download and install: <a class ='link' href='http://tools.google.com/dlpage/gaoptout?hl=en'> http://tools.google.com/dlpage/gaoptout?hl=en</a> For further information on the use of the data for advertising purposes by Google, please refer to the websites of Google: <br/> <a class = 'link' href = 'https: //www.google.com/intl/en/policies/privacy/partners/'>https://www.google.com/intl/en/policies/privacy/partners/ </a>, <br/><a class ='link' href='http://www.google.com/policies/technologies/ads'> http://www.google.com/policies/technologies/ads </a> <br/><a class ='link' href='http://www.google.com/settings/ads'> http://www.google.com/settings/ads </a> and<br/> <a class ='link' href='http://www.google.com/ads/preferences/'>http://www.google.com/ads/preferences/</a>","edited-hint":"This text was modified and translated by the owner of this website.","generated-hint":"Created in german with Datenschutz-Generator.de from RA Dr. Thomas Schwenke","google-play-services-heading":"Google Play Services","google-play-services":"Features such as leaderboards and achievements require a login to Google Play. For this, your identity is needed in order to tie the scores and achievements to your Google Play account. All other features can still be used without logging in to Google Play. You can also logout from Google Play at any time through the settings.","settings":"Settings","close":"Close","other-apps":"Other Apps","optimistic-locking-dialog":"Your changes cannot be saved! Another user has already changed the data. Please reload the data and save it afterwards.","optimistic-locking-dialog-title":"Not saved!","not-online":"You are not connected with the Internet. Please check your connection.","search":"Search...","site":"Page","HTTP-Exception (403) Forbidden":"Not allowed!","login":"Login","login-email":"E-Mail:","login-password":"Password:","login-automated-login":"Automated Login","login-submit":"Login","logout":"Logout","username-or-password-wrong":"Either the username or the password is wrong!","login-success":"Welcome back!","logged-out-successfully":"Good Bye!","registration":"Registration","registration-username":"Username","registration-email":"E-Mail","registration-password1":"Password","registration-password2":"Re-enter password","registration-submit":"Create Account","registration-success":"A registration code was send to your E-Mail address.","not-allowed-title":"Not allowed!","not-allowed":"You do not have permission for this page. If this is a mistake, please contact an admin.","forgot-password":"Forgot your password?","forgot-password-title":"Password forgotten","forgot-password-email":"E-Mail","forgot-password-submit":"Send","forgot-password-text":"Enter your e-mail address in the field below. If the address is registered, we will send you an e-mail with a password reset code.","no-user-found":"There is no user with this e-mail address","new-password-code-send":"A reset code has been sent to your e-mail address.","new-password":"New Password","new-password-password1":"Password","new-password-password2":"Re-enter password","new-password-submit":"Set password","password-updated":"The password was updated!","user-settings":"E-Mail & Username","user-settings-title":"E-Mail & Username","user-settings-form-username":"Username","user-settings-form-old-email":"Current E-Mail","user-settings-form-new-email":"New E-Mail","user-settings-form-submit":"Save","user-data-is-changed":"The data has been saved.","email-code-send":"A code has been sent to the new e-mail address. Once the code has been activated, you will receive e-mails to the new address.","change-email-new-automated-login":"If the e-mail address is changed, the automatic login must be activated again!","password-settings":"Password","change-password-title":"Password","change-password-new-automated-login":"If the password is changed, the automatic login must be activated again!","change-password-old-password":"Old password","change-password-new-password1":"New password","change-password-new-password2":"Re-enter new password","change-password-submit":"Save","password-changed":"The password was updated!","registration-username-empty":"The username must not be empty.","registration-username-wrong-char":"The username may only consist of letters, numbers or the following characters: -_.&;()#!?$+\",","registration-username-already-taken":"The username is already assigned. Please choose another one.","registration-password-empty":"The password must not be empty.","registration-email-empty":"The email must not be empty.","registration-email-not-valid":"The email address is not a valid email address.","registration-email-already-taken":"There is already an account with the email address.","change-password-old-password-wrong":"The password is not correct!","user-roles-heading":"Roles from user","user-roles-list":"Current roles:","available-roles-list":"Available roles:","name":"Name","description":"Description"}
\ No newline at end of file
diff --git a/src/module/Application/pwa/html/application/level.html b/src/module/Application/pwa/html/application/level.html
index f4dd493..5d12886 100755
--- a/src/module/Application/pwa/html/application/level.html
+++ b/src/module/Application/pwa/html/application/level.html
@@ -14,6 +14,9 @@
     </div>
     <!-- Site Content -->
     <div class='max-height'>
+        <div class = 'show-while-playing height-20 text-right'>
+            <button class="button" id = 'help-button' data-translation="help"></button>
+        </div>
         <div class = 'show-when-won height-20 center flex-center'>
             <b data-translation="won" id = "won-text"></b>
             <div id = 'coin-container'>
diff --git a/src/module/Application/pwa/js/site/LevelSite.js b/src/module/Application/pwa/js/site/LevelSite.js
index 76bc2d6..7dfde9f 100755
--- a/src/module/Application/pwa/js/site/LevelSite.js
+++ b/src/module/Application/pwa/js/site/LevelSite.js
@@ -1,4 +1,4 @@
-import {Helper, Menu, MenuAction, SystemSettings} from "../../../../../js/lib/pwa-lib";
+import {FlashMessenger, Helper, Menu, MenuAction, SystemSettings} from "../../../../../js/lib/pwa-lib";
 import {ParentSegment} from "../wordrotator/Segment/ParentSegment";
 import {LeafSegment} from "../wordrotator/Segment/LeafSegment";
 import {TemplateContainer} from "../wordrotator/Segment/TemplateContainer";
@@ -19,7 +19,8 @@ export class LevelSite extends WordRotatorBaseSite {
     createActionBarMenu(menu) {
         menu = super.createActionBarMenu(menu);
 
-        let coinAction = new MenuAction(Helper.nonNull(localStorage.getItem("coins"), "0"), ()=>{}, MenuAction.SHOW_ALWAYS, 900);
+        let coinAction = new MenuAction(Helper.nonNull(localStorage.getItem("coins"), "0"), () => {
+        }, MenuAction.SHOW_ALWAYS, 900);
         coinAction.setShouldTranslate(false);
         coinAction._liClass = "coin-counter";
         menu.addAction(coinAction);
@@ -60,8 +61,8 @@ export class LevelSite extends WordRotatorBaseSite {
         let wonText = this.findBy("#won-text");
 
         let scaleHelper = new ScaleHelper();
-        scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true);
-        scaleHelper.scaleToFull(wonText, wonText.parentElement);
+        this.continueButtonScaler = scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true);
+        this.wonTextScaler = scaleHelper.scaleToFull(wonText, wonText.parentElement);
 
         //Benutze Document, da Element außerhalb von Seite (eigentlich unschön!)
         this.levelCounterActionContainer = document.getElementById("level-number-container");
@@ -76,6 +77,10 @@ export class LevelSite extends WordRotatorBaseSite {
         this.coinTemplate.id = null;
         this.coinContainer.removeAllChildren();
 
+        this.findBy("#help-button").addEventListener("click", () => {
+            this.help();
+        });
+
         this.loadLastLevel();
     }
 
@@ -101,6 +106,7 @@ export class LevelSite extends WordRotatorBaseSite {
                 });
 
                 level.createSegments();
+                level.setLocks(currentLevelInfo["locks"]);
                 level.getRootSegment()._updateElement();
 
                 level.saveAsCurrentLevel();
@@ -190,7 +196,10 @@ export class LevelSite extends WordRotatorBaseSite {
                 let coinElem = Helper.cloneNode(this.coinTemplate);
                 this.coinContainer.appendChild(coinElem);
             }
-            localStorage.setItem("coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))+parseInt(coinsPerLevel));
+            localStorage.setItem("coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0")) + parseInt(coinsPerLevel));
+
+            this.wonTextScaler();
+            this.continueButtonScaler();
 
             await savePromise;
         }
@@ -198,4 +207,30 @@ export class LevelSite extends WordRotatorBaseSite {
             console.error(e);
         }
     }
+
+    help() {
+        let cost = SystemSettings.get("costForHelp", 25);
+        let currentCoins = parseInt(Helper.nonNull(localStorage.getItem("coins"), 0));
+
+        if (currentCoins >= cost) {
+            currentCoins -= cost;
+            localStorage.setItem("coins", currentCoins);
+            this.coinAction.title = currentCoins;
+            this.coinAction.redraw();
+
+            let rotatables = this.level.getRotatableSegments();
+            let index = Math.floor(Math.random() * rotatables.length);
+            console.log(rotatables, index);
+
+            let segmentToHelp = rotatables[index];
+            while (segmentToHelp.rotation !== 0) {
+                segmentToHelp.rotate();
+            }
+            segmentToHelp.setIsRotatable(false);
+            this.level.saveAsCurrentLevel();
+        }
+        else{
+            FlashMessenger.addMessage("not-enough-coins");
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/module/Application/pwa/js/wordrotator/Level/Level.js b/src/module/Application/pwa/js/wordrotator/Level/Level.js
index 5ece269..ca74c8f 100755
--- a/src/module/Application/pwa/js/wordrotator/Level/Level.js
+++ b/src/module/Application/pwa/js/wordrotator/Level/Level.js
@@ -1,5 +1,6 @@
 import {LeafSegment} from "../Segment/LeafSegment";
 import {Helper} from "../../../../../../js/lib/pwa-lib";
+import {ParentSegment} from "../Segment/ParentSegment";
 
 export class Level {
     constructor(templateContainer) {
@@ -23,7 +24,16 @@ export class Level {
 
     saveAsCurrentLevel(){
         let rotations = this.getCurrentRotations();
-        localStorage.setItem("currentLevel", JSON.stringify({"id": this.id, "rotations": rotations}));
+        let locked = this.getCurrentLocked();
+        localStorage.setItem("currentLevel", JSON.stringify({"id": this.id, "rotations": rotations, "locks":locked}));
+    }
+
+    getCurrentLocked(){
+        if (this.rootSegment !== null)
+        {
+            return this.rootSegment.getCurrentLocked([]);
+        }
+        return [];
     }
 
     getCurrentRotations(){
@@ -34,6 +44,13 @@ export class Level {
         return [];
     }
 
+    setLocks(locks)
+    {
+        if (this.rootSegment !== null){
+            this.rootSegment.applyLocks(locks);
+        }
+    }
+
     setId(id)
     {
         this.id = id;
@@ -109,6 +126,24 @@ export class Level {
 
     createSegments() {};
 
+    getRotatableSegments(){
+        return Level._getRotatableSegmentsFrom(this.rootSegment);
+    }
+
+    static _getRotatableSegmentsFrom(segment){
+        let rotatable = [];
+        if (segment.canRotate())
+        {
+            rotatable.push(segment);
+        }
+        if (segment instanceof ParentSegment){
+            for (let i = 0; i < segment.children.length; i++) {
+                rotatable.push.apply(rotatable, Level._getRotatableSegmentsFrom(segment.children[i]));
+            }
+        }
+        return rotatable;
+    }
+
     static _createLeafsForWord(word, leafSegmentTemplate)
     {
         let leafSegments = [];
diff --git a/src/module/Application/pwa/js/wordrotator/Segment/ParentSegment.js b/src/module/Application/pwa/js/wordrotator/Segment/ParentSegment.js
index 1ed23d7..df06670 100755
--- a/src/module/Application/pwa/js/wordrotator/Segment/ParentSegment.js
+++ b/src/module/Application/pwa/js/wordrotator/Segment/ParentSegment.js
@@ -1,7 +1,7 @@
 import {Segment} from "./Segment";
 
 export class ParentSegment extends Segment {
-    static initListener(){
+    static initListener() {
         window.addEventListener("mousedown", (e) => {
             ParentSegment.mouseDownTarget = e.target;
             // ParentSegment.mouseDownTarget = e.originalTarget;
@@ -12,8 +12,7 @@ export class ParentSegment extends Segment {
 
         window.addEventListener("touchstart", (e) => {
             console.log("start", e);
-            if (e.targetTouches.length === 1)
-            {
+            if (e.targetTouches.length === 1) {
                 ParentSegment.mouseDownTarget = e.targetTouches[0].target;
             }
         });
@@ -23,26 +22,27 @@ export class ParentSegment extends Segment {
         });
     }
 
+    setIsRotatable(rotatable){
+        this.rotatable = rotatable;
+        this._updateElement();
+    }
+
     constructor(element) {
         super(element);
         this.children = [];
         this.class = "rotate-0";
+        this.rotatable = true;
 
         let self = this;
-        this.touchendListener = function(e){
-            if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY)))
-            {
-                console.log(e);
+        this.touchendListener = function (e) {
+            if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY))) {
                 self.rotate();
                 e.stopPropagation();
                 e.preventDefault();
             }
         };
-        this.mouseupListener = function(e){
-            console.log("mouseup", e);
-            // if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.originalTarget))
-            if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.target))
-            {
+        this.mouseupListener = function (e) {
+            if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.target)) {
                 self.rotate();
                 e.stopPropagation();
                 e.preventDefault();
@@ -50,10 +50,13 @@ export class ParentSegment extends Segment {
         };
     }
 
+    canRotate() {
+        return (this.rotatable && !this.getLevel().getHasWon());
+    }
+
     async rotate() {
         let timeout = 250;
-
-        if (!this.getLevel().getHasWon()) {
+        if (this.canRotate()) {
             this.rotation += 90;
             this.rotation %= 360;
 
@@ -96,8 +99,17 @@ export class ParentSegment extends Segment {
         return rotations;
     }
 
-    getCurrentRotations(rotations)
-    {
+    applyLocks(locks) {
+        console.log(locks);
+        this.rotatable = locks[0];
+        locks.splice(0, 1);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locks = this.children[i].applyLocks(locks);
+        }
+        return locks;
+    }
+
+    getCurrentRotations(rotations) {
         rotations.push(this.rotation);
         for (let i = 0, n = this.children.length; i < n; i++) {
             rotations = this.children[i].getCurrentRotations(rotations);
@@ -105,6 +117,14 @@ export class ParentSegment extends Segment {
         return rotations;
     }
 
+    getCurrentLocked(locked) {
+        locked.push(this.rotatable);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locked = this.children[i].getCurrentLocked(locked);
+        }
+        return locked;
+    }
+
     isSolved() {
         for (let i = 0, n = this.children.length; i < n; i++) {
             if (!this.children[i].isSolved()) {
@@ -140,11 +160,13 @@ export class ParentSegment extends Segment {
     }
 
     _updateElement() {
-
         let layer = this._getLayer();
-        if (layer >= 2)
-        {
-            this.element.classList.add("layer-"+layer);
+        if (layer >= 2) {
+            this.element.classList.add("layer-" + layer);
+        }
+
+        if (!this.rotatable){
+            this.element.classList.add("locked");
         }
 
         const childContainer = this.element.querySelector(".child-container");
@@ -152,14 +174,8 @@ export class ParentSegment extends Segment {
 
         this._updateRotationClass();
 
-        // const self = this;
-        // this.element.onclick = function (e) {
-            // self.rotate();
-            // e.stopPropagation();
-        // };
-
-        this.element.removeEventListener("mouseup",this.mouseupListener);
-        this.element.removeEventListener("touchend",this.touchendListener);
+        this.element.removeEventListener("mouseup", this.mouseupListener);
+        this.element.removeEventListener("touchend", this.touchendListener);
 
         this.element.addEventListener("mouseup", this.mouseupListener);
         this.element.addEventListener("touchend", this.touchendListener);
@@ -173,12 +189,12 @@ export class ParentSegment extends Segment {
         }
     }
 
-    _getLayer(){
-        if (this.children.length >= 1 && this.children[0] && this.children[0] instanceof ParentSegment)
-        {
-            return this.children[0]._getLayer()+1;
+    _getLayer() {
+        if (this.children.length >= 1 && this.children[0] && this.children[0] instanceof ParentSegment) {
+            return this.children[0]._getLayer() + 1;
         }
         return 1;
     }
 }
+
 ParentSegment.initListener();
\ No newline at end of file
diff --git a/src/module/Application/pwa/js/wordrotator/Segment/RowSegment.js b/src/module/Application/pwa/js/wordrotator/Segment/RowSegment.js
index 83467c6..b504a1f 100755
--- a/src/module/Application/pwa/js/wordrotator/Segment/RowSegment.js
+++ b/src/module/Application/pwa/js/wordrotator/Segment/RowSegment.js
@@ -1,7 +1,10 @@
 import {ParentSegment} from "./ParentSegment";
 
 export class RowSegment extends ParentSegment{
-    rotate() {}
+    constructor(element) {
+        super(element);
+        this.rotatable = false;
+    }
 
     applyRotations(rotations)
     {
@@ -18,6 +21,20 @@ export class RowSegment extends ParentSegment{
         return rotations;
     }
 
+    getCurrentLocked(locked) {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locked = this.children[i].getCurrentLocked(locked);
+        }
+        return locked;
+    }
+
+    applyLocks(locks) {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locks = this.children[i].applyLocks(locks);
+        }
+        return locks;
+    }
+
     _updateElement() {
         const childContainer = this.element.querySelector(".child-container");
         childContainer.removeAllChildren();
diff --git a/src/module/Application/pwa/js/wordrotator/Segment/Segment.js b/src/module/Application/pwa/js/wordrotator/Segment/Segment.js
index a9b2a74..dec2a00 100755
--- a/src/module/Application/pwa/js/wordrotator/Segment/Segment.js
+++ b/src/module/Application/pwa/js/wordrotator/Segment/Segment.js
@@ -28,6 +28,10 @@ export class Segment{
         }
     }
 
+    canRotate(){
+        return false;
+    }
+
     isSolved(){
         return (this.rotation === 0);
     }
@@ -42,6 +46,15 @@ export class Segment{
         return rotations;
     }
 
+    applyLocks(locks)
+    {
+        return locks;
+    }
+
+    getCurrentLocked(lockedArray){
+        return lockedArray;
+    }
+
     getElement()
     {
         return this.element;
diff --git a/src/module/Application/pwa/translations/de.json b/src/module/Application/pwa/translations/de.json
index e54eb45..76c58fe 100755
--- a/src/module/Application/pwa/translations/de.json
+++ b/src/module/Application/pwa/translations/de.json
@@ -1,4 +1,7 @@
 {
   "won":"Gewonnen!",
-  "continue":"Weiter"
+  "continue":"Weiter",
+
+  "help": "?",
+  "not-enough-coins":"Du hast zu wenig Münzen!"
 }
\ No newline at end of file
diff --git a/src/module/Application/pwa/translations/en.json b/src/module/Application/pwa/translations/en.json
index b60575c..83a1c17 100755
--- a/src/module/Application/pwa/translations/en.json
+++ b/src/module/Application/pwa/translations/en.json
@@ -1,4 +1,7 @@
 {
   "won":"Won!",
-  "continue":"Continue"
+  "continue":"Continue",
+
+  "help": "?",
+  "not-enugh-coins":"You have to few coins!"
 }
\ No newline at end of file
diff --git a/src/scss/wordRotator.scss b/src/scss/wordRotator.scss
index c7955ae..54e6e79 100755
--- a/src/scss/wordRotator.scss
+++ b/src/scss/wordRotator.scss
@@ -68,7 +68,6 @@ $coinTowerDimension: 28px;
 }
 
 //Segments
-
 $rotationDegrees: (90 180 270 360);
 $animationDuration: 0.25s;
 
@@ -138,6 +137,7 @@ $animationDuration: 0.25s;
             transform: rotate(#{360- nth($rotationDegrees, $i)}deg);
             background-color: white;
             z-index: 1;
+
             @for $j from 1 through length($rotationDegrees) {
               $animationName: ((nth($rotationDegrees, $j)- nth($rotationDegrees, $i)+360)%360);
               @if $animationName==0 {
@@ -148,6 +148,7 @@ $animationDuration: 0.25s;
                 transform: rotate(#{$animationName}deg);
                 background-color: white;
                 z-index: 1;
+
                 &.rotating {
                   animation-name: rotate-#{$animationName};
                   animation-duration: $animationDuration;
@@ -220,6 +221,7 @@ $animationDuration: 0.25s;
     border: solid 1px #a9a9a9;
     border-radius: 3px;
     padding: 1px;
+
     &.layer-2 {
       border: solid 3px #000000;
     }
@@ -235,9 +237,19 @@ $animationDuration: 0.25s;
   }
 }
 
+#site-content > :not(.won) .segment.locked {
+  border-color: #3adb76;
+  background-color: #9ffbb5 !important;
+  > .child-container > .segment-leaf {
+    border-color: #3adb76;
+    background-color: #9ffbb5 !important;
+  }
+}
+
 //Won-screen
 .show-when-won {
-  visibility: hidden;
+  //visibility: hidden;
+  display: none;
   transition: none;
   * {
     transition: none;
@@ -246,6 +258,14 @@ $animationDuration: 0.25s;
 
 .won {
   .show-when-won {
-    visibility: initial;
+    display: flex;
+  }
+  .show-while-playing {
+    display: none;
   }
 }
+
+.text-right {
+  text-align: right;
+}
+