diff --git a/gfi-ihk-2024/.storybook/main.js b/gfi-ihk-2024/.storybook/main.js
index c29a470..5927d48 100644
--- a/gfi-ihk-2024/.storybook/main.js
+++ b/gfi-ihk-2024/.storybook/main.js
@@ -7,7 +7,7 @@ export default {
     '@storybook/addon-a11y',
     '@chromatic-com/storybook'
   ],
-  staticDirs: ['../public'],
+  staticDirs: ['../public', { from: '../stories/assets/lottie', to: '/lottie' }],
   framework: {
     name: '@storybook/html-vite',
     options: {}
diff --git a/gfi-ihk-2024/.storybook/preview.js b/gfi-ihk-2024/.storybook/preview.js
index 4e488df..23ebd46 100644
--- a/gfi-ihk-2024/.storybook/preview.js
+++ b/gfi-ihk-2024/.storybook/preview.js
@@ -4,6 +4,7 @@ import '../stories/_global/styles/main.scss';
 import '../stories/_global/styles/fonts.scss';
 import '../stories/_global/styles/icons.scss';
 import '../stories/_global/styles/pictograms.scss';
+import '../stories/_global/styles/pictograms-mapper.scss';
 import '../stories/_global/styles/typography.scss';
 import '../stories/_global/styles/grid.scss';
 import '../stories/_global/styles/storybook-preview.scss';
diff --git a/gfi-ihk-2024/package-lock.json b/gfi-ihk-2024/package-lock.json
index be95ccc..afc0496 100644
--- a/gfi-ihk-2024/package-lock.json
+++ b/gfi-ihk-2024/package-lock.json
@@ -17,7 +17,8 @@
         "jquery": "^3.6.1",
         "jquery-highlight": "^3.5.0",
         "jquery.easing": "^1.4.1",
-        "js-cookie": "^3.0.1"
+        "js-cookie": "^3.0.1",
+        "lottie-web": "^5.13.0"
       },
       "devDependencies": {
         "@chromatic-com/storybook": "^5.2.1",
@@ -48,7 +49,6 @@
       "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.29.7",
         "js-tokens": "^4.0.0",
@@ -99,7 +99,6 @@
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
       "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "regenerator-runtime": "^0.13.4"
       },
@@ -158,29 +157,6 @@
         "storybook": "^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0 || ^10.6.0-0"
       }
     },
-    "node_modules/@emnapi/core": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
-      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.2.1",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
-      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@emnapi/wasi-threads": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
@@ -2634,8 +2610,7 @@
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/chai": {
       "version": "5.2.3",
@@ -2686,6 +2661,7 @@
       "integrity": "sha512-N2JFGfXoEGVAut+kHeru9dD4BUMq/q5xDvBARNl0tUsly3m5KglLOu8VO/6MkDfOlgxXTycojkt6gBKsuyR+IQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@blazediff/core": "1.9.1",
         "@vitest/mocker": "4.1.7",
@@ -2709,6 +2685,7 @@
       "integrity": "sha512-OlTlJej7YN6VwV7zJJoNeaCsctF+JXpzpZ4oBHUbrQFfIq+0KW2f07rprCLh9N/zRIZ0v4Mchn1QDDmWMUhPKw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vitest/browser": "4.1.7",
         "@vitest/mocker": "4.1.7",
@@ -2734,7 +2711,6 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/Boshen"
       }
