diff --git a/bower.json b/bower.json
index b609386..cf20ced 100644
--- a/bower.json
+++ b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "strolch-wc-badge",
   "description": "Strolch WebComponent Badge",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "authors": [
     "Robert von Burg"
   ],
diff --git a/strolch-wc-badge.html b/strolch-wc-badge.html
index 1706c92..a65f946 100644
--- a/strolch-wc-badge.html
+++ b/strolch-wc-badge.html
@@ -25,7 +25,7 @@
         </style>
 
         <!-- Content -->
-        <paper-badge id="badge" label="[[label]]"></paper-badge>
+        <paper-badge id="badge" label="[[label]]" for="[[for]]"></paper-badge>
     </template>
 
     <script>
@@ -40,6 +40,9 @@
 
 			<!-- Properties -->
 			properties: {
+                for: {
+                    type: String
+                },
 				hide: {
 					type: Boolean,
 					observer: "observeHide"
@@ -65,13 +68,11 @@
 				// show this element before the animation is started
 				this.hidden = false;
 
-				// animated to show this badge
-				if(newValue == false) {
-					this.playAnimation("show");
-				}
-				// animated to hide this badge
-				else {
+				// animated to show/hide this badge
+				if(newValue) {
 					this.playAnimation("hide");
+				} else {
+					this.playAnimation("show");
 				}
 			},