diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general.less
index 0da4842eba9003496c902b6ae7a4f4b921aa8c10..e4ee5efe1bd6fc4335acd4c8d3da047534831cfe 100644
--- a/resources/assets/less/metager/general.less
+++ b/resources/assets/less/metager/general.less
@@ -220,8 +220,13 @@ button {
  * Tooltip mit entsprechendem Inhalt unterhalb des Elements angezeigt
  */
 
-*[data-tooltip]:hover {
-    position: relative;
+*[data-tooltip] {
+    &:hover {
+        position: relative;
+        &:after {
+            opacity: 1;
+        }
+    }
     &:after {
         content: attr(data-tooltip);
         position: absolute;
@@ -239,5 +244,16 @@ button {
         text-decoration: none;
         text-align: center;
         pointer-events: none;
+        opacity: 0;
+        transition: opacity 0.5s ease;
+    }
+    &.delayed:after {
+        transition-delay: 0.5s;
+    }
+    &.delayed-soft:after {
+        transition-delay: 0.2s;
+    }
+    &.delayed-strong:after {
+        transition-delay: 1s;
     }
 }
\ No newline at end of file