@@ -2752,7 +2728,6 @@
       "os": [
         "android"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2770,7 +2745,6 @@
       "os": [
         "darwin"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2788,7 +2762,6 @@
       "os": [
         "darwin"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2806,7 +2779,6 @@
       "os": [
         "freebsd"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2824,7 +2796,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2842,7 +2813,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2860,7 +2830,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2878,7 +2847,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2896,7 +2864,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2914,7 +2881,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2932,7 +2898,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2950,7 +2915,6 @@
       "os": [
         "openharmony"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -2965,7 +2929,6 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "peer": true,
       "dependencies": {
         "@emnapi/core": "1.10.0",
         "@emnapi/runtime": "1.10.0",
@@ -2988,7 +2951,6 @@
       "os": [
         "win32"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3006,7 +2968,6 @@
       "os": [
         "win32"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3055,7 +3016,6 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "peer": true,
       "dependencies": {
         "@oxc-project/types": "=0.133.0",
         "@rolldown/pluginutils": "^1.0.0"
@@ -3094,86 +3054,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/@vitest/browser-playwright/node_modules/vite": {
-      "version": "8.0.16",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.16.tgz",
-      "integrity": "sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "lightningcss": "^1.32.0",
-        "picomatch": "^4.0.4",
-        "postcss": "^8.5.15",
-        "rolldown": "1.0.3",
-        "tinyglobby": "^0.2.17"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "@vitejs/devtools": "^0.1.18",
-        "esbuild": "^0.27.0 || ^0.28.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "@vitejs/devtools": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vitest/browser/node_modules/@oxc-project/types": {
       "version": "0.133.0",
       "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.133.0.tgz",
@@ -3181,7 +3061,6 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/Boshen"
       }
@@ -3199,7 +3078,6 @@
       "os": [
         "android"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3217,7 +3095,6 @@
       "os": [
         "darwin"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3235,7 +3112,6 @@
       "os": [
         "darwin"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3253,7 +3129,6 @@
       "os": [
         "freebsd"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3271,7 +3146,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3289,7 +3163,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3307,7 +3180,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3325,7 +3197,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3343,7 +3214,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3361,7 +3231,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3379,7 +3248,6 @@
       "os": [
         "linux"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3397,7 +3265,6 @@
       "os": [
         "openharmony"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3412,7 +3279,6 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "peer": true,
       "dependencies": {
         "@emnapi/core": "1.10.0",
         "@emnapi/runtime": "1.10.0",
@@ -3435,7 +3301,6 @@
       "os": [
         "win32"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3453,7 +3318,6 @@
       "os": [
         "win32"
       ],
-      "peer": true,
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
@@ -3530,7 +3394,6 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "peer": true,
       "dependencies": {
         "@oxc-project/types": "=0.133.0",
         "@rolldown/pluginutils": "^1.0.0"
@@ -3569,86 +3432,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/@vitest/browser/node_modules/vite": {
-      "version": "8.0.16",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.16.tgz",
-      "integrity": "sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "lightningcss": "^1.32.0",
-        "picomatch": "^4.0.4",
-        "postcss": "^8.5.15",
-        "rolldown": "1.0.3",
-        "tinyglobby": "^0.2.17"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "@vitejs/devtools": "^0.1.18",
-        "esbuild": "^0.27.0 || ^0.28.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "@vitejs/devtools": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vitest/coverage-v8": {
       "version": "4.1.7",
       "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-4.1.7.tgz",
@@ -3754,6 +3537,7 @@
       "integrity": "sha512-BapjmAQ2aI78WdMEfeUWivnfVzB+VPGwWRQcJE0OUq7qEeEcBsCSf+0T5iREBNE5nBb4wA5Ya0W6IA+sghdEFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vitest/utils": "4.1.7",
         "pathe": "^2.0.3"
@@ -3908,7 +3692,6 @@
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -3919,7 +3702,6 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -4082,8 +3864,7 @@
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/deep-eql": {
       "version": "5.0.2",
@@ -4173,8 +3954,7 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/es-module-lexer": {
       "version": "2.1.0",
@@ -4190,6 +3970,7 @@
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "esbuild": "bin/esbuild"
       },
@@ -4538,6 +4319,7 @@
       "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
       "dev": true,
       "license": "MPL-2.0",
+      "peer": true,
       "dependencies": {
         "detect-libc": "^2.0.3"
       },
@@ -4805,6 +4587,12 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lottie-web": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.13.0.tgz",
+      "integrity": "sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==",
+      "license": "MIT"
+    },
     "node_modules/loupe": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
@@ -4818,7 +4606,6 @@
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -5136,7 +4923,6 @@
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -5152,6 +4938,7 @@
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -5165,6 +4952,7 @@
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -5178,8 +4966,7 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/recast": {
       "version": "0.23.11",
@@ -5216,8 +5003,7 @@
       "version": "0.13.9",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
       "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/rolldown": {
       "version": "1.0.2",
@@ -5269,6 +5055,7 @@
       "integrity": "sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -5327,6 +5114,7 @@
       "integrity": "sha512-B5j0rYMlinhhOo9tjQebMVVn0TfyXAF+wB3b2ggZUuJ/is/Y+7+JGjirAMxHZ9Z3hIP98NPfamlAkBHa1lAaXQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": "^5.0.0",
         "immutable": "^5.1.5",
@@ -5456,6 +5244,7 @@
       "integrity": "sha512-V1Zd2e+gBFufqAQVZ1JR8KLqALsEZ3JYSBnWwQbKa6zCfWWanR6AFMyuOkLt2gZOgGp3h2Riuz88pGNVTQSG0A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^2.0.2",
@@ -5682,6 +5471,7 @@
       "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -6172,6 +5962,7 @@
       "integrity": "sha512-flYyaFd2CgoCoU+0UKt3pxksgC+S02iTDN0n3LtqaMeXsI9SBcdNujc2k0DeFLzUn/0k538yNjOSdwgCqcrwJA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vitest/expect": "4.1.7",
         "@vitest/mocker": "4.1.7",
@@ -6365,6 +6156,7 @@
       "integrity": "sha512-s4BJJ+5y1pYL6Otw51FHhVJQhPnuRinKig64g/1+EUNaJsd3gCKdD31IPFvswUgW9/60QT9oFHbZHbQK5imcxw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "lightningcss": "^1.32.0",
         "picomatch": "^4.0.4",
diff --git a/gfi-ihk-2024/package.json b/gfi-ihk-2024/package.json
index 37f901b..325db0e 100644
--- a/gfi-ihk-2024/package.json
+++ b/gfi-ihk-2024/package.json
@@ -35,7 +35,8 @@
     "jquery": "^3.6.1",
     "jquery-highlight": "^3.5.0",
     "jquery.easing": "^1.4.1",
-    "js-cookie": "^3.0.1"
+    "js-cookie": "^3.0.1",
+    "lottie-web": "^5.13.0"
   },
   "type": "module",
   "private": true,
diff --git a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
index fa2313f..de084dd 100644
--- a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
+++ b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
@@ -1,3 +1,5 @@
+@import 'mixins';
+
 .pictogram-topic-aeskulapstab:before { @include pictogram-aeskulapstab; }
 .pictogram-topic-anker:before { @include pictogram-anker; }
 .pictogram-topic-ausrufezeichen:before { @include pictogram-achtung; }
diff --git a/gfi-ihk-2024/stories/assets/lottie/test/animation.json b/gfi-ihk-2024/stories/assets/lottie/test/animation.json
new file mode 100644
index 0000000..6a20ec8
--- /dev/null
+++ b/gfi-ihk-2024/stories/assets/lottie/test/animation.json
@@ -0,0 +1 @@
+{"v":"5.7.5","fr":100,"ip":0,"op":500,"w":700,"h":700,"ddd":0,"assets":[{"id":"0","layers":[{"ddd":0,"ind":5,"ty":3,"sr":1,"ks":{"p":{"a":0,"k":[57.5,53.02],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0},{"ddd":0,"ind":6,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":5,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[17,4],[12.75,0],[12.03,0.19],[9.99,1.35],[9.99,1.35],[7.04,1.35],[7.04,1.35],[5,0.19],[4.28,0],[0,4]],"i":[[0,0],[2.286,0],[0.217,-0.123],[0.001,-0.001],[0,0],[0.911,0.518],[0,0],[0,0],[0.252,0],[0.106,-2.237]],"o":[[-0.09,-2.234],[-0.25,0],[0,0],[0,0],[-0.911,0.518],[0,0],[-0.001,-0.001],[-0.218,-0.124],[-2.289,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[0,90.19],"ix":2},"a":{"a":0,"k":[8.5,2],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":7,"ty":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0,"parent":5},{"ddd":0,"ind":8,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"td":1,"ao":0,"parent":7,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"tr","p":{"a":1,"k":[{"t":140,"s":[-2.63,-35.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[-2.63,-17.48],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[-2.63,-17.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-2.63,-35.48]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":140,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":9,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"tt":1,"ao":0,"parent":7,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":5,"ix":2},"lc":1,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":140,"s":[-2.63,-35.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[-2.63,-17.48],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[-2.63,-17.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-2.63,-35.48]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":140,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":10,"ty":3,"sr":1,"ks":{"p":{"a":0,"k":[39.19,53.02],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0},{"ddd":0,"ind":11,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":10,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[0,4],[4.28,0],[5,0.19],[7.04,1.35],[7.04,1.35],[9.99,1.35],[9.99,1.35],[12.03,0.19],[12.75,0],[14.33,0.3]],"i":[[0,0],[-2.289,0],[-0.218,-0.124],[-0.001,-0.001],[0,0],[-0.911,0.518],[0,0],[0,0],[-0.25,0],[-0.491,-0.193]],"o":[[0.106,-2.237],[0.252,0],[0,0],[0,0],[0.911,0.518],[0,0],[0.001,0],[0.217,-0.123],[0.56,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[-0.26,90.19],"ix":2},"a":{"a":0,"k":[7.17,2],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":12,"ty":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0,"parent":10},{"ddd":0,"ind":13,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"td":1,"ao":0,"parent":12,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"tr","p":{"a":1,"k":[{"t":106,"s":[10.45,-35.47],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":266,"s":[10.45,-35.47]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":106,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":266,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":14,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"tt":1,"ao":0,"parent":12,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":5,"ix":2},"lc":1,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":106,"s":[10.45,-35.47],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":266,"s":[10.45,-35.47]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":106,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":266,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":15,"ty":3,"sr":1,"ks":{"p":{"a":0,"k":[22.5,35],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0},{"ddd":0,"ind":16,"ty":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0,"parent":15},{"ddd":0,"ind":17,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"td":1,"ao":0,"parent":16,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.09,8.13],[7,0],[13.91,8.13],[13.91,8.13],[13.33,11.63],[13.33,11.63],[7,17],[0.67,11.63],[0.09,8.13]],"i":[[0,0],[-4.318,0],[0.7,-4.257],[0,0],[0,-0.002],[0,0],[3.141,0],[0.509,3.097],[0,0]],"o":[[-0.7,-4.257],[4.318,0],[0,0],[0,0.002],[0,0],[-0.509,3.097],[-3.141,0],[0,0],[0,0]]}}},{"ty":"tr","p":{"a":1,"k":[{"t":0,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":71,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[9.222,12.562],"to":[-10.778,12.562]},{"t":106,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":140,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-26.297,15.32],"to":[13.703,15.32]},{"t":177,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-0.438,55.183],"to":[-18.174,25.97]},{"t":265,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-35,-215]}],"ix":2},"a":{"a":0,"k":[7,8.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":18,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"tt":1,"ao":0,"parent":16,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.09,8.13],[7,0],[13.91,8.13],[13.91,8.13],[13.33,11.63],[13.33,11.63],[7,17],[0.67,11.63],[0.09,8.13]],"i":[[0,0],[-4.318,0],[0.7,-4.257],[0,0],[0,-0.002],[0,0],[3.141,0],[0.509,3.097],[0,0]],"o":[[-0.7,-4.257],[4.318,0],[0,0],[0,0.002],[0,0],[-0.509,3.097],[-3.141,0],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":5,"ix":2},"lc":1,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":0,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":71,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[9.222,12.562],"to":[-10.778,12.562]},{"t":106,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":140,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-26.297,15.32],"to":[13.703,15.32]},{"t":177,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-0.438,55.183],"to":[-18.174,25.97]},{"t":265,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-35,-215]}],"ix":2},"a":{"a":0,"k":[7,8.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":19,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":15,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":1,"k":[{"t":125,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[21.91,9.01],[27.46,6.54],[31.68,0.87]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-2.373,-1.186],[-1.062,1.36],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[2.373,1.186],[1.062,-1.36],[0,0]]}],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":191,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[22,9.72],[26.91,14.15],[36.31,14.93]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-1.877,-0.84],[-1.831,-0.989],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[1.877,0.84],[1.831,0.989],[0,0]]}],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":248,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[21.91,9.01],[27.09,12.11],[34.51,10.35]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-2.373,-1.186],[-2.554,-0.117],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[2.373,1.186],[2.554,0.117],[0,0]]}],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[21.91,9.01],[27.46,6.54],[31.68,0.87]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-2.373,-1.186],[-1.062,1.36],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[2.373,1.186],[1.062,-1.36],[0,0]]}]}],"ix":2}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":0,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[0,-90],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":71,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":89,"s":[0,-59],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":106,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":140,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":160,"s":[0,-59],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":177,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":231,"s":[0,-49.8],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":265,"s":[0,-77.02],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[0,-62.5]}],"ix":2},"a":{"a":0,"k":[15.5,14.25],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":20,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":15,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[0,0],[1.76,19.18],[1.76,19.18],[3.75,21],[10.25,21],[12.24,19.18],[12.24,19.18],[14,0]],"i":[[0,0],[0,-0.001],[0,0],[-1.034,0],[0,0],[-0.095,1.029],[0,0],[0,0]],"o":[[0,0],[0,0],[0.095,1.029],[0,0],[1.034,0],[0,0],[0,-0.004],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[-35,195],"ix":2},"a":{"a":0,"k":[7,10.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":21,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[0,0],[35,0],[38,3],[38,3],[38,30],[38,30],[35,33],[7.49,33]],"i":[[0,0],[0,0],[0,-1.657],[0,0],[0,-0.004],[0,0],[1.657,0],[0,0]],"o":[[0,0],[1.657,0],[0,0],[0,0.004],[0,0],[0,1.657],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":14,"s":[0,0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[0,-23],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":50,"s":[0,-23],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":81,"s":[0,0]}],"ix":2},"a":{"a":0,"k":[19,16.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":185,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[3],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":225,"s":[3],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":265,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"tr","p":{"a":0,"k":[48,20.5],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lottielab.com","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[-79.37,0],[79.37,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"tm","s":{"a":1,"k":[{"t":271,"s":[0],"o":{"x":[0.42],"y":[0]},"i":{"x":[1],"y":[1]}},{"t":300,"s":[100]}],"ix":2},"e":{"a":1,"k":[{"t":109,"s":[0],"o":{"x":[0],"y":[0]},"i":{"x":[0.58],"y":[1]}},{"t":140,"s":[100],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":300,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":25,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[530.31,261],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":2,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[-79.37,0],[79.37,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"tm","s":{"a":1,"k":[{"t":256,"s":[0],"o":{"x":[0.42],"y":[0]},"i":{"x":[1],"y":[1]}},{"t":285,"s":[100]}],"ix":2},"e":{"a":1,"k":[{"t":92,"s":[0],"o":{"x":[0],"y":[0]},"i":{"x":[0.58],"y":[1]}},{"t":123,"s":[100],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":285,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":25,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[530.31,201.73],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":3,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[-79.37,0],[79.37,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"tm","s":{"a":1,"k":[{"t":106,"s":[0],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":239,"s":[0],"o":{"x":[0.42],"y":[0]},"i":{"x":[1],"y":[1]}},{"t":271,"s":[100]}],"ix":2},"e":{"a":1,"k":[{"t":75,"s":[0],"o":{"x":[0],"y":[0]},"i":{"x":[0.58],"y":[1]}},{"t":106,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":25,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[530.31,142.46],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"refId":"0","w":70,"h":70,"ind":4,"ty":0,"sr":1,"ks":{"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0}]}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/assets/lottie/test/animation.lot b/gfi-ihk-2024/stories/assets/lottie/test/animation.lot
new file mode 100644
index 0000000..6a20ec8
--- /dev/null
+++ b/gfi-ihk-2024/stories/assets/lottie/test/animation.lot
@@ -0,0 +1 @@
+{"v":"5.7.5","fr":100,"ip":0,"op":500,"w":700,"h":700,"ddd":0,"assets":[{"id":"0","layers":[{"ddd":0,"ind":5,"ty":3,"sr":1,"ks":{"p":{"a":0,"k":[57.5,53.02],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0},{"ddd":0,"ind":6,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":5,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[17,4],[12.75,0],[12.03,0.19],[9.99,1.35],[9.99,1.35],[7.04,1.35],[7.04,1.35],[5,0.19],[4.28,0],[0,4]],"i":[[0,0],[2.286,0],[0.217,-0.123],[0.001,-0.001],[0,0],[0.911,0.518],[0,0],[0,0],[0.252,0],[0.106,-2.237]],"o":[[-0.09,-2.234],[-0.25,0],[0,0],[0,0],[-0.911,0.518],[0,0],[-0.001,-0.001],[-0.218,-0.124],[-2.289,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[0,90.19],"ix":2},"a":{"a":0,"k":[8.5,2],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":7,"ty":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0,"parent":5},{"ddd":0,"ind":8,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"td":1,"ao":0,"parent":7,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"tr","p":{"a":1,"k":[{"t":140,"s":[-2.63,-35.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[-2.63,-17.48],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[-2.63,-17.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-2.63,-35.48]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":140,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":9,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"tt":1,"ao":0,"parent":7,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":5,"ix":2},"lc":1,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":140,"s":[-2.63,-35.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[-2.63,-17.48],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[-2.63,-17.48],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-2.63,-35.48]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":140,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":185,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":248,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":10,"ty":3,"sr":1,"ks":{"p":{"a":0,"k":[39.19,53.02],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0},{"ddd":0,"ind":11,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":10,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[0,4],[4.28,0],[5,0.19],[7.04,1.35],[7.04,1.35],[9.99,1.35],[9.99,1.35],[12.03,0.19],[12.75,0],[14.33,0.3]],"i":[[0,0],[-2.289,0],[-0.218,-0.124],[-0.001,-0.001],[0,0],[-0.911,0.518],[0,0],[0,0],[-0.25,0],[-0.491,-0.193]],"o":[[0.106,-2.237],[0.252,0],[0,0],[0,0],[0.911,0.518],[0,0],[0.001,0],[0.217,-0.123],[0.56,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[-0.26,90.19],"ix":2},"a":{"a":0,"k":[7.17,2],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":12,"ty":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0,"parent":10},{"ddd":0,"ind":13,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"td":1,"ao":0,"parent":12,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"tr","p":{"a":1,"k":[{"t":106,"s":[10.45,-35.47],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":266,"s":[10.45,-35.47]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":106,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":266,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":14,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"tt":1,"ao":0,"parent":12,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.08,7.14],[6.15,0],[12.21,7.14],[12.21,7.14],[11.7,10.22],[11.7,10.22],[6.15,14.94],[0.59,10.22],[0.08,7.14]],"i":[[0,0],[-3.792,0],[0.615,-3.741],[0,0],[0,-0.002],[0,0],[2.758,0],[0.447,2.722],[0,0]],"o":[[-0.615,-3.741],[3.792,0],[0,0],[0,0.002],[0,0],[-0.447,2.722],[-2.758,0],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":5,"ix":2},"lc":1,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":106,"s":[10.45,-35.47],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[10.45,-24.47],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":266,"s":[10.45,-35.47]}],"ix":2},"a":{"a":0,"k":[6.15,7.47],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":106,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":151,"s":[30],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":214,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":266,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":15,"ty":3,"sr":1,"ks":{"p":{"a":0,"k":[22.5,35],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0},{"ddd":0,"ind":16,"ty":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0,"parent":15},{"ddd":0,"ind":17,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"td":1,"ao":0,"parent":16,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.09,8.13],[7,0],[13.91,8.13],[13.91,8.13],[13.33,11.63],[13.33,11.63],[7,17],[0.67,11.63],[0.09,8.13]],"i":[[0,0],[-4.318,0],[0.7,-4.257],[0,0],[0,-0.002],[0,0],[3.141,0],[0.509,3.097],[0,0]],"o":[[-0.7,-4.257],[4.318,0],[0,0],[0,0.002],[0,0],[-0.509,3.097],[-3.141,0],[0,0],[0,0]]}}},{"ty":"tr","p":{"a":1,"k":[{"t":0,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":71,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[9.222,12.562],"to":[-10.778,12.562]},{"t":106,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":140,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-26.297,15.32],"to":[13.703,15.32]},{"t":177,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-0.438,55.183],"to":[-18.174,25.97]},{"t":265,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-35,-215]}],"ix":2},"a":{"a":0,"k":[7,8.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"fl","c":{"a":0,"k":[0,0,0],"ix":2},"o":{"a":0,"k":100,"ix":2},"r":1,"bm":0}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":18,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"tt":1,"ao":0,"parent":16,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":true,"v":[[0.09,8.13],[7,0],[13.91,8.13],[13.91,8.13],[13.33,11.63],[13.33,11.63],[7,17],[0.67,11.63],[0.09,8.13]],"i":[[0,0],[-4.318,0],[0.7,-4.257],[0,0],[0,-0.002],[0,0],[3.141,0],[0.509,3.097],[0,0]],"o":[[-0.7,-4.257],[4.318,0],[0,0],[0,0.002],[0,0],[-0.509,3.097],[-3.141,0],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":5,"ix":2},"lc":1,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":0,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":71,"s":[-35,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[9.222,12.562],"to":[-10.778,12.562]},{"t":106,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":140,"s":[-65,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-26.297,15.32],"to":[13.703,15.32]},{"t":177,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[-5,-215],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]},"ti":[-0.438,55.183],"to":[-18.174,25.97]},{"t":265,"s":[-35,-245],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[-35,-215]}],"ix":2},"a":{"a":0,"k":[7,8.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":19,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":15,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":1,"k":[{"t":125,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[21.91,9.01],[27.46,6.54],[31.68,0.87]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-2.373,-1.186],[-1.062,1.36],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[2.373,1.186],[1.062,-1.36],[0,0]]}],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":191,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[22,9.72],[26.91,14.15],[36.31,14.93]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-1.877,-0.84],[-1.831,-0.989],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[1.877,0.84],[1.831,0.989],[0,0]]}],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":248,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[21.91,9.01],[27.09,12.11],[34.51,10.35]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-2.373,-1.186],[-2.554,-0.117],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[2.373,1.186],[2.554,0.117],[0,0]]}],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[{"c":false,"v":[[0,28.5],[0.64,14.93],[6.32,9.5],[7.27,9.75],[10.44,11.58],[10.44,11.58],[13.44,11.58],[13.44,11.58],[16.67,9.72],[21.91,9.01],[27.46,6.54],[31.68,0.87]],"i":[[0,0],[0,0],[-3.04,0],[-0.288,-0.166],[-0.002,-0.001],[0,0],[-0.927,0.534],[0,0],[0,0],[-2.373,-1.186],[-1.062,1.36],[0,0]],"o":[[0,0],[0.142,-3.037],[0.332,0],[0,0],[0,0],[0.927,0.534],[0,0],[0.001,-0.001],[0.252,-0.145],[2.373,1.186],[1.062,-1.36],[0,0]]}]}],"ix":2}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":0,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[0,-90],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":71,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":89,"s":[0,-59],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":106,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":140,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":160,"s":[0,-59],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":177,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[0,-62.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":231,"s":[0,-49.8],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":265,"s":[0,-77.02],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":300,"s":[0,-62.5]}],"ix":2},"a":{"a":0,"k":[15.5,14.25],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":20,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"parent":15,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[0,0],[1.76,19.18],[1.76,19.18],[3.75,21],[10.25,21],[12.24,19.18],[12.24,19.18],[14,0]],"i":[[0,0],[0,-0.001],[0,0],[-1.034,0],[0,0],[-0.095,1.029],[0,0],[0,0]],"o":[[0,0],[0,0],[0.095,1.029],[0,0],[1.034,0],[0,0],[0,-0.004],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[-35,195],"ix":2},"a":{"a":0,"k":[7,10.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":21,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[0,0],[35,0],[38,3],[38,3],[38,30],[38,30],[35,33],[7.49,33]],"i":[[0,0],[0,0],[0,-1.657],[0,0],[0,-0.004],[0,0],[1.657,0],[0,0]],"o":[[0,0],[1.657,0],[0,0],[0,0.004],[0,0],[0,1.657],[0,0],[0,0]]}}},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":2.5,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":1,"k":[{"t":14,"s":[0,0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":35,"s":[0,-23],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":50,"s":[0,-23],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":81,"s":[0,0]}],"ix":2},"a":{"a":0,"k":[19,16.5],"ix":2},"s":{"a":0,"k":[1000,1000],"ix":2},"r":{"a":1,"k":[{"t":185,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":212,"s":[3],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":225,"s":[3],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":265,"s":[0]}],"ix":2},"o":{"a":0,"k":100,"ix":2}}]},{"ty":"tr","p":{"a":0,"k":[48,20.5],"ix":2},"s":{"a":0,"k":[10,10],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0}]}],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"lottielab.com","sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[-79.37,0],[79.37,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"tm","s":{"a":1,"k":[{"t":271,"s":[0],"o":{"x":[0.42],"y":[0]},"i":{"x":[1],"y":[1]}},{"t":300,"s":[100]}],"ix":2},"e":{"a":1,"k":[{"t":109,"s":[0],"o":{"x":[0],"y":[0]},"i":{"x":[0.58],"y":[1]}},{"t":140,"s":[100],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":300,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":25,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[530.31,261],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":2,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[-79.37,0],[79.37,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"tm","s":{"a":1,"k":[{"t":256,"s":[0],"o":{"x":[0.42],"y":[0]},"i":{"x":[1],"y":[1]}},{"t":285,"s":[100]}],"ix":2},"e":{"a":1,"k":[{"t":92,"s":[0],"o":{"x":[0],"y":[0]},"i":{"x":[0.58],"y":[1]}},{"t":123,"s":[100],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.8],"y":[1]}},{"t":285,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":25,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[530.31,201.73],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"ind":3,"ty":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sh","d":1,"ks":{"a":0,"k":{"c":false,"v":[[-79.37,0],[79.37,0]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"tm","s":{"a":1,"k":[{"t":106,"s":[0],"i":{"x":[0.75],"y":[0.75]},"o":{"x":[0.25],"y":[0.25]}},{"t":239,"s":[0],"o":{"x":[0.42],"y":[0]},"i":{"x":[1],"y":[1]}},{"t":271,"s":[100]}],"ix":2},"e":{"a":1,"k":[{"t":75,"s":[0],"o":{"x":[0],"y":[0]},"i":{"x":[0.58],"y":[1]}},{"t":106,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":2},"m":1},{"ty":"st","c":{"a":0,"k":[1,1,1],"ix":2},"o":{"a":0,"k":100,"ix":2},"w":{"a":0,"k":25,"ix":2},"lc":2,"lj":1,"ml":4},{"ty":"tr","p":{"a":0,"k":[530.31,142.46],"ix":2},"o":{"a":0,"k":100,"ix":2}}]}],"ip":0,"op":501,"st":0},{"ddd":0,"refId":"0","w":70,"h":70,"ind":4,"ty":0,"sr":1,"ks":{"s":{"a":0,"k":[1000,1000],"ix":2},"o":{"a":0,"k":100,"ix":2}},"ao":0,"ip":0,"op":501,"st":0}]}
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/assets/lottie/test/animation.lottie b/gfi-ihk-2024/stories/assets/lottie/test/animation.lottie
new file mode 100644
index 0000000..93e9a7d
Binary files /dev/null and b/gfi-ihk-2024/stories/assets/lottie/test/animation.lottie differ
diff --git a/gfi-ihk-2024/stories/components/topic-teaser/TopicTeaserComponent.js b/gfi-ihk-2024/stories/components/topic-teaser/TopicTeaserComponent.js
index cd54ec7..bd76aca 100644
--- a/gfi-ihk-2024/stories/components/topic-teaser/TopicTeaserComponent.js
+++ b/gfi-ihk-2024/stories/components/topic-teaser/TopicTeaserComponent.js
@@ -1,17 +1,22 @@
 import './topic-teaser.scss';
 import {createElement} from "../../_global/scripts/helpers";
 import {createLinkList} from "../linklist/LinkListComponent";
+import lottie from 'lottie-web';
 
 export const createTopicTeaser = ({
   type = 'single-topic',
   title = 'Hallo Welt',
   link = '#',
   icon = 'Eule Doktorhut',
+  lottieFile = null,
   linklistData = null,
 }) => {
   const tile = createElement(type === 'single-topic' ? 'a' : 'div', ['tile', 'topic-teaser','variant-base', type], null);
   tile.href = link;
-  createElement('div', ['icon-box', 'pictogram-' + icon.toLowerCase().split(' ').join('-')], null, tile);
+  const iconBox = createElement('div', ['icon-box', ...(lottieFile ? ['icon-box--lottie'] : ['pictogram-topic-' + icon.toLowerCase().split(' ').join('-')])], null, tile);
+  if (lottieFile) {
+    lottie.loadAnimation({ container: iconBox, renderer: 'svg', loop: true, autoplay: true, path: lottieFile });
+  }
   const textBox = createElement('div', ['text-box'], null, tile);
   createElement('h4', ['title'], title, textBox);
 
diff --git a/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss b/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss
index a477c6e..e68dcb4 100644
--- a/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss
+++ b/gfi-ihk-2024/stories/components/topic-teaser/topic-teaser.scss
@@ -34,9 +34,26 @@
     color: var(--color-decoration);
     margin-top: 6px;
 
+    &--lottie {
+      width: 72px;
+      height: 72px;
+      margin-left: auto;
+      margin-right: auto;
+      color: var(--color-decoration);
+
+      svg path {
+        stroke: currentColor;
+      }
+    }
+
     @media(max-width: 567px) {
       font-size: 50px;
       margin-top: 0;
+
+      &--lottie {
+        width: 50px;
+        height: 50px;
+      }
     }
   }
 }
@@ -96,8 +113,18 @@ div.topic-teaser, .topics[data-type="list"] .tile {
     padding: 10px 0;
     font-size: 60px;
 
+    &--lottie {
+      width: 60px;
+      height: 60px;
+    }
+
     @media(max-width: 767px) {
       font-size: 46px;
+
+      &--lottie {
+        width: 46px;
+        height: 46px;
+      }
     }
   }
 
diff --git a/gfi-ihk-2024/stories/sections/topic-teasers/TopicTeasersData.js b/gfi-ihk-2024/stories/sections/topic-teasers/TopicTeasersData.js
index ed7bdd5..37c2afd 100644
--- a/gfi-ihk-2024/stories/sections/topic-teasers/TopicTeasersData.js
+++ b/gfi-ihk-2024/stories/sections/topic-teasers/TopicTeasersData.js
@@ -2,6 +2,7 @@ export const Topics = [
   {
     title: 'Alles für Gründer',
     icon: 'Foundation',
+    lottieFile: '/lottie/test/animation.json',
   },
   {
     title: 'Alles Wichtige zum Brexit',