diff --git a/CHANGELOG.md b/CHANGELOG.md
index ab20723aca..d7fd7d64f5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,63 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+
+### Bug Fixes
+
+* icon generation ([#2030](https://github.com/telekom/scale/issues/2030)) ([7f6b9ae](https://github.com/telekom/scale/commit/7f6b9ae0c97b20375309bd5ab86f966e7a6e93e0))
+* **list:** spacing ([#2005](https://github.com/telekom/scale/issues/2005)) ([b5a501d](https://github.com/telekom/scale/commit/b5a501d2d12609ab980dae7c47c87770f5010867)), closes [#2006](https://github.com/telekom/scale/issues/2006) [#2012](https://github.com/telekom/scale/issues/2012)
+* accordion spacing and icon size ([#1936](https://github.com/telekom/scale/issues/1936)) ([bf3e60d](https://github.com/telekom/scale/commit/bf3e60d44669bac07d82e0ad2f676308362d4fa3))
+* checkbox group design alignment [#1998](https://github.com/telekom/scale/issues/1998)) ([ecbdcfa](https://github.com/telekom/scale/commit/ecbdcfabe352bb7b263b47cf5a312e7eecf84997))
+* design qa alignment ([#1932](https://github.com/telekom/scale/issues/1932)) ([8f1877c](https://github.com/telekom/scale/commit/8f1877cfdba51856cca926990ead3a8070a35b4d))
+* dropdown-select design qa ([#1995](https://github.com/telekom/scale/issues/1995)) ([87919c8](https://github.com/telekom/scale/commit/87919c8cd50587d13c494c8a80e4e1aca81d1a4a))
+* flyout design alignment ([#2001](https://github.com/telekom/scale/issues/2001)) ([0ed59c9](https://github.com/telekom/scale/commit/0ed59c949f18658a8c7a1eba9f4e506d43b8706e))
+* footer design alignment  ([#1982](https://github.com/telekom/scale/issues/1982)) ([00157b3](https://github.com/telekom/scale/commit/00157b36a314fa0adc6633563e2aa141ab13ab07))
+* link design alignment ([#1972](https://github.com/telekom/scale/issues/1972)) ([24c1d7d](https://github.com/telekom/scale/commit/24c1d7d1a9e003ee6befe6bb2950b3a6c640d6df))
+* loading spinner design qa alignment ([#1934](https://github.com/telekom/scale/issues/1934)) ([3c98c26](https://github.com/telekom/scale/commit/3c98c26f2217a83094859fb3491b37bd00b071a4))
+* logo design alignment ([#1999](https://github.com/telekom/scale/issues/1999)) ([6201c9b](https://github.com/telekom/scale/commit/6201c9b7ee75ef065e0659cb6f336d91a562f446))
+* more visual alignments 💅 ([#1929](https://github.com/telekom/scale/issues/1929)) ([73415ba](https://github.com/telekom/scale/commit/73415bacf09b38aaf5b8adddb4ea7c93ed7f81f3)), closes [#1931](https://github.com/telekom/scale/issues/1931) [#1938](https://github.com/telekom/scale/issues/1938)
+* some visual alignments 💅 ([#1884](https://github.com/telekom/scale/issues/1884)) ([8f668a8](https://github.com/telekom/scale/commit/8f668a8bf0a4d2b74c61dcb95f31249dbcb5be5a)), closes [#1886](https://github.com/telekom/scale/issues/1886)
+* table icon design alignment ([#1996](https://github.com/telekom/scale/issues/1996)) ([a2f7ac6](https://github.com/telekom/scale/commit/a2f7ac6fba991f4a99edce634ca4457b0d47f46f))
+* **button:** secondary icon-only width ([#1994](https://github.com/telekom/scale/issues/1994)) ([a4e2704](https://github.com/telekom/scale/commit/a4e270498953cf7a9c2ecf6493785571b948276f))
+* **grid-cell:** resolve floating point precision issue ([#1839](https://github.com/telekom/scale/issues/1839)) ([68c69f6](https://github.com/telekom/scale/commit/68c69f67cee29faeb7d13e75bff9b95e70823976))
+* **loading-spinner:** center the loading icon in alignment with text ([#1809](https://github.com/telekom/scale/issues/1809)) ([797c7fd](https://github.com/telekom/scale/commit/797c7fde04875590bf01e33298e67435e76cc268))
+* **radio-button:** fix disabled radio button clickable issue ([#1822](https://github.com/telekom/scale/issues/1822)) ([10accc0](https://github.com/telekom/scale/commit/10accc091d9e035fbd2b858bc0ab01fc7f45ad5c))
+* **sidebar-nav:** active state colors ([#2007](https://github.com/telekom/scale/issues/2007)) ([6a32239](https://github.com/telekom/scale/commit/6a32239d9354f24899e64b93bd91294a0ab9d907))
+* logo design alignment (SCL-153) ([#1986](https://github.com/telekom/scale/issues/1986)) ([a10306e](https://github.com/telekom/scale/commit/a10306ef0f3660e1f3e92ebf5253d92ed2344284))
+* segmented button spacing ([#1928](https://github.com/telekom/scale/issues/1928)) ([9c6fbce](https://github.com/telekom/scale/commit/9c6fbce52c1343ea563b714cbb77fe1e2b917110))
+* sidebar-nav-items design alignment ([#1981](https://github.com/telekom/scale/issues/1981)) ([46eb920](https://github.com/telekom/scale/commit/46eb920f1bd54c21a5162ed8a252d9cb3f234996))
+* tab navigation design qa alignment ([#1942](https://github.com/telekom/scale/issues/1942)) ([40bf169](https://github.com/telekom/scale/commit/40bf1693d11d2e3cd96f635088d9fb5f5c2ddc94))
+* textarea design alignment ([#1925](https://github.com/telekom/scale/issues/1925)) ([4280147](https://github.com/telekom/scale/commit/42801476411b7fbc11854bc140b4e8b9b57dff1b))
+* **data-grid:** top padding for progress-bar status ([#1971](https://github.com/telekom/scale/issues/1971)) ([1071eb1](https://github.com/telekom/scale/commit/1071eb139f37ce27a931913c79ccf2df1acd2dcd))
+* **date-picker:** sync code and figma ([#1899](https://github.com/telekom/scale/issues/1899)) ([305a42a](https://github.com/telekom/scale/commit/305a42ad1b3d399b9d0e067fffdf2a8916998af4)), closes [#1910](https://github.com/telekom/scale/issues/1910) [#1911](https://github.com/telekom/scale/issues/1911)
+* **icons:** polish after icon library update ([#1921](https://github.com/telekom/scale/issues/1921)) ([1652980](https://github.com/telekom/scale/commit/1652980a4d07be45cc90b818eb0852fb14d67111)), closes [#1922](https://github.com/telekom/scale/issues/1922) [#1923](https://github.com/telekom/scale/issues/1923)
+* **telekom-footer-extended-navigation:** css fixes ([#1952](https://github.com/telekom/scale/issues/1952)) ([5e3c2ba](https://github.com/telekom/scale/commit/5e3c2baf540e9a0dc6a139ac3691d0ed2cdda51c))
+* **visual-test:** rating stars variant ([#1962](https://github.com/telekom/scale/issues/1962)) ([6e89551](https://github.com/telekom/scale/commit/6e89551e1aa946f0c51b3d0bc1ed70a57368e41a)), closes [#1964](https://github.com/telekom/scale/issues/1964)
+* **visual-tests:** pagination buttons disabled ([#1855](https://github.com/telekom/scale/issues/1855)) ([d2068b9](https://github.com/telekom/scale/commit/d2068b9c94b5a148aaefe2d0ae5663bf5df3142a))
+* **visual-tests:** switch ([#1968](https://github.com/telekom/scale/issues/1968)) ([2a3ba70](https://github.com/telekom/scale/commit/2a3ba707d76a3f2fae7c25c89fe61f8b61a4308d))
+* removing unneeded firefox css ([#1876](https://github.com/telekom/scale/issues/1876)) ([d6def10](https://github.com/telekom/scale/commit/d6def10a1350ecdef3f1f138cad83e61756f5d32))
+* solving multi-line problems ([#1828](https://github.com/telekom/scale/issues/1828)) ([c3d4c23](https://github.com/telekom/scale/commit/c3d4c236b0f6ff0c9c6f488e63c3127f3cbd1efa))
+* visual alignments ([#1894](https://github.com/telekom/scale/issues/1894)) ([f1cd96b](https://github.com/telekom/scale/commit/f1cd96b3236288eb238e20900a57905c7f2c43e8))
+
+
+### Features
+
+* visual alignment, some more ([#2022](https://github.com/telekom/scale/issues/2022)) ([070df35](https://github.com/telekom/scale/commit/070df354a404a46e0cf2524ca23a08a1ce99f871)), closes [#2023](https://github.com/telekom/scale/issues/2023) [#2024](https://github.com/telekom/scale/issues/2024) [#2028](https://github.com/telekom/scale/issues/2028)
+* **checkbox:** add required attribute ([#1851](https://github.com/telekom/scale/issues/1851)) ([5f90c75](https://github.com/telekom/scale/commit/5f90c75133d0ef60a77db76bd1ab7a6021a6833c))
+* **grid:** container with max-width only in 2xl ([#1993](https://github.com/telekom/scale/issues/1993)) ([2bc74b7](https://github.com/telekom/scale/commit/2bc74b762e1df02f4a08ea5035df2b4bf60681ae))
+* use sort indicator icons ([#2010](https://github.com/telekom/scale/issues/2010)) ([953c198](https://github.com/telekom/scale/commit/953c198b84398a09d0f006dc7d246da7160e7f36)), closes [#2011](https://github.com/telekom/scale/issues/2011) [#2013](https://github.com/telekom/scale/issues/2013)
+* **chip:** better spacing ([#2008](https://github.com/telekom/scale/issues/2008)) ([e60a8aa](https://github.com/telekom/scale/commit/e60a8aa00fd0ebcf5eff64d09c61432bf40ca25f)), closes [#2009](https://github.com/telekom/scale/issues/2009)
+* **slider:** add `platform` prop because browsers ([#1989](https://github.com/telekom/scale/issues/1989)) ([de6648a](https://github.com/telekom/scale/commit/de6648a3453f15652f9419e23a2ad2368dcce0b2))
+* adding accessibility title ([#1830](https://github.com/telekom/scale/issues/1830)) ([52b2023](https://github.com/telekom/scale/commit/52b20230bff98ccd152adf8c2e5f4b75386aec75))
+* more visual alignments ([#1984](https://github.com/telekom/scale/issues/1984)) ([3c7ecfd](https://github.com/telekom/scale/commit/3c7ecfd6c5449b560f86a8a764427e0dfc1be1be)), closes [#1985](https://github.com/telekom/scale/issues/1985)
+* **notification:** banner, message and toast are now one single component ([#1180](https://github.com/telekom/scale/issues/1180)) ([89990af](https://github.com/telekom/scale/commit/89990af4003666f7b99d5439b48460d59b833158))
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 
diff --git a/lerna.json b/lerna.json
index 44801a9450..8601903fb1 100644
--- a/lerna.json
+++ b/lerna.json
@@ -7,7 +7,7 @@
     "--pure-lockfile"
   ],
   "useWorkspaces": true,
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "command": {
     "version": {
       "allowBranch": "main"
diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md
index 5247c9299b..66fa10da82 100644
--- a/packages/components-angular/CHANGELOG.md
+++ b/packages/components-angular/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+**Note:** Version bump only for package @telekom/scale-components-angular
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 **Note:** Version bump only for package @telekom/scale-components-angular
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 03f6b8223b..14f1d7666f 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-components-angular",
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "description": "Angular specific wrapper for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md
index b39cafa39e..7076caeb67 100644
--- a/packages/components-react/CHANGELOG.md
+++ b/packages/components-react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+**Note:** Version bump only for package @telekom/scale-components-react
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 **Note:** Version bump only for package @telekom/scale-components-react
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 097cf72677..8f4dbdeed1 100755
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-components-react",
   "sideEffects": false,
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "description": "React proxy for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components-vue/CHANGELOG.md b/packages/components-vue/CHANGELOG.md
index 28609f12d7..6080d36d90 100644
--- a/packages/components-vue/CHANGELOG.md
+++ b/packages/components-vue/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+**Note:** Version bump only for package @telekom/scale-components-vue
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 **Note:** Version bump only for package @telekom/scale-components-vue
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index 6c1e139904..9eb558ae1f 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-components-vue",
   "sideEffects": false,
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "description": "Vue specific wrapper for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 11b5bdc3ec..9d6d8c4666 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -3,6 +3,59 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+
+### Bug Fixes
+
+* icon generation ([#2030](https://github.com/telekom/scale/issues/2030)) ([7f6b9ae](https://github.com/telekom/scale/commit/7f6b9ae0c97b20375309bd5ab86f966e7a6e93e0))
+* **list:** spacing ([#2005](https://github.com/telekom/scale/issues/2005)) ([b5a501d](https://github.com/telekom/scale/commit/b5a501d2d12609ab980dae7c47c87770f5010867)), closes [#2006](https://github.com/telekom/scale/issues/2006) [#2012](https://github.com/telekom/scale/issues/2012)
+* checkbox group design alignment [#1998](https://github.com/telekom/scale/issues/1998)) ([ecbdcfa](https://github.com/telekom/scale/commit/ecbdcfabe352bb7b263b47cf5a312e7eecf84997))
+* design qa alignment ([#1932](https://github.com/telekom/scale/issues/1932)) ([8f1877c](https://github.com/telekom/scale/commit/8f1877cfdba51856cca926990ead3a8070a35b4d))
+* dropdown-select design qa ([#1995](https://github.com/telekom/scale/issues/1995)) ([87919c8](https://github.com/telekom/scale/commit/87919c8cd50587d13c494c8a80e4e1aca81d1a4a))
+* flyout design alignment ([#2001](https://github.com/telekom/scale/issues/2001)) ([0ed59c9](https://github.com/telekom/scale/commit/0ed59c949f18658a8c7a1eba9f4e506d43b8706e))
+* footer design alignment  ([#1982](https://github.com/telekom/scale/issues/1982)) ([00157b3](https://github.com/telekom/scale/commit/00157b36a314fa0adc6633563e2aa141ab13ab07))
+* link design alignment ([#1972](https://github.com/telekom/scale/issues/1972)) ([24c1d7d](https://github.com/telekom/scale/commit/24c1d7d1a9e003ee6befe6bb2950b3a6c640d6df))
+* logo design alignment ([#1999](https://github.com/telekom/scale/issues/1999)) ([6201c9b](https://github.com/telekom/scale/commit/6201c9b7ee75ef065e0659cb6f336d91a562f446))
+* **button:** secondary icon-only width ([#1994](https://github.com/telekom/scale/issues/1994)) ([a4e2704](https://github.com/telekom/scale/commit/a4e270498953cf7a9c2ecf6493785571b948276f))
+* **date-picker:** sync code and figma ([#1899](https://github.com/telekom/scale/issues/1899)) ([305a42a](https://github.com/telekom/scale/commit/305a42ad1b3d399b9d0e067fffdf2a8916998af4)), closes [#1910](https://github.com/telekom/scale/issues/1910) [#1911](https://github.com/telekom/scale/issues/1911)
+* **icons:** polish after icon library update ([#1921](https://github.com/telekom/scale/issues/1921)) ([1652980](https://github.com/telekom/scale/commit/1652980a4d07be45cc90b818eb0852fb14d67111)), closes [#1922](https://github.com/telekom/scale/issues/1922) [#1923](https://github.com/telekom/scale/issues/1923)
+* **sidebar-nav:** active state colors ([#2007](https://github.com/telekom/scale/issues/2007)) ([6a32239](https://github.com/telekom/scale/commit/6a32239d9354f24899e64b93bd91294a0ab9d907))
+* accordion spacing and icon size ([#1936](https://github.com/telekom/scale/issues/1936)) ([bf3e60d](https://github.com/telekom/scale/commit/bf3e60d44669bac07d82e0ad2f676308362d4fa3))
+* loading spinner design qa alignment ([#1934](https://github.com/telekom/scale/issues/1934)) ([3c98c26](https://github.com/telekom/scale/commit/3c98c26f2217a83094859fb3491b37bd00b071a4))
+* logo design alignment (SCL-153) ([#1986](https://github.com/telekom/scale/issues/1986)) ([a10306e](https://github.com/telekom/scale/commit/a10306ef0f3660e1f3e92ebf5253d92ed2344284))
+* more visual alignments 💅 ([#1929](https://github.com/telekom/scale/issues/1929)) ([73415ba](https://github.com/telekom/scale/commit/73415bacf09b38aaf5b8adddb4ea7c93ed7f81f3)), closes [#1931](https://github.com/telekom/scale/issues/1931) [#1938](https://github.com/telekom/scale/issues/1938)
+* removing unneeded firefox css ([#1876](https://github.com/telekom/scale/issues/1876)) ([d6def10](https://github.com/telekom/scale/commit/d6def10a1350ecdef3f1f138cad83e61756f5d32))
+* segmented button spacing ([#1928](https://github.com/telekom/scale/issues/1928)) ([9c6fbce](https://github.com/telekom/scale/commit/9c6fbce52c1343ea563b714cbb77fe1e2b917110))
+* sidebar-nav-items design alignment ([#1981](https://github.com/telekom/scale/issues/1981)) ([46eb920](https://github.com/telekom/scale/commit/46eb920f1bd54c21a5162ed8a252d9cb3f234996))
+* solving multi-line problems ([#1828](https://github.com/telekom/scale/issues/1828)) ([c3d4c23](https://github.com/telekom/scale/commit/c3d4c236b0f6ff0c9c6f488e63c3127f3cbd1efa))
+* tab navigation design qa alignment ([#1942](https://github.com/telekom/scale/issues/1942)) ([40bf169](https://github.com/telekom/scale/commit/40bf1693d11d2e3cd96f635088d9fb5f5c2ddc94))
+* textarea design alignment ([#1925](https://github.com/telekom/scale/issues/1925)) ([4280147](https://github.com/telekom/scale/commit/42801476411b7fbc11854bc140b4e8b9b57dff1b))
+* **data-grid:** top padding for progress-bar status ([#1971](https://github.com/telekom/scale/issues/1971)) ([1071eb1](https://github.com/telekom/scale/commit/1071eb139f37ce27a931913c79ccf2df1acd2dcd))
+* **grid-cell:** resolve floating point precision issue ([#1839](https://github.com/telekom/scale/issues/1839)) ([68c69f6](https://github.com/telekom/scale/commit/68c69f67cee29faeb7d13e75bff9b95e70823976))
+* **loading-spinner:** center the loading icon in alignment with text ([#1809](https://github.com/telekom/scale/issues/1809)) ([797c7fd](https://github.com/telekom/scale/commit/797c7fde04875590bf01e33298e67435e76cc268))
+* **radio-button:** fix disabled radio button clickable issue ([#1822](https://github.com/telekom/scale/issues/1822)) ([10accc0](https://github.com/telekom/scale/commit/10accc091d9e035fbd2b858bc0ab01fc7f45ad5c))
+* **telekom-footer-extended-navigation:** css fixes ([#1952](https://github.com/telekom/scale/issues/1952)) ([5e3c2ba](https://github.com/telekom/scale/commit/5e3c2baf540e9a0dc6a139ac3691d0ed2cdda51c))
+* some visual alignments 💅 ([#1884](https://github.com/telekom/scale/issues/1884)) ([8f668a8](https://github.com/telekom/scale/commit/8f668a8bf0a4d2b74c61dcb95f31249dbcb5be5a)), closes [#1886](https://github.com/telekom/scale/issues/1886)
+* visual alignments ([#1894](https://github.com/telekom/scale/issues/1894)) ([f1cd96b](https://github.com/telekom/scale/commit/f1cd96b3236288eb238e20900a57905c7f2c43e8))
+
+
+### Features
+
+* visual alignment, some more ([#2022](https://github.com/telekom/scale/issues/2022)) ([070df35](https://github.com/telekom/scale/commit/070df354a404a46e0cf2524ca23a08a1ce99f871)), closes [#2023](https://github.com/telekom/scale/issues/2023) [#2024](https://github.com/telekom/scale/issues/2024) [#2028](https://github.com/telekom/scale/issues/2028)
+* **checkbox:** add required attribute ([#1851](https://github.com/telekom/scale/issues/1851)) ([5f90c75](https://github.com/telekom/scale/commit/5f90c75133d0ef60a77db76bd1ab7a6021a6833c))
+* **grid:** container with max-width only in 2xl ([#1993](https://github.com/telekom/scale/issues/1993)) ([2bc74b7](https://github.com/telekom/scale/commit/2bc74b762e1df02f4a08ea5035df2b4bf60681ae))
+* use sort indicator icons ([#2010](https://github.com/telekom/scale/issues/2010)) ([953c198](https://github.com/telekom/scale/commit/953c198b84398a09d0f006dc7d246da7160e7f36)), closes [#2011](https://github.com/telekom/scale/issues/2011) [#2013](https://github.com/telekom/scale/issues/2013)
+* **chip:** better spacing ([#2008](https://github.com/telekom/scale/issues/2008)) ([e60a8aa](https://github.com/telekom/scale/commit/e60a8aa00fd0ebcf5eff64d09c61432bf40ca25f)), closes [#2009](https://github.com/telekom/scale/issues/2009)
+* **slider:** add `platform` prop because browsers ([#1989](https://github.com/telekom/scale/issues/1989)) ([de6648a](https://github.com/telekom/scale/commit/de6648a3453f15652f9419e23a2ad2368dcce0b2))
+* adding accessibility title ([#1830](https://github.com/telekom/scale/issues/1830)) ([52b2023](https://github.com/telekom/scale/commit/52b20230bff98ccd152adf8c2e5f4b75386aec75))
+* more visual alignments ([#1984](https://github.com/telekom/scale/issues/1984)) ([3c7ecfd](https://github.com/telekom/scale/commit/3c7ecfd6c5449b560f86a8a764427e0dfc1be1be)), closes [#1985](https://github.com/telekom/scale/issues/1985)
+* **notification:** banner, message and toast are now one single component ([#1180](https://github.com/telekom/scale/issues/1180)) ([89990af](https://github.com/telekom/scale/commit/89990af4003666f7b99d5439b48460d59b833158))
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 
diff --git a/packages/components/package.json b/packages/components/package.json
index 1b71d89d08..6a5b6cba43 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-components",
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "description": "Scale is the digital design system for Telekom products and experiences.",
   "homepage": "https://github.com/telekom/scale",
   "repository": {
@@ -34,6 +34,7 @@
     "lint:fix": "yarn lint:style --fix",
     "lint": "tslint -c tslint.json -p . \"src/**/*.{tsx,ts,css,json}\" \"!src/**/*.d.ts\"",
     "generate": "node ./scripts/generate-icons.js",
+    "optimize-icons": "svgo -r -f src/telekom/icons",
     "process-angular-proxies": "node ./scripts/process-angular-proxies.js"
   },
   "devDependencies": {
@@ -55,7 +56,7 @@
     "file-loader": "^6.0.0",
     "fs-extra": "^9.0.1",
     "handlebars": "^4.7.6",
-    "hast-util-to-html": "^7.1.1",
+    "hast-util-to-html": "^8.0.4",
     "jsx-dom": "^6.4.17",
     "lodash": "^4.17.15",
     "postcss-custom-media": "^9.0.1",
@@ -70,8 +71,8 @@
     "@duetds/date-picker": "1.2.0",
     "@floating-ui/dom": "^0.5.4",
     "@stencil/core": "^2.17.0",
-    "@telekom/design-tokens": "^1.0.0-beta.4",
-    "@telekom/scale-design-tokens": "^3.0.0-beta.134",
+    "@telekom/design-tokens": "^1.0.0-beta.7",
+    "@telekom/scale-design-tokens": "^3.0.0-beta.135",
     "classnames": "^2.2.6",
     "stencil-inline-svg": "^1.0.1"
   }
diff --git a/packages/components/scripts/generate-icons.js b/packages/components/scripts/generate-icons.js
index 11b14884b2..474d439207 100644
--- a/packages/components/scripts/generate-icons.js
+++ b/packages/components/scripts/generate-icons.js
@@ -28,7 +28,7 @@ const {
 const Handlebars = require('handlebars'); // using Handlebars for consistency with components-sketch
 
 const { parse } = require('svg-parser');
-const toHTML = require('hast-util-to-html');
+// const toHTML = require('hast-util-to-html');
 
 const svgo = new SVGO({
   plugins: [{ removeViewBox: false }, { removeXMLNS: true }],
@@ -45,6 +45,8 @@ const EXT = '.svg';
 main();
 
 async function main() {
+  const { toHtml } = await import('hast-util-to-html');
+
   /* Get SVG data from source files */
 
   const entries = await fg(INPUT_GLOB);
@@ -61,9 +63,9 @@ async function main() {
         .dirname(filepath)
         .replace(INPUT_GLOB.replace('**/*.svg', ''), '');
       const pathParts = cleanPath.split('/');
-      const key = cleanPath.replace(/\//gi, '-');
-      const category = pathParts[0];
-      const name = pathParts[pathParts.length - 1];
+      const key = nolo(cleanPath.replace(/\//gi, '-'));
+      const category = nolo(pathParts[0]);
+      const name = nolo(pathParts[pathParts.length - 1]);
 
       return {
         ...item,
@@ -76,6 +78,11 @@ async function main() {
     })
   );
 
+  /* Replace low dashes with normal dashes */
+  function nolo(str) {
+    return str.replace(/_/g, '-');
+  }
+
   /* Parse, define names and markup */
 
   const groupedByState = groupBy(files, 'key');
@@ -97,13 +104,20 @@ async function main() {
       tagName,
       className,
       markup: {
-        default: toHTML(adaptTree(parse(defaultItem.data))),
-        selected: toHTML(adaptTree(parse(selectedItem.data))),
+        default: JSXify(toHtml(adaptTree(parse(defaultItem.data)))),
+        selected: JSXify(toHtml(adaptTree(parse(selectedItem.data)))),
       },
       viewBox: getViewBox(parse(defaultItem.data)),
     };
   });
 
+  function JSXify(html) {
+    if (html.indexOf('xlink:href')) {
+      return html.replace(/xlink:href/g, 'xlinkHref');
+    }
+    return html;
+  }
+
   /* Generate an "index" JSON file */
 
   const groupedByCategory = groupBy(files, 'category');
diff --git a/packages/components/src/components/breadcrumb/breadcrumb.css b/packages/components/src/components/breadcrumb/breadcrumb.css
index 946b6b1a94..a3c6da2649 100644
--- a/packages/components/src/components/breadcrumb/breadcrumb.css
+++ b/packages/components/src/components/breadcrumb/breadcrumb.css
@@ -14,7 +14,7 @@
 
   --font-size-list-item: var(--telekom-typography-font-size-caption);
 
-  --color-separator: var(--telekom-color-ui-regular);
+  --color-separator: var(--telekom-color-text-and-icon-additional);
 
   --spacing-y-item: var(--telekom-spacing-unit-x1);
   --spacing-x-item: var(--telekom-spacing-unit-x2);
@@ -26,6 +26,7 @@
 
   --focus-outline: var(--telekom-line-weight-highlight) solid
     var(--telekom-color-functional-focus-standard);
+  --font-current: var(--telekom-text-style-caption-bold);
   --color-current: var(--telekom-color-text-and-icon-standard);
 }
 
@@ -76,5 +77,6 @@
 }
 
 .breadcrumb__current {
+  font: var(--font-current);
   color: var(--color-current);
 }
diff --git a/packages/components/src/components/button/button.css b/packages/components/src/components/button/button.css
index 471e97201b..7c40cdc6f1 100644
--- a/packages/components/src/components/button/button.css
+++ b/packages/components/src/components/button/button.css
@@ -76,7 +76,7 @@
   --radius-ghost: var(--radius);
   --border-width-ghost: var(--telekom-spacing-unit-x025);
   --spacing-x-ghost: var(--telekom-spacing-unit-x2);
-  --color-ghost: var(--telekom-color-text-and-icon-standard);
+  --color-ghost: var(--telekom-color-text-and-icon-primary-standard);
   --color-ghost-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-ghost-active: var(--telekom-color-text-and-icon-primary-pressed);
   --color-ghost-disabled: var(--telekom-color-text-and-icon-disabled);
@@ -127,7 +127,9 @@
 
 .button.button--icon-before:not(.button--icon-only) ::slotted(*) {
   margin-right: var(--spacing-icon-x);
-  margin-left: calc(var(--spacing-icon-x) * -1);
+  margin-left: calc(var(--spacing-icon-x-small) * -1);
+  margin-top: var(--spacing-icon-x);
+  margin-bottom: var(--spacing-icon-x);
 }
 
 .button.button--icon-before:not(.button--icon-only).button--size-small
@@ -138,7 +140,9 @@
 
 .button.button--icon-after:not(.button--icon-only) ::slotted(*) {
   margin-left: var(--spacing-icon-x);
-  margin-right: calc(var(--spacing-icon-x) * -1);
+  margin-right: calc(var(--spacing-icon-x-small) * -1);
+  margin-top: var(--spacing-icon-x);
+  margin-bottom: var(--spacing-icon-x);
 }
 
 .button.button--icon-after:not(.button--icon-only).button--size-small
@@ -165,12 +169,20 @@
   padding-left: var(--spacing-x-icon-only);
   padding-right: var(--spacing-x-icon-only);
 }
+.button--icon-only.button--variant-secondary {
+  padding-left: calc(var(--spacing-x-icon-only) - 1px);
+  padding-right: calc(var(--spacing-x-icon-only) - 1px);
+}
 
 .button--icon-only.button--size-small {
   padding-left: var(--spacing-x-icon-only-small);
   padding-right: var(--spacing-x-icon-only-small);
   min-width: 32px;
 }
+.button--icon-only.button--size-small.button--variant-secondary {
+  padding-left: calc(var(--spacing-x-icon-only-small) - 1px);
+  padding-right: calc(var(--spacing-x-icon-only-small) - 1px);
+}
 
 .button--disabled {
   cursor: not-allowed;
diff --git a/packages/components/src/components/button/button.tsx b/packages/components/src/components/button/button.tsx
index b2b600d345..385941a44e 100644
--- a/packages/components/src/components/button/button.tsx
+++ b/packages/components/src/components/button/button.tsx
@@ -24,7 +24,7 @@ import { hasShadowDom, ScaleIcon, isScaleIcon } from '../../utils/utils';
 const DEFAULT_ICON_SIZE = 24;
 const buttonIconSizeMap = {
   small: 16,
-  large: 24,
+  large: 20,
 };
 
 @Component({
@@ -180,7 +180,7 @@ export class Button {
       );
       icons.forEach((icon) => {
         if (icon.size === DEFAULT_ICON_SIZE) {
-          icon.size = buttonIconSizeMap['small'];
+          icon.size = buttonIconSizeMap[this.size];
         }
       });
     }
diff --git a/packages/components/src/components/button/readme.md b/packages/components/src/components/button/readme.md
index d849080424..cf55878d1d 100644
--- a/packages/components/src/components/button/readme.md
+++ b/packages/components/src/components/button/readme.md
@@ -44,12 +44,14 @@ Type: `Promise<void>`
 
  - [app-navigation-user-menu](../telekom/app-navigation-user-menu)
  - [scale-data-grid](../data-grid)
+ - [scale-notification](../notification)
 
 ### Graph
 ```mermaid
 graph TD;
   app-navigation-user-menu --> scale-button
   scale-data-grid --> scale-button
+  scale-notification --> scale-button
   style scale-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/callout/callout.css b/packages/components/src/components/callout/callout.css
index 42710fca81..421b088c09 100644
--- a/packages/components/src/components/callout/callout.css
+++ b/packages/components/src/components/callout/callout.css
@@ -2,12 +2,12 @@
   --position: absolute;
   --background: var(--telekom-color-ui-extra-strong);
   --color: var(--telekom-color-text-and-icon-inverted-standard);
-  --spacing: var(--telekom-spacing-unit-x6);
+  --spacing: var(--telekom-spacing-unit-x8);
   --min-width: 6rem;
-  --aspect-ratio: 1;
+  --aspect-ratio: 1 / 1;
   --rotation: 0deg;
-  --font-standard: var(--telekom-text-style-lead-text);
   --font-small: var(--telekom-text-style-body-bold);
+  --font-medium: var(--telekom-text-style-body-bold);
   --font-large: var(--telekom-text-style-heading-1);
 
   box-sizing: border-box;
@@ -29,9 +29,7 @@
 [part='base'] {
   box-sizing: border-box;
   padding: var(--spacing);
-  font: var(--font-standard);
-  font-weight: var(--telekom-typography-font-weight-bold);
-  line-height: var(--telekom-typography-line-spacing-tight);
+  font: var(--font-medium);
 }
 
 /* Color variants */
@@ -52,7 +50,7 @@
 }
 
 :host([variant='blue']) {
-  --background: var(--telekom-color-additional-cyan-400);
+  --background: var(--telekom-color-additional-cyan-100);
   --color: var(--telekom-color-text-and-icon-black-standard);
 }
 
diff --git a/packages/components/src/components/callout/callout.tsx b/packages/components/src/components/callout/callout.tsx
index a07b22c7c6..5e73257cee 100644
--- a/packages/components/src/components/callout/callout.tsx
+++ b/packages/components/src/components/callout/callout.tsx
@@ -17,9 +17,6 @@ const numToPx = (val: string) => (Number.isNaN(Number(val)) ? val : val + 'px');
 export class Callout {
   @Element() hostElement: HTMLElement;
 
-  baseEl: HTMLElement;
-  mo: MutationObserver;
-
   /** (optional) Color variant of the callout */
   @Prop() variant?: 'primary' | 'blue' | 'white' | 'black' | string;
   /** (optional) Degree of rotation */
@@ -40,27 +37,6 @@ export class Callout {
     this.syncPropsToCSS();
   }
 
-  componentDidLoad() {
-    const observer = new MutationObserver(() => {
-      this.adjustSize();
-    });
-    observer.observe(this.hostElement, {
-      attributes: false,
-      childList: true,
-      subtree: true,
-      characterData: true,
-    });
-    this.mo = observer;
-    // Wait for full styles before measuring
-    window.requestAnimationFrame(this.adjustSize);
-  }
-
-  disconnectedCallback() {
-    if (this.mo) {
-      this.mo.disconnect();
-    }
-  }
-
   @Watch('rotation')
   @Watch('top')
   @Watch('right')
@@ -70,15 +46,6 @@ export class Callout {
     this.syncPropsToCSS();
   }
 
-  /**
-   * `aspect-ratio` is not enough when dealing with text :(
-   */
-  adjustSize = () => {
-    const { width, height } = this.baseEl.getBoundingClientRect();
-    const largest = Math.max(width, height);
-    this.hostElement.style.setProperty('--min-width', `${largest}px`);
-  };
-
   syncPropsToCSS() {
     this.hostElement.style.setProperty('--rotation', `${this.rotation}deg`);
 
@@ -101,7 +68,7 @@ export class Callout {
     return (
       <Host>
         {this.styles && <style>{this.styles}</style>}
-        <div part="base" ref={(el) => (this.baseEl = el)}>
+        <div part="base">
           <slot></slot>
         </div>
       </Host>
diff --git a/packages/components/src/components/card/card.css b/packages/components/src/components/card/card.css
index 85873232e0..64931fb000 100644
--- a/packages/components/src/components/card/card.css
+++ b/packages/components/src/components/card/card.css
@@ -24,6 +24,8 @@
 
   --spacing-body-slotted: 0;
   --spacing-body-slotted-interactive: 0;
+
+  --font-body-slotted: var(--telekom-text-style-body);
 }
 
 .card-border {
@@ -72,3 +74,7 @@
 .card--interactive .card__body ::slotted(*) {
   margin: var(--spacing-body-slotted-interactive);
 }
+
+.card__body ::slotted(*) {
+  font: var(--font-body-slotted);
+}
diff --git a/packages/components/src/components/checkbox-group/readme.md b/packages/components/src/components/checkbox-group/readme.md
index a727f80d8f..17d3c8fbd2 100644
--- a/packages/components/src/components/checkbox-group/readme.md
+++ b/packages/components/src/components/checkbox-group/readme.md
@@ -40,8 +40,8 @@
 ```mermaid
 graph TD;
   scale-checkbox-group --> scale-checkbox
-  scale-checkbox --> scale-icon-action-indeterminate
-  scale-checkbox --> scale-icon-action-success
+  scale-checkbox --> scale-icon-action-minus
+  scale-checkbox --> scale-icon-action-checkmark
   scale-checkbox --> scale-icon-alert-information
   scale-checkbox --> scale-icon-alert-error
   style scale-checkbox-group fill:#f9f,stroke:#333,stroke-width:4px
diff --git a/packages/components/src/components/checkbox/checkbox.css b/packages/components/src/components/checkbox/checkbox.css
index f5f7d4e331..a44531d420 100644
--- a/packages/components/src/components/checkbox/checkbox.css
+++ b/packages/components/src/components/checkbox/checkbox.css
@@ -63,7 +63,6 @@ scale-checkbox {
   position: relative;
   display: flex;
   width: fit-content;
-  padding: 0 2px 0 2px;
   flex-direction: column;
   color: var(--color-text);
 }
diff --git a/packages/components/src/components/checkbox/checkbox.tsx b/packages/components/src/components/checkbox/checkbox.tsx
index a40974366c..b5f25b1e52 100644
--- a/packages/components/src/components/checkbox/checkbox.tsx
+++ b/packages/components/src/components/checkbox/checkbox.tsx
@@ -63,6 +63,8 @@ export class Checkbox {
   @Prop({ mutable: true }) inputId?: string;
   /** (optional) Injected CSS styles */
   @Prop() styles?: string;
+  /** (optional) Input required */
+  @Prop() required?: boolean;
 
   /** Emitted when the value has changed. */
   @Event({ eventName: 'scale-change' }) scaleChange: EventEmitter;
@@ -116,19 +118,19 @@ export class Checkbox {
   renderIcon() {
     if (this.indeterminate) {
       return (
-        <scale-icon-action-indeterminate
+        <scale-icon-action-minus
           part="icon"
           decorative
-        ></scale-icon-action-indeterminate>
+        ></scale-icon-action-minus>
       );
     }
 
     if (this.checked) {
       return (
-        <scale-icon-action-success
+        <scale-icon-action-checkmark
           part="icon"
           decorative
-        ></scale-icon-action-success>
+        ></scale-icon-action-checkmark>
       );
     }
   }
@@ -189,6 +191,7 @@ export class Checkbox {
           aria-invalid={this.status === 'error' || this.invalid}
           aria-describedBy={helperText.id}
           disabled={this.disabled}
+          required={this.required}
           onChange={this.handleChange}
         />
         <label part="container" htmlFor={this.inputId}>
diff --git a/packages/components/src/components/checkbox/readme.md b/packages/components/src/components/checkbox/readme.md
index 2ac0e4883a..1922303c48 100644
--- a/packages/components/src/components/checkbox/readme.md
+++ b/packages/components/src/components/checkbox/readme.md
@@ -19,6 +19,7 @@
 | `invalid`           | `invalid`             | (optional) Input status                                                                   | `boolean` | `false`     |
 | `label`             | `label`               | (optional) Input label                                                                    | `string`  | `''`        |
 | `name`              | `name`                | (optional) Input name                                                                     | `string`  | `undefined` |
+| `required`          | `required`            | (optional) Input required                                                                 | `boolean` | `undefined` |
 | `status`            | `status`              | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/> | `string`  | `''`        |
 | `styles`            | `styles`              | (optional) Injected CSS styles                                                            | `string`  | `undefined` |
 | `value`             | `value`               | (optional) Input value                                                                    | `string`  | `''`        |
@@ -53,16 +54,16 @@
 
 ### Depends on
 
-- [scale-icon-action-indeterminate](../icons/action-indeterminate)
-- [scale-icon-action-success](../icons/action-success)
+- [scale-icon-action-minus](../icons/action-minus)
+- [scale-icon-action-checkmark](../icons/action-checkmark)
 - [scale-icon-alert-information](../icons/alert-information)
 - [scale-icon-alert-error](../icons/alert-error)
 
 ### Graph
 ```mermaid
 graph TD;
-  scale-checkbox --> scale-icon-action-indeterminate
-  scale-checkbox --> scale-icon-action-success
+  scale-checkbox --> scale-icon-action-minus
+  scale-checkbox --> scale-icon-action-checkmark
   scale-checkbox --> scale-icon-alert-information
   scale-checkbox --> scale-icon-alert-error
   scale-checkbox-group --> scale-checkbox
diff --git a/packages/components/src/components/chip/chip.css b/packages/components/src/components/chip/chip.css
index 6e8fe432bf..070d213063 100644
--- a/packages/components/src/components/chip/chip.css
+++ b/packages/components/src/components/chip/chip.css
@@ -10,6 +10,8 @@
  */
 
 :host {
+  --height: 32px;
+
   --font-size: var(--telekom-typography-font-size-body);
   --line-height: var(--telekom-typography-line-spacing-standard);
   --font-weight: var(--telekom-typography-font-weight-bold);
@@ -26,6 +28,7 @@
 }
 /**TODO: colors unexplained in figma  **/
 .chip {
+  box-sizing: border-box;
   border: var(--telekom-spacing-unit-x025) solid transparent;
   display: inline-flex;
   outline: none;
@@ -35,7 +38,7 @@
   white-space: nowrap;
   border-radius: 1rem;
   border-color: rgba(255, 255, 255, 0.14);
-  height: 32px;
+  height: var(--height);
   vertical-align: baseline;
   justify-content: center;
   cursor: default;
@@ -138,10 +141,12 @@ label
   line-height: 100%;
 }
 
-.chip--type-dynamic.chip--selected .chip-label,
 .chip--selected .chip-label {
   padding-right: var(--telekom-spacing-unit-x2);
 }
+.chip--type-dynamic.chip--selected .chip-label {
+  padding-right: var(--telekom-spacing-unit-x1);
+}
 
 /**
 icon front (slot)
@@ -177,7 +182,7 @@ disabled
 }
 
 /**
-variant outline 
+variant outline
 **/
 
 .chip.chip--variant-outline.chip--selected:not(.chip.chip--disabled):not(.chip--type-dynamic):hover {
diff --git a/packages/components/src/components/chip/chip.tsx b/packages/components/src/components/chip/chip.tsx
index 0a32b45399..d9dc262856 100644
--- a/packages/components/src/components/chip/chip.tsx
+++ b/packages/components/src/components/chip/chip.tsx
@@ -117,7 +117,7 @@ export class Chip {
       );
     } else if (this.type === 'persistent' && this.selected) {
       return (
-        <scale-icon-action-success
+        <scale-icon-action-checkmark
           accessibility-title="success"
           size={16}
           selected
@@ -125,7 +125,7 @@ export class Chip {
       );
     } else if (this.type === 'persistent') {
       return (
-        <scale-icon-action-success accessibility-title="success" size={16} />
+        <scale-icon-action-checkmark accessibility-title="success" size={16} />
       );
     }
   }
diff --git a/packages/components/src/components/chip/readme.md b/packages/components/src/components/chip/readme.md
index 1ee4f6901c..f5aaa30771 100644
--- a/packages/components/src/components/chip/readme.md
+++ b/packages/components/src/components/chip/readme.md
@@ -42,13 +42,13 @@
 ### Depends on
 
 - [scale-icon-action-close](../icons/action-close)
-- [scale-icon-action-success](../icons/action-success)
+- [scale-icon-action-checkmark](../icons/action-checkmark)
 
 ### Graph
 ```mermaid
 graph TD;
   scale-chip --> scale-icon-action-close
-  scale-chip --> scale-icon-action-success
+  scale-chip --> scale-icon-action-checkmark
   style scale-chip fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/collapsible/__snapshots__/collapsible.spec.ts.snap b/packages/components/src/components/collapsible/__snapshots__/collapsible.spec.ts.snap
index 5d58e9fb91..293dc4aa52 100644
--- a/packages/components/src/components/collapsible/__snapshots__/collapsible.spec.ts.snap
+++ b/packages/components/src/components/collapsible/__snapshots__/collapsible.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`TextField should match snapshot 1`] = `
     <div class="collapsible" part="base">
       <h2 aria-level="2" class="collapsible__heading" part="heading">
         <button aria-controls="collapsable-panel-0" aria-expanded="false" class="collapsible__button" id="collapsable-heading-0" part="button">
-          <scale-icon-navigation-collapse-down class="collapsible__icon" decorative="" part="icon" size="16"></scale-icon-navigation-collapse-down>
+          <scale-icon-navigation-right class="collapsible__icon" decorative="" part="icon" size="24"></scale-icon-navigation-right>
           <span class="collapsible__button-text" part="button-text">
             <slot name="heading"></slot>
           </span>
diff --git a/packages/components/src/components/collapsible/collapsible.css b/packages/components/src/components/collapsible/collapsible.css
index fb8b62cd21..82644a9b78 100644
--- a/packages/components/src/components/collapsible/collapsible.css
+++ b/packages/components/src/components/collapsible/collapsible.css
@@ -18,20 +18,17 @@
   --line-height-button: var(--telekom-typography-line-spacing-standard);
   --border-width-button: var(--telekom-spacing-unit-x05);
   --radius-button: var(--telekom-radius-small);
-  --spacing-left-button: var(--telekom-spacing-unit-x1);
+  --spacing-left-button: 0;
   --spacing-left-button-text: var(--telekom-spacing-unit-x2);
   --color-button-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-button-active: var(--telekom-color-text-and-icon-primary-pressed);
-  --background-button-hover: var(--telekom-color-ui-state-fill-hovered);
+  --background-button-hover: none;
   --focus-outline: var(--telekom-line-weight-highlight) solid
     var(--telekom-color-functional-focus-standard);
 
-  /* icon */
-  --spacing-top-icon: calc(var(--telekom-spacing-unit-x1) + 1px);
-
   /* content */
   --spacing-right-content: var(--telekom-spacing-unit-x12);
-  --spacing-left-content: var(--telekom-spacing-unit-x8);
+  --spacing-left-content: 34px;
   --spacing-top-content: var(--telekom-spacing-unit-x4);
   --spacing-bottom-content: var(--telekom-spacing-unit-x6);
 }
@@ -63,7 +60,7 @@
   width: 100%;
   display: flex;
   text-align: left;
-  align-items: flex-start;
+  align-items: center;
   padding-top: 0;
   border-color: transparent;
   border-style: solid;
@@ -103,9 +100,7 @@
 }
 
 .collapsible__icon {
-  transform: rotate(0.75turn);
   flex-shrink: 0;
-  margin-top: var(--spacing-top-icon);
 }
 
 .collapsible__icon-right {
@@ -113,7 +108,7 @@
 }
 
 .collapsible__button[aria-expanded='true'] .collapsible__icon {
-  transform: none;
+  /*  */
 }
 
 .collapsible__content {
@@ -123,3 +118,7 @@
   margin-top: var(--spacing-top-content);
   margin-bottom: var(--spacing-bottom-content);
 }
+
+::slotted(*:not([slot='heading'])) {
+  font: var(--telekom-text-style-body);
+}
diff --git a/packages/components/src/components/collapsible/collapsible.tsx b/packages/components/src/components/collapsible/collapsible.tsx
index e2977c81b9..f65a1d1682 100644
--- a/packages/components/src/components/collapsible/collapsible.tsx
+++ b/packages/components/src/components/collapsible/collapsible.tsx
@@ -25,6 +25,8 @@ export interface CollapsibleEventDetail {
   expanded: boolean;
 }
 
+const DEFAULT_ICON_SIZE = 24;
+
 let i = 0;
 
 @Component({
@@ -89,6 +91,9 @@ export class Collapsible {
   }
 
   render() {
+    const IconTag = this.expanded
+      ? 'scale-icon-navigation-collapse-down'
+      : 'scale-icon-navigation-right';
     return (
       <Host>
         {this.styles && <style>{this.styles}</style>}
@@ -111,8 +116,8 @@ export class Collapsible {
               aria-controls={this.panelId}
             >
               {this.iconLocation === 'left' ? (
-                <scale-icon-navigation-collapse-down
-                  size={16}
+                <IconTag
+                  size={DEFAULT_ICON_SIZE}
                   decorative
                   class="collapsible__icon"
                   part={classNames('icon', this.expanded && 'expanded')}
@@ -126,8 +131,8 @@ export class Collapsible {
                 <slot name="heading"></slot>
               </span>
               {this.iconLocation === 'right' ? (
-                <scale-icon-navigation-collapse-down
-                  size={16}
+                <IconTag
+                  size={DEFAULT_ICON_SIZE}
                   decorative
                   class="collapsible__icon collapsible__icon-right"
                   part={classNames('icon', this.expanded && 'expanded')}
diff --git a/packages/components/src/components/collapsible/readme.md b/packages/components/src/components/collapsible/readme.md
index 74ce3dbaa2..e9500d310e 100644
--- a/packages/components/src/components/collapsible/readme.md
+++ b/packages/components/src/components/collapsible/readme.md
@@ -33,19 +33,6 @@
 | `"heading"`     |             |
 
 
-## Dependencies
-
-### Depends on
-
-- [scale-icon-navigation-collapse-down](../icons/navigation-collapse-down)
-
-### Graph
-```mermaid
-graph TD;
-  scale-collapsible --> scale-icon-navigation-collapse-down
-  style scale-collapsible fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/components/src/components/data-grid/cell-handlers/actions-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/actions-cell.tsx
index 8b739de521..be350c4068 100644
--- a/packages/components/src/components/data-grid/cell-handlers/actions-cell.tsx
+++ b/packages/components/src/components/data-grid/cell-handlers/actions-cell.tsx
@@ -21,10 +21,18 @@ export const ActionsCell: Cell = {
           const { label, ...props } = action;
           if (typeof label === 'object' && '__html' in label) {
             return (
-              <scale-button innerHTML={label.__html} {...props}></scale-button>
+              <scale-button
+                size="small"
+                innerHTML={label.__html}
+                {...props}
+              ></scale-button>
             );
           }
-          return <scale-button {...props}>{label}</scale-button>;
+          return (
+            <scale-button size="small" {...props}>
+              {label}
+            </scale-button>
+          );
         })}
       </div>
     );
diff --git a/packages/components/src/components/data-grid/cell-handlers/checkbox-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/checkbox-cell.tsx
index 52fd0f64dd..527b2af241 100644
--- a/packages/components/src/components/data-grid/cell-handlers/checkbox-cell.tsx
+++ b/packages/components/src/components/data-grid/cell-handlers/checkbox-cell.tsx
@@ -47,7 +47,7 @@ export const CheckboxCell: Cell = {
 
     switch (style) {
       case 'switch':
-        return <scale-switch {...props}></scale-switch>;
+        return <scale-switch size="small" {...props}></scale-switch>;
       default:
         // 'checkbox'
         return <scale-checkbox {...props}></scale-checkbox>;
diff --git a/packages/components/src/components/data-grid/cell-handlers/graph-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/graph-cell.tsx
index eeafa8609a..5f541ddcf3 100644
--- a/packages/components/src/components/data-grid/cell-handlers/graph-cell.tsx
+++ b/packages/components/src/components/data-grid/cell-handlers/graph-cell.tsx
@@ -27,28 +27,23 @@ export const GraphCell: Cell = {
     const { style = 'progress', min = 0, max = 100 } = field;
 
     // Convert content to 0>100 range for progress bar
-    const progress = ((content - min) / (max - min)) * 100;
+    const progress = parseFloat(
+      (((content - min) / (max - min)) * 100).toPrecision(
+        String(content).replace('.', '').length
+      )
+    );
 
+    // I really don't know the difference between bar and progress
     switch (style) {
       case 'bar':
         return (
           <div class={`tbody__bar-cell`}>
             <scale-progress-bar
+              class="data-grid-progress-bar"
               aria-hidden="true"
               percentage={progress}
               // showStatus={true}
               mute={true}
-              style={{ maxWidth: '200px' }}
-              styles={
-                /* css */ `.progress-bar__outer {
-                min-width: 50px;
-                max-width: 200px;
-              }
-              .progress-bar__inner {
-                background: var(--telekom-color-ui-faint) !important;
-              }
-              `
-              }
             ></scale-progress-bar>
             <p class={`scl-body`}>{content}</p>
           </div>
@@ -57,19 +52,10 @@ export const GraphCell: Cell = {
         // progress
         return (
           <scale-progress-bar
+            class="data-grid-progress-bar"
             percentage={progress}
             showStatus={true}
             mute={true}
-            styles={
-              /* css */ `.progress-bar__outer {
-              min-width: 50px;
-              max-width: 200px;
-            }
-            .progress-bar__inner {
-                background: var(--telekom-color-functional-informational-standard) !important;
-              }
-            `
-            }
           ></scale-progress-bar>
         );
     }
diff --git a/packages/components/src/components/data-grid/cell-handlers/number-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/number-cell.tsx
index 4e653b947c..16108c0fef 100644
--- a/packages/components/src/components/data-grid/cell-handlers/number-cell.tsx
+++ b/packages/components/src/components/data-grid/cell-handlers/number-cell.tsx
@@ -18,7 +18,7 @@ import { Cell } from './cell-interface';
 // precision
 // decimalSymbol
 // groupSymbol
-// editable?: boolean = false
+// editable?: boolean = false / removed/deprecated in 3.0.0-beta.135
 
 export const NumberCell: Cell = {
   defaults: {
@@ -28,9 +28,9 @@ export const NumberCell: Cell = {
   render: ({
     field,
     content,
-    component,
-    rowIndex,
-    columnIndex,
+    // component,
+    // rowIndex,
+    // columnIndex,
     isAutoWidthCheck,
   }) => {
     const {
@@ -39,79 +39,77 @@ export const NumberCell: Cell = {
       groupSymbol = '',
       prefix = '',
       suffix = '',
-      editable = false,
-      label,
     } = field;
 
     // Input component doesn't expand with content, so need to return a fake element that simulates width
-    if (isAutoWidthCheck && editable) {
-      return (
-        <p class={`scl-body`} style={{ paddingRight: '26px' }}>
-          {content}
-        </p>
-      );
-    }
-
-    const step = `0.${(String(content).split('.')[1] || '')
-      .split('')
-      .map(() => '0')}`.replace(/,/g, '');
+    // if (isAutoWidthCheck && editable) {
+    //   return (
+    //     <p class={`scl-body`} style={{ paddingRight: '26px' }}>
+    //       {content}
+    //     </p>
+    //   );
+    // }
 
-    if (editable) {
-      const props = {
-        type: 'number',
-        size: 'small',
-        step: step.slice(0, step.length - 1) + '1',
-        value: String(content),
-        styles: /* css */ `.text-field__control {
-          text-align: right !important;
-        }`,
-        label,
-      } as any;
+    // const step = `0.${(String(content).split('.')[1] || '')
+    //   .split('')
+    //   .map(() => '0')}`.replace(/,/g, '');
 
-      // TODO: use blur to reduce number of changes - but doesn't pass value
-      props.onScaleChange = ({ detail }) => {
-        const { value } = detail;
-        // Update rows data
-        component.rows[rowIndex][columnIndex] = value;
-        // Trigger event
-        component.triggerEditEvent(value, rowIndex, columnIndex);
-      };
+    // if (editable) {
+    //   const props = {
+    //     type: 'number',
+    //     size: 'small',
+    //     step: step.slice(0, step.length - 1) + '1',
+    //     value: String(content),
+    //     styles: /* css */ `.text-field__control {
+    //       text-align: right !important;
+    //     }`,
+    //     label,
+    //   } as any;
 
-      return <scale-text-field {...props}></scale-text-field>;
-    } else {
-      let value = content;
+    //   // TODO: use blur to reduce number of changes - but doesn't pass value
+    //   props.onScaleChange = ({ detail }) => {
+    //     const { value } = detail;
+    //     // Update rows data
+    //     component.rows[rowIndex][columnIndex] = value;
+    //     // Trigger event
+    //     component.triggerEditEvent(value, rowIndex, columnIndex);
+    //   };
 
-      // Render all digits with 8s as they're the widest
-      if (isAutoWidthCheck) {
-        value = Number(value.toString().replace(/[0-9]/g, '8'));
-      }
+    //   return <scale-text-field {...props}></scale-text-field>;
+    // } else {
+    // }
+    let value = content;
 
-      // Refine to requested decimal precision
-      if (precision < 100) {
-        value = Number(value).toFixed(precision);
-      } else {
-        value = value.toString();
-      }
+    // Render all digits with 8s as they're the widest
+    if (isAutoWidthCheck) {
+      value = Number(value.toString().replace(/[0-9]/g, '8'));
+    }
 
-      // Replace/add requested delimiters
-      if (groupSymbol || decimalSymbol !== '.') {
-        const parts = value.split('.');
-        if (groupSymbol) {
-          parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, groupSymbol);
-        }
-        value = parts.join(decimalSymbol);
-      }
+    // Refine to requested decimal precision
+    if (precision < 100) {
+      value = Number(value).toFixed(precision);
+    } else {
+      value = value.toString();
+    }
 
-      // Add prefix/suffix
-      if (prefix || suffix) {
-        value = prefix + value + suffix;
+    // Replace/add requested delimiters
+    if (groupSymbol || decimalSymbol !== '.') {
+      const parts = value.split('.');
+      if (groupSymbol) {
+        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, groupSymbol);
       }
+      value = parts.join(decimalSymbol);
+    }
 
-      return (
-        <p class={`scl-body`} style={{ textAlign: 'right' }}>
-          {value}
-        </p>
-      );
+    // Add prefix/suffix
+    if (prefix || suffix) {
+      value = prefix + value + suffix;
     }
+
+    return (
+      <p class={`scl-body`} style={{ textAlign: 'right' }}>
+        {value}
+      </p>
+    );
   },
 };
diff --git a/packages/components/src/components/data-grid/cell-handlers/select-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/select-cell.tsx
index cd41146fb4..b620a914cd 100644
--- a/packages/components/src/components/data-grid/cell-handlers/select-cell.tsx
+++ b/packages/components/src/components/data-grid/cell-handlers/select-cell.tsx
@@ -58,15 +58,15 @@ export const SelectCell: Cell = {
     }
 
     return (
-      <scale-dropdown size="small" {...props}>
+      <scale-dropdown-select floatingStrategy="fixed" {...props}>
         {options.map((option) => {
           return (
-            <option value={option} selected={option === content}>
+            <scale-dropdown-select-item value={option}>
               {option}
-            </option>
+            </scale-dropdown-select-item>
           );
         })}
-      </scale-dropdown>
+      </scale-dropdown-select>
     );
   },
 };
diff --git a/packages/components/src/components/data-grid/data-grid.css b/packages/components/src/components/data-grid/data-grid.css
index 5eae2b41a7..de86f9ddc0 100644
--- a/packages/components/src/components/data-grid/data-grid.css
+++ b/packages/components/src/components/data-grid/data-grid.css
@@ -88,18 +88,22 @@
 .data-grid__title-block {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  padding-right: 62px;
+  justify-content: flex-end;
+  padding-right: var(--telekom-spacing-unit-x4);
   padding-left: var(--telekom-spacing-unit-x6);
 }
 
 .data-grid__heading {
+  flex-grow: 1;
+}
+
+.data-grid__title-block ::slotted(*) {
+  /* --spacing-x-actions-slotted */
+  margin-left: var(--telekom-spacing-unit-x2);
 }
 
 .data-grid__settings-menu {
-  position: absolute;
-  top: var(--telekom-spacing-unit-x4);
-  right: var(--telekom-spacing-unit-x4);
+  margin-left: var(--telekom-spacing-unit-x2);
 }
 
 .data-grid__scroll-container {
@@ -190,20 +194,9 @@
 .thead__arrow-top,
 .thead__arrow-bottom {
   position: absolute;
-  display: none;
-  top: 4px;
-  left: -12px;
-  border: 4px solid transparent;
-}
-
-.thead__arrow-top {
-  border-top: none;
-  border-bottom: 5px solid var(--telekom-color-text-and-icon-standard);
-}
-
-.thead__arrow-bottom {
-  border-bottom: none;
-  border-top: 5px solid var(--telekom-color-text-and-icon-standard);
+  display: none !important;
+  top: -2px;
+  left: -16px;
 }
 
 .thead__sort-prompt {
@@ -246,11 +239,11 @@
 }
 
 .thead__cell[aria-sort='ascending'] .thead__arrow-top {
-  display: block;
+  display: inline-flex !important;
 }
 
 .thead__cell[aria-sort='descending'] .thead__arrow-bottom {
-  display: block;
+  display: inline-flex !important;
 }
 
 .thead__cell[aria-sort]:hover {
@@ -259,15 +252,15 @@
 
 .thead__cell[aria-sort='none']:hover .thead__arrow-top,
 .thead__cell[aria-sort='none']:hover .thead__arrow-bottom {
-  display: none;
+  display: none !important;
 }
 
 .thead__cell[aria-sort='ascending']:hover .thead__arrow-top {
-  border-bottom: 5px solid var(--telekom-color-text-and-icon-primary-hovered);
+  color: var(--telekom-color-text-and-icon-primary-hovered);
 }
 
 .thead__cell[aria-sort='descending']:hover .thead__arrow-bottom {
-  border-top: 5px solid var(--telekom-color-text-and-icon-primary-hovered);
+  color: var(--telekom-color-text-and-icon-primary-hovered);
 }
 
 /* Body block */
@@ -289,7 +282,7 @@
   margin: 8px;
   padding: 8px;
   overflow: hidden;
-  line-height: 32px;
+  /* line-height: 32px; */
 }
 .tbody__cell--numbered {
   text-align: right;
@@ -388,6 +381,14 @@
   margin-right: var(--telekom-spacing-unit-x2);
 }
 
+.data-grid-progress-bar::part(progress-bar) {
+  min-width: 50px;
+  max-width: 200px;
+}
+.data-grid-progress-bar::part(status) {
+  padding-top: 0;
+}
+
 /* Info block */
 .info {
   height: 44px;
@@ -417,7 +418,7 @@
 }
 .data-grid--mobile .data-grid__title-block {
   padding-left: 0;
-  padding-right: 46px;
+  padding-right: 0;
 }
 .data-grid--hide-menu.data-grid--mobile .data-grid__title-block {
   padding-right: 0;
diff --git a/packages/components/src/components/data-grid/data-grid.tsx b/packages/components/src/components/data-grid/data-grid.tsx
index fa9a3c215b..01555e2846 100644
--- a/packages/components/src/components/data-grid/data-grid.tsx
+++ b/packages/components/src/components/data-grid/data-grid.tsx
@@ -1027,8 +1027,18 @@ export class DataGrid {
                 >
                   <div class={`thead__title`}>
                     <span class={`thead__text`}>
-                      {sortable && <span class={`thead__arrow-top`}></span>}
-                      {sortable && <span class={`thead__arrow-bottom`}></span>}
+                      {sortable && (
+                        <scale-icon-content-sort-indicator-up
+                          size={16}
+                          class={`thead__arrow-top`}
+                        ></scale-icon-content-sort-indicator-up>
+                      )}
+                      {sortable && (
+                        <scale-icon-content-sort-indicator-down
+                          size={16}
+                          class={`thead__arrow-bottom`}
+                        ></scale-icon-content-sort-indicator-down>
+                      )}
                       {label}
                     </span>
                   </div>
diff --git a/packages/components/src/components/data-grid/readme.md b/packages/components/src/components/data-grid/readme.md
index 45c878db27..2a319f6b66 100644
--- a/packages/components/src/components/data-grid/readme.md
+++ b/packages/components/src/components/data-grid/readme.md
@@ -49,14 +49,17 @@
 - [scale-icon-navigation-collapse-down](../icons/navigation-collapse-down)
 - [scale-icon-action-hide-password](../icons/action-hide-password)
 - [scale-icon](../icon)
+- [scale-icon-content-sort-indicator-up](../icons/content-sort-indicator-up)
+- [scale-icon-content-sort-indicator-down](../icons/content-sort-indicator-down)
 - [scale-checkbox](../checkbox)
 - [scale-pagination](../pagination)
 - [scale-switch](../switch)
 - [scale-link](../link)
 - [scale-progress-bar](../progress-bar)
-- [scale-text-field](../text-field)
-- [scale-dropdown](../dropdown)
+- [scale-dropdown-select](../dropdown-select)
+- [scale-dropdown-select-item](../dropdown-select-item)
 - [scale-tag](../tag)
+- [scale-text-field](../text-field)
 
 ### Graph
 ```mermaid
@@ -71,30 +74,39 @@ graph TD;
   scale-data-grid --> scale-icon-navigation-collapse-down
   scale-data-grid --> scale-icon-action-hide-password
   scale-data-grid --> scale-icon
+  scale-data-grid --> scale-icon-content-sort-indicator-up
+  scale-data-grid --> scale-icon-content-sort-indicator-down
   scale-data-grid --> scale-checkbox
   scale-data-grid --> scale-pagination
   scale-data-grid --> scale-switch
   scale-data-grid --> scale-link
   scale-data-grid --> scale-progress-bar
-  scale-data-grid --> scale-text-field
-  scale-data-grid --> scale-dropdown
+  scale-data-grid --> scale-dropdown-select
+  scale-data-grid --> scale-dropdown-select-item
   scale-data-grid --> scale-tag
-  scale-menu-flyout-item --> scale-icon-action-success
+  scale-data-grid --> scale-text-field
+  scale-menu-flyout-item --> scale-icon-action-checkmark
   scale-menu-flyout-item --> scale-icon-navigation-right
-  scale-checkbox --> scale-icon-action-indeterminate
-  scale-checkbox --> scale-icon-action-success
+  scale-checkbox --> scale-icon-action-minus
+  scale-checkbox --> scale-icon-action-checkmark
   scale-checkbox --> scale-icon-alert-information
   scale-checkbox --> scale-icon-alert-error
-  scale-switch --> scale-icon-action-success
+  scale-pagination --> scale-icon-navigation-double-left
+  scale-pagination --> scale-icon-navigation-left
+  scale-pagination --> scale-icon-navigation-right
+  scale-pagination --> scale-icon-navigation-double-right
+  scale-switch --> scale-icon-action-checkmark
   scale-progress-bar --> scale-icon-alert-error
-  scale-progress-bar --> scale-icon-alert-success
-  scale-text-field --> scale-helper-text
+  scale-progress-bar --> scale-icon-action-success
+  scale-dropdown-select --> scale-icon-action-checkmark
+  scale-dropdown-select --> scale-icon-navigation-collapse-up
+  scale-dropdown-select --> scale-icon-navigation-collapse-down
+  scale-dropdown-select --> scale-helper-text
   scale-helper-text --> scale-icon-alert-information
   scale-helper-text --> scale-icon-alert-error
-  scale-helper-text --> scale-icon-alert-success
-  scale-dropdown --> scale-icon-navigation-collapse-down
-  scale-dropdown --> scale-helper-text
+  scale-helper-text --> scale-icon-action-success
   scale-tag --> scale-icon-action-close
+  scale-text-field --> scale-helper-text
   style scale-data-grid fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/date-picker/date-picker.css b/packages/components/src/components/date-picker/date-picker.css
index 6da297f197..b0a7d227cc 100644
--- a/packages/components/src/components/date-picker/date-picker.css
+++ b/packages/components/src/components/date-picker/date-picker.css
@@ -9,6 +9,10 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
+/*
+  TODO clean up CSS variables, some are not used, new ones might be needed (fonts mostly, but also sizes/spacing)
+*/
+
 duet-date-picker {
   --duet-color-primary: var(--telekom-color-primary-standard);
   --duet-color-text: var(--telekom-color-text-and-icon-standard);
@@ -28,11 +32,10 @@ duet-date-picker {
   --spacing-x: var(--telekom-spacing-unit-x3);
 
   --spacing-heading: 0 0 var(--telekom-spacing-unit-x4) 0;
-  --font-size-heading: var(--telekom-typography-font-size-callout);
-  --font-size-select-label: var(--telekom-typography-font-size-body);
-  --radius-day: var(--telekom-radius-large);
+  --font-size-heading: var(--telekom-typography-font-size-body);
+  --radius-day: var(--telekom-radius-standard);
   --font-size-day: var(--telekom-typography-font-size-body);
-  --font-size-table-header: var(--font-size-day);
+  --font-size-table-header: var(--telekom-typography-font-size-caption);
   --font-weight-table-header: var(--telekom-typography-font-weight-extra-bold);
   --focus-outline: var(--telekom-line-weight-highlight) solid
     var(--telekom-color-functional-focus-standard);
@@ -44,8 +47,10 @@ duet-date-picker .duet-date__input {
   border: var(--telekom-line-weight-standard) solid
     var(--telekom-color-ui-border-standard);
   background-color: var(--telekom-color-ui-state-fill-standard);
-  padding: 21px var(--telekom-spacing-unit-x10) 5px calc(var(--spacing-x) - 1px);
+  padding: 1.125rem calc(2rem - var(--telekom-spacing-unit-x025)) 0.25rem
+    calc(var(--spacing-x) - var(--telekom-spacing-unit-x025));
   height: var(--telekom-spacing-unit-x11);
+  font: var(--telekom-text-style-body);
 }
 
 duet-date-picker .duet-date__input:hover {
@@ -55,8 +60,6 @@ duet-date-picker .duet-date__input:hover {
 }
 
 duet-date-picker .duet-date__input:focus {
-  /* border: var(--telekom-line-weight-standard) solid
-    var(--telekom-color-ui-border-pressed); */
   border: var(--telekom-line-weight-standard) solid
     var(--telekom-color-ui-border-pressed);
   outline: var(--focus-outline);
@@ -70,6 +73,7 @@ duet-date-picker .duet-date__toggle {
   background: transparent;
   z-index: var(--duet-z-index-toggle);
   box-shadow: inset 1px 0 0 var(--telekom-color-ui-faint);
+  width: var(--telekom-spacing-unit-x11);
 }
 
 duet-date-picker .duet-date__toggle:focus {
@@ -126,14 +130,9 @@ duet-date-picker .duet-date__toggle:active scale-icon-content-calendar {
   color: var(--telekom-color-text-and-icon-functional-informational);
 }
 
-.scale-date-picker .date-picker__meta {
-  display: flex;
-  justify-content: space-between;
-  margin-top: var(--telekom-spacing-unit-x1);
-}
-
 .scale-date-picker .date-picker__label {
-  top: -2px;
+  top: 0;
+  left: 0;
   color: var(--telekom-color-text-and-icon-additional);
   display: flex;
   z-index: var(--z-index-label);
@@ -141,17 +140,8 @@ duet-date-picker .duet-date__toggle:active scale-icon-content-calendar {
   transition: all var(--telekom-motion-duration-transition)
     var(--telekom-motion-easing-standard);
   pointer-events: none;
-  font-size: var(--telekom-spacing-unit-x4);
-  transform: translate(
-    var(--telekom-spacing-unit-x3),
-    calc(
-      (
-          var(--telekom-spacing-unit-x12) -
-            var(--telekom-typography-font-size-body)
-        ) / 2
-    )
-  );
-  font-weight: var(--telekom-typography-font-weight-medium);
+  font: var(--telekom-text-style-ui);
+  transform: translate(0.75rem, 0.875rem);
 }
 
 duet-date-picker .duet-date__input::placeholder {
@@ -161,17 +151,36 @@ duet-date-picker .duet-date__input::placeholder {
     var(--telekom-motion-easing-standard);
 }
 
+duet-date-picker .duet-date__header {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+duet-date-picker .duet-date__select {
+  height: var(--telekom-spacing-unit-x8);
+}
+
+duet-date-picker .duet-date__prev,
+duet-date-picker .duet-date__next {
+  width: var(--telekom-spacing-unit-x8);
+  height: var(--telekom-spacing-unit-x8);
+}
+
+duet-date-picker .duet-date__day {
+  width: var(--telekom-spacing-unit-x11);
+  height: var(--telekom-spacing-unit-x11);
+}
+
 .scale-date-picker.scale-date-picker--focus .date-picker__label,
 .scale-date-picker.animated .date-picker__label {
   color: var(--telekom-color-text-and-icon-additional);
-  transform: translate(
-    var(--telekom-spacing-unit-x3),
-    var(--telekom-spacing-unit-x2)
-  );
   transition: all var(--telekom-motion-duration-transition)
     var(--telekom-motion-easing-standard);
-  font-size: var(--telekom-typography-font-size-small);
-  font-weight: var(--telekom-typography-font-weight-bold);
+  font: var(--telekom-text-style-small-bold);
+  transform: translate(
+    0.75rem,
+    calc(0.25rem + var(--telekom-spacing-unit-x025))
+  );
 }
 
 .scale-date-picker.animated .duet-date__input::placeholder,
@@ -182,6 +191,10 @@ duet-date-picker .duet-date__input:focus::placeholder {
     var(--telekom-motion-easing-standard);
 }
 
+duet-date-picker .duet-date__table {
+  margin-top: var(--telekom-spacing-unit-x2);
+}
+
 /* Error state */
 
 .scale-date-picker--status-error duet-date-picker .duet-date__input {
@@ -199,9 +212,6 @@ duet-date-picker .duet-date__input:focus::placeholder {
   outline-offset: 1px;
   box-shadow: none;
 }
-.scale-date-picker--status-error .date-picker__helper-text {
-  color: var(--telekom-color-text-and-icon-functional-danger);
-}
 
 .scale-date-picker--status-error .duet-date__toggle {
   width: 47px;
@@ -230,9 +240,7 @@ duet-date-picker .duet-date__input:focus::placeholder {
   scale-icon-content-calendar {
   color: var(--telekom-color-text-and-icon-disabled);
 }
-.scale-date-picker.scale-date-picker--disabled .date-picker__helper-text {
-  color: var(--telekom-color-text-and-icon-disabled);
-}
+
 .scale-date-picker.scale-date-picker--disabled .date-picker__label {
   color: var(--telekom-color-text-and-icon-disabled);
 }
@@ -243,6 +251,8 @@ duet-date-picker .duet-date__input:focus::placeholder {
   text-align: center;
   padding: var(--spacing-heading);
   font-size: var(--font-size-heading);
+  /* FIXME this is overwriting the font-size rule above thus the variable is not doing anything */
+  font: var(--telekom-text-style-heading-6);
   /* FIXME remove !important (fix Storybook?) */
   color: var(--telekom-color-text-and-icon-standard) !important;
 }
@@ -250,6 +260,17 @@ duet-date-picker .duet-date__input:focus::placeholder {
 duet-date-picker .duet-date__dialog-content {
   border: none;
   box-shadow: var(--telekom-shadow-top);
+  max-width: 324px;
+  padding: var(--telekom-spacing-unit-x2);
+  margin-top: var(--telekom-spacing-unit-x1);
+}
+
+duet-date-picker .duet-date__cell {
+  padding: 0;
+}
+duet-date-picker .duet-date__mobile {
+  margin-left: 0;
+  padding: var(--telekom-spacing-unit-x1) 0 var(--telekom-spacing-unit-x3) 0;
 }
 
 duet-date-picker .duet-date__select {
@@ -261,12 +282,13 @@ duet-date-picker .duet-date__select:nth-of-type(1) {
 }
 
 duet-date-picker .duet-date__select-label {
-  font-size: var(--font-size-select-label);
+  font: var(--telekom-text-style-ui);
 }
 
 duet-date-picker .duet-date__select-label svg {
   width: 16px;
   height: 16px;
+  margin-left: var(--telekom-spacing-unit-x2);
 }
 
 duet-date-picker .duet-date__select select:focus + .duet-date__select-label {
@@ -288,11 +310,7 @@ duet-date-picker .duet-date__next {
   border-radius: var(--duet-radius);
   margin-left: var(--telekom-spacing-unit-x05);
 }
-duet-date-picker .duet-date__prev svg,
-duet-date-picker .duet-date__next svg {
-  height: 16px;
-  width: 16px;
-}
+
 duet-date-picker .duet-date__prev:hover,
 duet-date-picker .duet-date__next:hover {
   background: var(--telekom-color-primary-hovered);
@@ -317,6 +335,8 @@ duet-date-picker .duet-date__close:focus {
 }
 
 duet-date-picker .duet-date__table-header {
+  height: var(--telekom-spacing-unit-x12);
+  padding: 0;
   font-size: var(--font-size-table-header);
   font-weight: var(--font-weight-table-header);
 }
@@ -345,8 +365,8 @@ duet-date-picker .duet-date__day.is-today::before {
   border-radius: var(--telekom-radius-standard);
   background-color: var(--telekom-color-primary-standard);
   opacity: 1;
-  left: var(--telekom-spacing-unit-x4);
-  top: 27px;
+  left: var(--telekom-spacing-unit-x5);
+  top: var(--telekom-spacing-unit-x8);
 }
 
 duet-date-picker [aria-selected='true'] .duet-date__day.is-today::before,
@@ -385,8 +405,26 @@ duet-date-picker .duet-date__day:hover::before {
   color: var(--telekom-color-text-and-icon-white-standard);
 }
 
+duet-date-picker .scale-date-picker__popup-heading {
+  padding: var(--telekom-spacing-unit-x2);
+}
+
+scale-date-picker .has-helper-text scale-helper-text {
+  display: block;
+  margin-top: var(--telekom-spacing-unit-x1);
+}
+
 @media (max-width: 35.9375em) and (orientation: landscape) {
   duet-date-picker .duet-date__dialog-content {
     zoom: 70%;
   }
 }
+
+@media (max-width: 35.9375em) {
+  duet-date-picker .scale-date-picker__popup-heading {
+    display: none;
+  }
+  duet-date-picker .duet-date__dialog-content {
+    max-width: none;
+  }
+}
diff --git a/packages/components/src/components/date-picker/date-picker.tsx b/packages/components/src/components/date-picker/date-picker.tsx
index f5dc9989ce..5a15423b68 100644
--- a/packages/components/src/components/date-picker/date-picker.tsx
+++ b/packages/components/src/components/date-picker/date-picker.tsx
@@ -42,6 +42,8 @@ if (
   customElements.define('duet-date-picker', DuetDatePickerCustomElement);
 }
 
+const DEFAULT_ICON_SIZE = 20;
+
 @Component({
   tag: 'scale-date-picker',
   shadow: false,
@@ -147,6 +149,8 @@ export class DatePicker {
   /** @deprecated */
   @Prop() size?: string;
 
+  @Prop() variant?: 'informational' | 'warning' | 'danger' | 'success' =
+    'informational';
   /** Whether the input element has focus */
   @State() hasFocus: boolean = false;
 
@@ -261,25 +265,29 @@ export class DatePicker {
     );
 
     if (calendarIcon) {
-      calendarIcon.replaceWith(
-        document.createElement('scale-icon-content-calendar')
-      );
+      const icon = document.createElement('scale-icon-content-calendar');
+      icon.size = DEFAULT_ICON_SIZE;
+      calendarIcon.replaceWith(icon);
     }
 
     const navLeftIcon = this.duetInput.querySelector('.duet-date__prev svg');
 
     if (navLeftIcon) {
-      navLeftIcon.replaceWith(
-        document.createElement('scale-icon-navigation-left')
+      const scaleNavLeftIcon = document.createElement(
+        'scale-icon-navigation-left'
       );
+      scaleNavLeftIcon.size = 16;
+      navLeftIcon.replaceWith(scaleNavLeftIcon);
     }
 
     const navRightIcon = this.duetInput.querySelector('.duet-date__next svg');
 
     if (navRightIcon) {
-      navRightIcon.replaceWith(
-        document.createElement('scale-icon-navigation-right')
+      const scaleNavRightIcon = document.createElement(
+        'scale-icon-navigation-right'
       );
+      scaleNavRightIcon.size = 16;
+      navRightIcon.replaceWith(scaleNavRightIcon);
     }
 
     const selectIcon = this.duetInput.querySelectorAll(
@@ -433,7 +441,6 @@ export class DatePicker {
   }
 
   render() {
-    const helperTextId = `helper-message-${this.internalId}`;
     return (
       <Host>
         {this.styles && <style>{this.styles}</style>}
@@ -444,7 +451,8 @@ export class DatePicker {
             this.invalid && `scale-date-picker--status-error`,
             this.hasFocus && 'scale-date-picker--focus',
             this.disabled && 'scale-date-picker--disabled',
-            this.hasValue && 'animated'
+            this.hasValue && 'animated',
+            this.helperText && 'has-helper-text'
           )}
         >
           <label class="date-picker__label" htmlFor={this.identifier}>
@@ -479,15 +487,11 @@ export class DatePicker {
               (this.duetInput = element)
             }
           ></duet-date-picker>
-          {!!this.helperText && (
-            <div
-              class="date-picker__meta"
-              id={helperTextId}
-              aria-live="polite"
-              aria-relevant="additions removals"
-            >
-              <div class="date-picker__helper-text">{this.helperText}</div>
-            </div>
+          {this.helperText && (
+            <scale-helper-text
+              helperText={this.helperText}
+              variant={this.invalid ? 'danger' : this.variant}
+            ></scale-helper-text>
           )}
         </div>
       </Host>
diff --git a/packages/components/src/components/date-picker/readme.md b/packages/components/src/components/date-picker/readme.md
index 8e0c80e642..8b3077a06f 100644
--- a/packages/components/src/components/date-picker/readme.md
+++ b/packages/components/src/components/date-picker/readme.md
@@ -7,28 +7,29 @@
 
 ## Properties
 
-| Property         | Attribute           | Description                                                                                                                                                                                                                                           | Type                                     | Default         |
-| ---------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | --------------- |
-| `dateAdapter`    | `date-adapter`      | Date adapter, for custom parsing/formatting. Must be object with a `parse` function which accepts a `string` and returns a `Date`, and a `format` function which accepts a `Date` and returns a `string`. Default is IS0-8601 parsing and formatting. | `any`                                    | `undefined`     |
-| `direction`      | `direction`         | Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right.                        | `"left" \| "right"`                      | `'right'`       |
-| `disabled`       | `disabled`          | Makes the date picker input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies.                                                                             | `boolean`                                | `false`         |
-| `firstDayOfWeek` | `first-day-of-week` | Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.                                                                                                                                                | `any`                                    | `undefined`     |
-| `helperText`     | `helper-text`       | (optional) Helper text                                                                                                                                                                                                                                | `string`                                 | `''`            |
-| `identifier`     | `identifier`        | Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.                                                                                                                                                          | `string`                                 | `undefined`     |
-| `innerRole`      | `inner-role`        | Defines a specific role attribute for the date picker input.                                                                                                                                                                                          | `string`                                 | `undefined`     |
-| `invalid`        | `invalid`           | (optional) invalid status                                                                                                                                                                                                                             | `boolean`                                | `undefined`     |
-| `label`          | `label`             | (optional) Label                                                                                                                                                                                                                                      | `string`                                 | `''`            |
-| `localization`   | --                  | Button labels, day names, month names, etc, used for localization. Default is English.                                                                                                                                                                | `DuetLocalizedText & { today: string; }` | `undefined`     |
-| `max`            | `max`               | Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the min property.                                                                                                          | `string`                                 | `''`            |
-| `min`            | `min`               | Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the max property.                                                                                                          | `string`                                 | `''`            |
-| `name`           | `name`              | Name of the date picker input.                                                                                                                                                                                                                        | `string`                                 | `'date'`        |
-| `placeholder`    | `placeholder`       | (optional) Input place holder                                                                                                                                                                                                                         | `string`                                 | `''`            |
-| `popupTitle`     | `popup-title`       | <span style="color:red">**[DEPRECATED]**</span> in v3 in favor of localization.calendarHeading<br/><br/>                                                                                                                                              | `string`                                 | `'Pick a date'` |
-| `required`       | `required`          | Should the input be marked as required?                                                                                                                                                                                                               | `boolean`                                | `false`         |
-| `size`           | `size`              | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>                                                                                                                                                                                            | `string`                                 | `undefined`     |
-| `status`         | `status`            | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/>                                                                                                                                                             | `string`                                 | `''`            |
-| `styles`         | `styles`            | (optional) Injected CSS styles                                                                                                                                                                                                                        | `string`                                 | `undefined`     |
-| `value`          | `value`             | Date value. Must be in IS0-8601 format: YYYY-MM-DD.                                                                                                                                                                                                   | `string`                                 | `''`            |
+| Property         | Attribute           | Description                                                                                                                                                                                                                                           | Type                                                    | Default           |
+| ---------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
+| `dateAdapter`    | `date-adapter`      | Date adapter, for custom parsing/formatting. Must be object with a `parse` function which accepts a `string` and returns a `Date`, and a `format` function which accepts a `Date` and returns a `string`. Default is IS0-8601 parsing and formatting. | `any`                                                   | `undefined`       |
+| `direction`      | `direction`         | Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right.                        | `"left" \| "right"`                                     | `'right'`         |
+| `disabled`       | `disabled`          | Makes the date picker input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies.                                                                             | `boolean`                                               | `false`           |
+| `firstDayOfWeek` | `first-day-of-week` | Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.                                                                                                                                                | `any`                                                   | `undefined`       |
+| `helperText`     | `helper-text`       | (optional) Helper text                                                                                                                                                                                                                                | `string`                                                | `''`              |
+| `identifier`     | `identifier`        | Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.                                                                                                                                                          | `string`                                                | `undefined`       |
+| `innerRole`      | `inner-role`        | Defines a specific role attribute for the date picker input.                                                                                                                                                                                          | `string`                                                | `undefined`       |
+| `invalid`        | `invalid`           | (optional) invalid status                                                                                                                                                                                                                             | `boolean`                                               | `undefined`       |
+| `label`          | `label`             | (optional) Label                                                                                                                                                                                                                                      | `string`                                                | `''`              |
+| `localization`   | --                  | Button labels, day names, month names, etc, used for localization. Default is English.                                                                                                                                                                | `DuetLocalizedText & { today: string; }`                | `undefined`       |
+| `max`            | `max`               | Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the min property.                                                                                                          | `string`                                                | `''`              |
+| `min`            | `min`               | Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the max property.                                                                                                          | `string`                                                | `''`              |
+| `name`           | `name`              | Name of the date picker input.                                                                                                                                                                                                                        | `string`                                                | `'date'`          |
+| `placeholder`    | `placeholder`       | (optional) Input place holder                                                                                                                                                                                                                         | `string`                                                | `''`              |
+| `popupTitle`     | `popup-title`       | <span style="color:red">**[DEPRECATED]**</span> in v3 in favor of localization.calendarHeading<br/><br/>                                                                                                                                              | `string`                                                | `'Pick a date'`   |
+| `required`       | `required`          | Should the input be marked as required?                                                                                                                                                                                                               | `boolean`                                               | `false`           |
+| `size`           | `size`              | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>                                                                                                                                                                                            | `string`                                                | `undefined`       |
+| `status`         | `status`            | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/>                                                                                                                                                             | `string`                                                | `''`              |
+| `styles`         | `styles`            | (optional) Injected CSS styles                                                                                                                                                                                                                        | `string`                                                | `undefined`       |
+| `value`          | `value`             | Date value. Must be in IS0-8601 format: YYYY-MM-DD.                                                                                                                                                                                                   | `string`                                                | `''`              |
+| `variant`        | `variant`           |                                                                                                                                                                                                                                                       | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
 
 
 ## Events
@@ -86,6 +87,7 @@ Type: `Promise<void>`
 - [scale-icon-navigation-right](../icons/navigation-right)
 - [scale-icon-navigation-collapse-down](../icons/navigation-collapse-down)
 - duet-date-picker
+- [scale-helper-text](../helper-text)
 
 ### Graph
 ```mermaid
@@ -95,6 +97,10 @@ graph TD;
   scale-date-picker --> scale-icon-navigation-right
   scale-date-picker --> scale-icon-navigation-collapse-down
   scale-date-picker --> duet-date-picker
+  scale-date-picker --> scale-helper-text
+  scale-helper-text --> scale-icon-alert-information
+  scale-helper-text --> scale-icon-alert-error
+  scale-helper-text --> scale-icon-action-success
   style scale-date-picker fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/dropdown-select-item/dropdown-select-item.css b/packages/components/src/components/dropdown-select-item/dropdown-select-item.css
index 3e294cc83e..494ea6284d 100644
--- a/packages/components/src/components/dropdown-select-item/dropdown-select-item.css
+++ b/packages/components/src/components/dropdown-select-item/dropdown-select-item.css
@@ -12,5 +12,9 @@
 [part~='prefix'],
 [part~='label'],
 [part~='suffix'] {
-  display: flex;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 1;
 }
diff --git a/packages/components/src/components/dropdown-select-item/readme.md b/packages/components/src/components/dropdown-select-item/readme.md
index 5d7df5df00..c67a191923 100644
--- a/packages/components/src/components/dropdown-select-item/readme.md
+++ b/packages/components/src/components/dropdown-select-item/readme.md
@@ -24,6 +24,19 @@
 | `"suffix"` |             |
 
 
+## Dependencies
+
+### Used by
+
+ - [scale-data-grid](../data-grid)
+
+### Graph
+```mermaid
+graph TD;
+  scale-data-grid --> scale-dropdown-select-item
+  style scale-dropdown-select-item fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/components/src/components/dropdown-select/dropdown-select.css b/packages/components/src/components/dropdown-select/dropdown-select.css
index 5eaa3e860e..72f8724713 100644
--- a/packages/components/src/components/dropdown-select/dropdown-select.css
+++ b/packages/components/src/components/dropdown-select/dropdown-select.css
@@ -22,17 +22,20 @@
 
   /*combobox*/
   --transition-combobox: var(--transition);
-  --font-size-combobox: var(--telekom-typography-font-size-body);
   --background-combobox: var(--telekom-color-ui-state-fill-standard);
-  --spacing-combobox: 18px var(--telekom-spacing-unit-x10) 5px
-    calc(var(--spacing-x) - 1px);
+  /*
+    18px 32px 4px 12px
+    (subtracting 1px from border)
+  */
+  --spacing-combobox: 1.125rem calc(2rem - var(--telekom-spacing-unit-x025))
+    0.25rem calc(0.75rem - var(--telekom-spacing-unit-x025));
 
   /*meta*/
   --spacing-y-meta: var(--telekom-spacing-unit-x1);
   --color-meta: var(--telekom-color-text-and-icon-standard);
 
   /*icon*/
-  --height-icon: var(--telekom-spacing-unit-x6);
+  --height-icon: 20px;
   --color-icon: var(--telekom-color-text-and-icon-standard);
   --color-icon-hover: var(--telekom-color-text-and-icon-standard);
   --color-icon-active: var(--telekom-color-text-and-icon-standard);
@@ -42,20 +45,10 @@
   --color-label: var(--telekom-color-text-and-icon-additional);
   --z-index-label: var(--scl-z-index-10);
   --transition-label: var(--transition);
-  --font-size-label: var(--telekom-typography-font-size-body);
-  --font-weight-label: var(--telekom-typography-font-weight-medium);
-  --font-size-label-focus: var(--telekom-typography-font-size-small);
-  --font-weight-label-focus: var(--telekom-typography-font-weight-bold);
-  --margin-top-label-focus: -1.5px;
-  --line-height-label: var(--telekom-typography-font-size-body);
-  --line-height-label-animated: var(--telekom-typography-font-size-small);
-  --transform-label: translate(
-    var(--spacing-x),
-    calc((var(--telekom-spacing-unit-x11) - var(--font-size-label)) / 2)
-  );
+  --transform-label: translate(var(--spacing-x), 0.875rem);
   --transform-label-animated: translate(
     var(--spacing-x),
-    var(--telekom-spacing-unit-x2)
+    calc(0.25rem + var(--telekom-spacing-unit-x025))
   );
 
   /*listbox*/
@@ -64,9 +57,6 @@
     0 4px 16px 0 rgba(0, 0, 0, 0.1);
   --max-height-listbox: 300px;
   --z-index-listbox: 99;
-
-  /*option  */
-  --outline-color-option: var(--telekom-color-functional-focus-standard);
 }
 
 /*combobox-container*/
@@ -93,10 +83,10 @@
   z-index: 1;
   box-sizing: border-box;
   transition: var(--transition-combobox);
-  font-family: inherit;
-  font-size: var(--font-size-combobox);
+  font: var(--telekom-text-style-body);
   border-radius: var(--radius);
   border: var(--border);
+  box-sizing: border-box;
   white-space: nowrap;
   text-overflow: ellipsis;
   appearance: none;
@@ -153,6 +143,15 @@
   background: var(--background-disabled);
 }
 
+/*combobox value*/
+[part='combobox_value'] {
+  width: calc(100%);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+}
+
 /*meta*/
 [part='meta'] {
   display: flex;
@@ -179,26 +178,25 @@
 
 /*label*/
 [part='label'] {
+  width: calc(100% - 44px); /* 12px + 32px (x padding) */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   top: 0;
   left: 0;
   color: var(--color-label);
-  display: flex;
+  display: inline-block;
   z-index: var(--z-index-label);
   position: absolute;
   transition: var(--transition-label);
   pointer-events: none;
-  font-size: var(--font-size-label);
+  font: var(--telekom-text-style-ui);
   transform: var(--transform-label);
-  font-weight: var(--font-weight-label);
-  line-height: var(--line-height-label);
 }
 
 [part~='animated'] [part='label'] {
-  margin-top: var(--margin-top-label-focus);
+  font: var(--telekom-text-style-small-bold);
   transform: var(--transform-label-animated);
-  font-size: var(--font-size-label-focus);
-  font-weight: var(--font-weight-label-focus);
-  line-height: var(--line-height-label-animated);
 }
 
 [part~='disabled'] [part='label'] {
@@ -208,6 +206,15 @@
   background: var(--background-disabled);
 }
 
+/* hidden label */
+[part~='hide-label'] [part='combobox'] {
+  padding-top: 0.3125rem;
+}
+
+[part~='hide-label'] [part='label'] {
+  visibility: hidden;
+}
+
 /*listbox*/
 [part='listbox'] {
   position: relative;
@@ -223,7 +230,7 @@
   box-shadow: var(--box-shadow-listbox);
   border-radius: var(--radius);
   padding: var(--radius) 0;
-  margin-top: var(--telekom-line-weight-highlight);
+  margin-top: var(--telekom-spacing-unit-x1);
   left: 0;
   position: absolute;
   top: 100%;
@@ -236,6 +243,10 @@
   display: block;
 }
 
+[part~='strategy-fixed'] [part='listbox-pad'] {
+  position: fixed;
+}
+
 [part~='transparent'] [part='listbox'] {
   background-color: transparent;
 }
@@ -250,8 +261,9 @@
 }
 
 [part~='option'][part~='current'] {
-  outline: 3px solid var(--outline-color-option);
-  outline-offset: -3px;
+  outline: var(--focus-outline);
+  outline-offset: -2px;
+  border-radius: var(--radius);
 }
 
 [part~='option'][aria-selected='true'] {
@@ -259,14 +271,14 @@
   position: relative;
 }
 
-[part~='option'][aria-selected='true'] scale-icon-action-success {
+[part~='option'][aria-selected='true'] scale-icon-action-checkmark {
   position: absolute;
-  right: 16px;
-  top: 12px;
+  right: var(--telekom-spacing-unit-x3);
+  top: var(--telekom-spacing-unit-x3);
 }
 
 [part~='option'] scale-dropdown-select-item::part(base) {
-  padding: 12px;
+  padding: var(--telekom-spacing-unit-x3);
 }
 
 /*helper-text*/
diff --git a/packages/components/src/components/dropdown-select/dropdown-select.tsx b/packages/components/src/components/dropdown-select/dropdown-select.tsx
index c3898dbefa..f7ccc3468a 100644
--- a/packages/components/src/components/dropdown-select/dropdown-select.tsx
+++ b/packages/components/src/components/dropdown-select/dropdown-select.tsx
@@ -29,6 +29,8 @@ enum Actions {
   Type = 'Type',
 }
 
+const DEFAULT_ICON_SIZE = 20;
+
 const isElementValue = (x: unknown): x is Element & { value: string } =>
   typeof (x as { value: unknown }).value === 'string';
 const readValue = (element: Element) =>
@@ -198,6 +200,10 @@ export class DropdownSelect {
   @Prop() variant?: 'informational' | 'warning' | 'danger' | 'success' =
     'informational';
   @Prop({ mutable: true, reflect: true }) value: any;
+  /** @see {@url https://floating-ui.com/docs/computePosition#strategy} */
+  @Prop() floatingStrategy: 'absolute' | 'fixed' = 'absolute';
+  /** (optional) to hide the label */
+  @Prop() hideLabelVisually?: boolean = false;
 
   @Event({ eventName: 'scale-change' }) scaleChange!: EventEmitter<void>;
   @Event({ eventName: 'scale-focus' }) scaleFocus!: EventEmitter<void>;
@@ -234,8 +240,14 @@ export class DropdownSelect {
     if (!this.open) {
       return;
     }
+    if (this.floatingStrategy === 'fixed') {
+      this.listboxPadEl.style.width = `${
+        this.comboEl.getBoundingClientRect().width
+      }px`;
+    }
     computePosition(this.comboEl, this.listboxPadEl, {
       placement: 'bottom',
+      strategy: this.floatingStrategy,
     }).then(({ x, y }) => {
       Object.assign(this.listboxPadEl.style, {
         left: `${x}px`,
@@ -422,7 +434,7 @@ export class DropdownSelect {
               {...(this.helperText ? ariaDescribedByAttr : {})}
               {...(this.invalid ? { 'aria-invalid': 'true' } : {})}
             >
-              {ValueElement}
+              <span part="combobox-value">{ValueElement}</span>
             </div>
             <div part="listbox-pad" ref={(el) => (this.listboxPadEl = el)}>
               <div part="listbox-scroll-container">
@@ -454,9 +466,9 @@ export class DropdownSelect {
                       >
                         {ItemElement}
                         {value === this.value ? (
-                          <scale-icon-action-success
+                          <scale-icon-action-checkmark
                             size={16}
-                          ></scale-icon-action-success>
+                          ></scale-icon-action-checkmark>
                         ) : null}
                       </div>
                     )
@@ -467,9 +479,15 @@ export class DropdownSelect {
 
             <div part="icon">
               {this.open ? (
-                <scale-icon-navigation-collapse-up decorative />
+                <scale-icon-navigation-collapse-up
+                  decorative
+                  size={DEFAULT_ICON_SIZE}
+                />
               ) : (
-                <scale-icon-navigation-collapse-down decorative />
+                <scale-icon-navigation-collapse-down
+                  decorative
+                  size={DEFAULT_ICON_SIZE}
+                />
               )}
             </div>
           </div>
@@ -497,7 +515,9 @@ export class DropdownSelect {
       this.invalid && `invalid`,
       this.currentIndex > -1 && `steal-focus`,
       animated && 'animated',
-      this.helperText && 'has-helper-text'
+      this.helperText && 'has-helper-text',
+      this.floatingStrategy && `strategy-${this.floatingStrategy}`,
+      this.hideLabelVisually && 'hide-label'
     );
   }
 }
diff --git a/packages/components/src/components/dropdown-select/readme.md b/packages/components/src/components/dropdown-select/readme.md
index f1a0d926f1..bd257e15dc 100644
--- a/packages/components/src/components/dropdown-select/readme.md
+++ b/packages/components/src/components/dropdown-select/readme.md
@@ -7,18 +7,20 @@
 
 ## Properties
 
-| Property      | Attribute     | Description | Type                                                    | Default           |
-| ------------- | ------------- | ----------- | ------------------------------------------------------- | ----------------- |
-| `comboboxId`  | `combobox-id` |             | `string`                                                | `'combobox'`      |
-| `disabled`    | `disabled`    |             | `boolean`                                               | `undefined`       |
-| `helperText`  | `helper-text` |             | `string`                                                | `''`              |
-| `invalid`     | `invalid`     |             | `boolean`                                               | `false`           |
-| `label`       | `label`       |             | `string`                                                | `undefined`       |
-| `name`        | `name`        |             | `string`                                                | `undefined`       |
-| `readonly`    | `readonly`    |             | `boolean`                                               | `undefined`       |
-| `transparent` | `transparent` |             | `boolean`                                               | `undefined`       |
-| `value`       | `value`       |             | `any`                                                   | `undefined`       |
-| `variant`     | `variant`     |             | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
+| Property            | Attribute             | Description                  | Type                                                    | Default           |
+| ------------------- | --------------------- | ---------------------------- | ------------------------------------------------------- | ----------------- |
+| `comboboxId`        | `combobox-id`         |                              | `string`                                                | `'combobox'`      |
+| `disabled`          | `disabled`            |                              | `boolean`                                               | `undefined`       |
+| `floatingStrategy`  | `floating-strategy`   |                              | `"absolute" \| "fixed"`                                 | `'absolute'`      |
+| `helperText`        | `helper-text`         |                              | `string`                                                | `''`              |
+| `hideLabelVisually` | `hide-label-visually` | (optional) to hide the label | `boolean`                                               | `false`           |
+| `invalid`           | `invalid`             |                              | `boolean`                                               | `false`           |
+| `label`             | `label`               |                              | `string`                                                | `undefined`       |
+| `name`              | `name`                |                              | `string`                                                | `undefined`       |
+| `readonly`          | `readonly`            |                              | `boolean`                                               | `undefined`       |
+| `transparent`       | `transparent`         |                              | `boolean`                                               | `undefined`       |
+| `value`             | `value`               |                              | `any`                                                   | `undefined`       |
+| `variant`           | `variant`             |                              | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
 
 
 ## Events
@@ -36,6 +38,7 @@
 | Part                         | Description |
 | ---------------------------- | ----------- |
 | `"combobox-container"`       |             |
+| `"combobox-value"`           |             |
 | `"icon"`                     |             |
 | `"label"`                    |             |
 | `"listbox"`                  |             |
@@ -45,9 +48,13 @@
 
 ## Dependencies
 
+### Used by
+
+ - [scale-data-grid](../data-grid)
+
 ### Depends on
 
-- [scale-icon-action-success](../icons/action-success)
+- [scale-icon-action-checkmark](../icons/action-checkmark)
 - [scale-icon-navigation-collapse-up](../icons/navigation-collapse-up)
 - [scale-icon-navigation-collapse-down](../icons/navigation-collapse-down)
 - [scale-helper-text](../helper-text)
@@ -55,13 +62,14 @@
 ### Graph
 ```mermaid
 graph TD;
-  scale-dropdown-select --> scale-icon-action-success
+  scale-dropdown-select --> scale-icon-action-checkmark
   scale-dropdown-select --> scale-icon-navigation-collapse-up
   scale-dropdown-select --> scale-icon-navigation-collapse-down
   scale-dropdown-select --> scale-helper-text
   scale-helper-text --> scale-icon-alert-information
   scale-helper-text --> scale-icon-alert-error
-  scale-helper-text --> scale-icon-alert-success
+  scale-helper-text --> scale-icon-action-success
+  scale-data-grid --> scale-dropdown-select
   style scale-dropdown-select fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/dropdown/dropdown.css b/packages/components/src/components/dropdown/dropdown.css
index 38b565d8a9..809f86347d 100644
--- a/packages/components/src/components/dropdown/dropdown.css
+++ b/packages/components/src/components/dropdown/dropdown.css
@@ -46,7 +46,7 @@ scale-dropdown {
   --color-meta: var(--telekom-color-text-and-icon-standard);
 
   /*icon*/
-  --height-icon: var(--telekom-spacing-unit-x6);
+  --height-icon: var(--telekom-spacing-unit-x5);
   --color-icon: var(--telekom-color-text-and-icon-standard);
   --color-icon-hover: var(--telekom-color-text-and-icon-standard);
   --color-icon-active: var(--telekom-color-text-and-icon-standard);
@@ -97,12 +97,6 @@ scale-dropdown {
   visibility: hidden;
 }
 
-@-moz-document url-prefix() {
-  .dropdown .input__dropdown {
-    text-indent: -2px;
-  }
-}
-
 .dropdown .input__dropdown-wrapper {
   position: relative;
 }
diff --git a/packages/components/src/components/dropdown/dropdown.tsx b/packages/components/src/components/dropdown/dropdown.tsx
index 0dafa2f4ac..c9c2dfcbda 100644
--- a/packages/components/src/components/dropdown/dropdown.tsx
+++ b/packages/components/src/components/dropdown/dropdown.tsx
@@ -276,7 +276,7 @@ export class Dropdown {
               {this.hasSlotIcon ? (
                 <slot name="icon" />
               ) : (
-                <scale-icon-navigation-collapse-down decorative />
+                <scale-icon-navigation-collapse-down size={20} decorative />
               )}
             </div>
           </div>
diff --git a/packages/components/src/components/dropdown/readme.md b/packages/components/src/components/dropdown/readme.md
index 2197fde969..2daa67e513 100644
--- a/packages/components/src/components/dropdown/readme.md
+++ b/packages/components/src/components/dropdown/readme.md
@@ -46,10 +46,6 @@
 
 ## Dependencies
 
-### Used by
-
- - [scale-data-grid](../data-grid)
-
 ### Depends on
 
 - [scale-icon-navigation-collapse-down](../icons/navigation-collapse-down)
@@ -62,8 +58,7 @@ graph TD;
   scale-dropdown --> scale-helper-text
   scale-helper-text --> scale-icon-alert-information
   scale-helper-text --> scale-icon-alert-error
-  scale-helper-text --> scale-icon-alert-success
-  scale-data-grid --> scale-dropdown
+  scale-helper-text --> scale-icon-action-success
   style scale-dropdown fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/helper-text/__snapshots__/helper-text.spec.ts.snap b/packages/components/src/components/helper-text/__snapshots__/helper-text.spec.ts.snap
index 5427eb7e54..d140196cd7 100644
--- a/packages/components/src/components/helper-text/__snapshots__/helper-text.spec.ts.snap
+++ b/packages/components/src/components/helper-text/__snapshots__/helper-text.spec.ts.snap
@@ -62,7 +62,7 @@ exports[`Helper Text should render success text with success icon if success var
       <span part="text">
         <slot></slot>
       </span>
-      <scale-icon-alert-success></scale-icon-alert-success>
+      <scale-icon-action-success></scale-icon-action-success>
     </div>
   </mock:shadow-root>
   success
diff --git a/packages/components/src/components/helper-text/helper-text.tsx b/packages/components/src/components/helper-text/helper-text.tsx
index cb3c69c574..f16f73e66c 100644
--- a/packages/components/src/components/helper-text/helper-text.tsx
+++ b/packages/components/src/components/helper-text/helper-text.tsx
@@ -46,7 +46,7 @@ export class HelperText {
       return <scale-icon-alert-error></scale-icon-alert-error>;
     }
     if (variant === 'success') {
-      return <scale-icon-alert-success></scale-icon-alert-success>;
+      return <scale-icon-action-success></scale-icon-action-success>;
     }
   }
 
diff --git a/packages/components/src/components/helper-text/readme.md b/packages/components/src/components/helper-text/readme.md
index 1c3ccd0186..86df00bbc2 100644
--- a/packages/components/src/components/helper-text/readme.md
+++ b/packages/components/src/components/helper-text/readme.md
@@ -36,27 +36,31 @@
 
 ### Used by
 
+ - [scale-date-picker](../date-picker)
  - [scale-dropdown](../dropdown)
  - [scale-dropdown-select](../dropdown-select)
  - [scale-segmented-button](../segmented-button)
  - [scale-text-field](../text-field)
+ - [scale-textarea](../textarea)
 
 ### Depends on
 
 - [scale-icon-alert-information](../icons/alert-information)
 - [scale-icon-alert-error](../icons/alert-error)
-- [scale-icon-alert-success](../icons/alert-success)
+- [scale-icon-action-success](../icons/action-success)
 
 ### Graph
 ```mermaid
 graph TD;
   scale-helper-text --> scale-icon-alert-information
   scale-helper-text --> scale-icon-alert-error
-  scale-helper-text --> scale-icon-alert-success
+  scale-helper-text --> scale-icon-action-success
+  scale-date-picker --> scale-helper-text
   scale-dropdown --> scale-helper-text
   scale-dropdown-select --> scale-helper-text
   scale-segmented-button --> scale-helper-text
   scale-text-field --> scale-helper-text
+  scale-textarea --> scale-helper-text
   style scale-helper-text fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/link/link.css b/packages/components/src/components/link/link.css
index 17922fc69e..747f1cdd60 100644
--- a/packages/components/src/components/link/link.css
+++ b/packages/components/src/components/link/link.css
@@ -16,7 +16,7 @@
 */
 
 :host {
-  --font-weight: var(--telekom-typography-font-weight-medium);
+  --font-weight: ;
   --spacing-x-icon: var(--telekom-spacing-unit-x1);
   --line-offset: 0.0625em;
 
@@ -30,54 +30,33 @@
   --line-thickness-visited: var(--line-thickness-initial);
   /* hover */
   --color-hover: var(--telekom-color-text-and-icon-link-hovered);
-  --color-line-hover: var(--telekom-color-functional-interaction-hovered);
-  --line-thickness-hover: var(--line-thickness-initial);
+  --color-line-hover: currentColor;
+  --line-thickness-hover: var(--telekom-line-weight-highlight);
   /* focus */
+  --color-focus-outline: var(--telekom-color-functional-focus-standard);
   --color-focus: var(--telekom-color-text-and-icon-link-standard);
-  --color-line-focus: var(--telekom-color-text-and-icon-link-standard);
-  --line-thickness-focus: var(--telekom-line-weight-bold);
+  --color-line-focus: transparent;
+  --line-thickness-focus: 0;
   /* active */
   --color-active: var(--telekom-color-text-and-icon-link-active);
-  --color-line-active: var(--telekom-color-functional-interaction-pressed);
-  --line-thickness-active: var(--line-thickness-initial);
+  --color-line-active: currentColor;
+  --line-thickness-active: var(--telekom-line-weight-highlight);
   /* disabled */
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
-  --color-line-disabled: var(--telekom-color-ui-border-disabled);
+  --color-line-disabled: transparent;
   --line-thickness-disabled: var(--line-thickness-initial);
 }
 
-/* Quick fix for inaccessible link color when placed inside a scale-tooltip */
-:host-context(scale-tooltip) {
-  /* initial */
-  --color: currentColor;
-  --color-line-initial: currentColor;
-  /* visited */
-  --color-visited: currentColor;
-  --color-line-visited: currentColor;
-  /* hover */
-  --color-hover: currentColor;
-  --color-line-hover: currentColor;
-  /* focus */
-  --color-focus: currentColor;
-  --color-line-focus: currentColor;
-  /* active */
-  --color-active: currentColor;
-  --color-line-active: currentColor;
-}
-
 :host {
   display: inline;
   margin-bottom: calc(var(--line-offset) + var(--line-thickness-initial));
-  --anchor-color: var(--color);
-  --line-color: var(--color);
-  --line-thickness: var(--line-thickness-initial);
 }
 
 [part='anchor'] {
   cursor: pointer;
   outline: none;
   font-weight: var(--font-weight);
-  color: var(--anchor-color);
+  color: var(--color);
   position: relative;
   display: inline-flex;
   text-decoration: underline;
@@ -89,7 +68,6 @@
   );
   /*FIXME:TOKEN color decoration should have 0.75 opacity*/
   text-decoration-color: var(--line-color);
-  transition: text-decoration var(--telekom-motion-duration-transition);
 }
 
 [part='anchor'] {
@@ -123,35 +101,58 @@ slot[name='icon']::slotted(*) {
   --line-color: transparent;
 }
 
+:host(.no-underline) [part='anchor'] {
+  text-decoration: none;
+}
+
 [part='anchor']:hover,
 [part='anchor']:focus,
-[part='anchor']:active {
-  transition: text-decoration var(--telekom-motion-duration-transition);
+[part='anchor']:active,
+:host(.no-underline) [part='anchor']:hover,
+:host(.no-underline) [part='anchor']:active {
   text-decoration: underline;
 }
 
-[part='anchor']:visited {
-  --anchor-color: var(--color-visited);
-  --line-color: var(--color-line-visited);
-  --line-thickness: var(--line-thickness-visited);
+[part='anchor']:hover,
+:host(.no-underline) [part='anchor']:hover {
+  color: var(--color-hover);
+  text-decoration-color: var(--color-line-hover);
+  text-decoration-thickness: var(
+    --line-thickness-hover,
+    var(--line-thickness-initial)
+  );
 }
 
-[part='anchor']:hover {
-  --anchor-color: var(--color-hover);
-  --line-color: var(--color-line-hover);
-  --line-thickness: var(--line-thickness-hover);
+[part='anchor']:focus,
+[part='anchor']:focus-visible {
+  color: var(--color-focus);
+  text-decoration-color: var(--color-line-focus);
+  text-decoration-thickness: var(
+    --line-thickness-focus,
+    var(--line-thickness-initial)
+  );
+  outline: var(--telekom-line-weight-highlight) solid var(--color-focus-outline);
+  outline-offset: var(--telekom-spacing-unit-x025);
+  border-radius: var(--telekom-radius-small);
 }
 
-[part='anchor']:focus {
-  --anchor-color: var(--color-focus);
-  --line-color: var(--color-line-focus);
-  --line-thickness: var(--line-thickness-focus);
+[part='anchor']:active,
+:host(.no-underline) [part='anchor']:active {
+  color: var(--color-active);
+  text-decoration-color: var(--color-line-active);
+  text-decoration-thickness: var(
+    --line-thickness-active,
+    var(--line-thickness-initial)
+  );
 }
 
-[part='anchor']:active {
-  --anchor-color: var(--color-active);
-  --line-color: var(--color-line-active);
-  --line-thickness: var(--line-thickness-active);
+[part='anchor']:visited {
+  color: var(--color-visited);
+  text-decoration-color: var(--color-line-visited);
+  text-decoration-thickness: var(
+    --line-thickness-visited,
+    var(--line-thickness-initial)
+  );
 }
 
 /* disabled */
@@ -164,9 +165,8 @@ slot[name='icon']::slotted(*) {
 :host(.disabled) [part='anchor']:visited,
 :host(.disabled) [part='anchor']:hover,
 :host(.disabled) [part='anchor']:active {
-  --anchor-color: var(--color-disabled);
-  --line-color: var(--color-line-disabled);
-
+  color: var(--color-disabled);
+  text-decoration: none;
   cursor: not-allowed;
   pointer-events: none;
 }
diff --git a/packages/components/src/components/list-item/list-item.css b/packages/components/src/components/list-item/list-item.css
index 031cc9cf9b..7cb38a5d3a 100644
--- a/packages/components/src/components/list-item/list-item.css
+++ b/packages/components/src/components/list-item/list-item.css
@@ -13,11 +13,11 @@
   --display: block;
   --font-size: var(--telekom-typography-font-size-body);
   --line-height: var(--telekom-typography-line-spacing-standard);
-  --spacing-left: calc(0.25ch + var(--telekom-spacing-unit-x4));
+  --spacing-left: calc(0.5ch + var(--telekom-spacing-unit-x5));
+  --spacing-left-nested: calc(0.5ch + var(--telekom-spacing-unit-x4));
 
-  --font-size-marker-ordered: var(--telekom-typography-font-size-body);
-  --font-weight-marker-ordered: var(--telekom-typography-font-weight-bold);
-  --font-size-marker-ordered-nested: var(--telekom-typography-font-size-small);
+  --font-marker-ordered: var(--telekom-text-style-body);
+  --font-marker-ordered-nested: var(--telekom-text-style-small-bold);
   --line-height-marker-ordered-nested: var(
     --telekom-typography-line-spacing-standard
   );
@@ -26,7 +26,6 @@
   );
 
   --spacing-right-no-marker: var(--telekom-spacing-unit-x2);
-
   display: var(--display);
 }
 
@@ -35,13 +34,18 @@
   font-size: var(--font-size);
   line-height: var(--line-height);
   padding-left: var(--spacing-left);
+  margin-top: var(--telekom-spacing-unit-x1);
+}
+
+.list-item--nested {
+  padding-left: var(--spacing-left-nested);
 }
 
 .list-item:before {
   content: '';
-  position: absolute;
   top: 0;
   left: 0;
+  position: absolute;
 }
 
 .list-item--unordered:before {
@@ -63,12 +67,13 @@
 
 .list-item--ordered:before {
   content: attr(data-index) '.';
-  font-size: var(--font-size-marker-ordered);
-  font-weight: var(--font-weight-marker-ordered);
+  font: var(--font-marker-ordered);
+  font-variant-numeric: tabular-nums;
 }
 
 .list-item--nested.list-item--ordered:before {
-  font-size: var(--font-size-marker-ordered-nested);
+  font: var(--telekom-text-style-small-bold);
+  font-variant-numeric: tabular-nums;
   line-height: var(--line-height-marker-ordered-nested);
   padding-top: var(--spacing-top-marker-ordered-nested);
 }
diff --git a/packages/components/src/components/loading-spinner/__snapshots__/loading-spinner.spec.ts.snap b/packages/components/src/components/loading-spinner/__snapshots__/loading-spinner.spec.ts.snap
index 0444b83a68..80613eedb3 100644
--- a/packages/components/src/components/loading-spinner/__snapshots__/loading-spinner.spec.ts.snap
+++ b/packages/components/src/components/loading-spinner/__snapshots__/loading-spinner.spec.ts.snap
@@ -6,10 +6,10 @@ exports[`LoadingSpinner should match snapshot 1`] = `
     <div class="spinner spinner--alignment-horizontal spinner--size-small spinner--variant-primary" part="spinner alignment-horizontal variant-primary size-small">
       <div class="spinner__container" part="container">
         <svg aria-hidden="true" class="spinner__circle" viewBox="0 0 50 50">
-          <circle class="path" cx="25" cy="25" fill="none" r="20" stroke-width="4"></circle>
+          <circle class="path" cx="25" cy="25" fill="none" r="22.5" stroke-width="4"></circle>
         </svg>
         <svg aria-hidden="true" class="spinner__circle-background" viewBox="0 0 50 50">
-          <circle class="path" cx="25" cy="25" fill="none" r="20" stroke-width="4"></circle>
+          <circle class="path" cx="25" cy="25" fill="none" r="22.5" stroke-width="4"></circle>
         </svg>
       </div>
       <div aria-live="polite" class="sr-only" id="spinner-label-1">
diff --git a/packages/components/src/components/loading-spinner/loading-spinner.css b/packages/components/src/components/loading-spinner/loading-spinner.css
index 76153eecbb..f2a6794672 100644
--- a/packages/components/src/components/loading-spinner/loading-spinner.css
+++ b/packages/components/src/components/loading-spinner/loading-spinner.css
@@ -1,15 +1,14 @@
 :host {
   display: inline-flex;
-  --size-outer-small: 28px;
-  --size-outer-large: 56px;
-  --size-inner-small: 28px;
-  --size-inner-large: 56px;
+  --size-outer-small: 24px;
+  --size-outer-large: 48px;
+  --size-inner-small: 24px;
+  --size-inner-large: 48px;
 
   --line-height-size-small: 24px;
   --line-height-size-large: 48px;
 
-  --font-weight: var(--telekom-typography-font-weight-bold);
-  --font-size: var(--telekom-typography-font-size-body);
+  --font: var(--telekom-text-style-ui-bold);
 
   --color-circle-primary: var(--telekom-color-primary-standard);
   --color-circle-primary-inner: var(--telekom-color-ui-subtle);
@@ -17,6 +16,9 @@
   --color-circle-white: var(--telekom-color-ui-base);
   --color-circle-white-inner: var(--telekom-color-ui-regular);
   --color-text-white: var(--telekom-color-text-and-icon-white-standard);
+
+  --spacing-vertical: var(--telekom-spacing-unit-x3);
+  --spacing-horizontal: var(--telekom-spacing-unit-x4);
 }
 
 .sr-only {
@@ -35,8 +37,7 @@
 }
 
 .spinner .spinner__text {
-  font-weight: var(--font-weight);
-  font-size: var(--font-size);
+  font: var(--telekom-text-style-ui-bold);
   color: var(--color-text-primary);
 }
 
@@ -47,46 +48,40 @@
 .spinner.spinner--alignment-horizontal .spinner__text {
   display: flex;
   align-self: center;
-  margin-left: var(--spacing);
-  margin-top: 3px;
+  margin-left: var(--spacing-horizontal);
 }
 
 .spinner.spinner--alignment-horizontal.spinner--size-small .spinner__text {
   line-height: var(--line-height-size-small);
-  padding-left: 12px;
 }
 
 .spinner.spinner--alignment-horizontal.spinner--size-large .spinner__text {
   line-height: var(--line-height-size-large);
-  margin-top: 5px;
-  padding-left: 12px;
 }
 
 .spinner.spinner--alignment-vertical .spinner__text {
-  margin-top: var(--spacing);
+  margin-top: var(--spacing-vertical);
 }
 
 .spinner.spinner--alignment-vertical.spinner--size-small .spinner__container {
-  height: 28px;
-  width: 28px;
-  padding-bottom: 4px;
+  height: var(--size-inner-small);
+  width: var(--size-inner-small);
 }
 
 .spinner.spinner--alignment-vertical.spinner--size-large .spinner__container {
-  height: 56px;
-  width: 56px;
-  padding-bottom: 4px;
+  height: var(--size-outer-large);
+  width: var(--size-outer-large);
 }
 
 .spinner.spinner--alignment-horizontal.spinner--size-small .spinner__container {
-  height: 28px;
-  width: 28px;
+  height: var(--size-inner-small);
+  width: var(--size-inner-small);
   text-align: left;
 }
 
 .spinner.spinner--alignment-horizontal.spinner--size-large .spinner__container {
-  height: 56px;
-  width: 56px;
+  height: var(--size-outer-large);
+  width: var(--size-outer-large);
   text-align: left;
 }
 
diff --git a/packages/components/src/components/loading-spinner/loading-spinner.tsx b/packages/components/src/components/loading-spinner/loading-spinner.tsx
index bcaf9cbc71..8029e546f0 100644
--- a/packages/components/src/components/loading-spinner/loading-spinner.tsx
+++ b/packages/components/src/components/loading-spinner/loading-spinner.tsx
@@ -13,6 +13,7 @@ export class LoadingSpinner {
   @Prop() variant: 'white' | 'primary' = 'primary';
   @Prop() alignment: 'horizontal' | 'vertical' = 'horizontal';
   @Prop() text: string;
+  @Prop() accessibilityTitle: string;
   @Prop() size: 'small' | 'large' = 'small';
 
   componentWillLoad() {
@@ -29,7 +30,7 @@ export class LoadingSpinner {
                 class="path"
                 cx="25"
                 cy="25"
-                r="20"
+                r="22.5"
                 fill="none"
                 stroke-width="4"
               ></circle>
@@ -43,14 +44,16 @@ export class LoadingSpinner {
                 class="path"
                 cx="25"
                 cy="25"
-                r="20"
+                r="22.5"
                 fill="none"
                 stroke-width="4"
               ></circle>
             </svg>
           </div>
           <div class="sr-only" aria-live="polite" id={`spinner-label-${i}`}>
-            {this.text || 'Loading'}
+            {this.accessibilityTitle
+              ? this.accessibilityTitle
+              : this.text || 'Loading'}
           </div>
           {this.text ? (
             <div part="text" class="spinner__text" aria-hidden="true">
diff --git a/packages/components/src/components/loading-spinner/readme.md b/packages/components/src/components/loading-spinner/readme.md
index ca73abf447..2949c52b71 100644
--- a/packages/components/src/components/loading-spinner/readme.md
+++ b/packages/components/src/components/loading-spinner/readme.md
@@ -7,12 +7,13 @@
 
 ## Properties
 
-| Property    | Attribute   | Description | Type                         | Default        |
-| ----------- | ----------- | ----------- | ---------------------------- | -------------- |
-| `alignment` | `alignment` |             | `"horizontal" \| "vertical"` | `'horizontal'` |
-| `size`      | `size`      |             | `"large" \| "small"`         | `'small'`      |
-| `text`      | `text`      |             | `string`                     | `undefined`    |
-| `variant`   | `variant`   |             | `"primary" \| "white"`       | `'primary'`    |
+| Property             | Attribute             | Description | Type                         | Default        |
+| -------------------- | --------------------- | ----------- | ---------------------------- | -------------- |
+| `accessibilityTitle` | `accessibility-title` |             | `string`                     | `undefined`    |
+| `alignment`          | `alignment`           |             | `"horizontal" \| "vertical"` | `'horizontal'` |
+| `size`               | `size`                |             | `"large" \| "small"`         | `'small'`      |
+| `text`               | `text`                |             | `string`                     | `undefined`    |
+| `variant`            | `variant`             |             | `"primary" \| "white"`       | `'primary'`    |
 
 
 ## Shadow Parts
diff --git a/packages/components/src/components/menu-flyout-item/menu-flyout-item.css b/packages/components/src/components/menu-flyout-item/menu-flyout-item.css
index 4d828424af..95486ad68d 100644
--- a/packages/components/src/components/menu-flyout-item/menu-flyout-item.css
+++ b/packages/components/src/components/menu-flyout-item/menu-flyout-item.css
@@ -15,7 +15,7 @@
   display: block;
   position: relative;
   outline-color: transparent;
-  /* So box-shadow is visible on the sides */
+  /* So outline is visible on the sides */
   padding-left: var(--telekom-spacing-unit-x05);
   padding-right: var(--telekom-spacing-unit-x05);
 
@@ -34,7 +34,9 @@
   text-align: left;
   font-size: var(--telekom-typography-font-size-body);
   line-height: 2.635em;
-  padding: 0 var(--telekom-spacing-unit-x6);
+  /* calc here to account for the extra padding for the outline */
+  padding: 0
+    calc(var(--telekom-spacing-unit-x6) - var(--telekom-spacing-unit-x05));
   user-select: none;
   white-space: nowrap;
   border-radius: 0;
@@ -60,8 +62,13 @@
   color: var(--telekom-color-text-and-icon-primary-hovered);
 }
 
+:host(:focus) {
+  outline: none;
+}
+
 :host(:focus) .menu-flyout-item {
   outline: var(--focus-outline);
+  border-radius: var(--telekom-radius-small);
 }
 
 :host(:active) .menu-flyout-item:not(.menu-flyout-item--disabled) {
diff --git a/packages/components/src/components/menu-flyout-item/menu-flyout-item.tsx b/packages/components/src/components/menu-flyout-item/menu-flyout-item.tsx
index 38dbef7601..0d50cd3f22 100644
--- a/packages/components/src/components/menu-flyout-item/menu-flyout-item.tsx
+++ b/packages/components/src/components/menu-flyout-item/menu-flyout-item.tsx
@@ -136,10 +136,10 @@ export class MenuFlyoutItem {
             {this.checkable == null ? (
               <slot name="prefix" />
             ) : (
-              <scale-icon-action-success
+              <scale-icon-action-checkmark
                 class="menu-flyout-item__check"
                 size={16}
-              ></scale-icon-action-success>
+              ></scale-icon-action-checkmark>
             )}
           </span>
           <span part="label" class="menu-flyout-item__label">
diff --git a/packages/components/src/components/menu-flyout-item/readme.md b/packages/components/src/components/menu-flyout-item/readme.md
index 614e43d3f5..d4b8809565 100644
--- a/packages/components/src/components/menu-flyout-item/readme.md
+++ b/packages/components/src/components/menu-flyout-item/readme.md
@@ -57,13 +57,13 @@ Type: `Promise<void>`
 
 ### Depends on
 
-- [scale-icon-action-success](../icons/action-success)
+- [scale-icon-action-checkmark](../icons/action-checkmark)
 - [scale-icon-navigation-right](../icons/navigation-right)
 
 ### Graph
 ```mermaid
 graph TD;
-  scale-menu-flyout-item --> scale-icon-action-success
+  scale-menu-flyout-item --> scale-icon-action-checkmark
   scale-menu-flyout-item --> scale-icon-navigation-right
   scale-data-grid --> scale-menu-flyout-item
   style scale-menu-flyout-item fill:#f9f,stroke:#333,stroke-width:4px
diff --git a/packages/components/src/components/menu-flyout-list/menu-flyout-list.css b/packages/components/src/components/menu-flyout-list/menu-flyout-list.css
index 147ec84de6..dc6976b9ab 100644
--- a/packages/components/src/components/menu-flyout-list/menu-flyout-list.css
+++ b/packages/components/src/components/menu-flyout-list/menu-flyout-list.css
@@ -29,7 +29,7 @@
   pointer-events: initial;
   z-index: var(--scl-z-index-20);
   background: var(--telekom-color-background-surface);
-  border-radius: var(--telekom-radius-large);
+  border-radius: var(--telekom-radius-standard);
   box-shadow: var(--telekom-shadow-overlay);
   overflow-y: hidden;
   margin-top: var(--spacing-y-list, 0);
diff --git a/packages/components/src/components/modal/modal.css b/packages/components/src/components/modal/modal.css
index 90cf03f955..f9f1bb1cb5 100644
--- a/packages/components/src/components/modal/modal.css
+++ b/packages/components/src/components/modal/modal.css
@@ -66,7 +66,8 @@
   --spacing-x-body-wrapper: var(--telekom-spacing-unit-x6);
   --spacing-y-body: var(--telekom-spacing-unit-x6);
 
-  --spacing-actions: var(--telekom-spacing-unit-x6);
+  --spacing-actions: var(--telekom-spacing-unit-x4)
+    var(--telekom-spacing-unit-x6) var(--telekom-spacing-unit-x6);
 
   --spacing-x-actions-slotted: var(--telekom-spacing-unit-x2);
   --background-actions-has-scroll: var(
@@ -223,13 +224,30 @@
   min-height: var(--telekom-spacing-related-lg);
 }
 
+/* we use `margin` and top padding because we want to allow "margin collapse" */
+/* @see https://web.dev/learn/css/spacing/#margin-collapse */
 .modal--has-body .modal__body {
-  /* we use `margin` and top padding because we want to allow "margin collapse" */
-  /* @see https://web.dev/learn/css/spacing/#margin-collapse */
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.modal--has-body:not(.modal--has-actions) .modal__body {
+  margin-bottom: var(--spacing-y-body);
+}
+.modal--has-scroll.modal--has-body .modal__body {
   margin-top: var(--spacing-y-body);
   margin-bottom: var(--spacing-y-body);
 }
 
+.modal--has-body .modal__body ::slotted(*) {
+  font: var(--telekom-text-style-body);
+}
+.modal--has-body .modal__body ::slotted(*:not([slot]):first-child) {
+  margin-top: 0;
+}
+.modal--has-body .modal__body ::slotted(*:not([slot]):last-of-type) {
+  margin-bottom: 0;
+}
+
 .modal__actions {
   display: none;
   flex-shrink: 0;
diff --git a/packages/components/src/components/notification-banner/__snapshots__/notification-banner.spec.ts.snap b/packages/components/src/components/notification-banner/__snapshots__/notification-banner.spec.ts.snap
index de2d6b6218..dc4b3fb02c 100644
--- a/packages/components/src/components/notification-banner/__snapshots__/notification-banner.spec.ts.snap
+++ b/packages/components/src/components/notification-banner/__snapshots__/notification-banner.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`NotificationBanner handle variant prop 1`] = `
 <scale-notification-banner opened="">
   <mock:shadow-root>
-    <div class="notification-banner notification-banner--has-no-text notification-banner--variant-error" part="notification-banner variant-error has-no-text" role="alert" tabindex="0">
+    <div class="notification-banner notification-banner--has-no-link notification-banner--has-no-text notification-banner--variant-error" part="notification-banner variant-error has-no-text has-no-link" role="alert" tabindex="0">
       <div class="notification-banner__container" part="container">
         <scale-icon-alert-error accessibility-title="error" aria-hidden="true" class="notification-banner__icon-error"></scale-icon-alert-error>
         <div class="notification-banner__heading" part="heading">
@@ -19,7 +19,7 @@ exports[`NotificationBanner handle variant prop 1`] = `
 exports[`NotificationBanner handle variant prop 2`] = `
 <scale-notification-banner opened="">
   <mock:shadow-root>
-    <div class="notification-banner notification-banner--has-no-text notification-banner--variant-warning" part="notification-banner variant-warning has-no-text" role="alert" tabindex="0">
+    <div class="notification-banner notification-banner--has-no-link notification-banner--has-no-text notification-banner--variant-warning" part="notification-banner variant-warning has-no-text has-no-link" role="alert" tabindex="0">
       <div class="notification-banner__container" part="container">
         <scale-icon-alert-warning aria-hidden="true" class="notification-banner__icon-information" color="#AE461C"></scale-icon-alert-warning>
         <div class="notification-banner__heading" part="heading">
@@ -35,7 +35,7 @@ exports[`NotificationBanner handle variant prop 2`] = `
 exports[`NotificationBanner handle variant prop 3`] = `
 <scale-notification-banner opened="">
   <mock:shadow-root>
-    <div class="notification-banner notification-banner--has-no-text notification-banner--variant-informational" part="notification-banner variant-informational has-no-text" role="alert" tabindex="0">
+    <div class="notification-banner notification-banner--has-no-link notification-banner--has-no-text notification-banner--variant-informational" part="notification-banner variant-informational has-no-text has-no-link" role="alert" tabindex="0">
       <div class="notification-banner__container" part="container">
         <scale-icon-alert-information accessibility-title="information" aria-hidden="true" class="notification-banner__icon-information"></scale-icon-alert-information>
         <div class="notification-banner__heading" part="heading">
@@ -51,9 +51,9 @@ exports[`NotificationBanner handle variant prop 3`] = `
 exports[`NotificationBanner handle variant prop 4`] = `
 <scale-notification-banner opened="">
   <mock:shadow-root>
-    <div class="notification-banner notification-banner--has-no-text notification-banner--variant-success" part="notification-banner variant-success has-no-text" role="alert" tabindex="0">
+    <div class="notification-banner notification-banner--has-no-link notification-banner--has-no-text notification-banner--variant-success" part="notification-banner variant-success has-no-text has-no-link" role="alert" tabindex="0">
       <div class="notification-banner__container" part="container">
-        <scale-icon-alert-success accessibility-title="success" aria-hidden="true" class="notification-banner__icon-success" color="#187431"></scale-icon-alert-success>
+        <scale-icon-action-success accessibility-title="success" aria-hidden="true" class="notification-banner__icon-success" color="#187431"></scale-icon-action-success>
         <div class="notification-banner__heading" part="heading">
           <slot></slot>
         </div>
@@ -67,7 +67,7 @@ exports[`NotificationBanner handle variant prop 4`] = `
 exports[`NotificationBanner should match snapshot 1`] = `
 <scale-notification-banner opened="">
   <mock:shadow-root>
-    <div class="notification-banner notification-banner--has-no-text notification-banner--variant-informational" part="notification-banner variant-informational has-no-text" role="alert" tabindex="0">
+    <div class="notification-banner notification-banner--has-no-link notification-banner--has-no-text notification-banner--variant-informational" part="notification-banner variant-informational has-no-text has-no-link" role="alert" tabindex="0">
       <div class="notification-banner__container" part="container">
         <scale-icon-alert-information accessibility-title="information" aria-hidden="true" class="notification-banner__icon-information"></scale-icon-alert-information>
         <div class="notification-banner__heading" part="heading">
diff --git a/packages/components/src/components/notification-banner/notification-banner.css b/packages/components/src/components/notification-banner/notification-banner.css
index d2b3f7508c..229d08d44d 100644
--- a/packages/components/src/components/notification-banner/notification-banner.css
+++ b/packages/components/src/components/notification-banner/notification-banner.css
@@ -45,13 +45,20 @@
 
 .notification-banner__heading {
   margin: 14px 48px 14px 48px;
+  padding: 13px 0 13px 0;
   font-weight: var(--telekom-typography-font-weight-bold);
-  line-height: 48px;
+  line-height: 22px;
 }
 
 .notification-banner__text ::slotted(*) {
   margin: -10px 0px -25px 0px;
   line-height: 16px;
+  padding: 13px 0 15px 0;
+}
+
+.notification-banner--has-no-link .notification-banner__text ::slotted(*) {
+  margin: -10px 0px -14px 0px;
+  line-height: 16px;
   padding-bottom: 15px;
 }
 
@@ -62,7 +69,7 @@
 
 .notification-banner--has-text .notification-banner__link ::slotted(*) {
   margin: 20px 0 0 0;
-  padding-bottom: 15px;
+  padding-bottom: 2px;
   line-height: 20px;
 }
 
diff --git a/packages/components/src/components/notification-banner/notification-banner.tsx b/packages/components/src/components/notification-banner/notification-banner.tsx
index 1d0d2b8f73..38f7e77d7b 100644
--- a/packages/components/src/components/notification-banner/notification-banner.tsx
+++ b/packages/components/src/components/notification-banner/notification-banner.tsx
@@ -75,7 +75,7 @@ export class NotificationBanner {
       switch (this.variant) {
         case 'success':
           return (
-            <scale-icon-alert-success
+            <scale-icon-action-success
               class="notification-banner__icon-success"
               color="#187431"
               accessibility-title="success"
@@ -190,7 +190,9 @@ export class NotificationBanner {
       name,
       this.variant && `${prefix}variant-${this.variant}`,
       this.hasSlotText && `${prefix}has-text`,
-      !this.hasSlotText && `${prefix}has-no-text`
+      !this.hasSlotText && `${prefix}has-no-text`,
+      this.hasSlotLink && `${prefix}has-link`,
+      !this.hasSlotLink && `${prefix}has-no-link`
     );
   }
 }
diff --git a/packages/components/src/components/notification-banner/readme.md b/packages/components/src/components/notification-banner/readme.md
index 9b25091ac0..36a34948fa 100644
--- a/packages/components/src/components/notification-banner/readme.md
+++ b/packages/components/src/components/notification-banner/readme.md
@@ -53,7 +53,7 @@ Type: `Promise<void>`
 
 ### Depends on
 
-- [scale-icon-alert-success](../icons/alert-success)
+- [scale-icon-action-success](../icons/action-success)
 - [scale-icon-alert-information](../icons/alert-information)
 - [scale-icon-alert-error](../icons/alert-error)
 - [scale-icon-alert-warning](../icons/alert-warning)
@@ -63,7 +63,7 @@ Type: `Promise<void>`
 ### Graph
 ```mermaid
 graph TD;
-  scale-notification-banner --> scale-icon-alert-success
+  scale-notification-banner --> scale-icon-action-success
   scale-notification-banner --> scale-icon-alert-information
   scale-notification-banner --> scale-icon-alert-error
   scale-notification-banner --> scale-icon-alert-warning
diff --git a/packages/components/src/components/notification-message/__snapshots__/notification-message.spec.ts.snap b/packages/components/src/components/notification-message/__snapshots__/notification-message.spec.ts.snap
index 23f59da515..db03a5e704 100644
--- a/packages/components/src/components/notification-message/__snapshots__/notification-message.spec.ts.snap
+++ b/packages/components/src/components/notification-message/__snapshots__/notification-message.spec.ts.snap
@@ -53,7 +53,7 @@ exports[`NotificationMessage handle variant prop 4`] = `
   <mock:shadow-root>
     <div class="notification-message notification-message--variant-success" part="notification-message variant-success" role="alert" tabindex="0">
       <div class="notification-message__container" part="container">
-        <scale-icon-alert-success aria-hidden="true" class="notification-message__icon-success" color="#187431"></scale-icon-alert-success>
+        <scale-icon-action-success aria-hidden="true" class="notification-message__icon-success" color="#187431"></scale-icon-action-success>
         <div class="notification-message__heading" part="heading">
           <slot></slot>
         </div>
diff --git a/packages/components/src/components/notification-message/notification-message.tsx b/packages/components/src/components/notification-message/notification-message.tsx
index 2804574fa9..db1716e72e 100644
--- a/packages/components/src/components/notification-message/notification-message.tsx
+++ b/packages/components/src/components/notification-message/notification-message.tsx
@@ -74,7 +74,7 @@ export class NotificationMessage {
       switch (this.variant) {
         case 'success':
           return (
-            <scale-icon-alert-success
+            <scale-icon-action-success
               class="notification-message__icon-success"
               color="#187431"
               aria-hidden="true"
diff --git a/packages/components/src/components/notification-message/readme.md b/packages/components/src/components/notification-message/readme.md
index 0b8acfd89e..62cac0bbd4 100644
--- a/packages/components/src/components/notification-message/readme.md
+++ b/packages/components/src/components/notification-message/readme.md
@@ -50,7 +50,7 @@ Type: `Promise<void>`
 
 ### Depends on
 
-- [scale-icon-alert-success](../icons/alert-success)
+- [scale-icon-action-success](../icons/action-success)
 - [scale-icon-alert-information](../icons/alert-information)
 - [scale-icon-alert-error](../icons/alert-error)
 - [scale-icon-alert-warning](../icons/alert-warning)
@@ -59,7 +59,7 @@ Type: `Promise<void>`
 ### Graph
 ```mermaid
 graph TD;
-  scale-notification-message --> scale-icon-alert-success
+  scale-notification-message --> scale-icon-action-success
   scale-notification-message --> scale-icon-alert-information
   scale-notification-message --> scale-icon-alert-error
   scale-notification-message --> scale-icon-alert-warning
diff --git a/packages/components/src/components/notification-toast/__snapshots__/notificat-toast.spec.ts.snap b/packages/components/src/components/notification-toast/__snapshots__/notificat-toast.spec.ts.snap
index 9b95ee5c0e..62237e970a 100644
--- a/packages/components/src/components/notification-toast/__snapshots__/notificat-toast.spec.ts.snap
+++ b/packages/components/src/components/notification-toast/__snapshots__/notificat-toast.spec.ts.snap
@@ -222,7 +222,7 @@ exports[`NotificationToast  handle variant prop 4`] = `
     </style>
     <div class="notification-toast notification-toast--opened notification-toast--show notification-toast--variant-success" part="base --variant-success --opened --show" role="alert" tabindex="0">
       <div class="notification-toast__icon-container">
-        <scale-icon-alert-success aria-hidden="true" class="notification-toast__icon" color="#ffffff" selected="" size="20"></scale-icon-alert-success>
+        <scale-icon-action-success aria-hidden="true" class="notification-toast__icon" color="#ffffff" selected="" size="20"></scale-icon-action-success>
       </div>
       <div class="notification-toast__text-container">
         <slot name="header"></slot>
diff --git a/packages/components/src/components/notification-toast/notification-toast.tsx b/packages/components/src/components/notification-toast/notification-toast.tsx
index b6a069a16f..16adb29698 100644
--- a/packages/components/src/components/notification-toast/notification-toast.tsx
+++ b/packages/components/src/components/notification-toast/notification-toast.tsx
@@ -106,7 +106,7 @@ export class NotificationToast {
       switch (this.variant) {
         case 'success':
           return (
-            <scale-icon-alert-success
+            <scale-icon-action-success
               class="notification-toast__icon"
               size={20}
               color="#ffffff"
diff --git a/packages/components/src/components/notification-toast/readme.md b/packages/components/src/components/notification-toast/readme.md
index 73ef06f585..c32252a049 100644
--- a/packages/components/src/components/notification-toast/readme.md
+++ b/packages/components/src/components/notification-toast/readme.md
@@ -57,7 +57,7 @@ Type: `Promise<void>`
 
 ### Depends on
 
-- [scale-icon-alert-success](../icons/alert-success)
+- [scale-icon-action-success](../icons/action-success)
 - [scale-icon-alert-information](../icons/alert-information)
 - [scale-icon-alert-error](../icons/alert-error)
 - [scale-icon-alert-warning](../icons/alert-warning)
@@ -67,7 +67,7 @@ Type: `Promise<void>`
 ### Graph
 ```mermaid
 graph TD;
-  scale-notification-toast --> scale-icon-alert-success
+  scale-notification-toast --> scale-icon-action-success
   scale-notification-toast --> scale-icon-alert-information
   scale-notification-toast --> scale-icon-alert-error
   scale-notification-toast --> scale-icon-alert-warning
diff --git a/packages/components/src/components/notification/__snapshots__/notification.spec.ts.snap b/packages/components/src/components/notification/__snapshots__/notification.spec.ts.snap
new file mode 100644
index 0000000000..055f53cadc
--- /dev/null
+++ b/packages/components/src/components/notification/__snapshots__/notification.spec.ts.snap
@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Notification  should match snapshot 1`] = `
+<scale-notification-toast
+  opened=""
+/>
+`;
+
+exports[`Notification  should match snapshot, type=banner 1`] = `
+<scale-notification-toast
+  opened=""
+  type="banner"
+/>
+`;
+
+exports[`Notification  should match snapshot, type=toast 1`] = `
+<scale-notification-toast
+  opened=""
+  type="toast"
+/>
+`;
diff --git a/packages/components/src/components/notification/notification.css b/packages/components/src/components/notification/notification.css
new file mode 100644
index 0000000000..3a83b5d72c
--- /dev/null
+++ b/packages/components/src/components/notification/notification.css
@@ -0,0 +1,162 @@
+/**
+ * @license
+ * Scale https://github.com/telekom/scale
+ *
+ * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+:host {
+  --width: 100%;
+  --width-toast: 25rem;
+  --radius: var(--telekom-radius-standard);
+  --spacing-y: var(--telekom-spacing-unit-x4);
+  --spacing-y-inner: var(--telekom-spacing-unit-x2);
+  --spacing-x-aside: var(--telekom-spacing-unit-x12);
+
+  --duration-in: var(--telekom-motion-duration-transition);
+  --duration-out: var(--telekom-motion-duration-transition);
+  --easing-in: var(--telekom-motion-easing-enter);
+  --easing-out: var(--telekom-motion-easing-exit);
+  --translate-x: 0;
+  --translate-y: 0;
+  --translate-z: 0;
+
+  display: contents;
+}
+
+[part~='base'] {
+  position: relative;
+  display: none;
+  box-sizing: border-box;
+  border-radius: var(--radius);
+  padding-right: var(--spacing-x-aside);
+  width: var(--width);
+  background: var(--_background-subtle);
+  box-shadow: var(--_shadow);
+  animation-duration: var(--duration);
+}
+
+[part~='base'][part~='open'] {
+  display: flex;
+}
+
+@keyframes toggle {
+  from {
+    opacity: 0;
+    transform: translate3d(
+      var(--translate-x),
+      var(--translate-y),
+      var(--translate-z)
+    );
+  }
+}
+
+[part~='in'] {
+  animation-name: toggle;
+  animation-duration: var(--duration-in);
+  animation-timing-function: var(--easing-in);
+}
+
+[part~='out'] {
+  animation-name: toggle;
+  animation-direction: reverse;
+  animation-duration: var(--duration-out);
+  animation-timing-function: var(--easing-out);
+}
+
+[part~='variant-informational'] {
+  --_background-subtle: var(--telekom-color-functional-informational-subtle);
+  --_background-accent: var(--telekom-color-functional-informational-standard);
+  --_color-accent: var(--telekom-color-text-and-icon-functional-informational);
+}
+[part~='variant-warning'] {
+  --_background-subtle: var(--telekom-color-functional-warning-subtle);
+  --_background-accent: var(--telekom-color-functional-warning-standard);
+  --_color-accent: var(--telekom-color-text-and-icon-functional-warning);
+}
+[part~='variant-success'] {
+  --_background-subtle: var(--telekom-color-functional-success-subtle);
+  --_background-accent: var(--telekom-color-functional-success-standard);
+  --_color-accent: var(--telekom-color-text-and-icon-functional-success);
+}
+[part~='variant-danger'] {
+  --_background-subtle: var(--telekom-color-functional-danger-subtle);
+  --_background-accent: var(--telekom-color-functional-danger-standard);
+  --_color-accent: var(--telekom-color-text-and-icon-functional-danger);
+}
+
+[part~='type-banner'] {
+  --_shadow: var(--telekom-shadow-floating-standard);
+}
+[part~='type-toast'] {
+  --translate-x: var(--telekom-spacing-unit-x3);
+  --_shadow: var(--telekom-shadow-top);
+  width: var(--width-toast);
+}
+
+[part='icon'] {
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: flex-start;
+  width: var(--spacing-x-aside);
+  padding-top: var(--spacing-y);
+  padding-bottom: var(--spacing-y);
+  border-top-left-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+  color: var(--_color-accent);
+}
+[part~='type-toast'] [part='icon'] {
+  background: var(--_background-accent);
+  color: var(--telekom-color-text-and-icon-white-standard);
+  align-items: center;
+}
+[part~='type-toast'][part~='variant-warning'] [part='icon'] {
+  color: var(--telekom-color-text-and-icon-black-standard);
+}
+
+[part='body'] {
+  margin-top: var(--spacing-y);
+  margin-bottom: var(--spacing-y);
+}
+[part~='type-toast'] [part='body'] {
+  padding-left: var(--spacing-y);
+}
+
+[part='heading'] {
+  font: var(--telekom-text-style-heading-6);
+  line-height: var(--telekom-typography-line-spacing-tight);
+}
+
+[part='text'] {
+  margin-top: var(--spacing-y-inner);
+}
+
+::slotted(*) {
+  font: var(--telekom-text-style-body);
+}
+::slotted(p) {
+  margin: 0;
+  margin-top: var(--spacing-y-inner);
+}
+
+[part='close-button'] {
+  --color-ghost: var(--telekom-text-and-icon-standard);
+  position: absolute;
+  right: var(--telekom-spacing-unit-x1);
+  top: var(--telekom-spacing-unit-x1);
+}
+
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
+  [part~='base'] {
+    border: 1px solid white;
+  }
+
+  [part='close-button'] {
+    --color-ghost: white;
+  }
+}
diff --git a/packages/components/src/components/notification/notification.spec.ts b/packages/components/src/components/notification/notification.spec.ts
new file mode 100644
index 0000000000..077d0d0578
--- /dev/null
+++ b/packages/components/src/components/notification/notification.spec.ts
@@ -0,0 +1,43 @@
+/**
+ * @license
+ * Scale https://github.com/telekom/scale
+ *
+ * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { newSpecPage } from '@stencil/core/testing';
+import { Notification } from './notification';
+
+describe('Notification ', () => {
+  let element;
+
+  beforeEach(async () => {
+    element = new Notification();
+  });
+
+  it('should match snapshot', async () => {
+    const page = await newSpecPage({
+      components: [Notification],
+      html: `<scale-notification-toast opened></scale-notification-toast>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it('should match snapshot, type=banner', async () => {
+    const page = await newSpecPage({
+      components: [Notification],
+      html: `<scale-notification-toast opened type="banner"></scale-notification-toast>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it('should match snapshot, type=toast', async () => {
+    const page = await newSpecPage({
+      components: [Notification],
+      html: `<scale-notification-toast opened type="toast"></scale-notification-toast>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+});
diff --git a/packages/components/src/components/notification/notification.tsx b/packages/components/src/components/notification/notification.tsx
new file mode 100644
index 0000000000..4eb135aa69
--- /dev/null
+++ b/packages/components/src/components/notification/notification.tsx
@@ -0,0 +1,203 @@
+/**
+ * @license
+ * Scale https://github.com/telekom/scale
+ *
+ * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import {
+  Component,
+  Prop,
+  h,
+  Element,
+  Event,
+  EventEmitter,
+  State,
+  Host,
+  Watch,
+} from '@stencil/core';
+import cn from 'classnames';
+import { animationsFinished } from '../../utils/utils';
+
+const ICON_SIZE = 20;
+
+type CloseEventTrigger = 'CLOSE_BUTTON' | 'ATTRIBUTE' | 'TIMEOUT';
+
+export interface BeforeCloseEventDetail {
+  trigger: CloseEventTrigger;
+}
+
+const iconVariantNameMap = {
+  informational: 'scale-icon-alert-information',
+  warning: 'scale-icon-alert-warning',
+  success: 'scale-icon-action-success',
+  danger: 'scale-icon-alert-error',
+};
+
+@Component({
+  tag: 'scale-notification',
+  styleUrl: './notification.css',
+  shadow: true,
+})
+export class Notification {
+  @Element() hostElement: HTMLElement;
+
+  /** Heading */
+  @Prop() heading: string;
+  /** (optional) Type */
+  @Prop() type?: 'inline' | 'banner' | 'toast' = 'inline';
+  /** (optional) Variant */
+  @Prop() variant?: 'danger' | 'warning' | 'success' | 'informational' =
+    'informational';
+  /** (optional) Visible */
+  @Prop({ reflect: true, mutable: true }) opened?: boolean;
+  /** (optional) Show the close button */
+  @Prop() dismissible?: boolean = false;
+  /** (optional) Time in milliseconds until it closes by itself */
+  @Prop() delay?: number;
+  /** (optional) `aria-live` of element */
+  @Prop() innerAriaLive?: string = 'assertive';
+  /** (optional) Label for close button */
+  @Prop() closeButtonLabel?: string = 'Close Pop-up';
+  /** (optional) `title` for close button */
+  @Prop() closeButtonTitle?: string = 'Close';
+  /** (optional) Injected styles */
+  @Prop() styles?: string;
+
+  /** What actually triggers opening/closing the notification */
+  @State() isOpen: boolean = this.opened || false;
+  @State() animationState: 'in' | 'out' | undefined;
+  @State() role: string = 'alert';
+  @State() hasTextSlot: boolean = false;
+  // @State() hasActionSlot: boolean = false; // unused for now
+
+  /** Fires after the notification has been opened  */
+  @Event({ eventName: 'scale-open' }) scaleOpen: EventEmitter<void>;
+  /** Fires on every close attempt. Calling `event.preventDefault()` will prevent the modal from closing */
+  @Event({ eventName: 'scale-before-close' })
+  scaleBeforeClose: EventEmitter<BeforeCloseEventDetail>;
+  /** Fires after the notification has been closed */
+  @Event({ eventName: 'scale-close' }) scaleClose: EventEmitter<void>;
+
+  private lastCloseEventTrigger: CloseEventTrigger | null = null;
+
+  connectedCallback() {
+    if (this.hostElement.hasAttribute('opened')) {
+      // Do not use `role="alert"` if opened/visible on page load
+      this.role = undefined;
+      this.isOpen = true;
+    }
+    if (this.delay !== undefined) {
+      setTimeout(this.timeout, this.delay);
+    }
+    this.hasTextSlot = this.hostElement.querySelector('[slot="text"]') != null;
+    // this.hasActionSlot =
+    //   this.hostElement.querySelector('[slot="action"]') != null;
+  }
+
+  @Watch('opened')
+  openedChanged(newValue) {
+    if (newValue === true) {
+      this.open();
+      this.lastCloseEventTrigger = 'ATTRIBUTE';
+    } else if (this.isOpen) {
+      this.close();
+    }
+  }
+
+  open = () => {
+    this.isOpen = true;
+    this.role = 'alert';
+    this.animationState = 'in';
+    requestAnimationFrame(async () => {
+      await animationsFinished(this.hostElement.shadowRoot);
+      this.animationState = undefined;
+      this.scaleOpen.emit();
+      if (this.delay !== undefined) {
+        setTimeout(this.timeout, this.delay);
+      }
+    });
+  };
+
+  close = () => {
+    const event = this.scaleBeforeClose.emit({
+      trigger: this.lastCloseEventTrigger,
+    });
+    this.lastCloseEventTrigger = null;
+    const prevented = event.defaultPrevented;
+    if (prevented) {
+      this.opened = true;
+      return;
+    }
+    this.animationState = 'out';
+    requestAnimationFrame(async () => {
+      await animationsFinished(this.hostElement.shadowRoot);
+      this.animationState = undefined;
+      this.isOpen = false;
+      this.scaleClose.emit();
+    });
+  };
+
+  timeout = () => {
+    this.lastCloseEventTrigger = 'TIMEOUT';
+    this.opened = false;
+  };
+
+  render() {
+    const IconTag = iconVariantNameMap[this.variant];
+
+    return (
+      <Host>
+        {this.styles && <style>{this.styles}</style>}
+        <div
+          part={cn(
+            'base',
+            this.animationState,
+            `type-${this.type}`,
+            `variant-${this.variant}`,
+            this.isOpen && 'open'
+          )}
+          role={this.role}
+          aria-live={this.role === undefined ? undefined : this.innerAriaLive}
+        >
+          <div part="icon" aria-hidden="true">
+            <slot name="icon">
+              <IconTag size={ICON_SIZE} selected={this.type === 'toast'} />
+            </slot>
+          </div>
+          <div part="body">
+            <div part="heading">{this.heading}</div>
+            {this.hasTextSlot && (
+              <div part="text">
+                <slot name="text"></slot>
+              </div>
+            )}
+          </div>
+          {this.dismissible && (
+            <scale-button
+              part="close-button"
+              variant="ghost"
+              onClick={() => {
+                this.lastCloseEventTrigger = 'CLOSE_BUTTON';
+                this.opened = false;
+              }}
+            >
+              <slot name="close-icon">
+                <scale-icon-action-circle-close
+                  aria-label={this.closeButtonLabel}
+                  accessibilityTitle={this.closeButtonTitle}
+                  decorative
+                  size={ICON_SIZE}
+                />
+              </slot>
+            </scale-button>
+          )}
+        </div>
+      </Host>
+    );
+  }
+}
diff --git a/packages/components/src/components/notification/readme.md b/packages/components/src/components/notification/readme.md
new file mode 100644
index 0000000000..6b1327df11
--- /dev/null
+++ b/packages/components/src/components/notification/readme.md
@@ -0,0 +1,61 @@
+# scale-notification
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property           | Attribute            | Description                                               | Type                                                    | Default           |
+| ------------------ | -------------------- | --------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
+| `closeButtonLabel` | `close-button-label` | (optional) Label for close button                         | `string`                                                | `'Close Pop-up'`  |
+| `closeButtonTitle` | `close-button-title` | (optional) `title` for close button                       | `string`                                                | `'Close'`         |
+| `delay`            | `delay`              | (optional) Time in milliseconds until it closes by itself | `number`                                                | `undefined`       |
+| `dismissible`      | `dismissible`        | (optional) Show the close button                          | `boolean`                                               | `false`           |
+| `heading`          | `heading`            | Heading                                                   | `string`                                                | `undefined`       |
+| `innerAriaLive`    | `inner-aria-live`    | (optional) `aria-live` of element                         | `string`                                                | `'assertive'`     |
+| `opened`           | `opened`             | (optional) Visible                                        | `boolean`                                               | `undefined`       |
+| `styles`           | `styles`             | (optional) Injected styles                                | `string`                                                | `undefined`       |
+| `type`             | `type`               | (optional) Type                                           | `"banner" \| "inline" \| "toast"`                       | `'inline'`        |
+| `variant`          | `variant`            | (optional) Variant                                        | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
+
+
+## Events
+
+| Event                | Description                                                                                        | Type                                  |
+| -------------------- | -------------------------------------------------------------------------------------------------- | ------------------------------------- |
+| `scale-before-close` | Fires on every close attempt. Calling `event.preventDefault()` will prevent the modal from closing | `CustomEvent<BeforeCloseEventDetail>` |
+| `scale-close`        | Fires after the notification has been closed                                                       | `CustomEvent<void>`                   |
+| `scale-open`         | Fires after the notification has been opened                                                       | `CustomEvent<void>`                   |
+
+
+## Shadow Parts
+
+| Part             | Description |
+| ---------------- | ----------- |
+| `"body"`         |             |
+| `"close-button"` |             |
+| `"heading"`      |             |
+| `"icon"`         |             |
+| `"text"`         |             |
+
+
+## Dependencies
+
+### Depends on
+
+- [scale-button](../button)
+- [scale-icon-action-circle-close](../icons/action-circle-close)
+
+### Graph
+```mermaid
+graph TD;
+  scale-notification --> scale-button
+  scale-notification --> scale-icon-action-circle-close
+  style scale-notification fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/components/src/components/pagination/__snapshots__/pagination.spec.ts.snap b/packages/components/src/components/pagination/__snapshots__/pagination.spec.ts.snap
index 8fd340aef4..d8e6b7c934 100644
--- a/packages/components/src/components/pagination/__snapshots__/pagination.spec.ts.snap
+++ b/packages/components/src/components/pagination/__snapshots__/pagination.spec.ts.snap
@@ -18,24 +18,16 @@ exports[`pagination should match snapshot 1`] = `
           / 1
         </div>
         <button aria-label="Go to first page" class="pagination__first-prompt" disabled="" part="first-prompt">
-          <svg fill="none" height="12" stroke="#cacaca" viewBox="0 0 48 52" xmlns="http://www.w3.org/2000/svg">
-            <path d="M44.5 48.5L21.5 26L44.5 3.5M27.5 48.5L4.5 26L27.5 3.5" stroke-linecap="round" stroke-width="6"></path>
-          </svg>
+          <scale-icon-navigation-double-left decorative="" size="20"></scale-icon-navigation-double-left>
         </button>
         <button aria-label="Go to previous page" class="pagination__prev-prompt" disabled="" part="prev-prompt">
-          <svg fill="none" height="12" stroke="#cacaca" viewBox="0 0 37 52" xmlns="http://www.w3.org/2000/svg">
-            <path d="M33 48L6 26L33 4" stroke-linecap="round" stroke-width="7"></path>
-          </svg>
+          <scale-icon-navigation-left decorative="" size="20"></scale-icon-navigation-left>
         </button>
         <button aria-label="Go to next page" class="pagination__next-prompt" disabled="" part="next-prompt">
-          <svg fill="none" height="12" stroke="#cacaca" viewBox="0 0 37 52" xmlns="http://www.w3.org/2000/svg">
-            <path d="M4 4L31 26L4 48" stroke-linecap="round" stroke-width="7"></path>
-          </svg>
+          <scale-icon-navigation-right decorative="" size="20"></scale-icon-navigation-right>
         </button>
         <button aria-label="Go to last page" class="pagination__last-prompt" disabled="" part="last-prompt">
-          <svg fill="none" height="12" stroke="#cacaca" viewBox="0 0 48 52" xmlns="http://www.w3.org/2000/svg">
-            <path d="M3.5 3.5L26.5 26L3.5 48.5M20.5 3.5L43.5 26L20.5 48.5" stroke-linecap="round" stroke-width="6"></path>
-          </svg>
+          <scale-icon-navigation-double-right decorative="" size="20"></scale-icon-navigation-double-right>
         </button>
       </div>
     </div>
diff --git a/packages/components/src/components/pagination/pagination.css b/packages/components/src/components/pagination/pagination.css
index dd9d8cc330..dde07d7930 100644
--- a/packages/components/src/components/pagination/pagination.css
+++ b/packages/components/src/components/pagination/pagination.css
@@ -42,6 +42,7 @@
   color: var(--color);
   text-align: center;
   font-size: var(--font-size);
+  font-weight: var(--telekom-typography-font-weight-medium);
   line-height: var(--line-height-info);
   padding: 0 var(--padding-info);
   border: var(--border);
@@ -56,7 +57,8 @@
 }
 .pagination__info span,
 .pagination__info-responsive span {
-  font-weight: bold;
+  color: var(--telekom-color-text-and-icon-primary-standard);
+  font-weight: var(--telekom-typography-font-weight-bold);
 }
 button {
   display: flex;
@@ -95,11 +97,11 @@ button:not(:disabled) {
   cursor: pointer;
 }
 button:not(:disabled) svg {
-  stroke: var(--stroke-svg);
+  color: var(--stroke-svg);
 }
 
 button:disabled svg {
-  stroke: var(--telekom-color-text-and-icon-disabled);
+  color: var(--telekom-color-text-and-icon-disabled);
 }
 
 button:not(:disabled):hover {
@@ -107,14 +109,14 @@ button:not(:disabled):hover {
   z-index: 1;
 }
 button:not(:disabled):hover svg {
-  stroke: var(--color-hover);
+  color: var(--color-hover);
 }
 button:not(:disabled):active {
   border-color: var(--color-active);
   z-index: 1;
 }
 button:not(:disabled):active svg {
-  stroke: var(--color-active);
+  color: var(--color-active);
 }
 
 /* Hide Borders option */
@@ -132,6 +134,13 @@ button:not(:disabled):active svg {
   border-bottom-width: 0;
 }
 
+.pagination--hide-borders .pagination__first-prompt {
+  border-left-color: transparent;
+}
+.pagination--hide-borders .pagination__last-prompt {
+  border-right-color: transparent;
+}
+
 .pagination--hide-borders button:not(:disabled):hover {
   /* Important to override external changes to hide side borders - i.e. in scale-data-grid */
   border-width: 1px;
@@ -144,7 +153,7 @@ button:not(:disabled):active svg {
 
 @media screen and (forced-colors: active), (-ms-high-contrast: active) {
   button:not(:disabled) svg {
-    stroke: var(--stroke-svg-high-contrast);
+    color: var(--stroke-svg-high-contrast);
   }
 }
 
diff --git a/packages/components/src/components/pagination/pagination.tsx b/packages/components/src/components/pagination/pagination.tsx
index 8c5c9e2bfd..28ef043342 100644
--- a/packages/components/src/components/pagination/pagination.tsx
+++ b/packages/components/src/components/pagination/pagination.tsx
@@ -37,6 +37,8 @@ import { emitEvent } from '../../utils/utils';
 
 export type PaginationEventDirection = 'FIRST' | 'PREVIOUS' | 'NEXT' | 'LAST';
 
+const DEFAULT_ICON_SIZE = 20;
+
 const name = 'pagination';
 @Component({
   tag: 'scale-pagination',
@@ -207,19 +209,10 @@ export class Pagination {
               onClick={() => this.goFirstPage()}
               aria-label={this.ariaLabelFirstPage}
             >
-              <svg
-                height="12"
-                viewBox="0 0 48 52"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                stroke="#cacaca"
-              >
-                <path
-                  d="M44.5 48.5L21.5 26L44.5 3.5M27.5 48.5L4.5 26L27.5 3.5"
-                  stroke-width="6"
-                  stroke-linecap="round"
-                />
-              </svg>
+              <scale-icon-navigation-double-left
+                size={DEFAULT_ICON_SIZE}
+                decorative
+              />
             </button>
             <button
               class={`${name}__prev-prompt`}
@@ -228,22 +221,7 @@ export class Pagination {
               onClick={() => this.goPreviousPage()}
               aria-label={this.ariaLabelPreviousPage}
             >
-              <svg
-                height="12"
-                viewBox="0 0 37 52"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                stroke="#cacaca"
-              >
-                <path
-                  d="M33 48L6 26L33 4"
-                  stroke-width="7"
-                  stroke-linecap="round"
-                />
-              </svg>
-              {/* scale-icon behaves differently from inlined svg in HCM,
-                  and we want all four icons to be the same, so leaving that for now */}
-              {/*<scale-icon-navigation-left size={16} />*/}
+              <scale-icon-navigation-left size={DEFAULT_ICON_SIZE} decorative />
             </button>
             <button
               class={`${name}__next-prompt`}
@@ -252,19 +230,10 @@ export class Pagination {
               onClick={() => this.goNextPage()}
               aria-label={this.ariaLabelNextPage}
             >
-              <svg
-                height="12"
-                viewBox="0 0 37 52"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                stroke="#cacaca"
-              >
-                <path
-                  d="M4 4L31 26L4 48"
-                  stroke-width="7"
-                  stroke-linecap="round"
-                />
-              </svg>
+              <scale-icon-navigation-right
+                size={DEFAULT_ICON_SIZE}
+                decorative
+              />
             </button>
             <button
               class={`${name}__last-prompt`}
@@ -273,19 +242,10 @@ export class Pagination {
               onClick={() => this.goLastPage()}
               aria-label={this.ariaLabelLastPage}
             >
-              <svg
-                height="12"
-                viewBox="0 0 48 52"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                stroke="#cacaca"
-              >
-                <path
-                  d="M3.5 3.5L26.5 26L3.5 48.5M20.5 3.5L43.5 26L20.5 48.5"
-                  stroke-width="6"
-                  stroke-linecap="round"
-                />
-              </svg>
+              <scale-icon-navigation-double-right
+                size={DEFAULT_ICON_SIZE}
+                decorative
+              />
             </button>
           </div>
         </div>
diff --git a/packages/components/src/components/pagination/readme.md b/packages/components/src/components/pagination/readme.md
index 19c013bc72..4798e5cff2 100644
--- a/packages/components/src/components/pagination/readme.md
+++ b/packages/components/src/components/pagination/readme.md
@@ -49,9 +49,20 @@
 
  - [scale-data-grid](../data-grid)
 
+### Depends on
+
+- [scale-icon-navigation-double-left](../icons/navigation-double-left)
+- [scale-icon-navigation-left](../icons/navigation-left)
+- [scale-icon-navigation-right](../icons/navigation-right)
+- [scale-icon-navigation-double-right](../icons/navigation-double-right)
+
 ### Graph
 ```mermaid
 graph TD;
+  scale-pagination --> scale-icon-navigation-double-left
+  scale-pagination --> scale-icon-navigation-left
+  scale-pagination --> scale-icon-navigation-right
+  scale-pagination --> scale-icon-navigation-double-right
   scale-data-grid --> scale-pagination
   style scale-pagination fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/components/src/components/progress-bar/__snapshots__/progress-bar.spec.ts.snap b/packages/components/src/components/progress-bar/__snapshots__/progress-bar.spec.ts.snap
index 5aa6171cbf..cb4c11b225 100644
--- a/packages/components/src/components/progress-bar/__snapshots__/progress-bar.spec.ts.snap
+++ b/packages/components/src/components/progress-bar/__snapshots__/progress-bar.spec.ts.snap
@@ -58,6 +58,7 @@ exports[`ProgressBar should match snapshot 1`] = `
     </style>
     <div class="progress-bar" part="progress-bar">
       <div class="progress-bar__top-container">
+        <span></span>
         <div aria-hidden="true" class="progress-bar__status" part="status">
           0%
         </div>
diff --git a/packages/components/src/components/progress-bar/progress-bar.css b/packages/components/src/components/progress-bar/progress-bar.css
index b6a0f7971a..d2165a2084 100644
--- a/packages/components/src/components/progress-bar/progress-bar.css
+++ b/packages/components/src/components/progress-bar/progress-bar.css
@@ -10,23 +10,27 @@
  */
 
 :host {
-  --background: var(--telekom-color-primary-standard);
-  --background-disabled: var(--telekom-color-ui-disabled);
-  --background-color: var(--telekom-color-ui-faint);
-  --color-error: var(--telekom-color-text-and-icon-functional-danger);
-  --background-error: var(--telekom-color-functional-danger-subtle);
-  --color-success: var(--telekom-color-text-and-icon-functional-success);
+  --track-color: var(--telekom-color-ui-faint);
+  --bar-color: var(--telekom-color-primary-standard);
+
+  --icon-color-error: var(--telekom-color-text-and-icon-functional-danger);
+  --track-color-error: var(--telekom-color-functional-danger-subtle);
+  --bar-color-error: var(--telekom-color-functional-danger-standard);
+
+  --icon-color-success: var(--telekom-color-text-and-icon-functional-success);
+  --track-color-success: var(--telekom-color-functional-success-subtle);
+  --bar-color-success: var(--telekom-color-functional-success-standard);
+
+  --bar-color-disabled: var(--telekom-color-ui-disabled);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
+
   --progress-bar-outer-size: 6px;
   --progress-bar-inner-size: var(--telekom-spacing-unit-x1);
   --font-label: var(--telekom-text-style-ui);
-  --color-inner-status: var(--telekom-color-primary-standard);
-  --font-size-inner-status: var(--telekom-typography-font-size-small);
-  --font-size-status: var(--telekom-typography-font-size-small);
-  --font-weight-status: var(--telekom-typography-font-weight-extra-bold);
+  --color-label: var(--telekom-color-text-and-icon-standard);
+
   --color-status-description: var(--telekom-color-text-and-icon-additional);
-  --font-size-status-description: var(--telekom-typography-font-size-small);
-  --font-weight-status-description: var(--telekom-typography-font-weight-bold);
+  --font-status-description: var(--telekom-text-style-small-bold);
 }
 
 .progress-bar {
@@ -52,6 +56,7 @@
 .progress-bar__label {
   display: block;
   padding: var(--telekom-spacing-unit-x3) 0;
+  color: var(--color-label);
   font: var(--font-label);
 }
 
@@ -69,7 +74,7 @@
   overflow: hidden;
   position: relative;
   border-radius: var(--telekom-radius-pill);
-  background-color: var(--background-color);
+  background: var(--track-color);
 }
 
 .progress-bar__inner {
@@ -84,13 +89,13 @@
   justify-content: flex-end;
   border-radius: var(--telekom-radius-pill);
   border: 1px solid transparent;
-  background: var(--background);
+  background: var(--bar-color);
   transition: width var(--telekom-motion-duration-immediate)
     var(--telekom-motion-easing-standard);
 }
 
 .progress-bar--disabled .progress-bar__inner {
-  background: var(--background-disabled);
+  background: var(--bar-color-disabled);
 }
 
 .progress-bar__status {
@@ -100,27 +105,28 @@
 }
 
 .progress-bar--completed .progress-bar__icon {
-  color: var(--color-success);
+  color: var(--icon-color-success);
+}
+.progress-bar--completed .progress-bar__outer {
+  background: var(--track-color-success);
 }
 .progress-bar--completed .progress-bar__inner {
-  --background: var(--color-success);
+  background: var(--bar-color-success);
 }
 
 .progress-bar--has-error .progress-bar__icon {
-  color: var(--color-error);
+  color: var(--icon-color-error);
 }
-.progress-bar--has-error .progress-bar__inner {
-  --background: var(--color-error);
-}
-
 .progress-bar--has-error .progress-bar__outer {
-  background-color: var(--background-error);
+  background: var(--track-color-error);
+}
+.progress-bar--has-error .progress-bar__inner {
+  background: var(--bar-color-error);
 }
 
 .progress-bar__status-description {
   color: var(--color-status-description);
-  font-size: var(--font-size-status-description);
-  font-weight: var(--font-weight-status-description);
+  font: var(--font-status-description);
   margin-top: var(--telekom-spacing-unit-x2);
 }
 
diff --git a/packages/components/src/components/progress-bar/progress-bar.tsx b/packages/components/src/components/progress-bar/progress-bar.tsx
index 3ed9d25586..2c3a24593c 100644
--- a/packages/components/src/components/progress-bar/progress-bar.tsx
+++ b/packages/components/src/components/progress-bar/progress-bar.tsx
@@ -102,7 +102,7 @@ export class ProgressBar {
 
         <div part={this.getBasePartMap()} class={this.getCssClassMap()}>
           <div class="progress-bar__top-container">
-            {!!this.label && (
+            {!!this.label ? (
               <label
                 part="label"
                 class="progress-bar__label"
@@ -110,6 +110,8 @@ export class ProgressBar {
               >
                 {this.label}
               </label>
+            ) : (
+              <span> </span>
             )}
             {!!this.showStatus && !this.hasError && this.percentage !== 100 && (
               <div
@@ -129,9 +131,9 @@ export class ProgressBar {
               </div>
             ) : this.percentage === 100 ? (
               <div class="progress-bar__icon">
-                <scale-icon-alert-success
+                <scale-icon-action-success
                   size={ICON_SIZE}
-                ></scale-icon-alert-success>
+                ></scale-icon-action-success>
               </div>
             ) : null}
           </div>
diff --git a/packages/components/src/components/progress-bar/readme.md b/packages/components/src/components/progress-bar/readme.md
index 5b28a970a4..6e79631698 100644
--- a/packages/components/src/components/progress-bar/readme.md
+++ b/packages/components/src/components/progress-bar/readme.md
@@ -45,13 +45,13 @@
 ### Depends on
 
 - [scale-icon-alert-error](../icons/alert-error)
-- [scale-icon-alert-success](../icons/alert-success)
+- [scale-icon-action-success](../icons/action-success)
 
 ### Graph
 ```mermaid
 graph TD;
   scale-progress-bar --> scale-icon-alert-error
-  scale-progress-bar --> scale-icon-alert-success
+  scale-progress-bar --> scale-icon-action-success
   scale-data-grid --> scale-progress-bar
   style scale-progress-bar fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/components/src/components/radio-button-group/__snapshots__/radio-button-group.spec.ts.snap b/packages/components/src/components/radio-button-group/__snapshots__/radio-button-group.spec.ts.snap
index ce88e0f58f..6126404642 100644
--- a/packages/components/src/components/radio-button-group/__snapshots__/radio-button-group.spec.ts.snap
+++ b/packages/components/src/components/radio-button-group/__snapshots__/radio-button-group.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`RadioButtonGroup should match error snapshot 1`] = `
 <scale-radio-button-group helper-text="Error message" invalid="true" label="Radio Button Label">
   <mock:shadow-root>
-    <fieldset class="radio-button-group">
+    <fieldset class="radio-button-group" part="base">
       <legend class="radio-button-group__title">
         <label aria-label="Radio Button Label" class="radio-button-group__title-label">
           Radio Button Label
@@ -15,7 +15,7 @@ exports[`RadioButtonGroup should match error snapshot 1`] = `
           </span>
         </div>
       </legend>
-      <div class="radio-button-group__container">
+      <div class="radio-button-group__container" part="container">
         <slot></slot>
       </div>
     </fieldset>
@@ -33,13 +33,13 @@ exports[`RadioButtonGroup should match error snapshot 1`] = `
 exports[`RadioButtonGroup should match selected snapshot 1`] = `
 <scale-radio-button-group label="Radio Button Label">
   <mock:shadow-root>
-    <fieldset class="radio-button-group">
+    <fieldset class="radio-button-group" part="base">
       <legend class="radio-button-group__title">
         <label aria-label="Radio Button Label" class="radio-button-group__title-label">
           Radio Button Label
         </label>
       </legend>
-      <div class="radio-button-group__container">
+      <div class="radio-button-group__container" part="container">
         <slot></slot>
       </div>
     </fieldset>
@@ -57,13 +57,13 @@ exports[`RadioButtonGroup should match selected snapshot 1`] = `
 exports[`RadioButtonGroup should match standard snapshot 1`] = `
 <scale-radio-button-group label="Radio Button Label">
   <mock:shadow-root>
-    <fieldset class="radio-button-group">
+    <fieldset class="radio-button-group" part="base">
       <legend class="radio-button-group__title">
         <label aria-label="Radio Button Label" class="radio-button-group__title-label">
           Radio Button Label
         </label>
       </legend>
-      <div class="radio-button-group__container">
+      <div class="radio-button-group__container" part="container">
         <slot></slot>
       </div>
     </fieldset>
diff --git a/packages/components/src/components/radio-button-group/radio-button-group.tsx b/packages/components/src/components/radio-button-group/radio-button-group.tsx
index 62b56d491c..092c85696a 100644
--- a/packages/components/src/components/radio-button-group/radio-button-group.tsx
+++ b/packages/components/src/components/radio-button-group/radio-button-group.tsx
@@ -47,7 +47,7 @@ export class RadioButtonGroup {
   render() {
     const helperTextId = `helper-message-${this.internalId}`;
     return (
-      <fieldset class="radio-button-group">
+      <fieldset part="base" class="radio-button-group">
         <legend class="radio-button-group__title">
           <label
             class="radio-button-group__title-label"
@@ -67,7 +67,7 @@ export class RadioButtonGroup {
             </div>
           ) : null}
         </legend>
-        <div class="radio-button-group__container">
+        <div part="container" class="radio-button-group__container">
           <slot />
         </div>
       </fieldset>
diff --git a/packages/components/src/components/radio-button-group/readme.md b/packages/components/src/components/radio-button-group/readme.md
index f8be64a887..3216db53b3 100644
--- a/packages/components/src/components/radio-button-group/readme.md
+++ b/packages/components/src/components/radio-button-group/readme.md
@@ -15,6 +15,14 @@
 | `status`     | `status`      | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/> | `string`  | `''`    |
 
 
+## Shadow Parts
+
+| Part          | Description |
+| ------------- | ----------- |
+| `"base"`      |             |
+| `"container"` |             |
+
+
 ## Dependencies
 
 ### Depends on
diff --git a/packages/components/src/components/rating-stars/rating-stars.css b/packages/components/src/components/rating-stars/rating-stars.css
index 418219d1fb..c1cd105aa5 100644
--- a/packages/components/src/components/rating-stars/rating-stars.css
+++ b/packages/components/src/components/rating-stars/rating-stars.css
@@ -14,22 +14,23 @@
   --stars-hover-color: var(--telekom-color-text-and-icon-primary-hovered);
   --stars-active-color: var(--telekom-color-text-and-icon-primary-pressed);
   --stars-inactive-color: transparent;
-  --stars-placeholder-color: var(--telekom-color-text-and-icon-standard);
-  --stars-placeholder-revert-color: var(--telekom-color-ui-regular);
+  --stars-placeholder-color: var(--telekom-color-ui-border-standard);
+  --stars-placeholder-hover-color: var(--telekom-color-ui-border-hovered);
   --stars-disabled-color: var(--telekom-color-text-and-icon-disabled);
   --stars-spacing: var(--telekom-spacing-unit-x05);
   --stars-transition: color var(--telekom-motion-duration-immediate);
   --stars-size: 24px;
-  --font-weight-medium: var(--telekom-typography-font-weight-medium);
-  --font-size-small: var(--telekom-typography-font-size-small);
+  --label-font: var(--telekom-text-style-ui);
+  --infotext-font: var(--telekom-text-style-body);
+  --infotext-font-small: var(--telekom-text-style-body);
   --infotext-color: var(--telekom-color-text-and-icon-additional);
   --focus-outline: var(--telekom-line-weight-highlight) solid
     var(--telekom-color-functional-focus-standard);
 }
 
-:host([star-size='small']) {
+[star-size='small'],
+[size='small'] {
   --stars-size: 16px;
-  font-size: var(--font-size-small);
 }
 
 [part='container'] {
@@ -76,6 +77,7 @@ input[type='range']::-webkit-slider-thumb {
 
 [part='content'] {
   display: flex;
+  align-items: center;
 }
 
 [part='wrapper'] {
@@ -94,6 +96,7 @@ input[type='range']::-webkit-slider-thumb {
 }
 
 [part='label'] {
+  font: var(--label-font);
   margin-bottom: var(--telekom-spacing-unit-x2);
   white-space: nowrap;
 }
@@ -102,11 +105,15 @@ input[type='range']::-webkit-slider-thumb {
   margin-left: var(--telekom-spacing-unit-x2);
   display: flex;
   align-items: center;
-  font-weight: var(--font-weight-medium);
+  font: var(--infotext-font);
   color: var(--infotext-color);
   white-space: nowrap;
 }
 
+:host([size='small']) [part='infotext'] {
+  font: var(--infotext-font-small);
+}
+
 [part='star'] {
   --decimal-width: 100%;
 
@@ -179,8 +186,7 @@ input[type='range']::-webkit-slider-thumb {
   }
 
   [part='star']:hover ~ [part='star'] [part='placeholder-star'] {
-    /* --stars-placeholder-color: var(--stars-placeholder-revert-color); */
-    --stars-placeholder-color: var(--telekom-color-text-and-icon-standard);
+    color: var(--stars-placeholder-hover-color);
   }
 }
 
diff --git a/packages/components/src/components/segment/__snapshots__/segment.spec.ts.snap b/packages/components/src/components/segment/__snapshots__/segment.spec.ts.snap
index 5fbf4a3cae..bf96880a50 100644
--- a/packages/components/src/components/segment/__snapshots__/segment.spec.ts.snap
+++ b/packages/components/src/components/segment/__snapshots__/segment.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`Segment should match standard snapshot 1`] = `
     <button aria-description="deselected" class="segment segment--small" id="segment-0" part="segment small" type="button">
       <div class="segment--mask">
         <div class="success-icon-container">
-          <scale-icon-action-success aria-hidden="true" class="scale-icon-action-success" selected="" size="14"></scale-icon-action-success>
+          <scale-icon-action-checkmark aria-hidden="true" class="scale-icon-action-checkmark" selected="" size="14"></scale-icon-action-checkmark>
         </div>
         <div class="icon-container">
           <slot name="segment-icon"></slot>
diff --git a/packages/components/src/components/segment/readme.md b/packages/components/src/components/segment/readme.md
index d1114184fe..bc5a198334 100644
--- a/packages/components/src/components/segment/readme.md
+++ b/packages/components/src/components/segment/readme.md
@@ -52,12 +52,12 @@ Type: `Promise<void>`
 
 ### Depends on
 
-- [scale-icon-action-success](../icons/action-success)
+- [scale-icon-action-checkmark](../icons/action-checkmark)
 
 ### Graph
 ```mermaid
 graph TD;
-  scale-segment --> scale-icon-action-success
+  scale-segment --> scale-icon-action-checkmark
   style scale-segment fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/segment/segment.css b/packages/components/src/components/segment/segment.css
index 4e851e253c..32da001048 100644
--- a/packages/components/src/components/segment/segment.css
+++ b/packages/components/src/components/segment/segment.css
@@ -15,9 +15,7 @@
   --button-radius: 6px;
   --padding-top-bottom: var(--telekom-spacing-unit-x1);
   --height: 28px;
-  --font-family: var(--telekom-typography-font-family-sans);
-  --font-weight: var(--telekom-typography-font-weight-bold);
-  --font-size: var(--telekom-typography-font-size-caption);
+  --font: var(--telekom-text-style-caption-bold);
   --label-disabled: var(--telekom-color-text-and-icon-disabled);
   --transition: all var(--telekom-motion-duration-transition)
     var(--telekom-motion-easing-standard);
@@ -26,11 +24,11 @@
   --color-selected: var(--telekom-color-text-and-icon-primary-standard);
 
   /* medium styles */
-  --font-size-medium: var(--telekom-typography-font-size-body);
+  --font-medium: var(--telekom-text-style-ui-bold);
   --height-medium: 36px;
 
   /* large styles */
-  --font-size-large: var(--telekom-typography-font-size-body);
+  --font-large: var(--telekom-text-style-ui-bold);
   --height-large: 40px;
 
   /* hover styles */
@@ -69,17 +67,11 @@
   width: 100%;
   border-radius: var(--button-radius);
   background-color: transparent;
-  font-family: var(--font-family);
-  font-size: var(--font-size);
-  font-weight: var(--font-weight);
+  font: var(--font);
   transition: var(--transition);
   white-space: nowrap;
   color: var(--color);
-}
-
-button.segment--icon-only.segment--small .segment--mask {
-  padding-left: var(--telekom-spacing-unit-x4);
-  padding-right: var(--telekom-spacing-unit-x4);
+  line-height: 1;
 }
 
 button.segment--small.segment--selected .segment--mask {
@@ -87,6 +79,11 @@ button.segment--small.segment--selected .segment--mask {
   padding-right: var(--telekom-spacing-unit-x3);
 }
 
+button.segment--icon-only.segment--small .segment--mask {
+  padding-left: var(--telekom-spacing-unit-x4);
+  padding-right: var(--telekom-spacing-unit-x4);
+}
+
 button.segment--small .segment--mask {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
@@ -97,7 +94,6 @@ button.segment--small .segment--mask {
 }
 
 .segment--medium {
-  font-size: var(--font-size-medium);
   height: var(--height-medium);
 }
 
@@ -107,23 +103,24 @@ button.segment--medium.segment--selected .segment--mask {
 }
 
 button.segment--medium .segment--mask {
+  font: var(--font-medium);
   padding-left: 0.875rem;
   padding-right: 0.875rem;
 }
 
 .segment--large {
-  font-size: var(--font-size-large);
   height: var(--height-large);
 }
 
-button.segment--large .segment--mask {
+button.segment--large.segment--selected .segment--mask {
   padding-left: var(--telekom-spacing-unit-x4);
   padding-right: var(--telekom-spacing-unit-x5);
 }
 
-button.segment--large.segment--selected .segment--mask {
-  padding-left: 1.125rem;
-  padding-right: 1.125rem;
+button.segment--large .segment--mask {
+  font: var(--font-large);
+  padding-left: var(--telekom-spacing-unit-x4);
+  padding-right: var(--telekom-spacing-unit-x5);
 }
 
 .segment--selected {
@@ -186,22 +183,27 @@ button.segment--large.segment--selected .segment--mask {
   position: relative;
 }
 
+.segment:not(.segment--selected):focus {
+  outline-offset: 0;
+}
+
 .segment--left-right-sibling-selected:focus,
 .segment--right-sibling-selected:focus,
 .segment--left-sibling-selected:focus {
   clip-path: none;
 }
 
-.segment:not(.segment--icon-only) scale-icon-action-success,
+/* FIXME remove the hard-coded icon names */
+.segment:not(.segment--icon-only) scale-icon-action-checkmark,
 .segment scale-icon-action-close {
   margin-right: var(--telekom-spacing-unit-x1);
 }
 
-.segment:not(.segment--selected) scale-icon-action-success {
+.segment:not(.segment--selected) scale-icon-action-checkmark {
   visibility: hidden !important;
 }
 
-.segment scale-icon-action-success {
+.segment scale-icon-action-checkmark {
   vertical-align: middle;
 }
 
diff --git a/packages/components/src/components/segment/segment.tsx b/packages/components/src/components/segment/segment.tsx
index 04fc0a1a7f..c2daf67c0c 100644
--- a/packages/components/src/components/segment/segment.tsx
+++ b/packages/components/src/components/segment/segment.tsx
@@ -117,9 +117,12 @@ export class Segment {
           case 'small':
             icon.setAttribute('size', '14');
             break;
-          case 'medium' || 'large':
+          case 'medium':
             icon.setAttribute('size', '16');
             break;
+          case 'large':
+            icon.setAttribute('size', '20');
+            break;
         }
         icon.style.display = 'inline-flex';
         icon.style.marginRight = '4px';
@@ -181,9 +184,15 @@ export class Segment {
           <div class="segment--mask">
             {!this.iconOnly && (
               <div class="success-icon-container">
-                <scale-icon-action-success
-                  size={this.size === 'small' ? 14 : 16}
-                  class="scale-icon-action-success"
+                <scale-icon-action-checkmark
+                  size={
+                    this.size === 'small'
+                      ? 14
+                      : this.size === 'medium'
+                      ? 16
+                      : 20
+                  }
+                  class="scale-icon-action-checkmark"
                   aria-hidden="true"
                   selected
                 />
diff --git a/packages/components/src/components/segmented-button/readme.md b/packages/components/src/components/segmented-button/readme.md
index 64567f0d3f..7c5faaa8ee 100644
--- a/packages/components/src/components/segmented-button/readme.md
+++ b/packages/components/src/components/segmented-button/readme.md
@@ -42,7 +42,7 @@ graph TD;
   scale-segmented-button --> scale-helper-text
   scale-helper-text --> scale-icon-alert-information
   scale-helper-text --> scale-icon-alert-error
-  scale-helper-text --> scale-icon-alert-success
+  scale-helper-text --> scale-icon-action-success
   style scale-segmented-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/components/src/components/segmented-button/segmented-button.tsx b/packages/components/src/components/segmented-button/segmented-button.tsx
index b5ce588d75..b93fea17c1 100644
--- a/packages/components/src/components/segmented-button/segmented-button.tsx
+++ b/packages/components/src/components/segmented-button/segmented-button.tsx
@@ -30,7 +30,8 @@ interface SegmentStatus {
 }
 
 const CHECKMARK_WIDTH_SMALL = 14;
-const CHECKMARK_WIDTH_LARGE = 18;
+const CHECKMARK_WIDTH_MEDIUM = 18 + 12;
+const CHECKMARK_WIDTH_LARGE = 20 + 18;
 
 @Component({
   tag: 'scale-segmented-button',
@@ -198,7 +199,11 @@ export class SegmentedButton {
       const selected = child.hasAttribute('selected');
       const iconOnly = child.hasAttribute('icon-only');
       const checkmark =
-        this.size === 'small' ? CHECKMARK_WIDTH_SMALL : CHECKMARK_WIDTH_LARGE;
+        this.size === 'small'
+          ? CHECKMARK_WIDTH_SMALL
+          : this.size === 'medium'
+          ? CHECKMARK_WIDTH_MEDIUM
+          : CHECKMARK_WIDTH_LARGE;
       if (selected || iconOnly) {
         tempWidth =
           child.getBoundingClientRect().width > tempWidth
diff --git a/packages/components/src/components/sidebar-nav-collapsible/__snapshots__/sidebar-nav-collapsible.spec.ts.snap b/packages/components/src/components/sidebar-nav-collapsible/__snapshots__/sidebar-nav-collapsible.spec.ts.snap
index 181252d728..82c0129fae 100644
--- a/packages/components/src/components/sidebar-nav-collapsible/__snapshots__/sidebar-nav-collapsible.spec.ts.snap
+++ b/packages/components/src/components/sidebar-nav-collapsible/__snapshots__/sidebar-nav-collapsible.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`SidebarNavCollapsible emitter exit handleKeydown if event metaKey 1`] =
     <li class="sidebar-nav-collapsible" part="sidebar-nav-collapsible" role="listitem">
       <div class="sidebar-nav-collapsible__wrapper" part="wrapper">
         <a aria-expanded="false" class="sidebar-nav-collapsible__button" href="#" part="button" role="button">
-          <scale-icon-navigation-collapse-down class="sidebar-nav-collapsible__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+          <scale-icon-navigation-collapse-down class="sidebar-nav-collapsible__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
         </a>
       </div>
       <ul class="sidebar-nav-collapsible__list" hidden="" part="list">
@@ -23,7 +23,7 @@ exports[`SidebarNavCollapsible snapshots smoke test 1`] = `
     <li class="sidebar-nav-collapsible" part="sidebar-nav-collapsible" role="listitem">
       <div class="sidebar-nav-collapsible__wrapper" part="wrapper">
         <a aria-expanded="false" class="sidebar-nav-collapsible__button" href="#" part="button" role="button">
-          <scale-icon-navigation-collapse-down class="sidebar-nav-collapsible__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+          <scale-icon-navigation-collapse-down class="sidebar-nav-collapsible__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
         </a>
       </div>
       <ul class="sidebar-nav-collapsible__list" hidden="" part="list">
diff --git a/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.css b/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.css
index 42cfb4778a..1c5d8f77e7 100644
--- a/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.css
+++ b/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.css
@@ -15,7 +15,7 @@
   --border-left-color-third-nesting: var(--telekom-color-ui-strong);
   --color-active: var(--telekom-color-text-and-icon-primary-pressed);
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
-  --color-primary: var(--telekom-color-text-and-icon-primary-hovered);
+  --color-primary: var(--telekom-color-text-and-icon-primary-standard);
   --background-color-before-active: var(--color-primary);
   --font-weight-bold: var(--telekom-typography-font-weight-bold);
   --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight)
@@ -90,6 +90,15 @@
   border-left: 2px solid transparent;
 }
 
+.sidebar-nav-collapsible--active:hover
+  .sidebar-nav-collapsible__button::before {
+  background-color: var(--color-hover);
+}
+.sidebar-nav-collapsible--active:active
+  .sidebar-nav-collapsible__button::before {
+  background-color: var(--color-active);
+}
+
 :host([nesting-level='1']) .sidebar-nav-collapsible__button,
 .sidebar-nav-collapsible--bold .sidebar-nav-collapsible__button {
   font-weight: var(--font-weight-bold);
diff --git a/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.tsx b/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.tsx
index 9289f69438..457ed1cd20 100644
--- a/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.tsx
+++ b/packages/components/src/components/sidebar-nav-collapsible/sidebar-nav-collapsible.tsx
@@ -91,7 +91,7 @@ export class SidebarNavCollapsible {
               <scale-icon-navigation-collapse-down
                 class="sidebar-nav-collapsible__icon"
                 selected={this.bold}
-                size={16}
+                size={20}
                 part="icon"
               />
             </a>
diff --git a/packages/components/src/components/sidebar-nav-item/sidebar-nav-item.css b/packages/components/src/components/sidebar-nav-item/sidebar-nav-item.css
index fb5677667c..912d4395b1 100644
--- a/packages/components/src/components/sidebar-nav-item/sidebar-nav-item.css
+++ b/packages/components/src/components/sidebar-nav-item/sidebar-nav-item.css
@@ -16,7 +16,7 @@
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-primary: var(--telekom-color-text-and-icon-primary-standard);
   --background-color-before-active: var(--color-primary);
-  --font-weight-bold: var(--telekom-typography-font-weight-bold);
+  --font-bold: var(--telekom-text-style-ui-bold);
   --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight)
     var(--telekom-color-functional-focus-standard);
 }
@@ -43,13 +43,24 @@
   border-left: 2px solid transparent;
 }
 
+/*:host([nesting-level='3']) .sidebar-nav-item--active::before {
+  transform: translateX(-0.5px);
+}*/
+
+.sidebar-nav-item:hover.sidebar-nav-item--active::before {
+  background-color: var(--color-hover);
+}
+.sidebar-nav-item:active.sidebar-nav-item--active::before {
+  background-color: var(--color-active);
+}
+
 .sidebar-nav-item--condensed.sidebar-nav-item--active::before {
   left: -1px;
 }
 
 :host([nesting-level='1']) .sidebar-nav-item,
 .sidebar-nav-item--bold {
-  font-weight: var(--font-weight-bold);
+  font: var(--font-bold);
 }
 
 :host([nesting-level='3']) .sidebar-nav-item {
@@ -60,7 +71,8 @@
 
 ::slotted(a) {
   color: currentColor;
-  display: block;
+  display: flex;
+  align-items: center;
   padding-top: 1rem;
   padding-right: 1rem;
   padding-bottom: 1rem;
@@ -68,6 +80,7 @@
   border-radius: var(--telekom-radius-small);
   text-decoration: none;
   outline: none;
+  min-height: 20px;
 }
 
 :host([nesting-level='2']) ::slotted(a) {
diff --git a/packages/components/src/components/sidebar-nav/__snapshots__/sidebar-nav.spec.ts.snap b/packages/components/src/components/sidebar-nav/__snapshots__/sidebar-nav.spec.ts.snap
index 3ddb51860d..ff95d5592d 100644
--- a/packages/components/src/components/sidebar-nav/__snapshots__/sidebar-nav.spec.ts.snap
+++ b/packages/components/src/components/sidebar-nav/__snapshots__/sidebar-nav.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`SidebarNav should handle click 1`] = `
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
@@ -25,7 +25,7 @@ exports[`SidebarNav should handle scale-sidebar-nav-collapsuible child 1`] = `
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
@@ -44,7 +44,7 @@ exports[`SidebarNav should handle scale-sidebar-nav-collapsuible child level 1 1
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
@@ -65,7 +65,7 @@ exports[`SidebarNav should handle scale-sidebar-nav-collapsuible child level 2 1
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
@@ -88,7 +88,7 @@ exports[`SidebarNav should handle scale-sidebar-nav-collapsuible child level 2 2
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
@@ -112,7 +112,7 @@ exports[`SidebarNav should handle scale-sidebar-nav-item child 1`] = `
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
@@ -131,7 +131,7 @@ exports[`SidebarNav should match snapshot 1`] = `
     <div class="sidebar-nav sidebar-nav--collapsible" part="sidebar-nav collapsible">
       <button aria-expanded="false" class="sidebar-nav__toggle-button" part="toggle-button">
         Menu
-        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="16"></scale-icon-navigation-collapse-down>
+        <scale-icon-navigation-collapse-down class="sidebar-nav__icon" part="icon" size="20"></scale-icon-navigation-collapse-down>
       </button>
       <nav hidden="" part="nav">
         <ul class="sidebar-nav__list" part="list" role="list">
diff --git a/packages/components/src/components/sidebar-nav/sidebar-nav.tsx b/packages/components/src/components/sidebar-nav/sidebar-nav.tsx
index 345c2b7b40..415e608841 100644
--- a/packages/components/src/components/sidebar-nav/sidebar-nav.tsx
+++ b/packages/components/src/components/sidebar-nav/sidebar-nav.tsx
@@ -132,7 +132,7 @@ export class SidebarNav {
               <scale-icon-navigation-collapse-down
                 part="icon"
                 class="sidebar-nav__icon"
-                size={16}
+                size={20}
               />
             </button>
           )}
diff --git a/packages/components/src/components/slider/readme.md b/packages/components/src/components/slider/readme.md
index fdd3476ed3..10df5824b9 100644
--- a/packages/components/src/components/slider/readme.md
+++ b/packages/components/src/components/slider/readme.md
@@ -7,30 +7,31 @@
 
 ## Properties
 
-| Property             | Attribute               | Description                                                                              | Type                  | Default          |
-| -------------------- | ----------------------- | ---------------------------------------------------------------------------------------- | --------------------- | ---------------- |
-| `customColor`        | `custom-color`          | <span style="color:red">**[DEPRECATED]**</span> (optional) slider custom color<br/><br/> | `string`              | `undefined`      |
-| `decimals`           | `decimals`              | (optional) number of decimal places                                                      | `0 \| 1 \| 2`         | `0`              |
-| `disabled`           | `disabled`              | (optional) disabled                                                                      | `boolean`             | `false`          |
-| `helperText`         | `helper-text`           | (optional) helper text                                                                   | `string`              | `undefined`      |
-| `innerAriaValueText` | `inner-aria-value-text` | (optional) Aria label for range slider                                                   | `string`              | `'$from to $to'` |
-| `label`              | `label`                 | (optional) slider label                                                                  | `string`              | `undefined`      |
-| `max`                | `max`                   | (optional) the maximal value of the slider                                               | `number`              | `100`            |
-| `min`                | `min`                   | t(optional) he minimal value of the slider                                               | `number`              | `0`              |
-| `name`               | `name`                  | (optional) the name of the slider                                                        | `string`              | `undefined`      |
-| `range`              | `range`                 | (optional) multi-thumb                                                                   | `boolean`             | `false`          |
-| `showStepMarks`      | `show-step-marks`       | (optional) show a mark for each step                                                     | `boolean`             | `false`          |
-| `showValue`          | `show-value`            | (optional) slider display value                                                          | `boolean`             | `true`           |
-| `sliderId`           | `slider-id`             | (optional) Slider id                                                                     | `string`              | `undefined`      |
-| `step`               | `step`                  | (optional) the step size to increase or decrease when dragging slider                    | `number`              | `1`              |
-| `styles`             | `styles`                | (optional) Injected CSS styles                                                           | `string`              | `undefined`      |
-| `thumbLarge`         | `thumb-large`           | <span style="color:red">**[DEPRECATED]**</span> (optional) larger thumb<br/><br/>        | `boolean`             | `undefined`      |
-| `trackSmall`         | `track-small`           | <span style="color:red">**[DEPRECATED]**</span> (optional) smaller track<br/><br/>       | `boolean`             | `undefined`      |
-| `unit`               | `unit`                  | (optional) slider value unit                                                             | `string`              | `''`             |
-| `unitPosition`       | `unit-position`         | (optional) unit position                                                                 | `"after" \| "before"` | `'after'`        |
-| `value`              | `value`                 | (optional) the value of the slider                                                       | `number`              | `0`              |
-| `valueFrom`          | `value-from`            | (optional) when `range` is true, the "from" value                                        | `number`              | `0`              |
-| `valueTo`            | `value-to`              | (optional) when `range` is true, the "to" value                                          | `number`              | `0`              |
+| Property             | Attribute               | Description                                                                                                                                                                          | Type                  | Default          |
+| -------------------- | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | ---------------- |
+| `customColor`        | `custom-color`          | <span style="color:red">**[DEPRECATED]**</span> (optional) slider custom color<br/><br/>                                                                                             | `string`              | `undefined`      |
+| `decimals`           | `decimals`              | (optional) number of decimal places                                                                                                                                                  | `0 \| 1 \| 2`         | `0`              |
+| `disabled`           | `disabled`              | (optional) disabled                                                                                                                                                                  | `boolean`             | `false`          |
+| `helperText`         | `helper-text`           | (optional) helper text                                                                                                                                                               | `string`              | `undefined`      |
+| `innerAriaValueText` | `inner-aria-value-text` | (optional) Aria label for range slider                                                                                                                                               | `string`              | `'$from to $to'` |
+| `label`              | `label`                 | (optional) slider label                                                                                                                                                              | `string`              | `undefined`      |
+| `max`                | `max`                   | (optional) the maximal value of the slider                                                                                                                                           | `number`              | `100`            |
+| `min`                | `min`                   | t(optional) he minimal value of the slider                                                                                                                                           | `number`              | `0`              |
+| `name`               | `name`                  | (optional) the name of the slider                                                                                                                                                    | `string`              | `undefined`      |
+| `platform`           | `platform`              | (optional) adapt styles for a specific platform. Ideally done via a global `data-platform` attribute (e.g. data-platform="ios" on `body`) but browser support is not yet sufficient. | `"android" \| "ios"`  | `undefined`      |
+| `range`              | `range`                 | (optional) multi-thumb                                                                                                                                                               | `boolean`             | `false`          |
+| `showStepMarks`      | `show-step-marks`       | (optional) show a mark for each step                                                                                                                                                 | `boolean`             | `false`          |
+| `showValue`          | `show-value`            | (optional) slider display value                                                                                                                                                      | `boolean`             | `true`           |
+| `sliderId`           | `slider-id`             | (optional) Slider id                                                                                                                                                                 | `string`              | `undefined`      |
+| `step`               | `step`                  | (optional) the step size to increase or decrease when dragging slider                                                                                                                | `number`              | `1`              |
+| `styles`             | `styles`                | (optional) Injected CSS styles                                                                                                                                                       | `string`              | `undefined`      |
+| `thumbLarge`         | `thumb-large`           | <span style="color:red">**[DEPRECATED]**</span> (optional) larger thumb<br/><br/>                                                                                                    | `boolean`             | `undefined`      |
+| `trackSmall`         | `track-small`           | <span style="color:red">**[DEPRECATED]**</span> (optional) smaller track<br/><br/>                                                                                                   | `boolean`             | `undefined`      |
+| `unit`               | `unit`                  | (optional) slider value unit                                                                                                                                                         | `string`              | `''`             |
+| `unitPosition`       | `unit-position`         | (optional) unit position                                                                                                                                                             | `"after" \| "before"` | `'after'`        |
+| `value`              | `value`                 | (optional) the value of the slider                                                                                                                                                   | `number`              | `0`              |
+| `valueFrom`          | `value-from`            | (optional) when `range` is true, the "from" value                                                                                                                                    | `number`              | `0`              |
+| `valueTo`            | `value-to`              | (optional) when `range` is true, the "to" value                                                                                                                                      | `number`              | `0`              |
 
 
 ## Events
diff --git a/packages/components/src/components/slider/slider.css b/packages/components/src/components/slider/slider.css
index 95e40b6a92..53e7a4b752 100644
--- a/packages/components/src/components/slider/slider.css
+++ b/packages/components/src/components/slider/slider.css
@@ -176,6 +176,11 @@
   cursor: not-allowed;
 }
 
+/*
+  :host-context() is not widely supported yet
+  that's why the rules for the platform are duplicated
+*/
+
 /* PLATFORM iOS */
 
 :host-context([data-platform='ios']) {
@@ -183,13 +188,24 @@
   --size-thumb: 26px;
   --size-step-mark: 2px;
 }
+:host([platform='ios']) {
+  --height-track: 4px;
+  --size-thumb: 26px;
+  --size-step-mark: 2px;
+}
 
 /* PLATFORM Android */
 
 :host-context([data-platform='android']) {
   --background-thumb: var(--telekom-color-primary-standard);
 }
+:host([platform='android']) {
+  --background-thumb: var(--telekom-color-primary-standard);
+}
 
 :host-context([data-platform='android']) [part~='thumb'] {
   box-shadow: var(--_border), var(--telekom-shadow-raised-standard);
 }
+:host([platform='android']) [part~='thumb'] {
+  box-shadow: var(--_border), var(--telekom-shadow-raised-standard);
+}
diff --git a/packages/components/src/components/slider/slider.tsx b/packages/components/src/components/slider/slider.tsx
index b94f8ade0d..b16a6b38ed 100644
--- a/packages/components/src/components/slider/slider.tsx
+++ b/packages/components/src/components/slider/slider.tsx
@@ -66,6 +66,14 @@ export class Slider {
   @Prop() unitPosition?: 'before' | 'after' = 'after';
   /** (optional) number of decimal places */
   @Prop() decimals?: 0 | 1 | 2 = 0;
+  /**
+   * (optional) adapt styles for a specific platform.
+   * Ideally done via a global `data-platform` attribute
+   * (e.g. data-platform="ios" on `body`)
+   * but browser support is not yet sufficient.
+   * @see @url(https://caniuse.com/mdn-css_selectors_host-context)
+   */
+  @Prop({ reflect: true }) platform?: 'ios' | 'android';
   /** @deprecated (optional) slider custom color */
   @Prop() customColor?: string;
   /** (optional) disabled  */
diff --git a/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap b/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
index ff2c872994..7d76add8c1 100644
--- a/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
+++ b/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`Switch should match snapshot 1`] = `
       <input aria-labelledby="switch-0-label" class="switch__control" id="switch-0" type="checkbox">
       <div aria-hidden="true" class="switch__toggle">
         <div class="switch__thumb">
-          <scale-icon-action-success decorative="" selected="" size="12"></scale-icon-action-success>
+          <scale-icon-action-checkmark decorative="" selected="" size="12"></scale-icon-action-checkmark>
         </div>
         <div class="switch__io-text">
           <span>
diff --git a/packages/components/src/components/switch/readme.md b/packages/components/src/components/switch/readme.md
index b4285f7499..a3fbdda9b7 100644
--- a/packages/components/src/components/switch/readme.md
+++ b/packages/components/src/components/switch/readme.md
@@ -7,15 +7,15 @@
 
 ## Properties
 
-| Property   | Attribute  | Description                    | Type      | Default     |
-| ---------- | ---------- | ------------------------------ | --------- | ----------- |
-| `checked`  | `checked`  | (optional) Active switch       | `boolean` | `false`     |
-| `disabled` | `disabled` | (optional) Disabled switch     | `boolean` | `false`     |
-| `inputId`  | `input-id` | (optional) Input id            | `string`  | `undefined` |
-| `label`    | `label`    | (optional) switch label        | `string`  | `undefined` |
-| `name`     | `name`     | (optional) Input name          | `string`  | `undefined` |
-| `size`     | `size`     |                                | `string`  | `'large'`   |
-| `styles`   | `styles`   | (optional) Injected CSS styles | `string`  | `undefined` |
+| Property   | Attribute  | Description                    | Type                 | Default     |
+| ---------- | ---------- | ------------------------------ | -------------------- | ----------- |
+| `checked`  | `checked`  | (optional) Active switch       | `boolean`            | `false`     |
+| `disabled` | `disabled` | (optional) Disabled switch     | `boolean`            | `false`     |
+| `inputId`  | `input-id` | (optional) Input id            | `string`             | `undefined` |
+| `label`    | `label`    | (optional) switch label        | `string`             | `undefined` |
+| `name`     | `name`     | (optional) Input name          | `string`             | `undefined` |
+| `size`     | `size`     |                                | `"large" \| "small"` | `'large'`   |
+| `styles`   | `styles`   | (optional) Injected CSS styles | `string`             | `undefined` |
 
 
 ## Events
@@ -34,12 +34,12 @@
 
 ### Depends on
 
-- [scale-icon-action-success](../icons/action-success)
+- [scale-icon-action-checkmark](../icons/action-checkmark)
 
 ### Graph
 ```mermaid
 graph TD;
-  scale-switch --> scale-icon-action-success
+  scale-switch --> scale-icon-action-checkmark
   scale-data-grid --> scale-switch
   style scale-switch fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/components/src/components/switch/switch.tsx b/packages/components/src/components/switch/switch.tsx
index 062e2ce9c7..78fa077679 100644
--- a/packages/components/src/components/switch/switch.tsx
+++ b/packages/components/src/components/switch/switch.tsx
@@ -38,7 +38,7 @@ export class Switch {
   /** (optional) Injected CSS styles */
   @Prop() styles?: string;
 
-  @Prop() size?: string = 'large';
+  @Prop() size?: 'small' | 'large' = 'large';
 
   /** Emitted when the switch was clicked */
   @Event({ eventName: 'scale-change' }) scaleChange!: EventEmitter;
@@ -72,7 +72,7 @@ export class Switch {
             />
             <div class="switch__toggle" aria-hidden="true">
               <div class="switch__thumb">
-                <scale-icon-action-success size={12} decorative selected />
+                <scale-icon-action-checkmark size={12} decorative selected />
               </div>
               <div class="switch__io-text">
                 <span>{this.checked ? 'I' : '0'}</span>
diff --git a/packages/components/src/components/tab-header/tab-header.css b/packages/components/src/components/tab-header/tab-header.css
index 7fef210855..7abed2b2c8 100644
--- a/packages/components/src/components/tab-header/tab-header.css
+++ b/packages/components/src/components/tab-header/tab-header.css
@@ -11,10 +11,7 @@
 
 :host {
   outline: none;
-  --font-size: var(--telekom-typography-font-size-body);
-  --font-family: var(--telekom-typography-font-family-sans, TeleNeoWeb);
-  --font-weight: var(--telekom-typography-font-weight-bold);
-  --height: 3rem;
+  --font: var(--telekom-text-style-ui-bold);
   --color: var(--telekom-color-text-and-icon-standard);
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-active: var(--telekom-color-text-and-icon-primary-pressed);
@@ -24,7 +21,6 @@
   --spacing-right-slotted: var(--telekom-spacing-unit-x2);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --radius: var(--telekom-radius-standard);
-
   --font-size-large: var(--telekom-typography-font-size-callout);
 }
 
@@ -37,18 +33,12 @@
   box-sizing: border-box;
   align-items: center;
   height: var(--tab-height);
+  font: var(--font);
+  border-radius: var(--tab-radius);
   padding-right: var(--tab-spacing-horizontal);
   padding-left: var(--tab-spacing-horizontal);
   padding-top: var(--tab-spacing-vertical);
   padding-bottom: var(--tab-spacing-vertical);
-  font-size: var(--font-size);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight);
-  border-radius: var(--tab-radius);
-}
-
-.tab-header {
-  --tab-height: var(--height);
 }
 
 .tab-header--disabled {
@@ -136,9 +126,6 @@
 /* small size */
 
 .tab-header--large {
-  padding-right: var(--tab-spacing-horizontal-large);
-  padding-left: var(--tab-spacing-horizontal-large);
-  padding-top: var(--tab-spacing-vertical-large);
-  padding-bottom: var(--tab-spacing-vertical-large);
   font-size: var(--font-size-large);
+  height: var(--tab-height-large);
 }
diff --git a/packages/components/src/components/tab-header/tab-header.e2e.ts b/packages/components/src/components/tab-header/tab-header.e2e.ts
index 6b88b82e1c..a0798e34af 100644
--- a/packages/components/src/components/tab-header/tab-header.e2e.ts
+++ b/packages/components/src/components/tab-header/tab-header.e2e.ts
@@ -29,6 +29,6 @@ describe('scale-tab-header', () => {
        </scale-tab-header>
      `);
     const element = await page.find('scale-icon-home-home');
-    expect(element.getAttribute('size')).toBe('16');
+    expect(element.getAttribute('size')).toBe('20');
   });
 });
diff --git a/packages/components/src/components/tab-header/tab-header.tsx b/packages/components/src/components/tab-header/tab-header.tsx
index 9bbe01bed5..56a18aa070 100644
--- a/packages/components/src/components/tab-header/tab-header.tsx
+++ b/packages/components/src/components/tab-header/tab-header.tsx
@@ -25,7 +25,7 @@ import classNames from 'classnames';
 import { ScaleIcon, isScaleIcon } from '../../utils/utils';
 import statusNote from '../../utils/status-note';
 
-const PER_SPEC_ICON_SIZE = 16;
+const PER_SPEC_ICON_SIZE = 20;
 
 let i = 0;
 
diff --git a/packages/components/src/components/tab-nav/tab-nav.css b/packages/components/src/components/tab-nav/tab-nav.css
index 4b0b67372f..ad2f05f0cf 100644
--- a/packages/components/src/components/tab-nav/tab-nav.css
+++ b/packages/components/src/components/tab-nav/tab-nav.css
@@ -10,15 +10,18 @@
  */
 
 :host {
-  --tab-height: var(--telekom-spacing-unit-x10);
+  --tab-height: 3rem;
   --tab-spacing-horizontal: var(--telekom-spacing-unit-x3);
   --tab-spacing-vertical: var(--telekom-spacing-unit-x4);
   --tab-radius: var(--telekom-radius-small);
   --tab-border-size: var(--telekom-line-weight-standard);
   --tab-border-size-selected: var(--telekom-line-weight-highlight);
+  --tab-border-size-selected: 3px;
+
   --tab-border-color: var(--telekom-color-ui-subtle);
 
-  --tab-height-large: var(--telekom-spacing-unit-x12);
+  --tab-height-large: 3.25rem;
+
   --tab-spacing-horizontal-large: var(--telekom-spacing-unit-x4);
   --tab-spacing-vertical-large: 0.875rem;
 }
diff --git a/packages/components/src/components/table/__snapshots__/table.spec.ts.snap b/packages/components/src/components/table/__snapshots__/table.spec.ts.snap
index 20c2b1104c..d2d4eb626c 100644
--- a/packages/components/src/components/table/__snapshots__/table.spec.ts.snap
+++ b/packages/components/src/components/table/__snapshots__/table.spec.ts.snap
@@ -11,28 +11,22 @@ exports[`Table should match snapshot 1`] = `
       <tr>
         <th>
           <span aria-hidden="true" class="scale-sort-indicator">
-            <svg viewBox="0 0 16 16">
-              <polygon points="5.24264069 7.24264069 11.2426407 7.24264069 5.24264069 13.2426407" transform="translate(8.242641, 10.242641) rotate(45.000000) translate(-8.242641, -10.242641) "></polygon>
-              <polygon points="5.24264069 3.24264069 11.2426407 3.24264069 5.24264069 9.24264069" transform="translate(8.242641, 6.242641) scale(1, -1) rotate(45.000000) translate(-8.242641, -6.242641) "></polygon>
-            </svg>
+            <scale-icon-content-sort-indicator-up class="scale-sort-indicator-icon up" size="16"></scale-icon-content-sort-indicator-up>
+            <scale-icon-content-sort-indicator-down class="down scale-sort-indicator-icon" size="16"></scale-icon-content-sort-indicator-down>
           </span>
           Title
         </th>
         <th>
           <span aria-hidden="true" class="scale-sort-indicator">
-            <svg viewBox="0 0 16 16">
-              <polygon points="5.24264069 7.24264069 11.2426407 7.24264069 5.24264069 13.2426407" transform="translate(8.242641, 10.242641) rotate(45.000000) translate(-8.242641, -10.242641) "></polygon>
-              <polygon points="5.24264069 3.24264069 11.2426407 3.24264069 5.24264069 9.24264069" transform="translate(8.242641, 6.242641) scale(1, -1) rotate(45.000000) translate(-8.242641, -6.242641) "></polygon>
-            </svg>
+            <scale-icon-content-sort-indicator-up class="scale-sort-indicator-icon up" size="16"></scale-icon-content-sort-indicator-up>
+            <scale-icon-content-sort-indicator-down class="down scale-sort-indicator-icon" size="16"></scale-icon-content-sort-indicator-down>
           </span>
           Time
         </th>
         <th>
           <span aria-hidden="true" class="scale-sort-indicator">
-            <svg viewBox="0 0 16 16">
-              <polygon points="5.24264069 7.24264069 11.2426407 7.24264069 5.24264069 13.2426407" transform="translate(8.242641, 10.242641) rotate(45.000000) translate(-8.242641, -10.242641) "></polygon>
-              <polygon points="5.24264069 3.24264069 11.2426407 3.24264069 5.24264069 9.24264069" transform="translate(8.242641, 6.242641) scale(1, -1) rotate(45.000000) translate(-8.242641, -6.242641) "></polygon>
-            </svg>
+            <scale-icon-content-sort-indicator-up class="scale-sort-indicator-icon up" size="16"></scale-icon-content-sort-indicator-up>
+            <scale-icon-content-sort-indicator-down class="down scale-sort-indicator-icon" size="16"></scale-icon-content-sort-indicator-down>
           </span>
           Euros
         </th>
diff --git a/packages/components/src/components/table/table.css b/packages/components/src/components/table/table.css
index e5dd78c7ca..3f156e6abf 100644
--- a/packages/components/src/components/table/table.css
+++ b/packages/components/src/components/table/table.css
@@ -83,8 +83,8 @@ scale-table {
   font-weight: var(--font-weight);
   border-bottom: var(--border-bottom-tfoot-td);
 }
-.table .scale-sort-indicator svg {
-  display: none;
+.table .scale-sort-indicator-icon {
+  display: none !important;
 }
 .table tbody tr:hover {
   background: var(--background-tbody-tr-hover);
@@ -110,8 +110,8 @@ scale-table {
   box-shadow: var(--box-shadow-th-sortable-focus);
   border-radius: var(--radius);
 }
-.table--sortable th .scale-sort-indicator svg {
-  display: block;
+.table--sortable th .scale-sort-indicator-icon {
+  display: inline-flex !important;
 }
 .table--sortable th[aria-disabled] {
   padding: var(--padding);
@@ -123,71 +123,50 @@ scale-table {
 .table--sortable th[aria-sort='none'] {
   padding: var(--padding);
 }
-.table--sortable
-  th[aria-sort='ascending']
-  .scale-sort-indicator
-  polygon:first-of-type {
-  fill: var(--color);
+.table--sortable th[aria-sort='ascending'] .scale-sort-indicator .up {
+  color: var(--color);
 }
-.table--sortable th:hover .scale-sort-indicator polygon:first-of-type {
-  fill: var(--color-hover);
+.table--sortable th:hover .scale-sort-indicator .up {
+  color: var(--color-hover);
 }
-.table--sortable
-  th:hover[aria-sort='ascending']
-  .scale-sort-indicator
-  polygon:first-of-type {
-  fill: var(--color-hover);
+.table--sortable th:hover[aria-sort='ascending'] .scale-sort-indicator-icon.up {
+  color: var(--color-hover);
 }
 .table--sortable
   th:active[aria-sort='ascending']
-  .scale-sort-indicator
-  polygon:first-of-type {
-  fill: var(--color-active);
+  .scale-sort-indicator-icon.up {
+  color: var(--color-active);
 }
-.table--sortable th[aria-sort='ascending'] .scale-sort-indicator polygon {
-  fill: transparent;
+.table--sortable th[aria-sort='ascending'] .scale-sort-indicator {
+  color: transparent;
 }
-.table--sortable th:hover[aria-sort='ascending'] .scale-sort-indicator polygon {
-  fill: transparent;
+.table--sortable th:hover[aria-sort='ascending'] .scale-sort-indicator {
+  color: transparent;
 }
-.table--sortable
-  th:active[aria-sort='ascending']
-  .scale-sort-indicator
-  polygon {
-  fill: transparent;
+.table--sortable th:active[aria-sort='ascending'] .scale-sort-indicator {
+  color: transparent;
 }
-.table--sortable
-  th[aria-sort='descending']
-  .scale-sort-indicator
-  polygon:first-of-type {
-  fill: transparent;
+.table--sortable th[aria-sort='descending'] .scale-sort-indicator-icon.up {
+  color: transparent;
 }
 .table--sortable
   th:hover[aria-sort='descending']
-  .scale-sort-indicator
-  polygon:first-of-type {
-  fill: transparent;
+  .scale-sort-indicator-icon.up {
+  color: transparent;
 }
 .table--sortable
   th:active[aria-sort='descending']
-  .scale-sort-indicator
-  polygon:first-of-type {
-  fill: transparent;
+  .scale-sort-indicator-icon.up {
+  color: transparent;
 }
-.table--sortable th[aria-sort='descending'] .scale-sort-indicator polygon {
-  fill: var(--color);
+.table--sortable th[aria-sort='descending'] .scale-sort-indicator-icon {
+  color: var(--color);
 }
-.table--sortable
-  th:hover[aria-sort='descending']
-  .scale-sort-indicator
-  polygon {
-  fill: var(--color-hover);
+.table--sortable th:hover[aria-sort='descending'] .scale-sort-indicator-icon {
+  color: var(--color-hover);
 }
-.table--sortable
-  th:active[aria-sort='descending']
-  .scale-sort-indicator
-  polygon {
-  fill: var(--color-active);
+.table--sortable th:active[aria-sort='descending'] .scale-sort-indicator-icon {
+  color: var(--color-active);
 }
 .table--sortable th .scale-sort-indicator {
   width: 16px;
@@ -196,15 +175,15 @@ scale-table {
   display: inline-block;
   position: relative;
 }
-.table--sortable th .scale-sort-indicator > svg {
+.table--sortable th .scale-sort-indicator-icon {
   top: 4px;
   left: 0;
   width: 16px;
   height: 16px;
   position: absolute;
 }
-.table--sortable th .scale-sort-indicator polygon {
-  fill: transparent;
+.table--sortable th .scale-sort-indicator {
+  color: transparent;
 }
 .table--sortable th[aria-sort='none']:hover {
   padding: 0 8px 0 0;
diff --git a/packages/components/src/components/table/table.tsx b/packages/components/src/components/table/table.tsx
index a003cf3fb5..52730fd025 100644
--- a/packages/components/src/components/table/table.tsx
+++ b/packages/components/src/components/table/table.tsx
@@ -37,10 +37,8 @@ export class Table {
         'afterbegin',
         `
           <span class="scale-sort-indicator" aria-hidden="true">
-            <svg viewBox="0 0 16 16">
-             <polygon transform="translate(8.242641, 10.242641) rotate(45.000000) translate(-8.242641, -10.242641) " points="5.24264069 7.24264069 11.2426407 7.24264069 5.24264069 13.2426407"/></polygon>
-             <polygon transform="translate(8.242641, 6.242641) scale(1, -1) rotate(45.000000) translate(-8.242641, -6.242641) " points="5.24264069 3.24264069 11.2426407 3.24264069 5.24264069 9.24264069"/>
-            </svg>
+            <scale-icon-content-sort-indicator-up class="scale-sort-indicator-icon up" size="16"></scale-icon-content-sort-indicator-up>
+            <scale-icon-content-sort-indicator-down class="scale-sort-indicator-icon down" size="16"></scale-icon-content-sort-indicator-down>
           </span>`
       );
     });
diff --git a/packages/components/src/components/tag/tag.css b/packages/components/src/components/tag/tag.css
index 8a82dbe131..4a4faf62c3 100644
--- a/packages/components/src/components/tag/tag.css
+++ b/packages/components/src/components/tag/tag.css
@@ -12,10 +12,8 @@
 :host {
   --background: var(--telekom-color-ui-faint);
   --color: var(--telekom-color-text-and-icon-standard);
-  --font-size: var(--telekom-typography-font-size-body);
-  --line-height: var(--telekom-typography-line-spacing-standard);
-  --font-weight: var(--telekom-typography-font-weight-bold);
-  --radius: var(--telekom-radius-small);
+  --font: var(--telekom-text-style-caption-bold);
+  --radius: 2px;
   --focus-outline: var(--telekom-line-weight-highlight) solid
     var(--telekom-color-functional-focus-standard);
 
@@ -25,7 +23,15 @@
   --background-disabled: var(--telekom-color-ui-faint);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
 
-  --spacing-left-dismissable: var(--telekom-spacing-unit-x05);
+  --spacing-dismissable: var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x05) var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x1);
+  --spacing-dismissable-small: var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x05) var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x1);
+
+  --height: 24px;
+  --height-small: 20px;
 
   --border-button-dismissable-focus: 1px solid transparent;
   --box-shadow-button-dismissable-focus: var(--box-shadow-focus);
@@ -41,10 +47,11 @@
   --background-button-dismissable-active: var(
     --telekom-color-ui-state-fill-pressed
   );
+
   --height-button-dismissable: 20px;
   --width-button-dismissable: 20px;
-  --height-button-dismissable-small: 18px;
-  --width-button-dismissable-small: 18px;
+  --height-button-dismissable-small: 16px;
+  --width-button-dismissable-small: 16px;
 
   --spacing-small: 0 var(--telekom-spacing-unit-x2);
   --font-size-small: var(--telekom-typography-font-size-small);
@@ -52,7 +59,6 @@
 }
 
 .tag {
-  border: 1px solid transparent;
   display: inline-flex;
   outline: none;
   padding: 0 8px;
@@ -63,12 +69,12 @@
   border-radius: var(--telekom-radius-small);
   vertical-align: baseline;
   justify-content: center;
-  font-size: var(--font-size);
-  line-height: var(--line-height);
-  font-weight: var(--font-weight);
+  font: var(--font);
+  line-height: 1;
   background: var(--background);
   color: var(--color);
   cursor: default;
+  height: var(--height);
 }
 
 .tag scale-icon-action-close {
@@ -99,19 +105,19 @@ dismissable
   outline: none;
   padding: 0;
   background: transparent;
-  margin-left: var(--spacing-left-dismissable);
+  margin: var(--spacing-dismissable);
   border-radius: var(--radius);
   align-items: center;
 }
 .tag--dismissable scale-icon-action-close {
-  padding-top: 0.5px;
-  height: 20px; /*magic number*/
+  display: flex !important;
   align-items: center;
+  justify-content: center;
 }
 .tag--dismissable button:focus {
-  border: var(--border-button-dismissable-focus);
   justify-content: center;
   outline: var(--focus-outline);
+  outline-offset: 1px;
 }
 .tag--dismissable:not(.tag--disabled) button:hover {
   background: var(--background-button-dismissable-hover);
@@ -132,9 +138,6 @@ dismissable
 .tag--dismissable.tag--type-strong.tag--color-standard button:active {
   background: var(--background-button-standard-strong-dismissible-hover);
 }
-.tag--dismissable button:focus scale-icon-action-close {
-  margin-top: -1px;
-}
 
 /**
 size small
@@ -143,6 +146,7 @@ size small
 .tag--size-small {
   font-size: var(--font-size-small);
   padding: 0 6px;
+  height: var(--height-small);
 }
 .tag--size-small.tag--dismissable {
   padding-right: 0px;
@@ -150,15 +154,7 @@ size small
 .tag--size-small.tag--dismissable button {
   height: var(--height-button-dismissable-small);
   width: var(--width-button-dismissable-small);
-}
-.tag--size-small.tag--dismissable scale-icon-action-close {
-  height: var(--height-button-dismissable-small);
-  margin-top: -0.5px;
-}
-
-.tag--size-small.tag--dismissable button:focus scale-icon-action-close {
-  height: var(--height-button-dismissable-small);
-  margin-top: -1.4px;
+  margin: var(--spacing-dismissable-small);
 }
 
 /**
@@ -183,7 +179,6 @@ link
   text-decoration: none;
 }
 .tag--link:focus {
-  border: 1px solid white;
   outline: var(--focus-outline);
 }
 .tag--link {
@@ -193,10 +188,6 @@ link
   background: var(--background-secondary);
 }
 
-.tag--link:focus {
-  border: 1px solid white;
-}
-
 /**
 standard type
 **/
diff --git a/packages/components/src/components/tag/tag.tsx b/packages/components/src/components/tag/tag.tsx
index a63b96d463..bd0623ecc6 100644
--- a/packages/components/src/components/tag/tag.tsx
+++ b/packages/components/src/components/tag/tag.tsx
@@ -94,7 +94,7 @@ export class Tag {
               aria-label={this.dismissText}
               onClick={this.handleClose}
             >
-              <scale-icon-action-close part="icon-dismissable" size={15} />
+              <scale-icon-action-close part="icon-dismissable" size={16} />
             </button>
           )}
         </Element>
diff --git a/packages/components/src/components/telekom/logo/__snapshots__/logo-svg.spec.ts.snap b/packages/components/src/components/telekom/logo/__snapshots__/logo-svg.spec.ts.snap
index 79db22fb3e..2324aeac53 100644
--- a/packages/components/src/components/telekom/logo/__snapshots__/logo-svg.spec.ts.snap
+++ b/packages/components/src/components/telekom/logo/__snapshots__/logo-svg.spec.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`component prop snapshots all props are not set 1`] = `
 <scale-logo-svg>
-  <svg aria-labelledby="logo-title-1" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 33 38" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-labelledby="logo-title-1" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 32 38" xmlns="http://www.w3.org/2000/svg">
     <title id="logo-title-1">
       Telekom Logo
     </title>
@@ -13,142 +13,12 @@ exports[`component prop snapshots all props are not set 1`] = `
 
 exports[`component prop snapshots all props are set 1`] = `
 <scale-logo-svg>
-  <svg aria-labelledby="logo-title-2" part="logo-svg" role="img" viewBox="0 0 107 38" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-labelledby="logo-title-2" part="logo-svg" role="img" viewBox="0 0 32 38" xmlns="http://www.w3.org/2000/svg">
     <title id="logo-title-2">
       title
     </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-    <path d="m57.3 3.8-1.8-2.3h1.7l.8 1.1h.1l.9-1.1h1.7l-1.8 2.3h-1.6zm4.2 10.9h-5.1v-.1L61.5 7V5h-6.7v1.6h4.9v.1l-5.1 7.6v2h7v-1.6zM65 4.9h-1.7v1.8H65V4.9zm0 3.3h-1.7v8.1H65V8.2zm5.9 8.1 2.8-8.1h-1.8L70.1 14H70l-1.8-5.7h-1.8l2.8 8.1h1.7zm2.8 2.8c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1l.1 1.5zm3.1-14.2h-1.7v1.8h1.7V4.9zm2.2 9.7c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm11 4.7c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4h-.3l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3zm3.6-9.9h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zM56.3 31.5l3.7-4.8V25h-5.4v1.4h3.6v.1l-3.8 4.8v1.8H60v-1.4h-3.8l.1-.2zm12 .3c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H62c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.2-.1-.1 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm4.2-7.3h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.2.6.2.8.2.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V25h-1.7l.1 8.5zm9.9-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3H79c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm7.8-4.3c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33H93v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.5-.4-1.1-.7-1.9-.7zm11.4 4.3c0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.5.4 1 .9 1.3 1.5.3.7.4 1.4.4 2.3zm-1.7 0c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages  1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-14" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 33 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-14">
-      logo
-    </title>
     <path d="M7.6 25.1H0v-7.6h7.6v7.6ZM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0Zm24.3 25.1h7.6v-7.6h-7.6v7.6Z"></path>
   </svg>
 </scale-logo-svg>
 `;
 
-exports[`testing all languages cz 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-7" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 142 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-7">
-      logo
-    </title>
-    <path d="M56.5 12.2h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.2-.3-2.1-1-2.7-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.2zm2.1-5.6c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5c-.4.3-.8.5-1.4.5h-2.1v-4h2.1zm6.8 9.7h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.8-.9.4-.2.8-.3 1.2-.3.2 0 .4 0 .6.1v1.5h-.6c-.5 0-.8.1-1.1.2-.3.2-.5.4-.7.7-.1.3-.2.7-.2 1.2v4.5zm8.9-7.8c-.6-.3-1.2-.5-2-.5-.7 0-1.4.2-1.9.5-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.4.5-.8.7-1.5.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 .1.9-.1 1.5-.4 2zm12-1.8c.4.4.5.9.5 1.5 0 .8-.3 1.4-.8 1.8-.5.5-1.2.7-2.1.7-.9 0-1.6-.2-2.1-.6-.5-.4-.8-1-.9-1.8H82c.1.4.2.6.5.8.2.2.5.3.9.3s.7-.1.9-.3c.2-.2.3-.4.3-.8 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.4l-1-.3c-.6-.2-1.1-.4-1.4-.8-.3-.4-.5-.9-.5-1.6 0-.4.1-.9.4-1.2.2-.4.6-.7 1-.9.4-.1.9-.2 1.5-.2.8 0 1.5.2 2 .7.5.4.8 1 .9 1.8h-1.6c0-.4-.2-.6-.4-.8-.2-.2-.5-.3-.8-.3-.4 0-.7.1-.9.3-.2.2-.3.5-.3.7 0 .3.1.5.2.6.2.2.4.3.7.4l1 .3c.7.2 1.2.5 1.5.8zm9.4-.2c0-.9-.1-1.7-.4-2.3-.3-.6-.6-1.1-1.1-1.5-.5-.3-1-.5-1.7-.5-.5 0-1 .1-1.4.4-.4.3-.7.6-.9 1h-.1V8.2H88v11h1.7v-3.9h.1c.2.4.6.7.9.9.4.2.8.3 1.3.3.7 0 1.2-.2 1.7-.5s.8-.8 1.1-1.5c.3-.6.4-1.3.4-2.2zm-2.2 2c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.3-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.4-.6-.8-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6.1.7c.2 0 .4 0 .6-.1v1.3c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.2.2.3.2.5.2zm6.9-6.5c-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.4-.7-.8-1.2-1.3-1.5zm-1.8.9c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7.1.8c-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.4 0 .8-.1 1.1-.3.3-.2.4-.6.5-1h1.7c-.1.9-.5 1.6-1.1 2.1-.6.5-1.3.8-2.3.8-.7 0-1.4-.2-1.9-.5s-.9-.8-1.2-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5.9 0 1.7.3 2.3.8.6.5.9 1.2 1.1 2.1h-1.7c-.1-.5-.3-.8-.5-1-.3-.2-.6-.3-1.1-.3-.7 0-1.1.3-1.4.7zm.6-3.2L119 4.5h1.6l.8 1.2h.1l.8-1.2h1.6L122.2 7h-1.5zm11.4 1.7c.4.5.6 1.3.6 2.2v5.4H131v-5.2c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1-.4-.5 0-1 .2-1.3.6-.3.4-.5.9-.5 1.6v4.6h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.9-1 .4-.2.8-.3 1.4-.3.9 0 1.5.2 1.9.7zm6.5-1.8h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.3 3c-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-1-.2-1.7-.5-2.3zm-3-.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3H136c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zM56.3 31.6h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8-.1.2zm9.2-7.9h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.4 7.9c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.5c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1.1.2-.1.1-.1 0zm-2.7 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm8.2-7.9h-1.5l-1.7-2.4h1.6l.8 1.2h.1l.8-1.2h1.6l-1.7 2.4zm-1.8 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1H70v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9H79v1.8h-1.7v-1.8zm0 3.2H79V33h-1.7v-8.1zm6.3 0h2.2v1.4h-2.2v4.2c0 .4.1.6.3.8.2.2.4.3.8.3.3 0 .7-.1 1-.2v1.3c-.4.2-.9.3-1.5.3-.7 0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.7v-4.5h-1.5v-1.4H82v-1.5l1.3-1.3h.3v2.9zm10.4 0-3.3 3.5 3.2 4.7h-2l-2.3-3.4h-.1l-.5.6v2.8h-1.7V21.7H89v6.2h.1l2.7-3H94zm6.4 0h1.8l-3.4 9.3c-.2.6-.5 1.1-.9 1.4-.4.3-.9.5-1.5.5-.4 0-.8-.1-1.2-.2v-1.4c.3.1.6.1.9.1.3 0 .5-.1.7-.2.2-.1.3-.4.5-.8l.3-.9-3-7.9h1.8l2 5.7h.1l1.9-5.6z"></path>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages de 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-5" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 153 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-5">
-      logo
-    </title>
-    <path d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm5.6-6.6h.6V8.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1V8.2h-1.6v8.1h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.1.7-.2 1.1-.2zm3.9 6.8c.3 0 .7-.1 1-.2V15h-.6c-.2 0-.3-.1-.4-.2-.1-.1-.1-.3-.1-.5V4.9h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.7.5 1.3.5zm2.4-1.9c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3H78c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm9.3 6.1c-.4-.3-.7-.6-.9-1.1H83v1.2h-1.6V4.9H83v4.3h.1c.2-.4.6-.7.9-.9.5-.2.9-.3 1.4-.3.7 0 1.2.2 1.7.5s.8.8 1.1 1.5c.2.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.2.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-1-.1-1.4-.4zm1-1.2c.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2.1 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .2.6.7.8 1.4.8zm8.4 1.6c-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.6-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.5.5-1.3.7-2.1.7zM92 10.1c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zM102.5 8c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1V8.2h-1.6v8.1h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7V11c0-1-.2-1.7-.6-2.2-.4-.6-1-.8-1.9-.8zm6.2 10.3c.3-.5.5-1.1.5-2.1v-2.1H107v2.2h1.1v.1c0 .4 0 .7-.1.9-.1.2-.2.4-.3.5-.2.1-.4.2-.6.2v1c.7 0 1.2-.2 1.6-.7zM61.8 30.4h-.1l-1.4-5.5h-1.8L57 30.4h-.1l-1.5-5.5h-1.7L56 33h1.7l1.5-5.4h.1l1.5 5.4h1.7l2.3-8.1h-1.7l-1.3 5.5zm10.6 1.4c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.1-.1 0 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm7.4-2.4-1-.3c-.3-.1-.6-.2-.7-.4-.2-.2-.2-.4-.2-.6 0-.3.1-.6.3-.7.2-.2.5-.3.9-.3.3 0 .6.1.8.3.2.2.3.5.4.8h1.6c-.1-.8-.4-1.4-.9-1.8-.5-.4-1.2-.7-2-.7-.6 0-1.1.1-1.5.3-.4.2-.8.5-1 .9-.2.4-.4.8-.4 1.2 0 .7.2 1.2.5 1.6.3.4.8.6 1.4.8l1 .3c.4.1.6.2.8.4.2.2.3.4.3.7 0 .3-.1.6-.3.8-.2.2-.5.3-.9.3s-.7-.1-.9-.3c-.2-.2-.4-.4-.5-.8h-1.6c.1.8.4 1.4.9 1.8.5.4 1.2.6 2.1.6.9 0 1.6-.2 2.1-.7.5-.5.8-1.1.8-1.8 0-.6-.2-1.1-.5-1.5-.3-.4-.8-.7-1.5-.9zm9.9 2.3h-.1L85.5 25h-1.8l2.8 8.1h1.8l2.8-8.1h-1.8l-1.9 5.7zm10.9-4.1c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.7.4 1.1.9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm9.1-1.7c-.4.2-.6.5-.8.9h-.1v-1.1h-1.6V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3zm10 1.6c.2.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.2.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-1-.1-1.4-.4-.4-.3-.7-.6-.9-1.1h-.1V33h-1.6V21.7h1.7V26h.1c.2-.4.6-.7.9-.9.4-.2.8-.3 1.3-.3.7 0 1.2.2 1.7.5s.9.8 1.1 1.4zm-1.3 2.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm3.5-5.5h1.7v-1.8h-1.7v1.8zm0 9.6h1.7V25h-1.7v8.1zm7.8-8.4c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1H119V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.4-.4-1.1-.7-1.9-.7zm9.7-3h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm10-2.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.8-4.7h-.3l-1.3 1.3v1.5H144v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm3.5 8.8v2.2h2.2v-2.2h-2.2z"></path>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages en 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-6" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 33 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-6">
-      logo
-    </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6ZM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0Zm24.3 25.1h7.6v-7.6h-7.6v7.6Z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages hr 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-8" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 107 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-8">
-      logo
-    </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-    <path d="m57.3 3.8-1.8-2.3h1.7l.8 1.1h.1l.9-1.1h1.7l-1.8 2.3h-1.6zm4.2 10.9h-5.1v-.1L61.5 7V5h-6.7v1.6h4.9v.1l-5.1 7.6v2h7v-1.6zM65 4.9h-1.7v1.8H65V4.9zm0 3.3h-1.7v8.1H65V8.2zm5.9 8.1 2.8-8.1h-1.8L70.1 14H70l-1.8-5.7h-1.8l2.8 8.1h1.7zm2.8 2.8c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1l.1 1.5zm3.1-14.2h-1.7v1.8h1.7V4.9zm2.2 9.7c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm11 4.7c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4h-.3l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3zm3.6-9.9h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zM56.3 31.5l3.7-4.8V25h-5.4v1.4h3.6v.1l-3.8 4.8v1.8H60v-1.4h-3.8l.1-.2zm12 .3c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H62c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.2-.1-.1 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm4.2-7.3h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.2.6.2.8.2.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V25h-1.7l.1 8.5zm9.9-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3H79c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm7.8-4.3c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33H93v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.5-.4-1.1-.7-1.9-.7zm11.4 4.3c0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.5.4 1 .9 1.3 1.5.3.7.4 1.4.4 2.3zm-1.7 0c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages hu 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-9" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 103 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-9">
-      logo
-    </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-    <path d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm7-8.1h1.6v7.9c0 .6-.1 1.2-.4 1.7-.3.5-.7.9-1.2 1.2-.5.3-1.2.4-1.9.4-.6 0-1.2-.1-1.7-.3-.5-.2-.9-.5-1.2-.8-.3-.3-.5-.7-.6-1.2h1.7c.1.3.3.5.6.7.3.2.7.2 1.1.2.6 0 1.1-.2 1.4-.5.3-.3.5-.8.5-1.4V15H68c-.2.4-.5.6-.9.8-.4.2-.8.3-1.3.3-.7 0-1.3-.2-1.7-.5-.5-.3-.9-.8-1.1-1.4-.3-.6-.4-1.3-.4-2.2 0-.8.1-1.5.4-2.1.3-.6.6-1.1 1.1-1.4.5-.4 1.1-.5 1.7-.5.5 0 1 .1 1.4.3.4.2.7.6.9 1h.1V8.2zm0 3.8c0-.8-.2-1.4-.5-1.8-.3-.4-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.4-.5 1-.5 1.8s.2 1.4.5 1.8c.3.4.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1 .5-1.8zm10.6-3.8H77l-1.9 5.7H75l-2-5.7h-1.8l3 7.9-.3.9c-.1.4-.3.6-.5.8-.2.1-.4.2-.7.2-.3 0-.6 0-.9-.1v1.4c.3.1.7.2 1.2.2.6 0 1.1-.2 1.5-.5.4-.3.7-.8.9-1.4l3.4-9.4zm3.8-3.3h-1.7v1.9h1.7V4.9zm3.1 0H84v1.9h1.7V4.9zm-.8 10.4h.1v1.1h1.6V8.2h-1.7v4.6c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2V8.2h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.5-.3.8-.6 1-1zm6.2-9.9h-.3l-1.3 1.3v1.5H88v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm6.2 0H97l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm3.5 8.8v2.2h2.2v-2.2h-2.2zm-39.6 7.5-2.8 8.7h-.1l-2.8-8.7h-1.8l3.8 11.4h1.8L63 21.7h-1.8zm8.1 4.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.7.4 1.1.9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.4 4.8c-.1-.1-.1-.3-.1-.5v-9.4h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.8.5 1.4.5.3 0 .7-.1 1-.2v-1.3c-.2.1-.4.1-.6.1-.3-.2-.4-.2-.5-.3zm8.5-5c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages me 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-10" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 114 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-10">
-      logo
-    </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-    <path d="M61.3 5.9c-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.1h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.3-.3-2.2-1-2.8zM60 10.1c-.4.3-.8.5-1.4.5h-2.1v-4h2.1c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5-.1.7-.3 1.2-.6 1.5zm8.7-1.6c-.5-.3-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.2-5.1h-.1c-.2-.4-.5-.7-.9-.9-.4-.2-.9-.3-1.4-.3-.7 0-1.2.2-1.7.5s-.8.8-1.1 1.5c-.2.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.2.6.6 1.1 1.1 1.5.5.3 1.1.5 1.7.5.5 0 1-.1 1.4-.4.4-.3.7-.6.9-1.1h.1v1.2H79V4.9h-1.7v4.3zm-.5 5.1c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.5-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.5-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6 2h-1.7V8.2h1.7v8.1zm0-9.5h-1.7V4.9h1.7v1.9zm3.9 0h-1.7V4.9h1.7v1.9zm-2.3 12.5c-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V8.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.6.5-1.1.7-1.8.7zm9.7-3.4c.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.5-.2 2.1-.7zm-2.1-6.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7 7.1c-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.1.1.2.2.4.2s.4 0 .6-.1v1.3c-.2.2-.5.3-.9.3zm4.2-.2h-1.7V8.2h1.7v8.1zm0-9.5h-1.7V4.9h1.7v1.9zM59.7 25.9h-.1c-.2-.4-.5-.7-.9-.9-.4-.2-.8-.3-1.3-.3-.7 0-1.2.2-1.7.5s-.8.8-1.1 1.5c-.2.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.2.6.6 1.1 1.1 1.5.5.3 1.1.5 1.7.5.5 0 1-.1 1.4-.4.4-.3.7-.6.9-1.1h.1V33h1.6V21.7h-1.7v4.2zm-.5 5.1c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.5-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.5-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.6-.5 2zm9.4-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.7-.5 1.4-.5 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.2-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.6-.5 2zm7-7.3h-1.5L72 21.3h1.6l.8 1.2h.1l.8-1.2h1.6l-1.8 2.4zm-1.7 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9h1.7v1.8h-1.7v-1.8zm0 3.2h1.7V33h-1.7v-8.1zm8.7 0h1.8L86.8 33H85l-2.8-8.1H84l1.8 5.7h.2l1.8-5.7zm5.5 6.8c.2 0 .4 0 .6-.1V33c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4v-9.7h1.7V31c0 .2 0 .4.1.5.2.2.3.2.5.2zm2.2-10h1.7v1.8h-1.7v-1.8zm0 3.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.7.6-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7l-.1-8.6zm9.8 6.7c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.4c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1 0 .2-.1.1-.2 0zm-2.6 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm5-9.9h1.7v1.8h-1.7v-1.8zm0 3.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.7.6-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7l-.1-8.6zm5.8 6v2.2h-2.2v-2.2h2.2z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages mk_kyr 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-12" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 144 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-12">
-      logo
-    </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-    <path d="M56.4 8.3c-.2.6-.3 1.4-.3 2.3 0 .9.1 1.7.3 2.3.2.6.5 1.1 1 1.4.4.3.9.5 1.6.5.6 0 1.1-.2 1.5-.5.4-.4.7-.9.9-1.5h1.8c-.1.8-.4 1.4-.8 2-.4.6-.9 1-1.5 1.3-.6.3-1.3.5-2 .5-1 0-1.8-.2-2.5-.7-.7-.5-1.2-1.2-1.6-2-.4-.9-.6-1.9-.6-3.2 0-1.2.2-2.3.6-3.2.4-.9.9-1.6 1.6-2 .7-.5 1.5-.7 2.5-.7.7 0 1.4.2 2 .5.6.3 1.1.8 1.5 1.3.4.6.6 1.2.8 2h-1.8c-.1-.7-.4-1.2-.9-1.5-.4-.4-.9-.5-1.5-.5s-1.1.2-1.6.5c-.5.1-.8.6-1 1.2zm10.2 1.4h3.1v6.6h1.7V8.2H65v8.1h1.7V9.7zm7 4.9c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.3 1.1-.5 1.9-.5.7 0 1.4.2 1.9.5.5.4 1 .9 1.3 1.5.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5c-.6-.4-1-.9-1.3-1.5zm1.2-2.3c0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.4-.5 1.1-.5 2zm13.2 4h-5v2h-1.6v-3.5h.6c.2-.1.3-.3.4-.5.1-.2.2-.5.2-1l.2-5.2h6v6.6h.9v3.5H88v-1.9zm-.9-6.6h-2.7l-.2 3.5c0 .3-.1.6-.1.9-.1.2-.2.5-.3.7h3.4l-.1-5.1zm7.2 6.9c-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.4 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.7h1.7c-.2.8-.6 1.3-1.2 1.8-.6.4-1.3.6-2.1.6zm-1.4-6.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.7 3.9.2-4.3h2.7v6.6h1.7V8.2h-6l-.2 5.6c0 .4-.1.7-.2.9-.2.2-.4.2-.7.2h-.4v1.4c.2.1.5.1.8.1.6 0 1.1-.2 1.5-.6.4-.3.6-1 .6-1.8zm8.6-.6-.1-5.2h-1.7v8.1h1.7l3.1-5.1h.1v5.1h1.7V8.2h-1.7l-3.1 5.2zM61.3 31.6h.9v3.5h-1.7v-2h-5v2h-1.6v-3.5h.6c.2-.1.3-.3.4-.5.1-.2.2-.5.2-1l.2-5.2h6v6.7zm-1.7-5.2h-2.7l-.1 3.6c0 .3-.1.6-.1.9-.1.2-.2.5-.3.7h3.4l-.2-5.2zm10.7.3c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM69 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm13.7-4.1h-2l-2 3.3h-.9v-3.3h-1.7v3.3h-.9l-2-3.3h-2l2.6 4-2.6 4.1h2l2-3.3h.9V33h1.7v-3.3h.9l2 3.3h2l-2.5-4 2.5-4.1zm3.2 5.2-.1-5.2h-1.7V33h1.7l3.1-5.1h.1V33h1.7v-8.1H89l-3.1 5.2zm12.8-.4c.2.3.3.7.3 1.1 0 .7-.2 1.2-.7 1.6-.5.4-1.2.6-2.1.6h-3.3v-8.1h3.4c.9 0 1.5.2 1.9.6.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.1-.2.3-.5.6-.9.8v.1c.5.1.8.4 1 .7zm-4.1-1.4h1.5c.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.3h-1.5v2zm2.7 2.3c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.9-.3h-1.5v2.1h1.5c.4 0 .7-.1.9-.3.2-.1.3-.3.3-.7zm6.5 0h-.1l-2-5.7H100l3 7.9-.3.9c-.1.4-.3.6-.5.8-.2.1-.4.2-.7.2-.3 0-.6 0-.9-.1V36c.3.1.7.2 1.2.2.6 0 1.1-.2 1.5-.5.4-.3.7-.8.9-1.4l3.4-9.3h-1.8l-2 5.6zm10.8-.9c.2.3.3.7.3 1.1 0 .7-.2 1.2-.7 1.6-.5.4-1.2.6-2.1.6h-3.3v-8.1h3.4c.9 0 1.5.2 1.9.6.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.1-.2.3-.5.6-.9.8v.1c.4.1.7.4 1 .7zm-4.1-1.4h1.5c.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.3h-1.5v2zm2.7 2.3c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.9-.3h-1.5v2.1h1.5c.4 0 .7-.1.9-.3.2-.1.3-.3.3-.7zm9.9 1.2c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.7-.1-1-.3-.2-.2-.4-.5-.4-.8h-.1c-.2.4-.6.7-1 .9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4h.2zm-2.3-.9c.2-.3.2-.7.2-1.1v-.5h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.3-.3.5-.5.6-.8zm14.1-2.5c.5.5.8 1.1.8 2 0 .8-.3 1.5-.8 2s-1.2.7-2 .7h-3.2v-3.9h-3v3.9H125V25h1.7v2.8h3V25h1.7v2.8h1.5c.8-.1 1.5.2 2 .6zm-.9 2c0-.4-.1-.7-.3-1-.2-.2-.5-.3-.9-.3h-1.3v2.6h1.3c.4 0 .7-.1.9-.3.2-.3.3-.6.3-1zm10 1.3V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.7-.1-1-.3-.2-.2-.4-.5-.4-.8h-.1c-.2.4-.6.7-1 .9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H137c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.3.1.2-.1.3-.1.5-.2zm-2.7-.8c.2-.3.2-.7.2-1.1v-.5h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.2-.3.4-.5.6-.8z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages mk_lat 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-11" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 126 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-11">
-      logo
-    </title>
-    <path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"></path>
-    <path class="st0" d="M61.4 4.9h1.7v11.4h-1.8l-4.8-8.1h-.1v8.1h-1.8V4.9h1.8l4.8 8.1h.1V4.9zm9.2 11.4v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.4-.3.9-.5 1.6-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1V4.9h1.7v11.4h-1.5zm-.1-4c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.1.5-2zm10.6 4c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5V11c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.3-.5 1-.7 1.8-.7 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.3.1.1 0 .3 0 .4-.1l.1 1.4zm-2.7-2.2c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm6.1-9.2h-1.7v1.8h1.7V4.9zm-.7 13.7c.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1V19c.3.1.5.1.8.1.8.2 1.4 0 1.8-.5zm2.9-11.8h1.7V4.9h-1.7v1.9zm0 9.5h1.7V8.2h-1.7v8.1zM61.6 26.7c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36h-1.7V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5.4.3.8.8 1.1 1.4zM60.2 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm9.7-2.4c.3.6.4 1.3.4 2.2v.6H65c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.5.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm3.9-5.1h-1.7v1.9h1.7v-1.9zm-3.1 0h-1.7v1.9h1.7v-1.9zm10.1 3.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1v-1.1H72V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5zm1.4-1.4h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8v-8.6h-1.7l.1 8.6zm10-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8H88c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.8-4.7h-.3l-1.3 1.3v1.5H89v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm3.8 11h1.7V25h-1.7v8.1zm0-9.6h1.7v-1.8h-1.7v1.8zm12.5 1.2c-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.4-.2-.8-.4-1.4-.4-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.3-.4-.9-.7-1.8-.7zm10.8 1.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.5.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.1.2-1.5.6zm11.1-.4V25h-2.2v-2.8h-.3l-1.3 1.3V25h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2l2.2-.1z" id="mk_lat"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages ro 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-13" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 142 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-13">
-      logo
-    </title>
-    <path d="M56.5 12.2h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.2-.3-2.1-1-2.7-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.2zm2.1-5.6c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5c-.4.3-.8.5-1.4.5h-2.1v-4h2.1zm6.8 9.7h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.8-.9.4-.2.8-.3 1.2-.3.2 0 .4 0 .6.1v1.5h-.6c-.5 0-.8.1-1.1.2-.3.2-.5.4-.7.7-.1.3-.2.7-.2 1.2v4.5zm8.9-7.8c-.6-.3-1.2-.5-2-.5-.7 0-1.4.2-1.9.5-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.4.5-.8.7-1.5.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 .1.9-.1 1.5-.4 2zm12-1.8c.4.4.5.9.5 1.5 0 .8-.3 1.4-.8 1.8-.5.5-1.2.7-2.1.7-.9 0-1.6-.2-2.1-.6-.5-.4-.8-1-.9-1.8H82c.1.4.2.6.5.8.2.2.5.3.9.3s.7-.1.9-.3c.2-.2.3-.4.3-.8 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.4l-1-.3c-.6-.2-1.1-.4-1.4-.8-.3-.4-.5-.9-.5-1.6 0-.4.1-.9.4-1.2.2-.4.6-.7 1-.9.4-.1.9-.2 1.5-.2.8 0 1.5.2 2 .7.5.4.8 1 .9 1.8h-1.6c0-.4-.2-.6-.4-.8-.2-.2-.5-.3-.8-.3-.4 0-.7.1-.9.3-.2.2-.3.5-.3.7 0 .3.1.5.2.6.2.2.4.3.7.4l1 .3c.7.2 1.2.5 1.5.8zm9.4-.2c0-.9-.1-1.7-.4-2.3-.3-.6-.6-1.1-1.1-1.5-.5-.3-1-.5-1.7-.5-.5 0-1 .1-1.4.4-.4.3-.7.6-.9 1h-.1V8.2H88v11h1.7v-3.9h.1c.2.4.6.7.9.9.4.2.8.3 1.3.3.7 0 1.2-.2 1.7-.5s.8-.8 1.1-1.5c.3-.6.4-1.3.4-2.2zm-2.2 2c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.3-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.4-.6-.8-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6.1.7c.2 0 .4 0 .6-.1v1.3c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.2.2.3.2.5.2zm6.9-6.5c-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.4-.7-.8-1.2-1.3-1.5zm-1.8.9c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7.1.8c-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.4 0 .8-.1 1.1-.3.3-.2.4-.6.5-1h1.7c-.1.9-.5 1.6-1.1 2.1-.6.5-1.3.8-2.3.8-.7 0-1.4-.2-1.9-.5s-.9-.8-1.2-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5.9 0 1.7.3 2.3.8.6.5.9 1.2 1.1 2.1h-1.7c-.1-.5-.3-.8-.5-1-.3-.2-.6-.3-1.1-.3-.7 0-1.1.3-1.4.7zm.6-3.2L119 4.5h1.6l.8 1.2h.1l.8-1.2h1.6L122.2 7h-1.5zm11.4 1.7c.4.5.6 1.3.6 2.2v5.4H131v-5.2c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1-.4-.5 0-1 .2-1.3.6-.3.4-.5.9-.5 1.6v4.6h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.9-1 .4-.2.8-.3 1.4-.3.9 0 1.5.2 1.9.7zm6.5-1.8h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.3 3c-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-1-.2-1.7-.5-2.3zm-3-.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3H136c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zM56.3 31.6h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8-.1.2zm9.2-7.9h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.4 7.9c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.5c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1.1.2-.1.1-.1 0zm-2.7 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm8.2-7.9h-1.5l-1.7-2.4h1.6l.8 1.2h.1l.8-1.2h1.6l-1.7 2.4zm-1.8 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1H70v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9H79v1.8h-1.7v-1.8zm0 3.2H79V33h-1.7v-8.1zm6.3 0h2.2v1.4h-2.2v4.2c0 .4.1.6.3.8.2.2.4.3.8.3.3 0 .7-.1 1-.2v1.3c-.4.2-.9.3-1.5.3-.7 0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.7v-4.5h-1.5v-1.4H82v-1.5l1.3-1.3h.3v2.9zm10.4 0-3.3 3.5 3.2 4.7h-2l-2.3-3.4h-.1l-.5.6v2.8h-1.7V21.7H89v6.2h.1l2.7-3H94zm6.4 0h1.8l-3.4 9.3c-.2.6-.5 1.1-.9 1.4-.4.3-.9.5-1.5.5-.4 0-.8-.1-1.2-.2v-1.4c.3.1.6.1.9.1.3 0 .5-.1.7-.2.2-.1.3-.4.5-.8l.3-.9-3-7.9h1.8l2 5.7h.1l1.9-5.6z"></path>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-  </svg>
-</scale-logo-svg>
-`;
-
-exports[`testing all languages sk 1`] = `
-<scale-logo-svg>
-  <svg aria-labelledby="logo-title-15" fill="#e20074" part="logo-svg" role="img" viewBox="0 0 109 38" xmlns="http://www.w3.org/2000/svg">
-    <title id="logo-title-15">
-      logo
-    </title>
-    <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"></path>
-    <path d="M61.5 16.3h-7v-2l5.1-7.6v-.1h-4.9V5h6.7v2l-5.1 7.6v.1h5.1v1.6zm8-1.3c.1 0 .3 0 .4-.1v1.3c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5V11c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.3-.5 1-.7 1.8-.7 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.4.1zm-2.3-.9c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm9.5.8h-3.8v-.1l3.7-4.8V8.2h-5.4v1.4h3.6v.1L71 14.5v1.8h5.6v-1.4zm-2-7.9 1.7-2.4h-1.6L74 5.7h-.1l-.8-1.2h-1.6L73.2 7h1.5zm5.5-2.1h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zm3.9 3.5c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7V11c0-1-.2-1.7-.6-2.2-.4-.6-1-.8-1.9-.8-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.3-.3-.8-.4-1.3-.4s-1 .1-1.4.3c-.4.2-.7.6-.9 1H84V8.2h-1.6v8.1h1.7v-4.6zm18.1 2.4c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.3-1.4.5-.3 1.1-.5 1.9-.5.7 0 1.3.2 1.8.5s.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6H97c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7zm-4.8-4c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm-40.1 12H57l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm10.2 4.6c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM66.3 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm10-.6-1-.3c-.3-.1-.6-.2-.7-.4-.2-.2-.2-.4-.2-.6 0-.3.1-.6.3-.7.2-.2.5-.3.9-.3.3 0 .6.1.8.3.2.2.3.5.4.8h1.6c-.1-.8-.4-1.4-.9-1.8-.5-.4-1.2-.7-2-.7-.6 0-1.1.1-1.5.3-.4.2-.8.5-1 .9-.2.4-.4.8-.4 1.2 0 .7.2 1.2.5 1.6.3.4.8.6 1.4.8l1 .3c.4.1.6.2.8.4.2.2.3.4.3.7 0 .3-.1.6-.3.8-.2.2-.5.3-.9.3s-.7-.1-.9-.3c-.2-.2-.4-.4-.5-.8h-1.6c.1.8.4 1.4.9 1.8.5.4 1.2.6 2.1.6.9 0 1.6-.2 2.1-.7.5-.5.8-1.1.8-1.8 0-.6-.2-1.1-.5-1.5-.3-.4-.8-.7-1.5-.9zm10.6-1.7c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36h-1.7V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5s.9.8 1.1 1.4zM85.6 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm9.9-2.3c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM94.3 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm5.2 2.6c-.1-.1-.1-.3-.1-.5v-9.4h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.8.5 1.4.5.3 0 .7-.1 1-.2v-1.3c-.2.1-.4.1-.6.1-.3-.2-.4-.2-.5-.3zm7.2-6.7v4.6c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2v-5.2h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.4-.2.7-.6.9-1h.1v1.1h1.6V25l-1.6-.1z"></path>
-  </svg>
-</scale-logo-svg>
-`;
diff --git a/packages/components/src/components/telekom/logo/__snapshots__/logo.spec.ts.snap b/packages/components/src/components/telekom/logo/__snapshots__/logo.spec.ts.snap
index 33072251a0..54e9e465ab 100644
--- a/packages/components/src/components/telekom/logo/__snapshots__/logo.spec.ts.snap
+++ b/packages/components/src/components/telekom/logo/__snapshots__/logo.spec.ts.snap
@@ -4,10 +4,10 @@ exports[`component prop snapshots all props are not set 1`] = `
 <scale-logo exportparts="logo-svg">
   <mock:shadow-root>
     <style>
-      :host { --logo-size: 36px; }
+      :host { --logo-size: 38px; }
     </style>
     <a href="javascript:void(0);" part="logo variant-magenta" tabindex="0" title="Telekom Logo">
-      <scale-logo-svg color="magenta" language="en" logotitle="Telekom Logo" part="icon"></scale-logo-svg>
+      <scale-logo-svg color="magenta" logotitle="Telekom Logo" part="icon"></scale-logo-svg>
     </a>
   </mock:shadow-root>
 </scale-logo>
@@ -20,7 +20,7 @@ exports[`component prop snapshots all props are set 1`] = `
       :host { --logo-size: 100px; }
     </style>
     <a href="https://www.telekom.de/start" part="logo variant-white transparent" tabindex="0" title="Telekom Logo">
-      <scale-logo-svg color="white" language="hr" logotitle="Telekom Logo" part="icon"></scale-logo-svg>
+      <scale-logo-svg color="white" logotitle="Telekom Logo" part="icon"></scale-logo-svg>
     </a>
   </mock:shadow-root>
 </scale-logo>
@@ -30,10 +30,10 @@ exports[`component prop snapshots all props should handle no link 1`] = `
 <scale-logo exportparts="logo-svg">
   <mock:shadow-root>
     <style>
-      :host { --logo-size: 36px; }
+      :host { --logo-size: 38px; }
     </style>
     <a href="" part="logo variant-magenta" tabindex="0" title="Telekom Logo">
-      <scale-logo-svg color="magenta" language="en" logotitle="Telekom Logo" part="icon"></scale-logo-svg>
+      <scale-logo-svg color="magenta" logotitle="Telekom Logo" part="icon"></scale-logo-svg>
     </a>
   </mock:shadow-root>
 </scale-logo>
diff --git a/packages/components/src/components/telekom/logo/logo-svg.spec.ts b/packages/components/src/components/telekom/logo/logo-svg.spec.ts
index 486662a8f7..359a20950f 100644
--- a/packages/components/src/components/telekom/logo/logo-svg.spec.ts
+++ b/packages/components/src/components/telekom/logo/logo-svg.spec.ts
@@ -22,38 +22,22 @@ describe('component prop snapshots', () => {
     });
   });
 
-  const language:
-    | 'de'
-    | 'en'
-    | 'cz'
-    | 'hr'
-    | 'hu'
-    | 'me'
-    | 'mk_lat'
-    | 'mk_kyr'
-    | 'ro'
-    | 'sk'
-    | '' = 'en';
   const color: string = 'magenta';
 
   describe('all props', () => {
     it('are not set', async () => {
       await page.waitForChanges();
-      expect(page.rootInstance.language).toBe(language);
       expect(page.rootInstance.color).toBe(color);
       expect(page.root).toMatchSnapshot();
     });
     it('are set', async () => {
-      const setLanguage = 'hr';
       const setColor = 'black';
       const setLogoTitle = 'title';
 
-      page.rootInstance.language = setLanguage;
       page.rootInstance.color = setColor;
       page.rootInstance.logoTitle = setLogoTitle;
 
       await page.waitForChanges();
-      expect(page.rootInstance.language).toBe(setLanguage);
       expect(page.rootInstance.logoTitle).toBe(setLogoTitle);
       expect(page.rootInstance.color).toBe(setColor);
 
@@ -87,104 +71,3 @@ describe('testing colors', () => {
     expect(page.rootInstance.color).toBe(setColor);
   });
 });
-
-describe('testing all languages', () => {
-  let page: any;
-  let component: any;
-  beforeEach(async () => {
-    page = await newSpecPage({
-      components: [LogoSvg],
-      html: `<div></div>`,
-    });
-    component = page.doc.createElement('scale-logo-svg');
-    page.root.appendChild(component);
-  });
-  it('de', async () => {
-    const setLanguage = 'de';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('en', async () => {
-    const setLanguage = 'en';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('cz', async () => {
-    const setLanguage = 'cz';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('hr', async () => {
-    const setLanguage = 'hr';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('hu', async () => {
-    const setLanguage = 'hu';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('me', async () => {
-    const setLanguage = 'me';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('mk_lat', async () => {
-    const setLanguage = 'mk_lat';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('mk_kyr', async () => {
-    const setLanguage = 'mk_kyr';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('ro', async () => {
-    const setLanguage = 'ro';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('', async () => {
-    const setLanguage = '';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-  it('sk', async () => {
-    const setLanguage = 'sk';
-    component.language = setLanguage;
-    component.logoTitle = 'logo';
-    await page.waitForChanges();
-    expect(page.rootInstance.language).toBe(setLanguage);
-    expect(page.root).toMatchSnapshot();
-  });
-});
diff --git a/packages/components/src/components/telekom/logo/logo-svg.tsx b/packages/components/src/components/telekom/logo/logo-svg.tsx
index acae19d8d9..7500fd4592 100644
--- a/packages/components/src/components/telekom/logo/logo-svg.tsx
+++ b/packages/components/src/components/telekom/logo/logo-svg.tsx
@@ -24,19 +24,6 @@ const colors = {
 })
 export class LogoSvg {
   @Element() hostElement: HTMLElement;
-  /** (optional) The languages for the Text behind the Logo */
-  @Prop() language:
-    | 'de'
-    | 'en'
-    | 'cz'
-    | 'hr'
-    | 'hu'
-    | 'me'
-    | 'mk_lat'
-    | 'mk_kyr'
-    | 'ro'
-    | 'sk'
-    | string = 'en';
   /** (optional) Sets the icon color via the `fill` attribute */
   @Prop() color?: string = 'magenta';
   @Prop() innerRole?: 'link' | 'img' = 'img';
@@ -82,213 +69,21 @@ export class LogoSvg {
     }
   };
 
-  renderPaths() {
-    switch (this.language) {
-      case 'en':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 33 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle('Telekom Logo', '- Go to Start Page')}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6ZM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0Zm24.3 25.1h7.6v-7.6h-7.6v7.6Z" />
-          </svg>
-        );
-      case 'de':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 153 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Erleben, was verbindet',
-              '- Zur Startseite'
-            )}
-            <path d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm5.6-6.6h.6V8.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1V8.2h-1.6v8.1h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.1.7-.2 1.1-.2zm3.9 6.8c.3 0 .7-.1 1-.2V15h-.6c-.2 0-.3-.1-.4-.2-.1-.1-.1-.3-.1-.5V4.9h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.7.5 1.3.5zm2.4-1.9c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3H78c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm9.3 6.1c-.4-.3-.7-.6-.9-1.1H83v1.2h-1.6V4.9H83v4.3h.1c.2-.4.6-.7.9-.9.5-.2.9-.3 1.4-.3.7 0 1.2.2 1.7.5s.8.8 1.1 1.5c.2.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.2.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-1-.1-1.4-.4zm1-1.2c.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2.1 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .2.6.7.8 1.4.8zm8.4 1.6c-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.6-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.5.5-1.3.7-2.1.7zM92 10.1c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zM102.5 8c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1V8.2h-1.6v8.1h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7V11c0-1-.2-1.7-.6-2.2-.4-.6-1-.8-1.9-.8zm6.2 10.3c.3-.5.5-1.1.5-2.1v-2.1H107v2.2h1.1v.1c0 .4 0 .7-.1.9-.1.2-.2.4-.3.5-.2.1-.4.2-.6.2v1c.7 0 1.2-.2 1.6-.7zM61.8 30.4h-.1l-1.4-5.5h-1.8L57 30.4h-.1l-1.5-5.5h-1.7L56 33h1.7l1.5-5.4h.1l1.5 5.4h1.7l2.3-8.1h-1.7l-1.3 5.5zm10.6 1.4c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.1-.1 0 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm7.4-2.4-1-.3c-.3-.1-.6-.2-.7-.4-.2-.2-.2-.4-.2-.6 0-.3.1-.6.3-.7.2-.2.5-.3.9-.3.3 0 .6.1.8.3.2.2.3.5.4.8h1.6c-.1-.8-.4-1.4-.9-1.8-.5-.4-1.2-.7-2-.7-.6 0-1.1.1-1.5.3-.4.2-.8.5-1 .9-.2.4-.4.8-.4 1.2 0 .7.2 1.2.5 1.6.3.4.8.6 1.4.8l1 .3c.4.1.6.2.8.4.2.2.3.4.3.7 0 .3-.1.6-.3.8-.2.2-.5.3-.9.3s-.7-.1-.9-.3c-.2-.2-.4-.4-.5-.8h-1.6c.1.8.4 1.4.9 1.8.5.4 1.2.6 2.1.6.9 0 1.6-.2 2.1-.7.5-.5.8-1.1.8-1.8 0-.6-.2-1.1-.5-1.5-.3-.4-.8-.7-1.5-.9zm9.9 2.3h-.1L85.5 25h-1.8l2.8 8.1h1.8l2.8-8.1h-1.8l-1.9 5.7zm10.9-4.1c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.7.4 1.1.9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm9.1-1.7c-.4.2-.6.5-.8.9h-.1v-1.1h-1.6V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3zm10 1.6c.2.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.2.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-1-.1-1.4-.4-.4-.3-.7-.6-.9-1.1h-.1V33h-1.6V21.7h1.7V26h.1c.2-.4.6-.7.9-.9.4-.2.8-.3 1.3-.3.7 0 1.2.2 1.7.5s.9.8 1.1 1.4zm-1.3 2.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm3.5-5.5h1.7v-1.8h-1.7v1.8zm0 9.6h1.7V25h-1.7v8.1zm7.8-8.4c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1H119V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.4-.4-1.1-.7-1.9-.7zm9.7-3h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm10-2.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.8-4.7h-.3l-1.3 1.3v1.5H144v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm3.5 8.8v2.2h2.2v-2.2h-2.2z" />
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-          </svg>
-        );
-      case 'cz':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 142 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M56.5 12.2h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.2-.3-2.1-1-2.7-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.2zm2.1-5.6c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5c-.4.3-.8.5-1.4.5h-2.1v-4h2.1zm6.8 9.7h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.8-.9.4-.2.8-.3 1.2-.3.2 0 .4 0 .6.1v1.5h-.6c-.5 0-.8.1-1.1.2-.3.2-.5.4-.7.7-.1.3-.2.7-.2 1.2v4.5zm8.9-7.8c-.6-.3-1.2-.5-2-.5-.7 0-1.4.2-1.9.5-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.4.5-.8.7-1.5.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 .1.9-.1 1.5-.4 2zm12-1.8c.4.4.5.9.5 1.5 0 .8-.3 1.4-.8 1.8-.5.5-1.2.7-2.1.7-.9 0-1.6-.2-2.1-.6-.5-.4-.8-1-.9-1.8H82c.1.4.2.6.5.8.2.2.5.3.9.3s.7-.1.9-.3c.2-.2.3-.4.3-.8 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.4l-1-.3c-.6-.2-1.1-.4-1.4-.8-.3-.4-.5-.9-.5-1.6 0-.4.1-.9.4-1.2.2-.4.6-.7 1-.9.4-.1.9-.2 1.5-.2.8 0 1.5.2 2 .7.5.4.8 1 .9 1.8h-1.6c0-.4-.2-.6-.4-.8-.2-.2-.5-.3-.8-.3-.4 0-.7.1-.9.3-.2.2-.3.5-.3.7 0 .3.1.5.2.6.2.2.4.3.7.4l1 .3c.7.2 1.2.5 1.5.8zm9.4-.2c0-.9-.1-1.7-.4-2.3-.3-.6-.6-1.1-1.1-1.5-.5-.3-1-.5-1.7-.5-.5 0-1 .1-1.4.4-.4.3-.7.6-.9 1h-.1V8.2H88v11h1.7v-3.9h.1c.2.4.6.7.9.9.4.2.8.3 1.3.3.7 0 1.2-.2 1.7-.5s.8-.8 1.1-1.5c.3-.6.4-1.3.4-2.2zm-2.2 2c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.3-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.4-.6-.8-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6.1.7c.2 0 .4 0 .6-.1v1.3c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.2.2.3.2.5.2zm6.9-6.5c-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.4-.7-.8-1.2-1.3-1.5zm-1.8.9c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7.1.8c-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.4 0 .8-.1 1.1-.3.3-.2.4-.6.5-1h1.7c-.1.9-.5 1.6-1.1 2.1-.6.5-1.3.8-2.3.8-.7 0-1.4-.2-1.9-.5s-.9-.8-1.2-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5.9 0 1.7.3 2.3.8.6.5.9 1.2 1.1 2.1h-1.7c-.1-.5-.3-.8-.5-1-.3-.2-.6-.3-1.1-.3-.7 0-1.1.3-1.4.7zm.6-3.2L119 4.5h1.6l.8 1.2h.1l.8-1.2h1.6L122.2 7h-1.5zm11.4 1.7c.4.5.6 1.3.6 2.2v5.4H131v-5.2c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1-.4-.5 0-1 .2-1.3.6-.3.4-.5.9-.5 1.6v4.6h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.9-1 .4-.2.8-.3 1.4-.3.9 0 1.5.2 1.9.7zm6.5-1.8h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.3 3c-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-1-.2-1.7-.5-2.3zm-3-.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3H136c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zM56.3 31.6h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8-.1.2zm9.2-7.9h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.4 7.9c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.5c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1.1.2-.1.1-.1 0zm-2.7 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm8.2-7.9h-1.5l-1.7-2.4h1.6l.8 1.2h.1l.8-1.2h1.6l-1.7 2.4zm-1.8 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1H70v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9H79v1.8h-1.7v-1.8zm0 3.2H79V33h-1.7v-8.1zm6.3 0h2.2v1.4h-2.2v4.2c0 .4.1.6.3.8.2.2.4.3.8.3.3 0 .7-.1 1-.2v1.3c-.4.2-.9.3-1.5.3-.7 0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.7v-4.5h-1.5v-1.4H82v-1.5l1.3-1.3h.3v2.9zm10.4 0-3.3 3.5 3.2 4.7h-2l-2.3-3.4h-.1l-.5.6v2.8h-1.7V21.7H89v6.2h.1l2.7-3H94zm6.4 0h1.8l-3.4 9.3c-.2.6-.5 1.1-.9 1.4-.4.3-.9.5-1.5.5-.4 0-.8-.1-1.2-.2v-1.4c.3.1.6.1.9.1.3 0 .5-.1.7-.2.2-.1.3-.4.5-.8l.3-.9-3-7.9h1.8l2 5.7h.1l1.9-5.6z" />
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-          </svg>
-        );
-      case 'hr':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 107 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-            <path d="m57.3 3.8-1.8-2.3h1.7l.8 1.1h.1l.9-1.1h1.7l-1.8 2.3h-1.6zm4.2 10.9h-5.1v-.1L61.5 7V5h-6.7v1.6h4.9v.1l-5.1 7.6v2h7v-1.6zM65 4.9h-1.7v1.8H65V4.9zm0 3.3h-1.7v8.1H65V8.2zm5.9 8.1 2.8-8.1h-1.8L70.1 14H70l-1.8-5.7h-1.8l2.8 8.1h1.7zm2.8 2.8c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1l.1 1.5zm3.1-14.2h-1.7v1.8h1.7V4.9zm2.2 9.7c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm11 4.7c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4h-.3l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3zm3.6-9.9h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zM56.3 31.5l3.7-4.8V25h-5.4v1.4h3.6v.1l-3.8 4.8v1.8H60v-1.4h-3.8l.1-.2zm12 .3c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H62c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.2-.1-.1 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm4.2-7.3h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.2.6.2.8.2.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V25h-1.7l.1 8.5zm9.9-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3H79c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm7.8-4.3c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33H93v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.5-.4-1.1-.7-1.9-.7zm11.4 4.3c0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.5.4 1 .9 1.3 1.5.3.7.4 1.4.4 2.3zm-1.7 0c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z" />
-          </svg>
-        );
-      case 'hu':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 103 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-            <path d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm7-8.1h1.6v7.9c0 .6-.1 1.2-.4 1.7-.3.5-.7.9-1.2 1.2-.5.3-1.2.4-1.9.4-.6 0-1.2-.1-1.7-.3-.5-.2-.9-.5-1.2-.8-.3-.3-.5-.7-.6-1.2h1.7c.1.3.3.5.6.7.3.2.7.2 1.1.2.6 0 1.1-.2 1.4-.5.3-.3.5-.8.5-1.4V15H68c-.2.4-.5.6-.9.8-.4.2-.8.3-1.3.3-.7 0-1.3-.2-1.7-.5-.5-.3-.9-.8-1.1-1.4-.3-.6-.4-1.3-.4-2.2 0-.8.1-1.5.4-2.1.3-.6.6-1.1 1.1-1.4.5-.4 1.1-.5 1.7-.5.5 0 1 .1 1.4.3.4.2.7.6.9 1h.1V8.2zm0 3.8c0-.8-.2-1.4-.5-1.8-.3-.4-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.4-.5 1-.5 1.8s.2 1.4.5 1.8c.3.4.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1 .5-1.8zm10.6-3.8H77l-1.9 5.7H75l-2-5.7h-1.8l3 7.9-.3.9c-.1.4-.3.6-.5.8-.2.1-.4.2-.7.2-.3 0-.6 0-.9-.1v1.4c.3.1.7.2 1.2.2.6 0 1.1-.2 1.5-.5.4-.3.7-.8.9-1.4l3.4-9.4zm3.8-3.3h-1.7v1.9h1.7V4.9zm3.1 0H84v1.9h1.7V4.9zm-.8 10.4h.1v1.1h1.6V8.2h-1.7v4.6c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2V8.2h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.5-.3.8-.6 1-1zm6.2-9.9h-.3l-1.3 1.3v1.5H88v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm6.2 0H97l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm3.5 8.8v2.2h2.2v-2.2h-2.2zm-39.6 7.5-2.8 8.7h-.1l-2.8-8.7h-1.8l3.8 11.4h1.8L63 21.7h-1.8zm8.1 4.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.7.4 1.1.9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.4 4.8c-.1-.1-.1-.3-.1-.5v-9.4h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.8.5 1.4.5.3 0 .7-.1 1-.2v-1.3c-.2.1-.4.1-.6.1-.3-.2-.4-.2-.5-.3zm8.5-5c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z" />
-          </svg>
-        );
-      case 'me':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 114 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-            <path d="M61.3 5.9c-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.1h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.3-.3-2.2-1-2.8zM60 10.1c-.4.3-.8.5-1.4.5h-2.1v-4h2.1c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5-.1.7-.3 1.2-.6 1.5zm8.7-1.6c-.5-.3-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.2-5.1h-.1c-.2-.4-.5-.7-.9-.9-.4-.2-.9-.3-1.4-.3-.7 0-1.2.2-1.7.5s-.8.8-1.1 1.5c-.2.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.2.6.6 1.1 1.1 1.5.5.3 1.1.5 1.7.5.5 0 1-.1 1.4-.4.4-.3.7-.6.9-1.1h.1v1.2H79V4.9h-1.7v4.3zm-.5 5.1c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.5-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.5-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6 2h-1.7V8.2h1.7v8.1zm0-9.5h-1.7V4.9h1.7v1.9zm3.9 0h-1.7V4.9h1.7v1.9zm-2.3 12.5c-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V8.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.6.5-1.1.7-1.8.7zm9.7-3.4c.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.5-.2 2.1-.7zm-2.1-6.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7 7.1c-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.1.1.2.2.4.2s.4 0 .6-.1v1.3c-.2.2-.5.3-.9.3zm4.2-.2h-1.7V8.2h1.7v8.1zm0-9.5h-1.7V4.9h1.7v1.9zM59.7 25.9h-.1c-.2-.4-.5-.7-.9-.9-.4-.2-.8-.3-1.3-.3-.7 0-1.2.2-1.7.5s-.8.8-1.1 1.5c-.2.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.2.6.6 1.1 1.1 1.5.5.3 1.1.5 1.7.5.5 0 1-.1 1.4-.4.4-.3.7-.6.9-1.1h.1V33h1.6V21.7h-1.7v4.2zm-.5 5.1c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.5-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.5-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.6-.5 2zm9.4-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.7-.5 1.4-.5 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.2-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.6-.5 2zm7-7.3h-1.5L72 21.3h1.6l.8 1.2h.1l.8-1.2h1.6l-1.8 2.4zm-1.7 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9h1.7v1.8h-1.7v-1.8zm0 3.2h1.7V33h-1.7v-8.1zm8.7 0h1.8L86.8 33H85l-2.8-8.1H84l1.8 5.7h.2l1.8-5.7zm5.5 6.8c.2 0 .4 0 .6-.1V33c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4v-9.7h1.7V31c0 .2 0 .4.1.5.2.2.3.2.5.2zm2.2-10h1.7v1.8h-1.7v-1.8zm0 3.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.7.6-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7l-.1-8.6zm9.8 6.7c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.4c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1 0 .2-.1.1-.2 0zm-2.6 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm5-9.9h1.7v1.8h-1.7v-1.8zm0 3.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.7.6-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7l-.1-8.6zm5.8 6v2.2h-2.2v-2.2h2.2z" />
-          </svg>
-        );
-      case 'mk_lat':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 126 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path
-              class="st0"
-              d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z"
-              id="Telekom_Logo"
-            />
-            <path
-              id="mk_lat"
-              class="st0"
-              d="M61.4 4.9h1.7v11.4h-1.8l-4.8-8.1h-.1v8.1h-1.8V4.9h1.8l4.8 8.1h.1V4.9zm9.2 11.4v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.4-.3.9-.5 1.6-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1V4.9h1.7v11.4h-1.5zm-.1-4c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.1.5-2zm10.6 4c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5V11c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.3-.5 1-.7 1.8-.7 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.3.1.1 0 .3 0 .4-.1l.1 1.4zm-2.7-2.2c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm6.1-9.2h-1.7v1.8h1.7V4.9zm-.7 13.7c.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1V19c.3.1.5.1.8.1.8.2 1.4 0 1.8-.5zm2.9-11.8h1.7V4.9h-1.7v1.9zm0 9.5h1.7V8.2h-1.7v8.1zM61.6 26.7c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36h-1.7V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5.4.3.8.8 1.1 1.4zM60.2 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm9.7-2.4c.3.6.4 1.3.4 2.2v.6H65c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.5.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm3.9-5.1h-1.7v1.9h1.7v-1.9zm-3.1 0h-1.7v1.9h1.7v-1.9zm10.1 3.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1v-1.1H72V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5zm1.4-1.4h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8v-8.6h-1.7l.1 8.6zm10-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8H88c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.8-4.7h-.3l-1.3 1.3v1.5H89v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm3.8 11h1.7V25h-1.7v8.1zm0-9.6h1.7v-1.8h-1.7v1.8zm12.5 1.2c-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.4-.2-.8-.4-1.4-.4-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.3-.4-.9-.7-1.8-.7zm10.8 1.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.5.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.1.2-1.5.6zm11.1-.4V25h-2.2v-2.8h-.3l-1.3 1.3V25h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2l2.2-.1z"
-            />
-          </svg>
-        );
-      case 'mk_kyr':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 144 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-            <path d="M56.4 8.3c-.2.6-.3 1.4-.3 2.3 0 .9.1 1.7.3 2.3.2.6.5 1.1 1 1.4.4.3.9.5 1.6.5.6 0 1.1-.2 1.5-.5.4-.4.7-.9.9-1.5h1.8c-.1.8-.4 1.4-.8 2-.4.6-.9 1-1.5 1.3-.6.3-1.3.5-2 .5-1 0-1.8-.2-2.5-.7-.7-.5-1.2-1.2-1.6-2-.4-.9-.6-1.9-.6-3.2 0-1.2.2-2.3.6-3.2.4-.9.9-1.6 1.6-2 .7-.5 1.5-.7 2.5-.7.7 0 1.4.2 2 .5.6.3 1.1.8 1.5 1.3.4.6.6 1.2.8 2h-1.8c-.1-.7-.4-1.2-.9-1.5-.4-.4-.9-.5-1.5-.5s-1.1.2-1.6.5c-.5.1-.8.6-1 1.2zm10.2 1.4h3.1v6.6h1.7V8.2H65v8.1h1.7V9.7zm7 4.9c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.3 1.1-.5 1.9-.5.7 0 1.4.2 1.9.5.5.4 1 .9 1.3 1.5.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5c-.6-.4-1-.9-1.3-1.5zm1.2-2.3c0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.4-.5 1.1-.5 2zm13.2 4h-5v2h-1.6v-3.5h.6c.2-.1.3-.3.4-.5.1-.2.2-.5.2-1l.2-5.2h6v6.6h.9v3.5H88v-1.9zm-.9-6.6h-2.7l-.2 3.5c0 .3-.1.6-.1.9-.1.2-.2.5-.3.7h3.4l-.1-5.1zm7.2 6.9c-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.4 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.7h1.7c-.2.8-.6 1.3-1.2 1.8-.6.4-1.3.6-2.1.6zm-1.4-6.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.7 3.9.2-4.3h2.7v6.6h1.7V8.2h-6l-.2 5.6c0 .4-.1.7-.2.9-.2.2-.4.2-.7.2h-.4v1.4c.2.1.5.1.8.1.6 0 1.1-.2 1.5-.6.4-.3.6-1 .6-1.8zm8.6-.6-.1-5.2h-1.7v8.1h1.7l3.1-5.1h.1v5.1h1.7V8.2h-1.7l-3.1 5.2zM61.3 31.6h.9v3.5h-1.7v-2h-5v2h-1.6v-3.5h.6c.2-.1.3-.3.4-.5.1-.2.2-.5.2-1l.2-5.2h6v6.7zm-1.7-5.2h-2.7l-.1 3.6c0 .3-.1.6-.1.9-.1.2-.2.5-.3.7h3.4l-.2-5.2zm10.7.3c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM69 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm13.7-4.1h-2l-2 3.3h-.9v-3.3h-1.7v3.3h-.9l-2-3.3h-2l2.6 4-2.6 4.1h2l2-3.3h.9V33h1.7v-3.3h.9l2 3.3h2l-2.5-4 2.5-4.1zm3.2 5.2-.1-5.2h-1.7V33h1.7l3.1-5.1h.1V33h1.7v-8.1H89l-3.1 5.2zm12.8-.4c.2.3.3.7.3 1.1 0 .7-.2 1.2-.7 1.6-.5.4-1.2.6-2.1.6h-3.3v-8.1h3.4c.9 0 1.5.2 1.9.6.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.1-.2.3-.5.6-.9.8v.1c.5.1.8.4 1 .7zm-4.1-1.4h1.5c.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.3h-1.5v2zm2.7 2.3c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.9-.3h-1.5v2.1h1.5c.4 0 .7-.1.9-.3.2-.1.3-.3.3-.7zm6.5 0h-.1l-2-5.7H100l3 7.9-.3.9c-.1.4-.3.6-.5.8-.2.1-.4.2-.7.2-.3 0-.6 0-.9-.1V36c.3.1.7.2 1.2.2.6 0 1.1-.2 1.5-.5.4-.3.7-.8.9-1.4l3.4-9.3h-1.8l-2 5.6zm10.8-.9c.2.3.3.7.3 1.1 0 .7-.2 1.2-.7 1.6-.5.4-1.2.6-2.1.6h-3.3v-8.1h3.4c.9 0 1.5.2 1.9.6.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.1-.2.3-.5.6-.9.8v.1c.4.1.7.4 1 .7zm-4.1-1.4h1.5c.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.3h-1.5v2zm2.7 2.3c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.9-.3h-1.5v2.1h1.5c.4 0 .7-.1.9-.3.2-.1.3-.3.3-.7zm9.9 1.2c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.7-.1-1-.3-.2-.2-.4-.5-.4-.8h-.1c-.2.4-.6.7-1 .9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4h.2zm-2.3-.9c.2-.3.2-.7.2-1.1v-.5h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.3-.3.5-.5.6-.8zm14.1-2.5c.5.5.8 1.1.8 2 0 .8-.3 1.5-.8 2s-1.2.7-2 .7h-3.2v-3.9h-3v3.9H125V25h1.7v2.8h3V25h1.7v2.8h1.5c.8-.1 1.5.2 2 .6zm-.9 2c0-.4-.1-.7-.3-1-.2-.2-.5-.3-.9-.3h-1.3v2.6h1.3c.4 0 .7-.1.9-.3.2-.3.3-.6.3-1zm10 1.3V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.7-.1-1-.3-.2-.2-.4-.5-.4-.8h-.1c-.2.4-.6.7-1 .9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H137c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.3.1.2-.1.3-.1.5-.2zm-2.7-.8c.2-.3.2-.7.2-1.1v-.5h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.2-.3.4-.5.6-.8z" />
-          </svg>
-        );
-      case '':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 33 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6ZM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0Zm24.3 25.1h7.6v-7.6h-7.6v7.6Z" />
-          </svg>
-        );
-      case 'ro':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 142 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M56.5 12.2h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.2-.3-2.1-1-2.7-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.2zm2.1-5.6c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5c-.4.3-.8.5-1.4.5h-2.1v-4h2.1zm6.8 9.7h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.8-.9.4-.2.8-.3 1.2-.3.2 0 .4 0 .6.1v1.5h-.6c-.5 0-.8.1-1.1.2-.3.2-.5.4-.7.7-.1.3-.2.7-.2 1.2v4.5zm8.9-7.8c-.6-.3-1.2-.5-2-.5-.7 0-1.4.2-1.9.5-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.4.5-.8.7-1.5.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 .1.9-.1 1.5-.4 2zm12-1.8c.4.4.5.9.5 1.5 0 .8-.3 1.4-.8 1.8-.5.5-1.2.7-2.1.7-.9 0-1.6-.2-2.1-.6-.5-.4-.8-1-.9-1.8H82c.1.4.2.6.5.8.2.2.5.3.9.3s.7-.1.9-.3c.2-.2.3-.4.3-.8 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.4l-1-.3c-.6-.2-1.1-.4-1.4-.8-.3-.4-.5-.9-.5-1.6 0-.4.1-.9.4-1.2.2-.4.6-.7 1-.9.4-.1.9-.2 1.5-.2.8 0 1.5.2 2 .7.5.4.8 1 .9 1.8h-1.6c0-.4-.2-.6-.4-.8-.2-.2-.5-.3-.8-.3-.4 0-.7.1-.9.3-.2.2-.3.5-.3.7 0 .3.1.5.2.6.2.2.4.3.7.4l1 .3c.7.2 1.2.5 1.5.8zm9.4-.2c0-.9-.1-1.7-.4-2.3-.3-.6-.6-1.1-1.1-1.5-.5-.3-1-.5-1.7-.5-.5 0-1 .1-1.4.4-.4.3-.7.6-.9 1h-.1V8.2H88v11h1.7v-3.9h.1c.2.4.6.7.9.9.4.2.8.3 1.3.3.7 0 1.2-.2 1.7-.5s.8-.8 1.1-1.5c.3-.6.4-1.3.4-2.2zm-2.2 2c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.3-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.4-.6-.8-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6.1.7c.2 0 .4 0 .6-.1v1.3c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.2.2.3.2.5.2zm6.9-6.5c-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.4-.7-.8-1.2-1.3-1.5zm-1.8.9c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7.1.8c-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.4 0 .8-.1 1.1-.3.3-.2.4-.6.5-1h1.7c-.1.9-.5 1.6-1.1 2.1-.6.5-1.3.8-2.3.8-.7 0-1.4-.2-1.9-.5s-.9-.8-1.2-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5.9 0 1.7.3 2.3.8.6.5.9 1.2 1.1 2.1h-1.7c-.1-.5-.3-.8-.5-1-.3-.2-.6-.3-1.1-.3-.7 0-1.1.3-1.4.7zm.6-3.2L119 4.5h1.6l.8 1.2h.1l.8-1.2h1.6L122.2 7h-1.5zm11.4 1.7c.4.5.6 1.3.6 2.2v5.4H131v-5.2c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1-.4-.5 0-1 .2-1.3.6-.3.4-.5.9-.5 1.6v4.6h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.9-1 .4-.2.8-.3 1.4-.3.9 0 1.5.2 1.9.7zm6.5-1.8h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.3 3c-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-1-.2-1.7-.5-2.3zm-3-.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3H136c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zM56.3 31.6h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8-.1.2zm9.2-7.9h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.4 7.9c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.5c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1.1.2-.1.1-.1 0zm-2.7 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm8.2-7.9h-1.5l-1.7-2.4h1.6l.8 1.2h.1l.8-1.2h1.6l-1.7 2.4zm-1.8 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1H70v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9H79v1.8h-1.7v-1.8zm0 3.2H79V33h-1.7v-8.1zm6.3 0h2.2v1.4h-2.2v4.2c0 .4.1.6.3.8.2.2.4.3.8.3.3 0 .7-.1 1-.2v1.3c-.4.2-.9.3-1.5.3-.7 0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.7v-4.5h-1.5v-1.4H82v-1.5l1.3-1.3h.3v2.9zm10.4 0-3.3 3.5 3.2 4.7h-2l-2.3-3.4h-.1l-.5.6v2.8h-1.7V21.7H89v6.2h.1l2.7-3H94zm6.4 0h1.8l-3.4 9.3c-.2.6-.5 1.1-.9 1.4-.4.3-.9.5-1.5.5-.4 0-.8-.1-1.2-.2v-1.4c.3.1.6.1.9.1.3 0 .5-.1.7-.2.2-.1.3-.4.5-.8l.3-.9-3-7.9h1.8l2 5.7h.1l1.9-5.6z" />
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-          </svg>
-        );
-      case 'sk':
-        return (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 109 38"
-            part="logo-svg"
-            fill={this.getColor()}
-            role={this.innerRole === 'link' ? null : 'img'}
-            aria-labelledby={`logo-title-${i}`}
-          >
-            {this.getTitle(
-              'Telekom Logo - Life is for sharing',
-              '- Go to Start Page'
-            )}
-            <path d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" />
-            <path d="M61.5 16.3h-7v-2l5.1-7.6v-.1h-4.9V5h6.7v2l-5.1 7.6v.1h5.1v1.6zm8-1.3c.1 0 .3 0 .4-.1v1.3c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5V11c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.3-.5 1-.7 1.8-.7 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.4.1zm-2.3-.9c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm9.5.8h-3.8v-.1l3.7-4.8V8.2h-5.4v1.4h3.6v.1L71 14.5v1.8h5.6v-1.4zm-2-7.9 1.7-2.4h-1.6L74 5.7h-.1l-.8-1.2h-1.6L73.2 7h1.5zm5.5-2.1h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zm3.9 3.5c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7V11c0-1-.2-1.7-.6-2.2-.4-.6-1-.8-1.9-.8-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.3-.3-.8-.4-1.3-.4s-1 .1-1.4.3c-.4.2-.7.6-.9 1H84V8.2h-1.6v8.1h1.7v-4.6zm18.1 2.4c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.3-1.4.5-.3 1.1-.5 1.9-.5.7 0 1.3.2 1.8.5s.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6H97c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7zm-4.8-4c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm-40.1 12H57l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm10.2 4.6c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM66.3 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm10-.6-1-.3c-.3-.1-.6-.2-.7-.4-.2-.2-.2-.4-.2-.6 0-.3.1-.6.3-.7.2-.2.5-.3.9-.3.3 0 .6.1.8.3.2.2.3.5.4.8h1.6c-.1-.8-.4-1.4-.9-1.8-.5-.4-1.2-.7-2-.7-.6 0-1.1.1-1.5.3-.4.2-.8.5-1 .9-.2.4-.4.8-.4 1.2 0 .7.2 1.2.5 1.6.3.4.8.6 1.4.8l1 .3c.4.1.6.2.8.4.2.2.3.4.3.7 0 .3-.1.6-.3.8-.2.2-.5.3-.9.3s-.7-.1-.9-.3c-.2-.2-.4-.4-.5-.8h-1.6c.1.8.4 1.4.9 1.8.5.4 1.2.6 2.1.6.9 0 1.6-.2 2.1-.7.5-.5.8-1.1.8-1.8 0-.6-.2-1.1-.5-1.5-.3-.4-.8-.7-1.5-.9zm10.6-1.7c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36h-1.7V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5s.9.8 1.1 1.4zM85.6 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm9.9-2.3c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM94.3 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm5.2 2.6c-.1-.1-.1-.3-.1-.5v-9.4h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.8.5 1.4.5.3 0 .7-.1 1-.2v-1.3c-.2.1-.4.1-.6.1-.3-.2-.4-.2-.5-.3zm7.2-6.7v4.6c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2v-5.2h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.4-.2.7-.6.9-1h.1v1.1h1.6V25l-1.6-.1z" />
-          </svg>
-        );
-    }
-  }
-
   render() {
-    return <Host>{this.renderPaths()}</Host>;
+    return (
+      <Host>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 32 38"
+          part="logo-svg"
+          fill={this.getColor()}
+          role={this.innerRole === 'link' ? null : 'img'}
+          aria-labelledby={`logo-title-${i}`}
+        >
+          {this.getTitle('Telekom Logo', '- Go to Start Page')}
+          <path d="M7.6 25.1H0v-7.6h7.6v7.6ZM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0Zm24.3 25.1h7.6v-7.6h-7.6v7.6Z" />
+        </svg>
+      </Host>
+    );
   }
 }
diff --git a/packages/components/src/components/telekom/logo/logo.css b/packages/components/src/components/telekom/logo/logo.css
index d6548c53a7..35358027f4 100644
--- a/packages/components/src/components/telekom/logo/logo.css
+++ b/packages/components/src/components/telekom/logo/logo.css
@@ -23,7 +23,8 @@
 [part~='logo']:focus,
 [part~='logo']:focus-visible {
   outline: var(--focus-outline);
-  outline-offset: 1px;
+  outline-offset: 2px;
+  border-radius: 2px;
 }
 
 [part~='variant-magenta'] {
diff --git a/packages/components/src/components/telekom/logo/logo.spec.ts b/packages/components/src/components/telekom/logo/logo.spec.ts
index 0d39b95178..44821635c1 100644
--- a/packages/components/src/components/telekom/logo/logo.spec.ts
+++ b/packages/components/src/components/telekom/logo/logo.spec.ts
@@ -23,26 +23,13 @@ describe('component prop snapshots', () => {
   });
 
   const variant: 'magenta' | 'white' = 'magenta';
-  const language:
-    | 'de'
-    | 'en'
-    | 'cz'
-    | 'hr'
-    | 'hu'
-    | 'me'
-    | 'mk_lat'
-    | 'mk_kyr'
-    | 'ro'
-    | 'sk'
-    | '' = 'en';
   const transparent: boolean = false;
-  const size: number = 36;
+  const size: number = 38;
 
   describe('all props', () => {
     it('are not set', async () => {
       await page.waitForChanges();
       expect(page.rootInstance.variant).toBe(variant);
-      expect(page.rootInstance.language).toBe(language);
       expect(page.rootInstance.transparent).toBe(transparent);
       expect(page.rootInstance.size).toBe(size);
 
@@ -50,20 +37,17 @@ describe('component prop snapshots', () => {
     });
     it('are set', async () => {
       const setVariant = 'white';
-      const setLanguage = 'hr';
       const setTransparent = true;
       const setSize = 100;
       const setHref = 'https://www.telekom.de/start';
 
       page.rootInstance.variant = setVariant;
-      page.rootInstance.language = setLanguage;
       page.rootInstance.transparent = setTransparent;
       page.rootInstance.size = setSize;
       page.rootInstance.href = setHref;
 
       await page.waitForChanges();
       expect(page.rootInstance.variant).toBe(setVariant);
-      expect(page.rootInstance.language).toBe(setLanguage);
       expect(page.rootInstance.transparent).toBe(setTransparent);
       expect(page.rootInstance.size).toBe(setSize);
       expect(page.rootInstance.href).toBe(setHref);
diff --git a/packages/components/src/components/telekom/logo/logo.tsx b/packages/components/src/components/telekom/logo/logo.tsx
index 1f4c1c840c..d4bb56b7b9 100644
--- a/packages/components/src/components/telekom/logo/logo.tsx
+++ b/packages/components/src/components/telekom/logo/logo.tsx
@@ -24,7 +24,7 @@ export class Logo {
   @Prop() variant: 'magenta' | 'white' = 'magenta';
   /** (optional) Set transparent background */
   @Prop() transparent: boolean = false;
-  /** (optional) Language of the logo text/ claimOff showes just the T Logo */
+  /** @deprecated; (optional) Language of the logo text/ claimOff showes just the T Logo */
   @Prop() language:
     | 'de'
     | 'en'
@@ -38,7 +38,7 @@ export class Logo {
     | 'sk'
     | string = 'en';
   /** (optional) The height in pixels */
-  @Prop() size?: number = 36;
+  @Prop() size?: number = 38;
   /** (optional) Set a link */
   @Prop() href?: string = 'javascript:void(0);';
   /** (optional) When using the icon standalone, make it meaningful for accessibility */
@@ -66,6 +66,15 @@ export class Logo {
         source: this.hostElement,
       });
     }
+    if (this.language) {
+      statusNote({
+        tag: 'deprecated',
+        message:
+          'Property "language" is deprecated. Localized brand claim is not shown anymore.',
+        type: 'warn',
+        source: this.hostElement,
+      });
+    }
   }
 
   render() {
@@ -91,7 +100,6 @@ export class Logo {
         >
           <scale-logo-svg
             part="icon"
-            language={this.language}
             color={this.variant}
             logoTitle={this.logoTitle}
             logoHideTitle={this.logoHideTitle}
diff --git a/packages/components/src/components/telekom/logo/readme.md b/packages/components/src/components/telekom/logo/readme.md
index 3c9e5d1d75..6d79f9bcb1 100644
--- a/packages/components/src/components/telekom/logo/readme.md
+++ b/packages/components/src/components/telekom/logo/readme.md
@@ -13,7 +13,6 @@
 | `color`              | `color`               | (optional) Sets the icon color via the `fill` attribute                                                                                   | `string`          | `'magenta'` |
 | `focusable`          | `focusable`           |                                                                                                                                           | `boolean`         | `true`      |
 | `innerRole`          | `inner-role`          |                                                                                                                                           | `"img" \| "link"` | `'img'`     |
-| `language`           | `language`            | (optional) The languages for the Text behind the Logo                                                                                     | `string`          | `'en'`      |
 | `logoHideTitle`      | `logo-hide-title`     | (optional) Hide all logo related titles                                                                                                   | `boolean`         | `undefined` |
 | `logoTitle`          | `logo-title`          | (optional) When using the icon standalone, make it meaningful for accessibility                                                           | `string`          | `undefined` |
 
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_CZ_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_CZ_38px.svg
deleted file mode 100644
index e31e89311c..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_CZ_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 142 38" style="enable-background:new 0 0 142 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="Claim_00000138553441439286777800000011449169597455446683_"><g id="Claim"><path id="cz" class="st0" d="M56.5 12.2h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.2-.3-2.1-1-2.7-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.2zm2.1-5.6c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5c-.4.3-.8.5-1.4.5h-2.1v-4h2.1zm6.8 9.7h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.8-.9.4-.2.8-.3 1.2-.3.2 0 .4 0 .6.1v1.5h-.6c-.5 0-.8.1-1.1.2-.3.2-.5.4-.7.7-.1.3-.2.7-.2 1.2v4.5zm8.9-7.8c-.6-.3-1.2-.5-2-.5-.7 0-1.4.2-1.9.5-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.4.5-.8.7-1.5.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 .1.9-.1 1.5-.4 2zm12-1.8c.4.4.5.9.5 1.5 0 .8-.3 1.4-.8 1.8-.5.5-1.2.7-2.1.7-.9 0-1.6-.2-2.1-.6-.5-.4-.8-1-.9-1.8H82c.1.4.2.6.5.8.2.2.5.3.9.3s.7-.1.9-.3c.2-.2.3-.4.3-.8 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.4l-1-.3c-.6-.2-1.1-.4-1.4-.8-.3-.4-.5-.9-.5-1.6 0-.4.1-.9.4-1.2.2-.4.6-.7 1-.9.4-.1.9-.2 1.5-.2.8 0 1.5.2 2 .7.5.4.8 1 .9 1.8h-1.6c0-.4-.2-.6-.4-.8-.2-.2-.5-.3-.8-.3-.4 0-.7.1-.9.3-.2.2-.3.5-.3.7 0 .3.1.5.2.6.2.2.4.3.7.4l1 .3c.7.2 1.2.5 1.5.8zm9.4-.2c0-.9-.1-1.7-.4-2.3-.3-.6-.6-1.1-1.1-1.5-.5-.3-1-.5-1.7-.5-.5 0-1 .1-1.4.4-.4.3-.7.6-.9 1h-.1V8.2H88v11h1.7v-3.9h.1c.2.4.6.7.9.9.4.2.8.3 1.3.3.7 0 1.2-.2 1.7-.5s.8-.8 1.1-1.5c.3-.6.4-1.3.4-2.2zm-2.2 2c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.3-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.4-.6-.8-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6.1.7c.2 0 .4 0 .6-.1v1.3c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.2.2.3.2.5.2zm6.9-6.5c-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.4-.7-.8-1.2-1.3-1.5zm-1.8.9c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7.1.8c-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.4 0 .8-.1 1.1-.3.3-.2.4-.6.5-1h1.7c-.1.9-.5 1.6-1.1 2.1-.6.5-1.3.8-2.3.8-.7 0-1.4-.2-1.9-.5s-.9-.8-1.2-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5.9 0 1.7.3 2.3.8.6.5.9 1.2 1.1 2.1h-1.7c-.1-.5-.3-.8-.5-1-.3-.2-.6-.3-1.1-.3-.7 0-1.1.3-1.4.7zm.6-3.2L119 4.5h1.6l.8 1.2h.1l.8-1.2h1.6L122.2 7h-1.5zm11.4 1.7c.4.5.6 1.3.6 2.2v5.4H131v-5.2c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1-.4-.5 0-1 .2-1.3.6-.3.4-.5.9-.5 1.6v4.6h-1.7V8.2h1.6v1.1h.1c.2-.4.5-.7.9-1 .4-.2.8-.3 1.4-.3.9 0 1.5.2 1.9.7zm6.5-1.8h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.3 3c-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.6-.2 2.2-.6.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-1-.2-1.7-.5-2.3zm-3-.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3H136c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zM56.3 31.6h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8-.1.2zm9.2-7.9h-1.7l1.6-2.4h1.8l-1.7 2.4zm2.4 7.9c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.5c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1.1.2-.1.1-.1 0zm-2.7 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm8.2-7.9h-1.5l-1.7-2.4h1.6l.8 1.2h.1l.8-1.2h1.6l-1.7 2.4zm-1.8 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1H70v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9H79v1.8h-1.7v-1.8zm0 3.2H79V33h-1.7v-8.1zm6.3 0h2.2v1.4h-2.2v4.2c0 .4.1.6.3.8.2.2.4.3.8.3.3 0 .7-.1 1-.2v1.3c-.4.2-.9.3-1.5.3-.7 0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.7v-4.5h-1.5v-1.4H82v-1.5l1.3-1.3h.3v2.9zm10.4 0-3.3 3.5 3.2 4.7h-2l-2.3-3.4h-.1l-.5.6v2.8h-1.7V21.7H89v6.2h.1l2.7-3H94zm6.4 0h1.8l-3.4 9.3c-.2.6-.5 1.1-.9 1.4-.4.3-.9.5-1.5.5-.4 0-.8-.1-1.2-.2v-1.4c.3.1.6.1.9.1.3 0 .5-.1.7-.2.2-.1.3-.4.5-.8l.3-.9-3-7.9h1.8l2 5.7h.1l1.9-5.6z"/></g></g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_DE_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_DE_38px.svg
deleted file mode 100644
index 46030ab4a1..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_DE_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 153 38" style="enable-background:new 0 0 153 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="Claim_00000138553441439286777800000011449169597455446683_"><g id="Claim_00000102509331404419821250000002994660568612755384_"><path id="de_00000046314538864875812020000001196873961354333866_" class="st0" d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm5.6-6.6h.6V8.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1V8.2h-1.6v8.1h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.1.7-.2 1.1-.2zm3.9 6.8c.3 0 .7-.1 1-.2V15h-.6c-.2 0-.3-.1-.4-.2-.1-.1-.1-.3-.1-.5V4.9h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.7.5 1.3.5zm2.4-1.9c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3H78c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm9.3 6.1c-.4-.3-.7-.6-.9-1.1H83v1.2h-1.6V4.9H83v4.3h.1c.2-.4.6-.7.9-.9.5-.2.9-.3 1.4-.3.7 0 1.2.2 1.7.5s.8.8 1.1 1.5c.2.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.2.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-1-.1-1.4-.4zm1-1.2c.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2.1 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .2.6.7.8 1.4.8zm8.4 1.6c-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.6-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.5.5-1.3.7-2.1.7zM92 10.1c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zM102.5 8c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1V8.2h-1.6v8.1h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7V11c0-1-.2-1.7-.6-2.2-.4-.6-1-.8-1.9-.8zm6.2 10.3c.3-.5.5-1.1.5-2.1v-2.1H107v2.2h1.1v.1c0 .4 0 .7-.1.9-.1.2-.2.4-.3.5-.2.1-.4.2-.6.2v1c.7 0 1.2-.2 1.6-.7zM61.8 30.4h-.1l-1.4-5.5h-1.8L57 30.4h-.1l-1.5-5.5h-1.7L56 33h1.7l1.5-5.4h.1l1.5 5.4h1.7l2.3-8.1h-1.7l-1.3 5.5zm10.6 1.4c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.1-.1 0 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm7.4-2.4-1-.3c-.3-.1-.6-.2-.7-.4-.2-.2-.2-.4-.2-.6 0-.3.1-.6.3-.7.2-.2.5-.3.9-.3.3 0 .6.1.8.3.2.2.3.5.4.8h1.6c-.1-.8-.4-1.4-.9-1.8-.5-.4-1.2-.7-2-.7-.6 0-1.1.1-1.5.3-.4.2-.8.5-1 .9-.2.4-.4.8-.4 1.2 0 .7.2 1.2.5 1.6.3.4.8.6 1.4.8l1 .3c.4.1.6.2.8.4.2.2.3.4.3.7 0 .3-.1.6-.3.8-.2.2-.5.3-.9.3s-.7-.1-.9-.3c-.2-.2-.4-.4-.5-.8h-1.6c.1.8.4 1.4.9 1.8.5.4 1.2.6 2.1.6.9 0 1.6-.2 2.1-.7.5-.5.8-1.1.8-1.8 0-.6-.2-1.1-.5-1.5-.3-.4-.8-.7-1.5-.9zm9.9 2.3h-.1L85.5 25h-1.8l2.8 8.1h1.8l2.8-8.1h-1.8l-1.9 5.7zm10.9-4.1c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.7.4 1.1.9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm9.1-1.7c-.4.2-.6.5-.8.9h-.1v-1.1h-1.6V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3zm10 1.6c.2.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.2.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-1-.1-1.4-.4-.4-.3-.7-.6-.9-1.1h-.1V33h-1.6V21.7h1.7V26h.1c.2-.4.6-.7.9-.9.4-.2.8-.3 1.3-.3.7 0 1.2.2 1.7.5s.9.8 1.1 1.4zm-1.3 2.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm3.5-5.5h1.7v-1.8h-1.7v1.8zm0 9.6h1.7V25h-1.7v8.1zm7.8-8.4c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1H119V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.4-.4-1.1-.7-1.9-.7zm9.7-3h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm10-2.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.8-4.7h-.3l-1.3 1.3v1.5H144v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm3.5 8.8v2.2h2.2v-2.2h-2.2z"/></g></g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo_00000073708995387402076450000008886612895988010636_"/></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_HR_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_HR_38px.svg
deleted file mode 100644
index 16d9f5d572..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_HR_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 107 38" style="enable-background:new 0 0 107 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="hr_00000181783255629822503830000009455660059486819772_" class="st0" d="m57.3 3.8-1.8-2.3h1.7l.8 1.1h.1l.9-1.1h1.7l-1.8 2.3h-1.6zm4.2 10.9h-5.1v-.1L61.5 7V5h-6.7v1.6h4.9v.1l-5.1 7.6v2h7v-1.6zM65 4.9h-1.7v1.8H65V4.9zm0 3.3h-1.7v8.1H65V8.2zm5.9 8.1 2.8-8.1h-1.8L70.1 14H70l-1.8-5.7h-1.8l2.8 8.1h1.7zm2.8 2.8c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1l.1 1.5zm3.1-14.2h-1.7v1.8h1.7V4.9zm2.2 9.7c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.4-.3-.8-.8-1.1-1.4zm1.6-4.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm11 4.7c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4h-.3l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3zm3.6-9.9h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zM56.3 31.5l3.7-4.8V25h-5.4v1.4h3.6v.1l-3.8 4.8v1.8H60v-1.4h-3.8l.1-.2zm12 .3c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H62c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.2-.1-.1 0 .1 0zm-2.3-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm4.2-7.3h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.2.6.2.8.2.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8V25h-1.7l.1 8.5zm9.9-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3H79c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm7.8-4.3c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33H93v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.5-.4-1.1-.7-1.9-.7zm11.4 4.3c0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.5.4 1 .9 1.3 1.5.3.7.4 1.4.4 2.3zm-1.7 0c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_HU_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_HU_38px.svg
deleted file mode 100644
index 7e7b33a3e8..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_HU_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 103 38" style="enable-background:new 0 0 103 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="hu" class="st0" d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm7-8.1h1.6v7.9c0 .6-.1 1.2-.4 1.7-.3.5-.7.9-1.2 1.2-.5.3-1.2.4-1.9.4-.6 0-1.2-.1-1.7-.3-.5-.2-.9-.5-1.2-.8-.3-.3-.5-.7-.6-1.2h1.7c.1.3.3.5.6.7.3.2.7.2 1.1.2.6 0 1.1-.2 1.4-.5.3-.3.5-.8.5-1.4V15H68c-.2.4-.5.6-.9.8-.4.2-.8.3-1.3.3-.7 0-1.3-.2-1.7-.5-.5-.3-.9-.8-1.1-1.4-.3-.6-.4-1.3-.4-2.2 0-.8.1-1.5.4-2.1.3-.6.6-1.1 1.1-1.4.5-.4 1.1-.5 1.7-.5.5 0 1 .1 1.4.3.4.2.7.6.9 1h.1V8.2zm0 3.8c0-.8-.2-1.4-.5-1.8-.3-.4-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.4-.5 1-.5 1.8s.2 1.4.5 1.8c.3.4.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1 .5-1.8zm10.6-3.8H77l-1.9 5.7H75l-2-5.7h-1.8l3 7.9-.3.9c-.1.4-.3.6-.5.8-.2.1-.4.2-.7.2-.3 0-.6 0-.9-.1v1.4c.3.1.7.2 1.2.2.6 0 1.1-.2 1.5-.5.4-.3.7-.8.9-1.4l3.4-9.4zm3.8-3.3h-1.7v1.9h1.7V4.9zm3.1 0H84v1.9h1.7V4.9zm-.8 10.4h.1v1.1h1.6V8.2h-1.7v4.6c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2V8.2h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.5-.3.8-.6 1-1zm6.2-9.9h-.3l-1.3 1.3v1.5H88v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm6.2 0H97l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm3.5 8.8v2.2h2.2v-2.2h-2.2zm-39.6 7.5-2.8 8.7h-.1l-2.8-8.7h-1.8l3.8 11.4h1.8L63 21.7h-1.8zm8.1 4.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.7.4 1.1.9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.4 4.8c-.1-.1-.1-.3-.1-.5v-9.4h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.8.5 1.4.5.3 0 .7-.1 1-.2v-1.3c-.2.1-.4.1-.6.1-.3-.2-.4-.2-.5-.3zm8.5-5c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.8-5.1h1.7v11.4h-1.6v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.5-.3 1.1-.5 1.7-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1v-4.3zm0 7.3c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_ME_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_ME_38px.svg
deleted file mode 100644
index f01ac492c4..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_ME_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114 38" style="enable-background:new 0 0 114 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="me" class="st0" d="M61.3 5.9c-.7-.6-1.5-.9-2.6-.9h-4v11.4h1.8v-4.1h2.2c1.1 0 1.9-.3 2.6-.9.7-.6 1-1.5 1-2.7 0-1.3-.3-2.2-1-2.8zM60 10.1c-.4.3-.8.5-1.4.5h-2.1v-4h2.1c.6 0 1 .2 1.4.5.4.3.6.8.6 1.5-.1.7-.3 1.2-.6 1.5zm8.7-1.6c-.5-.3-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.3-.6-.7-1.1-1.3-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.1 1.5-.5 2zm9.2-5.1h-.1c-.2-.4-.5-.7-.9-.9-.4-.2-.9-.3-1.4-.3-.7 0-1.2.2-1.7.5s-.8.8-1.1 1.5c-.2.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.2.6.6 1.1 1.1 1.5.5.3 1.1.5 1.7.5.5 0 1-.1 1.4-.4.4-.3.7-.6.9-1.1h.1v1.2H79V4.9h-1.7v4.3zm-.5 5.1c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.5-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.5-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.5-.5 2zm6 2h-1.7V8.2h1.7v8.1zm0-9.5h-1.7V4.9h1.7v1.9zm3.9 0h-1.7V4.9h1.7v1.9zm-2.3 12.5c-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V8.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.6.5-1.1.7-1.8.7zm9.7-3.4c.6-.4 1-1 1.2-1.8h-1.7c-.1.3-.3.6-.6.8-.3.2-.6.3-1 .3-.6 0-1.1-.2-1.4-.7-.3-.4-.4-1-.5-1.8h5.3v-.6c0-.8-.1-1.6-.4-2.2-.3-.6-.7-1.1-1.2-1.4-.5-.3-1.1-.5-1.8-.5s-1.4.2-1.9.5-.9.8-1.2 1.5c-.3.6-.4 1.4-.4 2.3 0 .9.1 1.7.4 2.3.3.7.7 1.1 1.2 1.5.5.3 1.1.5 1.9.5.8 0 1.5-.2 2.1-.7zm-2.1-6.5c.6 0 1 .2 1.4.6.2.3.4.7.4 1.3h-3.7c.1-.5.2-1 .4-1.3.4-.3.9-.6 1.5-.6zm7 7.1c-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4V4.9h1.7v9.4c0 .2 0 .4.1.5.1.1.2.2.4.2s.4 0 .6-.1v1.3c-.2.2-.5.3-.9.3zm4.2-.2h-1.7V8.2h1.7v8.1zm0-9.5h-1.7V4.9h1.7v1.9zM59.7 25.9h-.1c-.2-.4-.5-.7-.9-.9-.4-.2-.8-.3-1.3-.3-.7 0-1.2.2-1.7.5s-.8.8-1.1 1.5c-.2.6-.4 1.4-.4 2.3 0 .9.1 1.6.4 2.3.2.6.6 1.1 1.1 1.5.5.3 1.1.5 1.7.5.5 0 1-.1 1.4-.4.4-.3.7-.6.9-1.1h.1V33h1.6V21.7h-1.7v4.2zm-.5 5.1c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.5-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.5-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.6-.5 2zm9.4-5.8c-.5-.4-1.2-.5-1.9-.5s-1.4.2-1.9.5c-.5.4-1 .9-1.3 1.5-.3.7-.5 1.4-.5 2.3 0 .9.1 1.6.4 2.3.3.7.7 1.2 1.3 1.5.5.3 1.2.5 1.9.5s1.4-.2 1.9-.5 1-.8 1.3-1.5c.3-.7.4-1.4.4-2.3 0-.9-.1-1.6-.4-2.3-.2-.6-.7-1.1-1.2-1.5zm-.5 5.8c-.3.5-.8.7-1.4.7-.6 0-1.1-.2-1.4-.7-.3-.5-.5-1.2-.5-2 0-.9.2-1.6.5-2 .3-.5.8-.7 1.4-.7.6 0 1.1.2 1.4.7.3.5.5 1.2.5 2 0 .9-.2 1.6-.5 2zm7-7.3h-1.5L72 21.3h1.6l.8 1.2h.1l.8-1.2h1.6l-1.8 2.4zm-1.7 7.9h3.8V33h-5.6v-1.8l3.8-4.8v-.1h-3.6v-1.4h5.4v1.7l-3.7 4.8v.2zm5.7-9.9h1.7v1.8h-1.7v-1.8zm0 3.2h1.7V33h-1.7v-8.1zm8.7 0h1.8L86.8 33H85l-2.8-8.1H84l1.8 5.7h.2l1.8-5.7zm5.5 6.8c.2 0 .4 0 .6-.1V33c-.3.1-.7.2-1 .2-.6 0-1-.2-1.4-.5-.3-.3-.5-.8-.5-1.4v-9.7h1.7V31c0 .2 0 .4.1.5.2.2.3.2.5.2zm2.2-10h1.7v1.8h-1.7v-1.8zm0 3.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.7.6-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7l-.1-8.6zm9.8 6.7c-.1-.1-.1-.2-.1-.4v-3.5c0-.9-.3-1.7-.8-2.2-.5-.6-1.3-.8-2.3-.8-.8 0-1.5.2-2.1.6-.5.4-.9 1-.9 1.8h1.6c.1-.4.2-.6.4-.8.2-.2.5-.3.9-.3.5 0 .9.1 1.1.4.2.3.3.7.3 1.2v.4h-.4c-1.3 0-2.3.2-3.1.7-.7.5-1.1 1.2-1.1 2.1 0 .7.2 1.3.6 1.7.4.4 1 .6 1.8.6.5 0 1-.1 1.4-.3.4-.2.7-.5.9-.9h.1c0 .3.2.6.4.8.3.2.6.3 1 .3.2 0 .3 0 .5-.1.1 0 .3-.1.4-.1v-1.3c-.1 0-.2.1-.4.1 0 .2-.1.1-.2 0zm-2.6 0c-.3.2-.6.3-1 .3s-.7-.1-.9-.3c-.2-.2-.3-.5-.3-.9 0-.5.2-.9.6-1.1.4-.2 1.1-.4 1.9-.4h.5v.4c0 .4-.1.8-.2 1.1-.1.4-.3.7-.6.9zm5-9.9h1.7v1.8h-1.7v-1.8zm0 3.2h1.7v8.6c0 .8-.2 1.4-.6 1.8-.4.4-1 .6-1.7.6-.3 0-.5 0-.8-.1v-1.4c.2 0 .3.1.5.1.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7l-.1-8.6zm5.8 6v2.2h-2.2v-2.2h2.2z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_MK_KYR_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_MK_KYR_38px.svg
deleted file mode 100644
index 6a13620438..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_MK_KYR_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 38" style="enable-background:new 0 0 144 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="mk_kyr" class="st0" d="M56.4 8.3c-.2.6-.3 1.4-.3 2.3 0 .9.1 1.7.3 2.3.2.6.5 1.1 1 1.4.4.3.9.5 1.6.5.6 0 1.1-.2 1.5-.5.4-.4.7-.9.9-1.5h1.8c-.1.8-.4 1.4-.8 2-.4.6-.9 1-1.5 1.3-.6.3-1.3.5-2 .5-1 0-1.8-.2-2.5-.7-.7-.5-1.2-1.2-1.6-2-.4-.9-.6-1.9-.6-3.2 0-1.2.2-2.3.6-3.2.4-.9.9-1.6 1.6-2 .7-.5 1.5-.7 2.5-.7.7 0 1.4.2 2 .5.6.3 1.1.8 1.5 1.3.4.6.6 1.2.8 2h-1.8c-.1-.7-.4-1.2-.9-1.5-.4-.4-.9-.5-1.5-.5s-1.1.2-1.6.5c-.5.1-.8.6-1 1.2zm10.2 1.4h3.1v6.6h1.7V8.2H65v8.1h1.7V9.7zm7 4.9c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.3 1.1-.5 1.9-.5.7 0 1.4.2 1.9.5.5.4 1 .9 1.3 1.5.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5c-.6-.4-1-.9-1.3-1.5zm1.2-2.3c0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.4-.5 1.1-.5 2zm13.2 4h-5v2h-1.6v-3.5h.6c.2-.1.3-.3.4-.5.1-.2.2-.5.2-1l.2-5.2h6v6.6h.9v3.5H88v-1.9zm-.9-6.6h-2.7l-.2 3.5c0 .3-.1.6-.1.9-.1.2-.2.5-.3.7h3.4l-.1-5.1zm7.2 6.9c-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.4 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.7h1.7c-.2.8-.6 1.3-1.2 1.8-.6.4-1.3.6-2.1.6zm-1.4-6.5c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.7 3.9.2-4.3h2.7v6.6h1.7V8.2h-6l-.2 5.6c0 .4-.1.7-.2.9-.2.2-.4.2-.7.2h-.4v1.4c.2.1.5.1.8.1.6 0 1.1-.2 1.5-.6.4-.3.6-1 .6-1.8zm8.6-.6-.1-5.2h-1.7v8.1h1.7l3.1-5.1h.1v5.1h1.7V8.2h-1.7l-3.1 5.2zM61.3 31.6h.9v3.5h-1.7v-2h-5v2h-1.6v-3.5h.6c.2-.1.3-.3.4-.5.1-.2.2-.5.2-1l.2-5.2h6v6.7zm-1.7-5.2h-2.7l-.1 3.6c0 .3-.1.6-.1.9-.1.2-.2.5-.3.7h3.4l-.2-5.2zm10.7.3c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM69 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm13.7-4.1h-2l-2 3.3h-.9v-3.3h-1.7v3.3h-.9l-2-3.3h-2l2.6 4-2.6 4.1h2l2-3.3h.9V33h1.7v-3.3h.9l2 3.3h2l-2.5-4 2.5-4.1zm3.2 5.2-.1-5.2h-1.7V33h1.7l3.1-5.1h.1V33h1.7v-8.1H89l-3.1 5.2zm12.8-.4c.2.3.3.7.3 1.1 0 .7-.2 1.2-.7 1.6-.5.4-1.2.6-2.1.6h-3.3v-8.1h3.4c.9 0 1.5.2 1.9.6.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.1-.2.3-.5.6-.9.8v.1c.5.1.8.4 1 .7zm-4.1-1.4h1.5c.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.3h-1.5v2zm2.7 2.3c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.9-.3h-1.5v2.1h1.5c.4 0 .7-.1.9-.3.2-.1.3-.3.3-.7zm6.5 0h-.1l-2-5.7H100l3 7.9-.3.9c-.1.4-.3.6-.5.8-.2.1-.4.2-.7.2-.3 0-.6 0-.9-.1V36c.3.1.7.2 1.2.2.6 0 1.1-.2 1.5-.5.4-.3.7-.8.9-1.4l3.4-9.3h-1.8l-2 5.6zm10.8-.9c.2.3.3.7.3 1.1 0 .7-.2 1.2-.7 1.6-.5.4-1.2.6-2.1.6h-3.3v-8.1h3.4c.9 0 1.5.2 1.9.6.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.1-.2.3-.5.6-.9.8v.1c.4.1.7.4 1 .7zm-4.1-1.4h1.5c.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.6-.3-.7-.2-.2-.5-.3-.8-.3h-1.5v2zm2.7 2.3c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.9-.3h-1.5v2.1h1.5c.4 0 .7-.1.9-.3.2-.1.3-.3.3-.7zm9.9 1.2c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.7-.1-1-.3-.2-.2-.4-.5-.4-.8h-.1c-.2.4-.6.7-1 .9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4h.2zm-2.3-.9c.2-.3.2-.7.2-1.1v-.5h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.3-.3.5-.5.6-.8zm14.1-2.5c.5.5.8 1.1.8 2 0 .8-.3 1.5-.8 2s-1.2.7-2 .7h-3.2v-3.9h-3v3.9H125V25h1.7v2.8h3V25h1.7v2.8h1.5c.8-.1 1.5.2 2 .6zm-.9 2c0-.4-.1-.7-.3-1-.2-.2-.5-.3-.9-.3h-1.3v2.6h1.3c.4 0 .7-.1.9-.3.2-.3.3-.6.3-1zm10 1.3V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.7-.1-1-.3-.2-.2-.4-.5-.4-.8h-.1c-.2.4-.6.7-1 .9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8H137c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.3.1.2-.1.3-.1.5-.2zm-2.7-.8c.2-.3.2-.7.2-1.1v-.5h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.2-.3.4-.5.6-.8z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_MK_LAT_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_MK_LAT_38px.svg
deleted file mode 100644
index 57f778e7d6..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_MK_LAT_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126 38" style="enable-background:new 0 0 126 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="mk_lat" class="st0" d="M61.4 4.9h1.7v11.4h-1.8l-4.8-8.1h-.1v8.1h-1.8V4.9h1.8l4.8 8.1h.1V4.9zm9.2 11.4v-1.2h-.1c-.2.4-.5.8-.9 1.1-.4.3-.9.4-1.4.4-.7 0-1.2-.2-1.7-.5s-.8-.8-1.1-1.5c-.2-.6-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.2-.6.6-1.1 1.1-1.5.4-.3.9-.5 1.6-.5.5 0 1 .1 1.3.3.4.2.7.5.9.9h.1V4.9h1.7v11.4h-1.5zm-.1-4c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.5.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.5.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.1.5-2zm10.6 4c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5V11c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.3-.5 1-.7 1.8-.7 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.3.1.1 0 .3 0 .4-.1l.1 1.4zm-2.7-2.2c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm6.1-9.2h-1.7v1.8h1.7V4.9zm-.7 13.7c.4-.4.6-1 .6-1.8V8.2h-1.7v8.5c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1V19c.3.1.5.1.8.1.8.2 1.4 0 1.8-.5zm2.9-11.8h1.7V4.9h-1.7v1.9zm0 9.5h1.7V8.2h-1.7v8.1zM61.6 26.7c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36h-1.7V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5.4.3.8.8 1.1 1.4zM60.2 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm9.7-2.4c.3.6.4 1.3.4 2.2v.6H65c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.5.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.6-.1-1.1.2-1.5.6zm3.9-5.1h-1.7v1.9h1.7v-1.9zm-3.1 0h-1.7v1.9h1.7v-1.9zm10.1 3.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1v-1.1H72V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5zm1.4-1.4h1.7v-1.8h-1.7v1.8zm0 10c0 .3-.1.6-.3.7-.2.2-.4.3-.7.3-.2 0-.3 0-.5-.1v1.4c.3.1.5.1.8.1.7 0 1.3-.2 1.7-.6.4-.4.6-1 .6-1.8v-8.6h-1.7l.1 8.6zm10-6.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8H88c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.8-4.7h-.3l-1.3 1.3v1.5H89v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm3.8 11h1.7V25h-1.7v8.1zm0-9.6h1.7v-1.8h-1.7v1.8zm12.5 1.2c-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.4-.2-.8-.4-1.4-.4-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.3-.4-.9-.7-1.8-.7zm10.8 1.9c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.5.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.1.2-1.5.6zm11.1-.4V25h-2.2v-2.8h-.3l-1.3 1.3V25h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2l2.2-.1z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_RO_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_RO_38px.svg
deleted file mode 100644
index 17d1782f61..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_RO_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 38" style="enable-background:new 0 0 128 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="ro" class="st0" d="M61.2 16.3h-6.5V4.9h6.5v1.6h-4.7v3.1H61v1.6h-4.5v3.4h4.7v1.7zm3.1 0 1.6-2.8h.1l1.6 2.8h1.9l-2.5-4 2.5-4.1h-1.9L66 11h-.1l-1.6-2.8h-1.9l2.5 4.1-2.5 4.1h1.9zm8.3 2.9h-1.7v-11h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5s.8.8 1.1 1.5c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1v3.8zm-.1-6.9c0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.5.5-1.2.5-2 0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.4-.5 1.1-.5 2zm13.9 1.8c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.6-.2 1.2-.4 1.9-.4s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.8zm-4.8-4c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm8.3 1.7c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6V8.2c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3-.4.2-.6.5-.8.9h-.1V8.2h-1.6v8.1h1.7v-4.5zm5.7-6.9h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zm7.4 7.7c-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.3-1.4.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6H99c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8zm-3.6-5.8c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm13.1 6.2V11c0-1-.2-1.7-.6-2.2-.4-.5-1-.8-1.9-.8-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1V8.2H106v8.1h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7zm4.5 3.3c-.1.1-.3.2-.6.2v.8c.4 0 .8-.1 1-.2.2-.1.4-.3.5-.6.1-.3.2-.6.2-1v-1.2h-1.7v1.5h.8V19c-.1.3-.1.5-.2.6zm-.2-14.2h-.3l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V9.7h2.2V8.2h-2.2V5.4zm10.2 6.7v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5.9.8 1.2 1.4c.4.7.5 1.4.5 2.3zm-4.9-2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.1.2-1.5.6zM54.9 21.3l-1.7 2.4h1.6l.8-1.2h.1l.8 1.2H58l-1.7-2.4h-1.4zm-.2 11.8h1.7V25h-1.7v8.1zm12.6-8.4c-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.4-.2-.8-.4-1.4-.4-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33H65v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.3-.4-1-.7-1.8-.7zm11.5 2c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36H72V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5s.8.8 1.1 1.4zM77.4 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.4-.4.5-1.1.5-2zm6-3.9c-.4.2-.6.5-.8.9h-.1v-1.1h-1.6V33h1.7v-4.5c0-.5.1-.9.2-1.2.1-.3.4-.5.7-.7.3-.2.7-.2 1.1-.2h.6v-1.5c-.1-.1-.3-.1-.6-.1-.4 0-.8.1-1.2.3zm9 1.5c.3.6.4 1.3.4 2.2v.6h-5.3c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.2-1.5.5-.3 1.2-.5 1.9-.5s1.3.2 1.8.5c.6.4 1 .9 1.3 1.5zm-4.4.2c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm11.3 2.8c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2V25h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.4-.2.7-.6.9-1h.1v1.1h1.6v-8.1h-1.7v4.5zm7.8-4.9c-.5 0-1 .1-1.4.3-.4.2-.7.6-.9 1h-.1v-1.1h-1.6V33h1.7v-4.6c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2V33h1.7v-5.4c0-1-.2-1.7-.6-2.2-.4-.4-1.1-.7-1.9-.7zm11 7.1c.1 0 .3 0 .4-.1V33c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.2c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5v-.4c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.5-.4 1.2-.6 2.1-.6 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4-.1-.1 0 0 .2 0zm-2.4-1c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3c.3-.3.5-.6.6-.9zm-.3-8.7c-.2.2-.4.3-.7.3-.3 0-.6-.1-.7-.3-.2-.2-.2-.5-.2-.9h-1.3c0 .7.2 1.3.6 1.8.4.5 1 .7 1.7.7s1.3-.2 1.7-.7c.4-.5.6-1.1.6-1.8h-1.3c-.2.4-.3.7-.4.9zm4.3 11h2.2v-2.2h-2.2v2.2z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/logo/svg/T_logo_SK_38px.svg b/packages/components/src/components/telekom/logo/svg/T_logo_SK_38px.svg
deleted file mode 100644
index ed33028081..0000000000
--- a/packages/components/src/components/telekom/logo/svg/T_logo_SK_38px.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109 38" style="enable-background:new 0 0 109 38" xml:space="preserve"><style>.st0{fill:#fff}</style><switch><g><g id="T_Logo"><path class="st0" d="M7.6 25.1H0v-7.6h7.6v7.6zM0 0v12.9h2.3v-.4c0-6.1 3.4-9.9 9.9-9.9h.4V30c0 3.8-1.5 5.3-5.3 5.3H6.1V38h19.8v-2.7h-1.1c-3.8 0-5.3-1.5-5.3-5.3V2.7h.4c6.5 0 9.9 3.8 9.9 9.9v.4h2.3V0H0zm24.3 25.1h7.6v-7.6h-7.6v7.6z" id="Telekom_Logo"/><g id="Claim"><path id="sk" class="st0" d="M61.5 16.3h-7v-2l5.1-7.6v-.1h-4.9V5h6.7v2l-5.1 7.6v.1h5.1v1.6zm8-1.3c.1 0 .3 0 .4-.1v1.3c-.1.1-.3.1-.4.1-.2 0-.3.1-.5.1-.4 0-.8-.1-1-.3-.2-.2-.4-.4-.4-.8h-.1c-.2.4-.6.7-.9.9-.4.2-.9.3-1.4.3-.8 0-1.4-.2-1.8-.6-.4-.4-.6-1-.6-1.7 0-.9.4-1.6 1.1-2.1.7-.5 1.8-.7 3.1-.7h.5V11c0-.5-.1-.9-.3-1.2-.2-.3-.6-.4-1.1-.4-.4 0-.7.1-.9.3-.2.2-.4.5-.4.8h-1.6c.1-.8.4-1.4.9-1.8.3-.5 1-.7 1.8-.7 1 0 1.8.3 2.3.8.5.6.8 1.3.8 2.2v3.5c0 .2 0 .3.1.4.1.1.2.1.4.1zm-2.3-.9c.2-.3.2-.7.2-1.1v-.4h-.5c-.8 0-1.5.1-1.9.4-.4.2-.6.6-.6 1.1 0 .4.1.7.3.9.2.2.5.3.9.3s.7-.1 1-.3l.6-.9zm9.5.8h-3.8v-.1l3.7-4.8V8.2h-5.4v1.4h3.6v.1L71 14.5v1.8h5.6v-1.4zm-2-7.9 1.7-2.4h-1.6L74 5.7h-.1l-.8-1.2h-1.6L73.2 7h1.5zm5.5-2.1h-1.7v1.8h1.7V4.9zm0 3.3h-1.7v8.1h1.7V8.2zm3.9 3.5c0-.7.2-1.2.5-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7v-4.6c0-.7.1-1.2.4-1.6.3-.4.7-.6 1.3-.6.5 0 .8.1 1 .4.2.3.3.7.3 1.2v5.2h1.7V11c0-1-.2-1.7-.6-2.2-.4-.6-1-.8-1.9-.8-.5 0-1 .1-1.5.4-.4.2-.8.6-1 1h-.1c-.2-.5-.4-.8-.8-1-.3-.3-.8-.4-1.3-.4s-1 .1-1.4.3c-.4.2-.7.6-.9 1H84V8.2h-1.6v8.1h1.7v-4.6zm18.1 2.4c-.2.8-.6 1.4-1.2 1.8-.6.4-1.3.6-2.2.6-.7 0-1.3-.2-1.9-.5-.5-.3-.9-.8-1.2-1.5-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.7.4-2.3.3-.6.7-1.1 1.3-1.4.5-.3 1.1-.5 1.9-.5.7 0 1.3.2 1.8.5s.9.8 1.2 1.4c.3.6.4 1.3.4 2.2v.6H97c0 .8.2 1.4.5 1.8.3.5.8.7 1.4.7.4 0 .8-.1 1-.3.3-.2.5-.4.6-.8h1.7zm-4.8-4c-.2.3-.4.7-.4 1.3h3.7c-.1-.6-.2-1-.4-1.3-.3-.4-.8-.6-1.4-.6-.7-.1-1.2.2-1.5.6zm-40.1 12H57l-1.3 1.3v1.5h-1.5v1.4h1.5v4.5c0 .8.2 1.3.6 1.7.4.4 1 .6 1.6.6.6 0 1.1-.1 1.5-.3v-1.3c-.3.1-.7.1-1 .2-.3 0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8v-4.2h2.2V25h-2.2v-2.9zm10.2 4.6c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM66.3 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm10-.6-1-.3c-.3-.1-.6-.2-.7-.4-.2-.2-.2-.4-.2-.6 0-.3.1-.6.3-.7.2-.2.5-.3.9-.3.3 0 .6.1.8.3.2.2.3.5.4.8h1.6c-.1-.8-.4-1.4-.9-1.8-.5-.4-1.2-.7-2-.7-.6 0-1.1.1-1.5.3-.4.2-.8.5-1 .9-.2.4-.4.8-.4 1.2 0 .7.2 1.2.5 1.6.3.4.8.6 1.4.8l1 .3c.4.1.6.2.8.4.2.2.3.4.3.7 0 .3-.1.6-.3.8-.2.2-.5.3-.9.3s-.7-.1-.9-.3c-.2-.2-.4-.4-.5-.8h-1.6c.1.8.4 1.4.9 1.8.5.4 1.2.6 2.1.6.9 0 1.6-.2 2.1-.7.5-.5.8-1.1.8-1.8 0-.6-.2-1.1-.5-1.5-.3-.4-.8-.7-1.5-.9zm10.6-1.7c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.6-.6 1.1-1.1 1.5-.5.3-1 .5-1.7.5-.5 0-.9-.1-1.3-.3-.4-.2-.7-.5-.9-.9h-.1V36h-1.7V25h1.6v1.2h.1c.2-.4.5-.8.9-1 .4-.3.9-.4 1.4-.4.7 0 1.2.2 1.7.5s.9.8 1.1 1.4zM85.6 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm9.9-2.3c.3.6.4 1.4.4 2.3 0 .9-.1 1.6-.4 2.3-.3.7-.7 1.2-1.3 1.5-.5.3-1.2.5-1.9.5s-1.4-.2-1.9-.5-1-.8-1.3-1.5c-.3-.7-.4-1.4-.4-2.3 0-.9.1-1.6.4-2.3.3-.6.7-1.1 1.3-1.5.5-.4 1.2-.5 1.9-.5s1.4.2 1.9.5c.6.4 1 .9 1.3 1.5zM94.3 29c0-.9-.2-1.6-.5-2-.3-.5-.8-.7-1.4-.7-.6 0-1.1.2-1.4.7-.3.5-.5 1.2-.5 2 0 .9.2 1.6.5 2 .3.5.8.7 1.4.7.6 0 1.1-.2 1.4-.7.3-.4.5-1.1.5-2zm5.2 2.6c-.1-.1-.1-.3-.1-.5v-9.4h-1.7v9.7c0 .6.2 1.1.5 1.4.3.3.8.5 1.4.5.3 0 .7-.1 1-.2v-1.3c-.2.1-.4.1-.6.1-.3-.2-.4-.2-.5-.3zm7.2-6.7v4.6c0 .7-.2 1.2-.5 1.6-.3.4-.7.6-1.3.6-.5 0-.8-.1-1-.4-.2-.3-.3-.7-.3-1.2v-5.2h-1.7v5.4c0 1 .2 1.7.6 2.2.4.5 1 .8 1.9.8.5 0 .9-.1 1.3-.3.4-.2.7-.6.9-1h.1v1.1h1.6V25l-1.6-.1z"/></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/packages/components/src/components/telekom/telekom-footer-extended-navigation/telekom-footer-extended-navigation.css b/packages/components/src/components/telekom/telekom-footer-extended-navigation/telekom-footer-extended-navigation.css
index 3dc5fcc43a..abe11bb7d7 100644
--- a/packages/components/src/components/telekom/telekom-footer-extended-navigation/telekom-footer-extended-navigation.css
+++ b/packages/components/src/components/telekom/telekom-footer-extended-navigation/telekom-footer-extended-navigation.css
@@ -40,32 +40,25 @@
 }
 
 [part~='telekom-footer-extended-navigation'] :where(a) {
-  font-size: var(--telekom-typography-font-size-body);
+  font: var(--telekom-text-style-body);
   color: var(--link-color);
   margin-top: var(--telekom-spacing-unit-x5);
+  border: none;
 }
 
 [part~='telekom-footer-extended-navigation'] :where(li:first-child) {
-  padding-top: 0;
+  padding-top: 1px;
 }
 
 [part~='telekom-footer-extended-navigation'] :where(li:first-child) a {
   margin-top: 0;
 }
 
-[part~='telekom-footer-extended-navigation'] :where(li:last-child) a {
-  margin-bottom: var(--telekom-spacing-unit-x5);
-}
-
 [part~='telekom-footer-extended-navigation'] :where(a):hover {
   color: var(--telekom-color-text-and-icon-primary-hovered);
-  /* need to overwrite <a> border from telekom-footer.css */
-  border-bottom: 1px solid transparent;
 }
 [part~='telekom-footer-extended-navigation'] :where(a):active {
   color: var(--telekom-color-text-and-icon-primary-pressed);
-  /* need to overwrite <a> border from telekom-footer.css */
-  border-bottom: 1px solid transparent;
 }
 
 [part~='telekom-footer-extended-navigation']
@@ -92,7 +85,7 @@ scale-telekom-footer-extended-navigation-column:first-of-type {
 
 @media screen and (--md) {
   [part~='telekom-footer-extended-navigation'] :where(li:first-child) {
-    padding-top: var(--telekom-spacing-unit-x6);
+    padding-top: var(--telekom-spacing-unit-x5);
   }
   [part~='extended-navigation-container'] {
     display: grid;
@@ -110,3 +103,13 @@ scale-telekom-footer-extended-navigation-column:first-of-type {
     border-bottom: 0;
   }
 }
+
+@media screen and (--sm-) {
+  [part~='telekom-footer-extended-navigation'] :where(ul) {
+    padding-bottom: 20px;
+  }
+
+  [part~='telekom-footer-extended-navigation'] :where(li:first-child) {
+    padding-top: 0px;
+  }
+}
diff --git a/packages/components/src/components/telekom/telekom-footer/telekom-footer-content.css b/packages/components/src/components/telekom/telekom-footer/telekom-footer-content.css
index e9aa08a59b..351b570363 100644
--- a/packages/components/src/components/telekom/telekom-footer/telekom-footer-content.css
+++ b/packages/components/src/components/telekom/telekom-footer/telekom-footer-content.css
@@ -1,7 +1,7 @@
 @import url('../../../global/custom-media.css');
 
 :host {
-  --_max-width-container: var(--scl-grid-max-width, 1680px);
+  --_max-width-container: none;
   --_spacing-x-container: var(--telekom-spacing-unit-x4);
 
   --_nav-items-bottom-margin: var(--telekom-spacing-unit-x6);
@@ -141,6 +141,7 @@ footer {
 }
 @media screen and (--2xl) {
   :host {
+    --_max-width-container: var(--scl-grid-max-width, 1504px);
     --_logo-top-margin: var(--telekom-spacing-unit-x18);
     /* too bad spacing tokens don't go beyond 5 rem */
     --_logo-bottom-margin: 96px;
diff --git a/packages/components/src/components/telekom/telekom-footer/telekom-footer.css b/packages/components/src/components/telekom/telekom-footer/telekom-footer.css
index 6760f732ff..0d3fed92d3 100644
--- a/packages/components/src/components/telekom/telekom-footer/telekom-footer.css
+++ b/packages/components/src/components/telekom/telekom-footer/telekom-footer.css
@@ -3,6 +3,8 @@
 .scale-telekom-footer {
   --font-size: var(--telekom-typography-font-size-caption);
   --font-color: var(--telekom-color-text-and-icon-white-standard);
+
+  --font-large: var(--telekom-text-style-ui);
   --background-footer: var(--telekom-color-ui-black);
   --background-footer-minimal: var(--telekom-color-background-canvas);
 
@@ -100,7 +102,7 @@
     flex-direction: row;
     align-items: center;
     list-style: none;
-    column-gap: var(--telekom-spacing-unit-x2);
+    column-gap: var(--_nav-items-spacing);
     row-gap: var(--telekom-spacing-unit-x1);
   }
 }
@@ -108,7 +110,17 @@
 @media screen and (--lg) {
   .scale-telekom-footer :where(ul),
   .scale-telekom-footer[type='minimal'] :where(ul) {
-    column-gap: var(--_nav-items-spacing);
+    --_nav-items-spacing: var(--telekom-spacing-unit-x6);
     row-gap: var(--telekom-spacing-unit-x2);
   }
+  .scale-telekom-footer :where(a, span) {
+    font: var(--font-large);
+  }
+}
+
+@media screen and (--xl) {
+  .scale-telekom-footer :where(ul),
+  .scale-telekom-footer[type='minimal'] :where(ul) {
+    --_nav-items-spacing: var(--telekom-spacing-unit-x12);
+  }
 }
diff --git a/packages/components/src/components/telekom/telekom-header/telekom-header.css b/packages/components/src/components/telekom/telekom-header/telekom-header.css
index 4c1c2a925c..a1bf6d95a3 100644
--- a/packages/components/src/components/telekom/telekom-header/telekom-header.css
+++ b/packages/components/src/components/telekom/telekom-header/telekom-header.css
@@ -38,7 +38,7 @@
   --_display-lang-switcher: none;
 
   /* value matches scale-grid — ideally we'd have this in a global var *sigh* */
-  --_max-width-container: var(--scl-grid-max-width, 1504px);
+  --_max-width-container: none;
   --_spacing-x-container: var(--telekom-spacing-unit-x4);
   --_column-gap-container: var(--telekom-spacing-unit-x8);
   --_grid-template-columns-container: auto;
@@ -82,6 +82,7 @@
     --_grid-template-columns-container: repeat(16, minmax(0, 1fr));
     --_grid-column-body: 3 / span 14;
     --_spacing-left-body: 0;
+    --_spacing-right-bottom-app-name: 52px;
     --_spacing-x-container: var(--telekom-spacing-unit-x6);
 
     --_justify-content-bottom-body: space-between;
@@ -91,8 +92,11 @@
 
   :host([type='slim']) {
     --_animation-name: none;
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x5);
+  }
+  :host([type='slim'][scrolled]) {
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x5);
   }
-
   :host([type='slim']),
   :host([scrolled]) {
     --_height: 72px;
@@ -106,8 +110,12 @@
     --_display-top-app-name: none;
     --_display-bottom-app-name: block;
 
+    --_spacing-left-body: var(--telekom-spacing-unit-x4);
     --scl-telekom-header-height: var(--_height);
   }
+  :host([scrolled]) {
+    --_spacing-left-body: 0;
+  }
   :host([type='slim']),
   :host([scrolled][app-name]) {
     --_grid-column-body: 2 / span 15;
@@ -130,7 +138,7 @@
     --_height-logo-svg: 44px;
     --_height-top-bar: 0;
     --_height-bottom-bar: 84px;
-    --_spacing-right-bottom-app-name: 56px;
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x12);
     --_spacing-left-body: 4px;
   }
   :host([type='slim'][scrolled]) {
@@ -138,7 +146,7 @@
     --_height-logo-svg: 40px;
     --_height-top-bar: 0;
     --_height-bottom-bar: 72px;
-    --_spacing-right-bottom-app-name: 56px;
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x13);
     --_spacing-left-body: 0;
   }
 }
@@ -150,12 +158,17 @@
     --_height-logo-svg: 60px;
     --_height-top-bar: 30px;
     --_height-bottom-bar: 90px;
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x10);
 
     --_left-logo: var(--_spacing-x-container);
 
     --scl-telekom-header-height: var(--_height);
   }
 
+  :host {
+    --_max-width-container: var(--scl-grid-max-width, 1504px);
+  }
+
   :host([type='slim']) {
     --_height: 96px;
     --_height-logo-svg: 48px;
@@ -169,7 +182,7 @@
     --_display-bottom-app-name: block;
 
     --_spacing-left-body: 24px;
-    --_spacing-right-bottom-app-name: 56px;
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x12);
 
     --scl-telekom-header-height: var(--_height);
     --scl-telekom-header-bottom-spacing: 36px;
@@ -187,6 +200,8 @@
     --_display-top-app-name: none;
     --_display-bottom-app-name: block;
 
+    --_spacing-right-bottom-app-name: var(--telekom-spacing-unit-x10);
+
     --scl-telekom-header-height: var(--_height);
   }
 }
@@ -339,6 +354,7 @@ slot[name='functions'] {
   display: var(--_display-bottom-app-name);
   margin-right: var(--_spacing-right-bottom-app-name);
   animation-duration: var(--telekom-motion-duration-animation);
+  min-width: 108px;
 }
 
 @media screen and (--lg) {
diff --git a/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu-column.css b/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu-column.css
index 0cb76a1331..775ab74fdd 100644
--- a/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu-column.css
+++ b/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu-column.css
@@ -37,7 +37,7 @@
 }
 
 [part~='icon'] {
-  transform: translateY(-0.25ch);
+  transform: translateY(-0.125ch);
 }
 
 @media screen and (--xl) {
diff --git a/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu.css b/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu.css
index 475672466b..3dcb4940ca 100644
--- a/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu.css
+++ b/packages/components/src/components/telekom/telekom-mega-menu/telekom-mega-menu.css
@@ -59,6 +59,11 @@
   width: 100%;
 }
 
+.scale-telekom-mega-menu .scale-icon {
+  width: 20px;
+  height: 20px;
+}
+
 .scale-telekom-mega-menu :where(a):hover {
   color: var(--telekom-color-text-and-icon-primary-hovered);
 }
diff --git a/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.css b/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.css
index 5b86b0d562..f53f4aaa84 100644
--- a/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.css
+++ b/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.css
@@ -16,22 +16,25 @@
   --height: auto;
   --position: fixed;
   --background: var(--telekom-color-background-surface);
+  --background-variant-mobile: var(--telekom-color-background-canvas);
+  --background-backdrop: var(--telekom-color-background-canvas);
   --shadow: none;
   --z-index: 7;
 
-  --duration: var(--telekom-motion-duration-transition);
+  --duration: 0;
+  --duration-backdrop-in: 0;
+  --duration-backdrop-out: 0;
   --translate-x: 0;
-  --translate-y: var(--telekom-spacing-unit-x1);
+  --translate-y: 0;
   --translate-z: 0;
 
   display: contents;
 }
 
-[part~='mobile'] {
+[part~='variant-mobile'] {
   --height: 100vh;
   --top: 0;
-  --duration: 0;
-  --background: var(--telekom-color-background-canvas);
+  --background: var(--background-variant-mobile);
 }
 
 :host([debug]) [part~='base'] {
@@ -57,6 +60,30 @@
   display: block;
 }
 
+[part~='backdrop'] {
+  display: none;
+  position: var(--position);
+  background-color: var(--telekom-color-background-backdrop);
+  top: var(--top);
+  left: var(--left);
+  width: var(--width);
+  height: 100vh;
+  animation-duration: var(--duration);
+}
+
+/* no backdrop for "mobile" variant */
+[part~='backdrop'][part~='expanded']:not([part~='variant-mobile']) {
+  display: block;
+}
+
+[part~='backdrop'][part~='expanded'][part~='in'] {
+  animation-duration: var(--duration-backdrop-in);
+}
+
+[part~='backdrop'][part~='expanded'][part~='out'] {
+  animation-duration: var(--duration-backdrop-out);
+}
+
 @keyframes toggle {
   from {
     opacity: 0;
@@ -75,6 +102,7 @@
 
 [part~='out'] {
   animation-name: toggle;
+  animation-fill-mode: forwards;
   animation-direction: reverse;
   animation-timing-function: var(--telekom-motion-easing-exit);
 }
diff --git a/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.tsx b/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.tsx
index 93871400ce..ea0423b074 100644
--- a/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.tsx
+++ b/packages/components/src/components/telekom/telekom-nav-flyout/telekom-nav-flyout.tsx
@@ -23,14 +23,7 @@ import {
 } from '@stencil/core';
 import { HTMLStencilElement } from '@stencil/core/internal';
 import cx from 'classnames';
-import { emitEvent } from '../../../utils/utils';
-
-// TODO make util
-const animFinished = (el: HTMLElement | ShadowRoot) => {
-  return Promise.all(
-    el.getAnimations({ subtree: true }).map((x) => x.finished)
-  );
-};
+import { emitEvent, animationsFinished } from '../../../utils/utils';
 
 /*
 TODO add something like this with a better-named prop defaulting to false
@@ -168,7 +161,7 @@ export class TelekomNavItem {
     this.isExpanded = true;
     this.animationState = 'in';
     requestAnimationFrame(async () => {
-      await animFinished(this.hostElement.shadowRoot);
+      await animationsFinished(this.hostElement.shadowRoot);
       this.animationState = undefined;
       this.triggerElement.setAttribute('aria-expanded', 'true');
       emitEvent(this, 'scaleExpanded', { expanded: true });
@@ -179,7 +172,7 @@ export class TelekomNavItem {
   async hide() {
     this.animationState = 'out';
     requestAnimationFrame(async () => {
-      await animFinished(this.hostElement.shadowRoot);
+      await animationsFinished(this.hostElement.shadowRoot);
       this.animationState = undefined;
       this.isExpanded = false;
       this.triggerElement.setAttribute('aria-expanded', 'false');
@@ -205,12 +198,18 @@ export class TelekomNavItem {
     return (
       <Host>
         <div
-          part={cx('base', this.animationState, this.variant, {
+          part={cx('base', this.animationState, `variant-${this.variant}`, {
             expanded: this.isExpanded,
           })}
         >
           <slot></slot>
         </div>
+        <div
+          part={cx('backdrop', this.animationState, `variant-${this.variant}`, {
+            expanded: this.isExpanded,
+          })}
+          onClick={() => (this.expanded = false)}
+        ></div>
       </Host>
     );
   }
diff --git a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css
index 82b9127bdc..bcf085c0c6 100644
--- a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css
+++ b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css
@@ -132,11 +132,24 @@
   > .scale-telekom-nav-item
   > :where(a, button) {
   font-size: var(--_font-size-main-nav);
-  line-height: var(--telekom-typography-line-spacing-standard);
+  line-height: var(--telekom-typography-line-spacing-loose);
   font-weight: var(--telekom-typography-font-weight-extra-bold);
   padding-bottom: var(--_spacing-bottom-slotted-bottom);
 }
 
+@media screen and (--2xl) {
+  .scale-telekom-nav-list[variant='main-nav']
+    > .scale-telekom-nav-item
+    > :where(a, button),
+  .scale-telekom-nav-list[variant='functions']
+    > .scale-telekom-nav-item
+    > :where(a, button) {
+    line-height: var(--telekom-typography-line-spacing-extra-tight);
+    /* Figma *shrug* */
+    line-height: 1.2;
+  }
+}
+
 .scale-telekom-nav-list[variant='main-nav']
   > .scale-telekom-nav-item[active]
   > :where(a, button),
@@ -328,7 +341,7 @@
   width: 20px;
 }
 
-@media screen and (--xl) {
+@media screen and (--2xl) {
   .scale-telekom-nav-list[variant='functions'] .scale-icon {
     height: 24px;
     width: 24px;
@@ -346,6 +359,7 @@ scale-telekom-mobile-flyout-canvas
 [slot='mobile-meta-nav'] .scale-telekom-nav-item,
 [slot='mobile-meta-nav-external'] .scale-telekom-nav-item {
   --_font-size-main-nav: 16px;
+  line-height: var(--telekom-typography-line-spacing-standard);
 }
 
 .scale-telekom-nav-list > scale-menu-flyout::part(trigger) {
diff --git a/packages/components/src/components/text-field/readme.md b/packages/components/src/components/text-field/readme.md
index b3dd715eda..b3cec4f037 100644
--- a/packages/components/src/components/text-field/readme.md
+++ b/packages/components/src/components/text-field/readme.md
@@ -72,7 +72,7 @@ graph TD;
   scale-text-field --> scale-helper-text
   scale-helper-text --> scale-icon-alert-information
   scale-helper-text --> scale-icon-alert-error
-  scale-helper-text --> scale-icon-alert-success
+  scale-helper-text --> scale-icon-action-success
   scale-data-grid --> scale-text-field
   style scale-text-field fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/components/src/components/text-field/text-field.css b/packages/components/src/components/text-field/text-field.css
index a7c27023be..ea16e18be1 100644
--- a/packages/components/src/components/text-field/text-field.css
+++ b/packages/components/src/components/text-field/text-field.css
@@ -28,7 +28,7 @@ scale-text-field {
   --background-color-disabled: none;
   --focus-outline: var(--telekom-line-weight-highlight) solid
     var(--telekom-color-functional-focus-standard);
-  --height: var(--telekom-spacing-unit-x11);
+  --height: 44px;
   --spacing-x: var(--telekom-spacing-unit-x3);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-disabled: none;
@@ -44,17 +44,18 @@ scale-text-field {
   --color-meta-error: var(--telekom-color-text-and-icon-functional-danger);
 
   /* control */
-  --spacing-control: 21px var(--telekom-spacing-unit-x10) 7px
-    calc(var(--spacing-x) - 1px);
+  /*
+    18px 32px 4px 12px
+    (subtracting 1px from border)
+  */
+  --spacing-control: 1.125rem calc(2rem - var(--telekom-spacing-unit-x025))
+    0.25rem calc(0.75rem - var(--telekom-spacing-unit-x025));
   --transition-control: var(--transition);
-  --font-size-control: var(--telekom-typography-font-size-body);
   --background-control: var(--telekom-color-ui-state-fill-standard);
   --margin-bottom-control: var(--telekom-spacing-unit-x1);
 
   /* counter */
   --transition-counter: var(--transition);
-  --font-size-counter: var(--font-size-meta);
-  --line-height-counter: var(--line-height-meta);
   --color-counter-error: var(--color-meta-error);
 
   /* helper-text */
@@ -83,20 +84,12 @@ scale-text-field {
   --color-label-readonly: var(--telekom-color-text-and-icon-standard);
   --z-index-label: var(--scl-z-index-10);
   --transition-label: var(--transition);
-  --font-size-label: var(--telekom-typography-font-size-body);
-  --font-weight-label: var(--telekom-typography-font-weight-medium);
-  --font-size-label-focus: var(--telekom-typography-font-size-small);
-  --font-weight-label-focus: var(--telekom-typography-font-weight-bold);
-  --margin-top-label-focus: -0.5px;
 }
 
 .text-field {
   position: relative;
 }
-.text-field .text-field__helper-text,
-.text-field .text-field__counter {
-  font-weight: var(--font-weight-meta);
-}
+
 .text-field .text-field__control {
   width: 100%;
   height: var(--height);
@@ -107,8 +100,7 @@ scale-text-field {
   z-index: 1;
   box-sizing: border-box;
   transition: var(--transition-control);
-  font-family: inherit;
-  font-size: var(--font-size-control);
+  font: var(--telekom-text-style-body);
   border-radius: var(--radius);
   border: var(--border);
   background-color: var(--background-control);
@@ -131,10 +123,8 @@ scale-text-field {
   transition: var(--transition-counter);
   margin-left: auto;
   justify-content: flex-end;
-  font-size: var(--font-size-counter);
-  line-height: var(--line-height-counter);
-  color: inherit;
-  font-weight: var(--telekom-typography-font-weight-medium);
+  font: var(--telekom-text-style-small);
+  color: var(--telekom-color-text-and-icon-standard);
 }
 .text-field scale-helper-text {
   --color-informational: var(--color-helper-text);
@@ -148,7 +138,6 @@ scale-text-field {
   --icon-size-helper-text: var(--helper-text-icon-size);
   font-weight: var(--telekom-typography-font-weight-bold);
   display: flex;
-  /* margin: var(--telekom-spacing-unit-x1) 0 var(--telekom-spacing-unit-x1) 0; */
 }
 
 .text-field .text-field__meta {
@@ -182,27 +171,24 @@ scale-text-field {
 }
 
 .text-field__label {
-  top: -1px;
+  top: 0;
+  left: 0;
   color: var(--color-label);
   display: flex;
   z-index: var(--z-index-label);
   position: absolute;
   transition: var(--transition-label);
   pointer-events: none;
-  font-size: var(--font-size-label);
-  transform: translate(
-    var(--spacing-x),
-    calc((var(--height) - var(--font-size-label)) / 2)
-  );
-  font-weight: var(--font-weight-label);
+  font: var(--telekom-text-style-ui);
+  transform: translate(var(--spacing-x), 0.875rem);
 }
 .text-field--has-focus:not(.text-field--readonly) .text-field__label,
 .animated .text-field__label {
-  line-height: var(--font-size-label-focus);
-  margin-top: var(--margin-top-label-focus);
-  transform: translate(var(--spacing-x), var(--telekom-spacing-unit-x2));
-  font-size: var(--font-size-label-focus);
-  font-weight: var(--font-weight-label-focus);
+  font: var(--telekom-text-style-small-bold);
+  transform: translate(
+    var(--spacing-x),
+    calc(0.25rem + var(--telekom-spacing-unit-x025))
+  );
 }
 .text-field--variant-danger .text-field__control {
   border: var(--border-error);
diff --git a/packages/components/src/components/textarea/__snapshots__/textarea.spec.ts.snap b/packages/components/src/components/textarea/__snapshots__/textarea.spec.ts.snap
index 2b3209013c..95672508ef 100644
--- a/packages/components/src/components/textarea/__snapshots__/textarea.spec.ts.snap
+++ b/packages/components/src/components/textarea/__snapshots__/textarea.spec.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`Textarea should match snapshot -> counter 1`] = `
 <scale-textarea counter="true">
-  <div class="textarea">
+  <div class="textarea textarea--variant-informational">
     <div class="textarea__wrapper">
       <label class="textarea__label" htmlfor="input-textarea-2"></label><textarea class="textarea__control" id="input-textarea-2" value=""></textarea>
     </div>
@@ -17,14 +17,12 @@ exports[`Textarea should match snapshot -> counter 1`] = `
 
 exports[`Textarea should match snapshot -> helpertext 1`] = `
 <scale-textarea helper-text="helpertext" invalid="true">
-  <div class="textarea textarea--status-error">
+  <div class="textarea textarea--status-error textarea--variant-informational">
     <div class="textarea__wrapper">
       <label class="textarea__label" htmlfor="input-textarea-1"></label><textarea aria-describedby="helper-message-1" aria-invalid="" class="textarea__control" id="input-textarea-1" value=""></textarea>
     </div>
     <div aria-live="polite" aria-relevant="additions removals" class="textarea__meta" id="helper-message-1">
-      <div class="textarea__helper-text">
-        helpertext
-      </div>
+      <scale-helper-text helpertext="helpertext" variant="danger"></scale-helper-text>
     </div>
   </div>
 </scale-textarea>
@@ -32,7 +30,7 @@ exports[`Textarea should match snapshot -> helpertext 1`] = `
 
 exports[`Textarea should match snapshot 1`] = `
 <scale-textarea>
-  <div class="textarea">
+  <div class="textarea textarea--variant-informational">
     <div class="textarea__wrapper">
       <label class="textarea__label" htmlfor="input-textarea-0"></label><textarea class="textarea__control" id="input-textarea-0" value=""></textarea>
     </div>
diff --git a/packages/components/src/components/textarea/readme.md b/packages/components/src/components/textarea/readme.md
index 329f7cbecc..0111cfd0ba 100644
--- a/packages/components/src/components/textarea/readme.md
+++ b/packages/components/src/components/textarea/readme.md
@@ -7,28 +7,29 @@
 
 ## Properties
 
-| Property         | Attribute         | Description                                                                               | Type                                              | Default     |
-| ---------------- | ----------------- | ----------------------------------------------------------------------------------------- | ------------------------------------------------- | ----------- |
-| `cols`           | `cols`            | (optional) textarea column                                                                | `number`                                          | `undefined` |
-| `counter`        | `counter`         | (optional) Input counter                                                                  | `boolean`                                         | `undefined` |
-| `disabled`       | `disabled`        | (optional) Input disabled                                                                 | `boolean`                                         | `undefined` |
-| `helperText`     | `helper-text`     | (optional) Input helper text                                                              | `string`                                          | `''`        |
-| `inputAutofocus` | `input-autofocus` | (optional) the input should automatically get focus when the page loads.                  | `boolean`                                         | `undefined` |
-| `inputId`        | `input-id`        | (optional) Input checkbox id                                                              | `string`                                          | `undefined` |
-| `invalid`        | `invalid`         | (optional) Input status                                                                   | `boolean`                                         | `false`     |
-| `label`          | `label`           | (optional) Input label                                                                    | `string`                                          | `''`        |
-| `maxLength`      | `max-length`      | (optional) Input max length                                                               | `number`                                          | `undefined` |
-| `minLength`      | `min-length`      | (optional) Input min length                                                               | `number`                                          | `undefined` |
-| `name`           | `name`            | (optional) Input name                                                                     | `string`                                          | `''`        |
-| `placeholder`    | `placeholder`     | (optional) Input placeHolder                                                              | `string`                                          | `''`        |
-| `readonly`       | `readonly`        | (optional) Input readonly                                                                 | `boolean`                                         | `undefined` |
-| `required`       | `required`        | (optional) Input required                                                                 | `boolean`                                         | `undefined` |
-| `resize`         | `resize`          | (optional) textarea resize                                                                | `"horizontal" \| "none" \| "unset" \| "vertical"` | `undefined` |
-| `rows`           | `rows`            | (optional) textarea row                                                                   | `number`                                          | `undefined` |
-| `status`         | `status`          | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/> | `string`                                          | `''`        |
-| `styles`         | `styles`          | (optional) Injected CSS styles                                                            | `string`                                          | `undefined` |
-| `transparent`    | `transparent`     | (optional) input background transparent                                                   | `boolean`                                         | `undefined` |
-| `value`          | `value`           | (optional) Input value                                                                    | `number \| string`                                | `''`        |
+| Property         | Attribute         | Description                                                                               | Type                                                    | Default           |
+| ---------------- | ----------------- | ----------------------------------------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
+| `cols`           | `cols`            | (optional) textarea column                                                                | `number`                                                | `undefined`       |
+| `counter`        | `counter`         | (optional) Input counter                                                                  | `boolean`                                               | `undefined`       |
+| `disabled`       | `disabled`        | (optional) Input disabled                                                                 | `boolean`                                               | `undefined`       |
+| `helperText`     | `helper-text`     | (optional) Input helper text                                                              | `string`                                                | `''`              |
+| `inputAutofocus` | `input-autofocus` | (optional) the input should automatically get focus when the page loads.                  | `boolean`                                               | `undefined`       |
+| `inputId`        | `input-id`        | (optional) Input checkbox id                                                              | `string`                                                | `undefined`       |
+| `invalid`        | `invalid`         | (optional) Input status                                                                   | `boolean`                                               | `false`           |
+| `label`          | `label`           | (optional) Input label                                                                    | `string`                                                | `''`              |
+| `maxLength`      | `max-length`      | (optional) Input max length                                                               | `number`                                                | `undefined`       |
+| `minLength`      | `min-length`      | (optional) Input min length                                                               | `number`                                                | `undefined`       |
+| `name`           | `name`            | (optional) Input name                                                                     | `string`                                                | `''`              |
+| `placeholder`    | `placeholder`     | (optional) Input placeHolder                                                              | `string`                                                | `''`              |
+| `readonly`       | `readonly`        | (optional) Input readonly                                                                 | `boolean`                                               | `undefined`       |
+| `required`       | `required`        | (optional) Input required                                                                 | `boolean`                                               | `undefined`       |
+| `resize`         | `resize`          | (optional) textarea resize                                                                | `"horizontal" \| "none" \| "unset" \| "vertical"`       | `undefined`       |
+| `rows`           | `rows`            | (optional) textarea row                                                                   | `number`                                                | `undefined`       |
+| `status`         | `status`          | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/> | `string`                                                | `''`              |
+| `styles`         | `styles`          | (optional) Injected CSS styles                                                            | `string`                                                | `undefined`       |
+| `transparent`    | `transparent`     | (optional) input background transparent                                                   | `boolean`                                               | `undefined`       |
+| `value`          | `value`           | (optional) Input value                                                                    | `number \| string`                                      | `''`              |
+| `variant`        | `variant`         | (optional) Variant                                                                        | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
 
 
 ## Events
@@ -47,6 +48,22 @@
 | `scaleKeyDown`  | <span style="color:red">**[DEPRECATED]**</span> in v3 in favor of kebab-case event names<br/><br/> | `CustomEvent<KeyboardEvent>`          |
 
 
+## Dependencies
+
+### Depends on
+
+- [scale-helper-text](../helper-text)
+
+### Graph
+```mermaid
+graph TD;
+  scale-textarea --> scale-helper-text
+  scale-helper-text --> scale-icon-alert-information
+  scale-helper-text --> scale-icon-alert-error
+  scale-helper-text --> scale-icon-action-success
+  style scale-textarea fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/components/src/components/textarea/textarea.css b/packages/components/src/components/textarea/textarea.css
index 2b71412717..e373583b37 100644
--- a/packages/components/src/components/textarea/textarea.css
+++ b/packages/components/src/components/textarea/textarea.css
@@ -26,10 +26,10 @@ scale-textarea {
     var(--telekom-color-functional-focus-standard);
   --spacing-x-control: var(--telekom-spacing-unit-x3);
   --spacing-bottom-control: var(--telekom-spacing-unit-x3);
-  --spacing-top-control: var(--telekom-spacing-unit-x6);
+  --spacing-top-control: calc(1.125rem - var(--telekom-spacing-unit-x025));
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-disabled: transparent;
-  --border-color-readonly: var(--telekom-color-ui-border-disabled);
+  --border-color-readonly: transparent;
   --background-readonly: var(--telekom-color-ui-disabled);
 
   /*meta*/
@@ -41,23 +41,19 @@ scale-textarea {
   --color-meta-error: var(--telekom-color-text-and-icon-functional-danger);
 
   /*control*/
-  --spacing-control: 0 var(--spacing-x-control) var(--spacing-top-control);
+  /*
+    18px 32px 4px 12px
+    (subtracting 1px from border)
+  */
+  --spacing-control: 0 calc(2rem - var(--telekom-spacing-unit-x025)) 0.25rem
+    calc(0.75rem - var(--telekom-spacing-unit-x025));
   --transition-control: var(--transition);
-  --font-size-control: var(--telekom-typography-font-size-body);
   --background-control: var(--telekom-color-ui-state-fill-standard);
+
   /*counter*/
   --transition-counter: var(--transition);
-  --font-size-counter: var(--font-size-meta);
-  --line-height-counter: var(--line-height-meta);
   --color-counter-error: var(--color-meta-error);
 
-  /*helper-text*/
-  --transition-helper-text: var(--transition);
-  --font-size-helper-text: var(--font-size-meta);
-  --line-height-helper-text: var(--line-height-meta);
-  --color-helper-text: var(--telekom-color-functional-informational-standard);
-  --color-helper-text-error: var(--color-meta-error);
-
   /*placeholder*/
   --transition-placeholder: var(--transition);
   --color-placeholder: var(--telekom-color-text-and-icon-additional);
@@ -67,11 +63,6 @@ scale-textarea {
   --color-label-readonly: var(--telekom-color-text-and-icon-standard);
   --z-index-label: var(--scl-z-index-10);
   --transition-label: var(--transition);
-  --font-size-label: var(--telekom-typography-font-size-body);
-  --font-weight-label: var(--telekom-typography-font-weight-medium);
-  --font-size-label-focus: var(--telekom-typography-font-size-small);
-  --font-weight-label-focus: var(--telekom-typography-font-weight-bold);
-  --margin-top-label-focus: 1.5px;
 }
 
 .textarea {
@@ -96,35 +87,21 @@ scale-textarea {
   z-index: 1;
   box-sizing: border-box;
   transition: var(--transition-control);
-  font-family: inherit;
-  font-size: var(--font-size-control);
+  font: var(--telekom-text-style-body);
   border: none;
   background-color: transparent;
   color: var(--color-meta);
   margin-top: var(--spacing-top-control);
 }
 
-.textarea .textarea__helper-text,
-.textarea .textarea__counter {
-  font-weight: var(--telekom-typography-font-weight-bold);
-}
-
 .textarea .textarea__counter {
   display: flex;
+  flex-shrink: 0;
   transition: var(--transition-counter);
   margin-left: auto;
-  padding-right: var(--telekom-spacing-unit-x3);
   justify-content: flex-end;
-  font-size: var(--telekom-typography-font-size-small);
-  line-height: var(--telekom-typography-line-spacing-standard);
-  color: inherit;
-}
-.textarea .textarea__helper-text {
-  transition: var(--transition-helper-text);
-  padding-left: var(--spacing-x);
-  font-size: var(--font-size-helper-text);
-  line-height: var(--line-height-helper-text);
-  color: var(--color-helper-text);
+  font: var(--telekom-text-style-small);
+  color: var(--telekom-color-text-and-icon-standard);
 }
 .textarea .textarea__meta {
   display: flex;
@@ -165,23 +142,16 @@ scale-textarea {
   position: absolute;
   transition: var(--transition-label);
   pointer-events: none;
-  font-size: var(--font-size-label);
-  font-weight: var(--font-weight-label);
-  transform: translate(
-    var(--spacing-x-control),
-    calc((var(--telekom-spacing-unit-x12) - var(--font-size-label)) / 2)
-  );
+  font: var(--telekom-text-style-ui);
+  transform: translate(var(--spacing-x-control), 0.875rem);
 }
 .textarea--has-focus .textarea__label,
 .animated .textarea__label {
-  line-height: var(--font-size-label-focus);
-  margin-top: var(--margin-top-label-focus);
+  font: var(--telekom-text-style-small-bold);
   transform: translate(
     var(--spacing-x-control),
-    var(--telekom-spacing-unit-x2)
+    calc(0.25rem + var(--telekom-spacing-unit-x025))
   );
-  font-size: var(--font-size-label-focus);
-  font-weight: var(--font-weight-label-focus);
 }
 .textarea--status-error .textarea__wrapper {
   border: var(--border-error);
@@ -194,9 +164,6 @@ scale-textarea {
   border-color: var(--telekom-color-functional-danger-hovered);
 }
 
-.textarea--status-error .textarea__helper-text {
-  color: var(--color-helper-text-error);
-}
 .textarea--status-error .textarea__counter {
   color: var(--color-counter-error);
 }
@@ -225,8 +192,7 @@ scale-textarea {
 .textarea--disabled textarea,
 .textarea--disabled .textarea__wrapper,
 .textarea--disabled .textarea__control,
-.textarea--disabled .textarea__meta,
-.textarea--disabled .textarea__helper-text {
+.textarea--disabled .textarea__meta {
   cursor: not-allowed;
   color: var(--color-disabled);
 }
diff --git a/packages/components/src/components/textarea/textarea.tsx b/packages/components/src/components/textarea/textarea.tsx
index 043f4ffcc8..637b499a64 100644
--- a/packages/components/src/components/textarea/textarea.tsx
+++ b/packages/components/src/components/textarea/textarea.tsx
@@ -48,6 +48,9 @@ export class Textarea {
   @Prop() status?: string = '';
   /** (optional) Input status */
   @Prop() invalid?: boolean = false;
+  /** (optional) Variant */
+  @Prop() variant?: 'informational' | 'warning' | 'danger' | 'success' =
+    'informational';
   /** (optional) Input max length */
   @Prop() maxLength?: number;
   /** (optional) Input min length */
@@ -221,7 +224,10 @@ export class Textarea {
               aria-relevant="additions removals"
             >
               {!!this.helperText && (
-                <div class="textarea__helper-text">{this.helperText}</div>
+                <scale-helper-text
+                  helperText={this.helperText}
+                  variant={this.invalid ? 'danger' : this.variant}
+                ></scale-helper-text>
               )}
               {this.counter && (
                 <div class="textarea__counter">
@@ -245,6 +251,7 @@ export class Textarea {
       this.transparent && 'textarea--transparent',
       this.status && `textarea--status-${this.status}`,
       this.invalid && `textarea--status-error`,
+      this.variant && `textarea--variant-${this.variant}`,
       this.readonly && `textarea--readonly`,
       this.value != null && this.value !== '' && 'animated'
     );
diff --git a/packages/components/src/global/fonts.css b/packages/components/src/global/fonts.css
index 585e7b2d41..a980a51202 100644
--- a/packages/components/src/global/fonts.css
+++ b/packages/components/src/global/fonts.css
@@ -9,6 +9,22 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
+@font-face {
+  font-family: 'TeleNeoWeb';
+  font-weight: 900;
+  font-style: normal;
+  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Ultra.eot');
+  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Ultra.woff') format('woff'),
+    url('./fonts/TeleNeoWeb/TeleNeoWeb-Ultra.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'TeleNeoWeb';
+  font-weight: 900;
+  font-style: italic;
+  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-UltraItalic.eot');
+  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-UltraItalic.woff') format('woff'),
+    url('./fonts/TeleNeoWeb/TeleNeoWeb-UltraItalic.woff2') format('woff2');
+}
 @font-face {
   font-family: 'TeleNeoWeb';
   font-weight: 800;
diff --git a/packages/components/src/global/grid.css b/packages/components/src/global/grid.css
index 34cb35733c..2439a80bfd 100644
--- a/packages/components/src/global/grid.css
+++ b/packages/components/src/global/grid.css
@@ -56,8 +56,7 @@ scale-grid,
   padding-right: var(--spacing-sm, var(--telekom-spacing-unit-x4, 1em));
   column-gap: var(--gutter-y-sm, var(--telekom-spacing-unit-x8, 2em));
   row-gap: var(--gutter-x-sm, var(--telekom-spacing-unit-x8, 2em));
-  /* xxl: (64px * 16 cols) + (32px * 15 gutters) + 24px + 24px */
-  max-width: var(--max-width, var(--scl-grid-max-width));
+  max-width: none;
 }
 
 /*
@@ -139,6 +138,8 @@ scale-grid-item,
     padding-right: var(--spacing-xxl, var(--telekom-spacing-unit-x6, 1.5em));
     column-gap: var(--gutter-y-xxl, var(--telekom-spacing-unit-x8, 2em));
     row-gap: var(--gutter-x-xxl, var(--telekom-spacing-unit-x8, 2em));
+    /* xxl: (64px * 16 cols) + (32px * 15 gutters) + 24px + 24px */
+    max-width: var(--max-width, var(--scl-grid-max-width));
   }
 
   scale-grid-item,
diff --git a/packages/components/src/global/scale.css b/packages/components/src/global/scale.css
index c2046d7cf4..26dac5b2ea 100644
--- a/packages/components/src/global/scale.css
+++ b/packages/components/src/global/scale.css
@@ -60,6 +60,20 @@
   --telekom-color-functional-focus-inverted: #2238df;
 }
 
+/** Thank you sholace.style */
+.scl-toast-stack {
+  position: fixed;
+  top: var(--telekom-spacing-unit-x4);
+  inset-inline-end: var(--telekom-spacing-unit-x4);
+  z-index: var(--scl-z-index-70);
+  z-index: 100; /* https://github.com/telekom/scale/pull/1767/files */
+  max-height: 100%;
+  overflow: visible;
+  display: flex;
+  flex-direction: column;
+  gap: var(--telekom-spacing-unit-x2);
+}
+
 /**
  * Upgrade the legacy .scl-font-variant- to use the latest design values.
  * @deprecated in v3
diff --git a/packages/components/src/html/menu.html b/packages/components/src/html/menu.html
index 9c88b66ef2..8a55800c5c 100644
--- a/packages/components/src/html/menu.html
+++ b/packages/components/src/html/menu.html
@@ -42,7 +42,6 @@
     <scale-menu-flyout>
       <scale-button slot="trigger"
         >Menu<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
@@ -205,7 +204,6 @@
     <scale-menu-flyout>
       <scale-button slot="trigger" variant="secondary"
         >Open<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
@@ -219,7 +217,6 @@
     <scale-menu-flyout close-on-select="false">
       <scale-button slot="trigger" variant="secondary"
         >Open<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
@@ -232,9 +229,7 @@
     <p>Scrolling Menu</p>
     <scale-menu-flyout direction="right">
       <scale-button slot="trigger"
-        >Open<scale-icon-navigation-right
-          size="16"
-        ></scale-icon-navigation-right
+        >Open<scale-icon-navigation-right></scale-icon-navigation-right
       ></scale-button>
       <scale-menu-flyout-list>
         <scale-menu-flyout-item>Quite A Lot Of Items</scale-menu-flyout-item>
@@ -338,7 +333,6 @@
     <scale-menu-flyout id="select-example-menu">
       <scale-button slot="trigger" variant="secondary"
         >Open<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
@@ -360,7 +354,6 @@
     <scale-menu-flyout id="open-close-example-menu">
       <scale-button slot="trigger" variant="secondary"
         >Open<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
@@ -381,7 +374,6 @@
     <scale-menu-flyout close-on-select="false" id="checked-toggle-example-menu">
       <scale-button slot="trigger" variant="secondary"
         >Open<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
@@ -404,7 +396,6 @@
     <scale-menu-flyout>
       <scale-button slot="trigger" variant="secondary"
         >Open<scale-icon-navigation-collapse-down
-          size="16"
         ></scale-icon-navigation-collapse-down
       ></scale-button>
       <scale-menu-flyout-list>
diff --git a/packages/components/src/html/notification.html b/packages/components/src/html/notification.html
new file mode 100644
index 0000000000..08ae058be4
--- /dev/null
+++ b/packages/components/src/html/notification.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Stencil Component Starter</title>
+
+    <script type="module" src="/build/scale-components.esm.js"></script>
+    <link rel="stylesheet" href="/build/scale-components.css" />
+    <style type="text/css" media="screen, print">
+      html {
+        margin: 0;
+        padding: 0;
+      }
+
+      body {
+        margin: 0;
+        padding: 4rem;
+      }
+      body > *:not(script) + *:not(script) {
+        display: block;
+        margin-top: 2rem;
+      }
+    </style>
+  </head>
+
+  <body>
+    <scale-notification
+      heading="The heading is mandatory, yes"
+    ></scale-notification>
+
+    <scale-notification
+      heading="The heading is mandatory, this is a banner (danger)"
+      type="banner"
+      variant="danger"
+      opened
+      dismissible
+    ></scale-notification>
+
+    <scale-notification
+      heading="The heading is mandatory, this is a toast (success)"
+      type="toast"
+      variant="success"
+      dismissible
+      opened
+    >
+      <span slot="text"
+        >Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et
+        dolore.</span
+      >
+    </scale-notification>
+
+    <script>
+      let n = document.querySelector('scale-notification');
+      setTimeout(() => {
+        n.opened = true;
+      }, 1000);
+
+      setTimeout(() => {
+        let n2 = Object.assign(document.createElement('scale-notification'), {
+          opened: true,
+          heading: 'This is madness…',
+          variant: 'warning',
+          delay: 4000,
+        });
+        document.body.appendChild(n2);
+      }, 2000);
+    </script>
+  </body>
+</html>
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoHistory.md b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoHistory.md
index 05481ac6ec..c7a189c91d 100644
--- a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoHistory.md
+++ b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoHistory.md
@@ -41,3 +41,6 @@ Display problem with one Cyrillic character solved.
 ##V1.7 – 13.07.2022
 - Addition new corporate T logo .T.
 
+##V1.8 - 19.05.2023
+- New Ultra font weight integrated in TeleNeo family. Available for all characters.
+- Desktop (OTF), Office (TTF), Web and variable font available
\ No newline at end of file
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.eot
index b63803337f..92d3b56105 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff
index 234ff0e625..e9a284f0dd 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff2
index f8d27eee07..991d51978f 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.eot
index 1fe6d13c19..21b4f97392 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff
index fda82d231c..f9552e129c 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff2
index e3043be9a2..f89fe2bda6 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.eot
index e89cb6a0ed..3474ff3c81 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff
index d3c40b89f6..2844abe59a 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff2
index 12da44c175..216459a7cc 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.eot
index e99938f7c4..e5e4e4fd9b 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff
index 673e6782a7..2eb657b13c 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff2
index d0ebbefc4e..de1f47e0f7 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.eot
index 6ff93f1f1c..5ad1bf16fa 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff
index fe4dd44b9c..a7bfa50a3b 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff2
index a636e7f4ff..7e11516c03 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.eot
index b2fe0270e5..e9745b6403 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff
index 8a6eae89fd..632571a617 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff2
index 1749dcca1a..3f62857846 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.eot
index 02c57e53aa..008b505613 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff
index 84816ca2f8..8665c36b81 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff2
index 320719928f..8ab419bc98 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.eot
index 1140b772f1..4be4756f1c 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff
index 76350e8628..a091c4ef61 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff2
index 4c43b1aa99..821e392da1 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.eot
index e20bf44d84..fc9bb7232a 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff
index e1ddaed257..ba7132b7d1 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff2
index ced2464d63..5f23942b0d 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff2 differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.eot b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.eot
index 9a920777ae..523f4f9e51 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.eot and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.eot differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff
index d3c26e1af2..0c2191c793 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff differ
diff --git a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff2 b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff2
index c93931f617..61fde1aa1e 100644
Binary files a/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff2 and b/packages/components/src/telekom/fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff2 differ
diff --git a/packages/components/src/telekom/fonts/scale-fonts-telekom.css b/packages/components/src/telekom/fonts/scale-fonts-telekom.css
index 06cdafd48a..37030e4b66 100644
--- a/packages/components/src/telekom/fonts/scale-fonts-telekom.css
+++ b/packages/components/src/telekom/fonts/scale-fonts-telekom.css
@@ -9,6 +9,22 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
+@font-face {
+  font-family: 'TeleNeoWeb';
+  font-weight: 900;
+  font-style: normal;
+  src: url('./TeleNeoWeb/TeleNeoWeb-Ultra.eot');
+  src: url('./TeleNeoWeb/TeleNeoWeb-Ultra.woff') format('woff'),
+    url('./TeleNeoWeb/TeleNeoWeb-Ultra.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'TeleNeoWeb';
+  font-weight: 900;
+  font-style: italic;
+  src: url('./TeleNeoWeb/TeleNeoWeb-UltraItalic.eot');
+  src: url('./TeleNeoWeb/TeleNeoWeb-UltraItalic.woff') format('woff'),
+    url('./TeleNeoWeb/TeleNeoWeb-UltraItalic.woff2') format('woff2');
+}
 @font-face {
   font-family: 'TeleNeoWeb';
   font-weight: 800;
diff --git a/packages/components/src/telekom/icons/VERSION.txt b/packages/components/src/telekom/icons/VERSION.txt
new file mode 100644
index 0000000000..63f7bf9765
--- /dev/null
+++ b/packages/components/src/telekom/icons/VERSION.txt
@@ -0,0 +1 @@
+assets_20230614
diff --git a/packages/components/src/telekom/icons/action/add-card/default.svg b/packages/components/src/telekom/icons/action/add-card/default.svg
index bd8143a805..ab471be001 100644
--- a/packages/components/src/telekom/icons/action/add-card/default.svg
+++ b/packages/components/src/telekom/icons/action/add-card/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17 11c3.6 0 6.5 2.9 6.5 6.5s-2.9 6.5-6.5 6.5-6.5-2.9-6.5-6.5 2.9-6.5 6.5-6.5zm0 3.25c-.4 0-.75.35-.75.75v1.75h-1.75c-.4 0-.75.35-.75.75s.35.75.75.75h1.75v1.75c0 .4.35.75.75.75s.75-.35.75-.75v-1.75h1.75c.4 0 .75-.35.75-.75s-.35-.75-.75-.75h-1.75v-1.75c0-.4-.35-.75-.75-.75zm.5-12.25c1.65 0 3 1.35 3 3v5.3c-.5-.25-1-.4-1.5-.55v-1.25h-17v4c0 .85.65 1.5 1.5 1.5h6.3c-.25.5-.4 1-.55 1.5h-5.75c-1.65 0-3-1.35-3-3v-7.5c0-1.65 1.35-3 3-3zm0 1.5h-14c-.85 0-1.5.65-1.5 1.5v1h17v-1c0-.85-.65-1.5-1.5-1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10c3.6 0 6.5 2.9 6.5 6.5S21.1 23 17.5 23 11 20.1 11 16.5s2.9-6.5 6.5-6.5zm0 3.25a.772.772 0 00-.743.651L16.75 14v1.75H15c-.4 0-.75.35-.75.75 0 .367.294.691.651.743l.099.007h1.75V19c0 .4.35.75.75.75a.772.772 0 00.743-.651L18.25 19v-1.75H20c.4 0 .75-.35.75-.75a.772.772 0 00-.651-.743L20 15.75h-1.75V14c0-.4-.35-.75-.75-.75zM18 1a3.01 3.01 0 012.995 2.824L21 4v5.3c-.4-.2-.8-.336-1.2-.46l-.3-.09V7.5h-17v4c0 .8.576 1.423 1.352 1.493L4 13h6.3c-.2.4-.336.8-.46 1.2l-.09.3H4a3.01 3.01 0 01-2.995-2.824L1 11.5V4a3.01 3.01 0 012.824-2.995L4 1h14zm0 1.5H4c-.8 0-1.423.576-1.493 1.352L2.5 4v1h17V4c0-.8-.576-1.423-1.352-1.493L18 2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/add-card/selected.svg b/packages/components/src/telekom/icons/action/add-card/selected.svg
index 2558ab58c3..0f0fb6c9b9 100644
--- a/packages/components/src/telekom/icons/action/add-card/selected.svg
+++ b/packages/components/src/telekom/icons/action/add-card/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.5 11a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm0 1.5a5 5 0 100 10 5 5 0 000-10zm0 1.75a.75.75 0 01.75.75v1.75H20a.75.75 0 010 1.5h-1.75V20a.75.75 0 11-1.5 0v-1.75H15a.75.75 0 110-1.5h1.75V15a.75.75 0 01.75-.75zM21 8.5v1.815a8 8 0 00-3.5-.815 8 8 0 00-7.74 6H4a3 3 0 01-3-3v-4h20zM18 2a3 3 0 013 3v1H1V5a3 3 0 013-3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm0 1.5a5 5 0 100 10 5 5 0 000-10zm0 1.75a.75.75 0 01.743.648l.007.102v1.75H20a.75.75 0 01.102 1.493L20 17.25h-1.75V19a.75.75 0 01-1.493.102L16.75 19v-1.75H15a.75.75 0 01-.102-1.493L15 15.75h1.75V14a.75.75 0 01.75-.75zM21 7.5v1.815a8 8 0 00-3.5-.815 8 8 0 00-7.671 5.75l-.069.25H4a3 3 0 01-2.995-2.824L1 11.5v-4h20zM18 1a3 3 0 012.995 2.824L21 4v1H1V4a3 3 0 012.824-2.995L4 1h14z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/add/default.svg b/packages/components/src/telekom/icons/action/add/default.svg
index d3adcdfb6f..b744275012 100644
--- a/packages/components/src/telekom/icons/action/add/default.svg
+++ b/packages/components/src/telekom/icons/action/add/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 11.25h-6.75v-6.75c0-.4-.35-.75-.75-.75s-.75.35-.75.75v6.75h-6.75c-.4 0-.75.35-.75.75s.35.75.75.75h6.75v6.75c0 .4.35.75.75.75s.75-.35.75-.75v-6.75h6.75c.4 0 .75-.35.75-.75s-.35-.75-.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 11.25h-5.75V5.5a.75.75 0 00-1.5 0v5.75H5.5a.75.75 0 000 1.5h5.75v5.75a.75.75 0 001.5 0v-5.75h5.75a.75.75 0 000-1.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/add/selected.svg b/packages/components/src/telekom/icons/action/add/selected.svg
index 92ce438648..ae5a88cbb0 100644
--- a/packages/components/src/telekom/icons/action/add/selected.svg
+++ b/packages/components/src/telekom/icons/action/add/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19.5 10.75h-6.25V4.5a1.25 1.25 0 00-2.5 0v6.25H4.5a1.25 1.25 0 000 2.5h6.25v6.25a1.25 1.25 0 102.5 0v-6.25h6.25a1.25 1.25 0 100-2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 10.75h-5.25V5.5a1.25 1.25 0 00-2.5 0v5.25H5.5a1.25 1.25 0 000 2.5h5.25v5.25a1.25 1.25 0 002.5 0v-5.25h5.25a1.25 1.25 0 000-2.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrange/default.svg b/packages/components/src/telekom/icons/action/arrange/default.svg
new file mode 100644
index 0000000000..9f1842d411
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrange/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 5.75a.75.75 0 00-.75-.75H11v1.5h10.25a.75.75 0 00.75-.75zM8.85 6.5L5.25 1l-3.6 5.5H4.5V17H1.65l3.6 5.5 3.6-5.5H6V6.5h2.85zm12.4 4.5H11v1.5h10.25a.75.75 0 100-1.5zm0 6H11v1.5h10.25a.75.75 0 100-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrange/selected.svg b/packages/components/src/telekom/icons/action/arrange/selected.svg
new file mode 100644
index 0000000000..8bd5ef7bf5
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrange/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 1l3.6 5.5H6.5V17h2.35l-3.6 5.5-3.6-5.5H4V6.5H1.65L5.25 1zm15.499 15.52a1.25 1.25 0 01.128 2.494l-.128.007H11v-2.5h9.749zM11 10.477l9.753.034a1.25 1.25 0 01.123 2.494l-.132.006L11 12.976v-2.5zM20.749 4.5a1.25 1.25 0 01.128 2.493L20.749 7H11V4.5h9.749z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow-left/default.svg b/packages/components/src/telekom/icons/action/arrow-left/default.svg
new file mode 100644
index 0000000000..397f508b3e
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow-left/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 11.25H5.16l5.905-4.661a.751.751 0 00-.93-1.178L1.79 12l8.346 6.589a.75.75 0 00.93-1.178L5.16 12.75H21.5a.75.75 0 000-1.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow-left/selected.svg b/packages/components/src/telekom/icons/action/arrow-left/selected.svg
new file mode 100644
index 0000000000..31a39c8729
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow-left/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.092 10.75H6.099l4.83-3.81a1.249 1.249 0 10-1.547-1.962l-8.91 7.025 8.91 7.026a1.248 1.248 0 001.755-.208 1.249 1.249 0 00-.207-1.755L6.092 13.25h15a1.25 1.25 0 000-2.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow-right/default.svg b/packages/components/src/telekom/icons/action/arrow-right/default.svg
new file mode 100644
index 0000000000..3aae11ef59
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow-right/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.366 5.411a.75.75 0 10-.93 1.178l5.905 4.661H3a.75.75 0 000 1.5h16.34l-5.906 4.661a.75.75 0 00.93 1.178L22.712 12l-8.345-6.589z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow-right/selected.svg b/packages/components/src/telekom/icons/action/arrow-right/selected.svg
new file mode 100644
index 0000000000..e9f312bd0a
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow-right/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.625 4.977a1.249 1.249 0 10-1.548 1.963l4.83 3.81H2.915a1.25 1.25 0 000 2.5h15l-4.838 3.815a1.25 1.25 0 001.548 1.963l8.909-7.026-8.91-7.025z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow_down/default.svg b/packages/components/src/telekom/icons/action/arrow_down/default.svg
new file mode 100644
index 0000000000..b160c7d33c
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow_down/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M13.15 14V4.75c0-.4-.35-.75-.75-.75s-.75.35-.75.75V14H8l4.4 6.75L16.8 14h-3.65z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow_down/selected.svg b/packages/components/src/telekom/icons/action/arrow_down/selected.svg
new file mode 100644
index 0000000000..9820f8e884
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow_down/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.67 14V4.75a1.25 1.25 0 10-2.5 0V14H8l4.42 6.75L16.84 14h-3.17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow_up/default.svg b/packages/components/src/telekom/icons/action/arrow_up/default.svg
new file mode 100644
index 0000000000..526715fb89
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow_up/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M12.4 4L8 10.75h3.65V20c0 .4.35.75.75.75s.75-.35.75-.75v-9.25h3.65L12.4 4z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/arrow_up/selected.svg b/packages/components/src/telekom/icons/action/arrow_up/selected.svg
new file mode 100644
index 0000000000..87bb803397
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/arrow_up/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.42 3.5L8 10.25h3.17v9.25a1.25 1.25 0 102.5 0v-9.25h3.17L12.42 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/auto-login/default.svg b/packages/components/src/telekom/icons/action/auto-login/default.svg
index 5d9153ce17..3b23711df6 100644
--- a/packages/components/src/telekom/icons/action/auto-login/default.svg
+++ b/packages/components/src/telekom/icons/action/auto-login/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 .75c.7 0 1.35.45 1.6 1.1l1.5 3.65 3.9.25c.75.05 1.35.5 1.55 1.2s0 1.45-.55 1.9l-3 2.55.95 3.8c.2.7-.05 1.45-.65 1.85s-1.35.4-1.95.05l-2.6-1.6v7.2c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-7.2l-2.6 1.6c-.6.4-1.35.35-1.95-.05-.55-.45-.8-1.15-.65-1.85l.95-3.8-3-2.55c-.55-.5-.8-1.2-.55-1.9s.85-1.15 1.55-1.2l3.9-.25 1.5-3.65c.25-.65.9-1.1 1.6-1.1zm0 1.55h-.1c-.082.004-.158.025-.2.15l-1.85 4.5-4.85.35c-.15 0-.2.1-.2.15s0 .15.1.25l3.7 3.15-1.15 4.7c-.05.1.05.2.1.25s.2.1.3 0l4.15-2.55 4.1 2.55c.15.1.25.05.3 0s.15-.1.05-.25l-1.15-4.7 3.7-3.15c.15-.1.1-.2.1-.25s-.05-.15-.2-.15l-4.85-.35-1.85-4.5c-.05-.15-.15-.15-.25-.15zm8.427 9.404 2.473.804-.463 1.426-2.473-.803zm-16.88-.019.464 1.427-2.473.803-.463-1.426 2.473-.804zm2.443-11.472 1.528 2.104-1.214.881-1.528-2.103zm12.008-.008 1.214.882-1.529 2.103-1.213-.882z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .75c.65 0 1.257.388 1.54.964l.06.136 1.5 3.65 3.9.25c.75.05 1.35.5 1.55 1.2.185.646.028 1.335-.43 1.791L20 8.85l-3 2.55.95 3.8c.2.7-.05 1.45-.65 1.85a1.827 1.827 0 01-1.809.125l-.141-.075-2.6-1.6v7.2c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-7.2l-2.6 1.6c-.6.4-1.35.35-1.95-.05a1.862 1.862 0 01-.678-1.689l.028-.161.95-3.8-3-2.55c-.55-.5-.8-1.2-.55-1.9a1.773 1.773 0 011.402-1.183L5 5.75l3.9-.25 1.5-3.65c.25-.65.9-1.1 1.6-1.1zm0 1.55h-.1c-.066.003-.128.017-.171.087l-.029.063-1.85 4.5L5 7.3c-.15 0-.2.1-.2.15 0 .04 0 .112.051.19l.049.06 3.7 3.15-1.15 4.7c-.05.1.05.2.1.25a.236.236 0 00.247.038l.053-.038L12 13.25l4.1 2.55c.125.083.215.063.27.024l.08-.07c.033-.032.059-.075.031-.146l-.031-.058-1.15-4.7L19 7.7c.107-.071.112-.143.106-.196L19.1 7.45c0-.042-.035-.118-.133-.142L18.9 7.3l-4.85-.35-1.85-4.5c-.042-.125-.118-.146-.2-.15zm8.427 9.404l2.473.804-.463 1.426-2.473-.803.463-1.427zm-16.88-.019l.464 1.427-2.473.803-.463-1.426 2.473-.804zM5.99.213l1.528 2.104-1.214.881-1.528-2.103L5.99.213zM17.998.205l1.214.882-1.529 2.103-1.213-.882L17.998.205z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/auto-login/selected.svg b/packages/components/src/telekom/icons/action/auto-login/selected.svg
index af6bfaa112..6d4d13972c 100644
--- a/packages/components/src/telekom/icons/action/auto-login/selected.svg
+++ b/packages/components/src/telekom/icons/action/auto-login/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1.515a1 1 0 0 1 .925.62l1.66 4.045 4.38.32a1 1 0 0 1 .61 1.78l-3.355 2.835 1.05 4.265a1 1 0 0 1 -1.5 1.085l-3-1.845v8.095a.75.75 0 0 1 -1.5 0v-8.115l-3 1.845a1 1 0 0 1 -1.5-1.085l1.05-4.265-3.355-2.835a1 1 0 0 1 .57-1.76l4.38-.3 1.66-4.065a1 1 0 0 1 .925-.62zm8.443 10.19 2.492.81-.464 1.426-2.491-.81zm-16.885-.003.464 1.426-2.492.81-.464-1.426zm14.449-11.497 1.213.881-1.54 2.12-1.213-.882 1.54-2.12zm-12.008-.01 1.546 2.122-1.215.885-1.546-2.122z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .75c.65 0 1.257.388 1.54.964l.06.136 1.5 3.65 3.9.25c.75.05 1.35.5 1.55 1.2.185.646.028 1.335-.43 1.791L20 8.85l-3 2.55.95 3.8c.2.7-.05 1.45-.65 1.85a1.827 1.827 0 01-1.809.125l-.141-.075-2.6-1.6v7.2c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-7.2l-2.6 1.6c-.6.4-1.35.35-1.95-.05a1.862 1.862 0 01-.678-1.689l.028-.161.95-3.8-3-2.55c-.55-.5-.8-1.2-.55-1.9a1.773 1.773 0 011.402-1.183L5 5.75l3.9-.25 1.5-3.65c.25-.65.9-1.1 1.6-1.1zm8.427 10.954l2.473.804-.463 1.426-2.473-.803.463-1.427zm-16.88-.019l.464 1.427-2.473.803-.463-1.426 2.473-.804zM5.99.213l1.528 2.104-1.214.881-1.528-2.103L5.99.213zM17.998.205l1.214.882-1.529 2.103-1.213-.882L17.998.205z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/backspace/default.svg b/packages/components/src/telekom/icons/action/backspace/default.svg
index 687f6e0ef1..c4841a4dbc 100644
--- a/packages/components/src/telekom/icons/action/backspace/default.svg
+++ b/packages/components/src/telekom/icons/action/backspace/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 3.5c1.65 0 3 1.35 3 3v11c0 1.65-1.35 3-3 3h-12l-7.5-8.5 7.5-8.5zm0 1.5h-11.3l-6.2 7 6.2 7h11.3c.85 0 1.5-.65 1.5-1.5v-11c0-.85-.65-1.5-1.5-1.5zm-8.95 3.5c.3-.3.75-.3 1.05 0l2.4 2.45 2.45-2.45c.3-.3.75-.3 1.05 0s.3.8-.05 1.1l-2.4 2.4 2.35 2.4c.3.3.3.75 0 1.05s-.75.3-1.05 0l-2.4-2.4-2.4 2.4c-.3.3-.75.3-1.05 0s-.3-.75 0-1.05l2.45-2.45-2.4-2.4c-.3-.3-.3-.75 0-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 3.5a3.01 3.01 0 012.995 2.824L23 6.5v11a3.01 3.01 0 01-2.824 2.995L20 20.5H8L.5 12 8 3.5h12zM20 5H8.7l-6.2 7 6.2 7H20c.8 0 1.423-.576 1.493-1.352l.007-.148v-11c0-.8-.576-1.423-1.352-1.493L20 5zm-8.95 3.5a.722.722 0 01.965-.074l.085.074 2.4 2.45 2.45-2.45c.3-.3.75-.3 1.05 0a.742.742 0 01.03 1.021L15.55 12l2.35 2.4c.3.3.3.75 0 1.05a.722.722 0 01-.965.074l-.085-.074-2.4-2.4-2.4 2.4c-.3.3-.75.3-1.05 0a.722.722 0 01-.074-.965L11 14.4l2.45-2.45-2.4-2.4c-.3-.3-.3-.75 0-1.05z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/backspace/selected.svg b/packages/components/src/telekom/icons/action/backspace/selected.svg
index 53aacf9083..aa71308653 100644
--- a/packages/components/src/telekom/icons/action/backspace/selected.svg
+++ b/packages/components/src/telekom/icons/action/backspace/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.5 3.5h-12L1 12l7.5 8.5h12a3 3 0 003-3v-11a3 3 0 00-3-3zm-2 10.925a.745.745 0 010 1.075.75.75 0 01-1.06 0L15 13.06l-2.425 2.44a.75.75 0 01-1.075 0 .745.745 0 010-1.06L13.94 12 11.5 9.575A.76.76 0 0112.575 8.5L15 10.94l2.425-2.44A.76.76 0 0118.5 9.575L16.06 12l2.44 2.425z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 3.5H8L.5 12 8 20.5h12a3 3 0 003-3v-11a3 3 0 00-3-3zm-2 10.925a.745.745 0 010 1.075.75.75 0 01-1.06 0l-2.44-2.44-2.425 2.44a.75.75 0 01-1.075 0 .745.745 0 010-1.06L13.44 12 11 9.575A.76.76 0 0112.075 8.5l2.425 2.44 2.425-2.44A.76.76 0 0118 9.575L15.56 12 18 14.425z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/backward/default.svg b/packages/components/src/telekom/icons/action/backward/default.svg
new file mode 100644
index 0000000000..88d84b817a
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/backward/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.75 9H9.5V5.332L2.75 9.75l6.75 4.418V10.5h7.25A3.254 3.254 0 0120 13.75 3.254 3.254 0 0116.75 17h-4a.75.75 0 100 1.5h4a4.756 4.756 0 004.75-4.75A4.756 4.756 0 0016.75 9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/backward/selected.svg b/packages/components/src/telekom/icons/action/backward/selected.svg
new file mode 100644
index 0000000000..88310c548f
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/backward/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.75 8.5H9.5V5.33L2.75 9.75l6.75 4.42V11h7.25a2.75 2.75 0 110 5.5h-4a1.25 1.25 0 000 2.5h4a5.25 5.25 0 000-10.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/changelog/default.svg b/packages/components/src/telekom/icons/action/changelog/default.svg
index 34fec1dfc9..5b367cb2bb 100644
--- a/packages/components/src/telekom/icons/action/changelog/default.svg
+++ b/packages/components/src/telekom/icons/action/changelog/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M2 15.5l3.45 2.25L2 20v-4.5zM21.25 17c.4 0 .75.35.75.75s-.35.75-.75.75H7.5V17zM2 9.5l3.45 2.25L2 14V9.5zM21.25 11c.4 0 .75.35.75.75s-.35.75-.75.75H7.5V11zM2 3.5l3.45 2.25L2 8V3.5zM21.25 5c.4 0 .75.35.75.75s-.35.75-.75.75H7.5V5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 15.5l3.45 2.25L2 20v-4.5zM21.25 17c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007H7.5V17h13.75zM2 9.5l3.45 2.25L2 14V9.5zM21.25 11c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007H7.5V11h13.75zM2 3.5l3.45 2.25L2 8V3.5zM21.25 5c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007H7.5V5h13.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/changelog/selected.svg b/packages/components/src/telekom/icons/action/changelog/selected.svg
index 279513055a..5e53e38ae6 100644
--- a/packages/components/src/telekom/icons/action/changelog/selected.svg
+++ b/packages/components/src/telekom/icons/action/changelog/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M2 15.5l3.44 2.25L2 20v-4.5zm19.25 1a1.25 1.25 0 110 2.5h-13a1.25 1.25 0 110-2.5zM2 9.5l3.44 2.25L2 14V9.5zm19.25 1a1.25 1.25 0 110 2.5h-13a1.25 1.25 0 010-2.5zM2 3.5l3.44 2.25L2 8V3.5zm19.25 1a1.25 1.25 0 110 2.5h-13a1.25 1.25 0 110-2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 15.5l3.44 2.25L2 20v-4.5zm19.25 1a1.25 1.25 0 01.128 2.494L21.25 19h-13a1.25 1.25 0 01-.128-2.494l.128-.006h13zM2 9.5l3.44 2.25L2 14V9.5zm19.25 1a1.25 1.25 0 01.128 2.494L21.25 13h-13a1.25 1.25 0 01-.128-2.494l.128-.006h13zM2 3.5l3.44 2.25L2 8V3.5zm19.25 1a1.25 1.25 0 01.128 2.494L21.25 7h-13a1.25 1.25 0 01-.128-2.494L8.25 4.5h13z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/checkmark/default.svg b/packages/components/src/telekom/icons/action/checkmark/default.svg
new file mode 100644
index 0000000000..1b84a53aa2
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/checkmark/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.756 5.48a.75.75 0 00-1.061 0L9.219 16.956l-5.463-5.463a.749.749 0 10-1.06 1.06l6.523 6.523L21.756 6.54a.75.75 0 000-1.06" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/checkmark/selected.svg b/packages/components/src/telekom/icons/action/checkmark/selected.svg
new file mode 100644
index 0000000000..18116c53aa
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/checkmark/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.215 19.78l-6.898-6.866a1.25 1.25 0 111.764-1.771l5.13 5.106L20.3 5.159a1.25 1.25 0 011.768 1.767L9.215 19.78z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/circle-add/default.svg b/packages/components/src/telekom/icons/action/circle-add/default.svg
index ff5f0972ac..4ea8e3074b 100644
--- a/packages/components/src/telekom/icons/action/circle-add/default.svg
+++ b/packages/components/src/telekom/icons/action/circle-add/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm0 3.75c.4 0 .75.35.75.75v4.25H17c.4 0 .75.35.75.75s-.35.75-.75.75h-4.25V17c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-4.25H7c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h4.25V7c0-.4.35-.75.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm0 3.75c.367 0 .691.294.743.651L12.75 7v4.25H17c.4 0 .75.35.75.75a.772.772 0 01-.651.743L17 12.75h-4.25V17c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L11.25 17v-4.25H7c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L7 11.25h4.25V7c0-.4.35-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/circle-add/selected.svg b/packages/components/src/telekom/icons/action/circle-add/selected.svg
index 9b01b3e5c9..ce7866bb8e 100644
--- a/packages/components/src/telekom/icons/action/circle-add/selected.svg
+++ b/packages/components/src/telekom/icons/action/circle-add/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5 11.75h-4.25V17a.75.75 0 11-1.5 0v-4.25H7a.75.75 0 110-1.5h4.25V7a.75.75 0 111.5 0v4.25H17a.75.75 0 110 1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5 11.75h-4.25V17a.75.75 0 11-1.5 0v-4.25H7a.75.75 0 110-1.5h4.25V7a.75.75 0 111.5 0v4.25H17a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/circle-close/default.svg b/packages/components/src/telekom/icons/action/circle-close/default.svg
index 2ae39b1a95..082667a05d 100644
--- a/packages/components/src/telekom/icons/action/circle-close/default.svg
+++ b/packages/components/src/telekom/icons/action/circle-close/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11-11-4.9-11-11 4.9-11 11-11zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm-4.05 5.45c.3-.3.75-.3 1.05 0l3 3 3-3c.3-.3.75-.3 1.05 0s.3.75 0 1.05l-3 3 3 3c.3.3.3.75 0 1.05s-.75.3-1.05 0l-3-3-3 3c-.3.3-.75.3-1.05 0s-.3-.75 0-1.05l3-3-3-3c-.3-.3-.3-.75 0-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM7.95 7.95a.722.722 0 01.965-.074L9 7.95l3 3 3-3c.3-.3.75-.3 1.05 0 .273.273.298.67.074.965L16.05 9l-3 3 3 3c.3.3.3.75 0 1.05a.722.722 0 01-.965.074L15 16.05l-3-3-3 3c-.3.3-.75.3-1.05 0a.722.722 0 01-.074-.965L7.95 15l3-3-3-3c-.3-.3-.3-.75 0-1.05z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/circle-close/selected.svg b/packages/components/src/telekom/icons/action/circle-close/selected.svg
index 1ab200551b..fe398a9af5 100644
--- a/packages/components/src/telekom/icons/action/circle-close/selected.svg
+++ b/packages/components/src/telekom/icons/action/circle-close/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm4.065 14a.745.745 0 010 1.06.75.75 0 01-1.06 0l-3-3-3 3a.755.755 0 01-.53.22.75.75 0 01-.54-1.28l3-3-3-3A.753.753 0 019 7.935l3 3 3-3A.753.753 0 0116.065 9l-3 3 3 3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm4.065 14a.745.745 0 010 1.06.75.75 0 01-1.06 0l-3-3-3 3a.755.755 0 01-.53.22.75.75 0 01-.54-1.28l3-3-3-3A.753.753 0 019 7.935l3 3 3-3A.753.753 0 0116.065 9l-3 3 3 3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/close/default.svg b/packages/components/src/telekom/icons/action/close/default.svg
index 2d9f8b3c47..d03a2fb7f2 100644
--- a/packages/components/src/telekom/icons/action/close/default.svg
+++ b/packages/components/src/telekom/icons/action/close/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.05 12 4.75-4.75c.3-.3.3-.75 0-1.05s-.75-.3-1.05 0l-4.75 4.75-4.75-4.75c-.3-.3-.75-.3-1.05 0s-.3.75 0 1.05l4.75 4.75-4.75 4.75c-.3.3-.3.75 0 1.05s.75.3 1.05 0l4.75-4.75 4.75 4.75c.3.3.75.3 1.05 0s.3-.75 0-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.93 12.402l4.47-4.47a.749.749 0 10-1.062-1.06l-4.47 4.47L7.4 6.871a.749.749 0 10-1.06 1.06l4.47 4.47-4.47 4.47a.75.75 0 001.06 1.061l4.47-4.47 4.47 4.47a.747.747 0 001.06 0 .75.75 0 000-1.06l-4.47-4.47z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/close/selected.svg b/packages/components/src/telekom/icons/action/close/selected.svg
index de195f4f6c..bc19b99eb1 100644
--- a/packages/components/src/telekom/icons/action/close/selected.svg
+++ b/packages/components/src/telekom/icons/action/close/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13.77 12l4.415-4.42a1.25 1.25 0 10-1.765-1.765L12 10.23 7.58 5.815A1.25 1.25 0 105.815 7.58L10.23 12l-4.415 4.42a1.245 1.245 0 000 1.765c.232.237.549.37.88.37.332 0 .65-.134.885-.37L12 13.77l4.42 4.415c.234.236.553.37.885.37.331 0 .648-.133.88-.37a1.245 1.245 0 000-1.765L13.77 12z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.768 12l4.116-4.116a1.25 1.25 0 00-1.767-1.768L12 10.232 7.884 6.116a1.25 1.25 0 10-1.767 1.768L10.233 12l-4.116 4.116a1.249 1.249 0 101.767 1.768L12 13.768l4.117 4.116a1.246 1.246 0 001.767 0 1.25 1.25 0 000-1.768L13.768 12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/compare/default.svg b/packages/components/src/telekom/icons/action/compare/default.svg
new file mode 100644
index 0000000000..c76ef6e7d3
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/compare/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a.75.75 0 01.743.648l.007.102v18.5a.75.75 0 01-1.493.102l-.007-.102V2.75A.75.75 0 0112 2zM2 7.582L8.75 12 2 16.418V7.582zm20 0v8.836L15.25 12 22 7.582z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/copy-paste/default.svg b/packages/components/src/telekom/icons/action/copy-paste/default.svg
index e78f254cfa..754e61523c 100644
--- a/packages/components/src/telekom/icons/action/copy-paste/default.svg
+++ b/packages/components/src/telekom/icons/action/copy-paste/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17 7v12.5c0 1.655-1.345 3-3 3H4.5c-1.655 0-3-1.345-3-3V7H17zm-1.5 1.5H3v11c0 .825.675 1.5 1.5 1.5H14c.825 0 1.5-.675 1.5-1.5v-11zm7-7V14c0 1.655-1.345 3-3 3h-1v-1.5h1c.825 0 1.5-.675 1.5-1.5V3H8.5v2.5H7v-4h15.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17 7v12.5a3.003 3.003 0 01-2.824 2.995L14 22.5H4.5a3.003 3.003 0 01-2.995-2.824L1.5 19.5V7H17zm-1.5 1.5H3v11c0 .776.598 1.42 1.356 1.493L4.5 21H14c.776 0 1.42-.598 1.493-1.356l.007-.144v-11zm7-7V14a3.003 3.003 0 01-2.824 2.995L19.5 17h-1v-1.5h1c.776 0 1.42-.598 1.493-1.356L21 14V3H8.5v2.5H7v-4h15.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/copy-paste/selected.svg b/packages/components/src/telekom/icons/action/copy-paste/selected.svg
index 03e1897754..93c6b1f9e5 100644
--- a/packages/components/src/telekom/icons/action/copy-paste/selected.svg
+++ b/packages/components/src/telekom/icons/action/copy-paste/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17 7v12.5a3 3 0 01-3 3H4.5a3 3 0 01-3-3V7H17zm5.5-5.5V14a3 3 0 01-3 3h-1v-1.5h1A1.5 1.5 0 0021 14V3H8.5v2.5H7v-4h15.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17 7v12.5a3 3 0 01-2.824 2.995L14 22.5H4.5a3 3 0 01-2.995-2.824L1.5 19.5V7H17zm5.5-5.5V14a3 3 0 01-2.824 2.995L19.5 17h-1v-1.5h1a1.5 1.5 0 001.493-1.356L21 14V3H8.5v2.5H7v-4h15.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/cut-paste/default.svg b/packages/components/src/telekom/icons/action/cut-paste/default.svg
index 520168c27e..7cd6bf346b 100644
--- a/packages/components/src/telekom/icons/action/cut-paste/default.svg
+++ b/packages/components/src/telekom/icons/action/cut-paste/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8.5 21v1.5H6V21h2.5zM3 19.5c0 .825.675 1.5 1.5 1.5v1.5c-1.655 0-3-1.345-3-3zm14 0c0 1.655-1.345 3-3 3V21c.825 0 1.5-.675 1.5-1.5zM12.5 21v1.5H10V21h2.5zM3 15.5V18H1.5v-2.5H3zm14 0V18h-1.5v-2.5H17zm5.5-14V14c0 1.655-1.345 3-3 3h-1v-1.5h1c.825 0 1.5-.675 1.5-1.5V3H8.5v2.5H7v-4h15.5zM3 11.5V14H1.5v-2.5H3zm14 0V14h-1.5v-2.5H17zM17 7v3h-1.5V8.5H14V7h3zM4.5 7v1.5H3V10H1.5V7h3zm8 0v1.5H10V7h2.5zm-4 0v1.5H6V7h2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 21v1.5H6V21h2.5zM3 19.5c0 .776.598 1.42 1.356 1.493L4.5 21v1.5a3.003 3.003 0 01-2.995-2.824L1.5 19.5H3zm14 0a3.003 3.003 0 01-2.824 2.995L14 22.5V21c.776 0 1.42-.598 1.493-1.356l.007-.144H17zM12.5 21v1.5H10V21h2.5zM3 15.5V18H1.5v-2.5H3zm14 0V18h-1.5v-2.5H17zm5.5-14V14a3.003 3.003 0 01-2.824 2.995L19.5 17h-1v-1.5h1c.776 0 1.42-.598 1.493-1.356L21 14V3H8.5v2.5H7v-4h15.5zM3 11.5V14H1.5v-2.5H3zm14 0V14h-1.5v-2.5H17zM17 7v3h-1.5V8.5H14V7h3zM4.5 7v1.5H3V10H1.5V7h3zm8 0v1.5H10V7h2.5zm-4 0v1.5H6V7h2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/cut-paste/selected.svg b/packages/components/src/telekom/icons/action/cut-paste/selected.svg
index 7206bce4ea..f8211ce06f 100644
--- a/packages/components/src/telekom/icons/action/cut-paste/selected.svg
+++ b/packages/components/src/telekom/icons/action/cut-paste/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8.5 21v1.5H6V21h2.5zM3 19.5A1.5 1.5 0 004.5 21v1.5a3 3 0 01-3-3zm14 0a3 3 0 01-3 3V21a1.5 1.5 0 001.5-1.5zM12.5 21v1.5H10V21h2.5zm4.5-5.5V18h-1.5v-2.5H17zm-14 0V18H1.5v-2.5H3zm19.5-14V14a3 3 0 01-3 3h-1V5.5H7v-4h15.5zm-5.5 10V14h-1.5v-2.5H17zm-14 0V14H1.5v-2.5H3zM17 7v3h-1.5V8.5H14V7h3zM4.5 7v1.5H3V10H1.5V7h3zm8 0v1.5H10V7h2.5zm-4 0v1.5H6V7h2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 21v1.5H6V21h2.5zM3 19.5a1.5 1.5 0 001.356 1.493L4.5 21v1.5a3 3 0 01-2.995-2.824L1.5 19.5H3zm14 0a3 3 0 01-2.824 2.995L14 22.5V21a1.5 1.5 0 001.493-1.356l.007-.144H17zM12.5 21v1.5H10V21h2.5zm4.5-5.5V18h-1.5v-2.5H17zm-14 0V18H1.5v-2.5H3zm19.5-14V14a3 3 0 01-2.824 2.995L19.5 17h-1V5.5H7v-4h15.5zm-5.5 10V14h-1.5v-2.5H17zm-14 0V14H1.5v-2.5H3zM17 7v3h-1.5V8.5H14V7h3zM4.5 7v1.5H3V10H1.5V7h3zm8 0v1.5H10V7h2.5zm-4 0v1.5H6V7h2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/disabled-microphone/default.svg b/packages/components/src/telekom/icons/action/disabled-microphone/default.svg
index 3ab6b02987..7e8927dc8b 100644
--- a/packages/components/src/telekom/icons/action/disabled-microphone/default.svg
+++ b/packages/components/src/telekom/icons/action/disabled-microphone/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M5.25 9.5c.4 0 .75.35.75.75V12c0 3.3 2.7 6 6 6 .85 0 1.6-.15 2.35-.5l1.1 1.15c-.8.4-1.75.7-2.7.8v4.05h-1.5v-4.05C7.45 19.1 4.5 15.9 4.5 12v-1.75c0-.4.35-.75.75-.75zm-2.4-6.65c.3-.3.75-.3 1.05 0L21.15 20.1c.3.3.3.75 0 1.05-.3.3-.75.3-1.05 0L2.85 3.9c-.3-.3-.3-.75 0-1.05zM7.5 10.7L9 12.2c.1 1.5 1.3 2.7 2.8 2.8l1.35 1.35c-.35.1-.75.15-1.15.15-2.5 0-4.5-2-4.5-4.5v-1.3zm11.25-1.2c.4 0 .75.35.75.75V12c0 1.25-.3 2.45-.9 3.45l-1.1-1.1c.35-.75.5-1.5.5-2.35v-1.75c0-.4.35-.75.75-.75zM12 .5c2.5 0 4.5 2 4.5 4.5v7c0 .4-.05.8-.15 1.15L15 11.8V5c0-1.65-1.35-3-3-3S9 3.35 9 5v.8L7.55 4.35C7.85 2.2 9.75.5 12 .5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 9.5c.367 0 .691.294.743.651L6 10.25V12c0 3.3 2.7 6 6 6 .744 0 1.41-.115 2.069-.378l.281-.122 1.1 1.15c-.7.35-1.515.623-2.344.753l-.356.047v4.05h-1.5v-4.05c-3.72-.343-6.624-3.415-6.746-7.202L4.5 12v-1.75c0-.4.35-.75.75-.75zm-2.4-6.65a.722.722 0 01.965-.074l.085.074L21.15 20.1c.3.3.3.75 0 1.05a.722.722 0 01-.965.074l-.085-.074L2.85 3.9c-.3-.3-.3-.75 0-1.05zM7.5 10.7L9 12.2a3.012 3.012 0 002.621 2.783L11.8 15l1.35 1.35c-.35.1-.75.15-1.15.15a4.48 4.48 0 01-4.495-4.287L7.5 12v-1.3zm11.25-1.2c.367 0 .691.294.743.651l.007.099V12c0 1.146-.252 2.25-.756 3.196l-.144.254-1.1-1.1a5.26 5.26 0 00.493-2.036L18 12v-1.75c0-.4.35-.75.75-.75zM12 .5a4.48 4.48 0 014.495 4.287L16.5 5v7c0 .32-.032.64-.096.934l-.054.216L15 11.8V5c0-1.65-1.35-3-3-3a3.01 3.01 0 00-2.995 2.824L9 5v.8L7.55 4.35C7.85 2.2 9.75.5 12 .5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/disabled-microphone/selected.svg b/packages/components/src/telekom/icons/action/disabled-microphone/selected.svg
index 2328e8f489..8d4972fb78 100644
--- a/packages/components/src/telekom/icons/action/disabled-microphone/selected.svg
+++ b/packages/components/src/telekom/icons/action/disabled-microphone/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M5.25 9.5a.75.75 0 01.75.75V12a6 6 0 008.34 5.525l1.125 1.12a7.5 7.5 0 01-2.715.815v4.04h-1.5v-4.04A7.5 7.5 0 014.5 12v-1.75a.75.75 0 01.75-.75zM2.863 2.863a.75.75 0 011.042-.018l17.25 17.25a.745.745 0 010 1.06.75.75 0 01-1.06 0L2.845 3.905a.75.75 0 01.018-1.042zM7.5 10.68l5.66 5.665A4.67 4.67 0 0112 16.5 4.5 4.5 0 017.5 12v-1.32zM18.75 9.5a.75.75 0 01.75.75V12a7.435 7.435 0 01-.88 3.465L17.5 14.34A6 6 0 0018 12v-1.75a.75.75 0 01.75-.75zM12.104.539l.212.01A4.5 4.5 0 0116.5 5v7a4.67 4.67 0 01-.155 1.16L7.55 4.37A4.5 4.5 0 0112.316.549z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 9.5a.75.75 0 01.743.648L6 10.25V12a6 6 0 008.097 5.622l.243-.097 1.125 1.12a7.5 7.5 0 01-2.36.77l-.355.045v4.04h-1.5v-4.04a7.5 7.5 0 01-6.746-7.21L4.5 12v-1.75a.75.75 0 01.75-.75zM2.863 2.863a.75.75 0 01.949-.092l.093.074 17.25 17.25a.745.745 0 010 1.06.75.75 0 01-.976.073l-.084-.073-17.25-17.25a.75.75 0 01.018-1.042zM7.5 10.68l5.66 5.665A4.67 4.67 0 0112 16.5a4.5 4.5 0 01-4.495-4.288L7.5 12v-1.32zM18.75 9.5a.75.75 0 01.743.648l.007.102V12a7.435 7.435 0 01-.731 3.171l-.149.294-1.12-1.125a6 6 0 00.49-2.038L18 12v-1.75a.75.75 0 01.75-.75zM12.104.539l.212.01a4.5 4.5 0 014.177 4.239L16.5 5v7a4.67 4.67 0 01-.089.874l-.066.286L7.55 4.37A4.5 4.5 0 0112.104.539z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/download-from-cloud/default.svg b/packages/components/src/telekom/icons/action/download-from-cloud/default.svg
new file mode 100644
index 0000000000..eb01a98b26
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/download-from-cloud/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10a.75.75 0 01.743.648l.007.102V16h3.669L12 22.75 7.582 16h3.668v-5.25A.75.75 0 0112 10zm1.511-6.326a7.593 7.593 0 017.149 4.982 5.76 5.76 0 013.09 5.093c0 3.097-2.46 5.63-5.53 5.746L18 19.5h-2.08L16.9 18H18a4.255 4.255 0 004.25-4.25c0-2.023-1.227-3.112-2.06-3.626l-.216-.126a5.097 5.097 0 00-.099-.053l-.173-.087-.251-.112a.071.071 0 01-.012-.006l-.049-.15-.085-.265-.083-.23-.11-.267a6.099 6.099 0 00-5.601-3.654 6.082 6.082 0 00-3.975 1.478l-.457.411-.084-.027-.333-.117a3.205 3.205 0 00-3.41.87 3.177 3.177 0 00-.84 2.113v.213l.009.182.023.294c0 .011 0 .02-.002.027l-.087.04-.194.082-.177.082-.206.106-.227.133c-.784.486-1.801 1.44-1.801 3.189a3.754 3.754 0 003.551 3.745L5.5 18h1.598l.982 1.5H5.5a5.256 5.256 0 01-5.25-5.25c0-1.9 1.032-3.643 2.667-4.568a4.718 4.718 0 014.704-4.438c.37 0 .738.045 1.101.133a7.593 7.593 0 014.79-1.703z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/download-from-cloud/selected.svg b/packages/components/src/telekom/icons/action/download-from-cloud/selected.svg
new file mode 100644
index 0000000000..94ce8b1edf
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/download-from-cloud/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.995a.75.75 0 01.743.648l.007.102v5.25h3.67L12 22.745l-2.25-3.44-2.17-3.31h3.67v-5.25a.75.75 0 01.75-.75zm-3.28-4.62A7.6 7.6 0 0120.65 8.65a5.745 5.745 0 013.1 5.095c0 2.915-2.165 5.485-5 5.695l-.359.02-.717.019-1.411.015h-.343l1.775-2.68 1.5-2.32H14.25v-3.75a2.25 2.25 0 00-4.495-.154l-.005.155v3.75H4.805l3.275 5-1.476-.01-1.042-.017-.648-.023a8.398 8.398 0 01-.164-.01c-2.56-.19-4.5-2.55-4.5-5.19a5.25 5.25 0 012.675-4.57 4.685 4.685 0 015.795-4.3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/download/default.svg b/packages/components/src/telekom/icons/action/download/default.svg
index a58a8e92a0..3967078032 100644
--- a/packages/components/src/telekom/icons/action/download/default.svg
+++ b/packages/components/src/telekom/icons/action/download/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.25 20.5c.4 0 .75.35.75.75s-.35.75-.75.75H2.75c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zM12 2c.4 0 .75.35.75.75V9.5h3.85l-4.6 7-4.6-7h3.85V2.75c0-.4.35-.75.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 20.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L21.25 22H2.75c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h18.5zM12 2c.367 0 .691.294.743.651l.007.099V9.5h3.85l-4.6 7-4.6-7h3.85V2.75c0-.4.35-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/download/selected.svg b/packages/components/src/telekom/icons/action/download/selected.svg
index 40de2b34b5..f4f1a0d21e 100644
--- a/packages/components/src/telekom/icons/action/download/selected.svg
+++ b/packages/components/src/telekom/icons/action/download/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.25 20.185a1.065 1.065 0 010 2.13H2.75a1.065 1.065 0 110-2.13zM12 1.5c.69 0 1.25.56 1.25 1.25V9.5h3.33l-4.58 7-4.58-7h3.33V2.75c0-.69.56-1.25 1.25-1.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 20.185a1.065 1.065 0 01.116 2.124l-.116.006H2.75a1.065 1.065 0 01-.116-2.124l.116-.006h18.5zM12 1.5c.647 0 1.18.492 1.244 1.122l.006.128V9.5h3.33l-4.58 7-4.58-7h3.33V2.75c0-.69.56-1.25 1.25-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/drag-and-drop/default.svg b/packages/components/src/telekom/icons/action/drag-and-drop/default.svg
index 6635086b11..8ea6678a85 100644
--- a/packages/components/src/telekom/icons/action/drag-and-drop/default.svg
+++ b/packages/components/src/telekom/icons/action/drag-and-drop/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M15.5 8.5V21c0 1.655-1.345 3-3 3H3c-1.655 0-3-1.345-3-3V8.5h15.5zM14 10H1.5v11c0 .825.675 1.5 1.5 1.5h9.5c.825 0 1.5-.675 1.5-1.5V10zm-8.5 2.255l3.645 3.555-1.66-.14 1.005 2.38-.92.39-1.005-2.385-1.055 1.29-.01-5.09zM24 12.5c0 1.655-1.345 3-3 3V14c.825 0 1.5-.675 1.5-1.5zM19.5 14v1.5H17V14h2.5zM24 8.5V11h-1.5V8.5H24zm-14-4V7H8.5V4.5H10zm14 0V7h-1.5V4.5H24zM11.5 0v1.5c-.825 0-1.5.675-1.5 1.5H8.5c0-1.655 1.345-3 3-3zM21 0c1.655 0 3 1.345 3 3h-1.5c0-.825-.675-1.5-1.5-1.5zm-1.5 0v1.5H17V0h2.5zm-4 0v1.5H13V0h2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.538 9.052c.827 0 1.578.458 1.964 1.169l.159-.048c.174-.045.35-.068.525-.068.887 0 1.637.58 1.966 1.5l.672 1.985.641 1.946.14.43c1.093 3.388-.116 6.286-3.157 7.565a5.773 5.773 0 01-2.245.469c-1.648 0-3.002-.75-4.121-1.456l-1.145-.738-.378-.251-.51-.353-.696-.494a2.25 2.25 0 01-.654-2.927c.36-.631 1.017-1.024 1.774-1.07l-1.42-2.142a2.222 2.222 0 01-.32-1.68 2.215 2.215 0 01.962-1.413c.289-.19.614-.31.954-.35a2.231 2.231 0 013.414-1.52 2.247 2.247 0 011.475-.554zm0 1.499a.734.734 0 00-.693.979l1.304 3.699-.39.143-2.257-4.23a.736.736 0 00-.993-.306.734.734 0 00-.305.992l2.16 4.233-.13.075-.272.163-2.427-3.36a.732.732 0 00-1.017-.21.734.734 0 00-.211 1.016l2.867 4.328c.504.693.125 1.09-.224 1.09a.418.418 0 01-.17-.034l-.143-.065-.987-.476-.45-.21a16.365 16.365 0 00-.221-.1.895.895 0 00-.355-.073c-.251 0-.5.104-.622.32-.206.36-.045.774.218.96l.984.694.349.237.413.271.926.596c.995.628 2.067 1.218 3.31 1.218.524 0 1.076-.103 1.665-.351 2.46-1.036 3.126-3.193 2.31-5.723l-.706-2.154-.694-2.045c-.09-.342-.285-.624-.591-.624a.643.643 0 00-.146.019c-.392.103-.546.507-.443.899l.49 2.235c-.132.022-.294.008-.44.037l-1.416-3.753a.736.736 0 00-.693-.49zm-4.04-7.553v1.499h6.5v3.988a3.727 3.727 0 00-1.264-.73l-.236-.072V5.996H6v10.993c0 .778.596 1.42 1.356 1.493l.144.007h1.438a3.8 3.8 0 00.082 1.255l.067.244H7.5a3 3 0 01-2.995-2.823L4.5 16.99V13.49H3v-1.5h1.5V4.498h7.499v-1.5h1.5zM1.5 11.992v1.499H0v-1.5h1.5zm0-2.998v1.499H0v-1.5h1.5zm0-2.998v1.499H0v-1.5h1.5zm0-2.998v1.499H0v-1.5h1.5zM7.5 0v1.499H6v-1.5h1.5zm-6 0v1.499H0v-1.5h1.5zm3 0v1.499H3v-1.5h1.5zm5.999 0v1.499h-1.5v-1.5h1.5zm3 0v1.499h-1.5v-1.5h1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/drag-and-drop/selected.svg b/packages/components/src/telekom/icons/action/drag-and-drop/selected.svg
index d9a69b4530..0a7962c381 100644
--- a/packages/components/src/telekom/icons/action/drag-and-drop/selected.svg
+++ b/packages/components/src/telekom/icons/action/drag-and-drop/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M15.5 8.5V21a3 3 0 01-3 3H3a3 3 0 01-3-3V8.5h15.5zM5.27 11.66v6.385l1.415-1.73.895 2.125.92-.39-.905-2.12 2.225.19-4.55-4.46zM19.5 14v1.5H17V14h2.5zm4.5-1.5a3 3 0 01-3 3V14a1.5 1.5 0 001.5-1.5zm0-4V11h-1.5V8.5H24zm0-4V7h-1.5V4.5H24zm-14 0V7H8.5V4.5H10zM21 0a3 3 0 013 3h-1.5A1.5 1.5 0 0021 1.5zm-9.5 0v1.5A1.5 1.5 0 0010 3H8.5a3 3 0 013-3zm4 0v1.5H13V0h2.5zm4 0v1.5H17V0h2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 8.5V21a3 3 0 01-2.824 2.995L12.5 24H3a3 3 0 01-2.995-2.824L0 21V8.5h15.5zM5.27 11.66v6.385l1.415-1.73.895 2.125.92-.39-.905-2.12 2.225.19-4.55-4.46zM19.5 14v1.5H17V14h2.5zm4.5-1.5a3 3 0 01-2.824 2.995L21 15.5V14a1.5 1.5 0 001.493-1.356l.007-.144H24zm0-4V11h-1.5V8.5H24zm0-4V7h-1.5V4.5H24zm-14 0V7H8.5V4.5H10zM21 0a3 3 0 012.995 2.824L24 3h-1.5a1.5 1.5 0 00-1.356-1.493L21 1.5V0zm-9.5 0v1.5a1.5 1.5 0 00-1.493 1.356L10 3H8.5A3 3 0 0111.324.005L11.5 0zm4 0v1.5H13V0h2.5zm4 0v1.5H17V0h2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/edit/default.svg b/packages/components/src/telekom/icons/action/edit/default.svg
index c41e6fe793..89d80fa8e8 100644
--- a/packages/components/src/telekom/icons/action/edit/default.svg
+++ b/packages/components/src/telekom/icons/action/edit/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.25 19.5c.4 0 .75.35.75.75s-.35.75-.75.75h-13.2l1.05-1.5zm-17.9-2.35 3.15 2.2-3.5 1.65zm10.55-15.05c.55-.8 1.8-1.05 2.65-.45l.136.1c.783.625.932 1.745.364 2.55l-9.7 13.8-3.15-2.2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 19.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L21.25 21H8.05l1.05-1.5h12.15zm-17.9-2.35l3.15 2.2L3 21l.35-3.85zM13.9 2.1c.522-.76 1.677-1.024 2.52-.534l.13.084.136.1a1.88 1.88 0 01.452 2.413l-.088.137-9.7 13.8-3.15-2.2 9.7-13.8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/edit/selected.svg b/packages/components/src/telekom/icons/action/edit/selected.svg
index 8a6dcea66e..25523f797e 100644
--- a/packages/components/src/telekom/icons/action/edit/selected.svg
+++ b/packages/components/src/telekom/icons/action/edit/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.25 19.5a.75.75 0 0 1 0 1.5h-13.205l1.05-1.5zm-17.895-2.35 3.14 2.205-3.495 1.64.35-3.84zm12.105-15.86v.02a1.915 1.915 0 0 1 1.57 3l-9.675 13.815-3.14-2.2 9.67-13.815a1.92 1.92 0 0 1 1.575-.82z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 19.5a.75.75 0 01.102 1.493L21.25 21H8.045l1.05-1.5H21.25zM3.355 17.15l3.14 2.205L3 20.995l.35-3.84.005-.005zM15.46 1.29v.02a1.915 1.915 0 011.656 2.862l-.086.138-9.675 13.815-3.14-2.2 9.67-13.815a1.92 1.92 0 011.405-.813l.17-.007z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/export/default.svg b/packages/components/src/telekom/icons/action/export/default.svg
new file mode 100644
index 0000000000..80d3b64fc5
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/export/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 10v1.5H5v9c0 .778.596 1.42 1.356 1.493L6.5 22h11c.778 0 1.42-.596 1.493-1.356L19 20.5v-9h-3.5V10h5v10.5a3 3 0 01-2.824 2.995l-.176.005h-11a3 3 0 01-2.995-2.824L3.5 20.5V10h5zM12 1l4.582 7H12.75v8.75a.75.75 0 01-1.493.102l-.007-.102V8H7.418l4.583-7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/export/selected.svg b/packages/components/src/telekom/icons/action/export/selected.svg
new file mode 100644
index 0000000000..b5841b7ac4
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/export/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.75 10v6.75a2.25 2.25 0 004.5 0V10h6.25v10.5a3 3 0 01-3 3h-11a3 3 0 01-3-3V10h6.25zM12 1l4.58 7h-3.83v8.75a.75.75 0 01-1.5 0V8H7.42L12 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/fast-forward/default.svg b/packages/components/src/telekom/icons/action/fast-forward/default.svg
index dd525d52a6..46defb32af 100644
--- a/packages/components/src/telekom/icons/action/fast-forward/default.svg
+++ b/packages/components/src/telekom/icons/action/fast-forward/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm0 1.5c-5.24 0-9.5 4.26-9.5 9.5s4.26 9.5 9.5 9.5 9.5-4.26 9.5-9.5-4.26-9.5-9.5-9.5zm.5 5.5 6.11 4-6.11 4v-3.6l-5.5 3.6v-8l5.5 3.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 1.5c-5.24 0-9.5 4.26-9.5 9.5s4.26 9.5 9.5 9.5 9.5-4.26 9.5-9.5-4.26-9.5-9.5-9.5zm.5 5.5l6.11 4-6.11 4v-3.6L7 16V8l5.5 3.6V8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/fast-forward/selected.svg b/packages/components/src/telekom/icons/action/fast-forward/selected.svg
index 35f7ea989d..f911672b0b 100644
--- a/packages/components/src/telekom/icons/action/fast-forward/selected.svg
+++ b/packages/components/src/telekom/icons/action/fast-forward/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm.5 15v-3.6L7 16V8l5.5 3.6V8l6.11 4-6.11 4z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm.5 15v-3.6L7 16V8l5.5 3.6V8l6.11 4-6.11 4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/fast-forward_nb/default.svg b/packages/components/src/telekom/icons/action/fast-forward_nb/default.svg
new file mode 100644
index 0000000000..d47d433352
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/fast-forward_nb/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M11.475 11.3L2 5v14l9.475-6.3V19L22 12 11.475 5z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/fast-forward_nb/selected.svg b/packages/components/src/telekom/icons/action/fast-forward_nb/selected.svg
new file mode 100644
index 0000000000..d47d433352
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/fast-forward_nb/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M11.475 11.3L2 5v14l9.475-6.3V19L22 12 11.475 5z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/favorite/default.svg b/packages/components/src/telekom/icons/action/favorite/default.svg
index afd930f6a9..36bf0b79ea 100644
--- a/packages/components/src/telekom/icons/action/favorite/default.svg
+++ b/packages/components/src/telekom/icons/action/favorite/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m23.55 9.4c-.25-.7-.85-1.2-1.6-1.25l-6-.45-2.25-5.55c-.3-.7-.95-1.15-1.7-1.15s-1.4.45-1.7 1.15l-2.3 5.6-6 .45c-.75.05-1.35.55-1.6 1.25s0 1.45.55 1.95l4.6 3.9-1.4 5.8c-.15.7.1 1.45.7 1.9.3.25.7.35 1.05.35s.65-.1.95-.25l5.15-3.2 5.1 3.2c.65.4 1.4.35 2-.05.6-.45.85-1.2.7-1.9l-1.45-5.85 4.6-3.9c.6-.55.85-1.3.6-2zm-1.5.8-5.3 4.5 1.65 6.75c.05.2-.05.3-.1.35s-.2.1-.35 0l-5.95-3.7-5.9 3.65c-.15.1-.3.05-.35 0s-.15-.15-.1-.35l1.65-6.75-5.3-4.5c-.15-.1-.1-.25-.1-.35 0-.05.1-.2.25-.2l6.95-.5 2.65-6.45c.05-.15.15-.15.25-.15s.2.05.3.2l2.65 6.45 6.95.5c.2 0 .25.15.25.2 0 .1 0 .25-.1.35z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.613 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.064-5.061a1.713 1.713 0 00-1.592-1.07c-.703 0-1.327.42-1.593 1.07L8.34 7.633l-5.452.398c-.7.052-1.292.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.304 5.308a1.715 1.715 0 00.658 1.802c.568.413 1.321.44 1.918.07l4.644-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.176-3.527a1.714 1.714 0 00.526-1.845zm-1.494.699l-4.886 4.127 1.527 6.212c.03.119-.03.19-.084.23a.203.203 0 01-.244.009l-5.436-3.372-5.436 3.372a.206.206 0 01-.245-.009.206.206 0 01-.084-.23l1.527-6.211-4.886-4.128a.205.205 0 01-.067-.235.206.206 0 01.192-.151l6.38-.468 2.416-5.923a.205.205 0 01.203-.136c.067 0 .156.024.203.137l2.416 5.922 6.38.468a.206.206 0 01.192.151.206.206 0 01-.068.235z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/favorite/selected.svg b/packages/components/src/telekom/icons/action/favorite/selected.svg
index f630f716a9..6254776b77 100644
--- a/packages/components/src/telekom/icons/action/favorite/selected.svg
+++ b/packages/components/src/telekom/icons/action/favorite/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13 2.41l2.45 6 6.5.475a1.06 1.06 0 01.55 1.88l-4.96 4.19 1.55 6.31a1.065 1.065 0 01-1.59 1.155L12 19l-5.5 3.42a1.065 1.065 0 01-1.59-1.155l1.55-6.31-4.96-4.19a1.06 1.06 0 01.61-1.87l6.5-.475 2.45-6A1.065 1.065 0 0113 2.41z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.614 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.065-5.061a1.713 1.713 0 00-1.592-1.07c-.702 0-1.327.42-1.592 1.07L8.339 7.633l-5.451.398c-.7.052-1.293.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.305 5.308a1.715 1.715 0 00.659 1.802c.567.413 1.32.44 1.917.07l4.645-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.175-3.527a1.714 1.714 0 00.527-1.845" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/filter-2/default.svg b/packages/components/src/telekom/icons/action/filter-2/default.svg
new file mode 100644
index 0000000000..f554f88de1
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/filter-2/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 2H2v3.568c0 1.233.507 2.413 1.4 3.263L9 14.15v9.35l6-3v-6.35l5.6-5.319c.893-.85 1.4-2.03 1.4-3.263V2zm-1.5 1.5v2.068c0 .819-.34 1.612-.934 2.175l-5.598 5.32-.468.443v6.067l-3 1.5v-7.567l-.467-.443-5.599-5.32A3.009 3.009 0 013.5 5.568V3.5h17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/filter-2/selected.svg b/packages/components/src/telekom/icons/action/filter-2/selected.svg
new file mode 100644
index 0000000000..8afe135338
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/filter-2/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 2H2v3.568c0 1.233.507 2.413 1.4 3.263L9 14.15v9.35l6-3v-6.35l5.6-5.319c.893-.85 1.4-2.03 1.4-3.263V2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/filter/default.svg b/packages/components/src/telekom/icons/action/filter/default.svg
index 06eab6e4a1..ed949d83e0 100644
--- a/packages/components/src/telekom/icons/action/filter/default.svg
+++ b/packages/components/src/telekom/icons/action/filter/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.25 16.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zm-4.18 2c-.045.245-.07.495-.07.75s.025.505.07.75H2v-1.5zm13.93 0V20h-5.57c.045-.245.07-.495.07-.75s-.025-.505-.07-.75H22zm-17.25-9a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zm17.25 2V13H8.93c.045-.245.07-.495.07-.75s-.025-.505-.07-.75H22zm-7.25-9a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zm-4.18 2c-.045.245-.07.495-.07.75s.025.505.07.75H2V4.5zM22 4.5V6h-3.07c.045-.245.07-.495.07-.75s-.025-.505-.07-.75H22z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.25 16.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zm-4.18 2a4.144 4.144 0 00-.038 1.253L8.07 20H2v-1.5h6.07zm13.93 0V20h-5.57a4.144 4.144 0 00.038-1.253l-.038-.247H22zm-17.25-9a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zm17.25 2V13H8.93a4.144 4.144 0 00.038-1.253L8.93 11.5H22zm-7.25-9a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zm-4.18 2a4.144 4.144 0 00-.038 1.253L10.57 6H2V4.5h8.57zM22 4.5V6h-3.07a4.144 4.144 0 00.038-1.253L18.93 4.5H22z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/filter/selected.svg b/packages/components/src/telekom/icons/action/filter/selected.svg
index d461f795f3..5a9615cfc6 100644
--- a/packages/components/src/telekom/icons/action/filter/selected.svg
+++ b/packages/components/src/telekom/icons/action/filter/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.25 16.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zM8.19 18a4.205 4.205 0 000 2.5H2V18zM22 18v2.5h-5.685a4.295 4.295 0 000-2.5H22zM4.75 9.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zM22 11v2.5H8.815a4.295 4.295 0 000-2.5H22zm-7.25-8.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zM10.69 4a4.135 4.135 0 00-.19 1.25c-.001.424.063.846.19 1.25H2V4zM22 4v2.5h-3.185a4.315 4.315 0 000-2.5H22z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.25 16.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zM8.19 18a4.205 4.205 0 00-.068 2.254l.068.246H2V18h6.19zM22 18v2.5h-5.685a4.295 4.295 0 00.066-2.255L16.315 18H22zM4.75 9.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zM22 11v2.5H8.815a4.295 4.295 0 00.066-2.255L8.815 11H22zm-7.25-8.5a2.75 2.75 0 110 5.5 2.75 2.75 0 010-5.5zM10.69 4a4.135 4.135 0 00-.19 1.25c0 .34.04.677.121 1.005l.069.245H2V4h8.69zM22 4v2.5h-3.185c.22-.725.244-1.492.073-2.226L18.815 4H22z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/forward/default.svg b/packages/components/src/telekom/icons/action/forward/default.svg
index fa80332e86..f1481e9e73 100644
--- a/packages/components/src/telekom/icons/action/forward/default.svg
+++ b/packages/components/src/telekom/icons/action/forward/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.75 7.75-6.75-4.42v3.67h-1.84c-4.5 0-8.16 3.66-8.16 8.16v4.09a.749.749 0 1 0 1.5 0v-4.09a6.664 6.664 0 0 1 6.66-6.66h1.84v3.67z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 12.151l6.75-4.399-6.75-4.4V7h-2.25C6.979 7 3.5 10.476 3.5 14.75v4.987a.75.75 0 101.5 0V14.75a6.257 6.257 0 016.25-6.25h2.25v3.651z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/forward/selected.svg b/packages/components/src/telekom/icons/action/forward/selected.svg
index a4e0b341a7..cafa756910 100644
--- a/packages/components/src/telekom/icons/action/forward/selected.svg
+++ b/packages/components/src/telekom/icons/action/forward/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.75 6.75-6.75-4.42v3.17h-1.84a8.67 8.67 0 0 0 -8.66 8.66v4.09a1.25 1.25 0 1 0 2.5 0v-4.09a6.17 6.17 0 0 1 6.16-6.16h1.84v3.17z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.25 7.752l-6.75-4.4v2.861h-2.264c-4.687 0-8.5 3.813-8.5 8.5V19a1.5 1.5 0 103 0v-4.287c0-3.032 2.468-5.5 5.5-5.5H13.5v2.938l6.75-4.399z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/full-screen/default.svg b/packages/components/src/telekom/icons/action/full-screen/default.svg
index c92e26cef6..adbcd8555d 100644
--- a/packages/components/src/telekom/icons/action/full-screen/default.svg
+++ b/packages/components/src/telekom/icons/action/full-screen/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.22 12.72a.745.745 0 0 1 1.06 0 .745.745 0 0 1 0 1.06l-4.155 4.155 2.805 2.805-8.43 1.76 1.76-8.43 2.805 2.805zm12.28-11.22-1.76 8.43-2.805-2.805-4.155 4.155a.754.754 0 0 1 -.53.22.754.754 0 0 1 -.53-.22.745.745 0 0 1 0-1.06l4.155-4.155-2.805-2.805z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.22 12.72a.745.745 0 011.06 0c.268.264.293.68.073.975l-.073.085-4.155 4.155L9.93 20.74 1.5 22.5l1.76-8.43 2.805 2.805 4.155-4.155zM22.5 1.5l-1.76 8.43-2.805-2.805-4.155 4.155a.754.754 0 01-.53.22.754.754 0 01-.53-.22.744.744 0 01-.073-.975l.073-.085 4.155-4.155L14.07 3.26 22.5 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/full-screen/selected.svg b/packages/components/src/telekom/icons/action/full-screen/selected.svg
index a0c0d7e20a..d89ce25e7a 100644
--- a/packages/components/src/telekom/icons/action/full-screen/selected.svg
+++ b/packages/components/src/telekom/icons/action/full-screen/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.5 12.735a1.25 1.25 0 0 1 1.765 1.765l-3.765 3.79 2.43 2.45-8.43 1.76 1.76-8.45 2.45 2.45zm13-11.235-1.76 8.45-2.45-2.45-3.785 3.77c-.49.487-1.28.487-1.77 0a1.26 1.26 0 0 1 0-1.77l3.785-3.79-2.45-2.45z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 12.735a1.25 1.25 0 011.765 1.765L7.5 18.29l2.43 2.45L1.5 22.5l1.76-8.45 2.45 2.45zM22.5 1.5l-1.76 8.45-2.45-2.45-3.785 3.77c-.49.487-1.28.487-1.77 0a1.26 1.26 0 010-1.77l3.785-3.79-2.45-2.45L22.5 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/hide-password/default.svg b/packages/components/src/telekom/icons/action/hide-password/default.svg
index 2b94b67a82..01d63c90c1 100644
--- a/packages/components/src/telekom/icons/action/hide-password/default.svg
+++ b/packages/components/src/telekom/icons/action/hide-password/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M2.85 2.85c.3-.3.75-.3 1.05 0L21.15 20.1c.3.3.3.75 0 1.05-.3.3-.75.3-1.05 0L2.85 3.9c-.3-.3-.3-.75 0-1.05zm1.35 4.5L5.25 8.4c-1.1 1.05-2.1 2.3-3.05 3.6 2.55 3.5 5.3 6.5 9.8 6.5 1.05 0 2-.15 2.85-.45L16 19.2c-1.2.5-2.5.8-4 .8-5.8 0-9.15-4.55-11.35-7.55L.3 12l.35-.45c.95-1.3 2.1-2.85 3.55-4.2zM12 4c5.8 0 9.15 4.55 11.35 7.55l.35.45-.35.45c-.95 1.3-2.1 2.85-3.55 4.2l-1.05-1.05c1.1-1.05 2.1-2.3 3.05-3.6-2.55-3.5-5.3-6.5-9.8-6.5-1.05 0-2 .15-2.85.45L8 4.8c1.2-.5 2.5-.8 4-.8zm-4.35 6.85l5.5 5.5c-.35.1-.75.15-1.15.15-2.5 0-4.5-2-4.5-4.5 0-.4.05-.8.15-1.15zM12 7.5c2.5 0 4.5 2 4.5 4.5 0 .4-.05.8-.15 1.15l-5.5-5.5c.35-.1.75-.15 1.15-.15z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.85 2.85a.722.722 0 01.965-.074l.085.074L21.15 20.1c.3.3.3.75 0 1.05a.722.722 0 01-.965.074l-.085-.074L2.85 3.9c-.3-.3-.3-.75 0-1.05zm1.35 4.5L5.25 8.4c-1.1 1.05-2.1 2.3-3.05 3.6l.578.778.39.506.397.494C5.766 16.458 8.287 18.5 12 18.5c.919 0 1.76-.115 2.527-.345l.323-.105L16 19.2c-1.2.5-2.5.8-4 .8-4.108 0-6.987-2.283-9.1-4.68l-.364-.425-.35-.423-.334-.421-.476-.62-.726-.981L.3 12l.35-.45.595-.806C1.969 9.776 2.8 8.73 3.774 7.76L4.2 7.35zM12 4c4.108 0 6.987 2.283 9.1 4.68l.364.425.35.423.334.421.476.62.726.981.35.45-.35.45-.595.806c-.724.968-1.555 2.014-2.529 2.983l-.426.411-1.05-1.05c1.1-1.05 2.1-2.3 3.05-3.6l-.578-.778-.39-.506-.397-.494C18.234 7.542 15.713 5.5 12 5.5c-.919 0-1.76.115-2.527.345l-.323.105L8 4.8c1.2-.5 2.5-.8 4-.8zm-4.35 6.85l5.5 5.5c-.35.1-.75.15-1.15.15-2.5 0-4.5-2-4.5-4.5 0-.32.032-.64.096-.934l.054-.216zM12 7.5c2.5 0 4.5 2 4.5 4.5 0 .32-.032.64-.096.934l-.054.216-5.5-5.5c.35-.1.75-.15 1.15-.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/hide-password/selected.svg b/packages/components/src/telekom/icons/action/hide-password/selected.svg
index 44d0f37067..00135ff1a3 100644
--- a/packages/components/src/telekom/icons/action/hide-password/selected.svg
+++ b/packages/components/src/telekom/icons/action/hide-password/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M1.988 1.988A.75.75 0 013.03 1.97l17.25 17.25a.745.745 0 010 1.06.75.75 0 01-1.06 0L1.97 3.03a.75.75 0 01.018-1.042zM4.705 7.89l2.95 2.95A4.67 4.67 0 007.5 12a4.5 4.5 0 004.5 4.5 4.67 4.67 0 001.16-.155l2.285 2.28c-1.1.419-2.268.63-3.445.625-5.25 0-8.25-3.875-10.75-7.25a30.11 30.11 0 013.455-4.11zM12 4.75c5.25 0 8.25 3.875 10.75 7.25a30.11 30.11 0 01-3.455 4.11l-2.95-2.95c.1-.379.152-.768.155-1.16A4.5 4.5 0 0012 7.5a4.67 4.67 0 00-1.16.155l-2.285-2.28A9.562 9.562 0 0112 4.75zm-3 7.44l2.8 2.8a3 3 0 01-2.8-2.8zm3.2-3.18a3 3 0 012.8 2.8z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.815 2.776l.085.074L21.15 20.1c.3.3.3.75 0 1.05a.722.722 0 01-.965.074l-.085-.074L2.85 3.9c-.3-.3-.3-.75 0-1.05a.722.722 0 01.965-.074zM4.2 7.35L5.25 8.4l-.018.017 2.423 2.423A4.67 4.67 0 007.5 12a4.5 4.5 0 004.5 4.5 4.67 4.67 0 00.874-.089l.286-.066 2.285 2.28-.015.005.57.57c-1.2.5-2.5.8-4 .8-4.108 0-6.987-2.283-9.1-4.68l-.364-.425-.35-.423-.334-.421-.476-.62-.726-.981L.3 12l.35-.45.595-.806C1.969 9.776 2.8 8.73 3.774 7.76L4.2 7.35zM12 4c4.108 0 6.987 2.283 9.1 4.68l.364.425.35.423.334.421.476.62.726.981.35.45-.35.45-.595.806c-.724.968-1.555 2.014-2.529 2.983l-.426.411-1.05-1.05.018-.017-2.423-2.423c.1-.379.152-.768.155-1.16A4.5 4.5 0 0012 7.5a4.67 4.67 0 00-.874.089l-.286.066-2.285-2.28.015-.005L8 4.8c1.2-.5 2.5-.8 4-.8zm-3 8.19l2.8 2.8a3 3 0 01-2.783-2.621L9 12.19zm3.2-3.18a3 3 0 012.783 2.621l.017.179-2.8-2.8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/import/default.svg b/packages/components/src/telekom/icons/action/import/default.svg
new file mode 100644
index 0000000000..04f3b118e8
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/import/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 7v1.5h-4V20c0 .778.596 1.42 1.356 1.493L6 21.5h12c.778 0 1.42-.596 1.493-1.356L19.5 20V8.5h-4V7H21v13a3 3 0 01-2.824 2.995L18 23H6a3 3 0 01-2.995-2.824L3 20V7h5.5zM12 2a.75.75 0 01.743.648l.007.102v8.75h3.832L12 18.5l-4.582-7h3.832V2.75A.75.75 0 0112 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/import/selected.svg b/packages/components/src/telekom/icons/action/import/selected.svg
new file mode 100644
index 0000000000..a51a2dc0b6
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/import/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 7v13a3 3 0 01-2.824 2.995L18 23H6a3 3 0 01-2.995-2.824L3 20V7h7.25v3.5H5.568L12 20.326l6.432-9.826h-4.683L13.746 7H21zm-9-5a.75.75 0 01.743.648l.007.102v8.75h3.832L12 18.5l-4.582-7h3.832V2.75A.75.75 0 0112 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/indeterminate/default.svg b/packages/components/src/telekom/icons/action/indeterminate/default.svg
deleted file mode 100644
index 25cd4cfdf6..0000000000
--- a/packages/components/src/telekom/icons/action/indeterminate/default.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-  <rect xmlns="http://www.w3.org/2000/svg" width="16" height="2" rx=".75" fill-rule="evenodd"
-    transform="" x="4" y="11.25" />
-</svg>
diff --git a/packages/components/src/telekom/icons/action/install/default.svg b/packages/components/src/telekom/icons/action/install/default.svg
index d7aea034b4..c23329d8ba 100644
--- a/packages/components/src/telekom/icons/action/install/default.svg
+++ b/packages/components/src/telekom/icons/action/install/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7.755 14l.98 1.5H2V19c0 .825.675 1.5 1.5 1.5h17c.825 0 1.5-.675 1.5-1.5v-3.5h-6.735l.98-1.5H23.5v5c0 1.655-1.345 3-3 3h-17c-1.655 0-3-1.345-3-3v-5h7.255zM19 17v2h-2v-2h2zM12 1c.415 0 .75.335.75.75V11h3.67L12 17.75 7.58 11h3.67V1.75c0-.415.335-.75.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.755 14l.98 1.5H2V19c0 .776.598 1.42 1.356 1.493l.144.007h17c.776 0 1.42-.598 1.493-1.356L22 19v-3.5h-6.735l.98-1.5H23.5v5a3.003 3.003 0 01-2.824 2.995L20.5 22h-17a3.003 3.003 0 01-2.995-2.824L.5 19v-5h7.255zM19 17v2h-2v-2h2zM12 1c.38 0 .694.281.743.648l.007.102V11h3.67L12 17.75 7.58 11h3.67V1.75c0-.415.335-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/install/selected.svg b/packages/components/src/telekom/icons/action/install/selected.svg
index 9f5cedb20d..0e65f873a4 100644
--- a/packages/components/src/telekom/icons/action/install/selected.svg
+++ b/packages/components/src/telekom/icons/action/install/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7.745 14l3 4.57a1.5 1.5 0 002.5 0l3-4.57H23.5v5a3 3 0 01-3 3h-17a3 3 0 01-3-3v-5h7.245zM19 17h-2v2h2v-2zM12 .5c.69 0 1.25.56 1.25 1.25V11h3.17L12 17.75 7.58 11h3.17V1.75c0-.69.56-1.25 1.25-1.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.745 14l3 4.57a1.5 1.5 0 002.411.12l.089-.12 3-4.57H23.5v5a3 3 0 01-2.824 2.995L20.5 22h-17a3 3 0 01-2.995-2.824L.5 19v-5h7.245zM19 17h-2v2h2v-2zM12 .5c.647 0 1.18.492 1.244 1.122l.006.128V11h3.17L12 17.75 7.58 11h3.17V1.75c0-.69.56-1.25 1.25-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/launch/default.svg b/packages/components/src/telekom/icons/action/launch/default.svg
new file mode 100644
index 0000000000..0381e310b2
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/launch/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.96 3.968c2.485-2.485 6.36-3.125 9.88-2.808.317 3.517-.322 7.393-2.808 9.879-.882.882-1.915 1.785-2.953 2.632l-.52.42.241 1.538a5.225 5.225 0 01-1.538 4.585l-.18.166-3.026 2.663a.75.75 0 01-1.17-.235l-.04-.1-1.596-4.977-.886.379-2.475-2.475.38-.886-4.978-1.596a.75.75 0 01-.398-1.123l.064-.086L3.62 8.919a5.224 5.224 0 014.508-1.75l.243.032 1.538.24c.965-1.209 2.022-2.443 3.051-3.473zM4.814 16.571l.044-.019.009.12.03.234.037.218.057.262c.08.331.207.745.409 1.214.469.202.883.329 1.213.408l.263.057.217.038.286.034.068.004-.076.17-.1.19-.09.157-.113.176-.134.189-.158.2c-.733.88-2.14 1.924-4.569 1.57-.395-2.71.949-4.148 1.866-4.797l.183-.124.166-.101.146-.081.246-.12zm10.502-.71l-.111-.715-.75.563-.702.515-.842.605-1.08.752-.399.27-.469.313.962 2.996 2.164-1.905a3.731 3.731 0 001.256-3.17l-.029-.225zm6.117-12.982v-.312l-.488.005-.384.014a15.29 15.29 0 00-.207.012l-.442.035c-1.756.164-4.204.709-5.891 2.396a35.533 35.533 0 00-2.037 2.247l-.5.604-.487.606-.472.602-.672.879-.418.56-.573.782-.779 1.093-.34.491 3.364 3.364.684-.477.657-.468.756-.549.546-.404.572-.43.59-.454.602-.472.303-.243.605-.494.6-.503a33.947 33.947 0 001.949-1.784c1.687-1.688 2.235-4.138 2.399-5.894l.034-.44.02-.405.009-.36zM8.139 8.683A3.731 3.731 0 004.9 9.745l-.155.165-1.905 2.165 2.996.962.689-1.022.769-1.098.791-1.092.451-.608.319-.422-.716-.112zM16.5 6a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/launch/selected.svg b/packages/components/src/telekom/icons/action/launch/selected.svg
new file mode 100644
index 0000000000..2ab66efe3e
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/launch/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.96 3.968c2.485-2.485 6.36-3.125 9.88-2.808.317 3.517-.322 7.393-2.808 9.879-.882.882-1.915 1.785-2.953 2.632l-.52.42.241 1.538a5.225 5.225 0 01-1.538 4.585l-.18.166-3.026 2.663a.75.75 0 01-1.17-.235l-.04-.1-1.596-4.977-.886.379-2.475-2.475.38-.886-4.978-1.596a.75.75 0 01-.398-1.123l.064-.086L3.62 8.919a5.224 5.224 0 014.508-1.75l.243.032 1.538.24c.965-1.209 2.022-2.443 3.051-3.473zM4.814 16.571l.044-.019.009.12.03.234.037.218.057.262c.08.331.207.745.409 1.214.469.202.883.329 1.213.408l.263.057.217.038.286.034.068.004-.076.17-.1.19-.09.157-.113.176-.134.189-.158.2c-.733.88-2.14 1.924-4.569 1.57-.395-2.71.949-4.148 1.866-4.797l.183-.124.166-.101.146-.081.246-.12zm10.502-.71l-.111-.715-.75.563-.702.515-.842.605-1.08.752-.399.27-.469.313.962 2.996 2.164-1.905a3.731 3.731 0 001.256-3.17l-.029-.225zM8.14 8.683A3.731 3.731 0 004.9 9.745l-.155.165-1.905 2.165 2.996.962.689-1.022.769-1.098.791-1.092.451-.608.319-.422-.716-.112zM16.5 6a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/light-dark-mode/default.svg b/packages/components/src/telekom/icons/action/light-dark-mode/default.svg
new file mode 100644
index 0000000000..74aa335772
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/light-dark-mode/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.71 17.48l-1.414 1.413a.75.75 0 101.06 1.061l1.415-1.415a.749.749 0 10-1.061-1.06zm6.54 2.27a.75.75 0 00-.75.75v2a.75.75 0 001.5 0v-2a.75.75 0 00-.75-.75zm.195-3.01c-.065.002-.13.01-.195.01A4.756 4.756 0 016.5 12a4.756 4.756 0 014.75-4.75c.189 0 .374.013.556.035a7.833 7.833 0 011.327-1.246 6.25 6.25 0 10-1.883 12.21c.487 0 .959-.06 1.414-.167a7.815 7.815 0 01-1.22-1.343zM3.5 12a.75.75 0 00-.75-.75h-2a.75.75 0 000 1.5h2A.75.75 0 003.5 12zm7.749-7.75A.75.75 0 0012 3.5v-2a.75.75 0 00-1.5 0v2c0 .413.336.75.75.75zM17.75 6a6.25 6.25 0 100 12.499 6.25 6.25 0 000-12.5zm-13.04.52a.746.746 0 001.06 0 .749.749 0 000-1.06L4.357 4.043a.749.749 0 10-1.06 1.061L4.71 6.52z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/light-dark-mode/selected.svg b/packages/components/src/telekom/icons/action/light-dark-mode/selected.svg
new file mode 100644
index 0000000000..91ff24f2e3
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/light-dark-mode/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 0h23.995v22.496H0z"/></defs><g transform="translate(.005 .75)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M12.671 17.339a6.241 6.241 0 01-1.423.169A6.248 6.248 0 1113.12 5.297a7.732 7.732 0 00-3.122 6.201 7.726 7.726 0 002.673 5.841zm5.075-12.09a6.248 6.248 0 00-6.248 6.249 6.248 6.248 0 1012.497 0 6.249 6.249 0 00-6.249-6.249zM4.708 16.727l-1.414 1.414a.749.749 0 101.061 1.06l1.414-1.414a.749.749 0 10-1.061-1.06zm6.54 2.269a.75.75 0 00-.75.75v2a.75.75 0 001.499 0v-2a.75.75 0 00-.749-.75zm-7.749-7.748a.75.75 0 00-.75-.75H.75a.75.75 0 000 1.5h1.999a.75.75 0 00.75-.75zM11.248 3.5a.75.75 0 00.749-.75v-2a.75.75 0 00-1.499 0v2c0 .414.336.75.75.75zm-6.54 2.269a.748.748 0 001.061 0 .749.749 0 000-1.06L4.355 3.295a.75.75 0 00-1.061 1.06l1.414 1.414z" fill="#000" mask="url(#b)"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/link/default.svg b/packages/components/src/telekom/icons/action/link/default.svg
index eca34498e8..a5ca8ac1d0 100644
--- a/packages/components/src/telekom/icons/action/link/default.svg
+++ b/packages/components/src/telekom/icons/action/link/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M11.94 8.8c.665.255 1.29.645 1.82 1.18a5.245 5.245 0 010 7.425l-3.535 3.535a5.215 5.215 0 01-3.71 1.535c-1.34 0-2.685-.51-3.71-1.535a5.26 5.26 0 010-7.425L6.34 9.98c.27-.275.565-.505.875-.705-.015.175-.025.35-.025.525 0 .45.045.89.13 1.32l-3.455 3.455a3.76 3.76 0 000 5.305 3.76 3.76 0 005.305 0l3.535-3.535a3.755 3.755 0 000-5.305 3.857 3.857 0 00-.935-.68c-.05-.18-.08-.365-.08-.555 0-.355.095-.695.25-1.005zm1.825-6.24a5.26 5.26 0 017.425 0 5.242 5.242 0 01-.01 7.425l-3.535 3.535c-.27.275-.565.505-.875.705.05-.62.01-1.235-.11-1.835l3.465-3.465a3.76 3.76 0 000-5.305 3.736 3.736 0 00-2.65-1.095c-.96 0-1.92.365-2.65 1.095L11.29 7.155c-.71.705-1.1 1.65-1.1 2.65s.39 1.94 1.1 2.65c.28.28.595.505.93.68.065.25.1.505.075.77-.02.22-.085.5-.23.795a5.188 5.188 0 01-1.835-1.185 5.2 5.2 0 01-1.54-3.71c0-1.4.55-2.72 1.54-3.71z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.94 8.8c.665.255 1.29.645 1.82 1.18a5.245 5.245 0 01.18 7.235l-.18.19-3.535 3.535a5.215 5.215 0 01-3.71 1.535c-1.34 0-2.685-.51-3.71-1.535a5.26 5.26 0 01-.17-7.247l.17-.178L6.34 9.98c.27-.275.565-.505.875-.705a6.149 6.149 0 00.049 1.52l.056.325-3.455 3.455a3.76 3.76 0 000 5.305 3.76 3.76 0 005.15.146l.155-.146 3.535-3.535a3.755 3.755 0 000-5.305 3.857 3.857 0 00-.935-.68c-.05-.18-.08-.365-.08-.555 0-.355.095-.695.25-1.005zm1.825-6.24a5.26 5.26 0 017.425 0 5.242 5.242 0 01.162 7.246l-.172.179-3.535 3.535c-.27.275-.565.505-.875.705.04-.496.022-.989-.048-1.473l-.062-.362 3.465-3.465a3.76 3.76 0 000-5.305 3.736 3.736 0 00-2.65-1.095c-.886 0-1.772.311-2.478.933l-.172.162-3.535 3.535c-.71.705-1.1 1.65-1.1 2.65s.39 1.94 1.1 2.65c.28.28.595.505.93.68.065.25.1.505.075.77-.02.22-.085.5-.23.795a5.188 5.188 0 01-1.835-1.185 5.2 5.2 0 01-1.54-3.71c0-1.313.483-2.555 1.36-3.52l.18-.19 3.535-3.535z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/link/selected.svg b/packages/components/src/telekom/icons/action/link/selected.svg
index 8fe3e6705a..b8010c5f66 100644
--- a/packages/components/src/telekom/icons/action/link/selected.svg
+++ b/packages/components/src/telekom/icons/action/link/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.225 8.37a5.75 5.75 0 011.895 9.39l-3.711 3.711a5.75 5.75 0 01-7.954-8.306L5.99 9.65a5.71 5.71 0 011.31-1 6.845 6.845 0 00-.105 1.155c0 .638.092 1.273.27 1.885L4.22 14.93a3.255 3.255 0 004.6 4.6l3.535-3.535a3.26 3.26 0 000-4.6l-.124-.133a2.23 2.23 0 01-.006-2.892zm1.19-6.165a5.75 5.75 0 018.13 0 5.75 5.75 0 010 8.075l-3.535 3.535a5.66 5.66 0 01-1.305 1c.03-.15.07-.325.07-.5a6.72 6.72 0 00-.245-2.5l3.25-3.245a3.255 3.255 0 10-4.6-4.6l-3.535 3.535a3.26 3.26 0 000 4.6l.124.134a2.25 2.25 0 01.016 2.896A5.64 5.64 0 019.88 13.87a5.745 5.745 0 010-8.13z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.225 8.37a5.75 5.75 0 012.068 9.21l-.173.18-3.711 3.711a5.75 5.75 0 01-8.13-8.13L5.99 9.65a5.71 5.71 0 011.31-1 6.845 6.845 0 00-.105 1.155c0 .532.064 1.06.188 1.577l.082.308-3.245 3.24a3.255 3.255 0 004.449 4.732l.151-.132 3.535-3.535a3.26 3.26 0 00.135-4.456l-.259-.277a2.23 2.23 0 01-.118-2.748l.112-.144zm1.19-6.165a5.75 5.75 0 018.13 0 5.75 5.75 0 01.174 7.89l-.174.185-3.535 3.535a5.66 5.66 0 01-1.305 1c.02-.1.044-.211.059-.326l.011-.174a6.72 6.72 0 00-.163-2.194l-.082-.306 3.25-3.245a3.255 3.255 0 10-4.453-4.749l-3.682 3.684a3.26 3.26 0 00-.135 4.456l.259.278a2.25 2.25 0 01.016 2.896A5.64 5.64 0 019.88 13.87a5.745 5.745 0 01-.197-7.924l.197-.206 3.535-3.535z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/logout/default.svg b/packages/components/src/telekom/icons/action/logout/default.svg
index f0a10a80d2..e45f6a9c59 100644
--- a/packages/components/src/telekom/icons/action/logout/default.svg
+++ b/packages/components/src/telekom/icons/action/logout/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M14 2v5h-1.5V3.5H5.75c-1.25 0-2.25 1-2.25 2.25v12C3.5 19 4.5 20 5.75 20h6.75v-3.5H14v5H5.75C3.7 21.5 2 19.8 2 17.75v-12C2 3.7 3.7 2 5.75 2H14zm2.5 5.35l6.75 4.4-6.75 4.4V12.5H7.25c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h9.25V7.35z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14 2v5h-1.5V3.5H5.75a2.24 2.24 0 00-2.245 2.095L3.5 5.75v12a2.24 2.24 0 002.095 2.245L5.75 20h6.75v-3.5H14v5H5.75c-1.984 0-3.64-1.592-3.745-3.553L2 17.75v-12c0-1.984 1.592-3.64 3.553-3.745L5.75 2H14zm2.5 5.35l6.75 4.4-6.75 4.4V12.5H7.25c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L7.25 11h9.25V7.35z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/logout/selected.svg b/packages/components/src/telekom/icons/action/logout/selected.svg
index f31db0cbed..13191041f3 100644
--- a/packages/components/src/telekom/icons/action/logout/selected.svg
+++ b/packages/components/src/telekom/icons/action/logout/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.25 2.75v7.5h-6a1.5 1.5 0 0 0 0 3h6v7.5h-7.5a3 3 0 0 1 -3-3v-12a3 3 0 0 1 3-3zm3.25 4.58 6.75 4.42-6.75 4.42v-3.67h-9.25a.75.75 0 1 1 0-1.5h9.25z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.25 2.75v7.5h-6a1.5 1.5 0 00-.144 2.993l.144.007h6v7.5h-7.5a3 3 0 01-2.995-2.824l-.005-.176v-12a3 3 0 012.824-2.995l.176-.005h7.5zm3.25 4.58l6.75 4.42-6.75 4.42V12.5H7.25a.75.75 0 01-.102-1.493L7.25 11h9.25V7.33z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/loop/default.svg b/packages/components/src/telekom/icons/action/loop/default.svg
index 609f56755a..e6b0fa7169 100644
--- a/packages/components/src/telekom/icons/action/loop/default.svg
+++ b/packages/components/src/telekom/icons/action/loop/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.945 7.3a.747.747 0 011.015.165 7.442 7.442 0 011.51 5.215c-.35 3.9-3.755 6.82-7.67 6.82h-5.3v2.85L5 18.75l5.5-3.6V18h5.32c3.295 0 6.175-2.695 6.18-5.99 0-1.36-.45-2.62-1.215-3.625-.265-.35-.2-.84.16-1.085zM13.5 1.65l5.5 3.6-5.5 3.6V6H8.18C4.885 6 2.005 8.695 2 11.99c0 1.36.45 2.62 1.215 3.625.265.35.2.84-.16 1.085a.747.747 0 01-1.015-.165A7.45 7.45 0 01.53 11.32C.88 7.42 4.285 4.5 8.2 4.5h5.3V1.65z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.945 7.3a.747.747 0 011.015.165 7.442 7.442 0 011.51 5.215c-.343 3.817-3.611 6.695-7.42 6.816l-.25.004h-5.3v2.85L5 18.75l5.5-3.6V18h5.32c3.295 0 6.175-2.695 6.18-5.99 0-1.36-.45-2.62-1.215-3.625-.265-.35-.2-.84.16-1.085zM13.5 1.65l5.5 3.6-5.5 3.6V6H8.18C4.885 6 2.005 8.695 2 11.99c0 1.36.45 2.62 1.215 3.625.265.35.2.84-.16 1.085a.747.747 0 01-1.015-.165A7.45 7.45 0 01.53 11.32c.343-3.817 3.611-6.695 7.42-6.816L8.2 4.5h5.3V1.65z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/loop/selected.svg b/packages/components/src/telekom/icons/action/loop/selected.svg
index e0efdfcc3f..a8474cd3df 100644
--- a/packages/components/src/telekom/icons/action/loop/selected.svg
+++ b/packages/components/src/telekom/icons/action/loop/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8.013 6.612h5.211v2.302l5.388-3.526-5.388-3.527v2.302H8.033A7.998 7.998 0 00.029 11.29a7.807 7.807 0 001.582 5.451 1.22 1.22 0 001.66.28c.269-.188.446-.48.49-.804a1.234 1.234 0 00-.24-.98A5.358 5.358 0 012.45 12a5.554 5.554 0 015.564-5.388zM21.9 7.26a1.224 1.224 0 00-1.656-.27 1.176 1.176 0 00-.49.804 1.24 1.24 0 00.24.98A5.358 5.358 0 0121.061 12a5.554 5.554 0 01-5.564 5.388h-5.211v-2.302l-5.388 3.526 5.388 3.527v-2.302h5.192a7.998 7.998 0 008.003-7.127 7.807 7.807 0 00-1.582-5.451z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.265 6.612h5.211v2.302l5.388-3.526-5.388-3.527v2.302H8.285A7.998 7.998 0 00.28 11.29a7.807 7.807 0 001.582 5.451 1.22 1.22 0 001.66.28c.269-.188.446-.48.49-.804a1.234 1.234 0 00-.24-.98A5.358 5.358 0 012.702 12a5.554 5.554 0 015.564-5.388zm13.886.647a1.224 1.224 0 00-1.656-.27 1.176 1.176 0 00-.49.804c-.063.345.025.702.24.98A5.358 5.358 0 0121.313 12a5.554 5.554 0 01-5.564 5.388h-5.211v-2.302L5.15 18.612l5.388 3.527v-2.302h5.191a7.998 7.998 0 008.004-7.127A7.807 7.807 0 0022.15 7.26z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/menu/default.svg b/packages/components/src/telekom/icons/action/menu/default.svg
index 1be92c62f6..f50790831e 100644
--- a/packages/components/src/telekom/icons/action/menu/default.svg
+++ b/packages/components/src/telekom/icons/action/menu/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.75 16.5c.4 0 .75.35.75.75s-.35.75-.75.75h-10.5c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm5-5.5c.4 0 .75.35.75.75s-.35.75-.75.75h-15.5c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm0-5.5c.4 0 .75.35.75.75s-.35.75-.75.75h-15.5c-.4 0-.75-.35-.75-.75s.35-.75.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 16.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L14.75 18H4.25c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h10.5zm5-5.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007H4.25c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L4.25 11h15.5zm0-5.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L19.75 7H4.25c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L4.25 5.5h15.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/menu/selected.svg b/packages/components/src/telekom/icons/action/menu/selected.svg
index af72a167cd..064ef3dc54 100644
--- a/packages/components/src/telekom/icons/action/menu/selected.svg
+++ b/packages/components/src/telekom/icons/action/menu/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M14.335 16.055a1.25 1.25 0 010 2.5H4.75a1.25 1.25 0 110-2.5zM19.25 10.5a1.25 1.25 0 110 2.5H4.75a1.25 1.25 0 010-2.5zm0-5.5a1.25 1.25 0 110 2.5H4.75a1.25 1.25 0 110-2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.335 16.055a1.25 1.25 0 01.128 2.494l-.128.006H4.75a1.25 1.25 0 01-.128-2.494l.128-.006h9.585zM19.25 10.5a1.25 1.25 0 01.128 2.494L19.25 13H4.75a1.25 1.25 0 01-.128-2.494l.128-.006h14.5zm0-5.5a1.25 1.25 0 01.128 2.494l-.128.006H4.75a1.25 1.25 0 01-.128-2.494L4.75 5h14.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/microphone/default.svg b/packages/components/src/telekom/icons/action/microphone/default.svg
index 13bc0ae129..56dc092eda 100644
--- a/packages/components/src/telekom/icons/action/microphone/default.svg
+++ b/packages/components/src/telekom/icons/action/microphone/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.75 9.5c.4 0 .75.35.75.75V12c0 3.9-2.95 7.1-6.75 7.45v4.05h-1.5v-4.05C7.45 19.1 4.5 15.9 4.5 12v-1.75c0-.4.35-.75.75-.75s.75.35.75.75V12c0 3.3 2.7 6 6 6s6-2.7 6-6v-1.75c0-.4.35-.75.75-.75zM12 .5c2.5 0 4.5 2 4.5 4.5v7c0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5V5c0-2.5 2-4.5 4.5-4.5zM12 2c-1.65 0-3 1.35-3 3v7c0 1.65 1.35 3 3 3s3-1.35 3-3V5c0-1.65-1.35-3-3-3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 9.5c.367 0 .691.294.743.651l.007.099V12c0 3.817-2.826 6.964-6.509 7.424l-.241.026v4.05h-1.5v-4.05c-3.72-.343-6.624-3.415-6.746-7.202L4.5 12v-1.75c0-.4.35-.75.75-.75.367 0 .691.294.743.651L6 10.25V12c0 3.3 2.7 6 6 6 3.225 0 5.877-2.579 5.996-5.776L18 12v-1.75c0-.4.35-.75.75-.75zM12 .5a4.48 4.48 0 014.495 4.287L16.5 5v7c0 2.5-2 4.5-4.5 4.5a4.48 4.48 0 01-4.495-4.287L7.5 12V5c0-2.5 2-4.5 4.5-4.5zM12 2a3.01 3.01 0 00-2.995 2.824L9 5v7c0 1.65 1.35 3 3 3a3.01 3.01 0 002.995-2.824L15 12V5c0-1.65-1.35-3-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/microphone/selected.svg b/packages/components/src/telekom/icons/action/microphone/selected.svg
index c0fad05fd7..42c689e63a 100644
--- a/packages/components/src/telekom/icons/action/microphone/selected.svg
+++ b/packages/components/src/telekom/icons/action/microphone/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.75 9.5a.75.75 0 01.75.75V12a7.5 7.5 0 01-6.75 7.46v4.04h-1.5v-4.04A7.5 7.5 0 014.5 12v-1.75a.75.75 0 111.5 0V12a6 6 0 0012 0v-1.75a.75.75 0 01.75-.75zM12 .5l.212.005A4.5 4.5 0 0116.5 5v7a4.5 4.5 0 01-4.5 4.5l-.212-.005A4.5 4.5 0 017.5 12V5A4.5 4.5 0 0112 .5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 9.5a.75.75 0 01.743.648l.007.102V12a7.5 7.5 0 01-6.501 7.43l-.249.03v4.04h-1.5v-4.04a7.5 7.5 0 01-6.746-7.21L4.5 12v-1.75a.75.75 0 011.493-.102L6 10.25V12a6 6 0 0011.996.225L18 12v-1.75a.75.75 0 01.75-.75zM12 .5l.212.005a4.5 4.5 0 014.283 4.277L16.5 5v7a4.5 4.5 0 01-4.288 4.495L12 16.5l-.212-.005a4.5 4.5 0 01-4.283-4.277L7.5 12V5A4.5 4.5 0 0111.788.505L12 .5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/minimize-screen/default.svg b/packages/components/src/telekom/icons/action/minimize-screen/default.svg
index bb8f065f01..0473ab6767 100644
--- a/packages/components/src/telekom/icons/action/minimize-screen/default.svg
+++ b/packages/components/src/telekom/icons/action/minimize-screen/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.245 12.755-1.76 8.43-2.805-2.805-4.155 4.155a.754.754 0 0 1 -.53.22.754.754 0 0 1 -.53-.22.745.745 0 0 1 0-1.06l4.155-4.155-2.805-2.805zm10.23-11.29a.745.745 0 0 1 1.06 0 .745.745 0 0 1 0 1.06l-4.155 4.155 2.805 2.805-8.43 1.76 1.76-8.43 2.805 2.805z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.245 12.755l-1.76 8.43L6.68 18.38l-4.155 4.155a.754.754 0 01-.53.22.754.754 0 01-.53-.22.744.744 0 01-.073-.975l.073-.085L5.62 17.32l-2.805-2.805 8.43-1.76zm10.23-11.29a.745.745 0 011.06 0c.268.264.293.68.073.975l-.073.085L18.38 6.68l2.805 2.805-8.43 1.76 1.76-8.43L17.32 5.62l4.155-4.155z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/minimize-screen/selected.svg b/packages/components/src/telekom/icons/action/minimize-screen/selected.svg
index e916f05c9e..c6f988cb0c 100644
--- a/packages/components/src/telekom/icons/action/minimize-screen/selected.svg
+++ b/packages/components/src/telekom/icons/action/minimize-screen/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.245 12.755-1.76 8.43-2.45-2.45-4.155 4.155a1.252 1.252 0 1 1 -1.77-1.77l4.155-4.155-2.45-2.465zm10.76-12.012c.332 0 .65.132.885.367a1.25 1.25 0 0 1 0 1.785l-4.155 4.155 2.45 2.45-8.43 1.745 1.745-8.43 2.465 2.45 4.155-4.155a1.25 1.25 0 0 1 .885-.367z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.245 12.755l-1.76 8.43-2.45-2.45L2.88 22.89a1.252 1.252 0 01-1.868-1.66l.098-.11 4.155-4.155-2.45-2.465 8.43-1.745zM22.005.743c.332 0 .65.132.885.367a1.25 1.25 0 01.096 1.68l-.096.105-4.155 4.155 2.45 2.45-8.43 1.745 1.745-8.43 2.465 2.45L21.12 1.11a1.25 1.25 0 01.885-.367z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/minus-circle/default.svg b/packages/components/src/telekom/icons/action/minus-circle/default.svg
new file mode 100644
index 0000000000..2856994811
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/minus-circle/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 1.5c-5.239 0-9.5 4.261-9.5 9.5 0 5.238 4.261 9.5 9.5 9.5 5.238 0 9.5-4.262 9.5-9.5 0-5.239-4.262-9.5-9.5-9.5zm5 8.75a.75.75 0 01.102 1.493L17 12.75H7a.75.75 0 01-.102-1.493L7 11.25h10z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/minus-circle/selected.svg b/packages/components/src/telekom/icons/action/minus-circle/selected.svg
new file mode 100644
index 0000000000..5827e91bf1
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/minus-circle/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5 11.75H7a.75.75 0 110-1.5h10a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/minus/default.svg b/packages/components/src/telekom/icons/action/minus/default.svg
new file mode 100644
index 0000000000..aed379ed32
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/minus/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 12.75h-15a.75.75 0 110-1.5h15a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/minus/selected.svg b/packages/components/src/telekom/icons/action/minus/selected.svg
new file mode 100644
index 0000000000..b6474a9abc
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/minus/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 10.75h-15a1.25 1.25 0 000 2.5h15a1.25 1.25 0 100-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/more/default.svg b/packages/components/src/telekom/icons/action/more/default.svg
index b6eb3f3ea6..a7915a80fa 100644
--- a/packages/components/src/telekom/icons/action/more/default.svg
+++ b/packages/components/src/telekom/icons/action/more/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 10.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm7 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-14 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm7 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-14 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/more/selected.svg b/packages/components/src/telekom/icons/action/more/selected.svg
index 98d5838769..9e4e6bfe9a 100644
--- a/packages/components/src/telekom/icons/action/more/selected.svg
+++ b/packages/components/src/telekom/icons/action/more/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 9.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm7 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm-14 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm7 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm-14 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/move/default.svg b/packages/components/src/telekom/icons/action/move/default.svg
index 6901b52873..53214d81de 100644
--- a/packages/components/src/telekom/icons/action/move/default.svg
+++ b/packages/components/src/telekom/icons/action/move/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.5 12L18 8.4v2.85h-5.25V6h2.85L12 .5 8.4 6h2.85v5.25H6V8.4L.5 12 6 15.6v-2.85h5.25V18H8.4l3.6 5.5 3.6-5.5h-2.85v-5.25H18v2.85z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M23.5 12L18 8.4v2.85h-5.25V6h2.85L12 .5 8.4 6h2.85v5.25H6V8.4L.5 12 6 15.6v-2.85h5.25V18H8.4l3.6 5.5 3.6-5.5h-2.85v-5.25H18v2.85z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/move/selected.svg b/packages/components/src/telekom/icons/action/move/selected.svg
index 0bf34c6760..f6380ac6b6 100644
--- a/packages/components/src/telekom/icons/action/move/selected.svg
+++ b/packages/components/src/telekom/icons/action/move/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.5 12L18 8.4v2.35h-4.75V6h2.35L12 .5 8.4 6h2.35v4.75H6V8.4L.5 12 6 15.6v-2.35h4.75V18H8.4l3.6 5.5 3.6-5.5h-2.35v-4.75H18v2.35z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M23.5 12L18 8.4v2.35h-4.75V6h2.35L12 .5 8.4 6h2.35v4.75H6V8.4L.5 12 6 15.6v-2.35h4.75V18H8.4l3.6 5.5 3.6-5.5h-2.35v-4.75H18v2.35z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/mute/default.svg b/packages/components/src/telekom/icons/action/mute/default.svg
index 7d31c30d98..d6b399d743 100644
--- a/packages/components/src/telekom/icons/action/mute/default.svg
+++ b/packages/components/src/telekom/icons/action/mute/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M4.23 3.57a.745.745 0 011.06 0l15.74 15.74a.745.745 0 010 1.06.754.754 0 01-.53.22.754.754 0 01-.53-.22L4.23 4.63a.75.75 0 010-1.06zm1.64 4.82l1.06 1.06c-.265.27-.43.64-.43 1.05v3c0 .825.675 1.5 1.5 1.5h2.07l4.43 3.94v-1.92l1.5 1.5v1.98h-2l-4.5-4H8c-1.655 0-3-1.345-3-3v-3c0-.825.33-1.57.87-2.11zM16 3.5v8.655l-1.5-1.5V5.06l-2.96 2.635-1.065-1.06L14 3.5h2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.23 3.57a.744.744 0 01.975-.073l.085.073 15.74 15.74a.745.745 0 010 1.06.754.754 0 01-.53.22.755.755 0 01-.437-.141l-.093-.079L4.23 4.63a.75.75 0 010-1.06zm1.64 4.82l1.06 1.06c-.232.236-.387.55-.422.898L6.5 10.5v3c0 .776.598 1.42 1.356 1.493L8 15h2.07l4.43 3.94v-1.92l1.5 1.5v1.98h-2l-4.5-4H8a3.003 3.003 0 01-2.995-2.824L5 13.5v-3c0-.756.277-1.445.74-1.97l.13-.14zM16 3.5v8.655l-1.5-1.5V5.06l-2.96 2.635-1.065-1.06L14 3.5h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/mute/selected.svg b/packages/components/src/telekom/icons/action/mute/selected.svg
index 3c5492b20a..5339c08bb7 100644
--- a/packages/components/src/telekom/icons/action/mute/selected.svg
+++ b/packages/components/src/telekom/icons/action/mute/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M4.76 3.349c.2 0 .39.08.53.221l15.74 15.74a.745.745 0 010 1.06.75.75 0 01-1.06 0L4.23 4.63a.755.755 0 010-1.06.745.745 0 01.53-.221zM5.87 8.39L16 18.5v2h-2l-4.5-4H8a3 3 0 01-3-3v-3a2.97 2.97 0 01.87-2.11zM16 3.5v8.655l-5.525-5.52L14 3.5h2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.76 3.349c.2 0 .39.08.53.221l15.74 15.74a.745.745 0 010 1.06.75.75 0 01-1.06 0L4.23 4.63a.755.755 0 010-1.06.745.745 0 01.53-.221zM5.87 8.39L16 18.5v2h-2l-4.5-4H8a3 3 0 01-3-3v-3a2.97 2.97 0 01.87-2.11zM16 3.5v8.655l-5.525-5.52L14 3.5h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/notification/default.svg b/packages/components/src/telekom/icons/action/notification/default.svg
index a54751d902..82d71fc444 100644
--- a/packages/components/src/telekom/icons/action/notification/default.svg
+++ b/packages/components/src/telekom/icons/action/notification/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22 16.95c-2.35-2.35-2.7-4.65-2.8-5.8l-.2-1.75c-.25-3.15-2.55-5.6-5.5-6.25v-.15c0-.85-.65-1.5-1.5-1.5s-1.5.65-1.5 1.5v.15c-2.95.65-5.25 3.1-5.5 6.25l-.15 1.75c-.15 1.1-.5 3.4-2.85 5.8v3.55h7.05c.25 1.4 1.45 2.5 2.95 2.5s2.7-1.1 2.95-2.5h7.05zm-1.5 2.05h-17v-1.45c1.6-1.7 2.6-3.9 2.8-6.25l.15-1.75c.3-2.9 2.65-5.05 5.55-5.05s5.25 2.15 5.5 5.05l.15 1.75c.2 2.35 1.2 4.55 2.8 6.25v1.45z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 16.95c-2.35-2.35-2.7-4.65-2.8-5.8L19 9.4c-.25-3.15-2.55-5.6-5.5-6.25V3c0-.85-.65-1.5-1.5-1.5s-1.5.65-1.5 1.5v.15C7.55 3.8 5.25 6.25 5 9.4l-.15 1.75c-.15 1.1-.5 3.4-2.85 5.8v3.55h7.05C9.3 21.9 10.5 23 12 23c1.5 0 2.7-1.1 2.95-2.5H22v-3.55zM20.5 19h-17v-1.45c1.6-1.7 2.6-3.9 2.8-6.25l.15-1.75C6.75 6.65 9.1 4.5 12 4.5s5.25 2.15 5.5 5.05l.15 1.75c.2 2.35 1.2 4.55 2.8 6.25V19h.05z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/notification/selected.svg b/packages/components/src/telekom/icons/action/notification/selected.svg
index 10b6b2aadf..e318c61522 100644
--- a/packages/components/src/telekom/icons/action/notification/selected.svg
+++ b/packages/components/src/telekom/icons/action/notification/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.25 17.25a9.755 9.755 0 01-2.82-6l-.16-1.75a6.3 6.3 0 00-5.05-5.63 1.5 1.5 0 10-2.44 0A6.3 6.3 0 005.73 9.5l-.16 1.755a9.755 9.755 0 01-2.82 6v2.5h5.5a2.095 2.095 0 000 .25 3.75 3.75 0 007.5 0 2.095 2.095 0 000-.25h5.5V17.25zm-7 2.75a2.25 2.25 0 11-4.5 0c.003-.084.012-.167.025-.25h4.45c.013.083.022.166.025.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 16.95c-2.35-2.35-2.7-4.65-2.8-5.8L19 9.4c-.25-3.15-2.55-5.6-5.5-6.25V3c0-.85-.65-1.5-1.5-1.5s-1.5.65-1.5 1.5v.15C7.55 3.8 5.25 6.25 5 9.4l-.15 1.75c-.15 1.1-.5 3.4-2.85 5.8v3.55h7.05C9.3 21.9 10.5 23 12 23c1.5 0 2.7-1.1 2.95-2.5H22v-3.55z" fill="#000" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pause/default.svg b/packages/components/src/telekom/icons/action/pause/default.svg
index 5de0fbeb43..0467bdbcee 100644
--- a/packages/components/src/telekom/icons/action/pause/default.svg
+++ b/packages/components/src/telekom/icons/action/pause/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm0 1.5c-5.24 0-9.5 4.26-9.5 9.5s4.26 9.5 9.5 9.5 9.5-4.26 9.5-9.5-4.26-9.5-9.5-9.5zm-1 5.5v8h-2v-8zm4 0v8h-2v-8z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 1.5c-5.24 0-9.5 4.26-9.5 9.5s4.26 9.5 9.5 9.5 9.5-4.26 9.5-9.5-4.26-9.5-9.5-9.5zM11 8v8H9V8h2zm4 0v8h-2V8h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pause/selected.svg b/packages/components/src/telekom/icons/action/pause/selected.svg
index 3b7e45de64..815f1d815c 100644
--- a/packages/components/src/telekom/icons/action/pause/selected.svg
+++ b/packages/components/src/telekom/icons/action/pause/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11a11 11 0 0 0 -11-11zm-1 15h-2v-8h2zm4 0h-2v-8h2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm-1 15H9V8h2v8zm4 0h-2V8h2v8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pause_nb/default.svg b/packages/components/src/telekom/icons/action/pause_nb/default.svg
new file mode 100644
index 0000000000..d8b90f71ee
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/pause_nb/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 5v14H6V5h5zm7 0v14h-5V5h5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pause_nb/selected.svg b/packages/components/src/telekom/icons/action/pause_nb/selected.svg
new file mode 100644
index 0000000000..d8b90f71ee
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/pause_nb/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 5v14H6V5h5zm7 0v14h-5V5h5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pin/default.svg b/packages/components/src/telekom/icons/action/pin/default.svg
index 89abd06ed8..36de6d3c14 100644
--- a/packages/components/src/telekom/icons/action/pin/default.svg
+++ b/packages/components/src/telekom/icons/action/pin/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.08 7.35l-5.305-5.305a2.242 2.242 0 00-3.18 0c-.88.88-.88 2.305 0 3.18l.175.175-4.205 4.205a6.988 6.988 0 00-1.815-.24c-1.79 0-3.575.68-4.94 2.045l-.355.355 4.42 4.42L1.04 22.02a.745.745 0 000 1.06c.145.145.34.22.53.22s.385-.075.53-.22l5.835-5.83 4.42 4.42.355-.355a6.984 6.984 0 001.805-6.755l4.205-4.205.175.175a2.242 2.242 0 003.18 0 2.24 2.24 0 00.005-3.18zm-9.235 6.76l.225.835a5.535 5.535 0 01-.775 4.535l-7.65-7.65a5.446 5.446 0 013.11-.96c.485 0 .965.065 1.43.185l.835.225 4.815-4.815 2.83 2.83-4.82 4.815zm8.175-4.64a.752.752 0 01-1.06 0l-5.305-5.305a.754.754 0 010-1.06.752.752 0 011.06 0L21.02 8.41a.752.752 0 010 1.06z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.08 7.35l-5.305-5.305a2.242 2.242 0 00-3.18 0c-.88.88-.88 2.305 0 3.18l.175.175-4.205 4.205a6.988 6.988 0 00-1.815-.24c-1.79 0-3.575.68-4.94 2.045l-.355.355 4.42 4.42L1.04 22.02a.745.745 0 000 1.06c.145.145.34.22.53.22s.385-.075.53-.22l5.835-5.83 4.42 4.42.355-.355a6.984 6.984 0 001.805-6.755l4.205-4.205.175.175a2.242 2.242 0 003.18 0 2.24 2.24 0 00.005-3.18zm-9.235 6.76l.225.835a5.535 5.535 0 01-.775 4.535l-7.65-7.65a5.446 5.446 0 013.11-.96c.485 0 .965.065 1.43.185l.835.225 4.815-4.815 2.83 2.83-4.82 4.815zm8.175-4.64a.752.752 0 01-1.06 0l-5.305-5.305a.754.754 0 010-1.06.752.752 0 011.06 0L21.02 8.41a.752.752 0 010 1.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pin/selected.svg b/packages/components/src/telekom/icons/action/pin/selected.svg
index 9515c17819..6ab6d44a21 100644
--- a/packages/components/src/telekom/icons/action/pin/selected.svg
+++ b/packages/components/src/telekom/icons/action/pin/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13.065 6.11L18 11.06l-3.5 3.5a7 7 0 01-1.79 6.755l-.355.355-4.42-4.42-5.83 5.815A.755.755 0 011.04 22l5.835-5.81-4.42-4.42.355-.355A7 7 0 019.565 9.61l3.5-3.5zm1.536-4.646a2.25 2.25 0 012.174.581L22.08 7.35a2.245 2.245 0 010 3.18l-.146.134a2.25 2.25 0 01-3.039-.134l-5.3-5.3a2.25 2.25 0 011.006-3.766z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.065 6.11L18 11.06l-3.5 3.5a7 7 0 01-1.6 6.555l-.19.2-.355.355-4.42-4.42-5.83 5.815a.755.755 0 01-1.135-.971L1.04 22l5.835-5.81-4.42-4.42.355-.355a7 7 0 016.486-1.871l.269.066 3.5-3.5zm1.536-4.646a2.25 2.25 0 012.048.465l.126.116L22.08 7.35a2.245 2.245 0 01.134 3.034l-.134.146-.146.134a2.25 2.25 0 01-2.893 0l-.146-.134-5.3-5.3a2.25 2.25 0 011.006-3.766z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/play/default.svg b/packages/components/src/telekom/icons/action/play/default.svg
index 13f69e2419..b345fe2be5 100644
--- a/packages/components/src/telekom/icons/action/play/default.svg
+++ b/packages/components/src/telekom/icons/action/play/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm0 1.5c-5.24 0-9.5 4.26-9.5 9.5s4.26 9.5 9.5 9.5 9.5-4.26 9.5-9.5-4.26-9.5-9.5-9.5zm-2.5 5 6.875 4.5-6.875 4.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 1.5c-5.24 0-9.5 4.26-9.5 9.5s4.26 9.5 9.5 9.5 9.5-4.26 9.5-9.5-4.26-9.5-9.5-9.5zm-2.5 5l6.875 4.5L9.5 16.5v-9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/play/selected.svg b/packages/components/src/telekom/icons/action/play/selected.svg
index d4f9aed7a3..fc625a3126 100644
--- a/packages/components/src/telekom/icons/action/play/selected.svg
+++ b/packages/components/src/telekom/icons/action/play/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11a11 11 0 0 0 -11-11zm-2.5 15.5v-9l6.875 4.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zM9.5 16.5v-9l6.875 4.5L9.5 16.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/play_nb/default.svg b/packages/components/src/telekom/icons/action/play_nb/default.svg
new file mode 100644
index 0000000000..772576df86
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/play_nb/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M6 20l14-8L6 4z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/play_nb/selected.svg b/packages/components/src/telekom/icons/action/play_nb/selected.svg
new file mode 100644
index 0000000000..772576df86
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/play_nb/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M6 20l14-8L6 4z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pop-up-window/default.svg b/packages/components/src/telekom/icons/action/pop-up-window/default.svg
index 84ce475efb..26df949bb9 100644
--- a/packages/components/src/telekom/icons/action/pop-up-window/default.svg
+++ b/packages/components/src/telekom/icons/action/pop-up-window/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m23.5 10v9c0 1.65-1.35 3-3 3h-9c-1.65 0-3-1.35-3-3v-9zm-1.5 3h-12v6c0 .85.65 1.5 1.5 1.5h9c.85 0 1.5-.65 1.5-1.5zm-3.5-11v6.5h-1.5v-3.5h-15v9.5c0 .85.65 1.5 1.5 1.5h3.5v1.5h-3.5c-1.65 0-3-1.35-3-3v-12.5zm-12 .9c-.35 0-.6.25-.6.6s.25.65.6.65.6-.35.6-.65-.25-.6-.6-.6zm-2 0c-.35 0-.6.25-.6.6s.25.65.6.65.6-.35.6-.65-.25-.6-.6-.6zm-2 0c-.35 0-.6.25-.6.6s.25.65.6.65.6-.35.6-.65-.25-.6-.6-.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 10v9a3.01 3.01 0 01-2.824 2.995L20.5 22h-9a3.01 3.01 0 01-2.995-2.824L8.5 19v-9h15zM22 13H10v6c0 .8.576 1.423 1.352 1.493l.148.007h9c.8 0 1.423-.576 1.493-1.352L22 19v-6zM18.5 2v6.5H17V5H2v9.5c0 .8.576 1.423 1.352 1.493L3.5 16H7v1.5H3.5a3.01 3.01 0 01-2.995-2.824L.5 14.5V2h18zm-12 .9c-.35 0-.6.25-.6.6s.25.65.6.65.6-.35.6-.65c0-.3-.25-.6-.6-.6zm-2 0c-.35 0-.6.25-.6.6s.25.65.6.65.6-.35.6-.65c0-.3-.25-.6-.6-.6zm-2 0c-.35 0-.6.25-.6.6s.25.65.6.65.6-.35.6-.65c0-.3-.25-.6-.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/pop-up-window/selected.svg b/packages/components/src/telekom/icons/action/pop-up-window/selected.svg
index a5fb2eaf58..f3e54aa91c 100644
--- a/packages/components/src/telekom/icons/action/pop-up-window/selected.svg
+++ b/packages/components/src/telekom/icons/action/pop-up-window/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.5 10v9a3 3 0 01-3 3h-9a3 3 0 01-3-3v-9h15zM22 13H10v6a1.5 1.5 0 001.5 1.5h9A1.5 1.5 0 0022 19v-6zM18.5 2v6.5H7v9H3.5a3 3 0 01-3-3V2h18zm-16 .875a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 10v9a3 3 0 01-2.824 2.995L20.5 22h-9a3 3 0 01-2.995-2.824L8.5 19v-9h15zM22 13H10v6a1.5 1.5 0 001.356 1.493l.144.007h9a1.5 1.5 0 001.493-1.356L22 19v-6zM18.5 2v6.5H7v9H3.5a3 3 0 01-2.995-2.824L.5 14.5V2h18zm-16 .875a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/power/default.svg b/packages/components/src/telekom/icons/action/power/default.svg
new file mode 100644
index 0000000000..51aae915fa
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/power/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.25 4.796C18.125 5.8 21 9.315 21 13.5c0 4.963-4.038 9-9 9-4.963 0-9-4.037-9-9C3 9.408 5.75 5.956 9.493 4.867l.257-.071v1.55C6.71 7.304 4.5 10.148 4.5 13.5c0 4.136 3.364 7.5 7.5 7.5 4.135 0 7.5-3.364 7.5-7.5 0-3.261-2.092-6.042-5.005-7.072l-.245-.082v-1.55zM12 1.5a.75.75 0 01.743.648l.007.102v10.5a.75.75 0 01-1.493.102l-.007-.102V2.25A.75.75 0 0112 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/power/selected.svg b/packages/components/src/telekom/icons/action/power/selected.svg
new file mode 100644
index 0000000000..3a120e5d91
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/power/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.286 4.4v2.648A7.01 7.01 0 005 13.5c0 3.86 3.14 7 7 7s7-3.14 7-7a7.004 7.004 0 00-3.977-6.31l-.237-.108V4.419C18.67 5.612 21.5 9.23 21.5 13.499c0 5.239-4.262 9.5-9.5 9.5s-9.5-4.261-9.5-9.5c0-4.199 2.741-7.766 6.526-9.017l.26-.082zm2.75-2.9c.647 0 1.18.492 1.244 1.122l.006.128v9.5a1.25 1.25 0 01-2.493.128l-.007-.128v-9.5c0-.69.56-1.25 1.25-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/previous_nb/default.svg b/packages/components/src/telekom/icons/action/previous_nb/default.svg
new file mode 100644
index 0000000000..19c027d87f
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/previous_nb/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M12.525 12.7L22 19V5l-9.475 6.3V5L2 12l10.525 7z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/previous_nb/selected.svg b/packages/components/src/telekom/icons/action/previous_nb/selected.svg
new file mode 100644
index 0000000000..19c027d87f
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/previous_nb/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M12.525 12.7L22 19V5l-9.475 6.3V5L2 12l10.525 7z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/print/default.svg b/packages/components/src/telekom/icons/action/print/default.svg
index dc47ba5930..9bd322ff3f 100644
--- a/packages/components/src/telekom/icons/action/print/default.svg
+++ b/packages/components/src/telekom/icons/action/print/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.5 13.5V22h-13v-8.5h13zM17 15H7v5.5h10V15zm1.5-13v4h5v9.5c0 1.655-1.345 3-3 3H20V17h.5c.825 0 1.5-.675 1.5-1.5v-8H2v8c0 .825.675 1.5 1.5 1.5H4v1.5h-.5c-1.655 0-3-1.345-3-3V6h5V2h13zm1 7a1 1 0 110 2 1 1 0 010-2zM17 3.5H7V6h10V3.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 13.5V22h-13v-8.5h13zM17 15H7v5.5h10V15zm1.5-13v4h5v9.5a3.003 3.003 0 01-2.824 2.995l-.176.005H20V17h.5c.776 0 1.42-.598 1.493-1.356L22 15.5v-8H2v8c0 .776.598 1.42 1.356 1.493L3.5 17H4v1.5h-.5a3.003 3.003 0 01-2.995-2.824L.5 15.5V6h5V2h13zm1 7a1 1 0 110 2 1 1 0 010-2zM17 3.5H7V6h10V3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/print/selected.svg b/packages/components/src/telekom/icons/action/print/selected.svg
index 5241e185e1..bf54b92403 100644
--- a/packages/components/src/telekom/icons/action/print/selected.svg
+++ b/packages/components/src/telekom/icons/action/print/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.5 13.5V22h-13v-8.5h13zM17 15H7v5.5h10V15zm1.5-13v4h5v9.5a3 3 0 01-3 3H20V12H4v6.5h-.5a3 3 0 01-3-3V6h5V2h13zm1 7a1 1 0 100 2 1 1 0 000-2zM17 3.5H7V6h10V3.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 13.5V22h-13v-8.5h13zM17 15H7v5.5h10V15zm1.5-13v4h5v9.5a3 3 0 01-2.824 2.995l-.176.005H20V12H4v6.5h-.5a3 3 0 01-2.995-2.824L.5 15.5V6h5V2h13zm1 7a1 1 0 100 2 1 1 0 000-2zM17 3.5H7V6h10V3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/publish/default.svg b/packages/components/src/telekom/icons/action/publish/default.svg
new file mode 100644
index 0000000000..b50c4c41f2
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/publish/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 8.25L16.42 15H12.75v6.75a.75.75 0 01-1.493.102l-.007-.102V15H7.582l4.419-6.75zm9-4.75V16a3 3 0 01-2.824 2.995L18 19h-2v-1.5h2c.778 0 1.42-.596 1.493-1.356L19.5 16V6.5h-15V16c0 .778.596 1.42 1.356 1.493L6 17.5h2V19H6a3 3 0 01-2.995-2.824L3 16V3.5h18zM5 4.375a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/publish/selected.svg b/packages/components/src/telekom/icons/action/publish/selected.svg
new file mode 100644
index 0000000000..71772077be
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/publish/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.125l3.275 5H12.73v7.625a.75.75 0 01-1.493.102l-.007-.102v-7.625h-2.5l3.27-5zM21 3.5V16a3 3 0 01-2.698 2.987l-.177.013H14.25v-3.375h1.035a1.5 1.5 0 001.337-2.178l-.082-.142-3.275-5a1.5 1.5 0 00-2.411-.12l-.089.12-3.275 5a1.5 1.5 0 001.11 2.313l.15.007h1V19H6a3 3 0 01-2.995-2.824L3 16V3.5h18zM5 4.375a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25zm2 0a.625.625 0 100 1.25.625.625 0 000-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/random/default.svg b/packages/components/src/telekom/icons/action/random/default.svg
index cb61bea62b..3bfb3218f0 100644
--- a/packages/components/src/telekom/icons/action/random/default.svg
+++ b/packages/components/src/telekom/icons/action/random/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M2.23 4.5c1.815 0 3.54.87 4.625 2.33l7 9.45A4.277 4.277 0 0017.27 18H18v-2.85l5.5 3.6-5.5 3.6V19.5h-.735c-1.815 0-3.54-.87-4.62-2.33l-7-9.45A4.277 4.277 0 002.23 6h-.98a.749.749 0 110-1.5zm5.65 8.76l.935 1.26-1.965 2.65a5.766 5.766 0 01-4.62 2.33h-.98a.749.749 0 110-1.5h.98a4.27 4.27 0 003.415-1.72l2.235-3.02zM18 1.65l5.5 3.6-5.5 3.6V6h-.73c-1.34 0-2.615.645-3.415 1.72l-2.235 3.02-.935-1.26 1.965-2.65a5.766 5.766 0 014.62-2.33H18V1.65z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.23 4.5c1.729 0 3.376.79 4.466 2.125l.159.205 7 9.45a4.28 4.28 0 003.18 1.713l.235.007H18v-2.85l5.5 3.6-5.5 3.6V19.5h-.735a5.768 5.768 0 01-4.461-2.125l-.159-.205-7-9.45a4.28 4.28 0 00-3.18-1.713L2.23 6h-.98a.749.749 0 01-.102-1.493L1.25 4.5h.98zm5.65 8.76l.935 1.26-1.965 2.65a5.768 5.768 0 01-4.361 2.324l-.259.006h-.98a.749.749 0 01-.102-1.493L1.25 18h.98c1.261 0 2.47-.571 3.27-1.535l.145-.185 2.235-3.02zM18 1.65l5.5 3.6-5.5 3.6V6h-.73a4.277 4.277 0 00-3.269 1.535l-.146.185-2.235 3.02-.935-1.26 1.965-2.65a5.768 5.768 0 014.361-2.324l.259-.006H18V1.65z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/random/selected.svg b/packages/components/src/telekom/icons/action/random/selected.svg
index 5ad5e124cf..133fcb7764 100644
--- a/packages/components/src/telekom/icons/action/random/selected.svg
+++ b/packages/components/src/telekom/icons/action/random/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M2.674 4.163c1.949.003 3.78.93 4.937 2.498l6.858 9.257a3.678 3.678 0 002.938 1.47h.715v-2.302l5.388 3.526-5.388 3.527v-2.302h-.715a6.147 6.147 0 01-4.937-2.498L5.613 8.082a3.678 3.678 0 00-2.939-1.47h-.98a1.224 1.224 0 010-2.449zm5.246 8.66l1.528 2.057-1.837 2.478a6.147 6.147 0 01-4.922 2.479h-.98a1.224 1.224 0 110-2.45h.98a3.678 3.678 0 002.939-1.469l2.292-3.095zM18.122 1.86l5.388 3.527-5.388 3.526V6.612h-.73a3.678 3.678 0 00-2.938 1.47L12.2 11.177 10.673 9.12l1.836-2.478a6.147 6.147 0 014.898-2.479h.715V1.861z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.674 4.163A6.147 6.147 0 017.45 6.451l.161.21 6.858 9.257c.65.867 1.648 1.4 2.722 1.463l.216.007h.715v-2.302l5.388 3.526-5.388 3.527v-2.302h-.715a6.147 6.147 0 01-4.775-2.288l-.162-.21-6.857-9.257A3.678 3.678 0 002.89 6.619l-.216-.007h-.98A1.224 1.224 0 011.57 4.17l.126-.007h.98zm5.246 8.66l1.528 2.057-1.837 2.478a6.147 6.147 0 01-4.658 2.473l-.264.006h-.98a1.224 1.224 0 01-.125-2.443l.125-.006h.98c1.084-.001 2.108-.48 2.804-1.3l.135-.17 2.292-3.095zM18.122 1.86l5.388 3.527-5.388 3.526V6.612h-.73c-1.083.001-2.108.48-2.803 1.3l-.135.17-2.253 3.095-1.528-2.057 1.836-2.478a6.147 6.147 0 014.636-2.472l.262-.007h.715V1.861z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/record_nb/default.svg b/packages/components/src/telekom/icons/action/record_nb/default.svg
new file mode 100644
index 0000000000..0f1cae3086
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/record_nb/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><circle fill="#000" cx="12" cy="12" r="7" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/record_nb/selected.svg b/packages/components/src/telekom/icons/action/record_nb/selected.svg
new file mode 100644
index 0000000000..0f1cae3086
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/record_nb/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><circle fill="#000" cx="12" cy="12" r="7" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/refresh/default.svg b/packages/components/src/telekom/icons/action/refresh/default.svg
index 0cbcd7a07d..b514dc0fb2 100644
--- a/packages/components/src/telekom/icons/action/refresh/default.svg
+++ b/packages/components/src/telekom/icons/action/refresh/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.35 2.55c.1-.4.5-.65.9-.55 4.65 1.05 8 5.25 8 10 0 3.15-1.5 6.15-4 8.1l1.6 2.4h-6.65l2.7-6.15 1.6 2.45c2-1.65 3.25-4.15 3.25-6.8 0-4.05-2.9-7.65-6.85-8.55-.4-.1-.65-.5-.55-.9zm-2.55-1.05-2.7 6.15-1.6-2.45c-2 1.6-3.25 4.1-3.25 6.8 0 4.05 2.9 7.65 6.85 8.55a.745.745 0 1 1 -.35 1.45c-4.65-1.05-8-5.25-8-10 0-3.2 1.5-6.15 3.95-8.1l-1.6-2.4z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.35 2.55c.1-.4.5-.65.9-.55 4.65 1.05 8 5.25 8 10 0 3.041-1.398 5.943-3.745 7.895l-.255.205 1.6 2.4H13.2l2.7-6.15 1.6 2.45c2-1.65 3.25-4.15 3.25-6.8 0-4.05-2.9-7.65-6.85-8.55-.4-.1-.65-.5-.55-.9zM10.8 1.5L8.1 7.65 6.5 5.2c-2 1.6-3.25 4.1-3.25 6.8 0 4.05 2.9 7.65 6.85 8.55A.745.745 0 119.75 22c-4.65-1.05-8-5.25-8-10 0-3.09 1.398-5.946 3.7-7.895L5.7 3.9 4.1 1.5h6.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/refresh/selected.svg b/packages/components/src/telekom/icons/action/refresh/selected.svg
index 906cc824d6..7483015e57 100644
--- a/packages/components/src/telekom/icons/action/refresh/selected.svg
+++ b/packages/components/src/telekom/icons/action/refresh/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M14.191 1.677l.119.013A10.635 10.635 0 0122.565 12a10.615 10.615 0 01-4.065 8.335l1.39 2.165h-6.675l2.68-6.13 1.42 2.175a8.435 8.435 0 00-3.47-14.78 1.065 1.065 0 01.465-2.075zM10.785 1.5l-2.68 6.13L6.68 5.45a8.44 8.44 0 003.475 14.785h-.02a1.065 1.065 0 01-.235 2.1 1.245 1.245 0 01-.23-.025A10.56 10.56 0 015.5 3.665L4.11 1.5h6.675z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.191 1.677l.119.013A10.635 10.635 0 0122.565 12a10.615 10.615 0 01-3.804 8.123l-.261.212 1.39 2.165h-6.675l2.68-6.13 1.42 2.175a8.435 8.435 0 00-3.47-14.78 1.065 1.065 0 01.346-2.088zM10.785 1.5l-2.68 6.13L6.68 5.45a8.44 8.44 0 003.19 14.716l.285.069h-.02a1.065 1.065 0 01-.235 2.1 1.245 1.245 0 01-.23-.025A10.56 10.56 0 015.255 3.861l.245-.196L4.11 1.5h6.675z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/remove/default.svg b/packages/components/src/telekom/icons/action/remove/default.svg
index edce26c832..e7c172efb1 100644
--- a/packages/components/src/telekom/icons/action/remove/default.svg
+++ b/packages/components/src/telekom/icons/action/remove/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16 .5v3h5.5c.4 0 .75.35.75.75s-.35.75-.75.75h-1.05l-.8 15.65c-.1 1.6-1.4 2.85-3 2.85h-9.25c-1.6 0-2.9-1.25-3-2.85l-.85-15.65h-1.05c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h5.5v-3zm2.95 4.5h-13.9l.85 15.6c.05.8.7 1.4 1.5 1.4h9.2c.8 0 1.45-.6 1.5-1.4zm-6.95 2.75c.4 0 .75.35.75.75v10c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-10c0-.4.35-.75.75-.75zm3.5 0c.4 0 .75.35.75.75v10c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-10c0-.4.35-.75.75-.75zm-7 0c.4 0 .75.35.75.75v10c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-10c0-.4.35-.75.75-.75zm6-5.75h-5v1.5h5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 .5v3h5.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L21.5 5h-1.05l-.8 15.65c-.096 1.54-1.305 2.757-2.824 2.845l-.176.005H7.4c-1.54 0-2.803-1.16-2.984-2.674L4.4 20.65 3.55 5H2.5c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L2.5 3.5H8v-3h8zM18.95 5H5.05l.85 15.6a1.482 1.482 0 001.36 1.394L7.4 22h9.2c.753 0 1.373-.531 1.485-1.261l.015-.139.85-15.6zM12 7.75c.367 0 .691.294.743.651l.007.099v10c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-10c0-.4.35-.75.75-.75zm3.5 0c.367 0 .691.294.743.651l.007.099v10c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-10c0-.4.35-.75.75-.75zm-7 0c.367 0 .691.294.743.651l.007.099v10c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L7.75 18.5v-10c0-.4.35-.75.75-.75zm6-5.75h-5v1.5h5V2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/remove/selected.svg b/packages/components/src/telekom/icons/action/remove/selected.svg
index aba7fe2654..894f04ba0e 100644
--- a/packages/components/src/telekom/icons/action/remove/selected.svg
+++ b/packages/components/src/telekom/icons/action/remove/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.5 3.5H16v-3H8v3H2.5a.75.75 0 000 1.5h1.79l.845 15.62a2.25 2.25 0 002.245 2.13h9.24a2.25 2.25 0 002.245-2.13L19.71 5h1.79a.75.75 0 100-1.5zm-12.25 15a.75.75 0 11-1.5 0v-10a.75.75 0 111.5 0v10zm3.5 0a.75.75 0 11-1.5 0v-10a.75.75 0 111.5 0v10zm1.75-15h-5V2h5v1.5zm1.75 15a.75.75 0 11-1.5 0v-10a.75.75 0 011.5 0v10z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 .5v3h5.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L21.5 5h-1.05l-.8 15.65c-.096 1.54-1.305 2.757-2.824 2.845l-.176.005H7.4c-1.54 0-2.803-1.16-2.984-2.674L4.4 20.65 3.55 5H2.5c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L2.5 3.5H8v-3h8zm-4 7.25c.367 0 .691.294.743.651l.007.099v10c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-10c0-.4.35-.75.75-.75zm3.5 0c.367 0 .691.294.743.651l.007.099v10c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-10c0-.4.35-.75.75-.75zm-7 0c.367 0 .691.294.743.651l.007.099v10c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L7.75 18.5v-10c0-.4.35-.75.75-.75zm6-5.75h-5v1.5h5V2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/reply-all/default.svg b/packages/components/src/telekom/icons/action/reply-all/default.svg
new file mode 100644
index 0000000000..b21b807810
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/reply-all/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.003 7.752l1.928-1.257 1.57-1.022V3.352l-6.75 4.4 6.75 4.399v-2.12L5.93 9.009 4.003 7.752zM15.75 7H13.5V3.352l-6.75 4.4 6.75 4.399V8.5h2.25A6.257 6.257 0 0122 14.75v4.987a.75.75 0 001.5 0V14.75c0-4.273-3.476-7.75-7.75-7.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/reply-all/selected.svg b/packages/components/src/telekom/icons/action/reply-all/selected.svg
new file mode 100644
index 0000000000..93a42f55d1
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/reply-all/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.25 6.514H13.5V3.352l-6.75 4.4L13.5 12V9.014h1.75c3.17 0 5.75 2.579 5.75 5.75v4.486a1.25 1.25 0 102.5 0v-4.486c0-4.55-3.7-8.25-8.25-8.25zM7.5 5.473V3.352l-6.75 4.4 6.75 4.4v-2.12l-3.497-2.28L7.5 5.472z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/reply-forward/default.svg b/packages/components/src/telekom/icons/action/reply-forward/default.svg
new file mode 100644
index 0000000000..633f9eaf25
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/reply-forward/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.238 7H15v3.5l6.871-4.25L15.001 2v3.5H4.237a.75.75 0 100 1.5m8.14 6H10.5V9.5l-6.87 4.25L10.5 18v-3.5h1.878a6.666 6.666 0 016.66 6.659.75.75 0 101.5 0c0-4.499-3.66-8.159-8.16-8.159" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/reply-forward/selected.svg b/packages/components/src/telekom/icons/action/reply-forward/selected.svg
new file mode 100644
index 0000000000..8e51e92ec8
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/reply-forward/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.72 7.506H15V10.5l6.87-4.25L15 2v3.006H4.72a1.25 1.25 0 000 2.5m7.114 4.995H10.5V9.5L3.63 13.75 10.5 18v-3h1.334a6.167 6.167 0 016.159 6.16 1.25 1.25 0 102.5 0c0-4.774-3.885-8.66-8.66-8.66" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/reply/default.svg b/packages/components/src/telekom/icons/action/reply/default.svg
new file mode 100644
index 0000000000..3839a91d71
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/reply/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 8.513h2.239a6.257 6.257 0 016.25 6.25v4.987a.75.75 0 001.5 0v-4.987c0-4.273-3.477-7.75-7.75-7.75H10.5V3.352l-6.75 4.4 6.75 4.4v-3.64z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/reply/selected.svg b/packages/components/src/telekom/icons/action/reply/selected.svg
new file mode 100644
index 0000000000..ac51e82690
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/reply/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.483 6.263H10.5V3.352l-6.75 4.4 6.75 4.4v-2.89h1.982c3.033 0 5.5 2.469 5.5 5.5v4.288a1.5 1.5 0 003 0v-4.287c0-4.687-3.813-8.5-8.5-8.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/restart/default.svg b/packages/components/src/telekom/icons/action/restart/default.svg
index c99fda45d3..e95789cb52 100644
--- a/packages/components/src/telekom/icons/action/restart/default.svg
+++ b/packages/components/src/telekom/icons/action/restart/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.745 1.07c-5.09.565-9.175 4.695-9.69 9.79-.395 3.915 1.275 7.46 4.04 9.695l-1.59 2.435 6.675-.015-2.68-6.11-1.575 2.415A9.454 9.454 0 012.5 12c0-5.6 4.865-10.08 10.59-9.44 4.455.5 8.01 4.175 8.375 8.645.41 5.035-3.135 9.34-7.865 10.15-.35.06-.6.375-.6.735 0 .465.42.825.88.745C19.06 21.94 23 17.435 23 12 23 5.51 17.385.335 10.745 1.07z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.745 1.07c-5.09.565-9.175 4.695-9.69 9.79-.395 3.915 1.275 7.46 4.04 9.695l-1.59 2.435 6.675-.015-2.68-6.11-1.575 2.415A9.454 9.454 0 012.5 12c0-5.6 4.865-10.08 10.59-9.44 4.455.5 8.01 4.175 8.375 8.645.41 5.035-3.135 9.34-7.865 10.15-.35.06-.6.375-.6.735 0 .465.42.825.88.745C19.06 21.94 23 17.435 23 12 23 5.51 17.385.335 10.745 1.07z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/restart/selected.svg b/packages/components/src/telekom/icons/action/restart/selected.svg
index 411d2817b9..f40dbe7d73 100644
--- a/packages/components/src/telekom/icons/action/restart/selected.svg
+++ b/packages/components/src/telekom/icons/action/restart/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19.67 3.43A11.5 11.5 0 00.56 10.81a11.575 11.575 0 004.27 10.16L3.5 23h6.675L7.5 16.87l-1.3 2A8.97 8.97 0 016 5.29a9 9 0 117.5 15.57 1.24 1.24 0 00-1 1.23 1.25 1.25 0 001.255 1.255c.07.005.14.005.21 0A11.5 11.5 0 0019.67 3.43z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.67 3.43A11.5 11.5 0 00.56 10.81a11.575 11.575 0 004.27 10.16L3.5 23h6.675L7.5 16.87l-1.3 2A8.97 8.97 0 016 5.29a9 9 0 117.5 15.57 1.24 1.24 0 00-1 1.23 1.25 1.25 0 001.255 1.255c.07.005.14.005.21 0A11.5 11.5 0 0019.67 3.43z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/search/default.svg b/packages/components/src/telekom/icons/action/search/default.svg
index f6bea59688..f84c01939f 100644
--- a/packages/components/src/telekom/icons/action/search/default.svg
+++ b/packages/components/src/telekom/icons/action/search/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.4 19.6l-4.9-4.9a8.02 8.02 0 001.55-4.7c0-4.4-3.6-8-8-8S2 5.6 2 10s3.6 8 8 8c1.75 0 3.4-.55 4.7-1.55l4.9 4.9c.5.5 1.3.5 1.75 0 .5-.45.5-1.25.05-1.75zM3.5 10c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5-6.5-2.9-6.5-6.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.4 19.6l-4.9-4.9a8.02 8.02 0 001.55-4.7c0-4.4-3.6-8-8-8S2 5.6 2 10s3.6 8 8 8c1.75 0 3.4-.55 4.7-1.55l4.9 4.9c.5.5 1.3.5 1.75 0 .5-.45.5-1.25.05-1.75zM3.5 10c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5-6.5-2.9-6.5-6.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/search/selected.svg b/packages/components/src/telekom/icons/action/search/selected.svg
index 209a7dfbb7..c2a919989a 100644
--- a/packages/components/src/telekom/icons/action/search/selected.svg
+++ b/packages/components/src/telekom/icons/action/search/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10 4.125A5.88 5.88 0 0115.875 10a5.8 5.8 0 01-1.13 3.445l-.545.755-.755.545A5.8 5.8 0 0110 15.875a5.875 5.875 0 010-11.75M10 2a8 8 0 104.7 14.465l4.915 4.92c.49.487 1.28.487 1.77 0a1.26 1.26 0 000-1.77l-4.92-4.915A8 8 0 0010 2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 4.125A5.88 5.88 0 0115.875 10a5.8 5.8 0 01-1.13 3.445l-.545.755-.755.545A5.8 5.8 0 0110 15.875a5.875 5.875 0 010-11.75M10 2a8 8 0 104.7 14.465l4.915 4.92c.49.487 1.28.487 1.77 0a1.26 1.26 0 000-1.77l-4.92-4.915A8 8 0 0010 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/send/default.svg b/packages/components/src/telekom/icons/action/send/default.svg
new file mode 100644
index 0000000000..4fb57627ff
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/send/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.83 2.07a.758.758 0 011.101.711l-.011.109-3.48 16.48c-.05.21-.18.39-.37.5a.927.927 0 01-.52.076l-.1-.026-5.92-2.08-2.64 3.7a.74.74 0 01-.61.31c-.08 0-.15-.02-.23-.04a.727.727 0 01-.512-.602L8.53 21.1v-4.68L1.5 13.86a.748.748 0 01-.49-.66.77.77 0 01.317-.654l.093-.056L21.83 2.07zm-1.04 3.6l-10.12 9.92 7.47 2.63 2.65-12.55zm-1.52-.62L3.63 13.04l5.46 1.99 10.18-9.98z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/send/selected.svg b/packages/components/src/telekom/icons/action/send/selected.svg
new file mode 100644
index 0000000000..88ff6a6d1b
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/send/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.885 2.515L10.1 16.953l-.01-.001-1.513-.541 12.25-13.833-19.405 9.91a.749.749 0 00.084 1.372l7.03 2.564V21.1a.75.75 0 001.36.435l2.636-3.7 5.917 2.079a.761.761 0 00.616-.053.755.755 0 00.366-.5l3.476-16.474a.746.746 0 00-.02-.373" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/share/default.svg b/packages/components/src/telekom/icons/action/share/default.svg
new file mode 100644
index 0000000000..9c53c778a8
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/share/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.966 5a8.99 8.99 0 00-1.465 1.22l-.26.28H4V18c0 .778.596 1.42 1.356 1.493l.144.007h12c.778 0 1.42-.596 1.493-1.356L19 18v-7.675l1.5-.983V18a3 3 0 01-2.824 2.995L17.5 21h-12a3 3 0 01-2.995-2.824L2.5 18V5h8.466zM16.5 1.332l6.75 4.418-6.75 4.418V6.5h-.613a5.895 5.895 0 00-5.883 5.667l-.004.22v2.322a.75.75 0 01-1.493.101L8.5 14.71v-2.322c0-3.992 3.183-7.254 7.144-7.383L15.887 5h.613V1.332z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/share/selected.svg b/packages/components/src/telekom/icons/action/share/selected.svg
new file mode 100644
index 0000000000..79cdfb2cf0
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/share/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.955 5a8.875 8.875 0 00-3.95 7.079L7 12.385v2.325a2.25 2.25 0 004.495.154l.005-.154v-2.325a4.39 4.39 0 013.291-4.247L15 8.09v4.855l5.5-3.6V18a3 3 0 01-2.824 2.995L17.5 21h-12a3 3 0 01-2.995-2.824L2.5 18V5h8.455zM16.5 1.33l6.75 4.42-6.75 4.42V6.5h-.61a5.895 5.895 0 00-5.886 5.664l-.004.221v2.325a.75.75 0 01-1.493.102L8.5 14.71v-2.325a7.395 7.395 0 017.146-7.38L15.89 5h.61V1.33z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/shopping-cart/default.svg b/packages/components/src/telekom/icons/action/shopping-cart/default.svg
index 79c1db9074..9b31a75867 100644
--- a/packages/components/src/telekom/icons/action/shopping-cart/default.svg
+++ b/packages/components/src/telekom/icons/action/shopping-cart/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M5.5 20a2 2 0 110 4 2 2 0 010-4zm15 0a2 2 0 110 4 2 2 0 010-4zM.06.455A.755.755 0 011.045.06l2.27.975c.68.29 1.21.82 1.52 1.465h18.24l-.895 9.41a2.987 2.987 0 01-2.795 2.71l-13.145.85.065.67c.075.775.715 1.36 1.495 1.36h13.45a.749.749 0 110 1.5H7.8a2.98 2.98 0 01-2.985-2.715L3.63 3.655a1.505 1.505 0 00-.905-1.24L.455 1.44A.75.75 0 01.06.455zM21.43 4H5.17l.935 9.975 13.185-.85c.74-.05 1.325-.62 1.395-1.355L21.43 4z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 20a2 2 0 110 4 2 2 0 010-4zm15 0a2 2 0 110 4 2 2 0 010-4zM.06.455A.755.755 0 01.949.027l.096.033 2.27.975a2.984 2.984 0 011.42 1.275l.1.19h18.24l-.895 9.41a2.986 2.986 0 01-2.612 2.693l-.183.017-13.145.85.065.67c.07.727.637 1.286 1.35 1.353l.145.007h13.45a.749.749 0 01.102 1.493L21.25 19H7.8a2.98 2.98 0 01-2.964-2.538l-.021-.177L3.63 3.655c-.05-.5-.34-.938-.771-1.175l-.134-.065-2.27-.975A.75.75 0 01.06.455zM21.43 4H5.17l.935 9.975 13.185-.85a1.495 1.495 0 001.376-1.22l.019-.135L21.43 4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/shopping-cart/selected.svg b/packages/components/src/telekom/icons/action/shopping-cart/selected.svg
index ab7c1a9baf..b60a306d03 100644
--- a/packages/components/src/telekom/icons/action/shopping-cart/selected.svg
+++ b/packages/components/src/telekom/icons/action/shopping-cart/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M5.878 20.082a1.96 1.96 0 110 3.918 1.96 1.96 0 010-3.918zm14.693 0a1.96 1.96 0 110 3.918 1.96 1.96 0 010-3.918zM.943.537a.74.74 0 01.57.012l2.224.955a2.939 2.939 0 011.73 2.17h16.819l-.808 8.414a2.209 2.209 0 01-2.053 1.994l-12.891.832.127 1.386a1.47 1.47 0 001.47 1.333h13.175a.735.735 0 110 1.47H8.14a2.939 2.939 0 01-2.938-2.665L4.046 4.065a1.47 1.47 0 00-.902-1.17l-2.223-.98a.74.74 0 01-.387-.98.74.74 0 01.409-.398z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 20a2 2 0 110 4 2 2 0 010-4zm15 0a2 2 0 110 4 2 2 0 010-4zM.06.455A.755.755 0 01.949.027l.096.033 2.27.975a2.984 2.984 0 011.42 1.275l.1.19h18.24l-.895 9.41a2.986 2.986 0 01-2.612 2.693l-.183.017-13.145.85.065.67c.07.727.637 1.286 1.35 1.353l.145.007h13.45a.749.749 0 01.102 1.493L21.25 19H7.8a2.98 2.98 0 01-2.964-2.538l-.021-.177L3.63 3.655c-.05-.5-.34-.938-.771-1.175l-.134-.065-2.27-.975A.75.75 0 01.06.455z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/show-password/default.svg b/packages/components/src/telekom/icons/action/show-password/default.svg
index 8bf19cb196..cf76709c3c 100644
--- a/packages/components/src/telekom/icons/action/show-password/default.svg
+++ b/packages/components/src/telekom/icons/action/show-password/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 4c5.8 0 9.15 4.55 11.35 7.55l.35.45-.35.45C21.15 15.45 17.8 20 12 20S2.85 15.45.65 12.45L.3 12l.35-.45C2.85 8.55 6.2 4 12 4zm0 1.5c-4.5 0-7.25 3-9.8 6.5 2.55 3.5 5.3 6.5 9.8 6.5 4.5 0 7.25-3 9.8-6.5-2.55-3.5-5.3-6.5-9.8-6.5zM12 7c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 1.5c-1.95 0-3.5 1.55-3.5 3.5s1.55 3.5 3.5 3.5 3.5-1.55 3.5-3.5-1.55-3.5-3.5-3.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4c4.108 0 6.987 2.283 9.1 4.68l.364.425.35.423.334.421.476.62.726.981.35.45-.35.45-.726.981-.314.411-.327.419-.342.422c-.059.07-.117.142-.177.212l-.365.424C18.987 17.717 16.11 20 12 20c-4.108 0-6.987-2.283-9.1-4.68l-.364-.425-.35-.423-.334-.421-.476-.62-.726-.981L.3 12l.35-.45.726-.981.314-.411.327-.419.342-.422c.059-.07.117-.142.177-.212L2.9 8.68C5.013 6.283 7.89 4 12 4zm0 1.5c-3.713 0-6.234 2.042-8.435 4.722l-.396.494-.391.506-.386.516L2.2 12l.578.778.39.506.397.494.404.48C6.076 16.698 8.512 18.5 12 18.5c3.488 0 5.924-1.802 8.03-4.242l.405-.48.396-.494.391-.506.386-.516L21.8 12l-.578-.778-.39-.506-.397-.494C18.234 7.542 15.713 5.5 12 5.5zM12 7c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 1.5c-1.95 0-3.5 1.55-3.5 3.5s1.55 3.5 3.5 3.5 3.5-1.55 3.5-3.5-1.55-3.5-3.5-3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/show-password/selected.svg b/packages/components/src/telekom/icons/action/show-password/selected.svg
index 93f78d0644..436791b54e 100644
--- a/packages/components/src/telekom/icons/action/show-password/selected.svg
+++ b/packages/components/src/telekom/icons/action/show-password/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 4.75c5.25 0 8.275 3.875 10.75 7.25-2.475 3.375-5.5 7.25-10.75 7.25S3.75 15.375 1.25 12C3.725 8.625 6.75 4.75 12 4.75zM12 7a5 5 0 100 10 5 5 0 000-10zm0 1.5a3.5 3.5 0 110 7 3.5 3.5 0 010-7z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4c4.108 0 6.987 2.283 9.1 4.68l.364.425.35.423.334.421.476.62.726.981.35.45-.35.45-.726.981-.314.411-.327.419-.342.422c-.059.07-.117.142-.177.212l-.365.424C18.987 17.717 16.11 20 12 20c-4.108 0-6.987-2.283-9.1-4.68l-.364-.425-.35-.423-.334-.421-.476-.62-.726-.981L.3 12l.35-.45.726-.981.314-.411.327-.419.342-.422c.059-.07.117-.142.177-.212L2.9 8.68C5.013 6.283 7.89 4 12 4zm0 3c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 1.5c-1.95 0-3.5 1.55-3.5 3.5s1.55 3.5 3.5 3.5 3.5-1.55 3.5-3.5-1.55-3.5-3.5-3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/sort/default.svg b/packages/components/src/telekom/icons/action/sort/default.svg
index f4164bbf00..6eaf3b1ab6 100644
--- a/packages/components/src/telekom/icons/action/sort/default.svg
+++ b/packages/components/src/telekom/icons/action/sort/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.25 4c.4 0 .75.35.75.75v9.25h3.65l-4.4 6.75-4.4-6.75h3.65v-9.25c0-.4.35-.75.75-.75zm-10.5-.75 4.4 6.75h-3.65v9.25c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-9.25h-3.65z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25 4c.367 0 .691.294.743.651L18 4.75V14h3.65l-4.4 6.75-4.4-6.75h3.65V4.75c0-.4.35-.75.75-.75zm-10.5-.75l4.4 6.75H7.5v9.25c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L6 19.25V10H2.35l4.4-6.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/sort/selected.svg b/packages/components/src/telekom/icons/action/sort/selected.svg
index ac2ff6b80f..6d64e03790 100644
--- a/packages/components/src/telekom/icons/action/sort/selected.svg
+++ b/packages/components/src/telekom/icons/action/sort/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.25 3.5c.69 0 1.25.56 1.25 1.25V14h3.17l-4.42 6.75L12.83 14H16V4.75c0-.69.56-1.25 1.25-1.25zm-10.5-.25L11.17 10H8v9.25a1.25 1.25 0 11-2.5 0V10H2.33l4.42-6.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25 3.5c.647 0 1.18.492 1.244 1.122l.006.128V14h3.17l-4.42 6.75L12.83 14H16V4.75c0-.69.56-1.25 1.25-1.25zm-10.5-.25L11.17 10H8v9.25a1.25 1.25 0 01-2.494.128L5.5 19.25V10H2.33l4.42-6.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/sound-on/default.svg b/packages/components/src/telekom/icons/action/sound-on/default.svg
index fd9afc7ed4..89bf16a036 100644
--- a/packages/components/src/telekom/icons/action/sound-on/default.svg
+++ b/packages/components/src/telekom/icons/action/sound-on/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13 3.5v17h-2l-4.5-4H5c-1.655 0-3-1.345-3-3v-3c0-1.655 1.345-3 3-3h1.5l4.5-4h2zm6.7.8a10.8 10.8 0 013.19 7.7 10.8 10.8 0 01-3.19 7.7l-1.06-1.06A9.322 9.322 0 0021.39 12c0-2.51-.975-4.865-2.75-6.64zm-8.2.76L7.07 9H5c-.825 0-1.5.675-1.5 1.5v3c0 .825.675 1.5 1.5 1.5h2.07l4.43 3.94V5.06zm5.535 1.905A7.068 7.068 0 0119.12 12c0 1.905-.74 3.69-2.085 5.035l-1.06-1.06A5.59 5.59 0 0017.62 12a5.582 5.582 0 00-1.645-3.975z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5v17h-2l-4.5-4H5a3.003 3.003 0 01-2.995-2.824L2 13.5v-3a3.003 3.003 0 012.824-2.995L5 7.5h1.5l4.5-4h2zm6.7.8a10.8 10.8 0 013.19 7.7c0 2.794-1.041 5.426-2.947 7.45l-.243.25-1.06-1.06A9.322 9.322 0 0021.39 12c0-2.4-.892-4.66-2.523-6.405l-.227-.235L19.7 4.3zm-8.2.76L7.07 9H5c-.776 0-1.42.598-1.493 1.356L3.5 10.5v3c0 .776.598 1.42 1.356 1.493L5 15h2.07l4.43 3.94V5.06zm5.535 1.905A7.068 7.068 0 0119.12 12a7.063 7.063 0 01-1.878 4.819l-.207.216-1.06-1.06A5.59 5.59 0 0017.62 12c0-1.41-.514-2.738-1.452-3.772l-.193-.203 1.06-1.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/sound-on/selected.svg b/packages/components/src/telekom/icons/action/sound-on/selected.svg
index e76acedd3e..9113221c97 100644
--- a/packages/components/src/telekom/icons/action/sound-on/selected.svg
+++ b/packages/components/src/telekom/icons/action/sound-on/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13 3.5v17h-2l-4.5-4h-1.5a3 3 0 0 1 -3-3v-3a3 3 0 0 1 3-3h1.5l4.5-4zm6.7.8c4.252 4.253 4.252 11.147 0 15.4l-1.06-1.06a9.39 9.39 0 0 0 0-13.28zm-2.665 2.665.025.025a7.12 7.12 0 0 1 0 10.07l-1.06-1.06a5.625 5.625 0 0 0 0-7.975z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5v17h-2l-4.5-4H5a3 3 0 01-2.995-2.824L2 13.5v-3a3 3 0 012.824-2.995L5 7.5h1.5l4.5-4h2zm6.7.8c4.178 4.178 4.251 10.906.22 15.174l-.22.226-1.06-1.06a9.39 9.39 0 00.225-13.047l-.225-.233L19.7 4.3zM16 8.025l1.035-1.06.025.025a7.12 7.12 0 01.206 9.855l-.206.215L16 16a5.625 5.625 0 00.193-7.773L16 8.025z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/star/default.svg b/packages/components/src/telekom/icons/action/star/default.svg
new file mode 100644
index 0000000000..36bf0b79ea
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/star/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.613 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.064-5.061a1.713 1.713 0 00-1.592-1.07c-.703 0-1.327.42-1.593 1.07L8.34 7.633l-5.452.398c-.7.052-1.292.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.304 5.308a1.715 1.715 0 00.658 1.802c.568.413 1.321.44 1.918.07l4.644-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.176-3.527a1.714 1.714 0 00.526-1.845zm-1.494.699l-4.886 4.127 1.527 6.212c.03.119-.03.19-.084.23a.203.203 0 01-.244.009l-5.436-3.372-5.436 3.372a.206.206 0 01-.245-.009.206.206 0 01-.084-.23l1.527-6.211-4.886-4.128a.205.205 0 01-.067-.235.206.206 0 01.192-.151l6.38-.468 2.416-5.923a.205.205 0 01.203-.136c.067 0 .156.024.203.137l2.416 5.922 6.38.468a.206.206 0 01.192.151.206.206 0 01-.068.235z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/star/selected.svg b/packages/components/src/telekom/icons/action/star/selected.svg
new file mode 100644
index 0000000000..955b28e1db
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/star/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.613 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.064-5.061a1.713 1.713 0 00-1.592-1.07c-.703 0-1.327.42-1.593 1.07L8.34 7.633l-5.452.398c-.7.052-1.292.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.304 5.308a1.715 1.715 0 00.658 1.802c.568.413 1.321.44 1.918.07l4.644-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.176-3.527a1.714 1.714 0 00.526-1.845z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/stream-on/default.svg b/packages/components/src/telekom/icons/action/stream-on/default.svg
index 50619c3a53..4fff6cbc79 100644
--- a/packages/components/src/telekom/icons/action/stream-on/default.svg
+++ b/packages/components/src/telekom/icons/action/stream-on/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m1.75 11c4.55 0 8.25 3.7 8.25 8.25 0 .45-.05.85-.1 1.25h-1.5c.05-.4.1-.8.1-1.25 0-3.7-3.05-6.75-6.75-6.75-.45 0-.85.05-1.25.1v-1.5c.4-.05.8-.1 1.25-.1zm0 3.5c2.6 0 4.75 2.15 4.75 4.75 0 .45-.05.85-.15 1.25h-1.6c.15-.4.25-.8.25-1.25 0-1.8-1.45-3.25-3.25-3.25-.45 0-.85.1-1.25.25v-1.6c.4-.1.8-.15 1.25-.15zm0 3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm18.75-14.5c1.65 0 3 1.35 3 3v11c0 1.65-1.35 3-3 3h-9.1c.15-.85.1-1.15.1-1.5h9c.85 0 1.5-.65 1.5-1.5v-11c0-.85-.65-1.5-1.5-1.5h-17c-.8 0-1.5.65-1.5 1.5v3s-.45-.05-1.5.1v-3.1c0-1.65 1.35-3 3-3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1.75 11C6.3 11 10 14.7 10 19.25c0 .337-.028.647-.063.95l-.037.3H8.4c.05-.4.1-.8.1-1.25 0-3.7-3.05-6.75-6.75-6.75-.338 0-.647.028-.95.063l-.3.037v-1.5c.4-.05.8-.1 1.25-.1zm0 3.5c2.6 0 4.75 2.15 4.75 4.75a5.1 5.1 0 01-.096 1.01l-.054.24h-1.6c.15-.4.25-.8.25-1.25C5 17.45 3.55 16 1.75 16c-.375 0-.715.07-1.05.18l-.2.07v-1.6c.4-.1.8-.15 1.25-.15zm0 3.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM20.5 3.5a3.01 3.01 0 012.995 2.824l.005.176v11a3.01 3.01 0 01-2.824 2.995l-.176.005h-9.1c.075-.425.1-.712.106-.938l.001-.206L11.5 19h9c.8 0 1.423-.576 1.493-1.352L22 17.5v-11c0-.8-.576-1.423-1.352-1.493L20.5 5h-17c-.753 0-1.417.576-1.493 1.352L2 6.5v3l-.136-.007-.232.001-.24.011-.306.024-.178.019L.5 9.6V6.5a3.01 3.01 0 012.824-2.995L3.5 3.5h17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/stream-on/selected.svg b/packages/components/src/telekom/icons/action/stream-on/selected.svg
index 233cbde52a..cf3826f86b 100644
--- a/packages/components/src/telekom/icons/action/stream-on/selected.svg
+++ b/packages/components/src/telekom/icons/action/stream-on/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M1.75 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm0-3.5a4.755 4.755 0 014.75 4.75c-.003.422-.06.842-.17 1.25H4.75A3.25 3.25 0 00.5 16.25v-1.58c.408-.11.828-.167 1.25-.17zm0-3.5A8.26 8.26 0 0110 19.25c-.007.42-.047.837-.12 1.25h-1.5c.078-.412.118-.83.12-1.25a6.76 6.76 0 00-6.75-6.75 6.88 6.88 0 00-1.25.105v-1.5c.414-.065.831-.1 1.25-.105zM20.5 3.5a3 3 0 013 3v11a3 3 0 01-3 3h-9.09a9.37 9.37 0 00.09-1.25A9.75 9.75 0 001.75 9.5a9.37 9.37 0 00-1.25.09V6.5a3 3 0 013-3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1.75 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm0-3.5a4.755 4.755 0 014.75 4.75 4.895 4.895 0 01-.11 1.004l-.06.246H4.75a3.25 3.25 0 00-4.057-4.323L.5 16.25v-1.58c.408-.11.828-.167 1.25-.17zm0-3.5A8.26 8.26 0 0110 19.25c-.005.314-.03.628-.071.94l-.049.31h-1.5c.078-.412.118-.83.12-1.25a6.76 6.76 0 00-6.75-6.75 6.88 6.88 0 00-.94.057l-.31.048v-1.5c.414-.065.831-.1 1.25-.105zM20.5 3.5a3 3 0 012.995 2.824l.005.176v11a3 3 0 01-2.824 2.995l-.176.005h-9.09a9.37 9.37 0 00.09-1.25c0-5.385-4.365-9.75-9.75-9.75a9.37 9.37 0 00-.835.041L.5 9.59V6.5a3 3 0 012.824-2.995L3.5 3.5h17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/success/default.svg b/packages/components/src/telekom/icons/action/success/default.svg
index 0004a59b64..821d311763 100644
--- a/packages/components/src/telekom/icons/action/success/default.svg
+++ b/packages/components/src/telekom/icons/action/success/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.4 5.05c-.3-.3-.75-.3-1.05 0l-12.35 12.35-5.9-5.9c-.3-.3-.75-.3-1.05 0s-.3.75 0 1.05l6.95 6.95 13.4-13.4c.3-.3.3-.75 0-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm0 20.5c-5.239 0-9.5-4.262-9.5-9.5 0-5.239 4.261-9.5 9.5-9.5 5.238 0 9.5 4.261 9.5 9.5 0 5.238-4.262 9.5-9.5 9.5z"/><path d="M16.47 8.236l-5.803 5.803-3.137-3.136a.75.75 0 10-1.06 1.06l4.197 4.197 6.864-6.863a.75.75 0 10-1.061-1.061z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/success/selected.svg b/packages/components/src/telekom/icons/action/success/selected.svg
index 5bdad66952..0a079b5366 100644
--- a/packages/components/src/telekom/icons/action/success/selected.svg
+++ b/packages/components/src/telekom/icons/action/success/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9 20.215-7.305-7.305a1.25 1.25 0 0 1 1.765-1.77l5.54 5.54 12-12a1.25 1.25 0 0 1 1.765 1.765z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5.53 8.295l-6.865 6.865-4.195-4.195a.75.75 0 111.06-1.06l3.135 3.135 5.805-5.805a.755.755 0 011.06 0 .745.745 0 010 1.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/thumbs-down/default.svg b/packages/components/src/telekom/icons/action/thumbs-down/default.svg
index 7244c40f1d..7bc08f77e1 100644
--- a/packages/components/src/telekom/icons/action/thumbs-down/default.svg
+++ b/packages/components/src/telekom/icons/action/thumbs-down/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.655 10.87c.37-1.07.105-2.195-.72-3.055.245-1.125-.215-2.315-1.185-3.06a2.427 2.427 0 00-.555-1.53c-.625-.765-1.725-1.22-2.94-1.22L13.03 2h-.015c-2.46 0-4.135.93-4.845 1.33-.185.05-.745.67-3.615.67H2v11.5h4.5v-1.825c1.395.53 2.43 2.26 3.485 4.655.765 1.725.95 2.125 1.32 2.86.425.835 1.19 1.31 2.025 1.31.225 0 .45-.035.675-.105 1.1-.34 1.76-1.41 1.605-2.6l-.525-4.01a.251.251 0 01.25-.285h3.625a3.088 3.088 0 002.87-1.895c.405-.935.33-1.945-.175-2.735zm-1.205 2.14c-.205.48-.705.99-1.49.99h-3.625c-.51 0-.99.22-1.32.605-.335.385-.48.89-.41 1.385l.525 4c.075.57-.255.88-.56.975-.14.04-.62.14-.92-.455-.36-.71-.53-1.075-1.285-2.79-1.095-2.46-2.455-5.07-4.865-5.61V5.4c1.555-.2 2.325-.73 2.4-.76.665-.37 2.045-1.145 4.115-1.145h.01l3.225.005c.76 0 1.445.26 1.785.675.325.395.215.705.085 1.35.555.305.945.475 1.215 1.02.335.67.095 1.1-.18 1.735.54.425.97.715 1.12 1.31.135.525-.045.84-.4 1.515.22.225 1.04.835.575 1.905z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.655 10.87c.37-1.07.105-2.195-.72-3.055.245-1.125-.215-2.315-1.185-3.06a2.427 2.427 0 00-.555-1.53c-.625-.765-1.725-1.22-2.94-1.22L13.03 2h-.015c-2.46 0-4.135.93-4.845 1.33-.185.05-.745.67-3.615.67H2v11.5h4.5v-1.825c1.395.53 2.43 2.26 3.485 4.655.765 1.725.95 2.125 1.32 2.86.425.835 1.19 1.31 2.025 1.31.225 0 .45-.035.675-.105 1.1-.34 1.76-1.41 1.605-2.6l-.525-4.01a.251.251 0 01.25-.285h3.625a3.088 3.088 0 002.87-1.895c.405-.935.33-1.945-.175-2.735zm-1.205 2.14c-.205.48-.705.99-1.49.99h-3.625c-.51 0-.99.22-1.32.605-.335.385-.48.89-.41 1.385l.525 4c.075.57-.255.88-.56.975-.14.04-.62.14-.92-.455-.36-.71-.53-1.075-1.285-2.79-1.095-2.46-2.455-5.07-4.865-5.61V5.4c1.555-.2 2.325-.73 2.4-.76.665-.37 2.045-1.145 4.115-1.145h.01l3.225.005c.76 0 1.445.26 1.785.675.325.395.215.705.085 1.35.555.305.945.475 1.215 1.02.335.67.095 1.1-.18 1.735.54.425.97.715 1.12 1.31.135.525-.045.84-.4 1.515.22.225 1.04.835.575 1.905z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/thumbs-down/selected.svg b/packages/components/src/telekom/icons/action/thumbs-down/selected.svg
index 03c0aa0739..272f49d581 100644
--- a/packages/components/src/telekom/icons/action/thumbs-down/selected.svg
+++ b/packages/components/src/telekom/icons/action/thumbs-down/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.79 11a2.255 2.255 0 00-.715-2.935 2.315 2.315 0 00-1.115-2.91c.29-1.43-1.095-2.38-2.71-2.38h-3.22A8.87 8.87 0 008.5 4a5.635 5.635 0 01-2 .645V4H2v11.5h4.5v-2.61c1.93.55 3.125 2.765 4.17 5.135.765 1.73.94 2.11 1.305 2.825a1.535 1.535 0 002.895-.955c-.13-1-.5-4-.5-4a1 1 0 011-1.14h3.625C21 14.75 22.05 12.315 20.79 11zM5 14H3.5V5.5H5V14z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.03 2l3.225.005c1.215 0 2.315.455 2.94 1.22.36.44.55.97.555 1.53.97.745 1.43 1.935 1.185 3.06.825.86 1.09 1.985.72 3.055.505.79.58 1.8.175 2.735a3.088 3.088 0 01-2.87 1.895h-3.625a.251.251 0 00-.25.285l.525 4.01c.155 1.19-.505 2.26-1.605 2.6-.225.07-.45.105-.675.105-.835 0-1.6-.475-2.025-1.31-.37-.735-.555-1.135-1.32-2.86-1.055-2.395-2.09-4.125-3.485-4.655V15.5H2V4h2.555c2.87 0 3.43-.62 3.615-.67.71-.4 2.385-1.33 4.845-1.33h.015zM5 5.5H3.5V14H5V5.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/thumbs-up/default.svg b/packages/components/src/telekom/icons/action/thumbs-up/default.svg
index 6b0b27bb4b..9b6715b569 100644
--- a/packages/components/src/telekom/icons/action/thumbs-up/default.svg
+++ b/packages/components/src/telekom/icons/action/thumbs-up/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.655 13.13c.505-.79.58-1.8.175-2.735-.51-1.17-1.605-1.895-2.87-1.895h-3.625a.25.25 0 01-.245-.295l.525-4c.155-1.19-.505-2.26-1.605-2.6-1.08-.335-2.165.15-2.7 1.21-.375.735-.56 1.135-1.32 2.86-1.28 2.9-2.525 4.83-4.425 4.83H2v11.5h4.5V20.12c.565.09 1.115.245 1.61.52 1 .555 2.575 1.36 4.905 1.36h.015l3.22-.005c1.215 0 2.315-.45 2.945-1.215.36-.44.55-.98.555-1.535.97-.74 1.425-1.935 1.185-3.06.825-.86 1.09-1.985.72-3.055zM20.3 14.315c-.11.62-.545.935-1.145 1.405.27.62.455.93.27 1.51-.12.37-.24.655-1.31 1.245.125.62.245.95-.085 1.355-.335.415-1.02.67-1.78.67l-3.22.005h-.01c-1.62 0-2.85-.435-4.175-1.18-.755-.42-1.545-.625-2.34-.725v-6.71c2.41-.545 3.77-3.15 4.855-5.615.755-1.71.925-2.075 1.285-2.79.3-.595.78-.495.92-.455.305.095.635.405.56.975L13.605 8c-.15 1.055.665 2 1.735 2h3.625c.785 0 1.285.51 1.495.99.51 1.18-.47 1.71-.57 1.91.285.56.505.895.41 1.415z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.655 13.13c.505-.79.58-1.8.175-2.735-.51-1.17-1.605-1.895-2.87-1.895h-3.625a.25.25 0 01-.245-.295l.525-4c.155-1.19-.505-2.26-1.605-2.6-1.08-.335-2.165.15-2.7 1.21-.375.735-.56 1.135-1.32 2.86-1.28 2.9-2.525 4.83-4.425 4.83H2v11.5h4.5V20.12c.565.09 1.115.245 1.61.52 1 .555 2.575 1.36 4.905 1.36h.015l3.22-.005c1.215 0 2.315-.45 2.945-1.215.36-.44.55-.98.555-1.535.97-.74 1.425-1.935 1.185-3.06.825-.86 1.09-1.985.72-3.055zM20.3 14.315c-.11.62-.545.935-1.145 1.405.27.62.455.93.27 1.51-.12.37-.24.655-1.31 1.245.125.62.245.95-.085 1.355-.335.415-1.02.67-1.78.67l-3.22.005h-.01c-1.62 0-2.85-.435-4.175-1.18-.755-.42-1.545-.625-2.34-.725v-6.71c2.41-.545 3.77-3.15 4.855-5.615.755-1.71.925-2.075 1.285-2.79.3-.595.78-.495.92-.455.305.095.635.405.56.975L13.605 8c-.15 1.055.665 2 1.735 2h3.625c.785 0 1.285.51 1.495.99.51 1.18-.47 1.71-.57 1.91.285.56.505.895.41 1.415z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/thumbs-up/selected.svg b/packages/components/src/telekom/icons/action/thumbs-up/selected.svg
index d47341cbc2..b5675c1813 100644
--- a/packages/components/src/telekom/icons/action/thumbs-up/selected.svg
+++ b/packages/components/src/telekom/icons/action/thumbs-up/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.96 9.25h-3.625a1 1 0 01-1-1.14s.395-3 .5-4A1.535 1.535 0 0012 3.15c-.365.715-.54 1.095-1.305 2.825-1.045 2.37-2.24 4.595-4.17 5.145v-.62H2V22h4.5v-2.64a5.5 5.5 0 012 .64 8.87 8.87 0 004.555 1.265h3.195c1.615 0 3-.95 2.71-2.38a2.315 2.315 0 001.115-2.91A2.255 2.255 0 0020.79 13c1.26-1.315.21-3.75-1.83-3.75zM5 20.5H3.5V12H5v8.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.31 2.815c.535-1.06 1.62-1.545 2.7-1.21 1.1.34 1.76 1.41 1.605 2.6l-.525 4a.25.25 0 00.245.295h3.625c1.265 0 2.36.725 2.87 1.895.405.935.33 1.945-.175 2.735.37 1.07.105 2.195-.72 3.055.24 1.125-.215 2.32-1.185 3.06a2.451 2.451 0 01-.555 1.535c-.63.765-1.73 1.215-2.945 1.215L13.03 22h-.015c-2.33 0-3.905-.805-4.905-1.36-.495-.275-1.045-.43-1.61-.52v1.885H2v-11.5h3.565c1.9 0 3.145-1.93 4.425-4.83a74.449 74.449 0 011.013-2.244l.099-.202.1-.202.108-.212zM5 12H3.5v8.5H5V12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/tiles-add/default.svg b/packages/components/src/telekom/icons/action/tiles-add/default.svg
index 5a0e5f8fd3..1a2ff70076 100644
--- a/packages/components/src/telekom/icons/action/tiles-add/default.svg
+++ b/packages/components/src/telekom/icons/action/tiles-add/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.5 13.5V22H4c-1.1 0-2-.9-2-2v-6.5h8.5zm7.25 0c.4 0 .75.35.75.75V17h2.75c.4 0 .75.35.75.75s-.35.75-.75.75H18.5v2.75c0 .4-.35.75-.75.75s-.75-.35-.75-.75V18.5h-2.75c-.4 0-.75-.35-.75-.75s.35-.75.75-.75H17v-2.75c0-.4.35-.75.75-.75zM9 15H3.5v5c0 .3.2.5.5.5h5V15zm1.5-13v8.5H2V4c0-1.1.9-2 2-2h6.5zM20 2c1.1 0 2 .9 2 2v6.5h-8.5V2zM9 3.5H4c-.3 0-.5.2-.5.5v5H9V3.5zm11 0h-5V9h5.5V4c0-.3-.2-.5-.5-.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 13.5V22H4c-1.05 0-1.918-.82-1.994-1.851L2 20v-6.5h8.5zm7.25 0c.367 0 .691.294.743.651l.007.099V17h2.75c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007H18.5v2.75c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L17 21.25V18.5h-2.75c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L14.25 17H17v-2.75c0-.4.35-.75.75-.75zM9 15H3.5v5c0 .267.158.454.404.493L4 20.5h5V15zm1.5-13v8.5H2V4c0-1.05.82-1.918 1.851-1.994L4 2h6.5zM20 2c1.05 0 1.918.82 1.994 1.851L22 4v6.5h-8.5V2H20zM9 3.5H4c-.267 0-.454.158-.493.404L3.5 4v5H9V3.5zm11 0h-5V9h5.5V4c0-.267-.158-.454-.404-.493L20 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/tiles-add/selected.svg b/packages/components/src/telekom/icons/action/tiles-add/selected.svg
index 952fc3d290..a0b90c72ab 100644
--- a/packages/components/src/telekom/icons/action/tiles-add/selected.svg
+++ b/packages/components/src/telekom/icons/action/tiles-add/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.5 13.5V22H4a2 2 0 01-2-2v-6.5h8.5zm7.25 0a.75.75 0 01.75.75V17h2.75a.75.75 0 010 1.5H18.5v2.75a.75.75 0 11-1.5 0V18.5h-2.75a.75.75 0 110-1.5H17v-2.75a.75.75 0 01.75-.75zM10.5 2v8.5H2V4a2 2 0 012-2h6.5zM20 2a2 2 0 012 2v6.5h-8.5V2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 13.5V22H4a2 2 0 01-1.995-1.85L2 20v-6.5h8.5zm7.25 0a.75.75 0 01.743.648l.007.102V17h2.75a.75.75 0 01.102 1.493l-.102.007H18.5v2.75a.75.75 0 01-1.493.102L17 21.25V18.5h-2.75a.75.75 0 01-.102-1.493L14.25 17H17v-2.75a.75.75 0 01.75-.75zM10.5 2v8.5H2V4a2 2 0 011.85-1.995L4 2h6.5zM20 2a2 2 0 011.995 1.85L22 4v6.5h-8.5V2H20z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/upload-to-cloud/default.svg b/packages/components/src/telekom/icons/action/upload-to-cloud/default.svg
new file mode 100644
index 0000000000..c70206febe
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/upload-to-cloud/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.7 8.75c-.45-1.3-1.25-2.4-2.25-3.25-1.35-1.15-3.05-1.8-4.95-1.8-1.75 0-3.45.6-4.8 1.7-.35-.1-.75-.15-1.1-.15-2.4 0-4.4 1.8-4.65 4.15-1.65.9-2.7 2.6-2.7 4.5 0 1.7.8 3.15 2.05 4.1 1 .75 2.2 1.1 3.35 1 1.6 1.3 3.6 2 5.65 2 1.9 0 3.65-.55 5.2-1.65.5.15 1 .2 1.5.2 3.15 0 5.75-2.6 5.75-5.75 0-2.1-1.2-4.1-3.05-5.05zm-2.7 9.3c-.9 0-1.55-.3-1.8-.4-.3.2-1.3 1.25-3.45 1.7V15h3.3L12 10l-4.05 5h3.3v4.5c-.85 0-1.65-.15-2.45-.45a7.49 7.49 0 01-2.65-1.65c-.6.05-1.95.3-3.25-.9-.7-.65-1.2-1.6-1.2-2.65 0-2.75 2.6-3.5 2.65-3.55.05-.2-.2-1.65 1.1-2.8C6.4 6.7 7.7 6.45 9 7c1.55-1.55 3.35-1.9 4.45-1.9 1.5 0 2.85.5 3.95 1.4 1.5 1.25 1.9 2.85 2 3.2 0 0 2.8 1 2.8 4 .05 2.45-1.85 4.35-4.2 4.35z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/upload-to-cloud/selected.svg b/packages/components/src/telekom/icons/action/upload-to-cloud/selected.svg
new file mode 100644
index 0000000000..a64dbb05f9
--- /dev/null
+++ b/packages/components/src/telekom/icons/action/upload-to-cloud/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 3.7c1.9 0 3.6.65 4.95 1.8 1 .85 1.8 1.95 2.25 3.25 1.85.95 3.05 2.95 3.05 5.05 0 3.15-2.6 5.75-5.75 5.75-.5 0-1-.05-1.5-.2a8.77 8.77 0 01-3.75 1.538V15h3.3L12 10l-4.05 5h3.3v6a8.962 8.962 0 01-5.6-2c-1.15.1-2.35-.25-3.35-1-1.25-.95-2.05-2.4-2.05-4.1 0-1.9 1.05-3.6 2.7-4.5C3.2 7.05 5.2 5.25 7.6 5.25c.35 0 .75.05 1.1.15 1.35-1.1 3.05-1.7 4.8-1.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/upload/default.svg b/packages/components/src/telekom/icons/action/upload/default.svg
index 2bf11862d9..53b06e5c90 100644
--- a/packages/components/src/telekom/icons/action/upload/default.svg
+++ b/packages/components/src/telekom/icons/action/upload/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.25 20.5c.4 0 .75.35.75.75s-.35.75-.75.75H2.75c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zM12 2l4.6 7h-3.85v6.75c0 .4-.35.75-.75.75s-.75-.35-.75-.75V9H7.4L12 2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 20.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L21.25 22H2.75c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h18.5zM12 2l4.6 7h-3.85v6.75c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099V9H7.4L12 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/upload/selected.svg b/packages/components/src/telekom/icons/action/upload/selected.svg
index 8c6061d72f..7dbe2c7895 100644
--- a/packages/components/src/telekom/icons/action/upload/selected.svg
+++ b/packages/components/src/telekom/icons/action/upload/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.25 20.185a1.065 1.065 0 010 2.13H2.75a1.065 1.065 0 110-2.13zM12 2l4.58 7h-3.33v6.75a1.25 1.25 0 11-2.5 0V9H7.42L12 2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 20.185a1.065 1.065 0 01.116 2.124l-.116.006H2.75a1.065 1.065 0 01-.116-2.124l.116-.006h18.5zM12 2l4.58 7h-3.33v6.75a1.25 1.25 0 01-2.494.128l-.006-.128V9H7.42L12 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/volume-down/default.svg b/packages/components/src/telekom/icons/action/volume-down/default.svg
index 736c950be5..a45f3a93e3 100644
--- a/packages/components/src/telekom/icons/action/volume-down/default.svg
+++ b/packages/components/src/telekom/icons/action/volume-down/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13 3.5v17h-2l-4.5-4H5c-1.655 0-3-1.345-3-3v-3c0-1.655 1.345-3 3-3h1.5l4.5-4h2zm-1.5 1.56L7.07 9H5c-.825 0-1.5.675-1.5 1.5v3c0 .825.675 1.5 1.5 1.5h2.07l4.43 3.94V5.06zM22 11.25a.749.749 0 110 1.5h-6a.749.749 0 110-1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5v17h-2l-4.5-4H5a3.003 3.003 0 01-2.995-2.824L2 13.5v-3a3.003 3.003 0 012.824-2.995L5 7.5h1.5l4.5-4h2zm-1.5 1.56L7.07 9H5c-.776 0-1.42.598-1.493 1.356L3.5 10.5v3c0 .776.598 1.42 1.356 1.493L5 15h2.07l4.43 3.94V5.06zM22 11.25a.749.749 0 01.102 1.493L22 12.75h-6a.749.749 0 01-.102-1.493L16 11.25h6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/volume-down/selected.svg b/packages/components/src/telekom/icons/action/volume-down/selected.svg
index 789b657a0b..1aef2a3ea4 100644
--- a/packages/components/src/telekom/icons/action/volume-down/selected.svg
+++ b/packages/components/src/telekom/icons/action/volume-down/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13 3.5v17h-2l-4.5-4H5a3 3 0 01-3-3v-3a3 3 0 013-3h1.5l4.5-4h2zm9 7.75a.75.75 0 110 1.5h-6a.75.75 0 010-1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5v17h-2l-4.5-4H5a3 3 0 01-2.995-2.824L2 13.5v-3a3 3 0 012.824-2.995L5 7.5h1.5l4.5-4h2zm9 7.75a.75.75 0 01.102 1.493L22 12.75h-6a.75.75 0 01-.102-1.493L16 11.25h6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/volume-up/default.svg b/packages/components/src/telekom/icons/action/volume-up/default.svg
index 397c12ed54..c211b66671 100644
--- a/packages/components/src/telekom/icons/action/volume-up/default.svg
+++ b/packages/components/src/telekom/icons/action/volume-up/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13 3.5v17h-2l-4.5-4H5c-1.655 0-3-1.345-3-3v-3c0-1.655 1.345-3 3-3h1.5l4.5-4h2zm-1.5 1.56L7.07 9H5c-.825 0-1.5.675-1.5 1.5v3c0 .825.675 1.5 1.5 1.5h2.07l4.43 3.94V5.06zM19 8.25c.415 0 .75.335.75.75v2.25H22a.749.749 0 110 1.5h-2.25V15a.749.749 0 11-1.5 0v-2.25H16a.749.749 0 110-1.5h2.25V9c0-.415.335-.75.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5v17h-2l-4.5-4H5a3.003 3.003 0 01-2.995-2.824L2 13.5v-3a3.003 3.003 0 012.824-2.995L5 7.5h1.5l4.5-4h2zm-1.5 1.56L7.07 9H5c-.776 0-1.42.598-1.493 1.356L3.5 10.5v3c0 .776.598 1.42 1.356 1.493L5 15h2.07l4.43 3.94V5.06zM19 8.25c.38 0 .694.281.743.648L19.75 9v2.25H22a.749.749 0 01.102 1.493L22 12.75h-2.25V15a.749.749 0 01-1.493.102L18.25 15v-2.25H16a.749.749 0 01-.102-1.493L16 11.25h2.25V9c0-.415.335-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/volume-up/selected.svg b/packages/components/src/telekom/icons/action/volume-up/selected.svg
index 4859ea4f39..c3e9c5bfee 100644
--- a/packages/components/src/telekom/icons/action/volume-up/selected.svg
+++ b/packages/components/src/telekom/icons/action/volume-up/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13 3.5v17h-2l-4.5-4H5a3 3 0 01-3-3v-3a3 3 0 013-3h1.5l4.5-4h2zm6 4.75a.75.75 0 01.75.75v2.25H22a.75.75 0 110 1.5h-2.25V15a.75.75 0 11-1.5 0v-2.25H16a.75.75 0 010-1.5h2.25V9a.75.75 0 01.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.5v17h-2l-4.5-4H5a3 3 0 01-2.995-2.824L2 13.5v-3a3 3 0 012.824-2.995L5 7.5h1.5l4.5-4h2zm6 4.75a.75.75 0 01.743.648L19.75 9v2.25H22a.75.75 0 01.102 1.493L22 12.75h-2.25V15a.75.75 0 01-1.493.102L18.25 15v-2.25H16a.75.75 0 01-.102-1.493L16 11.25h2.25V9a.75.75 0 01.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/zoom-in/default.svg b/packages/components/src/telekom/icons/action/zoom-in/default.svg
index 975d650567..44532af3ed 100644
--- a/packages/components/src/telekom/icons/action/zoom-in/default.svg
+++ b/packages/components/src/telekom/icons/action/zoom-in/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10 2c4.42 0 8 3.58 8 8 0 1.76-.575 3.38-1.535 4.695l4.92 4.92c.485.49.485 1.28.005 1.77a1.245 1.245 0 01-.885.365c-.32 0-.64-.12-.885-.365l-4.92-4.92A7.961 7.961 0 0110 18c-4.42 0-8-3.58-8-8s3.58-8 8-8zm0 1.5A6.506 6.506 0 003.5 10c0 3.585 2.915 6.5 6.5 6.5s6.5-2.915 6.5-6.5-2.915-6.5-6.5-6.5zm0 2.75c.415 0 .75.335.75.75v2.25H13a.749.749 0 110 1.5h-2.25V13a.749.749 0 11-1.5 0v-2.25H7a.749.749 0 110-1.5h2.25V7c0-.415.335-.75.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2c4.42 0 8 3.58 8 8 0 1.65-.505 3.177-1.36 4.445l-.175.25 4.92 4.92c.485.49.485 1.28.005 1.77a1.245 1.245 0 01-.885.365c-.274 0-.549-.088-.776-.268l-.109-.097-4.92-4.92A7.961 7.961 0 0110 18c-4.42 0-8-3.58-8-8s3.58-8 8-8zm0 1.5A6.506 6.506 0 003.5 10c0 3.585 2.915 6.5 6.5 6.5s6.5-2.915 6.5-6.5-2.915-6.5-6.5-6.5zm0 2.75c.38 0 .694.281.743.648L10.75 7v2.25H13a.749.749 0 01.102 1.493L13 10.75h-2.25V13a.749.749 0 01-1.493.102L9.25 13v-2.25H7a.749.749 0 01-.102-1.493L7 9.25h2.25V7c0-.415.335-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/zoom-in/selected.svg b/packages/components/src/telekom/icons/action/zoom-in/selected.svg
index a246c5339b..efcb32f662 100644
--- a/packages/components/src/telekom/icons/action/zoom-in/selected.svg
+++ b/packages/components/src/telekom/icons/action/zoom-in/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.385 19.615l-4.92-4.915a8 8 0 10-1.765 1.765l4.915 4.92c.49.487 1.28.487 1.77 0a1.26 1.26 0 000-1.77zM10.75 13a.75.75 0 11-1.5 0v-2.25H7a.75.75 0 110-1.5h2.25V7a.75.75 0 011.5 0v2.25H13a.75.75 0 110 1.5h-2.25V13z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.385 19.615l-4.92-4.915a8 8 0 10-1.765 1.765l4.915 4.92c.49.487 1.28.487 1.77 0a1.26 1.26 0 000-1.77zM10.75 13a.75.75 0 11-1.5 0v-2.25H7a.75.75 0 110-1.5h2.25V7a.75.75 0 011.5 0v2.25H13a.75.75 0 110 1.5h-2.25V13z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/zoom-out/default.svg b/packages/components/src/telekom/icons/action/zoom-out/default.svg
index 4b16229ed2..dd69b71508 100644
--- a/packages/components/src/telekom/icons/action/zoom-out/default.svg
+++ b/packages/components/src/telekom/icons/action/zoom-out/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10 2c4.42 0 8 3.58 8 8 0 1.76-.575 3.38-1.535 4.695l4.92 4.92c.485.49.485 1.28.005 1.77a1.245 1.245 0 01-.885.365c-.32 0-.64-.12-.885-.365l-4.92-4.92A7.961 7.961 0 0110 18c-4.42 0-8-3.58-8-8s3.58-8 8-8zm0 1.5A6.506 6.506 0 003.5 10c0 3.585 2.915 6.5 6.5 6.5s6.5-2.915 6.5-6.5-2.915-6.5-6.5-6.5zm3 5.75a.749.749 0 110 1.5H7a.749.749 0 110-1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2c4.42 0 8 3.58 8 8 0 1.65-.505 3.177-1.36 4.445l-.175.25 4.92 4.92c.485.49.485 1.28.005 1.77a1.245 1.245 0 01-.885.365c-.274 0-.549-.088-.776-.268l-.109-.097-4.92-4.92A7.961 7.961 0 0110 18c-4.42 0-8-3.58-8-8s3.58-8 8-8zm0 1.5A6.506 6.506 0 003.5 10c0 3.585 2.915 6.5 6.5 6.5s6.5-2.915 6.5-6.5-2.915-6.5-6.5-6.5zm3 5.75a.749.749 0 01.102 1.493L13 10.75H7a.749.749 0 01-.102-1.493L7 9.25h6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/action/zoom-out/selected.svg b/packages/components/src/telekom/icons/action/zoom-out/selected.svg
index 28d452c009..74a4225706 100644
--- a/packages/components/src/telekom/icons/action/zoom-out/selected.svg
+++ b/packages/components/src/telekom/icons/action/zoom-out/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.385 19.615l-4.92-4.915a8 8 0 10-1.765 1.765l4.915 4.92c.49.487 1.28.487 1.77 0a1.26 1.26 0 000-1.77zM13 10.75H7a.75.75 0 110-1.5h6a.75.75 0 110 1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.385 19.615l-4.92-4.915a8 8 0 10-1.765 1.765l4.915 4.92c.49.487 1.28.487 1.77 0a1.26 1.26 0 000-1.77zM13 10.75H7a.75.75 0 110-1.5h6a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/antivirus-protection/default.svg b/packages/components/src/telekom/icons/alert/antivirus-protection/default.svg
new file mode 100644
index 0000000000..5b437f24bb
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/antivirus-protection/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .98l9.5 2.171v7.998c0 5.589-3.684 10.575-8.997 12.234l-.297.088-.206.058-.206-.058c-5.373-1.534-9.154-6.447-9.29-12.012l-.004-.31V3.151L12 .981zm0 1.54L4 4.346v6.802c0 4.954 3.28 9.371 8 10.82 4.627-1.42 7.868-5.69 7.996-10.523l.004-.297V4.347L12 2.52zm4.175 5.93l.638.771a7.37 7.37 0 01-2.313 1.29v.99H17v1h-2.5v1l-.012.113a7.365 7.365 0 012.325 1.293l-.638.771a6.327 6.327 0 00-1.933-1.093A2.492 2.492 0 0112 16c-.99 0-1.838-.58-2.243-1.415a6.35 6.35 0 00-1.933 1.093l-.637-.77a7.35 7.35 0 012.324-1.294l-.01-.114v-1H7v-1h2.5v-.989a7.348 7.348 0 01-2.314-1.29l.637-.77c2.381 1.971 5.97 1.971 8.351 0zM12 6.5c.966 0 1.75.783 1.75 1.75 0 .145-.023.285-.057.421a5.715 5.715 0 01-3.386 0 1.73 1.73 0 01-.057-.42c0-.968.783-1.75 1.75-1.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/antivirus-protection/selected.svg b/packages/components/src/telekom/icons/alert/antivirus-protection/selected.svg
new file mode 100644
index 0000000000..4b92b5e33f
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/antivirus-protection/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .98l9.5 2.172v7.998c0 5.587-3.684 10.572-8.997 12.233l-.297.089-.206.058-.206-.058c-5.373-1.537-9.155-6.448-9.29-12.013l-.004-.31V3.153L12 .98zm4.176 7.47c-2.311 1.916-5.76 1.972-8.138.17l-.213-.17-.638.772a7.34 7.34 0 002.004 1.175l.309.114v.989H7v1h2.5v1l.012.115a7.4 7.4 0 00-2.059 1.082l-.266.21.638.77a6.345 6.345 0 011.933-1.091A2.491 2.491 0 0012 16c.99 0 1.838-.58 2.243-1.414.594.21 1.161.507 1.679.892l.254.2.637-.771a7.321 7.321 0 00-2.325-1.292l.012-.115v-1H17v-1h-2.5v-.99a7.389 7.389 0 002.048-1.08l.265-.208-.637-.771zM12 6.5a1.75 1.75 0 00-1.75 1.75c0 .146.023.287.058.423a5.696 5.696 0 003.385 0c.034-.137.057-.277.057-.423A1.75 1.75 0 0012 6.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/compliance/default.svg b/packages/components/src/telekom/icons/alert/compliance/default.svg
index 5e150fbec2..62dfae3732 100644
--- a/packages/components/src/telekom/icons/alert/compliance/default.svg
+++ b/packages/components/src/telekom/icons/alert/compliance/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.75 11.5c3.45 0 6.25 2.8 6.25 6.25S21.2 24 17.75 24s-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zM21 1v9.72a7.586 7.586 0 00-1.5-.515V2.5h-15V20c0 .825.675 1.5 1.5 1.5h4.97c.3.545.67 1.045 1.09 1.5H6c-1.655 0-3-1.345-3-3V1h18zm-.105 14.535a.745.745 0 00-1.06 0l-2.82 2.82-1.41-1.41a.745.745 0 00-1.06 0 .745.745 0 000 1.06l2.47 2.47 3.88-3.88a.754.754 0 000-1.06zM12.06 12.5a7.67 7.67 0 00-1.09 1.5H8a.749.749 0 110-1.5zm3.94-3a.74.74 0 01.725.575c-.995.13-1.935.45-2.775.925H8a.749.749 0 110-1.5zm0-3A.749.749 0 1116 8H8a.749.749 0 110-1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5c3.45 0 6.25 2.8 6.25 6.25S21.2 24 17.75 24s-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zM21 1v9.72a7.65 7.65 0 00-1.188-.436l-.312-.079V2.5h-15V20c0 .776.598 1.42 1.356 1.493L6 21.5h4.97c.24.436.525.843.844 1.222l.246.278H6a3.003 3.003 0 01-2.995-2.824L3 20V1h18zm-.105 14.535a.744.744 0 00-.975-.073l-.085.073-2.82 2.82-1.41-1.41a.745.745 0 00-1.06 0 .744.744 0 00-.073.975l.073.085 2.47 2.47 3.88-3.88a.754.754 0 000-1.06zM12.06 12.5c-.336.364-.64.757-.902 1.178L10.97 14H8a.749.749 0 01-.102-1.493L8 12.5h4.06zm3.94-3a.74.74 0 01.725.575 7.655 7.655 0 00-2.491.772L13.95 11H8a.749.749 0 01-.102-1.493L8 9.5h8zm0-3a.749.749 0 01.102 1.493L16 8H8a.749.749 0 01-.102-1.493L8 6.5h8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/compliance/selected.svg b/packages/components/src/telekom/icons/alert/compliance/selected.svg
index 99239dee4b..2cba924722 100644
--- a/packages/components/src/telekom/icons/alert/compliance/selected.svg
+++ b/packages/components/src/telekom/icons/alert/compliance/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.97 14H8a.75.75 0 110-1.5h4.06a7.865 7.865 0 011.89-1.5H8a.75.75 0 110-1.5h8a.74.74 0 01.725.575A7.535 7.535 0 0121 10.72V1H3v19a3 3 0 003 3h6.06a7.725 7.725 0 01-1.09-9zM8 6.5h8A.75.75 0 1116 8H8a.75.75 0 010-1.5zm12.895 9.035a.745.745 0 00-1.06 0L17 18.355l-1.41-1.41A.75.75 0 0014.545 18L17 20.5l3.88-3.88a.755.755 0 00.015-1.085zM17.75 11.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 11a4.75 4.75 0 110-9.5 4.75 4.75 0 010 9.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.97 14H8a.75.75 0 110-1.5h4.06a7.865 7.865 0 011.89-1.5H8a.75.75 0 110-1.5h8a.74.74 0 01.725.575A7.535 7.535 0 0121 10.72V1H3v19a3 3 0 003 3h6.06a7.725 7.725 0 01-1.09-9zM8 6.5h8A.75.75 0 1116 8H8a.75.75 0 010-1.5zm12.895 9.035a.745.745 0 00-1.06 0L17 18.355l-1.41-1.41A.75.75 0 0014.545 18L17 20.5l3.88-3.88a.755.755 0 00.015-1.085zM17.75 11.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 11a4.75 4.75 0 110-9.5 4.75 4.75 0 010 9.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/cyber-security/default.svg b/packages/components/src/telekom/icons/alert/cyber-security/default.svg
new file mode 100644
index 0000000000..3404ea9af0
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/cyber-security/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .98l9.5 2.173v7.998c0 5.587-3.684 10.572-8.997 12.232l-.297.089-.206.058-.206-.058c-5.373-1.536-9.154-6.447-9.29-12.012l-.004-.31V3.154L12 .98zm0 1.54L4 4.349v6.802c0 4.953 3.278 9.37 8 10.817 4.627-1.417 7.869-5.689 7.996-10.52L20 11.15V4.349l-8-1.83zm0 3.605a2.928 2.928 0 012.918 2.752l.005.172v.95H16v4a1.5 1.5 0 01-1.355 1.494l-.145.007h-5a1.5 1.5 0 01-1.493-1.356L8 14v-4h1.076v-.951A2.928 2.928 0 0112 6.125zm0 1.25c-.874 0-1.594.674-1.667 1.53l-.007.144v.95h3.347v-.95c0-.923-.75-1.674-1.673-1.674z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/cyber-security/selected.svg b/packages/components/src/telekom/icons/alert/cyber-security/selected.svg
new file mode 100644
index 0000000000..cf6825ea2a
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/cyber-security/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .98l9.5 2.171v7.998c0 5.693-3.822 10.758-9.294 12.322L12 23.53l-.206-.058C6.322 21.907 2.5 16.841 2.5 11.15V3.152L12 .98zm0 5.145a2.927 2.927 0 00-2.918 2.752l-.005.171v.953H8v4l.007.144a1.5 1.5 0 001.348 1.349l.145.007h5l.145-.007a1.5 1.5 0 001.348-1.35l.007-.143v-4h-1.077v-.952l-.005-.172A2.927 2.927 0 0012 6.125zm0 1.25c.874 0 1.594.674 1.667 1.53l.006.144V10h-3.346v-.952l.006-.145A1.675 1.675 0 0112 7.375z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/error/default.svg b/packages/components/src/telekom/icons/alert/error/default.svg
index 350ce4df8c..8d529992ce 100644
--- a/packages/components/src/telekom/icons/alert/error/default.svg
+++ b/packages/components/src/telekom/icons/alert/error/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M11.95 1.8c1 0 2 .5 2.6 1.5l8.5 14.7c1.2 2-.25 4.5-2.55 4.5H3.55C1.25 22.5-.2 20 .95 18l8.4-14.7c.6-1 1.6-1.5 2.6-1.5zm.105 1.5h-.11a1.44 1.44 0 00-1.245.75l-8.5 14.7c-.4.7-.15 1.25 0 1.5s.5.75 1.3.75h17c.75 0 1.15-.5 1.25-.75.15-.25.4-.8.05-1.5l-8.5-14.7c-.4-.7-1.05-.75-1.3-.75zM12 16.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm1-8V15h-2V8.5h2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.95 1.8c.938 0 1.875.44 2.483 1.318l.117.182 8.5 14.7c1.17 1.951-.18 4.378-2.383 4.496l-.167.004H3.55c-2.243 0-3.677-2.377-2.681-4.35L.95 18l8.4-14.7c.6-1 1.6-1.5 2.6-1.5zm.105 1.5h-.11a1.431 1.431 0 00-1.155.61l-.09.14-8.5 14.7c-.343.6-.208 1.09-.068 1.375l.068.125.077.12c.167.24.48.57 1.058.623L3.5 21h17c.75 0 1.15-.5 1.25-.75l.068-.125a1.47 1.47 0 00.048-1.227l-.066-.148-8.5-14.7c-.32-.56-.8-.704-1.107-.74l-.138-.01zM12 16.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm1-8V15h-2V8.5h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/error/selected.svg b/packages/components/src/telekom/icons/alert/error/selected.svg
index b6764a5cfa..5c89e7b77f 100644
--- a/packages/components/src/telekom/icons/alert/error/selected.svg
+++ b/packages/components/src/telekom/icons/alert/error/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.075 18L14.6 3.32a3 3 0 00-5.2 0L.925 18a3 3 0 002.6 4.5H20.5a3 3 0 002.575-4.5zM11 8.25h2v6.5h-2v-6.5zm1 10.5a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.075 18L14.6 3.32a3 3 0 00-5.2 0L.925 18a3 3 0 002.6 4.5H20.5a3 3 0 002.575-4.5zM11 8.25h2v6.5h-2v-6.5zm1 10.5a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/help/default.svg b/packages/components/src/telekom/icons/alert/help/default.svg
index 8a15759703..02ddbd27a8 100644
--- a/packages/components/src/telekom/icons/alert/help/default.svg
+++ b/packages/components/src/telekom/icons/alert/help/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11-11-4.9-11-11 4.95-11 11-11zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm1.25 12.4v2.3h-2.3v-2.3zm-1-7.9c1.7 0 3 1.1 2.95 2.8 0 2.15-2.2 2.45-2.2 3.75v.2h-1.95v-.5c0-1.95 2.15-2.15 2.15-3.4 0-.65-.4-1-1-1s-1 .4-1.05 1.15h-2c.05-1.6 1.15-3 3.1-3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 1.5c-5.239 0-9.5 4.261-9.5 9.5 0 5.238 4.261 9.5 9.5 9.5 5.238 0 9.5-4.262 9.5-9.5 0-5.239-4.262-9.5-9.5-9.5zM12 15a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm.101-7.98c1.695 0 2.926 1.123 2.926 2.67 0 .876-.381 1.437-.824 1.89l-.225.217-.462.42c-.346.323-.636.655-.69 1.095l-.01.152v.332H11.07v-.603c0-.89.46-1.383.968-1.811l.475-.391c.388-.33.707-.676.707-1.196 0-.7-.428-1.134-1.118-1.134-.612 0-1.02.366-1.146 1.015l-.022.143H9.12c.085-1.412 1.027-2.799 2.981-2.799z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/help/selected.svg b/packages/components/src/telekom/icons/alert/help/selected.svg
index d693d4c4c8..e5377bd424 100644
--- a/packages/components/src/telekom/icons/alert/help/selected.svg
+++ b/packages/components/src/telekom/icons/alert/help/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11a11 11 0 0 0 -11-11zm1.25 16.235h-2.31v-2.31h2.31zm-.18-3.705v.21h-1.965v-.5c0-1.95 2.145-2.115 2.145-3.39a.935.935 0 0 0 -1-1c-.615 0-1 .39-1.065 1.155h-2.03a2.95 2.95 0 0 1 3.09-3c1.695 0 3.03 1.11 3.03 2.775 0 2.145-2.205 2.445-2.205 3.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm0 17a1.364 1.364 0 110-2.727A1.364 1.364 0 0112 18zm1.91-6c-.546.47-1.02.91-1.02 1.593v.36h-1.905v-.655c0-1.123.666-1.663 1.315-2.182.545-.43 1.03-.84 1.03-1.521a1.14 1.14 0 00-1.22-1.239 1.25 1.25 0 00-1.272 1.266h-1.98a3.098 3.098 0 013.273-3.055c1.849 0 3.19 1.228 3.19 2.913-.021 1.276-.757 1.936-1.412 2.52z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/high-priority-email/default.svg b/packages/components/src/telekom/icons/alert/high-priority-email/default.svg
new file mode 100644
index 0000000000..ca62f5e1d3
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/high-priority-email/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M12 16.452a2.024 2.024 0 100 4.048 2.024 2.024 0 000-4.048zM10.381 14.023h3.238V3.5h-3.238z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/high-priority-email/selected.svg b/packages/components/src/telekom/icons/alert/high-priority-email/selected.svg
new file mode 100644
index 0000000000..20ae004f69
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/high-priority-email/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 16.452a2.024 2.024 0 110 4.048 2.024 2.024 0 010-4.048zM13.619 3.5v10.523h-3.238V3.5h3.238z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/imprint-dataprivacy/default.svg b/packages/components/src/telekom/icons/alert/imprint-dataprivacy/default.svg
index 806cf8a1a7..03fea6690c 100644
--- a/packages/components/src/telekom/icons/alert/imprint-dataprivacy/default.svg
+++ b/packages/components/src/telekom/icons/alert/imprint-dataprivacy/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1 9.5 2.15v8c0 2.85-.95 5.55-2.6 7.75-2.6 3.4-5.85 4.35-6.9 4.65-4.2-1.2-6.25-3.8-6.7-4.4-1.75-2.25-2.8-5.05-2.8-8v-8zm0 1.5-8 1.85v6.8c0 4.95 3.3 9.35 8 10.8 4.7-1.45 8-5.85 8-10.8v-6.8zm-1.4 10.5 1.4 1.4 1.4-1.4h1c.95 0 1.75.7 1.95 1.65l.15.85h-9l.15-.85c.15-.95 1-1.65 1.95-1.65zm1.4-6.5c1.4 0 2.5 1 2.5 2.5 0 1.55-1.05 3-2.5 3s-2.5-1.5-2.5-3 1.1-2.5 2.5-2.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1l9.5 2.15v8c0 2.85-.95 5.55-2.6 7.75a12.863 12.863 0 01-4.844 3.9l-.378.167-.18.075-.343.133-.314.113-.413.135-.428.127c-2.64-.754-4.43-2.062-5.508-3.078l-.277-.27-.241-.25c-.038-.04-.074-.08-.108-.118l-.19-.216-.158-.189-.218-.279c-1.674-2.152-2.707-4.808-2.794-7.616L2.5 11.15v-8L12 1zm0 1.5L4 4.35v6.8c0 4.95 3.3 9.35 8 10.8 4.606-1.421 7.867-5.675 7.996-10.504L20 11.15v-6.8L12 2.5zM10.6 13l1.4 1.4 1.4-1.4h1c.897 0 1.66.624 1.911 1.494l.039.156.15.85h-9l.15-.85c.142-.897.908-1.571 1.793-1.644L9.6 13h1zM12 6.5c1.4 0 2.5 1 2.5 2.5 0 1.55-1.05 3-2.5 3s-2.5-1.5-2.5-3 1.1-2.5 2.5-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/imprint-dataprivacy/selected.svg b/packages/components/src/telekom/icons/alert/imprint-dataprivacy/selected.svg
index 2bae433366..ee2a900c1e 100644
--- a/packages/components/src/telekom/icons/alert/imprint-dataprivacy/selected.svg
+++ b/packages/components/src/telekom/icons/alert/imprint-dataprivacy/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1.75l-8.75 2v7.4c0 5.386 3.571 10.12 8.75 11.6a12.065 12.065 0 008.75-11.6v-7.4l-8.75-2zm0 4.75A2.425 2.425 0 0114.5 9c0 1.5-1.055 3-2.5 3s-2.5-1.47-2.5-3A2.425 2.425 0 0112 6.5zm-4.5 9l.16-.865A2 2 0 019.625 13h1L12 14.395 13.395 13h1a2 2 0 011.965 1.635l.14.865h-9z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1l9.5 2.15v8c0 2.85-.95 5.55-2.6 7.75a12.863 12.863 0 01-4.844 3.9l-.378.167-.18.075-.343.133-.314.113-.413.135-.428.127c-2.64-.754-4.43-2.062-5.508-3.078l-.277-.27-.241-.25c-.038-.04-.074-.08-.108-.118l-.19-.216-.158-.189-.218-.279c-1.674-2.152-2.707-4.808-2.794-7.616L2.5 11.15v-8L12 1zm-1.4 12l1.4 1.4 1.4-1.4h1c.897 0 1.66.624 1.911 1.494l.039.156.15.85h-9l.15-.85c.142-.897.908-1.571 1.793-1.644L9.6 13h1zM12 6.5c1.4 0 2.5 1 2.5 2.5 0 1.55-1.05 3-2.5 3s-2.5-1.5-2.5-3 1.1-2.5 2.5-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/information/default.svg b/packages/components/src/telekom/icons/alert/information/default.svg
index 546752b299..54431fa775 100644
--- a/packages/components/src/telekom/icons/alert/information/default.svg
+++ b/packages/components/src/telekom/icons/alert/information/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm1 8V17h-2v-6.5h2zm-1-4A1.25 1.25 0 1112 9a1.25 1.25 0 010-2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm1 8V17h-2v-6.5h2zm-1-4A1.25 1.25 0 1112 9a1.25 1.25 0 010-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/information/selected.svg b/packages/components/src/telekom/icons/alert/information/selected.svg
index 6a0e8242e4..ca8b8acd78 100644
--- a/packages/components/src/telekom/icons/alert/information/selected.svg
+++ b/packages/components/src/telekom/icons/alert/information/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm1 16h-2v-6.5h2V17zm-1-8a1.25 1.25 0 110-2.5A1.25 1.25 0 0112 9z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm1 16h-2v-6.5h2V17zm-1-8a1.25 1.25 0 110-2.5A1.25 1.25 0 0112 9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/legal/default.svg b/packages/components/src/telekom/icons/alert/legal/default.svg
index db44c0ddc0..3ed4b6fd34 100644
--- a/packages/components/src/telekom/icons/alert/legal/default.svg
+++ b/packages/components/src/telekom/icons/alert/legal/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.48 14.925L20.27 2h-7.52v-.75a.749.749 0 10-1.5 0V2H3.73L.52 14.925a.736.736 0 00-.02.18c0 1.175.915 3.395 4.375 3.395s4.375-2.22 4.375-3.395c0-.06-.005-.12-.02-.18L6.39 3.5h4.86v16H8.5c-.345 0-.675.07-.975.195-.6.255-1.075.73-1.33 1.33-.125.3-.195.63-.195.975h12c0-.345-.07-.675-.195-.975a2.508 2.508 0 00-1.33-1.33c-.3-.125-.63-.195-.975-.195h-2.75v-16h4.86l-2.835 11.425a.736.736 0 00-.02.18c0 1.175.915 3.395 4.375 3.395s4.37-2.22 4.37-3.395c0-.06-.005-.12-.02-.18zM4.875 3.62L7.7 15H2.05L4.875 3.62zM16.3 15l2.825-11.38L21.95 15H16.3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.48 14.925L20.27 2h-7.52v-.75a.749.749 0 10-1.5 0V2H3.73L.52 14.925a.736.736 0 00-.02.18c0 1.175.915 3.395 4.375 3.395s4.375-2.22 4.375-3.395c0-.06-.005-.12-.02-.18L6.39 3.5h4.86v16H8.5c-.345 0-.675.07-.975.195-.6.255-1.075.73-1.33 1.33-.125.3-.195.63-.195.975h12c0-.345-.07-.675-.195-.975a2.508 2.508 0 00-1.33-1.33c-.3-.125-.63-.195-.975-.195h-2.75v-16h4.86l-2.835 11.425a.736.736 0 00-.02.18c0 1.175.915 3.395 4.375 3.395s4.37-2.22 4.37-3.395c0-.06-.005-.12-.02-.18zM4.875 3.62L7.7 15H2.05L4.875 3.62zM16.3 15l2.825-11.38L21.95 15H16.3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/legal/selected.svg b/packages/components/src/telekom/icons/alert/legal/selected.svg
index 8621f66768..31cd0f04a6 100644
--- a/packages/components/src/telekom/icons/alert/legal/selected.svg
+++ b/packages/components/src/telekom/icons/alert/legal/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.72 14.865L20.525 2H13v-.75a1 1 0 10-2 0V2H3.5L.28 14.865.25 15v.12c0 1.26.965 3.645 4.625 3.645s4.625-2.4 4.625-3.66V15L6.71 3.75H11V19.5H8.5A2.5 2.5 0 006 22h12a2.5 2.5 0 00-2.5-2.5H13V3.75h4.29l-2.76 11.115a1 1 0 00-.03.24c0 1.26.965 3.645 4.625 3.645s4.625-2.385 4.625-3.645a1 1 0 00-.03-.24zM7.445 15h-5.14l2.57-10.345L7.445 15zm9.11 0l2.57-10.345L21.695 15h-5.14z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.72 14.865L20.525 2H13v-.75a1 1 0 10-2 0V2H3.5L.28 14.865.25 15v.12c0 1.26.965 3.645 4.625 3.645s4.625-2.4 4.625-3.66V15L6.71 3.75H11V19.5H8.5A2.5 2.5 0 006 22h12a2.5 2.5 0 00-2.5-2.5H13V3.75h4.29l-2.76 11.115a1 1 0 00-.03.24c0 1.26.965 3.645 4.625 3.645s4.625-2.385 4.625-3.645a1 1 0 00-.03-.24zM7.445 15h-5.14l2.57-10.345L7.445 15zm9.11 0l2.57-10.345L21.695 15h-5.14z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/network-disrupted/default.svg b/packages/components/src/telekom/icons/alert/network-disrupted/default.svg
new file mode 100644
index 0000000000..28b1759012
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/network-disrupted/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c.631 0 1.263.288 1.664.865l.095.15 5.738 9.939c.756 1.31-.134 2.937-1.61 3.04l-.149.006H12.75v2.5H22v3.169a1.75 1.75 0 11-1.5 0V19h-7.75v1.669c.55.261.943.801.994 1.437l.006.144a1.75 1.75 0 11-2.5-1.582V19H3.5v1.669a1.75 1.75 0 11-1.5 0V17.5h9.25V15H6.263c-1.514 0-2.478-1.585-1.83-2.914l.07-.133 5.738-9.938A2.012 2.012 0 0112 1zm0 1.5a.514.514 0 00-.398.178l-.062.087-5.737 9.939a.513.513 0 000 .53c.049.085.156.22.353.256l.107.01h11.475a.514.514 0 00.46-.265.514.514 0 00.04-.446l-.04-.085-5.738-9.939A.514.514 0 0012 2.5zm0 8a.98.98 0 110 1.961.98.98 0 010-1.961zm.75-5v4h-1.5v-4h1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/network-disrupted/selected.svg b/packages/components/src/telekom/icons/alert/network-disrupted/selected.svg
new file mode 100644
index 0000000000..f69929dee8
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/network-disrupted/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c.632 0 1.263.288 1.664.865l.095.15 5.738 9.939c.757 1.31-.134 2.937-1.61 3.04l-.149.006h-4.987v2.5H22v3.175A1.745 1.745 0 0121.25 24a1.75 1.75 0 01-1.75-1.75c0-.643.35-1.201.867-1.505l.133-.07V19h-7.75v1.675A1.745 1.745 0 0112 24a1.75 1.75 0 01-1.75-1.75c0-.643.35-1.201.867-1.505l.133-.07V19H3.5v1.675A1.745 1.745 0 012.75 24 1.75 1.75 0 011 22.25c0-.643.35-1.201.867-1.505l.133-.07V17.5h9.25V15H6.263c-1.513 0-2.477-1.585-1.83-2.914l.071-.133 5.738-9.938A2.012 2.012 0 0112 1zm0 9.5a.98.98 0 100 1.961.98.98 0 000-1.961zm.75-5h-1.5v4h1.5v-4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/password-breaking/default.svg b/packages/components/src/telekom/icons/alert/password-breaking/default.svg
new file mode 100644
index 0000000000..647d125c19
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/password-breaking/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 12.5V19a3 3 0 01-2.824 2.995L20.5 22H14a3 3 0 01-2.995-2.824L11 19v-6.5h1.5v-1.736a4.756 4.756 0 014.75-4.75c1.775 0 3.327.979 4.142 2.426l-1.344.671a3.252 3.252 0 00-2.798-1.598 3.254 3.254 0 00-3.25 3.25V12.5h9.5zM22 14h-9.5v5c0 .778.596 1.42 1.356 1.493L14 20.5h6.5c.778 0 1.42-.596 1.493-1.356L22 19v-5zm-4.75 1.5a1.25 1.25 0 01.751 2.25L18 19h-1.5v-1.25a1.25 1.25 0 01.75-2.25zM22 2v4.707a6.298 6.298 0 00-1.5-1.28V3.5H2v4C2 8.327 2.673 9 3.5 9h7.753a6.22 6.22 0 00-.248 1.5H3.5c-1.655 0-3-1.345-3-3V2H22zM4.75 5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm3.5 0a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm3.5 0c.67 0 1.216.526 1.248 1.188a6.249 6.249 0 00-1.067 1.297A1.25 1.25 0 1111.75 5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/password-breaking/selected.svg b/packages/components/src/telekom/icons/alert/password-breaking/selected.svg
new file mode 100644
index 0000000000..0242024ed7
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/password-breaking/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25 6.013a4.75 4.75 0 014.03 2.241l.11.186-1.345.673a3.248 3.248 0 00-2.795-1.6c-1.73 0-3.149 1.36-3.244 3.066l-.005.184V12.5h9.5V19a3 3 0 01-2.824 2.995L20.5 22H14a3 3 0 01-2.994-2.824L11 19v-6.5h1.5v-1.737a4.756 4.756 0 014.75-4.75zm0 9.487c-.69 0-1.25.56-1.25 1.25 0 .363.157.686.404.914l.096.08V19H18v-1.256c.302-.228.5-.586.5-.994 0-.69-.559-1.25-1.25-1.25zM22 2v4.712a6.221 6.221 0 00-9.005-.514 1.248 1.248 0 00-2.494.052c0 .69.559 1.25 1.25 1.25.065 0 .128-.01.191-.02a6.19 6.19 0 00-.908 2.72l-.02.3H3.501A3.003 3.003 0 01.506 7.676L.5 7.5V2H22zM8.25 5a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm-3.5 0a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/security/default.svg b/packages/components/src/telekom/icons/alert/security/default.svg
index b71cca9b34..34049a7ff5 100644
--- a/packages/components/src/telekom/icons/alert/security/default.svg
+++ b/packages/components/src/telekom/icons/alert/security/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1 9.5 2.1v8c0 3.05-1.1 5.95-3 8.2-2.2 2.7-4.8 3.7-6.5 4.2-.8-.2-3.65-1-6.15-3.75-2.1-2.3-3.35-5.35-3.35-8.6v-8zm0 1.5-8 1.85v6.8c0 4.95 3.3 9.35 8 10.8 4.7-1.45 8-5.85 8-10.8v-6.8zm3.3 6.45c.3-.3.75-.3 1.05 0s.3.75 0 1.05l-5.05 5.05-3.15-3.15c-.3-.3-.3-.75 0-1.05s.75-.3 1.05 0l2.15 2.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1l9.5 2.1v8c0 3.05-1.1 5.95-3 8.2-1.807 2.218-3.884 3.289-5.51 3.877l-.414.144-.39.123L12 23.5l-.267-.07-.23-.067-.412-.133c-.1-.035-.206-.073-.316-.115l-.346-.136A12.802 12.802 0 015.85 19.75a12.774 12.774 0 01-3.344-8.226L2.5 11.15v-8L12 1zm0 1.5L4 4.35v6.8c0 4.95 3.3 9.35 8 10.8 4.606-1.421 7.867-5.675 7.996-10.504L20 11.15v-6.8L12 2.5zm3.3 6.45c.3-.3.75-.3 1.05 0 .273.273.298.67.074.965L16.35 10l-5.05 5.05-3.15-3.15c-.3-.3-.3-.75 0-1.05a.722.722 0 01.965-.074l.085.074 2.15 2.05 3.95-3.95z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/security/selected.svg b/packages/components/src/telekom/icons/alert/security/selected.svg
index 31dd0b7600..53798b01eb 100644
--- a/packages/components/src/telekom/icons/alert/security/selected.svg
+++ b/packages/components/src/telekom/icons/alert/security/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1.75-8.75 2v7.4c0 5.386 3.571 10.12 8.75 11.6a12.065 12.065 0 0 0 8.75-11.6v-7.4zm4.295 8.28-5.03 5.03-3.135-3.135a.75.75 0 1 1 1.06-1.06l2.075 2.075 3.97-3.97a.75.75 0 0 1 1.06 1.06z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1l9.5 2.1v8c0 3.05-1.1 5.95-3 8.2-1.807 2.218-3.884 3.289-5.51 3.877l-.414.144-.39.123L12 23.5l-.267-.07-.23-.067-.412-.133c-.1-.035-.206-.073-.316-.115l-.346-.136A12.802 12.802 0 015.85 19.75a12.774 12.774 0 01-3.344-8.226L2.5 11.15v-8L12 1zm3.3 7.95c.3-.3.75-.3 1.05 0 .273.273.298.67.074.965L16.35 10l-5.05 5.05-3.15-3.15c-.3-.3-.3-.75 0-1.05a.722.722 0 01.965-.074l.085.074 2.15 2.05 3.95-3.95z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/success/default.svg b/packages/components/src/telekom/icons/alert/success/default.svg
deleted file mode 100644
index b5b00c4843..0000000000
--- a/packages/components/src/telekom/icons/alert/success/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.925 0 11s4.925 11 11 11 11-4.925 11-11S17.075 0 11 0Zm0 20.5c-5.239 0-9.5-4.262-9.5-9.5 0-5.239 4.261-9.5 9.5-9.5 5.238 0 9.5 4.261 9.5 9.5 0 5.238-4.262 9.5-9.5 9.5Z"/><path d="m15.47 7.236-5.804 5.803L6.53 9.903a.75.75 0 1 0-1.06 1.06l4.197 4.198 6.864-6.864a.75.75 0 1 0-1.061-1.061Z"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/success/selected.svg b/packages/components/src/telekom/icons/alert/success/selected.svg
deleted file mode 100644
index 893e077206..0000000000
--- a/packages/components/src/telekom/icons/alert/success/selected.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.925 0 11s4.925 11 11 11 11-4.925 11-11A11 11 0 0 0 11 0Zm5.53 8.295L9.665 15.16 5.47 10.965a.75.75 0 1 1 1.06-1.06l3.135 3.135 5.805-5.805a.755.755 0 0 1 1.06 0 .745.745 0 0 1 0 1.06Z" fill="#191919" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/traffic-disruption/default.svg b/packages/components/src/telekom/icons/alert/traffic-disruption/default.svg
new file mode 100644
index 0000000000..c2ab813ad0
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/traffic-disruption/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm0 7.673a1 1 0 10-.001 2 1 1 0 000-2zM9.25 2c4.695 0 8.564 3.501 9.16 8.033a7.992 7.992 0 00-.66-.033c-.29 0-.576.02-.857.05a7.753 7.753 0 00-3.468-5.319c.948 1.5 1.566 3.507 1.685 5.74a7.75 7.75 0 00-2.294 1.313l-.25.216H10v6.867l.085-.034a7.61 7.61 0 00.394 1.576 9.22 9.22 0 01-1.23.091 9.25 9.25 0 010-18.5zM8.5 12H4.887c.196 3.263 1.65 6.068 3.444 6.804l.169.063V12zm10 2H17v4h1.5v-4zM3.389 12H1.538a7.755 7.755 0 003.537 5.77c-.952-1.507-1.572-3.526-1.686-5.77zm1.686-7.269a7.758 7.758 0 00-3.504 5.48l-.033.29h1.85c.115-2.245.735-4.265 1.687-5.77zM8.5 3.632c-1.814.605-3.317 3.33-3.591 6.563l-.022.305H8.5V3.632zm1.5 0V10.5h3.613C13.41 7.134 11.87 4.256 10 3.632z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/traffic-disruption/selected.svg b/packages/components/src/telekom/icons/alert/traffic-disruption/selected.svg
new file mode 100644
index 0000000000..3346d6b9f7
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/traffic-disruption/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm0 1.5A4.756 4.756 0 0013 17.75a4.756 4.756 0 004.75 4.75 4.756 4.756 0 004.75-4.75A4.756 4.756 0 0017.75 13zm0 6.173a1 1 0 11.001 1.998 1 1 0 01-.001-1.998zM9.25 2c4.695 0 8.564 3.501 9.16 8.033a7.992 7.992 0 00-.66-.033c-.461 0-.911.048-1.351.126a7.247 7.247 0 00-3.023-4.83c.667 1.28 1.123 2.829 1.29 4.527l.035.427h1.132a7.752 7.752 0 00-3.309 1.784l-.226.216H10.25v3.582A7.733 7.733 0 0010 17.75c0 .935.176 1.828.48 2.658a9.223 9.223 0 01-1.23.092 9.25 9.25 0 010-18.5zm-1 10.25H5.808c.196 2.434 1.091 4.574 2.284 5.685l.158.14V12.25zM18.5 14v4H17v-4h1.5zM3.8 12.25H2.078a7.249 7.249 0 003.039 4.948c-.72-1.383-1.191-3.087-1.317-4.948zm4.45-7.825c-1.218 1.02-2.156 3.102-2.413 5.51l-.03.315H8.25V4.425zm2 0v5.825h2.443c-.206-2.54-1.172-4.76-2.443-5.825zm-5.128.873A7.25 7.25 0 002.124 9.96l-.046.29H3.8c.127-1.863.6-3.567 1.322-4.952z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/unknown/default.svg b/packages/components/src/telekom/icons/alert/unknown/default.svg
new file mode 100644
index 0000000000..6f22477516
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/unknown/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 2v17a3 3 0 01-2.824 2.995L19 22H5a3 3 0 01-2.995-2.824L2 19V2h20zm-1.5 1.5h-17V19c0 .778.596 1.42 1.356 1.493L5 20.5h14c.778 0 1.42-.596 1.493-1.356L20.5 19V3.5zM12 15a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm.1-7.98c1.696 0 2.927 1.123 2.927 2.67 0 1.023-.519 1.616-1.049 2.108l-.462.42c-.346.323-.636.654-.69 1.095l-.01.151v.332H11.07v-.602c0-.823.392-1.305.852-1.711l.234-.198.357-.294c.388-.33.707-.675.707-1.196 0-.699-.428-1.134-1.118-1.134-.612 0-1.02.367-1.146 1.015l-.023.143H9.12c.084-1.412 1.026-2.799 2.98-2.799z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/unknown/selected.svg b/packages/components/src/telekom/icons/alert/unknown/selected.svg
new file mode 100644
index 0000000000..7ac9da2030
--- /dev/null
+++ b/packages/components/src/telekom/icons/alert/unknown/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 2v17a3 3 0 003 3h14a3 3 0 003-3V2H2zm10 15.5a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm1.75-5.5c-.5.43-.935.835-.935 1.46v.33H11.07v-.6c0-1.03.61-1.525 1.205-2 .5-.395.945-.77.945-1.395A1.045 1.045 0 0012.1 8.66a1.145 1.145 0 00-1.165 1.16H9.12a2.84 2.84 0 013-2.8c1.695 0 2.925 1.125 2.925 2.67-.02 1.17-.695 1.775-1.295 2.31z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/warning/default.svg b/packages/components/src/telekom/icons/alert/warning/default.svg
index 41ef930a05..07dcbe5059 100644
--- a/packages/components/src/telekom/icons/alert/warning/default.svg
+++ b/packages/components/src/telekom/icons/alert/warning/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM12 15a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm1-8v6.5h-2V7h2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.9 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM12 15a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm1-8v6.5h-2V7h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/alert/warning/selected.svg b/packages/components/src/telekom/icons/alert/warning/selected.svg
index 57c10694b7..4105a1f6d3 100644
--- a/packages/components/src/telekom/icons/alert/warning/selected.svg
+++ b/packages/components/src/telekom/icons/alert/warning/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11a11 11 0 0 0 -11-11zm-1 5.75h2v6.5h-2zm1 10.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm-1 5.75h2v6.5h-2v-6.5zm1 10.5a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/available/default.svg b/packages/components/src/telekom/icons/communication/available/default.svg
new file mode 100644
index 0000000000..821d311763
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/available/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm0 20.5c-5.239 0-9.5-4.262-9.5-9.5 0-5.239 4.261-9.5 9.5-9.5 5.238 0 9.5 4.261 9.5 9.5 0 5.238-4.262 9.5-9.5 9.5z"/><path d="M16.47 8.236l-5.803 5.803-3.137-3.136a.75.75 0 10-1.06 1.06l4.197 4.197 6.864-6.863a.75.75 0 10-1.061-1.061z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/available/selected.svg b/packages/components/src/telekom/icons/communication/available/selected.svg
new file mode 100644
index 0000000000..0a079b5366
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/available/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5.53 8.295l-6.865 6.865-4.195-4.195a.75.75 0 111.06-1.06l3.135 3.135 5.805-5.805a.755.755 0 011.06 0 .745.745 0 010 1.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/blog/default.svg b/packages/components/src/telekom/icons/communication/blog/default.svg
new file mode 100644
index 0000000000..b01301f8c5
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/blog/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.775 19.452l1.898 1.9-2.607.707.71-2.607zm9.836-9.307a1.376 1.376 0 011.073 2.238l-.1.112-8.044 8.037-1.946-1.947 8.044-8.037c.269-.268.62-.403.973-.403zM19.115 2v8.047l-1.431 1.43V3.43H2.43v9.67c0 .67.51 1.221 1.162 1.288l.132.006h2.52v3.429c0 .114.086.148.135.157l.035.005a.11.11 0 00.07-.023l.031-.027 3.54-3.54 4.71-.001-1.431 1.43h-2.686l-3.122 3.122a1.556 1.556 0 01-1.112.469c-.771 0-1.513-.566-1.593-1.436l-.007-.156v-1.998h-1.09a2.724 2.724 0 01-2.719-2.558L1 13.1V2h18.115z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/blog/selected.svg b/packages/components/src/telekom/icons/communication/blog/selected.svg
new file mode 100644
index 0000000000..6d9a408fac
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/blog/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.775 19.452l1.898 1.9-2.607.707.71-2.607zm9.836-9.307a1.376 1.376 0 011.073 2.238l-.1.112-8.044 8.037-1.946-1.947 8.044-8.037c.269-.268.62-.403.973-.403zM19.115 2v8.047l-5.781 5.777h-2.686l-3.122 3.122a1.556 1.556 0 01-1.112.469c-.771 0-1.513-.566-1.593-1.436l-.007-.156v-1.998h-1.09a2.724 2.724 0 01-2.719-2.558L1 13.1V2h18.115z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/call-incoming/default.svg b/packages/components/src/telekom/icons/communication/call-incoming/default.svg
index 23760a1a00..1921408a1b 100644
--- a/packages/components/src/telekom/icons/communication/call-incoming/default.svg
+++ b/packages/components/src/telekom/icons/communication/call-incoming/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.9 3.5 3.4 5.95-1.7 1.7c-.25.25-.3.7-.05 1 .45.55 1.15 1.4 2.05 2.3s1.75 1.6 2.3 2.05c.3.25.75.2 1-.05l1.6-1.65 5.95 3.35c-.1 1.15-.35 3.5-2.25 4.7-.8.5-1.7.65-2.5.65-1 0-1.9-.3-2.25-.4-2.3-.8-4.95-2.6-7.45-5.1-2.45-2.5-4.25-5.15-5.1-7.5-.2-.65-.85-2.9.3-4.75 1.25-1.9 3.6-2.15 4.7-2.25zm-.75 1.6c-1.25.2-2.15.7-2.6 1.45-.8 1.25-.3 2.95-.15 3.45.7 2.15 2.4 4.6 4.7 6.9 2.35 2.35 4.8 4.05 6.9 4.75.45.15 2.2.65 3.45-.15.75-.45 1.25-1.35 1.45-2.6l-4.05-2.3-.9.9c-.8.8-2.1.85-3 .15-.6-.45-1.5-1.2-2.45-2.15l-.242-.258a52.645 52.645 0 0 1 -1.908-2.192c-.75-.9-.65-2.2.15-3l.95-.9zm16.25-3.55c.3-.3.75-.3 1.05 0s.3.8 0 1.05l-5.7 5.65 2.2 2.2-6.9 1.45 1.45-6.9 2.2 2.2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.9 3.5l3.4 5.95-1.7 1.7c-.25.25-.3.7-.05 1l.423.512.34.4.387.438.43.466a23.96 23.96 0 00.954.955l.466.43.438.385.584.494.328.27a.76.76 0 00.92.019l.08-.069 1.6-1.65 5.95 3.35-.043.442-.042.338c-.172 1.231-.63 2.95-2.165 3.92-.8.5-1.7.65-2.5.65a6.477 6.477 0 01-1.458-.183l-.326-.082-.466-.135C11.15 22.3 8.5 20.5 6 18c-2.45-2.5-4.25-5.15-5.1-7.5l-.077-.262-.06-.228L.7 9.744C.487 8.75.337 7.137 1.2 5.75c.962-1.462 2.574-1.947 3.768-2.138l.344-.05.16-.02L5.9 3.5zm-.75 1.6c-1.25.2-2.15.7-2.6 1.45-.522.815-.49 1.822-.364 2.562l.054.281.059.246L2.4 10c.7 2.15 2.4 4.6 4.7 6.9 2.35 2.35 4.8 4.05 6.9 4.75l.238.073.221.057.127.03.28.054c.74.127 1.769.158 2.584-.364.7-.42 1.182-1.232 1.406-2.355l.044-.245-4.05-2.3-.9.9c-.8.8-2.1.85-3 .15l-.324-.25a19.79 19.79 0 01-.178-.142l-.386-.32-.419-.362-.444-.403c-.151-.14-.306-.287-.463-.44L8.5 15.5l-.475-.512-.443-.493-.592-.683-.64-.762a2.225 2.225 0 01.035-2.876l.115-.124.95-.9-2.3-4.05zM21.4 1.55c.3-.3.75-.3 1.05 0 .273.273.298.71.074.976L16.75 8.25l2.2 2.2-6.9 1.45L13.5 5l2.2 2.2 5.7-5.65z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/call-incoming/selected.svg b/packages/components/src/telekom/icons/communication/call-incoming/selected.svg
index ad6ecffa6c..b2f52d6128 100644
--- a/packages/components/src/telekom/icons/communication/call-incoming/selected.svg
+++ b/packages/components/src/telekom/icons/communication/call-incoming/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M5.5 4.31l2.805 5.045-1.28 1.28a1.5 1.5 0 00-.105 2A29.66 29.66 0 009.035 15l.458.442c.616.583 1.258 1.14 1.922 1.668a1.5 1.5 0 002-.11l1.305-1.275 5 2.805c-.59 5.135-4.67 4.315-6 3.86-2.415-.825-4.965-2.695-7.17-4.905l-.329-.334c-2.065-2.13-3.792-4.542-4.576-6.841C1.19 8.965.37 4.885 5.5 4.31zm16.405-2.966c.2 0 .39.08.53.221a.745.745 0 010 1.06L16.78 8.28l2.19 2.19-6.875 1.435L13.53 5.03l2.19 2.19 5.655-5.655a.745.745 0 01.53-.221z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.9 3.5l3.4 5.95-1.7 1.7c-.25.25-.3.7-.05 1l.423.512.34.4.387.438.43.466a23.96 23.96 0 00.954.955l.466.43.438.385.584.494.328.27a.76.76 0 00.92.019l.08-.069 1.6-1.65 5.95 3.35-.043.442-.042.338c-.172 1.231-.63 2.95-2.165 3.92-.8.5-1.7.65-2.5.65a6.477 6.477 0 01-1.458-.183l-.326-.082-.466-.135C11.15 22.3 8.5 20.5 6 18c-2.45-2.5-4.25-5.15-5.1-7.5l-.077-.262-.06-.228L.7 9.744C.487 8.75.337 7.137 1.2 5.75c.962-1.462 2.574-1.947 3.768-2.138l.344-.05.16-.02L5.9 3.5zm15.5-1.95c.3-.3.75-.3 1.05 0 .273.273.298.71.074.976L16.75 8.25l2.2 2.2-6.9 1.45L13.5 5l2.2 2.2 5.7-5.65z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/call-outgoing/default.svg b/packages/components/src/telekom/icons/communication/call-outgoing/default.svg
index 0eea7f357a..2981c1aaef 100644
--- a/packages/components/src/telekom/icons/communication/call-outgoing/default.svg
+++ b/packages/components/src/telekom/icons/communication/call-outgoing/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.9 3.5 3.4 5.95-1.7 1.7c-.25.25-.3.7-.05 1 .45.55 1.15 1.4 2.05 2.3s1.75 1.6 2.3 2.05c.3.25.75.2 1-.05l1.6-1.65 5.95 3.35c-.1 1.15-.35 3.5-2.25 4.7-.8.5-1.7.65-2.5.65-1 0-1.9-.3-2.25-.4-2.3-.8-4.95-2.6-7.45-5.1-2.45-2.5-4.25-5.15-5.1-7.5-.2-.65-.85-2.9.3-4.75 1.25-1.9 3.6-2.15 4.7-2.25zm-.75 1.6c-1.25.2-2.15.7-2.6 1.45-.8 1.25-.3 2.95-.15 3.45.7 2.15 2.4 4.6 4.7 6.9 2.35 2.35 4.8 4.05 6.9 4.75.45.15 2.2.65 3.45-.15.75-.45 1.25-1.35 1.45-2.6l-4.05-2.3-.9.9c-.8.8-2.1.85-3 .15-.6-.45-1.5-1.2-2.45-2.15l-.242-.258a52.645 52.645 0 0 1 -1.908-2.192c-.75-.9-.65-2.2.15-3l.95-.9zm17.3-3.5-1.45 6.9-2.2-2.2-5.65 5.65c-.15.15-.35.2-.55.2s-.4-.05-.55-.2c-.3-.3-.3-.75 0-1.05l5.7-5.65-2.2-2.2 6.9-1.45z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.9 3.5l3.4 5.95-1.7 1.7c-.25.25-.3.7-.05 1l.423.512.34.4.387.438.43.466a23.96 23.96 0 00.954.955l.466.43.438.385.584.494.328.27a.76.76 0 00.92.019l.08-.069 1.6-1.65 5.95 3.35-.043.442-.042.338c-.172 1.231-.63 2.95-2.165 3.92-.8.5-1.7.65-2.5.65a6.477 6.477 0 01-1.458-.183l-.326-.082-.466-.135C11.15 22.3 8.5 20.5 6 18c-2.45-2.5-4.25-5.15-5.1-7.5l-.077-.262-.06-.228L.7 9.744C.487 8.75.337 7.137 1.2 5.75c.962-1.462 2.574-1.947 3.768-2.138l.344-.05.16-.02L5.9 3.5zm-.75 1.6c-1.25.2-2.15.7-2.6 1.45-.522.815-.49 1.822-.364 2.562l.054.281.059.246L2.4 10c.7 2.15 2.4 4.6 4.7 6.9 2.35 2.35 4.8 4.05 6.9 4.75l.238.073.221.057.127.03.28.054c.74.127 1.769.158 2.584-.364.7-.42 1.182-1.232 1.406-2.355l.044-.245-4.05-2.3-.9.9c-.8.8-2.1.85-3 .15l-.324-.25a19.79 19.79 0 01-.178-.142l-.386-.32-.419-.362-.444-.403c-.151-.14-.306-.287-.463-.44L8.5 15.5l-.475-.512-.443-.493-.592-.683-.64-.762a2.225 2.225 0 01.035-2.876l.115-.124.95-.9-2.3-4.05zm17.3-3.5L21 8.5l-2.2-2.2-5.65 5.65c-.15.15-.35.2-.55.2-.2 0-.4-.05-.55-.2a.722.722 0 01-.074-.965l.074-.085 5.7-5.65-2.2-2.2 6.9-1.45z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/call-outgoing/selected.svg b/packages/components/src/telekom/icons/communication/call-outgoing/selected.svg
index 6cf534ba5c..849c8f9dce 100644
--- a/packages/components/src/telekom/icons/communication/call-outgoing/selected.svg
+++ b/packages/components/src/telekom/icons/communication/call-outgoing/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.5 4.31 2.805 5.045-1.28 1.28a1.5 1.5 0 0 0 -.105 2 29.66 29.66 0 0 0 2.115 2.365l.458.442c.616.583 1.258 1.14 1.922 1.668a1.5 1.5 0 0 0 2-.11l1.305-1.275 5 2.805c-.59 5.135-4.67 4.315-6 3.86-2.415-.825-4.965-2.695-7.17-4.905l-.329-.334c-2.065-2.13-3.792-4.542-4.576-6.841-.455-1.345-1.275-5.425 3.855-6zm16.905-2.715-1.435 6.875-2.19-2.19-5.655 5.655a.74.74 0 0 1 -.53.22.725.725 0 0 1 -.53-.22.745.745 0 0 1 0-1.06l5.655-5.655-2.19-2.19z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.9 3.5l3.4 5.95-1.7 1.7c-.25.25-.3.7-.05 1l.423.512.34.4.387.438.43.466a23.96 23.96 0 00.954.955l.466.43.438.385.584.494.328.27a.76.76 0 00.92.019l.08-.069 1.6-1.65 5.95 3.35-.043.442-.042.338c-.172 1.231-.63 2.95-2.165 3.92-.8.5-1.7.65-2.5.65a6.477 6.477 0 01-1.458-.183l-.326-.082-.466-.135C11.15 22.3 8.5 20.5 6 18c-2.45-2.5-4.25-5.15-5.1-7.5l-.077-.262-.06-.228L.7 9.744C.487 8.75.337 7.137 1.2 5.75c.962-1.462 2.574-1.947 3.768-2.138l.344-.05.16-.02L5.9 3.5zm16.55-1.9L21 8.5l-2.2-2.2-5.65 5.65c-.15.15-.35.2-.55.2-.2 0-.4-.05-.55-.2a.722.722 0 01-.074-.965l.074-.085 5.7-5.65-2.2-2.2 6.9-1.45z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/chat-badge/default.svg b/packages/components/src/telekom/icons/communication/chat-badge/default.svg
new file mode 100644
index 0000000000..8a18f2d381
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/chat-badge/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 16c0 .827-.673 1.5-1.5 1.5h-7.621l-3.952 3.952a.236.236 0 01-.273.056.26.26 0 01-.154-.233V17.5h-3c-.827 0-1.5-.673-1.5-1.5V5h7.335c.159-.526.372-1.028.634-1.5H1.5V16a3 3 0 003 3H6v2.275c0 1.055.863 1.754 1.763 1.754.43 0 .867-.16 1.225-.517L12.5 19h7a3 3 0 003-3v-2.636a7.735 7.735 0 01-1.5.914V16zm-3.25-2.5a6.25 6.25 0 100-12.5 6.25 6.25 0 000 12.5zm.123-9.566c1.208 0 1.998.808 1.998 1.942 0 .864-.418 1.422-.938 1.896l-1.469 1.329v.055h2.379v1.125h-3.847V8.943l2.072-1.988c.298-.288.558-.595.558-1.079 0-.399-.298-.79-.753-.79-.446 0-.734.233-.799.716h-1.245c.074-1.05.781-1.868 2.044-1.868z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/chat-badge/selected.svg b/packages/components/src/telekom/icons/communication/chat-badge/selected.svg
new file mode 100644
index 0000000000..b38d09ebdd
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/chat-badge/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.973 3.5a7.698 7.698 0 00-.972 3.75c0 4.273 3.476 7.75 7.75 7.75 1.677 0 3.229-.542 4.498-1.453l.25-.187V16a3 3 0 01-2.823 2.994L19.5 19h-7l-3.512 3.513a1.715 1.715 0 01-1.225.516c-.855 0-1.676-.63-1.756-1.598L6 21.274V19H4.5a3 3 0 01-2.994-2.823l-.006-.177V3.5h9.473zM17.75 1a6.25 6.25 0 110 12.499A6.25 6.25 0 0117.75 1zm0 1.5A4.755 4.755 0 0013 7.25C13 9.869 15.131 12 17.75 12c2.62 0 4.75-2.131 4.75-4.75 0-2.62-2.13-4.75-4.75-4.75zm.124 1.434c1.208 0 1.997.808 1.997 1.942 0 .798-.356 1.334-.82 1.785l-.118.11-1.469 1.33v.055h2.38v1.125h-3.848V8.943l2.073-1.989c.297-.288.557-.594.557-1.078 0-.4-.297-.79-.752-.79-.406 0-.681.192-.777.59l-.023.126H15.83c.075-1.05.781-1.868 2.045-1.868z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/chat/default.svg b/packages/components/src/telekom/icons/communication/chat/default.svg
index eea1ef8c75..2d42a9e056 100644
--- a/packages/components/src/telekom/icons/communication/chat/default.svg
+++ b/packages/components/src/telekom/icons/communication/chat/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.5 8.5v1.5c-.85 0-1.5.65-1.5 1.5v5c0 .85.65 1.5 1.5 1.5h1.5v2.3l2.3-2.3h5c.45 0 .8-.2 1.1-.5l1.05 1.05c-.55.55-1.3.9-2.15.9h-4.35l-2.4 2.4c-.25.25-.55.35-.85.35-.6 0-1.2-.45-1.2-1.2v-1.5c-1.65 0-3-1.35-3-3v-5c0-1.65 1.35-3 3-3zm19.5-6v10.5c0 1.65-1.35 3-3 3h-.5v1.9c0 .9-.75 1.5-1.5 1.5-.35 0-.75-.15-1.05-.45l-2.95-2.95h-6c-1.65 0-3-1.35-3-3v-10.5zm-1.5 1.5h-15v9c0 .85.65 1.5 1.5 1.5h6.65l3.35 3.35v-3.35h2c.85 0 1.5-.65 1.5-1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 8.5V10c-.8 0-1.423.576-1.493 1.352L2 11.5v5c0 .8.576 1.423 1.352 1.493L3.5 18H5v2.3L7.3 18h5c.394 0 .71-.153.985-.392l.115-.108 1.05 1.05a3.027 3.027 0 01-1.94.893l-.21.007H7.95l-2.4 2.4c-.25.25-.55.35-.85.35-.563 0-1.125-.396-1.193-1.063L3.5 21v-1.5a3.01 3.01 0 01-2.995-2.824L.5 16.5v-5a3.01 3.01 0 012.824-2.995L3.5 8.5zm19.5-6V13a3.01 3.01 0 01-2.824 2.995L20 16h-.5v1.9c0 .9-.75 1.5-1.5 1.5-.306 0-.65-.115-.933-.345l-.117-.105L14 16H8a3.01 3.01 0 01-2.995-2.824L5 13V2.5h18zM21.5 4h-15v9c0 .8.576 1.423 1.352 1.493L8 14.5h6.65L18 17.85V14.5h2c.8 0 1.423-.576 1.493-1.352L21.5 13V4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/chat/selected.svg b/packages/components/src/telekom/icons/communication/chat/selected.svg
index f2433f3d4f..d10f497335 100644
--- a/packages/components/src/telekom/icons/communication/chat/selected.svg
+++ b/packages/components/src/telekom/icons/communication/chat/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M3.5 8.5V10A1.5 1.5 0 002 11.5v5A1.5 1.5 0 003.5 18H5v2.32l1.88-1.88.44-.44H12a1.5 1.5 0 001.11-.5h.275l.92.92A3 3 0 0112 19.5H7.94l-2.375 2.355A1.21 1.21 0 013.5 21v-1.5a3 3 0 01-3-3v-5a3 3 0 013-3zm19.5-6V13a3 3 0 01-3 3h-.5v1.875a1.5 1.5 0 01-2.565 1.06L14 16H8a3 3 0 01-3-3V2.5h18z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 8.5V10a1.5 1.5 0 00-1.493 1.356L2 11.5v5a1.5 1.5 0 001.356 1.493L3.5 18H5v2.32L7.32 18H12a1.5 1.5 0 00.999-.388l.111-.112h.275l.92.92a3 3 0 01-2.1 1.073L12 19.5H7.94l-2.375 2.355a1.21 1.21 0 01-2.058-.723L3.5 21v-1.5a3 3 0 01-2.995-2.824L.5 16.5v-5a3 3 0 012.824-2.995L3.5 8.5zm19.5-6V13a3 3 0 01-2.824 2.995L20 16h-.5v1.875a1.5 1.5 0 01-2.453 1.162l-.112-.102L14 16H8a3 3 0 01-2.995-2.824L5 13V2.5h18z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/email/default.svg b/packages/components/src/telekom/icons/communication/email/default.svg
index 2358875db6..b1c161d430 100644
--- a/packages/components/src/telekom/icons/communication/email/default.svg
+++ b/packages/components/src/telekom/icons/communication/email/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m.5 3.5v14c0 1.65 1.35 3 3 3h17c1.65 0 3-1.35 3-3v-14zm21.5 1.5v.95l-8.45 7.25c-.9.75-2.2.75-3.1 0l-8.45-7.25v-.95zm-1.5 14h-17c-.85 0-1.5-.65-1.5-1.5v-9.55l7.45 6.4c.75.65 1.65.95 2.55.95s1.8-.3 2.55-.95l7.45-6.4v9.55c0 .85-.65 1.5-1.5 1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M.5 3.5v14c0 1.65 1.35 3 3 3h17c1.65 0 3-1.35 3-3v-14H.5zM22 5v.95l-8.45 7.25c-.9.75-2.2.75-3.1 0L2 5.95V5h20zm-1.5 14h-17c-.85 0-1.5-.65-1.5-1.5V7.95l7.45 6.4c.75.65 1.65.95 2.55.95.9 0 1.8-.3 2.55-.95L22 7.95v9.55c0 .85-.65 1.5-1.5 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/email/selected.svg b/packages/components/src/telekom/icons/communication/email/selected.svg
index 21cc90bae4..a1ea799851 100644
--- a/packages/components/src/telekom/icons/communication/email/selected.svg
+++ b/packages/components/src/telekom/icons/communication/email/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m23.5 6.665v10.835a3 3 0 0 1 -3 3h-17a3 3 0 0 1 -3-3v-10.785l8.97 7.61a3.89 3.89 0 0 0 5.06 0zm0-3.165v1.19l-9.945 8.49a2.395 2.395 0 0 1 -3.115 0l-9.94-8.435v-1.245z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 6.665V17.5a3 3 0 01-2.824 2.995l-.176.005h-17a3 3 0 01-2.995-2.824L.5 17.5V6.715l8.97 7.61a3.89 3.89 0 004.889.138l.171-.138 8.97-7.66zm0-3.165v1.19l-9.945 8.49c-.85.727-2.08.765-2.97.115l-.145-.115L.5 4.745V3.5h23z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/end-call/default.svg b/packages/components/src/telekom/icons/communication/end-call/default.svg
index a8c21b6e42..ee134fa0c8 100644
--- a/packages/components/src/telekom/icons/communication/end-call/default.svg
+++ b/packages/components/src/telekom/icons/communication/end-call/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m23.905 12.195c-.465-2.09-2.515-3.235-3.13-3.535-2.19-1.07-5.305-1.66-8.775-1.66s-6.585.59-8.775 1.66c-.615.3-2.66 1.45-3.13 3.535-.315 1.42.15 2.92 1.39 4.47l.31.385 6.485-1.825v-2.355c0-.375.285-.69.665-.735.71-.08 1.815-.17 3.055-.17s2.345.095 3.055.17c.38.04.665.355.665.735v2.355l6.485 1.825.31-.385c1.24-1.545 1.705-3.05 1.39-4.47zm-2.265 3.14-4.42-1.245v-1.215c0-1.145-.86-2.1-2-2.225-2.175-.24-4.26-.24-6.435 0-1.14.125-2 1.08-2 2.225v1.215l-4.42 1.245c-.72-1.025-.99-1.965-.8-2.81.32-1.435 1.86-2.29 2.325-2.515 1.98-.975 4.865-1.51 8.11-1.51s6.13.535 8.115 1.505c.465.225 2.005 1.08 2.325 2.515.19.85-.08 1.795-.8 2.815z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.905 12.195c-.465-2.09-2.515-3.235-3.13-3.535C18.585 7.59 15.47 7 12 7c-3.47 0-6.585.59-8.775 1.66-.615.3-2.66 1.45-3.13 3.535-.315 1.42.15 2.92 1.39 4.47l.31.385 6.485-1.825V12.87c0-.375.285-.69.665-.735.71-.08 1.815-.17 3.055-.17 1.24 0 2.345.095 3.055.17.38.04.665.355.665.735v2.355l6.485 1.825.31-.385c1.24-1.545 1.705-3.05 1.39-4.47zm-2.265 3.14l-4.42-1.245v-1.215c0-1.145-.86-2.1-2-2.225-2.175-.24-4.26-.24-6.435 0-1.14.125-2 1.08-2 2.225v1.215l-4.42 1.245c-.72-1.025-.99-1.965-.8-2.81.32-1.435 1.86-2.29 2.325-2.515C5.87 9.035 8.755 8.5 12 8.5c3.245 0 6.13.535 8.115 1.505.465.225 2.005 1.08 2.325 2.515.19.85-.08 1.795-.8 2.815z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/end-call/selected.svg b/packages/components/src/telekom/icons/communication/end-call/selected.svg
index 6ba3ceb488..aa16ee16d7 100644
--- a/packages/components/src/telekom/icons/communication/end-call/selected.svg
+++ b/packages/components/src/telekom/icons/communication/end-call/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 11.225a28.75 28.75 0 013.135.175 1.5 1.5 0 011.335 1.475v1.785l5.46 1.535c3.185-3.975-.24-6.25-1.5-6.86C18.175 8.225 15.09 7.75 12 7.75s-6.175.475-8.445 1.585c-1.245.61-4.67 2.885-1.5 6.86l5.46-1.535v-1.785A1.5 1.5 0 018.85 11.4a28.75 28.75 0 013.15-.175z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.905 12.195c-.465-2.09-2.515-3.235-3.13-3.535C18.585 7.59 15.47 7 12 7c-3.47 0-6.585.59-8.775 1.66-.615.3-2.66 1.45-3.13 3.535-.315 1.42.15 2.92 1.39 4.47l.31.385 6.485-1.825V12.87c0-.375.285-.69.665-.735.71-.08 1.815-.17 3.055-.17 1.24 0 2.345.095 3.055.17.38.04.665.355.665.735v2.355l6.485 1.825.31-.385c1.24-1.545 1.705-3.05 1.39-4.47z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/feedback/default.svg b/packages/components/src/telekom/icons/communication/feedback/default.svg
index 72b0926363..4f6268bd88 100644
--- a/packages/components/src/telekom/icons/communication/feedback/default.svg
+++ b/packages/components/src/telekom/icons/communication/feedback/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1c5.8 0 10.5 4.7 10.45 10.55 0 5.8-4.7 10.5-10.5 10.5-1.05 0-2.1-.15-3.05-.45l-1.45 1.45c-.35.35-.75.5-1.2.5-.9 0-1.75-.7-1.75-1.75v-2.95c-1.85-1.9-3-4.5-3-7.35C1.5 5.7 6.2 1 12 1zm0 1.5c-4.95 0-9 4.05-9 9 0 2.35.9 4.6 2.6 6.3l.45.45v3.55c0 .25.25.25.25.25.05 0 .1-.05.15-.1l2.1-2.1.85.25c.85.25 1.7.4 2.6.4 4.95 0 9-4.05 9-9s-4.05-9-9-9zm4.25 10c.45 0 .75.35.75.75s-.35.75-.75.75h-8.7c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm0-3.5c.45 0 .75.35.75.75s-.35.75-.75.75h-8.7c-.4 0-.75-.35-.75-.75S7.15 9 7.55 9z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c5.8 0 10.5 4.7 10.45 10.55 0 5.8-4.7 10.5-10.5 10.5a10.41 10.41 0 01-2.69-.345L8.9 21.6l-1.45 1.45c-.35.35-.75.5-1.2.5-.855 0-1.665-.632-1.744-1.595L4.5 21.8v-2.95c-1.85-1.9-3-4.5-3-7.35C1.5 5.7 6.2 1 12 1zm0 1.5c-4.95 0-9 4.05-9 9 0 2.243.82 4.395 2.373 6.065l.227.235.45.45v3.55c0 .188.14.234.21.246l.04.004c.037 0 .075-.028.112-.063L8.55 19.85l.85.25c.85.25 1.7.4 2.6.4 4.95 0 9-4.05 9-9s-4.05-9-9-9zm4.25 10c.45 0 .75.35.75.75a.772.772 0 01-.651.743L16.25 14h-8.7c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h8.7zm0-3.5c.45 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007h-8.7c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L7.55 9h8.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/feedback/selected.svg b/packages/components/src/telekom/icons/communication/feedback/selected.svg
index bbef276993..a5ed88bbe2 100644
--- a/packages/components/src/telekom/icons/communication/feedback/selected.svg
+++ b/packages/components/src/telekom/icons/communication/feedback/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.26.555A10.36 10.36 0 005 18.305v2.97A1.75 1.75 0 008 22.5l1.6-1.6A10.355 10.355 0 1012.26.555zm4.5 12.94H8.04a.75.75 0 110-1.5h8.72a.75.75 0 110 1.5zm0-3.5H8.04a.75.75 0 010-1.5h8.72a.75.75 0 110 1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c5.8 0 10.5 4.7 10.45 10.55 0 5.8-4.7 10.5-10.5 10.5a10.41 10.41 0 01-2.69-.345L8.9 21.6l-1.45 1.45c-.35.35-.75.5-1.2.5-.855 0-1.665-.632-1.744-1.595L4.5 21.8v-2.95c-1.85-1.9-3-4.5-3-7.35C1.5 5.7 6.2 1 12 1zm4.25 11.5c.45 0 .75.35.75.75a.772.772 0 01-.651.743L16.25 14h-8.7c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h8.7zm0-3.5c.45 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007h-8.7c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L7.55 9h8.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/flight-mode/default.svg b/packages/components/src/telekom/icons/communication/flight-mode/default.svg
new file mode 100644
index 0000000000..c81b12d883
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/flight-mode/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.857 11.033l6.289 9.817.569.58-.492-.567.041-.036a.051.051 0 00.018-.05c-.426-1.92-2.38-9.932-3.044-12.293l-.125-.447.345-.313c2.551-2.304 4.596-5.143 4.419-5.764-.608-.15-3.333 2.31-5.312 4.114l-.819.746-.4-.11C12.971 6.045 4.752 4.071 3.128 3.682l-.049.014.008.08 9.722 6.291-4.91 5.37-5.406-.625 4.365 2.203 2.255 4.402-.657-5.429 5.401-4.956zm-4.618 12.23a1.428 1.428 0 01-1.262-.773l-2.231-4.354-4.327-2.185a1.422 1.422 0 01.805-2.679l5.085.59 3.197-3.498-8.233-5.328a1.546 1.546 0 01-.25-2.403 1.536 1.536 0 011.455-.409c1.546.371 9.064 2.176 11.869 2.93l.207-.188c3.729-3.4 5.981-5.449 7.403-4.035.199.198.435.553.422 1.117-.045 1.966-3.469 5.408-4.576 6.47.759 2.802 2.538 10.11 2.943 11.933a1.548 1.548 0 01-.5 1.51l-.039.034a1.544 1.544 0 01-1.239.363 1.55 1.55 0 01-1.085-.698l-5.327-8.315-3.519 3.228.617 5.095c.053.437-.096.866-.407 1.177a1.43 1.43 0 01-1.008.417z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/flight-mode/selected.svg b/packages/components/src/telekom/icons/communication/flight-mode/selected.svg
new file mode 100644
index 0000000000..f412f47dbb
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/flight-mode/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.239 23.262a1.428 1.428 0 01-1.262-.773l-2.231-4.353-4.327-2.185a1.422 1.422 0 01.805-2.679l5.085.59 3.197-3.498-8.233-5.328a1.546 1.546 0 01-.25-2.403 1.536 1.536 0 011.455-.409c1.546.371 9.064 2.176 11.869 2.93l.207-.188c3.729-3.4 5.981-5.449 7.403-4.035.199.198.435.553.422 1.117-.045 1.966-3.469 5.408-4.576 6.47.759 2.802 2.538 10.11 2.943 11.933a1.548 1.548 0 01-.5 1.51l-.039.034a1.544 1.544 0 01-1.239.363 1.55 1.55 0 01-1.085-.698l-5.327-8.315-3.519 3.228.617 5.095c.053.437-.096.866-.407 1.177a1.43 1.43 0 01-1.008.417z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/happy-person/default.svg b/packages/components/src/telekom/icons/communication/happy-person/default.svg
new file mode 100644
index 0000000000..5dc064f3a3
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/happy-person/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 4.75A2.126 2.126 0 1011.75.498a2.126 2.126 0 00.002 4.252m7.44-1.426a.925.925 0 00-1.301.138c-.68.838-1.576 1.854-1.828 2.028-1.951 1.341-7.306.664-8.816-.75-.238-.263-1.007-1.756-1.576-2.985a.926.926 0 00-1.679.779c.517 1.116 1.46 3.06 1.977 3.543.609.571 1.55 1.045 2.65 1.39-.086 1.056-.274 3.4-.377 5.04-.111 1.778-.19 4.755-.218 5.953-.012.5.192.983.558 1.324l3.652 3.392a.95.95 0 001.368-1.313l-3.024-3.541.287-3.477 3.36 1.339-.657 4.149a.95.95 0 001.86.379l1.337-5.346a.951.951 0 00-.495-1.079l-3.523-1.774.51-4.441c1.492-.063 2.885-.392 3.854-1.057.597-.411 1.849-1.933 2.218-2.389a.926.926 0 00-.137-1.302" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/happy-person/selected.svg b/packages/components/src/telekom/icons/communication/happy-person/selected.svg
new file mode 100644
index 0000000000..5dc064f3a3
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/happy-person/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 4.75A2.126 2.126 0 1011.75.498a2.126 2.126 0 00.002 4.252m7.44-1.426a.925.925 0 00-1.301.138c-.68.838-1.576 1.854-1.828 2.028-1.951 1.341-7.306.664-8.816-.75-.238-.263-1.007-1.756-1.576-2.985a.926.926 0 00-1.679.779c.517 1.116 1.46 3.06 1.977 3.543.609.571 1.55 1.045 2.65 1.39-.086 1.056-.274 3.4-.377 5.04-.111 1.778-.19 4.755-.218 5.953-.012.5.192.983.558 1.324l3.652 3.392a.95.95 0 001.368-1.313l-3.024-3.541.287-3.477 3.36 1.339-.657 4.149a.95.95 0 001.86.379l1.337-5.346a.951.951 0 00-.495-1.079l-3.523-1.774.51-4.441c1.492-.063 2.885-.392 3.854-1.057.597-.411 1.849-1.933 2.218-2.389a.926.926 0 00-.137-1.302" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/inbox/default.svg b/packages/components/src/telekom/icons/communication/inbox/default.svg
new file mode 100644
index 0000000000..e19a773df1
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/inbox/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.315 15.5l.204.428A2.762 2.762 0 0012 17.5c.992 0 1.912-.547 2.396-1.407l.085-.165.205-.428H21v4a3.004 3.004 0 01-2.824 2.995L18 22.5H6a3.004 3.004 0 01-2.995-2.824L3 19.5v-4h6.315zM8.399 17H4.5v2.5c0 .778.596 1.42 1.356 1.493L6 21h12c.778 0 1.42-.596 1.493-1.356l.007-.144V17h-3.898A4.272 4.272 0 0112 19a4.27 4.27 0 01-3.601-2zM12 1a.75.75 0 01.743.648l.007.102V7.5h3.832L12 14.5l-4.582-7h3.832V1.75A.75.75 0 0112 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/inbox/selected.svg b/packages/components/src/telekom/icons/communication/inbox/selected.svg
new file mode 100644
index 0000000000..40866b9377
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/inbox/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.315 15.5l.203.428A2.765 2.765 0 0012 17.5c.991 0 1.912-.547 2.396-1.407l.085-.165.204-.428H21v4a3.004 3.004 0 01-2.824 2.995L18 22.5H6a3.004 3.004 0 01-2.995-2.824L3 19.5v-4h6.315zM12 1a.75.75 0 01.743.648l.007.102V7.5h3.832L12 14.5l-4.582-7h3.832V1.75A.75.75 0 0112 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/landing-mobile-contact-client/default.svg b/packages/components/src/telekom/icons/communication/landing-mobile-contact-client/default.svg
new file mode 100644
index 0000000000..6f9267331c
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/landing-mobile-contact-client/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.638 6.09l.275.053.487.102.991 5.121-1.677.843a.343.343 0 00-.164.427l.065.171.155.394.09.219.206.474c.074.164.153.335.237.51l.13.264c.224.444.452.853.66 1.204l.238.39c.075.12.144.23.207.326a.344.344 0 00.372.148l.068-.025 1.676-.844 3.52 3.85-.207.452c-.633 1.378-1.509 2.217-2.605 2.491a3.162 3.162 0 01-.774.094c-.987 0-1.862-.435-2.375-.759l-.21-.14-.154-.11C5 20.34 3.636 18.11 2.82 16.485 2.002 14.861 1.023 12.438 1 10.114l.002-.164.01-.214c.004-.078.012-.164.022-.255l.04-.29c.124-.758.45-1.758 1.286-2.443.764-.626 1.775-.86 3.01-.698l.268.04zm-.99 1.41c-.558 0-1.006.136-1.338.408-.508.417-.699 1.106-.77 1.609l-.027.253-.011.2-.002.13c.016 1.588.605 3.616 1.658 5.712 1.055 2.095 2.332 3.778 3.597 4.737l.098.071.153.102c.417.264 1.226.674 1.992.483.475-.12.898-.464 1.263-1.03l.12-.196-2.067-2.26-.662.332a1.841 1.841 0 01-2.373-.647 22.014 22.014 0 01-1.186-2.062 21.789 21.789 0 01-.948-2.183 1.84 1.84 0 01.76-2.214l.136-.076.661-.333L5.12 7.53a4.145 4.145 0 00-.472-.029zM20.001 1a3 3 0 012.995 2.824L23 4v12a3 3 0 01-2.824 2.995l-.176.005h-5a3 3 0 01-2.96-2.522c.153.011.305.022.46.022.36 0 .714-.036 1.06-.098a1.5 1.5 0 001.304 1.092l.136.006h5c.778 0 1.42-.596 1.493-1.356l.007-.144V4c0-.778-.596-1.42-1.356-1.493l-.144-.007h-1V4h-3V2.5h-1c-.78 0-1.42.596-1.493 1.356L13.5 4v.589a6.045 6.045 0 00-1-.089l-.251.007-.25.017V4a3 3 0 012.825-2.995L15 1h5zm-4.318 6.318a4.5 4.5 0 11-6.366 6.364 4.5 4.5 0 016.366-6.364zm-3.182.606a.539.539 0 00-.533.452l-.007.088V9.96h-1.497a.54.54 0 00-.088 1.073l.088.007h1.497v1.496a.539.539 0 001.073.088l.007-.088V11.04h1.496a.538.538 0 00.54-.54.54.54 0 00-.453-.533l-.087-.007H13.04V8.464a.54.54 0 00-.54-.54z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/landing-mobile-contact-client/selected.svg b/packages/components/src/telekom/icons/communication/landing-mobile-contact-client/selected.svg
new file mode 100644
index 0000000000..be2da98e01
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/landing-mobile-contact-client/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 1a3 3 0 012.996 2.824L23 4v12a3 3 0 01-2.824 2.995l-.176.005h-5a2.998 2.998 0 01-2.73-1.761l.23.011a6.706 6.706 0 004.773-1.977 6.76 6.76 0 000-9.546A6.706 6.706 0 0012.5 3.75c-.164 0-.327.013-.49.023a2.998 2.998 0 012.815-2.768L15.001 1h5zm-1 1.5h-3V4h3V2.5zM5.639 6.09l.275.053.487.102.991 5.121-1.677.843a.343.343 0 00-.164.427l.065.171.155.394.09.219.206.474c.074.164.153.335.237.51l.13.264c.224.444.452.853.66 1.204l.238.39c.075.12.144.23.207.326a.344.344 0 00.372.148l.068-.025 1.676-.844 3.52 3.85-.207.452c-.633 1.378-1.509 2.217-2.605 2.491a3.162 3.162 0 01-.774.094c-.987 0-1.862-.435-2.375-.759l-.21-.14-.154-.11C5 20.34 3.636 18.11 2.82 16.485 2.002 14.861 1.023 12.438 1 10.114l.002-.164.01-.214c.004-.078.012-.164.022-.255l.04-.29c.124-.758.45-1.758 1.286-2.443.764-.626 1.775-.86 3.01-.698l.268.04zm10.045 1.228a4.5 4.5 0 11-6.366 6.364 4.5 4.5 0 016.366-6.364zm-3.182.606a.539.539 0 00-.533.452l-.007.088V9.96h-1.497a.54.54 0 00-.088 1.073l.088.007h1.497v1.496a.539.539 0 001.073.088l.007-.088V11.04h1.496a.538.538 0 00.54-.54.54.54 0 00-.453-.533l-.087-.007H13.04V8.464a.54.54 0 00-.54-.54z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/loyalty-earned/default.svg b/packages/components/src/telekom/icons/communication/loyalty-earned/default.svg
new file mode 100644
index 0000000000..08bf50e03c
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/loyalty-earned/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.917 11.71l-4.178 4.886a.967.967 0 01-1.476 0l-4.251-4.97a2.802 2.802 0 01-.187-3.399A2.77 2.77 0 018.138 7c.331 0 .663.058.978.172 1.143.42 1.459 1.23 1.885 2.074.406-.805.708-1.59 1.778-2.032A2.848 2.848 0 0113.864 7a2.77 2.77 0 011.98.828A2.237 2.237 0 0117 7.5h.483c-.024-.038-.041-.08-.066-.117A4.294 4.294 0 0013.864 5.5c-.573 0-1.131.11-1.658.328a4.161 4.161 0 00-1.204.748 4.116 4.116 0 00-1.371-.812A4.332 4.332 0 008.138 5.5a4.294 4.294 0 00-3.554 1.883 4.312 4.312 0 00.288 5.216l4.25 4.973a2.47 2.47 0 003.756 0l4.25-4.973c.163-.19.305-.39.429-.599H17c-.395 0-.761-.112-1.084-.29M23 9h-2.25V6.75a.75.75 0 10-1.5 0V9H17a.75.75 0 100 1.5h2.25v2.25a.75.75 0 001.5 0V10.5H23A.75.75 0 0023 9M1 4h1.5v1.5a.75.75 0 001.5 0V4h1.5a.75.75 0 000-1.5H4V1a.75.75 0 10-1.5 0v1.5H1A.75.75 0 101 4m6.5 14.5H5V16a.75.75 0 10-1.5 0v2.5H1A.75.75 0 001 20h2.5v2.5a.75.75 0 101.5 0V20h2.5a.75.75 0 100-1.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/loyalty-earned/selected.svg b/packages/components/src/telekom/icons/communication/loyalty-earned/selected.svg
new file mode 100644
index 0000000000..b32cfe8d1b
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/loyalty-earned/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.92 11.992c-.058.08-.108.164-.173.24l-4.251 4.972c-.375.439-.921.69-1.501.69a1.965 1.965 0 01-1.497-.69l-4.252-4.972a3.81 3.81 0 01-.254-4.61 3.797 3.797 0 013.14-1.664c1.487 0 2.419.843 2.52.939l.345.325.343-.325c.102-.096 1.035-.94 2.52-.94 1.21 0 2.338.58 3.054 1.552a2.248 2.248 0 00-2.163 2.24c0 1.214.966 2.199 2.169 2.243M23 10.5h-2.25v2.25a.75.75 0 11-1.5 0V10.5H17A.75.75 0 1117 9h2.25V6.75a.75.75 0 011.5 0V9H23a.75.75 0 010 1.5M1 4h1.5v1.5a.75.75 0 101.5 0V4h1.5a.75.75 0 100-1.5H4V1a.75.75 0 00-1.5 0v1.5H1A.75.75 0 001 4m6.5 14.5H5V16a.75.75 0 00-1.5 0v2.5H1A.75.75 0 001 20h2.5v2.5a.75.75 0 101.5 0V20h2.5a.75.75 0 100-1.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/loyalty-lost/default.svg b/packages/components/src/telekom/icons/communication/loyalty-lost/default.svg
new file mode 100644
index 0000000000..bcdf13c773
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/loyalty-lost/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.678 20.095c-.343.401-1.016.4-1.355.001l-.06-.07-1.142.972.061.072a2.39 2.39 0 003.637 0l.035-.04-1.14-.976-.036.041zm1.976-2.31l1.14.974 1.94-2.268-1.14-.975-1.94 2.268zM6.134 3.685l.277 1.474a4.086 4.086 0 012.466.311l.621-1.365a5.581 5.581 0 00-3.364-.42zm13.74 7.994l-1.34 1.567 1.14.975 1.34-1.567c.23-.27.437-.565.612-.874l-1.307-.737a4.055 4.055 0 01-.445.636zm-5.153-7.669a6.213 6.213 0 00-.182.08l.62 1.365.136-.059a4.066 4.066 0 012.326-.23l.287-1.473a5.586 5.586 0 00-3.187.317zM3.665 11.016l-1.313.726c.18.324.394.631.635.914l1.315 1.536 1.14-.975-1.315-1.537a4.044 4.044 0 01-.462-.664zm17.14-2.396l1.49-.173a5.496 5.496 0 00-1.418-3.089l-1.106 1.014a3.998 3.998 0 011.034 2.248zM12 9.805h.001c.41-1.524 1.174-2.404 1.174-2.404L12 6.745l-1.176.656s.767.88 1.176 2.403v.001zM3.861 6.838a3.93 3.93 0 01.39-.49L3.152 5.326a5.519 5.519 0 00-1.442 3.076L3.2 8.59a3.988 3.988 0 01.662-1.75zm2.38 9.624l1.94 2.268 1.14-.975-1.94-2.269-1.14.976z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/loyalty-lost/selected.svg b/packages/components/src/telekom/icons/communication/loyalty-lost/selected.svg
new file mode 100644
index 0000000000..bbe1e710f0
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/loyalty-lost/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.436 14.782l-1.898 1.625 2.589 3.029 1.899-1.626-2.59-3.028zm4.9 4.946l-.036.042a.391.391 0 01-.3.126.383.383 0 01-.294-.121l-.384-.456-1.905 1.623.386.454a2.888 2.888 0 004.396 0l.362-.422-1.9-1.621-.325.375zm7.548-8.928c-.11.195-.241.383-.39.557l-1.664 1.946 1.898 1.625 1.666-1.947c.252-.295.477-.616.667-.953l.247-.435-2.18-1.23-.244.437zm-15.377.556a3.547 3.547 0 01-.404-.581l-.242-.438-2.188 1.21.243.439c.197.354.43.689.692.995l1.639 1.917 1.9-1.625-1.64-1.917zm9.443 6.485l1.9 1.624 2.589-3.028-1.9-1.625-2.59 3.029zM10.447 7.728c.007.009.7.827 1.07 2.208l.484 1.796.483-1.797c.37-1.381 1.064-2.198 1.07-2.205l.403-.465L12 6.174l-1.952 1.09.398.464zm9.28-.607c.317.464.518 1.003.583 1.558l.057.497 2.484-.29-.06-.497a5.988 5.988 0 00-.997-2.674 6.151 6.151 0 00-.548-.694l-.338-.368-1.843 1.69.339.369c.115.125.224.263.324.409zm-4.24-1.261a3.6 3.6 0 012.04-.203l.49.096.479-2.453-.491-.096a6.03 6.03 0 00-3.474.347h-.001l-.196.084-.457.206 1.029 2.27.58-.251zm-8.983-.207a3.565 3.565 0 012.165.273l.456.21L10.16 3.86l-.454-.208a6.059 6.059 0 00-.467-.191 6.037 6.037 0 00-3.198-.265l-.49.092.46 2.457.492-.092zM3.696 8.65a3.509 3.509 0 01.579-1.531v-.001c.102-.15.217-.295.342-.43l.34-.365-1.83-1.704-.34.366A6.008 6.008 0 001.215 8.34l-.061.496 2.482.31.06-.496z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mail-opened/default.svg b/packages/components/src/telekom/icons/communication/mail-opened/default.svg
new file mode 100644
index 0000000000..9e04b9dad7
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mail-opened/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 6.144V3.5h-3.096l-2.38-2.034a3.869 3.869 0 00-5.048 0L7.096 3.5H4v2.644L.5 9.134V20.5c0 1.654 1.345 3 3 3h17c1.654 0 3-1.346 3-3V9.134L20 6.144zM5.5 5h13v6.799L12 15.393l-6.5-3.595V5zM22 20.5c0 .827-.673 1.5-1.5 1.5h-17c-.827 0-1.5-.673-1.5-1.5v-8.923l10 5.53 10-5.53V20.5zM9 9h6a.75.75 0 100-1.5H9A.75.75 0 109 9zm6.75 2.25a.75.75 0 00-.75-.75H9A.75.75 0 109 12h6a.75.75 0 00.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mail-opened/selected.svg b/packages/components/src/telekom/icons/communication/mail-opened/selected.svg
new file mode 100644
index 0000000000..34c93a4cc0
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mail-opened/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15 7.47H9a.75.75 0 000 1.5h6a.75.75 0 000-1.5zm-3 9.607L.5 10.717v9.753c0 1.655 1.345 3 3 3h17c1.654 0 3-1.345 3-3v-9.753L12 17.077zM5.5 4.97h13v6.799l4.929-2.726L20 6.115V3.47h-3.096l-2.38-2.034a3.871 3.871 0 00-5.048 0L7.095 3.47H4v2.645L.571 9.043 5.5 11.769V4.97zm9.5 5.5H9a.75.75 0 000 1.5h6a.75.75 0 000-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/message-incoming/default.svg b/packages/components/src/telekom/icons/communication/message-incoming/default.svg
new file mode 100644
index 0000000000..581e725369
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/message-incoming/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3v5.357l-1.5.982V4.5H2v10.143c0 .704.54 1.285 1.227 1.35l.13.007H6v3.596c0 .134.165.237.285.117L9.998 16h4.7l2.264 1.481-.158.014-.161.005h-6.024l-3.274 3.274c-.34.34-.757.491-1.167.491-.81 0-1.591-.597-1.671-1.514l-.007-.155V17.5H3.357a2.857 2.857 0 01-2.852-2.69L.5 14.644V3h19zm0 7.15V13h3.75a.75.75 0 01.102 1.493l-.102.007H19.5v2.85l-5.5-3.6 5.5-3.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/message-incoming/selected.svg b/packages/components/src/telekom/icons/communication/message-incoming/selected.svg
new file mode 100644
index 0000000000..279ec3b73f
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/message-incoming/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.499 3v5.867l-6.153 3.879a1.199 1.199 0 00-.108 1.929l.108.079L17.54 17.5h-6.92l-3.273 3.274c-.339.34-.756.491-1.166.491-.811 0-1.591-.597-1.671-1.514l-.007-.155V17.5H3.361a2.856 2.856 0 01-2.852-2.69l-.005-.167V3H19.5zm.002 7.15V13h3.75a.75.75 0 01.1 1.493l-.1.007H19.5v2.85l-5.498-3.6 5.498-3.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/message-outgoing/default.svg b/packages/components/src/telekom/icons/communication/message-outgoing/default.svg
new file mode 100644
index 0000000000..519265a8d5
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/message-outgoing/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3v6.339L18 8.357V4.5H2v10.143c0 .704.54 1.285 1.227 1.35l.13.007H6v3.596c0 .134.165.237.285.117L9.998 16H16.5v1.5h-5.881l-3.274 3.274c-.34.34-.757.491-1.167.491-.81 0-1.591-.597-1.671-1.514l-.007-.155V17.5H3.357a2.857 2.857 0 01-2.852-2.69L.5 14.644V3h19zM18 10.15l5.5 3.6-5.5 3.6V14.5h-3.75a.75.75 0 01-.102-1.493L14.25 13H18v-2.85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/message-outgoing/selected.svg b/packages/components/src/telekom/icons/communication/message-outgoing/selected.svg
new file mode 100644
index 0000000000..63f675fd62
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/message-outgoing/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.506 3v6.697l-.841-.551a1.195 1.195 0 00-1.227-.052c-.35.189-.58.536-.623.925l-.007.131v1.65h-2.55c-1.075 0-1.95.875-1.95 1.95 0 1.026.797 1.87 1.805 1.945l.145.005h2.55v1.65l.008.076.012.074h-6.203l-3.274 3.274c-.34.34-.757.491-1.167.491-.81 0-1.591-.597-1.671-1.514l-.007-.155V17.5H3.363a2.857 2.857 0 01-2.852-2.69l-.005-.167V3h19zm-1.498 7.15l5.5 3.6-5.5 3.6V14.5h-3.75a.75.75 0 01-.102-1.493l.102-.007h3.75v-2.85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/message/default.svg b/packages/components/src/telekom/icons/communication/message/default.svg
index 3aa7284404..1cdb51a9bd 100644
--- a/packages/components/src/telekom/icons/communication/message/default.svg
+++ b/packages/components/src/telekom/icons/communication/message/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.45 3.5v12.55c0 1.65-1.35 3-3 3h-7l-3.5 3.5c-.35.35-.75.5-1.2.5-.9 0-1.75-.7-1.75-1.75v-2.3h-1.5c-1.65 0-3-1.35-3-3v-12.5zm-1.45 1.5h-18v11c0 .85.65 1.5 1.5 1.5h3.05v3.8c0 .25.25.25.25.25.05 0 .1-.05.15-.1l3.95-3.95h7.6c.85 0 1.5-.65 1.5-1.5zm-4.5 7c.4 0 .75.35.75.75s-.35.75-.75.75h-9c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm0-3.5c.4 0 .75.35.75.75s-.35.75-.75.75h-9c-.4 0-.75-.35-.75-.75s.35-.75.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.45 3.5v12.55a3.01 3.01 0 01-2.824 2.995l-.176.005h-7l-3.5 3.5c-.35.35-.75.5-1.2.5-.855 0-1.665-.632-1.744-1.595L6 21.3V19H4.5a3.01 3.01 0 01-2.995-2.824L1.5 16V3.5h20.95zM21 5H3v11c0 .8.576 1.423 1.352 1.493l.148.007h3.05v3.8c0 .188.14.234.21.246l.04.004c.037 0 .075-.028.112-.063L11.9 17.5h7.6c.8 0 1.423-.576 1.493-1.352L21 16V5zm-4.5 7c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007h-9c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L7.5 12h9zm0-3.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L16.5 10h-9c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L7.5 8.5h9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/message/selected.svg b/packages/components/src/telekom/icons/communication/message/selected.svg
index 3d00a8deec..58f0ba5e2c 100644
--- a/packages/components/src/telekom/icons/communication/message/selected.svg
+++ b/packages/components/src/telekom/icons/communication/message/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M1.5 3.5V16a3 3 0 003 3H6v2.275A1.75 1.75 0 009 22.5l3.5-3.5h7a3 3 0 003-3V3.5h-21zm15 10h-9a.75.75 0 110-1.5h9a.75.75 0 110 1.5zm0-3.5h-9a.75.75 0 010-1.5h9a.75.75 0 110 1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 3.5V16a3 3 0 003 3H6v2.275A1.75 1.75 0 009 22.5l3.5-3.5h7a3 3 0 003-3V3.5h-21zm15 10h-9a.75.75 0 110-1.5h9a.75.75 0 110 1.5zm0-3.5h-9a.75.75 0 010-1.5h9a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mms-incoming/default.svg b/packages/components/src/telekom/icons/communication/mms-incoming/default.svg
new file mode 100644
index 0000000000..ac84ac4a9d
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mms-incoming/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3v8.357l-1.5.982V4.5H2v10.143c0 .704.54 1.285 1.227 1.35l.13.007H6v3.596c0 .07.045.131.105.157.055.023.122.017.18-.04L9.998 16H12.5v1.5h-1.881l-3.274 3.274c-.34.34-.757.491-1.167.491-.81 0-1.591-.597-1.671-1.514l-.007-.155V17.5H3.357a2.857 2.857 0 01-2.852-2.69L.5 14.644V3h19zm0 10.15V16h3.75a.75.75 0 01.102 1.493l-.102.007H19.5v2.85l-5.5-3.6 5.5-3.6zm-4.576-4.905c.783 0 1.23.424 1.348 1.104l.02.14h-.818c-.056-.31-.229-.465-.55-.465-.285 0-.502.161-.502.452 0 .259.152.37.347.436l.075.022.476.13c.612.161.996.613.996 1.207 0 .829-.612 1.292-1.392 1.292-.8 0-1.296-.391-1.416-1.113l-.02-.148h.83c.075.346.303.482.606.482.359 0 .539-.198.539-.464 0-.228-.133-.355-.382-.442l-.114-.034-.476-.136c-.662-.18-.922-.656-.922-1.176 0-.792.588-1.287 1.355-1.287zm-5.41.093l1.232 2.289h.037l1.225-2.29h.767v4.133h-.829v-2.332h-.037l-1.015 1.819h-.266L9.62 10.138h-.037v2.332h-.836V8.337h.768zm-5.012 0l1.231 2.289h.038l1.224-2.29h.768v4.133h-.829v-2.332h-.037l-1.016 1.819h-.265l-1.009-1.819H4.57v2.332h-.836V8.337h.768z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mms-incoming/selected.svg b/packages/components/src/telekom/icons/communication/mms-incoming/selected.svg
new file mode 100644
index 0000000000..9f2d5d00c7
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mms-incoming/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3v8.406l-6.32 4.088a1.5 1.5 0 00-.68 1.255c0 .215.05.422.136.611l.071.139H10.62l-3.274 3.274c-.34.34-.757.491-1.166.491-.812 0-1.592-.597-1.672-1.514l-.007-.156V17.5H3.358A2.857 2.857 0 01.506 14.81l-.005-.168V3h19zm0 10.15v2.849h3.75a.75.75 0 01.102 1.493l-.102.007H19.5v2.85l-5.5-3.6 5.5-3.6zm-4.575-4.906c-.767 0-1.355.495-1.355 1.287 0 .48.221.923.776 1.13l.146.046.476.136c.322.086.495.216.495.476 0 .266-.18.464-.538.464-.27 0-.48-.107-.576-.374l-.03-.108h-.83c.075.816.582 1.262 1.436 1.262.779 0 1.391-.464 1.391-1.293 0-.548-.327-.975-.859-1.164l-.137-.043-.476-.13c-.229-.062-.42-.167-.42-.458 0-.29.216-.451.5-.451.286 0 .455.122.528.366l.023.098h.817c-.08-.761-.532-1.244-1.367-1.244zm-5.41.093h-.767v4.133h.835v-2.333h.037l1.009 1.82h.266l1.015-1.82h.037v2.333h.829V8.337h-.768l-1.225 2.29h-.037l-1.23-2.29zm-5.012 0h-.767v4.133h.835v-2.333h.037l1.01 1.82h.265l1.015-1.82h.037v2.333h.829V8.337h-.767l-1.225 2.29h-.038l-1.23-2.29z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mms-outgoing/default.svg b/packages/components/src/telekom/icons/communication/mms-outgoing/default.svg
new file mode 100644
index 0000000000..6d8f4b4b8f
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mms-outgoing/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.783 10.627h-.037l-1.232-2.29h-.767v4.134h.835v-2.333h.037l1.01 1.819h.265l1.015-1.819h.037v2.333h.829V8.338h-.768l-1.224 2.289zm-3.02 1.843V8.337h-.768l-1.224 2.29h-.037l-1.231-2.29h-.768v4.133h.835v-2.333h.037l1.009 1.82h.266l1.014-1.82h.038v2.333h.829zm7.16-.686c-.303 0-.531-.136-.605-.482h-.83c.075.816.582 1.261 1.436 1.261.78 0 1.392-.463 1.392-1.293 0-.593-.384-1.045-.996-1.206l-.476-.13c-.23-.062-.421-.167-.421-.458 0-.291.216-.452.5-.452.322 0 .495.155.552.465h.816c-.08-.762-.532-1.244-1.367-1.244-.767 0-1.355.495-1.355 1.287 0 .52.26.996.922 1.175l.476.136c.322.087.495.217.495.477 0 .266-.18.464-.538.464zM23.5 16.75l-5.5-3.6V16h-3.75a.75.75 0 100 1.5H18v2.85l5.5-3.6zM9.998 16l-3.713 3.713c-.12.12-.285.017-.285-.117V16H3.357A1.359 1.359 0 012 14.643V4.5h16v6.857l1.5.982V3H.5v11.643A2.857 2.857 0 003.357 17.5H4.5v2.096c0 1.004.822 1.67 1.678 1.67.41 0 .827-.152 1.167-.492l3.274-3.274H12V16H9.998z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mms-outgoing/selected.svg b/packages/components/src/telekom/icons/communication/mms-outgoing/selected.svg
new file mode 100644
index 0000000000..2fd2eb6cb1
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mms-outgoing/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.503 3v9.697l-.842-.551a1.195 1.195 0 00-1.228-.052 1.2 1.2 0 00-.622.925l-.007.131v1.65h-2.55a1.953 1.953 0 00-1.852 2.559l.053.141h-1.833l-3.274 3.274c-.34.34-.757.491-1.167.491-.81 0-1.591-.597-1.671-1.514l-.007-.155V17.5H3.36a2.857 2.857 0 01-2.852-2.69l-.005-.167V3h19zm-1.499 10.15l5.5 3.6-5.5 3.6V17.5h-3.75a.75.75 0 01-.102-1.493l.102-.007h3.75v-2.85zm-3.076-4.905c-.767 0-1.355.495-1.355 1.287 0 .48.222.923.776 1.129l.146.046.477.136c.322.087.495.217.495.477-.001.266-.18.464-.54.464-.269 0-.48-.107-.575-.375l-.03-.107h-.83c.074.816.582 1.261 1.435 1.261.78 0 1.393-.463 1.393-1.293 0-.548-.327-.975-.86-1.164l-.137-.042-.476-.13c-.229-.062-.42-.167-.42-.458 0-.291.216-.452.5-.452.287 0 .455.123.528.367l.024.098h.817c-.081-.762-.532-1.244-1.368-1.244zm-5.41.093h-.767v4.133h.835v-2.333h.037l1.01 1.819h.265l1.015-1.819h.037v2.333h.829V8.338h-.768l-1.224 2.289h-.038l-1.23-2.29zm-5.012-.001h-.768v4.133h.836v-2.333h.037l1.009 1.82h.266l1.014-1.82h.037v2.333h.83V8.337h-.768l-1.224 2.29h-.038l-1.23-2.29z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mobile-phone-number/default.svg b/packages/components/src/telekom/icons/communication/mobile-phone-number/default.svg
new file mode 100644
index 0000000000..991e776ccd
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mobile-phone-number/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .5a3 3 0 012.98 2.65l.015.174V6h-1.5V3.375a1.501 1.501 0 00-1.359-1.369L12 2l-2 .002V3.5H6V2.004l-2.125.001a1.5 1.5 0 00-1.369 1.358L2.5 3.5l.005 17.125a1.5 1.5 0 001.358 1.369L4 22l8.125-.005a1.5 1.5 0 001.369-1.358l.006-.137-.001-3.5h1.5v3.5a3 3 0 01-2.65 2.98l-.173.015L4 23.5a3 3 0 01-2.98-2.65l-.015-.174L1 3.5A3.002 3.002 0 013.65.52l.174-.015L12 .5zm-4 18A1.25 1.25 0 118 21a1.25 1.25 0 010-2.5zm13.5-11v5l-.005.176a3.005 3.005 0 01-2.82 2.819l-.175.005h-14l2-2v-6h15zm-4.02 1.711c-.917 0-1.526.706-1.526 1.476 0 .712.506 1.38 1.287 1.456l.15.007h.045l.013.012-1.111 1.438h1.008l1.129-1.469.1-.14c.254-.375.427-.774.427-1.304 0-.77-.61-1.476-1.521-1.476zm-2.454.103h-.782l-1.912 2.451v.981h1.867v.854h.827v-.854h.456v-.77h-.456V9.314zm-4.46.674h-.705v1.116H8.745v.706H9.86v1.116h.706V11.81h1.116v-.706h-1.116V9.988zm3.633.686v1.302h-1.072v-.031l1.033-1.271h.039zM17.48 10c.404 0 .68.308.68.687 0 .378-.276.667-.68.667a.645.645 0 01-.674-.667c0-.379.263-.687.674-.687z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/mobile-phone-number/selected.svg b/packages/components/src/telekom/icons/communication/mobile-phone-number/selected.svg
new file mode 100644
index 0000000000..1db2991b0f
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/mobile-phone-number/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.001.5a3 3 0 012.995 2.824l.005.176V6H23v6.5a4.5 4.5 0 01-4.288 4.495L18.5 17h-3.499v3.5a3 3 0 01-2.823 2.994L12 23.5h-8a3 3 0 01-2.994-2.824L1 20.5v-17A3 3 0 013.825.505L4.001.5h8zm-4 18a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm13.5-11H6.502v6l-2 2h14a3.003 3.003 0 002.994-2.824l.005-.176v-5zm-4.019 1.71c.911 0 1.521.706 1.521 1.476 0 .53-.173.93-.427 1.305l-.1.14-1.129 1.468H16.34l1.11-1.437-.013-.013h-.045c-.866 0-1.437-.705-1.437-1.463 0-.77.61-1.475 1.527-1.475zm-2.454.103v2.663h.455v.77h-.455v.853H14.2v-.853h-1.867v-.982l1.912-2.45h.783zm-4.46.674v1.116h1.116v.706h-1.116v1.116h-.706V11.81H8.746v-.706h1.116V9.987h.706zm3.632.687h-.038l-1.033 1.27v.032H14.2v-1.302zM17.482 10c-.41 0-.673.308-.673.686 0 .372.263.668.673.668.405 0 .68-.29.68-.668a.666.666 0 00-.68-.686zm-7.48-8h-4v1.5h4V2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/network-signal/default.svg b/packages/components/src/telekom/icons/communication/network-signal/default.svg
new file mode 100644
index 0000000000..9d0f693de1
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/network-signal/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 3.58c.69 0 1.25.56 1.25 1.25V20.5h-2.5V4.83c0-.69.56-1.25 1.25-1.25zm-4.5 3.615c.69 0 1.25.56 1.25 1.25V20.5H13V8.445c0-.69.56-1.25 1.25-1.25zm-4.5 4.1c.69 0 1.25.559 1.25 1.25V20.5H8.5v-7.955c0-.691.56-1.25 1.25-1.25zm-4.5 3.585c.69 0 1.25.559 1.25 1.25v4.37H4v-4.37c0-.691.56-1.25 1.25-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/network-signal/selected.svg b/packages/components/src/telekom/icons/communication/network-signal/selected.svg
new file mode 100644
index 0000000000..9d0f693de1
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/network-signal/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 3.58c.69 0 1.25.56 1.25 1.25V20.5h-2.5V4.83c0-.69.56-1.25 1.25-1.25zm-4.5 3.615c.69 0 1.25.56 1.25 1.25V20.5H13V8.445c0-.69.56-1.25 1.25-1.25zm-4.5 4.1c.69 0 1.25.559 1.25 1.25V20.5H8.5v-7.955c0-.691.56-1.25 1.25-1.25zm-4.5 3.585c.69 0 1.25.559 1.25 1.25v4.37H4v-4.37c0-.691.56-1.25 1.25-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/new-email/default.svg b/packages/components/src/telekom/icons/communication/new-email/default.svg
new file mode 100644
index 0000000000..4ac7a08d43
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/new-email/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.803 19.303l1.992 1.993-2.737.743.745-2.736zm10.815-10.26a1.444 1.444 0 011.12 2.355l-.1.11-8.935 8.93-2.041-2.043 8.936-8.93c.28-.281.65-.422 1.02-.422zM19 3v5.942l-1.5 1.499V7.15l-5.81 4.963a3.366 3.366 0 01-2.19.814c-.7 0-1.399-.22-1.995-.66l-.194-.154L1.5 7.152v7.377c0 .498.378.908.865.964l.114.007h9.958L10.936 17H2.479A2.476 2.476 0 01.005 14.69L0 14.53V2.999h19zm-1.5 1.5h-16v.679l6.785 5.795c.66.563 1.6.6 2.295.106l.136-.106L17.5 5.179v-.68z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/new-email/selected.svg b/packages/components/src/telekom/icons/communication/new-email/selected.svg
new file mode 100644
index 0000000000..1728be7ce5
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/new-email/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.803 19.303l1.992 1.993-2.737.743.745-2.736zm10.815-10.26a1.444 1.444 0 011.12 2.355l-.1.11-8.935 8.93-2.041-2.043 8.936-8.93c.28-.281.65-.422 1.02-.422zM19 5.87v3.072L10.936 17H2.479A2.475 2.475 0 01.005 14.69L0 14.53v-8.66l7.31 6.246a3.375 3.375 0 004.21.136l.17-.136L19 5.87zM19 3v.898l-8.284 7.077c-.636.542-1.621.576-2.3.101l-.131-.101L0 3.898V3h19z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/outbox/default.svg b/packages/components/src/telekom/icons/communication/outbox/default.svg
new file mode 100644
index 0000000000..7b5e28adf3
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/outbox/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.314 15.5l.205.428A2.761 2.761 0 0012 17.5c.991 0 1.912-.547 2.396-1.407l.085-.165.204-.428H21v4a3.004 3.004 0 01-2.824 2.995L18 22.5H6a3.004 3.004 0 01-2.995-2.824L3 19.5v-4h6.314zM8.398 17H4.5v2.5c0 .778.596 1.42 1.356 1.493L6 21h12c.778 0 1.42-.596 1.493-1.356l.007-.144V17h-3.899A4.27 4.27 0 0112 19a4.272 4.272 0 01-3.602-2zM12 1l4.582 7H12.75v5.75a.75.75 0 01-1.5 0V8H7.418L12 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/outbox/selected.svg b/packages/components/src/telekom/icons/communication/outbox/selected.svg
new file mode 100644
index 0000000000..b0e978fd57
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/outbox/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.316 15.5l.202.428A2.764 2.764 0 0012 17.5c.992 0 1.913-.547 2.396-1.407l.085-.165.204-.428H21v4a3.003 3.003 0 01-2.823 2.995L18 22.5H6a3.004 3.004 0 01-2.994-2.824L3 19.5v-4h6.314zM11.998 1l4.582 7H12.75v5.75a.75.75 0 01-1.493.102l-.007-.102V8H7.42l4.58-7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/phone-number/default.svg b/packages/components/src/telekom/icons/communication/phone-number/default.svg
index 5fc7aaa76c..f712419515 100644
--- a/packages/components/src/telekom/icons/communication/phone-number/default.svg
+++ b/packages/components/src/telekom/icons/communication/phone-number/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.05 13.3-1.7 1.7c-.25.25-.7.3-1 .05-.55-.45-1.4-1.15-2.3-2.05s-1.6-1.75-2.05-2.3a.76.76 0 0 1 .05-1l1.7-1.7-3.35-6c-1.1.1-3.45.35-4.7 2.25-1.15 1.85-.5 4.1-.3 4.75.85 2.35 2.65 5 5.1 7.5 2.5 2.5 5.15 4.3 7.45 5.1.35.1 1.25.4 2.25.4.8 0 1.7-.15 2.5-.65 1.9-1.2 2.15-3.55 2.25-4.7zm2.9 6.7c-1.25.8-3 .3-3.45.15-2.1-.7-4.55-2.4-6.9-4.75-2.3-2.3-4-4.75-4.7-6.9-.15-.5-.65-2.2.15-3.45.45-.75 1.35-1.25 2.6-1.45l2.3 4.05-.95.9c-.8.8-.9 2.1-.15 3 .5.6 1.25 1.5 2.15 2.45.95.95 1.85 1.7 2.45 2.15.9.7 2.2.65 3-.15l.9-.9 4.05 2.3c-.25 1.25-.7 2.15-1.45 2.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.05 13.3l-1.7 1.7c-.25.25-.7.3-1 .05-.55-.45-1.4-1.15-2.3-2.05-.9-.9-1.6-1.75-2.05-2.3a.76.76 0 01.05-1l1.7-1.7L7.4 2c-1.1.1-3.45.35-4.7 2.25C1.55 6.1 2.2 8.35 2.4 9c.85 2.35 2.65 5 5.1 7.5 2.5 2.5 5.15 4.3 7.45 5.1.35.1 1.25.4 2.25.4.8 0 1.7-.15 2.5-.65 1.9-1.2 2.15-3.55 2.25-4.7l-5.9-3.35zm2.9 6.7c-1.25.8-3 .3-3.45.15-2.1-.7-4.55-2.4-6.9-4.75-2.3-2.3-4-4.75-4.7-6.9-.15-.5-.65-2.2.15-3.45C4.5 4.3 5.4 3.8 6.65 3.6l2.3 4.05-.95.9c-.8.8-.9 2.1-.15 3 .5.6 1.25 1.5 2.15 2.45.95.95 1.85 1.7 2.45 2.15.9.7 2.2.65 3-.15l.9-.9 4.05 2.3c-.25 1.25-.7 2.15-1.45 2.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/phone-number/selected.svg b/packages/components/src/telekom/icons/communication/phone-number/selected.svg
index 896e97b0a5..72829a3a11 100644
--- a/packages/components/src/telekom/icons/communication/phone-number/selected.svg
+++ b/packages/components/src/telekom/icons/communication/phone-number/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.535 13.5a29.66 29.66 0 01-2.115-2.365 1.5 1.5 0 01.105-2l1.28-1.28L7 2.81c-5.13.575-4.31 4.655-3.855 6 .825 2.42 2.695 4.965 4.905 7.175 2.205 2.21 4.755 4.08 7.17 4.905 1.33.455 5.41 1.275 6-3.86l-5-2.805-1.305 1.275a1.5 1.5 0 01-2 .11 29.805 29.805 0 01-2.38-2.11z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.05 13.3l-1.7 1.7c-.25.25-.7.3-1 .05-.55-.45-1.4-1.15-2.3-2.05-.9-.9-1.6-1.75-2.05-2.3a.76.76 0 01.05-1l1.7-1.7L7.4 2c-1.1.1-3.45.35-4.7 2.25C1.55 6.1 2.2 8.35 2.4 9c.85 2.35 2.65 5 5.1 7.5 2.5 2.5 5.15 4.3 7.45 5.1.35.1 1.25.4 2.25.4.8 0 1.7-.15 2.5-.65 1.9-1.2 2.15-3.55 2.25-4.7l-5.9-3.35z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/recipient/default.svg b/packages/components/src/telekom/icons/communication/recipient/default.svg
index 07bfa1997d..695413cb4a 100644
--- a/packages/components/src/telekom/icons/communication/recipient/default.svg
+++ b/packages/components/src/telekom/icons/communication/recipient/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.75 11.5c3.45 0 6.25 2.8 6.25 6.25s-2.8 6.25-6.25 6.25-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zm3.1 4.05c-.3-.3-.75-.3-1.05 0l-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0s-.3.75 0 1.05l2.45 2.5 3.9-3.9c.3-.3.25-.75-.05-1.05zm-1.85-12.55v7.1c-.4-.05-.8-.1-1.25-.1h-.25v-2.85l-5.8 4.95c-.65.55-1.4.8-2.2.8s-1.55-.25-2.2-.8l-5.8-4.95v7.4c0 .5.45.95 1 .95h7.85c-.15.5-.25 1-.3 1.5h-7.55c-1.4 0-2.5-1.1-2.5-2.45v-11.55zm-1.5 1.5h-16v.7l6.75 5.75c.7.6 1.75.6 2.45 0l6.8-5.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5c3.45 0 6.25 2.8 6.25 6.25S21.2 24 17.75 24s-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zm3.1 4.05a.722.722 0 00-.965-.074l-.085.074-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0a.722.722 0 00-.074.965l.074.085L17 20.5l3.9-3.9c.3-.3.25-.75-.05-1.05zM19 3v7.1c-.3-.037-.6-.075-.921-.091L17.75 10h-.25V7.15l-5.8 4.95c-.65.55-1.4.8-2.2.8a3.317 3.317 0 01-2.02-.657L7.3 12.1 1.5 7.15v7.4c0 .464.388.885.884.943l.116.007h7.85c-.112.375-.197.75-.253 1.125L10.05 17H2.5C1.156 17 .088 15.986.005 14.71L0 14.55V3h19zm-1.5 1.5h-16v.7l6.75 5.75c.656.563 1.62.598 2.315.105l.135-.105 6.8-5.75v-.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/recipient/selected.svg b/packages/components/src/telekom/icons/communication/recipient/selected.svg
index a6e336d204..9e8c6c03f8 100644
--- a/packages/components/src/telekom/icons/communication/recipient/selected.svg
+++ b/packages/components/src/telekom/icons/communication/recipient/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.75 11.36a5.885 5.885 0 015.89 5.89 5.89 5.89 0 11-5.89-5.89zm0 1.5a4.39 4.39 0 100 8.78 4.39 4.39 0 000-8.78zm1.88 2.345a.755.755 0 011.06 0c.289.29.289.76 0 1.05l-3.62 3.625-2.32-2.32a.755.755 0 010-1.06.745.745 0 011.06 0l1.26 1.265zm-.465-9.445v4.38a7.25 7.25 0 00-8.665 7.11v.035h-8a2.5 2.5 0 01-2.5-2.5V5.88l7.395 6.345a3.35 3.35 0 004.385 0l7.385-6.465zm0-2.645v.655L10.8 11.09a1.86 1.86 0 01-2.43 0L0 3.9v-.785h19.165z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.885 15.476l-.085.074-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0a.722.722 0 00-.075.965l.075.085L17 20.5l3.9-3.9c.3-.3.25-.75-.05-1.05a.723.723 0 00-.965-.074M17.75 22.5A4.756 4.756 0 0113 17.75 4.756 4.756 0 0117.75 13a4.756 4.756 0 014.75 4.75 4.756 4.756 0 01-4.75 4.75m0-11c-3.45 0-6.25 2.8-6.25 6.25S14.3 24 17.75 24 24 21.2 24 17.75s-2.8-6.25-6.25-6.25m0-1.5c.421 0 .831.043 1.233.108.003 0 .015-.008.017-.008V5.87l-7.3 6.23c-.65.55-1.4.8-2.2.8a3.315 3.315 0 01-2.021-.657L7.3 12.1 0 5.87v8.68l.005.16C.088 15.988 1.156 17 2.5 17h7.538c.378-3.922 3.691-7 7.712-7m-7.185 1.056l.135-.106L19 3.932V3H0v.923l8.25 7.027c.656.563 1.62.598 2.315.106" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/save-emails-to-drafts/default.svg b/packages/components/src/telekom/icons/communication/save-emails-to-drafts/default.svg
new file mode 100644
index 0000000000..4dc2f8ca96
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/save-emails-to-drafts/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm0 3a.75.75 0 00-.743.649L17 15.25v2.25h-1.833l2.583 3.945 2.582-3.945H18.5v-2.25a.75.75 0 00-.75-.75zM19 3v7.11a7.808 7.808 0 00-1.25-.11l-.25.013V7.152l-5.81 4.963a3.36 3.36 0 01-4.185.154l-.195-.154L1.5 7.152v7.378c0 .496.378.908.864.964l.114.007h7.856c-.11.36-.193.733-.25 1.115l-.046.385h-7.56a2.475 2.475 0 01-2.473-2.309L0 14.53V3h19zm-1.5 1.5h-16v.679l6.784 5.795c.661.564 1.6.6 2.296.106l.135-.106L17.5 5.179V4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/save-emails-to-drafts/selected.svg b/packages/components/src/telekom/icons/communication/save-emails-to-drafts/selected.svg
new file mode 100644
index 0000000000..27d77e30c4
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/save-emails-to-drafts/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm0 1.5A4.756 4.756 0 0013 17.75a4.756 4.756 0 004.75 4.75 4.756 4.756 0 004.75-4.75A4.756 4.756 0 0017.75 13zm0 1.5a.75.75 0 01.743.648l.007.102v2.25h1.833l-2.583 3.945-2.582-3.945H17v-2.25a.75.75 0 01.75-.75zM19 5.87v4.24a7.798 7.798 0 00-1.25-.11c-3.935 0-7.192 2.947-7.684 6.75l-.028.25h-7.56a2.475 2.475 0 01-2.473-2.308L0 14.529V5.87l7.31 6.244a3.366 3.366 0 004.21.136l.17-.136L19 5.87zM19 3v.896l-8.284 7.078c-.677.579-1.754.579-2.431 0L0 3.896V3h19z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/sms/default.svg b/packages/components/src/telekom/icons/communication/sms/default.svg
new file mode 100644
index 0000000000..763d36efa5
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/sms/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 3.5h-21V16a3 3 0 003 3H6v2.275c0 1.055.863 1.753 1.763 1.753.43 0 .868-.159 1.224-.515L12.5 19h7a3 3 0 003-3V3.5zM21 5v11c0 .827-.673 1.5-1.5 1.5h-7.621l-3.952 3.952c-.054.054-.103.076-.164.076-.003 0-.263-.007-.263-.253V17.5h-3c-.827 0-1.5-.673-1.5-1.5V5h18zm-5.734 7.083h1.005c.09.42.367.585.742.585.428 0 .645-.239.645-.563 0-.33-.21-.487-.6-.591l-.577-.165c-.795-.218-1.118-.795-1.118-1.411 0-.952.713-1.567 1.643-1.567 1.012 0 1.56.593 1.657 1.515h-.99c-.067-.375-.277-.563-.667-.563-.345 0-.608.21-.608.548 0 .337.233.465.51.54l.578.157c.75.196 1.207.75 1.207 1.478 0 1.005-.742 1.575-1.68 1.575-1.042 0-1.657-.548-1.747-1.538zm-.765-3.592v5.01h-1.013v-2.827h-.045l-1.23 2.204h-.322l-1.223-2.204h-.044v2.827H9.611v-5.01h.93l1.493 2.775h.045l1.484-2.775h.938zm-9.105 3.592h1.005c.09.42.368.585.743.585.427 0 .645-.239.645-.563 0-.33-.21-.487-.601-.591l-.577-.165c-.795-.218-1.117-.795-1.117-1.411 0-.952.712-1.567 1.642-1.567 1.012 0 1.56.593 1.657 1.515h-.989c-.068-.375-.278-.563-.668-.563-.345 0-.607.21-.607.548 0 .337.232.465.51.54l.577.157c.75.196 1.208.75 1.208 1.478 0 1.005-.743 1.575-1.68 1.575-1.043 0-1.658-.548-1.748-1.538z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/sms/selected.svg b/packages/components/src/telekom/icons/communication/sms/selected.svg
new file mode 100644
index 0000000000..451b8eac77
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/sms/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 3.5V16a3 3 0 01-2.824 2.995L19.5 19h-7l-3.512 3.513a1.717 1.717 0 01-1.226.516c-.853 0-1.676-.63-1.756-1.598L6 21.275V19H4.5a3 3 0 01-2.995-2.824L1.5 16V3.5h21zm-5.198 4.871c-.929 0-1.642.615-1.642 1.567 0 .575.281 1.116.965 1.363l.153.048.577.165c.39.104.6.261.6.591 0 .324-.217.563-.645.563-.337 0-.596-.134-.71-.466l-.032-.119h-1.005c.09.99.704 1.538 1.747 1.538.937 0 1.68-.57 1.68-1.575 0-.68-.398-1.207-1.061-1.434l-.146-.044-.578-.157c-.278-.075-.51-.203-.51-.54 0-.338.262-.548.607-.548.352 0 .557.152.644.456l.024.107h.989c-.096-.922-.644-1.515-1.657-1.515zm-10.17 0c-.929 0-1.642.615-1.642 1.567 0 .575.281 1.116.965 1.363l.153.048.577.165c.39.104.6.261.6.591 0 .324-.217.563-.645.563-.337 0-.596-.134-.71-.466l-.032-.119H5.393c.09.99.704 1.538 1.747 1.538.938 0 1.68-.57 1.68-1.575 0-.68-.398-1.207-1.061-1.434l-.146-.044-.578-.157c-.278-.075-.51-.203-.51-.54 0-.338.263-.548.607-.548.352 0 .557.152.644.456l.024.107h.989c-.096-.922-.644-1.515-1.657-1.515zm3.556.12h-.931v5.01h1.013v-2.827h.045l1.223 2.204h.322l1.23-2.204h.045v2.827h1.013v-5.01h-.938l-1.485 2.775h-.045l-1.492-2.775z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/spam/default.svg b/packages/components/src/telekom/icons/communication/spam/default.svg
new file mode 100644
index 0000000000..efb0427694
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/spam/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5a6.25 6.25 0 110 12.499 6.25 6.25 0 010-12.5zm-3.53 4.274a4.006 4.006 0 00-.52 1.976 4.054 4.054 0 004.05 4.05c.628 0 1.221-.145 1.752-.401l.224-.117-5.507-5.508zm3.53-2.073c-.628 0-1.222.144-1.752.4l-.224.117 5.508 5.509a4.034 4.034 0 00.518-1.977 4.054 4.054 0 00-4.05-4.05zM19 2.998v7.111a7.685 7.685 0 00-1.25-.11l-.125.005-.125.007v-2.86l-5.81 4.962a3.357 3.357 0 01-4.185.154l-.195-.153L1.5 7.151v7.378c0 .496.378.907.864.963l.114.006h7.856c-.11.363-.193.735-.249 1.116l-.047.385h-7.56a2.475 2.475 0 01-2.473-2.308L0 14.53V3h19zm-1.5 1.5h-16v.68l6.785 5.794c.66.565 1.6.601 2.295.106l.136-.106L17.5 5.178V4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/spam/selected.svg b/packages/components/src/telekom/icons/communication/spam/selected.svg
new file mode 100644
index 0000000000..2e84421495
--- /dev/null
+++ b/packages/components/src/telekom/icons/communication/spam/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.498a6.25 6.25 0 110 12.498 6.25 6.25 0 010-12.498zm-3.53 4.274a4.016 4.016 0 00-.518 1.975 4.054 4.054 0 004.049 4.05c.628 0 1.221-.145 1.752-.401l.224-.117-5.507-5.507zm3.53-2.073c-.627 0-1.221.145-1.752.4l-.223.117 5.507 5.507a4.018 4.018 0 00.519-1.976 4.054 4.054 0 00-4.05-4.048zm1.248-7.83v4.239a7.76 7.76 0 00-1.247-.11 7.749 7.749 0 00-7.683 6.75l-.028.249H2.478A2.474 2.474 0 01.005 14.69L0 14.528v-8.66l7.309 6.245a3.376 3.376 0 004.208.136l.17-.136 7.31-6.244zm0-2.87v.898l-8.283 7.076c-.636.542-1.621.576-2.3.102l-.131-.102L0 3.897v-.898h18.998z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/voice-message/default.svg b/packages/components/src/telekom/icons/communication/voice-message/default.svg
index abc7efd928..df55e4d492 100644
--- a/packages/components/src/telekom/icons/communication/voice-message/default.svg
+++ b/packages/components/src/telekom/icons/communication/voice-message/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.45 3v12.55c0 1.65-1.35 3-3 3h-7l-3.5 3.5c-.35.35-.75.5-1.2.5-.9 0-1.75-.7-1.75-1.75v-2.3h-1.5c-1.65 0-3-1.35-3-3v-12.5zm-1.45 1.5h-18v11c0 .85.65 1.5 1.5 1.5h3v3.8c0 .2.25.35.45.15l3.95-3.95h7.6c.85 0 1.5-.65 1.5-1.5zm-10.25 2.5c.4 0 .75.35.75.75v6c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-6c0-.4.35-.75.75-.75zm3 1c.4 0 .75.35.75.75v4c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-4c0-.4.35-.75.75-.75zm-6 1c.4 0 .75.35.75.75v2c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-2c0-.4.35-.75.75-.75zm9 0c.4 0 .75.35.75.75v2c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-2c0-.4.35-.75.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.45 3v12.55a3.01 3.01 0 01-2.824 2.995l-.176.005h-7l-3.5 3.5c-.35.35-.75.5-1.2.5-.855 0-1.665-.632-1.744-1.595L6 20.8v-2.3H4.5a3.01 3.01 0 01-2.995-2.824L1.5 15.5V3h20.95zM21 4.5H3v11c0 .8.576 1.423 1.352 1.493L4.5 17h3v3.8c0 .182.207.322.394.196l.056-.046L11.9 17h7.6c.8 0 1.423-.576 1.493-1.352L21 15.5v-11zM10.75 7c.367 0 .691.294.743.651l.007.099v6c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L10 13.75v-6c0-.4.35-.75.75-.75zm3 1c.367 0 .691.294.743.651l.007.099v4c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L13 12.75v-4c0-.4.35-.75.75-.75zm-6 1c.367 0 .691.294.743.651l.007.099v2c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L7 11.75v-2c0-.4.35-.75.75-.75zm9 0c.367 0 .691.294.743.651l.007.099v2c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L16 11.75v-2c0-.4.35-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/communication/voice-message/selected.svg b/packages/components/src/telekom/icons/communication/voice-message/selected.svg
index ce445df462..7c1ee054e7 100644
--- a/packages/components/src/telekom/icons/communication/voice-message/selected.svg
+++ b/packages/components/src/telekom/icons/communication/voice-message/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M1.5 3.5V16a3 3 0 003 3H6v2.275A1.75 1.75 0 009 22.5l3.5-3.5h7a3 3 0 003-3V3.5h-21zm7 8.75a.75.75 0 11-1.5 0v-2a.75.75 0 111.5 0v2zm3 2a.75.75 0 11-1.5 0v-6a.75.75 0 111.5 0v6zm3-1a.75.75 0 11-1.5 0v-4a.75.75 0 111.5 0v4zm3-1a.75.75 0 11-1.5 0v-2a.75.75 0 011.5 0v2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.45 3v12.55a3.01 3.01 0 01-2.824 2.995l-.176.005h-7l-3.5 3.5c-.35.35-.75.5-1.2.5-.855 0-1.665-.632-1.744-1.595L6 20.8v-2.3H4.5a3.01 3.01 0 01-2.995-2.824L1.5 15.5V3h20.95zm-11.7 4c.367 0 .691.294.743.651l.007.099v6c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L10 13.75v-6c0-.4.35-.75.75-.75zm3 1c.367 0 .691.294.743.651l.007.099v4c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L13 12.75v-4c0-.4.35-.75.75-.75zm-6 1c.367 0 .691.294.743.651l.007.099v2c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L7 11.75v-2c0-.4.35-.75.75-.75zm9 0c.367 0 .691.294.743.651l.007.099v2c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L16 11.75v-2c0-.4.35-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/2fa-google-auth/default.svg b/packages/components/src/telekom/icons/content/2fa-google-auth/default.svg
new file mode 100644
index 0000000000..062e87301d
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/2fa-google-auth/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.001 10.5h2v-2h-2v2zm-1 1h4v-4h-4v4zm3 2.5h1.5v-1.5h-3V14h-1.5v1.5h3V14zm3.5 0h-1.5v1.5h3v-3h-1.5V14zm-1.5-2h1.5v-1.5h-1.5V12zm0-4.5V9h1.5v1.5h1.5v-3h-3zm-3.5 2.5h1V9h-1v1zm2.5 8.5a1.25 1.25 0 10-.002 2.498 1.25 1.25 0 00.002-2.498zm5.5 2c0 .827-.674 1.5-1.5 1.5h-8c-.827 0-1.5-.673-1.5-1.5v-17c0-.827.673-1.5 1.5-1.5h2v1.5h4V2h2c.826 0 1.5.673 1.5 1.5v17zm-1.5-20h-8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/2fa-google-auth/selected.svg b/packages/components/src/telekom/icons/content/2fa-google-auth/selected.svg
new file mode 100644
index 0000000000..31741aab36
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/2fa-google-auth/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M9.501 10h1V9h-1v1zm-.5.5h2v-2h-2v2z"/><path d="M16 9v1.5h-1.5V12H13v-1.5h1.5V9H13V7.5h3V9zm0 5v1.5h-3V14h1.5v-1.5H16V14zm-3.998 7a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM8 15.5V14h1.5v-1.5h3V14H11v1.5H8zm0-4h4v-4H8v4zm2-8h4V2h-4v1.5zm6-3h-8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/achievement/default.svg b/packages/components/src/telekom/icons/content/achievement/default.svg
index 315d1272e7..a30398b857 100644
--- a/packages/components/src/telekom/icons/content/achievement/default.svg
+++ b/packages/components/src/telekom/icons/content/achievement/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 1.5v1.5h3.5v5.5c0 2.45-1.8 4.5-4.15 4.9-.9 1.95-2.7 3.45-4.85 3.9a2.756 2.756 0 0 0 2.75 2.65h.75v2.5h-10v-2.5h.75c1.5 0 2.7-1.15 2.75-2.65-2.15-.45-3.95-1.95-4.85-3.9-2.35-.4-4.15-2.45-4.15-4.9v-5.5h3.5v-1.5zm-1.5 1.5h-11v7.5c0 3.05 2.45 5.5 5.5 5.5s5.5-2.45 5.5-5.5zm-5.5 2.5.9 2.25 2.45.2-1.85 1.6.6 2.35-2.1-1.3-2.1 1.3.6-2.35-1.85-1.6 2.45-.2zm-7-1h-2v4c0 1.45.85 2.65 2.1 3.2-.05-.4-.1-.8-.1-1.2zm16 0h-2v6c0 .4-.05.8-.1 1.2 1.25-.55 2.1-1.75 2.1-3.2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 1.5V3h3.5v5.5c0 2.45-1.8 4.5-4.15 4.9-.9 1.95-2.7 3.45-4.85 3.9a2.756 2.756 0 002.578 2.645l.172.005H17v2.5H7v-2.5h.75c1.5 0 2.7-1.15 2.75-2.65-2.15-.45-3.95-1.95-4.85-3.9-2.277-.388-4.037-2.323-4.145-4.672L1.5 8.5V3H5V1.5h14zM17.5 3h-11v7.5c0 3.05 2.45 5.5 5.5 5.5a5.483 5.483 0 005.496-5.278l.004-.222V3zM12 5.5l.9 2.25 2.45.2-1.85 1.6.6 2.35-2.1-1.3-2.1 1.3.6-2.35-1.85-1.6 2.45-.2.9-2.25zm-7-1v6l.009.3c.016.3.053.6.091.9C3.85 11.15 3 9.95 3 8.5v-4h2zm16 0v4l-.006.216c-.08 1.352-.907 2.462-2.094 2.984.05-.4.1-.8.1-1.2v-6h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/achievement/selected.svg b/packages/components/src/telekom/icons/content/achievement/selected.svg
index 73bf0de388..7f1ad181d2 100644
--- a/packages/components/src/telekom/icons/content/achievement/selected.svg
+++ b/packages/components/src/telekom/icons/content/achievement/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19 3V1.5H5V3H1.5v5.5a5 5 0 004.145 4.92 7 7 0 004.855 3.915A2.75 2.75 0 017.75 20H7v2.5h10V20h-.75a2.75 2.75 0 01-2.75-2.665 7 7 0 004.85-3.915A5 5 0 0022.5 8.5V3H19zM3 8.5v-4h2v6c.003.406.04.81.11 1.21A3.5 3.5 0 013 8.5zm11.08 3.405L12 10.615l-2.08 1.29.58-2.38-1.87-1.58 2.44-.18L12 5.5l.925 2.265 2.44.18-1.865 1.58.58 2.38zM21 8.5a3.5 3.5 0 01-2.11 3.21c.07-.4.107-.804.11-1.21v-6h2v4z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 3V1.5H5V3H1.5v5.5a5 5 0 004.145 4.92 7 7 0 004.855 3.915A2.75 2.75 0 017.75 20H7v2.5h10V20h-.75a2.75 2.75 0 01-2.75-2.665 7 7 0 004.85-3.915A5 5 0 0022.5 8.5V3H19zM3 8.5v-4h2v6c.003.406.04.81.11 1.21A3.5 3.5 0 013 8.5zm11.08 3.405L12 10.615l-2.08 1.29.58-2.38-1.87-1.58 2.44-.18L12 5.5l.925 2.265 2.44.18-1.865 1.58.58 2.38zM21 8.5a3.5 3.5 0 01-2.11 3.21c.07-.4.107-.804.11-1.21v-6h2v4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/android/default.svg b/packages/components/src/telekom/icons/content/android/default.svg
new file mode 100644
index 0000000000..15b015eaf8
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/android/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.805 8.22l.002 8.996a1.476 1.476 0 001.479 1.478l1.007.001.001 3.072a1.386 1.386 0 102.772 0v-3.072h1.871l.001 3.071a1.387 1.387 0 002.773 0l-.001-3.07 1.01-.002a1.48 1.48 0 001.48-1.48l-.002-8.997-12.393.002zm9.039-2.746h-.001a.523.523 0 01-.523-.524.528.528 0 01.524-.525.524.524 0 010 1.049zm-5.687.001A.523.523 0 119.16 4.43a.523.523 0 01-.003 1.046zm5.903-2.73l.967-1.768a.192.192 0 10-.337-.185l-.977 1.786a6.655 6.655 0 00-2.717-.57c-.971 0-1.891.203-2.71.566L8.308.794a.192.192 0 10-.337.183l.968 1.765c-1.902.982-3.187 2.85-3.186 4.994h12.488c0-2.145-1.282-4.009-3.181-4.992zm6.446 6.596a1.386 1.386 0 10-2.772.001l.001 5.805a1.385 1.385 0 102.772 0l-.001-5.806zM3.88 7.957a1.385 1.385 0 00-1.386 1.386l.001 5.806a1.384 1.384 0 001.385 1.386h.001c.765 0 1.386-.619 1.386-1.384V9.343c0-.765-.622-1.387-1.387-1.386z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/android/selected.svg b/packages/components/src/telekom/icons/content/android/selected.svg
new file mode 100644
index 0000000000..15b015eaf8
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/android/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.805 8.22l.002 8.996a1.476 1.476 0 001.479 1.478l1.007.001.001 3.072a1.386 1.386 0 102.772 0v-3.072h1.871l.001 3.071a1.387 1.387 0 002.773 0l-.001-3.07 1.01-.002a1.48 1.48 0 001.48-1.48l-.002-8.997-12.393.002zm9.039-2.746h-.001a.523.523 0 01-.523-.524.528.528 0 01.524-.525.524.524 0 010 1.049zm-5.687.001A.523.523 0 119.16 4.43a.523.523 0 01-.003 1.046zm5.903-2.73l.967-1.768a.192.192 0 10-.337-.185l-.977 1.786a6.655 6.655 0 00-2.717-.57c-.971 0-1.891.203-2.71.566L8.308.794a.192.192 0 10-.337.183l.968 1.765c-1.902.982-3.187 2.85-3.186 4.994h12.488c0-2.145-1.282-4.009-3.181-4.992zm6.446 6.596a1.386 1.386 0 10-2.772.001l.001 5.805a1.385 1.385 0 102.772 0l-.001-5.806zM3.88 7.957a1.385 1.385 0 00-1.386 1.386l.001 5.806a1.384 1.384 0 001.385 1.386h.001c.765 0 1.386-.619 1.386-1.384V9.343c0-.765-.622-1.387-1.387-1.386z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/apple/default.svg b/packages/components/src/telekom/icons/content/apple/default.svg
new file mode 100644
index 0000000000..4e4a49c437
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/apple/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.408 16.361c-.855-.619-1.996-1.829-1.996-3.879 0-1.272.45-2.216.953-2.877.144-.188.293-.354.438-.497.504-.502.952-.731.952-.731s-.566-1.024-1.91-1.664c-.61-.291-1.382-.503-2.333-.503-1.769 0-3.129 1.006-3.86 1.006-.854 0-2.128-.946-3.769-.946-.158 0-.316.009-.474.027a4.64 4.64 0 00-1.854.629 5.198 5.198 0 00-.84.624c-.665.606-1.223 1.423-1.587 2.445-.292.818-.46 1.767-.46 2.844 0 4.379 3.18 9.828 5.696 9.828.88 0 2.228-.885 3.587-.885.5 0 .951.12 1.386.27.58.2 1.132.453 1.735.546.15.024.304.037.463.037 2.756 0 4.796-5.744 4.796-5.744s-.41-.158-.923-.53M11.53 5.988l.016.002.041.003.051.004.05.001.068.001h.002c.061 0 .131-.003.206-.008l.058-.005c.078-.007.16-.018.25-.033l.02-.002a3.364 3.364 0 00.375-.09 3.855 3.855 0 00.342-.118 3.799 3.799 0 00.447-.221 4.04 4.04 0 00.373-.237l.008-.006c.126-.092.253-.199.38-.315l.095-.089a5.02 5.02 0 001.157-1.669 4.735 4.735 0 00.366-1.558c.024-.4-.017-.648-.017-.648s-.626.003-1.428.34a4.79 4.79 0 00-1.975 1.546c-.712.938-.922 1.8-.969 2.375-.036.447.025.72.025.72s.023.004.06.007" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/apple/selected.svg b/packages/components/src/telekom/icons/content/apple/selected.svg
new file mode 100644
index 0000000000..4e4a49c437
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/apple/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.408 16.361c-.855-.619-1.996-1.829-1.996-3.879 0-1.272.45-2.216.953-2.877.144-.188.293-.354.438-.497.504-.502.952-.731.952-.731s-.566-1.024-1.91-1.664c-.61-.291-1.382-.503-2.333-.503-1.769 0-3.129 1.006-3.86 1.006-.854 0-2.128-.946-3.769-.946-.158 0-.316.009-.474.027a4.64 4.64 0 00-1.854.629 5.198 5.198 0 00-.84.624c-.665.606-1.223 1.423-1.587 2.445-.292.818-.46 1.767-.46 2.844 0 4.379 3.18 9.828 5.696 9.828.88 0 2.228-.885 3.587-.885.5 0 .951.12 1.386.27.58.2 1.132.453 1.735.546.15.024.304.037.463.037 2.756 0 4.796-5.744 4.796-5.744s-.41-.158-.923-.53M11.53 5.988l.016.002.041.003.051.004.05.001.068.001h.002c.061 0 .131-.003.206-.008l.058-.005c.078-.007.16-.018.25-.033l.02-.002a3.364 3.364 0 00.375-.09 3.855 3.855 0 00.342-.118 3.799 3.799 0 00.447-.221 4.04 4.04 0 00.373-.237l.008-.006c.126-.092.253-.199.38-.315l.095-.089a5.02 5.02 0 001.157-1.669 4.735 4.735 0 00.366-1.558c.024-.4-.017-.648-.017-.648s-.626.003-1.428.34a4.79 4.79 0 00-1.975 1.546c-.712.938-.922 1.8-.969 2.375-.036.447.025.72.025.72s.023.004.06.007" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/applications/default.svg b/packages/components/src/telekom/icons/content/applications/default.svg
index 2f3418193f..b10419634c 100644
--- a/packages/components/src/telekom/icons/content/applications/default.svg
+++ b/packages/components/src/telekom/icons/content/applications/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 13c1.4 0 2.5 1.1 2.5 2.5v4c0 1.4-1.1 2.5-2.5 2.5h-4c-1.4 0-2.5-1.1-2.5-2.5v-4c0-1.4 1.1-2.5 2.5-2.5zm11 0c1.4 0 2.5 1.1 2.5 2.5v4c0 1.4-1.1 2.5-2.5 2.5h-4c-1.4 0-2.5-1.1-2.5-2.5v-4c0-1.4 1.1-2.5 2.5-2.5zm-11 1.5h-4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm11 0h-4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm-11-12.5c1.4 0 2.5 1.1 2.5 2.5v4c0 1.4-1.1 2.5-2.5 2.5h-4c-1.4 0-2.5-1.1-2.5-2.5v-4c0-1.4 1.1-2.5 2.5-2.5zm11 0c1.4 0 2.5 1.1 2.5 2.5v4c0 1.4-1.1 2.5-2.5 2.5h-4c-1.4 0-2.5-1.1-2.5-2.5v-4c0-1.4 1.1-2.5 2.5-2.5zm-11 1.5h-4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1zm11 0h-4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 13a2.473 2.473 0 012.495 2.333L11 15.5v4a2.473 2.473 0 01-2.333 2.495L8.5 22h-4a2.473 2.473 0 01-2.495-2.333L2 19.5v-4a2.473 2.473 0 012.333-2.495L4.5 13h4zm11 0a2.473 2.473 0 012.495 2.333L22 15.5v4a2.473 2.473 0 01-2.333 2.495L19.5 22h-4a2.473 2.473 0 01-2.495-2.333L13 19.5v-4a2.473 2.473 0 012.333-2.495L15.5 13h4zm-11 1.5h-4c-.51 0-.935.388-.993.884L3.5 15.5v4c0 .51.388.935.884.993l.116.007h4c.51 0 .935-.388.993-.884L9.5 19.5v-4c0-.51-.388-.935-.884-.993L8.5 14.5zm11 0h-4c-.51 0-.935.388-.993.884l-.007.116v4c0 .51.388.935.884.993l.116.007h4c.51 0 .935-.388.993-.884l.007-.116v-4c0-.51-.388-.935-.884-.993L19.5 14.5zM8.5 2a2.473 2.473 0 012.495 2.333L11 4.5v4a2.473 2.473 0 01-2.333 2.495L8.5 11h-4a2.473 2.473 0 01-2.495-2.333L2 8.5v-4a2.473 2.473 0 012.333-2.495L4.5 2h4zm11 0a2.473 2.473 0 012.495 2.333L22 4.5v4a2.473 2.473 0 01-2.333 2.495L19.5 11h-4a2.473 2.473 0 01-2.495-2.333L13 8.5v-4a2.473 2.473 0 012.333-2.495L15.5 2h4zm-11 1.5h-4c-.51 0-.935.388-.993.884L3.5 4.5v4c0 .51.388.935.884.993L4.5 9.5h4c.51 0 .935-.388.993-.884L9.5 8.5v-4c0-.51-.388-.935-.884-.993L8.5 3.5zm11 0h-4c-.51 0-.935.388-.993.884L14.5 4.5v4c0 .51.388.935.884.993l.116.007h4c.51 0 .935-.388.993-.884L20.5 8.5v-4c0-.51-.388-.935-.884-.993L19.5 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/applications/selected.svg b/packages/components/src/telekom/icons/content/applications/selected.svg
index 644c54c35b..0c91c331b1 100644
--- a/packages/components/src/telekom/icons/content/applications/selected.svg
+++ b/packages/components/src/telekom/icons/content/applications/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M9 13a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2h5zM9 2a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9 13a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2h5zM9 2a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/available-keychain/default.svg b/packages/components/src/telekom/icons/content/available-keychain/default.svg
new file mode 100644
index 0000000000..39185d29a9
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/available-keychain/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.264 14.698a.75.75 0 10-1.061 1.061l2.4 2.402 4.28-4.279a.75.75 0 00-1.06-1.06l-3.22 3.216-1.34-1.34zm1.173-8.704a.959.959 0 101.917 0 .959.959 0 00-1.917 0zm6.166 13.896c0 .757-.618 1.374-1.375 1.374H5.562a1.376 1.376 0 01-1.375-1.375V6.933L9.393 3.07l5.208 3.863V19.89zM2.687 6.177V19.89a2.875 2.875 0 002.875 2.875h7.666a2.875 2.875 0 002.875-2.875V6.18l-6.71-4.976-6.707 4.975zm20.627 9.495L18.614 3.371l-6.078-1.704 3.377 2.505 1.57.44 4.428 11.596a.863.863 0 01-.497 1.113l-3.813 1.455v1.113c0 .171-.013.34-.032.505l4.38-1.672a2.36 2.36 0 001.363-3.049z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/available-keychain/selected.svg b/packages/components/src/telekom/icons/content/available-keychain/selected.svg
new file mode 100644
index 0000000000..c775bb053e
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/available-keychain/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.883 12.822a.749.749 0 00-1.06 0l-3.218 3.217-1.341-1.34a.749.749 0 10-1.06 1.06l2.4 2.401 4.279-4.279a.749.749 0 000-1.06zM8.436 5.995a.96.96 0 101.92-.002.96.96 0 00-1.92.002zm7.667.183V19.89a2.875 2.875 0 01-2.875 2.874H5.562a2.875 2.875 0 01-2.875-2.875V6.18l6.708-4.976 6.708 4.975zm5.848 12.544l-4.38 1.671c.02-.166.031-.333.031-.504V5.423l-.606-.45-4.458-3.306 6.078 1.704 4.698 12.302a2.362 2.362 0 01-1.364 3.048z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/bank/default.svg b/packages/components/src/telekom/icons/content/bank/default.svg
new file mode 100644
index 0000000000..12fb8987aa
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/bank/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5A1.25 1.25 0 1012 5.998 1.25 1.25 0 0012 3.5zM2 7V5.566l10-3.478 10 3.478V7H2zm15 10h3V8.5h-3V17zm-6.5 0h3V8.5h-3V17zM4 17h3V8.5H4V17zm18 3v.5H2V20c0-.827.674-1.5 1.5-1.5h17c.828 0 1.5.673 1.5 1.5zm1.5-11.5v-4L12 .5.5 4.5v4h2v8.674A3 3 0 00.5 20v2h23v-2a3 3 0 00-2-2.826V8.5h2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/bank/selected.svg b/packages/components/src/telekom/icons/content/bank/selected.svg
new file mode 100644
index 0000000000..a3db2e6929
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/bank/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.25 4.75a1.25 1.25 0 10-2.5 0 1.25 1.25 0 002.5 0zM23.5 4.5v4H.5v-4L12 .5l11.5 4zm0 15.5v2H.5v-2c0-1.306.837-2.414 2-2.826V10h3v7h2v-7H11v7h2v-7h3.5v7h2v-7h3v7.174c1.165.412 2 1.52 2 2.826z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/biometric/default.svg b/packages/components/src/telekom/icons/content/biometric/default.svg
index 88b381dc41..52535b9952 100644
--- a/packages/components/src/telekom/icons/content/biometric/default.svg
+++ b/packages/components/src/telekom/icons/content/biometric/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.1 9.95c1.1 0 2.25.4 3.3 1.15.35.25.65.55.9.85.35.4.7.8 1.35 1.2.85.6 1.95 1 3.25 1.35.45.15.65.55.55.95-.1.4-.5.65-.9.55-1.5-.4-2.7-.9-3.7-1.55-.8-.55-1.25-1.05-1.65-1.45-.25-.25-.45-.5-.7-.65-.75-.55-1.6-.85-2.4-.85-.85 0-1.65.3-2.3.85-1.55 1.3-1.75 3.5-.5 5.25.55.75 1.5 1.7 2.45 2.45.7.55 1.5 1.05 2.35 1.5.35.2.5.65.3 1s-.65.5-1 .3c-.95-.45-1.8-1-2.6-1.65-1.1-.8-2.1-1.85-2.75-2.75C6.3 16 6.6 13 8.8 11.15c.95-.75 2.1-1.2 3.3-1.2zm0-2.95c1.45 0 2.9.4 4.25 1.15.95.55 1.5 1.15 2 1.65.75.75 1.3 1.35 3 1.7.4.1.65.5.65.85-.1.4-.5.7-.9.6-2.15-.45-3-1.3-3.8-2.15-.5-.5-.95-.95-1.7-1.4-1.1-.6-2.35-.95-3.5-.95-1.55 0-3.05.55-4.25 1.55-2.75 2.35-3.15 6.25-1 9.3.45.7 1.1 1.4 1.85 2.1.3.25.35.75.05 1.05-.3.3-.75.35-1.05.05-.8-.75-1.5-1.55-2.05-2.3C3 16.55 3.5 11.75 6.9 8.9 8.35 7.7 10.2 7 12.1 7zm-1.35 6.5c.95-.85 2.3-.65 3.25.45.45.55.8.95 1.4 1.4 1.35 1 2.8 1.55 4.35 2 .4.15.65.55.55.95-.15.4-.55.6-.95.5-1.1-.35-2.85-.8-4.75-2.2-.35-.3-.65-.55-1.05-.95-.3-.35-.65-.75-.75-.9-.25-.3-.75-.4-1.1-.1-.3.3-.35.75-.1 1.05.6.75 1.2 1.4 2 2 1.55 1.25 3.35 1.9 4.05 2.15.35.15.6.55.45.95-.15.35-.55.6-.95.45-.75-.25-2.75-1-4.5-2.35-.85-.65-1.65-1.5-2.15-2.15-.85-1.15-.75-2.4.25-3.25zM12.1 4c3.35 0 6.55 1.5 8.85 4.15.25.3.2.8-.1 1.05-.3.25-.8.2-1.05-.1-2-2.3-4.75-3.6-7.65-3.6-2.25 0-4.45.85-6.2 2.3-.6.45-1.1 1-1.55 1.6-.25.3-.75.4-1.05.1-.35-.25-.4-.7-.15-1.05.5-.65 1.1-1.3 1.75-1.85C6.95 4.9 9.5 4 12.1 4zm0-3c2.3 0 4.55.55 6.65 1.65.35.2.5.65.3 1s-.65.5-1 .3C16.2 3 14.2 2.5 12.15 2.5 10.05 2.5 8 3 6.2 4c-.4.15-.85.05-1.05-.35-.2-.35-.05-.8.3-1C7.5 1.55 9.8 1 12.1 1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.1 9.95c1.1 0 2.25.4 3.3 1.15.28.2.528.432.744.67l.156.18c.311.356.622.711 1.144 1.067l.206.133c.85.6 1.95 1 3.25 1.35.45.15.65.55.55.95-.1.4-.5.65-.9.55-1.5-.4-2.7-.9-3.7-1.55a8.522 8.522 0 01-1.127-.925L15.2 13l-.282-.294c-.09-.093-.18-.18-.273-.255l-.145-.101c-.75-.55-1.6-.85-2.4-.85-.85 0-1.65.3-2.3.85-1.55 1.3-1.75 3.5-.5 5.25.55.75 1.5 1.7 2.45 2.45.7.55 1.5 1.05 2.35 1.5.35.2.5.65.3 1s-.65.5-1 .3c-.95-.45-1.8-1-2.6-1.65-1.1-.8-2.1-1.85-2.75-2.75C6.3 16 6.6 13 8.8 11.15c.95-.75 2.1-1.2 3.3-1.2zm0-2.95c1.45 0 2.9.4 4.25 1.15a7.53 7.53 0 011.527 1.177l.838.835.243.226c.536.476 1.164.86 2.392 1.112.4.1.65.5.65.85-.1.4-.5.7-.9.6-1.76-.368-2.648-1.004-3.351-1.689l-.229-.23-.22-.231c-.5-.5-.95-.95-1.7-1.4-1.1-.6-2.35-.95-3.5-.95-1.55 0-3.05.55-4.25 1.55-2.683 2.293-3.13 6.06-1.153 9.075l.153.225c.394.613.94 1.225 1.574 1.837l.276.263c.3.25.35.75.05 1.05-.3.3-.75.35-1.05.05-.8-.75-1.5-1.55-2.05-2.3C3 16.55 3.5 11.75 6.9 8.9 8.35 7.7 10.2 7 12.1 7zm-1.35 6.5c.95-.85 2.3-.65 3.25.45.45.55.8.95 1.4 1.4 1.35 1 2.8 1.55 4.35 2 .4.15.65.55.55.95-.15.4-.55.6-.95.5l-.94-.295-.432-.146c-.971-.34-2.143-.849-3.378-1.759l-.506-.438c-.113-.1-.228-.205-.352-.324l-.192-.188-.403-.47-.247-.296-.1-.134c-.25-.3-.75-.4-1.1-.1-.3.3-.35.75-.1 1.05.525.656 1.05 1.236 1.709 1.773l.291.227c.93.75 1.95 1.284 2.768 1.645l.391.167.35.138.541.2c.35.15.6.55.45.95-.15.35-.55.6-.95.45l-.234-.08-.29-.107-.338-.131-.185-.076-.398-.17-.43-.198A14.686 14.686 0 0112.65 18.9c-.85-.65-1.65-1.5-2.15-2.15-.85-1.15-.75-2.4.25-3.25zM12.1 4c3.35 0 6.55 1.5 8.85 4.15.25.3.2.8-.1 1.05-.3.25-.8.2-1.05-.1-2-2.3-4.75-3.6-7.65-3.6-2.138 0-4.23.767-5.934 2.087L5.95 7.8c-.6.45-1.1 1-1.55 1.6-.23.275-.668.382-.971.167L3.35 9.5c-.35-.25-.4-.7-.15-1.05.5-.65 1.1-1.3 1.75-1.85C6.95 4.9 9.5 4 12.1 4zm0-3c2.3 0 4.55.55 6.65 1.65.35.2.5.65.3 1-.183.32-.577.474-.91.343l-.09-.043C16.2 3 14.2 2.5 12.15 2.5 10.05 2.5 8 3 6.2 4c-.4.15-.85.05-1.05-.35-.2-.35-.05-.8.3-1C7.5 1.55 9.8 1 12.1 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/biometric/selected.svg b/packages/components/src/telekom/icons/content/biometric/selected.svg
index c4216bcfe6..52535b9952 100644
--- a/packages/components/src/telekom/icons/content/biometric/selected.svg
+++ b/packages/components/src/telekom/icons/content/biometric/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.225 9.77c2.22 0 3.89.93 4.89 2.685a5.365 5.365 0 003.725 2.465l-.012-.002.092.031a.75.75 0 01.458.726l-.012.106a.75.75 0 01-.826.604 6.885 6.885 0 01-4.76-3.205c-.705-1.27-1.91-1.915-3.575-1.915a4.065 4.065 0 00-4.06 4.06c0 1.375.635 2.24 1.675 3.5a9.365 9.365 0 004.065 2.96.75.75 0 01-.445 1.43 10.885 10.885 0 01-4.775-3.435c-.925-1.145-2-2.45-2-4.45a5.565 5.565 0 015.56-5.56zm.025-3.01a8.245 8.245 0 015.86 2.18 9.41 9.41 0 011.5 1.88 2.5 2.5 0 001.63 1.215v-.01a.755.755 0 01-.17 1.5 4 4 0 01-2.73-1.905 7.935 7.935 0 00-1.285-1.59 6.71 6.71 0 00-4.83-1.77 7.075 7.075 0 00-7.04 7.07 7.155 7.155 0 003.405 6 .75.75 0 11-.805 1.265A8.54 8.54 0 0112.25 6.76zm-.75 6.12a2.58 2.58 0 012.76.92l.335.47c.29.443.625.856 1 1.23a6.97 6.97 0 004.035 2 .76.76 0 11-.235 1.5 8.42 8.42 0 01-4.83-2.42 9.265 9.265 0 01-1.19-1.46c-.11-.155-.21-.3-.305-.425a1.07 1.07 0 00-1.17-.375 1 1 0 00-.68.68c-.11.385-.025.67.475 1.28l.05.06a10.105 10.105 0 005.785 3.705.75.75 0 01-.365 1.455c-4.405-1.115-6.415-3.94-6.665-4.315a2.805 2.805 0 01-.71-2.595 2.5 2.5 0 011.71-1.71zm.48-9.113a11.57 11.57 0 019.175 4.198A.75.75 0 1120 8.92a10.075 10.075 0 00-15.82.35.74.74 0 01-1.035.145A.75.75 0 013 8.365a11.57 11.57 0 018.98-4.598zM12.26.75c2.311 0 4.58.62 6.57 1.795a.75.75 0 11-.75 1.3 11.42 11.42 0 00-11.825.11.73.73 0 01-.385.11.76.76 0 01-.625-.36.75.75 0 01.255-1.03A13.105 13.105 0 0112.26.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.1 9.95c1.1 0 2.25.4 3.3 1.15.28.2.528.432.744.67l.156.18c.311.356.622.711 1.144 1.067l.206.133c.85.6 1.95 1 3.25 1.35.45.15.65.55.55.95-.1.4-.5.65-.9.55-1.5-.4-2.7-.9-3.7-1.55a8.522 8.522 0 01-1.127-.925L15.2 13l-.282-.294c-.09-.093-.18-.18-.273-.255l-.145-.101c-.75-.55-1.6-.85-2.4-.85-.85 0-1.65.3-2.3.85-1.55 1.3-1.75 3.5-.5 5.25.55.75 1.5 1.7 2.45 2.45.7.55 1.5 1.05 2.35 1.5.35.2.5.65.3 1s-.65.5-1 .3c-.95-.45-1.8-1-2.6-1.65-1.1-.8-2.1-1.85-2.75-2.75C6.3 16 6.6 13 8.8 11.15c.95-.75 2.1-1.2 3.3-1.2zm0-2.95c1.45 0 2.9.4 4.25 1.15a7.53 7.53 0 011.527 1.177l.838.835.243.226c.536.476 1.164.86 2.392 1.112.4.1.65.5.65.85-.1.4-.5.7-.9.6-1.76-.368-2.648-1.004-3.351-1.689l-.229-.23-.22-.231c-.5-.5-.95-.95-1.7-1.4-1.1-.6-2.35-.95-3.5-.95-1.55 0-3.05.55-4.25 1.55-2.683 2.293-3.13 6.06-1.153 9.075l.153.225c.394.613.94 1.225 1.574 1.837l.276.263c.3.25.35.75.05 1.05-.3.3-.75.35-1.05.05-.8-.75-1.5-1.55-2.05-2.3C3 16.55 3.5 11.75 6.9 8.9 8.35 7.7 10.2 7 12.1 7zm-1.35 6.5c.95-.85 2.3-.65 3.25.45.45.55.8.95 1.4 1.4 1.35 1 2.8 1.55 4.35 2 .4.15.65.55.55.95-.15.4-.55.6-.95.5l-.94-.295-.432-.146c-.971-.34-2.143-.849-3.378-1.759l-.506-.438c-.113-.1-.228-.205-.352-.324l-.192-.188-.403-.47-.247-.296-.1-.134c-.25-.3-.75-.4-1.1-.1-.3.3-.35.75-.1 1.05.525.656 1.05 1.236 1.709 1.773l.291.227c.93.75 1.95 1.284 2.768 1.645l.391.167.35.138.541.2c.35.15.6.55.45.95-.15.35-.55.6-.95.45l-.234-.08-.29-.107-.338-.131-.185-.076-.398-.17-.43-.198A14.686 14.686 0 0112.65 18.9c-.85-.65-1.65-1.5-2.15-2.15-.85-1.15-.75-2.4.25-3.25zM12.1 4c3.35 0 6.55 1.5 8.85 4.15.25.3.2.8-.1 1.05-.3.25-.8.2-1.05-.1-2-2.3-4.75-3.6-7.65-3.6-2.138 0-4.23.767-5.934 2.087L5.95 7.8c-.6.45-1.1 1-1.55 1.6-.23.275-.668.382-.971.167L3.35 9.5c-.35-.25-.4-.7-.15-1.05.5-.65 1.1-1.3 1.75-1.85C6.95 4.9 9.5 4 12.1 4zm0-3c2.3 0 4.55.55 6.65 1.65.35.2.5.65.3 1-.183.32-.577.474-.91.343l-.09-.043C16.2 3 14.2 2.5 12.15 2.5 10.05 2.5 8 3 6.2 4c-.4.15-.85.05-1.05-.35-.2-.35-.05-.8.3-1C7.5 1.55 9.8 1 12.1 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/birthday/default.svg b/packages/components/src/telekom/icons/content/birthday/default.svg
new file mode 100644
index 0000000000..9f49593ad4
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/birthday/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.228 4.394c.45-.45.535-1.15.204-1.694L17.251.75 16.068 2.7a1.383 1.383 0 002.16 1.694zm-12.455 0a1.38 1.38 0 002.159-1.693L6.751.75 5.568 2.7a1.383 1.383 0 00.205 1.694zm7.205 0c.45-.45.535-1.15.204-1.694L12.001.75 10.818 2.7a1.383 1.383 0 002.16 1.694zm7.523 11.264a3.702 3.702 0 01-4.843-.308l-.525-.515-.525.515A3.706 3.706 0 0112 16.417c-.98 0-1.906-.379-2.607-1.067l-.526-.516-.525.516a3.702 3.702 0 01-4.843.308V12.5c0-.827.674-1.5 1.5-1.5h14c.827 0 1.5.673 1.5 1.5v3.158h.002zm0 5.342h-17v-3.594a5.192 5.192 0 005.368-.533 5.185 5.185 0 003.132 1.044 5.192 5.192 0 003.133-1.044 5.187 5.187 0 005.367.533V21zm-1.5-11.5h-1V6h-1.5v3.5h-3.75V6h-1.5v3.5h-3.75V6h-1.5v3.5h-1a3 3 0 00-3 3v10h20v-10a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/birthday/selected.svg b/packages/components/src/telekom/icons/content/birthday/selected.svg
new file mode 100644
index 0000000000..c1888aa9ca
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/birthday/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M12.978 4.394c.45-.45.534-1.149.204-1.694L12 .75 10.818 2.7a1.383 1.383 0 002.16 1.694M18.228 4.394c.45-.45.534-1.149.204-1.694L17.25.75 16.068 2.7a1.383 1.383 0 002.16 1.694M7.727 4.394c.45-.45.534-1.149.205-1.693L6.75.75 5.569 2.7a1.382 1.382 0 002.159 1.694M18.526 17.916a5.552 5.552 0 01-3.262-1.044A5.555 5.555 0 0112 17.916a5.552 5.552 0 01-3.262-1.044 5.555 5.555 0 01-3.263 1.044A5.567 5.567 0 012 16.704V22.5h20v-5.794a5.575 5.575 0 01-3.475 1.21M5.476 16.416a3.938 3.938 0 002.715-1.067l.547-.515.548.515a3.938 3.938 0 002.715 1.067 3.94 3.94 0 002.715-1.067l.547-.515.548.515a3.938 3.938 0 002.715 1.067c1.481 0 2.824-.819 3.474-2.091V12.5a3 3 0 00-3-3h-1V6h-1.5v3.5h-3.75V6h-1.5v3.5H7.5V6H6v3.5H5a3 3 0 00-3 3v1.823c.65 1.273 1.993 2.093 3.476 2.093"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/bookmark/default.svg b/packages/components/src/telekom/icons/content/bookmark/default.svg
index 17087d98af..f3d068758d 100644
--- a/packages/components/src/telekom/icons/content/bookmark/default.svg
+++ b/packages/components/src/telekom/icons/content/bookmark/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.5.5h-9c-1.655 0-3 1.345-3 3v20l7.5-5.26 7.5 5.26v-20c0-1.655-1.345-3-3-3zm1.5 20.115-6-4.21-6 4.21v-17.115c0-.825.675-1.5 1.5-1.5h9c.825 0 1.5.675 1.5 1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5.5h-9c-1.655 0-3 1.345-3 3v20l7.5-5.26 7.5 5.26v-20c0-1.655-1.345-3-3-3zM18 20.615l-6-4.21-6 4.21V3.5C6 2.675 6.675 2 7.5 2h9c.825 0 1.5.675 1.5 1.5v17.115z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/bookmark/selected.svg b/packages/components/src/telekom/icons/content/bookmark/selected.svg
index f7dc541128..3e2ac0b5b9 100644
--- a/packages/components/src/telekom/icons/content/bookmark/selected.svg
+++ b/packages/components/src/telekom/icons/content/bookmark/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 3.5v20l-7.5-5.26-7.5 5.26v-20a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 3.5v20L12 18.24 4.5 23.5v-20a3 3 0 013-3h9a3 3 0 013 3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/calendar/default.svg b/packages/components/src/telekom/icons/content/calendar/default.svg
index fba1b2894c..18f4e711a9 100644
--- a/packages/components/src/telekom/icons/content/calendar/default.svg
+++ b/packages/components/src/telekom/icons/content/calendar/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8 1.5v2h8v-2h1.5v2H22V19c0 1.65-1.35 3-3 3H5c-1.65 0-3-1.35-3-3V3.5h4.5v-2H8zM20.5 8h-17v11c0 .85.65 1.5 1.5 1.5h14c.85 0 1.5-.65 1.5-1.5V8zm-13 7.5a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zm-9-4.5a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 1.5v2h8v-2h1.5v2H22V19a3.01 3.01 0 01-2.824 2.995L19 22H5a3.01 3.01 0 01-2.995-2.824L2 19V3.5h4.5v-2H8zM20.5 8h-17v11c0 .8.576 1.423 1.352 1.493L5 20.5h14c.8 0 1.423-.576 1.493-1.352L20.5 19V8zm-13 7.5a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zm-9-4.5a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2zm4.5 0a1 1 0 110 2 1 1 0 010-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/calendar/selected.svg b/packages/components/src/telekom/icons/content/calendar/selected.svg
index 2486b8113b..32d3b6d550 100644
--- a/packages/components/src/telekom/icons/content/calendar/selected.svg
+++ b/packages/components/src/telekom/icons/content/calendar/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.5 3.5v-2H16v2H8v-2H6.5v2H2V19a3 3 0 003 3h14a3 3 0 003-3V3.5h-4.5zm-10 14a1 1 0 110-2 1 1 0 010 2zm0-4.5a1 1 0 110-2 1 1 0 010 2zm4.5 4.5a1 1 0 110-2 1 1 0 010 2zm0-4.5a1 1 0 110-2 1 1 0 010 2zm4.5 4.5a1 1 0 110-2 1 1 0 010 2zm0-4.5a1 1 0 110-2 1 1 0 010 2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 3.5v-2H16v2H8v-2H6.5v2H2V19a3 3 0 003 3h14a3 3 0 003-3V3.5h-4.5zm-10 14a1 1 0 110-2 1 1 0 010 2zm0-4.5a1 1 0 110-2 1 1 0 010 2zm4.5 4.5a1 1 0 110-2 1 1 0 010 2zm0-4.5a1 1 0 110-2 1 1 0 010 2zm4.5 4.5a1 1 0 110-2 1 1 0 010 2zm0-4.5a1 1 0 110-2 1 1 0 010 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/clipboard/default.svg b/packages/components/src/telekom/icons/content/clipboard/default.svg
index 01a9e89aef..7ed437be1b 100644
--- a/packages/components/src/telekom/icons/content/clipboard/default.svg
+++ b/packages/components/src/telekom/icons/content/clipboard/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.661 3.429c-.049.147-.049.342-.049.49v.979h-1.959v15.673c0 .833.637 1.47 1.47 1.47h11.755c.832 0 1.469-.637 1.469-1.47v-15.673h-1.96v-.98c0-.147 0-.342-.048-.49h3.477v17.143a2.947 2.947 0 0 1 -2.938 2.94h-11.756a2.947 2.947 0 0 1 -2.938-2.94v-17.141zm9.257 12.734c.392 0 .735.343.735.735a.753.753 0 0 1 -.735.735h-7.836a.753.753 0 0 1 -.735-.735c0-.392.343-.735.735-.735zm0-3.428c.392 0 .735.343.735.734a.753.753 0 0 1 -.735.735h-7.836a.753.753 0 0 1 -.735-.735c0-.391.343-.734.735-.734zm0-3.429c.392 0 .735.343.735.735a.753.753 0 0 1 -.735.735h-7.836a.753.753 0 0 1 -.735-.735c0-.392.343-.735.735-.735zm-5.387-7.346c0-.881.832-1.616 1.763-1.47.686.148 1.175.784 1.175 1.52v.44h.98c.833 0 1.47.637 1.47 1.47v1.959h-7.838v-1.96c0-.832.636-1.469 1.469-1.469h.98z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.55 3.453c-.037.11-.047.247-.05.37V4.92h-2v15.647c0 .783.576 1.392 1.352 1.46l.148.007h12c.8 0 1.423-.563 1.493-1.322l.007-.145V4.92h-2v-.977c0-.11 0-.248-.021-.372l-.029-.117H21v17.113c0 1.556-1.255 2.84-2.824 2.929L18 23.5H6c-1.591 0-2.903-1.228-2.995-2.762L3 20.566V3.453h3.55zM16 16.166c.4 0 .75.342.75.733 0 .359-.294.676-.651.726l-.099.007H8c-.4 0-.75-.342-.75-.733 0-.359.294-.676.651-.726L8 16.166h8zm0-3.423c.4 0 .75.342.75.733 0 .359-.294.676-.651.727L16 14.21H8c-.4 0-.75-.343-.75-.734 0-.358.294-.676.651-.726L8 12.743h8zm0-3.423c.4 0 .75.342.75.734 0 .358-.294.676-.651.726l-.099.007H8c-.4 0-.75-.342-.75-.733 0-.359.294-.677.651-.727L8 9.32h8zm-5.5-7.334c0-.88.85-1.614 1.8-1.467a1.53 1.53 0 011.193 1.37l.007.146v.44h1c.8 0 1.423.563 1.493 1.322l.007.145v1.955H8V3.942c0-.783.576-1.392 1.352-1.46l.148-.007h1v-.49z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/clipboard/selected.svg b/packages/components/src/telekom/icons/content/clipboard/selected.svg
index c022027560..cf0038618b 100644
--- a/packages/components/src/telekom/icons/content/clipboard/selected.svg
+++ b/packages/components/src/telekom/icons/content/clipboard/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M6.545 3a3.32 3.32 0 00-.045.5V7h11V3.5a3.32 3.32 0 00-.045-.5H21v17.5a3 3 0 01-3 3H6a3 3 0 01-3-3V3zM16 16H8a.75.75 0 000 1.5h8a.75.75 0 100-1.5zm0-3.5H8A.75.75 0 108 14h8a.75.75 0 100-1.5zM16 9H8a.75.75 0 000 1.5h8A.75.75 0 1016 9zm-4-9a1.5 1.5 0 011.5 1.5V2h1A1.5 1.5 0 0116 3.5v2H8v-2A1.5 1.5 0 019.5 2h1v-.5A1.5 1.5 0 0112 0z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.545 3.5c-.018.11-.031.221-.038.333L6.5 4v3.5h11V4a3.384 3.384 0 00-.022-.334l-.023-.166H21v17a3 3 0 01-2.824 2.995L18 23.5H6a3 3 0 01-2.995-2.824L3 20.5v-17h3.545zM16 16.5H8a.75.75 0 00-.102 1.493L8 18h8a.75.75 0 00.102-1.493L16 16.5zm0-3.5H8a.75.75 0 00-.102 1.493L8 14.5h8a.75.75 0 00.102-1.493L16 13zm0-3.5H8a.75.75 0 00-.102 1.493L8 11h8a.75.75 0 00.102-1.493L16 9.5zm-4-9a1.5 1.5 0 011.493 1.356L13.5 2v.5h1a1.5 1.5 0 011.493 1.356L16 4v2H8V4a1.5 1.5 0 011.356-1.493L9.5 2.5h1V2A1.5 1.5 0 0112 .5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/clock/default.svg b/packages/components/src/telekom/icons/content/clock/default.svg
index 901746bf4f..83457113af 100644
--- a/packages/components/src/telekom/icons/content/clock/default.svg
+++ b/packages/components/src/telekom/icons/content/clock/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11-11-4.9-11-11 4.95-11 11-11zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm0 1.5c.4 0 .75.3.75.75v6.8l4.4 2.4c.4.2.5.7.3 1.05-.15.25-.4.4-.65.4-.1 0-.25-.05-.35-.1l-5.2-2.85v-7.7c0-.4.35-.75.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.95 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM12 4c.367 0 .691.252.743.64l.007.11v6.8l4.4 2.4c.4.2.5.7.3 1.05-.15.25-.4.4-.65.4a.814.814 0 01-.267-.063l-.083-.037-5.2-2.85v-7.7c0-.4.35-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/clock/selected.svg b/packages/components/src/telekom/icons/content/clock/selected.svg
index f9435644d4..41b8c2df89 100644
--- a/packages/components/src/telekom/icons/content/clock/selected.svg
+++ b/packages/components/src/telekom/icons/content/clock/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5.47 14a.75.75 0 01-.66.39.785.785 0 01-.36-.09l-5.2-2.855v-7.71a.75.75 0 111.5 0v6.82l4.42 2.415a.75.75 0 01.3 1.03z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm5.47 14a.75.75 0 01-.66.39.785.785 0 01-.36-.09l-5.2-2.855v-7.71a.75.75 0 111.5 0v6.82l4.42 2.415a.75.75 0 01.3 1.03z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/cloud-security/default.svg b/packages/components/src/telekom/icons/content/cloud-security/default.svg
new file mode 100644
index 0000000000..276e8223bc
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/cloud-security/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.325a3.624 3.624 0 013.62 3.62V14H17v5.5a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 017 19.5V14h1.38v-1.055A3.624 3.624 0 0112 9.325zm1.512-7.15a7.595 7.595 0 017.148 4.981 5.759 5.759 0 013.09 5.094c0 3.004-2.317 5.472-5.256 5.724v-1.506a4.255 4.255 0 003.756-4.218 4.257 4.257 0 00-2.507-3.872l-.304-.138-.101-.317a6.1 6.1 0 00-5.826-4.249 6.101 6.101 0 00-4.105 1.591l-.328.298-.42-.143a3.188 3.188 0 00-1.037-.176 3.216 3.216 0 00-3.213 3.213l.033.661-.468.21A3.755 3.755 0 001.75 12.75a3.754 3.754 0 003.55 3.745l.206.005V18A5.258 5.258 0 01.25 12.75c0-1.9 1.032-3.643 2.667-4.568a4.718 4.718 0 014.705-4.438c.369 0 .738.045 1.1.133a7.592 7.592 0 014.79-1.703zM12 10.824a2.122 2.122 0 00-2.12 2.12V14h4.24v-1.055c0-1.169-.951-2.12-2.12-2.12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/cloud-security/selected.svg b/packages/components/src/telekom/icons/content/cloud-security/selected.svg
new file mode 100644
index 0000000000..98de2a920f
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/cloud-security/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.326a3.623 3.623 0 013.62 3.62V14H17v5.5a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 017 19.5V14h1.38v-1.055A3.623 3.623 0 0112 9.326zm1.512-7.152a7.595 7.595 0 017.148 4.982 5.759 5.759 0 013.09 5.094 5.754 5.754 0 01-5.256 5.725v-5.342h-1.44C16.892 9.983 14.69 7.875 12 7.875a5.072 5.072 0 00-5.054 4.758h-1.44V18A5.257 5.257 0 01.25 12.75c0-1.9 1.032-3.643 2.668-4.568a4.717 4.717 0 014.704-4.438c.369 0 .738.045 1.1.133a7.592 7.592 0 014.79-1.703zM12 10.826c-1.168 0-2.12.95-2.12 2.12V14h4.24v-1.055A2.122 2.122 0 0012 10.826z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/code-scanner/default.svg b/packages/components/src/telekom/icons/content/code-scanner/default.svg
new file mode 100644
index 0000000000..ddb6a001bc
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/code-scanner/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 21.5h9v-9H2v9zM3.5 14h6v6h-6v-6zM5 18.5h3v-3H5v3zM2 11h9V2H2v9zm1.5-7.5h6v6h-6v-6zM5 8h3V5H5v3zm12 11.25v2.25h4.5V17h-2.25v2.25H17zM12.5 2v9h9V2h-9zM20 9.5h-6v-6h6v6zM18.5 5h-3v3h3V5zM17 12.5h-2.25v2.25H12.5V17h2.25v2.25H17V17h2.25v-2.25H17V12.5zm-4.5 9h2.25v-2.25H12.5v2.25zm6.75-6.75h2.25V12.5h-2.25v2.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/code-scanner/selected.svg b/packages/components/src/telekom/icons/content/code-scanner/selected.svg
new file mode 100644
index 0000000000..ddb6a001bc
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/code-scanner/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 21.5h9v-9H2v9zM3.5 14h6v6h-6v-6zM5 18.5h3v-3H5v3zM2 11h9V2H2v9zm1.5-7.5h6v6h-6v-6zM5 8h3V5H5v3zm12 11.25v2.25h4.5V17h-2.25v2.25H17zM12.5 2v9h9V2h-9zM20 9.5h-6v-6h6v6zM18.5 5h-3v3h3V5zM17 12.5h-2.25v2.25H12.5V17h2.25v2.25H17V17h2.25v-2.25H17V12.5zm-4.5 9h2.25v-2.25H12.5v2.25zm6.75-6.75h2.25V12.5h-2.25v2.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/color-selection/default.svg b/packages/components/src/telekom/icons/content/color-selection/default.svg
new file mode 100644
index 0000000000..a192ae8e32
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/color-selection/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 19c0 .827-.673 1.5-1.5 1.5h-8.394l11.564-6.677-3.31-5.733-.866 1.5 2.128 3.684-8.981 5.185 7.004-12.131L12.5 3.069v1.732l3.596 2.076L11 15.703V2H2v17c0 1.654 1.345 3 3 3h14c1.654 0 3-1.346 3-3v-3.347l-1.5.867V19zm-12.94-.44a1.5 1.5 0 11-2.121-2.12 1.5 1.5 0 012.121 2.12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/color-selection/selected.svg b/packages/components/src/telekom/icons/content/color-selection/selected.svg
new file mode 100644
index 0000000000..a192ae8e32
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/color-selection/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 19c0 .827-.673 1.5-1.5 1.5h-8.394l11.564-6.677-3.31-5.733-.866 1.5 2.128 3.684-8.981 5.185 7.004-12.131L12.5 3.069v1.732l3.596 2.076L11 15.703V2H2v17c0 1.654 1.345 3 3 3h14c1.654 0 3-1.346 3-3v-3.347l-1.5.867V19zm-12.94-.44a1.5 1.5 0 11-2.121-2.12 1.5 1.5 0 012.121 2.12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/country/default.svg b/packages/components/src/telekom/icons/content/country/default.svg
new file mode 100644
index 0000000000..bc4f7cc63b
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/country/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.903 4.746C11.753 3.652 9.332 2.427 5 3.836v-.511A1.745 1.745 0 004.25 0a1.745 1.745 0 00-.75 3.325V23A.75.75 0 105 23v-5.076c4.037-1.459 6.076-.433 8.223.66 1.899.965 3.457 1.624 5.527 1.535 3.934-.167 4.75-2.448 4.75-3.908V4.788c-4.657 1.88-6.2 1.686-9.597-.042zM22 16.211c0 2.199-2.359 2.378-3.393 2.404-1.915.05-3.278-.644-4.704-1.369-1.46-.742-3.043-1.548-5.263-1.548-1.052 0-2.247.18-3.64.634V5.418c4.042-1.462 6.075-.427 8.223.665 2.235 1.136 4.54 2.31 8.777.893v9.235z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/country/selected.svg b/packages/components/src/telekom/icons/content/country/selected.svg
new file mode 100644
index 0000000000..d0b3e9a34e
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/country/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 23a.75.75 0 11-1.5 0V3.325A1.745 1.745 0 014.25 0 1.745 1.745 0 015 3.325zM6.502 3.433c3.416-.71 5.513.352 7.401 1.313 3.397 1.728 4.94 1.922 9.597.042v11.423c0 1.46-.816 3.741-4.75 3.909-2.07.088-3.628-.57-5.527-1.537l-.367-.186c-1.736-.872-3.48-1.611-6.355-.927z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/credit-card/default.svg b/packages/components/src/telekom/icons/content/credit-card/default.svg
index 1257796b17..91895f94c6 100644
--- a/packages/components/src/telekom/icons/content/credit-card/default.svg
+++ b/packages/components/src/telekom/icons/content/credit-card/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.5 3.5h-17c-1.655 0-3 1.345-3 3v11c0 1.655 1.345 3 3 3h17c1.655 0 3-1.345 3-3v-11c0-1.655-1.345-3-3-3zm1.5 14c0 .825-.675 1.5-1.5 1.5h-17c-.825 0-1.5-.675-1.5-1.5v-6.5h20zm0-9.5h-20v-1.5c0-.825.675-1.5 1.5-1.5h17c.825 0 1.5.675 1.5 1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 3.5h-17c-1.655 0-3 1.345-3 3v11c0 1.655 1.345 3 3 3h17c1.655 0 3-1.345 3-3v-11c0-1.655-1.345-3-3-3zm1.5 14c0 .825-.675 1.5-1.5 1.5h-17c-.825 0-1.5-.675-1.5-1.5V11h20v6.5zM22 8H2V6.5C2 5.675 2.675 5 3.5 5h17c.825 0 1.5.675 1.5 1.5V8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/credit-card/selected.svg b/packages/components/src/telekom/icons/content/credit-card/selected.svg
index 9b23a2c7b6..0044a1da89 100644
--- a/packages/components/src/telekom/icons/content/credit-card/selected.svg
+++ b/packages/components/src/telekom/icons/content/credit-card/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.5 11v6.5a3 3 0 01-3 3h-17a3 3 0 01-3-3V11h23zm-3-7.5a3 3 0 013 3V8H.5V6.5a3 3 0 013-3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 11v6.5a3 3 0 01-3 3h-17a3 3 0 01-3-3V11h23zm-3-7.5a3 3 0 013 3V8H.5V6.5a3 3 0 013-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/data-visualisation/default.svg b/packages/components/src/telekom/icons/content/data-visualisation/default.svg
new file mode 100644
index 0000000000..2be8f058a6
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/data-visualisation/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23 3.5V16a3 3 0 01-2.824 2.995L20 19h-5.441l.113.21a1.5 1.5 0 001.172.783l.149.007H18.5v1.5h-13V20h2.507a1.5 1.5 0 001.244-.662l.077-.129.113-.209H4a3 3 0 01-2.995-2.824L1 16V3.5h22zM21.5 5h-19v11c0 .778.596 1.42 1.356 1.493L4 17.5h16c.778 0 1.42-.596 1.493-1.356L21.5 16V5zm-9.577 2.654v3.923h3.923a3.923 3.923 0 11-4.125-3.918l.202-.005zM13 6.577a3.91 3.91 0 012.774 1.149 3.91 3.91 0 011.142 2.543l.007.231H13V6.577z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/data-visualisation/selected.svg b/packages/components/src/telekom/icons/content/data-visualisation/selected.svg
new file mode 100644
index 0000000000..1d806e1e4d
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/data-visualisation/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.5V16a3 3 0 003 3h5.44l-.11.21A1.5 1.5 0 018 20H5.5v1.5h13V20H16a1.5 1.5 0 01-1.325-.79L14.56 19H20a3 3 0 003-3V3.5H1zm10.925 12a3.925 3.925 0 110-7.845v3.92h3.92a3.92 3.92 0 01-3.92 3.925zm1.075-5V6.575a3.925 3.925 0 013.925 3.925H13z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/delivery/default.svg b/packages/components/src/telekom/icons/content/delivery/default.svg
index 6437f89591..c32f5905fa 100644
--- a/packages/components/src/telekom/icons/content/delivery/default.svg
+++ b/packages/components/src/telekom/icons/content/delivery/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.25 11.5c3.45 0 6.25 2.8 6.25 6.25s-2.8 6.25-6.25 6.25-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zm3.1 4.05c-.3-.3-.75-.3-1.05 0l-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0s-.3.75 0 1.05l2.45 2.5 3.9-3.9c.3-.3.25-.75-.05-1.05zm-3.85-14.05 3 3.5v5.35c-.5-.15-1-.25-1.5-.3v-3.55h-7.5v3h-1.5v-3h-7.5v11c0 .85.65 1.5 1.5 1.5h6.6c.1.5.2 1 .4 1.5h-7c-1.65 0-3-1.35-3-3v-12.5l3-3.5zm-.7 1.5h-5.3v2h7.05zm-6.8 0h-5.3l-1.7 2h7z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25 11.5c3.45 0 6.25 2.8 6.25 6.25S20.7 24 17.25 24 11 21.2 11 17.75s2.8-6.25 6.25-6.25zm3.1 4.05a.722.722 0 00-.965-.074l-.085.074-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0a.722.722 0 00-.074.965l.074.085 2.45 2.5 3.9-3.9c.3-.3.25-.75-.05-1.05zM16.5 1.5l3 3.5v5.35a8.086 8.086 0 00-1.125-.253L18 10.05V6.5h-7.5v3H9v-3H1.5v11c0 .8.576 1.423 1.352 1.493L3 19h6.6c.08.4.16.8.291 1.2l.109.3H3a3.01 3.01 0 01-2.995-2.824L0 17.5V5l3-3.5h13.5zM15.8 3h-5.3v2h7.05L15.8 3zM9 3H3.7L2 5h7V3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/delivery/selected.svg b/packages/components/src/telekom/icons/content/delivery/selected.svg
index ce965b88e8..f46ad4efce 100644
--- a/packages/components/src/telekom/icons/content/delivery/selected.svg
+++ b/packages/components/src/telekom/icons/content/delivery/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a"><feColorMatrix in="SourceGraphic" values="0 0 0 0 0.149020 0 0 0 0 0.149020 0 0 0 0 0.149020 0 0 0 1.000000 0"/></filter><g fill="none" fill-rule="evenodd" filter="url(#a)"><path d="m0 0h24v24h-24z"/><g fill="#000" fill-rule="nonzero"><path d="m.5 5h9v-3.5h-6zm16.5-3.5h-6v3.5h9zm-16.5 16a3 3 0 0 0 3 3h6v-14h-9zm17.25-7.5c.762 0 1.52.113 2.25.335v-3.835h-9v7.45a7.745 7.745 0 0 1 6.75-3.95z"/><path d="m17.75 11.5a6.25 6.25 0 1 0 0 12.5 6.25 6.25 0 0 0 0-12.5zm3.145 5.095-3.895 3.905-2.455-2.5a.75.75 0 0 1 1.06-1.06l1.395 1.415 2.82-2.82a.745.745 0 0 1 1.06 0c.294.29.3.762.015 1.06z"/></g></g></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25 11.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm2.6 3.814c.2 0 .39.08.53.221.294.29.3.762.015 1.06L16.5 20.5 14.045 18a.75.75 0 011.06-1.06l1.395 1.415 2.82-2.82a.745.745 0 01.53-.221zM9 6.5v14H3a3 3 0 01-3-3v-11h9zm10.5 0v3.835a7.745 7.745 0 00-9 3.615V6.5h9zM9 1.5V5H0l3-3.5h6zm7.5 0l3 3.5h-9V1.5h6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/digital-banking/default.svg b/packages/components/src/telekom/icons/content/digital-banking/default.svg
index 0c270e67d9..5505b04ef5 100644
--- a/packages/components/src/telekom/icons/content/digital-banking/default.svg
+++ b/packages/components/src/telekom/icons/content/digital-banking/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.1 11.2c1.5 0 2.95.7 4 1.95.7.8 1.35 1.45 3.25 2.15.35.15.55.6.5.9-.15.4-.55.6-.95.45-2.15-.8-3.1-1.65-3.85-2.6-.8-.9-1.85-1.4-2.9-1.4-.8 0-1.55.3-2.15.8-1.45 1.25-1.65 3.3-.45 4.95.55.75 1.45 1.65 2.4 2.4.75.6 1.65 1.15 2.55 1.6.4.2.55.65.35 1-.2.4-.65.55-1 .35-1.05-.5-2-1.1-2.85-1.75-1.05-.8-2.05-1.8-2.7-2.7-1.7-2.35-1.4-5.2.7-6.95.85-.75 1.95-1.15 3.1-1.15zm-.1-2.65c1.65 0 3.2.5 4.55 1.45 1.05.75 1.8 1.7 2.15 2.05.3.3.3.75 0 1.05s-.75.3-1.05 0c-.35-.4-1-1.25-1.95-1.9-1.05-.8-2.35-1.2-3.65-1.2-1.4 0-2.8.5-3.9 1.45-2.6 2.15-2.95 5.8-.95 8.6.45.6 1.05 1.25 1.7 1.9.3.25.35.75.05 1.05s-.75.35-1.05.05c-.75-.7-1.4-1.45-1.9-2.15-2.5-3.45-2-7.95 1.1-10.55 1.35-1.15 3.1-1.8 4.9-1.8zm-1.25 5.9c.95-.85 2.3-.65 3.25.45.45.55.8.95 1.4 1.4s1.6 1.1 3.5 1.75c.4.15.65.7.5 1.05s-.55.6-.95.45c-1.55-.5-2.8-1.1-3.85-1.9-.65-.5-1.25-1.1-1.85-1.85-.25-.35-.75-.45-1.1-.1-.3.25-.35.7-.1 1 .6.75 1.2 1.35 2 2 .85.65 1.9 1.25 2.9 1.65.35.15.55.2.9.35.35.1.5.45.4.85-.15.4-.55.6-.95.5-1.35-.4-2.9-1.25-4.15-2.2-.85-.65-1.65-1.5-2.15-2.15-.85-1.15-.75-2.4.25-3.25zm3.25-12.45c1.65 0 3 1.35 3 3v.25c-.5-.2-1.05-.4-1.55-.55-.1-.65-.7-1.2-1.45-1.2h-14c-.85 0-1.5.65-1.5 1.5v1h7.35c-.5.35-1 .65-1.45 1.05-.5.4-1 .9-1.45 1.45l.005-.006.014-.013-.019.019h-4.45v4c0 .85.65 1.5 1.5 1.5h3.2c-.15.5-.2 1-.25 1.5h-2.95c-1.65 0-3-1.35-3-3v-7.5c0-1.65 1.35-3 3-3zm-1.95 3.7c1.75 0 3.5.45 5.05 1.3.35.2.5.65.3 1s-.65.5-1 .3c-1.35-.7-2.85-1.1-4.35-1.1-2.1 0-4.1.75-5.7 2.1-.4.35-.75.7-1.1 1.1-.25.3-.7.35-1 .05-.35-.25-.35-.75-.1-1.05.35-.45.8-.85 1.25-1.25 1.85-1.6 4.2-2.45 6.65-2.45z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.1 11.2c1.417 0 2.789.624 3.821 1.747l.389.439.214.228c.586.598 1.306 1.126 2.826 1.686.35.15.55.6.5.9-.15.4-.55.6-.95.45-2.15-.8-3.1-1.65-3.85-2.6-.8-.9-1.85-1.4-2.9-1.4-.8 0-1.55.3-2.15.8-1.45 1.25-1.65 3.3-.45 4.95.55.75 1.45 1.65 2.4 2.4.75.6 1.65 1.15 2.55 1.6.4.2.55.65.35 1-.2.4-.65.55-1 .35-1.05-.5-2-1.1-2.85-1.75-1.05-.8-2.05-1.8-2.7-2.7-1.7-2.35-1.4-5.2.7-6.95.85-.75 1.95-1.15 3.1-1.15zM16 8.55c1.65 0 3.2.5 4.55 1.45.49.35.915.744 1.264 1.1l.28.293.53.58.076.077c.3.3.3.75 0 1.05-.3.3-.75.3-1.05 0l-.408-.478a8.647 8.647 0 00-1.328-1.269L19.7 11.2c-1.05-.8-2.35-1.2-3.65-1.2-1.4 0-2.8.5-3.9 1.45-2.6 2.15-2.95 5.8-.95 8.6.45.6 1.05 1.25 1.7 1.9.3.25.35.75.05 1.05-.3.3-.75.35-1.05.05-.75-.7-1.4-1.45-1.9-2.15-2.5-3.45-2-7.95 1.1-10.55 1.35-1.15 3.1-1.8 4.9-1.8zm-1.25 5.9c.95-.85 2.3-.65 3.25.45.45.55.8.95 1.4 1.4l.216.157.249.17c.223.147.485.306.798.473l.4.203c.495.241 1.098.494 1.837.747.4.15.65.7.5 1.05-.15.35-.55.6-.95.45-1.55-.5-2.8-1.1-3.85-1.9a10.39 10.39 0 01-1.593-1.538l-.257-.312c-.25-.35-.75-.45-1.1-.1-.3.25-.35.7-.1 1 .6.75 1.2 1.35 2 2 .85.65 1.9 1.25 2.9 1.65l.194.08.512.19c.06.024.124.05.194.08.35.1.5.45.4.85-.15.4-.55.6-.95.5-1.35-.4-2.9-1.25-4.15-2.2-.85-.65-1.65-1.5-2.15-2.15-.85-1.15-.75-2.4.25-3.25zM18 2a3.01 3.01 0 012.995 2.824L21 5v.25c-.5-.2-1.05-.4-1.55-.55-.093-.607-.622-1.126-1.302-1.193L18 3.5H4c-.8 0-1.423.576-1.493 1.352L2.5 5v1h7.35c-.4.28-.8.528-1.174.82l-.276.23a9.698 9.698 0 00-1.221 1.18l-.229.27H2.5v4c0 .8.576 1.423 1.352 1.493L4 14h3.2c-.12.4-.176.8-.22 1.2l-.03.3H4a3.01 3.01 0 01-2.995-2.824L1 12.5V5a3.01 3.01 0 012.824-2.995L4 2h14zm-1.95 3.7c1.75 0 3.5.45 5.05 1.3.35.2.5.65.3 1-.183.32-.577.474-.91.343L20.4 8.3c-1.35-.7-2.85-1.1-4.35-1.1-2.1 0-4.1.75-5.7 2.1-.4.35-.75.7-1.1 1.1a.668.668 0 01-.922.118l-.078-.068c-.35-.25-.35-.75-.1-1.05.35-.45.8-.85 1.25-1.25 1.85-1.6 4.2-2.45 6.65-2.45z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/digital-banking/selected.svg b/packages/components/src/telekom/icons/content/digital-banking/selected.svg
index 64452463e3..20a54675a9 100644
--- a/packages/components/src/telekom/icons/content/digital-banking/selected.svg
+++ b/packages/components/src/telekom/icons/content/digital-banking/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M6.73 8.555l.045-.055H.75v4a3 3 0 003 3h3.04a9.08 9.08 0 011-3.46 2.195 2.195 0 01-.62-.335 2.245 2.245 0 01-.44-3.15zm7.11-4.23a11 11 0 016.91 1.035V5a3 3 0 00-3-3h-14a3 3 0 00-3 3v1H9.5a11.525 11.525 0 014.34-1.675zm9.23 10.945a8 8 0 01-3.25-2.115c-1-.945-2.055-1.925-3.81-1.955a4.86 4.86 0 00-3.55 1.425 5.06 5.06 0 00-1.5 3.63c0 3.735 5 6.69 6.77 7.435a.75.75 0 00.58-1.385c-1.83-.775-5.85-3.37-5.85-6.05a3.57 3.57 0 011.04-2.56 3.34 3.34 0 012.475-1c1.175 0 1.86.66 2.81 1.55a9.31 9.31 0 003.83 2.45.75.75 0 10.445-1.43l.01.005zm-.455 2.88c-2.755-.935-3.805-2.055-4.565-2.87-.59-.625-1.14-1.215-2.135-1.28a2.1 2.1 0 00-2.16 1.545c-.755 2.645 4.04 5.56 6.825 6.38a.76.76 0 00.21.03A.75.75 0 0021 20.5c-2.935-.865-6.14-3.36-5.805-4.5a.61.61 0 01.62-.5c.37.025.585.22 1.14.81.82.875 2.045 2.19 5.18 3.26a.75.75 0 00.48-1.42zm-13.5-7.78a8.185 8.185 0 015.215-3.085 8 8 0 015.71 1.13.751.751 0 10.81-1.265 9.455 9.455 0 00-6.765-1.345 9.7 9.7 0 00-6.16 3.655.755.755 0 00.14 1.04.775.775 0 001.055-.13h-.005zm3.675 11.395c-1.135-.89-3.045-2.79-3.045-5.5A6.29 6.29 0 0116 9.935c2.185 0 3.77 1.25 5.5 3.125a.75.75 0 101.11-1c-1.715-1.88-3.7-3.615-6.595-3.615a7.79 7.79 0 00-7.765 7.81c0 2.5 1.285 4.865 3.625 6.69.13.105.293.161.46.16a.75.75 0 00.46-1.34h-.005z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.98 8.555l.045-.055H1v4a3 3 0 003 3h3.04a9.08 9.08 0 011-3.46 2.195 2.195 0 01-.62-.335 2.245 2.245 0 01-.44-3.15zm7.11-4.23A11 11 0 0121 5.36V5a3 3 0 00-3-3H4a3 3 0 00-3 3v1h8.75a11.525 11.525 0 014.34-1.675zm9.23 10.945a8 8 0 01-3.25-2.115c-1-.945-2.055-1.925-3.81-1.955a4.86 4.86 0 00-3.55 1.425 5.06 5.06 0 00-1.5 3.63c0 3.735 5 6.69 6.77 7.435a.75.75 0 00.58-1.385c-1.83-.775-5.85-3.37-5.85-6.05a3.57 3.57 0 011.04-2.56 3.34 3.34 0 012.475-1c1.175 0 1.86.66 2.81 1.55a9.31 9.31 0 003.83 2.45.75.75 0 10.445-1.43l.01.005zm-.455 2.88c-2.755-.935-3.805-2.055-4.565-2.87-.59-.625-1.14-1.215-2.135-1.28a2.1 2.1 0 00-2.16 1.545c-.755 2.645 4.04 5.56 6.825 6.38a.76.76 0 00.21.03.75.75 0 00.21-1.455c-2.935-.865-6.14-3.36-5.805-4.5a.61.61 0 01.62-.5c.37.025.585.22 1.14.81.82.875 2.045 2.19 5.18 3.26a.75.75 0 00.48-1.42zm-13.5-7.78a8.185 8.185 0 015.215-3.085 8 8 0 015.71 1.13.751.751 0 10.81-1.265 9.455 9.455 0 00-6.765-1.345 9.7 9.7 0 00-6.16 3.655.755.755 0 00.14 1.04.775.775 0 001.055-.13h-.005zm3.675 11.395c-1.135-.89-3.045-2.79-3.045-5.5a6.29 6.29 0 016.255-6.33c2.185 0 3.77 1.25 5.5 3.125a.75.75 0 101.11-1c-1.715-1.88-3.7-3.615-6.595-3.615a7.79 7.79 0 00-7.765 7.81c0 2.5 1.285 4.865 3.625 6.69.13.105.293.161.46.16a.75.75 0 00.46-1.34h-.005z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/digital-media/default.svg b/packages/components/src/telekom/icons/content/digital-media/default.svg
index 8ea8b156e1..655fa44358 100644
--- a/packages/components/src/telekom/icons/content/digital-media/default.svg
+++ b/packages/components/src/telekom/icons/content/digital-media/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M5.355 11.5c.255.53.56 1.035.91 1.5H2v6.145c0 .195.16.355.355.355h7.815L12 21.33V16.4c.41.06.825.1 1.255.105.085 0 .165-.015.25-.015v5.85a1.081 1.081 0 01-1.85.765L9.55 21H2.355A1.854 1.854 0 01.5 19.145V11.5zM19.5 10.06l4 2.345v1.83l-2.51-.635v6.255c0 2.1-1.59 2.42-2.46 2.35-1.345-.11-2.425-1.055-2.41-2.155.02-1.1 1.12-1.92 2.47-1.83.32.025.63.1.91.21v-8.37zM13.25.5a7.249 7.249 0 017.25 7.25c0 .375-.04.745-.095 1.105l-1.42-.835c.005-.09.015-.18.015-.27C19 4.58 16.42 2 13.25 2S7.5 4.58 7.5 7.75s2.58 5.75 5.75 5.75c1.97 0 3.715-1 4.75-2.515v2.235A7.224 7.224 0 0113.25 15 7.249 7.249 0 016 7.75 7.249 7.249 0 0113.25.5zM11.5 5.17l4.615 2.665L11.5 10.5V5.17z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.355 11.5c.204.424.44.832.705 1.216l.205.284H2v6.145c0 .17.122.314.284.348l.071.007h7.815L12 21.33V16.4c.41.06.825.1 1.255.105l.25-.015v5.85a1.081 1.081 0 01-1.753.852l-.097-.087L9.55 21H2.355a1.854 1.854 0 01-1.85-1.71L.5 19.145V11.5h4.855zM19.5 10.06l4 2.345v1.83l-2.51-.635v6.255c0 1.955-1.378 2.367-2.27 2.358l-.19-.008c-1.345-.11-2.425-1.055-2.41-2.155.02-1.1 1.12-1.92 2.47-1.83.24.019.474.066.695.134l.215.076v-8.37zM13.25.5a7.249 7.249 0 017.25 7.25c0 .281-.023.56-.057.833l-.038.272-1.42-.835c.005-.09.015-.18.015-.27C19 4.58 16.42 2 13.25 2S7.5 4.58 7.5 7.75s2.58 5.75 5.75 5.75a5.75 5.75 0 004.611-2.32l.139-.195v2.235A7.224 7.224 0 0113.25 15 7.249 7.249 0 016 7.75 7.249 7.249 0 0113.25.5zM11.5 5.17l4.615 2.665L11.5 10.5V5.17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/digital-media/selected.svg b/packages/components/src/telekom/icons/content/digital-media/selected.svg
index 0381774e17..a63d9b3648 100644
--- a/packages/components/src/telekom/icons/content/digital-media/selected.svg
+++ b/packages/components/src/telekom/icons/content/digital-media/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.355 11.5a8.76 8.76 0 0 0 7.895 5h.25v5.835a1.085 1.085 0 0 1 -1.85.77l-2.1-2.105h-7.195a1.855 1.855 0 0 1 -1.855-1.855v-7.645zm14.145-1.44 3.995 2.345v1.83l-2.5-.625v6.255c0 2.095-1.59 2.415-2.46 2.345-1.35-.11-2.43-1.055-2.415-2.155s1.12-1.92 2.47-1.83c.313.02.62.091.91.21zm-10.976-7.801a7.245 7.245 0 0 1 11.881 6.596l-.145-.085-2.26-1.325v5.775a7.245 7.245 0 1 1 -9.476-10.961zm2.976 2.911v5.33l4.615-2.665z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.355 11.5a8.76 8.76 0 007.598 4.994l.297.006h.25v5.835a1.085 1.085 0 01-1.752.856l-.098-.086L9.55 21H2.355a1.855 1.855 0 01-1.85-1.71L.5 19.145V11.5h4.855zM19.5 10.06l3.995 2.345v1.83l-2.5-.625v6.255c0 1.95-1.378 2.362-2.27 2.353l-.19-.008c-1.35-.11-2.43-1.055-2.415-2.155.015-1.1 1.12-1.92 2.47-1.83.235.015.466.059.69.13l.22.08V10.06zM8.524 2.259a7.245 7.245 0 0111.918 6.324l-.037.272L18 7.445v5.775A7.245 7.245 0 118.524 2.259zM11.5 5.17v5.33l4.615-2.665L11.5 5.17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/discount/default.svg b/packages/components/src/telekom/icons/content/discount/default.svg
new file mode 100644
index 0000000000..04b31d1277
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/discount/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.441 1.533l8.781 1.302 1.303 8.782L12.22 21.922a3.048 3.048 0 01-2.162.895c-.71 0-1.422-.246-1.993-.74l-.168-.155-5.762-5.762a3.056 3.056 0 01-.132-4.18l.132-.142L12.441 1.534zm.526 1.594L3.196 12.9A1.546 1.546 0 002.74 14c0 .363.124.707.352.985l.104.115 5.762 5.762c.294.294.685.456 1.1.456.364 0 .708-.124.986-.352l.114-.104 9.772-9.772-1.028-6.935-6.935-1.028zm.1 11.23c.755.755.762 1.948.008 2.701a1.906 1.906 0 01-2.71 0 1.915 1.915 0 01-.008-2.717 1.905 1.905 0 012.71.016zm-1.899.795c-.333.333-.348.82-.032 1.136.316.317.795.292 1.128-.04.332-.333.356-.812.04-1.128-.317-.316-.803-.3-1.136.032zm4.17-4.121l.982.981-8.804 2.037-.981-.982 8.803-2.037zM12.492 8.02a1.91 1.91 0 01.007 2.718c-.755.755-1.947.746-2.71-.016a1.895 1.895 0 01-.008-2.702 1.906 1.906 0 012.71 0zm-1.9.811c-.333.333-.349.82-.04 1.128.324.325.803.3 1.136-.032.332-.333.356-.811.031-1.136-.308-.309-.794-.292-1.127.04zm7.029-3.413a1.018 1.018 0 11.002 2.038 1.018 1.018 0 01-.002-2.038z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/discount/selected.svg b/packages/components/src/telekom/icons/content/discount/selected.svg
new file mode 100644
index 0000000000..86daf9e7e0
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/discount/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.44 1.535l8.785 1.3 1.3 8.78-10.305 10.31a3.065 3.065 0 01-4.325 0l-5.76-5.765a3.05 3.05 0 010-4.32L12.44 1.535zm.635 12.8a1.925 1.925 0 100 2.705v.02a1.905 1.905 0 000-2.725zm-1.344.557a.785.785 0 01.574.228.83.83 0 01-1.17 1.17.79.79 0 01.035-1.14.785.785 0 01.561-.258zm3.574-3.877L6.5 13.05l1 1 8.805-2.035-1-1zm-3.423-3.446A1.925 1.925 0 009.78 8a1.905 1.905 0 000 2.7 1.925 1.925 0 102.102-3.131zm-1.287 1.266a.83.83 0 011.125-.045.775.775 0 01-.035 1.135.775.775 0 01-1.135.035.83.83 0 01.045-1.125zm7.745-3.12a1.018 1.018 0 00-1.44 0 1 1 0 000 1.44 1 1 0 001.44 0 1.018 1.018 0 000-1.44z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/draft-file/default.svg b/packages/components/src/telekom/icons/content/draft-file/default.svg
deleted file mode 100644
index 46aff54536..0000000000
--- a/packages/components/src/telekom/icons/content/draft-file/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.5 3.5v17c0 1.655-1.345 3-3 3h-10A2.998 2.998 0 016.905 22H19.5c.825 0 1.5-.675 1.5-1.5V5h-2V3.5h3.5zm-5-3v17c0 1.655-1.345 3-3 3h-10c-1.655 0-3-1.345-3-3v-12l5-5h11zM16 2H7.5v3c0 .83-.67 1.5-1.5 1.5H3v11c0 .825.675 1.5 1.5 1.5h10c.825 0 1.5-.675 1.5-1.5V2z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/content/draft-file/selected.svg b/packages/components/src/telekom/icons/content/draft-file/selected.svg
deleted file mode 100644
index c2f29c26e4..0000000000
--- a/packages/components/src/telekom/icons/content/draft-file/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.5 3.5v17a3 3 0 01-3 3h-10A3 3 0 016.905 22H19.5a1.5 1.5 0 001.5-1.5V5h-2V3.5h3.5zm-5-3v17a3 3 0 01-3 3h-10a3 3 0 01-3-3V7h4A2.5 2.5 0 008 4.5v-4h9.5zM7 .5v4A1.5 1.5 0 015.5 6h-4L7 .5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/content/e-sim/default.svg b/packages/components/src/telekom/icons/content/e-sim/default.svg
index 3150ff6c39..e91aa0abef 100644
--- a/packages/components/src/telekom/icons/content/e-sim/default.svg
+++ b/packages/components/src/telekom/icons/content/e-sim/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2.95 16.65c1.1 0 1.8.85 1.8 2.15v.4h-2.6c.05.75.35 1 .8 1 .3 0 .55-.15.65-.4h1.15c-.2.85-.9 1.35-1.8 1.35-1.15 0-1.9-.85-1.9-2.25 0-1.45.75-2.25 1.9-2.25zm17.05-13.65c1.65 0 3 1.35 3 3v12c0 1.65-1.35 3-3 3h-.5v-1.5h.5c.85 0 1.5-.65 1.5-1.5v-12c0-.85-.65-1.5-1.5-1.5h-11.9l-5.6 5.6v4.9h-1.5v-5.5l6.5-6.5zm-12.7 12c1.15 0 1.8.7 1.9 1.75h-1.15c-.05-.45-.3-.65-.75-.65-.4 0-.7.25-.7.65s.3.55.6.65l.65.2c.85.25 1.4.9 1.4 1.6 0 1.15-.85 1.8-1.95 1.8-1.2 0-1.9-.6-2-1.75h1.15c.1.5.4.7.85.7.5 0 .75-.3.75-.65s-.25-.55-.7-.65l-.65-.2c-.95-.25-1.3-.9-1.3-1.65 0-1.1.8-1.8 1.9-1.8zm3.9.2v5.8h-1.15v-5.8zm2.2 0 1.75 3.2h.05l1.7-3.2h1.1v5.8h-1.2v-3.3h-.05l-1.4 2.6h-.4l-1.4-2.6h-.05v3.3h-1.15v-5.8zm-10.45 2.4c-.4 0-.7.2-.8.75h1.55c-.1-.55-.4-.75-.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.95 16.65c1.05 0 1.736.774 1.796 1.976l.004.174v.4h-2.6c.05.75.35 1 .8 1 .262 0 .487-.115.606-.311L3.6 19.8h1.15c-.2.85-.9 1.35-1.8 1.35-1.15 0-1.9-.85-1.9-2.25 0-1.45.75-2.25 1.9-2.25zM20 3a3.01 3.01 0 012.995 2.824L23 6v12a3.01 3.01 0 01-2.824 2.995L20 21h-.5v-1.5h.5c.8 0 1.423-.576 1.493-1.352L21.5 18V6c0-.8-.576-1.423-1.352-1.493L20 4.5H8.1l-5.6 5.6V15H1V9.5L7.5 3H20zM7.3 15c1.09 0 1.73.628 1.88 1.587l.02.163H8.05c-.05-.45-.3-.65-.75-.65-.4 0-.7.25-.7.65 0 .36.243.517.51.618l.09.032.65.2c.85.25 1.4.9 1.4 1.6 0 1.15-.85 1.8-1.95 1.8-1.137 0-1.825-.539-1.98-1.573l-.02-.177h1.15c.1.5.4.7.85.7.5 0 .75-.3.75-.65 0-.315-.203-.509-.571-.617l-.129-.033-.65-.2c-.95-.25-1.3-.9-1.3-1.65 0-1.1.8-1.8 1.9-1.8zm3.9.2V21h-1.15v-5.8h1.15zm2.2 0l1.75 3.2h.05l1.7-3.2H18V21h-1.2v-3.3h-.05l-1.4 2.6h-.4l-1.4-2.6h-.05V21h-1.15v-5.8h1.05zM2.95 17.6c-.367 0-.65.168-.77.62l-.03.13H3.7c-.1-.55-.4-.75-.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/e-sim/selected.svg b/packages/components/src/telekom/icons/content/e-sim/selected.svg
index c6166a585c..a8b790e693 100644
--- a/packages/components/src/telekom/icons/content/e-sim/selected.svg
+++ b/packages/components/src/telekom/icons/content/e-sim/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20 3a3 3 0 013 3v12a3 3 0 01-3 3h-.5v-2.5h.5a.5.5 0 00.5-.5V6a.5.5 0 00-.5-.5H8.535L3.5 10.535V15H1V9.5L7.5 3zM7.29 14.83a1.775 1.775 0 011.92 1.745H8.065a.705.705 0 00-.775-.65.625.625 0 00-.7.635c0 .405.265.555.59.64l.665.185a1.725 1.725 0 011.385 1.71c0 1.165-.86 1.815-1.955 1.815-1.185 0-1.895-.625-2-1.77H6.44a.785.785 0 00.85.675c.505 0 .755-.285.755-.65 0-.365-.24-.545-.695-.665l-.665-.215a1.615 1.615 0 01-1.295-1.65 1.77 1.77 0 011.9-1.805zm-4.35 1.605c1.095 0 1.81.835 1.79 2.125a2.3 2.3 0 010 .395H2.11c.06.775.38 1 .805 1 .28.03.548-.126.66-.385h1.13a1.695 1.695 0 01-1.79 1.33c-1.12 0-1.875-.82-1.875-2.23 0-1.41.73-2.235 1.9-2.235zm8.3-1.475v5.8h-1.17v-5.8h1.17zm2.17 0l1.73 3.215h.05l1.72-3.215h1.075v5.8H16.82v-3.27h-.05l-1.425 2.55h-.37l-1.42-2.55h-.05v3.27h-1.17v-5.8h1.075zM2.94 17.385c-.405 0-.69.18-.795.745H3.69c-.08-.565-.345-.745-.75-.745z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M20 3a3 3 0 012.995 2.824L23 6v12a3 3 0 01-2.824 2.995L20 21h-.5v-2.5h.5a.5.5 0 00.492-.41L20.5 18V6a.5.5 0 00-.41-.492L20 5.5H8.535L3.5 10.535V15H1V9.5L7.5 3H20z"/><path d="M2.95 16.65c1.05 0 1.736.774 1.796 1.976l.004.174v.4h-2.6c.05.75.35 1 .8 1 .262 0 .487-.115.606-.311L3.6 19.8h1.15c-.2.85-.9 1.35-1.8 1.35-1.15 0-1.9-.85-1.9-2.25 0-1.45.75-2.25 1.9-2.25zM7.3 15c1.09 0 1.73.628 1.88 1.587l.02.163H8.05c-.05-.45-.3-.65-.75-.65-.4 0-.7.25-.7.65 0 .36.243.517.51.618l.09.032.65.2c.85.25 1.4.9 1.4 1.6 0 1.15-.85 1.8-1.95 1.8-1.137 0-1.825-.539-1.98-1.573l-.02-.177h1.15c.1.5.4.7.85.7.5 0 .75-.3.75-.65 0-.315-.203-.509-.571-.617l-.129-.033-.65-.2c-.95-.25-1.3-.9-1.3-1.65 0-1.1.8-1.8 1.9-1.8zm3.9.2V21h-1.15v-5.8h1.15zm2.2 0l1.75 3.2h.05l1.7-3.2H18V21h-1.2v-3.3h-.05l-1.4 2.6h-.4l-1.4-2.6h-.05V21h-1.15v-5.8h1.05zM2.95 17.6c-.367 0-.65.168-.77.62l-.03.13H3.7c-.1-.55-.4-.75-.75-.75z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/eu/default.svg b/packages/components/src/telekom/icons/content/eu/default.svg
index 4dfe913a7b..a67ee45364 100644
--- a/packages/components/src/telekom/icons/content/eu/default.svg
+++ b/packages/components/src/telekom/icons/content/eu/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3c6.35 0 11.5 4.05 11.5 9s-5.15 9-11.5 9-11.5-4.05-11.5-9 5.15-9 11.5-9zm0 1.5c-5.5 0-10 3.35-10 7.5s4.5 7.5 10 7.5 10-3.35 10-7.5-4.5-7.5-10-7.5zm1.35 4.2v4.05c0 1.05.35 1.5 1.15 1.5s1.15-.45 1.15-1.5 0-4.05-.05-4.05h1.35v4.25c0 1.7-.85 2.6-2.45 2.6s-2.5-.9-2.5-2.6v-4.25zm-2.55 0v1.25h-2.6v1.4h2.5v1.25h-2.5v1.5h2.6v1.25h-3.95v-6.65z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3c6.35 0 11.5 4.05 11.5 9s-5.15 9-11.5 9S.5 16.95.5 12 5.65 3 12 3zm0 1.5C6.5 4.5 2 7.85 2 12s4.5 7.5 10 7.5 10-3.35 10-7.5-4.5-7.5-10-7.5zm1.35 4.2v4.05c0 1.05.35 1.5 1.15 1.5.8 0 1.15-.45 1.15-1.5l-.007-2.476-.016-1.164-.014-.329a.54.54 0 00-.008-.072L15.6 8.7h1.35v4.25c0 1.7-.85 2.6-2.45 2.6-1.536 0-2.427-.83-2.496-2.4l-.004-.2V8.7h1.35zm-2.55 0v1.25H8.2v1.4h2.5v1.25H8.2v1.5h2.6v1.25H6.85V8.7h3.95z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/eu/selected.svg b/packages/components/src/telekom/icons/content/eu/selected.svg
index e63a32f88f..868548d023 100644
--- a/packages/components/src/telekom/icons/content/eu/selected.svg
+++ b/packages/components/src/telekom/icons/content/eu/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3c-6.35 0-11.5 4.03-11.5 9s5.15 9 11.5 9 11.5-4.03 11.5-9-5.15-9-11.5-9zm-1.205 6.935h-2.58v1.41h2.5v1.25h-2.5v1.5h2.58v1.25h-3.93v-6.66h3.93zm6.2 3c.005 1.66-.89 2.565-2.47 2.565s-2.5-.92-2.5-2.59v-4.225h1.34v4.06c0 1.04.32 1.5 1.14 1.5s1.14-.44 1.14-1.5v-4.06h1.355z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3C5.65 3 .5 7.03.5 12s5.15 9 11.5 9 11.5-4.03 11.5-9S18.35 3 12 3zm-1.205 6.935h-2.58v1.41h2.5v1.25h-2.5v1.5h2.58v1.25h-3.93v-6.66h3.93v1.25zm6.2 3c.005 1.66-.89 2.565-2.47 2.565s-2.5-.92-2.5-2.59V8.685h1.34v4.06c0 1.04.32 1.5 1.14 1.5.82 0 1.14-.44 1.14-1.5v-4.06H17l-.005 4.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/face-mask/default.svg b/packages/components/src/telekom/icons/content/face-mask/default.svg
new file mode 100644
index 0000000000..31911ecec3
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/face-mask/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.75c3.257 0 5 2.25 8.499 2.25.162 0 .318-.004.466-.004.954 0 1.805.026 2.407.62.563.556.628 1.368.628 1.968 0 6.48-5.093 6.224-5.21 6.28-.925 1.348-2.31 2.325-4.376 3.111a6.791 6.791 0 01-4.828 0c-2.067-.786-3.451-1.763-4.377-3.112C5.11 15.816 0 16.093 0 9.585c0-.6.065-1.412.628-1.968.602-.594 1.423-.62 2.407-.62.148 0 .304.004.466.004C7.001 7 8.743 4.75 12 4.75zm0 1.5c-1.284 0-2.305.448-3.486.968-1.016.446-2.132.937-3.499 1.16.14 5.841 1.276 7.739 5.105 9.195a5.27 5.27 0 001.88.345c.647 0 1.28-.116 1.88-.345 3.829-1.456 4.965-3.354 5.104-9.195-1.366-.223-2.483-.714-3.498-1.16-1.181-.52-2.202-.968-3.486-.968zm-3.671 6.915a.751.751 0 011.006-.336c.008.004 1.084.521 2.665.521s2.657-.517 2.668-.522a.749.749 0 01.668 1.343c-.056.027-1.382.679-3.336.679-1.71 0-2.939-.499-3.256-.642l-.066-.03-.014-.008a.75.75 0 01-.335-1.005zM3.514 8.5c-.989 0-1.56-.028-1.811.192-.17.148-.203.392-.203.892 0 2.645.966 4.204 2.87 4.651-.555-1.494-.794-3.36-.856-5.735zm17.566 0h-.594c-.063 2.374-.302 4.241-.856 5.735 1.904-.447 2.87-2.006 2.87-4.651 0-.542-.033-.789-.239-.928-.204-.138-.586-.156-1.181-.157zM12 9.25c1.12 0 2.319.19 3.095.34l.27.055c.33.069.54.12.567.127a.75.75 0 01-.181 1.477c-.234 0-1.97-.5-3.751-.5-1.633 0-3.55.473-3.569.478a.75.75 0 01-.363-1.455c.085-.021 2.11-.522 3.932-.522z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/face-mask/selected.svg b/packages/components/src/telekom/icons/content/face-mask/selected.svg
new file mode 100644
index 0000000000..a53632af2c
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/face-mask/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.75c3.257 0 5 2.25 8.499 2.25.162 0 .318-.004.466-.004.954 0 1.805.026 2.407.62.563.556.628 1.368.628 1.968 0 6.48-5.093 6.224-5.21 6.28-.925 1.348-2.31 2.325-4.376 3.111a6.791 6.791 0 01-4.828 0c-2.066-.786-3.451-1.763-4.376-3.112-.101-.048-5.21.229-5.21-6.279 0-.6.065-1.412.629-1.968.602-.594 1.422-.62 2.407-.62.148 0 .303.004.465.004C7.001 7 8.744 4.75 12 4.75zm-3.671 8.415a.75.75 0 00.336 1.006l.013.006.066.03c.317.144 1.546.643 3.256.643 1.954 0 3.28-.652 3.336-.679a.749.749 0 00.335-1.002.752.752 0 00-1.003-.341c-.011.005-1.087.522-2.668.522-1.581 0-2.656-.517-2.664-.521a.751.751 0 00-1.007.335zM3.514 8.5c-.989 0-1.56-.028-1.811.192-.17.148-.203.392-.203.892 0 2.645.966 4.204 2.87 4.651-.554-1.494-.793-3.36-.856-5.735zm17.566 0h-.594c-.062 2.374-.301 4.241-.856 5.735 1.904-.447 2.87-2.006 2.87-4.651 0-.542-.033-.789-.239-.928-.204-.138-.586-.156-1.181-.157zM12 9.25c-1.822 0-3.846.501-3.932.522a.75.75 0 00.364 1.455c.019-.005 1.934-.478 3.568-.478 1.78 0 3.517.5 3.75.5a.75.75 0 00.182-1.477c-.026-.006-.236-.058-.567-.127l-.27-.054C14.319 9.44 13.12 9.25 12 9.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/features/default.svg b/packages/components/src/telekom/icons/content/features/default.svg
index 3d286baed4..8df4b45d70 100644
--- a/packages/components/src/telekom/icons/content/features/default.svg
+++ b/packages/components/src/telekom/icons/content/features/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.7 3.9 9.75 9.75c1.1 1.1 1.1 2.95 0 4.05l-5.4 5.4c-.6.55-1.3.85-2.05.85s-1.5-.3-2.05-.85l-9.7-9.7 1.2-8.25zm-.5 1.6-6.4 1-.95 6.4 9.2 9.15c.25.25.6.4.95.4s.7-.15.95-.4l5.4-5.45c.55-.5.55-1.4 0-1.95zm3.4 5.55-.25 2.7 2.3 1.35-2.6.65-.6 2.6-1.4-2.3-2.65.2 1.75-2-1.05-2.45 2.45 1zm-3.1-10.9 12.05 5.4c1.15.5 1.7 1.9 1.2 3.15l-1.9 4.3c-.1-.15-.25-.3-.35-.4l-.8-.8 1.65-3.75c.2-.45 0-.95-.45-1.15l-11.35-5.05-1.4.8-4.15.6zm-5.35 7.7c.4-.35 1-.35 1.35 0s.35 1 0 1.35-1 .35-1.35 0-.35-1 0-1.35z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.7 3.9l9.75 9.75c1.054 1.054 1.098 2.797.132 3.909l-.132.141-5.4 5.4c-.6.55-1.3.85-2.05.85a2.92 2.92 0 01-1.895-.706L9.95 23.1l-9.7-9.7 1.2-8.25L9.7 3.9zm-.5 1.6l-6.4 1-.95 6.4 9.2 9.15c.25.25.6.4.95.4.3 0 .6-.11.837-.3l.113-.1 5.4-5.45c.516-.469.548-1.29.097-1.843l-.097-.107L9.2 5.5zm3.4 5.55l-.25 2.7 2.3 1.35-2.6.65-.6 2.6-1.4-2.3-2.65.2 1.75-2L8.1 11.8l2.45 1 2.05-1.75zM9.5.15l12.05 5.4c1.1.478 1.651 1.78 1.26 2.986l-.06.164-1.9 4.3a2.352 2.352 0 00-.267-.316L19.7 11.8l1.65-3.75A.857.857 0 0021 6.951l-.1-.051L9.55 1.85l-1.4.8-4.15.6L9.5.15zm-5.35 7.7c.4-.35 1-.35 1.35 0 .35.35.35 1 0 1.35-.35.35-1 .35-1.35 0-.35-.35-.35-1 0-1.35z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/features/selected.svg b/packages/components/src/telekom/icons/content/features/selected.svg
index ab7d4e9068..eba13d1d83 100644
--- a/packages/components/src/telekom/icons/content/features/selected.svg
+++ b/packages/components/src/telekom/icons/content/features/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.725 3.925 9.695 9.695a2.88 2.88 0 0 1 0 4.065l-5.42 5.42a2.885 2.885 0 0 1 -4.07 0l-9.695-9.695 1.22-8.26 2.66-.395-1.215.18 1.6-.24zm2.835 7.17-2 1.745-2.465-1.035 1.035 2.46-1.745 2 2.665-.22 1.365 2.275.61-2.605 2.595-.575-2.285-1.385zm-3.06-10.935 12.035 5.375a2.365 2.365 0 0 1 1.215 3.12l-1.915 4.28a5.878 5.878 0 0 0 -.335-.38l-.81-.785 1.67-3.725a.865.865 0 0 0 -.435-1.14l-11.345-5.065-1.425.795-4.155.62zm-3.975 7.7a.96.96 0 1 0 -1.36 1.355.96.96 0 0 0 1.36-1.355z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.725 3.925l9.695 9.695a2.88 2.88 0 01.129 3.927l-.129.138-5.42 5.42a2.885 2.885 0 01-3.932.129l-.138-.129L.235 13.41l1.22-8.26L4.5 4.695l5.225-.77zm2.835 7.17l-2 1.745-2.465-1.035 1.035 2.46-1.745 2 2.665-.22 1.365 2.275.61-2.605 2.595-.575-2.285-1.385.225-2.66zM9.5.16l12.035 5.375a2.365 2.365 0 011.29 2.926l-.075.194-1.915 4.28-.162-.192-.173-.188-.81-.785 1.67-3.725a.865.865 0 00-.34-1.09l-.095-.05L9.58 1.84l-1.425.795L4 3.255 9.5.16zm-3.975 7.7a.96.96 0 10-1.36 1.355.96.96 0 001.36-1.355z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/flexible-tariffs/default.svg b/packages/components/src/telekom/icons/content/flexible-tariffs/default.svg
index 6143c51e53..f4039bd955 100644
--- a/packages/components/src/telekom/icons/content/flexible-tariffs/default.svg
+++ b/packages/components/src/telekom/icons/content/flexible-tariffs/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.2 8.5-1.55 2.4 2.7 1.75c1.65 1.1 2.9 2.6 3.65 4.4.7-1.75 2-3.3 3.65-4.4l2.7-1.75-1.55-2.4h6.65l-2.65 6-1.55-2.4-2.7 1.75c-2.35 1.55-3.75 4.1-3.75 6.9v1.45c0 .4-.35.75-.75.75l-.099-.007a.772.772 0 0 1 -.651-.743v-1.45l-.005-.289c-.093-2.686-1.476-5.114-3.745-6.611l-2.7-1.75-1.55 2.4-2.65-6zm4.8-7.5 3.6 5.5h-2.85v6.55c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-6.55h-2.85z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.2 8.5l-1.55 2.4 2.7 1.75c1.65 1.1 2.9 2.6 3.65 4.4.659-1.647 1.85-3.117 3.363-4.201l.287-.199 2.7-1.75-1.55-2.4h6.65l-2.65 6-1.55-2.4-2.7 1.75c-2.269 1.497-3.652 3.925-3.745 6.611l-.005.289v1.45a.772.772 0 01-.651.743l-.099.007-.099-.007a.778.778 0 01-.644-.644L11.3 22.2v-1.45l-.005-.289c-.09-2.59-1.379-4.94-3.505-6.447l-.24-.164-2.7-1.75-1.55 2.4-2.65-6H7.2zM12 1l3.6 5.5h-2.85v6.55c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099V6.5H8.4L12 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/flexible-tariffs/selected.svg b/packages/components/src/telekom/icons/content/flexible-tariffs/selected.svg
index 37bf64d2f4..cfa631510b 100644
--- a/packages/components/src/telekom/icons/content/flexible-tariffs/selected.svg
+++ b/packages/components/src/telekom/icons/content/flexible-tariffs/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7.205 8.69L5.92 10.66l2.685 1.755A10.17 10.17 0 0112 16.08a10.175 10.175 0 013.395-3.66l2.685-1.755-1.285-1.97h6.57l-2.69 6.02-1.285-1.97-2.685 1.755a7.725 7.725 0 00-3.5 6.5v1.275a1.255 1.255 0 01-.205.7V23a1 1 0 01-.275.295H12.7a1.256 1.256 0 01-.62.205H12l-.14-.006a1.255 1.255 0 01-.915-.544.455.455 0 01-.045-.085 1.09 1.09 0 01-.16-.615V21l-.004-.28A7.725 7.725 0 007.24 14.5l-2.685-1.75-1.285 1.97L.635 8.69h6.57zM12 1l3.6 5.5h-2.35v6.25a1.25 1.25 0 01-2.5 0V6.5H8.4L12 1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.205 8.69L5.92 10.66l2.685 1.755c1.419.92 2.585 2.18 3.395 3.665a10.175 10.175 0 013.095-3.458l.3-.202 2.685-1.755-1.285-1.97h6.57l-2.69 6.02-1.285-1.97-2.685 1.755a7.725 7.725 0 00-3.496 6.22l-.004.28v1.275a1.255 1.255 0 01-.138.586l-.067.114V23a1 1 0 01-.17.21l-.105.085H12.7a1.256 1.256 0 01-.488.19l-.132.015H12l-.14-.006a1.255 1.255 0 01-.915-.544.455.455 0 01-.045-.085 1.09 1.09 0 01-.147-.396l-.015-.179.002-.04V21l-.004-.28a7.725 7.725 0 00-3.264-6.063L7.24 14.5l-2.685-1.75-1.285 1.97L.635 8.69h6.57zM12 1l3.6 5.5h-2.35v6.25a1.25 1.25 0 01-2.494.128l-.006-.128V6.5H8.4L12 1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/folder/default.svg b/packages/components/src/telekom/icons/content/folder/default.svg
new file mode 100644
index 0000000000..99b75cb674
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/folder/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M7.5 2.5c1.05 0 2 .45 2.7 1.2l.45.45c.25.2.55.35.85.35H23V19c0 1.65-1.35 3-3 3H4c-1.65 0-3-1.35-3-3V2.5zm0 1.5h-5v15c0 .85.65 1.5 1.5 1.5h16c.85 0 1.5-.65 1.5-1.5V6h-10c-.7 0-1.4-.3-1.9-.85l-.45-.45C8.7 4.25 8.1 4 7.5 4z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/folder/selected.svg b/packages/components/src/telekom/icons/content/folder/selected.svg
new file mode 100644
index 0000000000..40dd22d072
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/folder/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M11.5 4.5c-.3 0-.6-.15-.85-.35l-.45-.45c-.7-.75-1.65-1.2-2.7-1.2H1V19c0 1.65 1.35 3 3 3h16c1.65 0 3-1.35 3-3V4.5H11.5z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/food/default.svg b/packages/components/src/telekom/icons/content/food/default.svg
new file mode 100644
index 0000000000..1425492aa5
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/food/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.229 0c1.334 0 2.46.958 2.688 2.256l.024.172 1.027 9.24a3.005 3.005 0 01-.746 2.333 3.005 3.005 0 01-2.04.993l-.195.006h-.203l.713 6.269a2.005 2.005 0 11-3.992.376l-.005-.15V2.73A2.732 2.732 0 0117.229 0zM5 1v6.25C5 8.49 6.01 9.5 7.25 9.5a2.253 2.253 0 002.245-2.096L9.5 7.25V1H11v6.25a3.75 3.75 0 01-2.062 3.346l-.178.084.61 10.573a2.124 2.124 0 11-4.244.152l.003-.152.61-10.573a3.755 3.755 0 01-2.233-3.223L3.5 7.25V1H5zm12.229.5c-.635 0-1.16.485-1.223 1.104L16 2.729V13.5h1.986a1.48 1.48 0 001.118-.5 1.48 1.48 0 00.382-1.005l-.01-.16-1.026-9.242A1.227 1.227 0 0017.229 1.5zM8 1v6.25a.75.75 0 01-1.493.102L6.5 7.25V1H8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/food/selected.svg b/packages/components/src/telekom/icons/content/food/selected.svg
new file mode 100644
index 0000000000..09a4862e0e
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/food/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.002 1v6.25c0 1.24 1.009 2.25 2.25 2.25a2.253 2.253 0 002.244-2.096l.005-.154V1h1.5v6.25a3.75 3.75 0 01-2.062 3.346l-.177.084.61 10.573a2.124 2.124 0 11-4.244.152l.003-.152.61-10.573a3.755 3.755 0 01-2.234-3.223l-.006-.207V1h1.5zM17.23 0c1.334 0 2.46.958 2.688 2.256l.024.172 1.026 9.24a3.005 3.005 0 01-.745 2.333 3.005 3.005 0 01-2.04.993l-.196.006h-.203l.713 6.269a2.005 2.005 0 11-3.991.376l-.005-.15V2.73A2.732 2.732 0 0117.23 0zM8 1v6.25a.75.75 0 01-1.493.102l-.006-.102V1h1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/gender-diverse/default.svg b/packages/components/src/telekom/icons/content/gender-diverse/default.svg
new file mode 100644
index 0000000000..771d38e540
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/gender-diverse/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 22a6.508 6.508 0 01-6.5-6.5C5.5 11.916 8.416 9 12 9s6.5 2.916 6.5 6.5S15.584 22 12 22m.75-14.462V5.06l1.018 1.018a.748.748 0 001.061 0 .749.749 0 000-1.06L13.061 3.25l1.767-1.768a.75.75 0 00-1.06-1.061L12 2.189 10.232.421a.75.75 0 10-1.06 1.061l1.767 1.768-1.768 1.768a.75.75 0 101.061 1.061L11.25 5.06v2.478A8 8 0 0012 23.5a8 8 0 00.75-15.962" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/gender-diverse/selected.svg b/packages/components/src/telekom/icons/content/gender-diverse/selected.svg
new file mode 100644
index 0000000000..ac39fa975f
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/gender-diverse/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 21.477c-3.308 0-6-2.691-6-6 0-3.31 2.692-6 6-6 3.31 0 6 2.69 6 6 0 3.309-2.69 6-6 6M13 7.04v-.934l.163.162c.244.245.564.367.884.367a1.25 1.25 0 00.884-2.134L13.769 3.34l1.202-1.202A1.25 1.25 0 1013.203.372L12 1.572 10.8.373a1.249 1.249 0 10-1.768 1.767l1.202 1.202L9.072 4.5A1.25 1.25 0 1010.84 6.27l.16-.161v.933c-4.216.497-7.5 4.088-7.5 8.436 0 4.687 3.814 8.5 8.5 8.5 4.688 0 8.5-3.813 8.5-8.5 0-4.348-3.282-7.94-7.5-8.436" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/gender-female/default.svg b/packages/components/src/telekom/icons/content/gender-female/default.svg
new file mode 100644
index 0000000000..2529b54301
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/gender-female/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 8.5C5.5 4.916 8.418 2 12 2c3.584 0 6.5 2.916 6.5 6.5S15.584 15 12 15a6.508 6.508 0 01-6.5-6.5m14.5 0a8 8 0 00-8-8 8 8 0 00-.75 15.962V19h-2.5a.75.75 0 000 1.5h2.5V23a.75.75 0 001.5 0v-2.5h2.5a.75.75 0 000-1.5h-2.5v-2.538C16.816 16.083 20 12.665 20 8.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/gender-female/selected.svg b/packages/components/src/telekom/icons/content/gender-female/selected.svg
new file mode 100644
index 0000000000..054b98e9bb
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/gender-female/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.5c0-3.309 2.691-6 6-6s6 2.691 6 6-2.691 6-6 6-6-2.691-6-6m14.5 0C20.5 3.813 16.687 0 12 0 7.313 0 3.5 3.813 3.5 8.5c0 4.261 3.155 7.79 7.25 8.398v1.665H8.693a1.25 1.25 0 100 2.5h2.057v1.664a1.25 1.25 0 002.5 0v-1.664h2.057a1.25 1.25 0 100-2.5H13.25v-1.665c4.095-.608 7.25-4.137 7.25-8.398" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/gender-male/default.svg b/packages/components/src/telekom/icons/content/gender-male/default.svg
new file mode 100644
index 0000000000..fd30e2520d
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/gender-male/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.43 17.762a6.455 6.455 0 01-4.596 1.904 6.457 6.457 0 01-4.596-1.904 6.46 6.46 0 01-1.904-4.596c0-1.736.676-3.368 1.904-4.596a6.46 6.46 0 014.596-1.904c1.736 0 3.369.676 4.596 1.904a6.457 6.457 0 011.904 4.596 6.455 6.455 0 01-1.904 4.596zM21.001 8.5V3h-5.5l2.219 2.22-1.786 1.785a7.976 7.976 0 00-5.1-1.839 8 8 0 105.657 13.657 7.999 7.999 0 00.503-10.757l1.787-1.786 2.22 2.22z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/gender-male/selected.svg b/packages/components/src/telekom/icons/content/gender-male/selected.svg
new file mode 100644
index 0000000000..44366693b3
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/gender-male/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.085 17.4a5.961 5.961 0 01-4.244 1.756A5.96 5.96 0 016.6 17.4a5.958 5.958 0 01-1.758-4.243c0-1.602.624-3.109 1.758-4.242a5.957 5.957 0 014.242-1.758c1.602 0 3.11.624 4.242 1.758a6.007 6.007 0 010 8.485zM21 8.5V3h-5.5l1.865 1.865-1.469 1.47a8.429 8.429 0 00-5.055-1.679c-2.27 0-4.404.885-6.01 2.49a8.446 8.446 0 00-2.49 6.01c0 2.271.885 4.406 2.49 6.011a8.445 8.445 0 006.01 2.49c2.27 0 4.405-.885 6.011-2.49 3.014-3.013 3.277-7.74.811-11.065l1.47-1.47L21 8.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/half-rating/default.svg b/packages/components/src/telekom/icons/content/half-rating/default.svg
new file mode 100644
index 0000000000..c69dd5f9f9
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/half-rating/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.613 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.064-5.061a1.713 1.713 0 00-1.592-1.07c-.703 0-1.327.42-1.593 1.07L8.34 7.633l-5.452.398c-.7.052-1.292.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.304 5.308a1.715 1.715 0 00.658 1.802c.568.413 1.321.44 1.918.07l4.644-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.176-3.527a1.714 1.714 0 00.526-1.845zm-1.494.699l-4.886 4.127 1.527 6.212c.03.119-.03.19-.084.23a.203.203 0 01-.244.009l-5.436-3.372V3.002c.067 0 .156.024.203.137l2.416 5.922 6.38.468a.206.206 0 01.192.151.206.206 0 01-.068.235z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/half-rating/selected.svg b/packages/components/src/telekom/icons/content/half-rating/selected.svg
new file mode 100644
index 0000000000..4146564015
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/half-rating/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.997 1.501c.652 0 1.237.362 1.53.934l.062.136 2.064 5.062 5.452.398c.7.052 1.293.516 1.51 1.184.2.616.04 1.28-.408 1.735l-.118.11-4.175 3.527 1.304 5.308a1.715 1.715 0 01-.659 1.802 1.712 1.712 0 01-1.777.149l-.14-.079-4.645-2.881-4.646 2.881a1.716 1.716 0 01-2.604-1.725l.03-.146 1.304-5.309-4.176-3.527a1.714 1.714 0 01-.526-1.845 1.712 1.712 0 011.362-1.166l.148-.018 5.452-.399 2.064-5.061c.265-.65.89-1.07 1.592-1.07zm0 1.5a.205.205 0 00-.171.079l-.033.058L9.378 9.06l-6.38.468a.206.206 0 00-.193.151.206.206 0 00.023.186l.045.049 4.886 4.127-1.527 6.212c-.029.119.03.19.084.23.044.032.107.06.184.037l.06-.028 5.436-3.372V3.002z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/heart/default.svg b/packages/components/src/telekom/icons/content/heart/default.svg
index 50a4acb10a..37a17d1fd8 100644
--- a/packages/components/src/telekom/icons/content/heart/default.svg
+++ b/packages/components/src/telekom/icons/content/heart/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.315 6.07a5.857 5.857 0 00-4.85-2.57 5.85 5.85 0 00-2.265.45c-1 .415-1.69.985-2.2 1.605-.55-.67-1.305-1.28-2.425-1.69a5.864 5.864 0 00-6.89 2.205 5.89 5.89 0 00.39 7.12l6.63 7.755a3.017 3.017 0 004.585 0l6.63-7.755a5.883 5.883 0 00.395-7.12zm-1.53 6.145L13.15 19.97c-.3.355-.725.53-1.15.53-.425 0-.85-.175-1.15-.53l-6.635-7.755a4.372 4.372 0 01-.29-5.3A4.319 4.319 0 017.535 5c.52 0 1.035.09 1.525.27 1.785.655 2.275 1.915 2.94 3.235.635-1.255 1.105-2.48 2.775-3.17A4.486 4.486 0 0116.465 5c1.365 0 2.735.625 3.61 1.915 1.11 1.63.99 3.8-.29 5.3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.315 6.07a5.857 5.857 0 00-4.85-2.57 5.85 5.85 0 00-2.265.45c-1 .415-1.69.985-2.2 1.605-.55-.67-1.305-1.28-2.425-1.69a5.864 5.864 0 00-6.89 2.205 5.89 5.89 0 00.39 7.12l6.63 7.755a3.017 3.017 0 004.585 0l6.63-7.755a5.883 5.883 0 00.395-7.12zm-1.53 6.145L13.15 19.97c-.3.355-.725.53-1.15.53-.425 0-.85-.175-1.15-.53l-6.635-7.755a4.372 4.372 0 01-.29-5.3A4.319 4.319 0 017.535 5c.52 0 1.035.09 1.525.27 1.785.655 2.275 1.915 2.94 3.235.635-1.255 1.105-2.48 2.775-3.17A4.486 4.486 0 0116.465 5c1.365 0 2.735.625 3.61 1.915 1.11 1.63.99 3.8-.29 5.3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/heart/selected.svg b/packages/components/src/telekom/icons/content/heart/selected.svg
index a1b79a4424..b5db511502 100644
--- a/packages/components/src/telekom/icons/content/heart/selected.svg
+++ b/packages/components/src/telekom/icons/content/heart/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.075 6.915a4.365 4.365 0 00-5.3-1.58c-1.67.69-2.14 1.915-2.775 3.165-.665-1.32-1.155-2.585-2.94-3.235a4.365 4.365 0 00-5.135 1.65 4.37 4.37 0 00.29 5.3l6.635 7.755a1.5 1.5 0 002.3 0l6.635-7.755a4.37 4.37 0 00.29-5.3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.315 6.07a5.857 5.857 0 00-4.85-2.57 5.85 5.85 0 00-2.265.45c-1 .415-1.69.985-2.2 1.605-.55-.67-1.305-1.28-2.425-1.69a5.864 5.864 0 00-6.89 2.205 5.89 5.89 0 00.39 7.12l6.63 7.755a3.017 3.017 0 004.585 0l6.63-7.755a5.883 5.883 0 00.395-7.12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/height/default.svg b/packages/components/src/telekom/icons/content/height/default.svg
new file mode 100644
index 0000000000..27673c5773
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/height/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 4.5V20c0 1.654 1.345 3 3 3h3v-1.5H5c-.827 0-1.5-.673-1.5-1.5v-1h2a.75.75 0 100-1.5h-2V15h2a.75.75 0 100-1.5h-2V11h2a.75.75 0 100-1.5h-2V7h2a.75.75 0 100-1.5h-2v-1C3.5 3.673 4.173 3 5 3h3V1.5H5c-1.655 0-3 1.345-3 3zm19.2 5.299c-.715 0-1.283.306-1.59.875h-.069c-.25-.569-.727-.875-1.465-.875-.659 0-1.181.318-1.466.851h-.068v-.67h-1.375v5.476h1.466v-3.215c0-.67.375-1.102.931-1.102.523 0 .716.341.716.875v3.442h1.466v-3.215c0-.681.375-1.102.943-1.102.523 0 .715.341.715.875v3.442h1.466v-3.624c0-1.34-.556-2.034-1.67-2.034zM9.462 9.73v1.772l1.976-1.636h.069v5.59h1.466V7.867h-1.33L9.462 9.73z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/height/selected.svg b/packages/components/src/telekom/icons/content/height/selected.svg
new file mode 100644
index 0000000000..13d1c88b1f
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/height/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.002 1.482v2.5H5.183c-.646 0-1.179.493-1.243 1.123l-.007.127V5.5h1.57a.75.75 0 01.101 1.493L5.502 7H3.933v2.5h1.57a.75.75 0 01.101 1.493l-.102.006H3.933v2.5h1.57a.75.75 0 01.101 1.493L5.502 15H3.933v2.5h1.57a.75.75 0 01.101 1.493L5.502 19H3.933v.245c0 .646.493 1.179 1.123 1.243l.127.007h2.82v2.5h-2.82a3.754 3.754 0 01-3.744-3.552l-.005-.198V5.232a3.754 3.754 0 013.55-3.744l.2-.006h2.818zm13.2 8.316c1.06 0 1.616.629 1.666 1.846l.004.187v3.624h-1.466v-3.442c0-.534-.193-.875-.715-.875-.53 0-.892.367-.938.97l-.005.132v3.215h-1.466v-3.442c0-.534-.193-.875-.716-.875-.519 0-.88.376-.926.972l-.005.13v3.215h-1.466V9.98h1.375v.67h.068c.284-.534.807-.852 1.466-.852.682 0 1.14.262 1.404.749l.061.126h.068c.308-.568.875-.875 1.591-.875zm-8.228-1.931v7.588h-1.466V9.866h-.068l-1.977 1.635V9.73l2.182-1.862h1.329z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/history/default.svg b/packages/components/src/telekom/icons/content/history/default.svg
index ebeebed3ec..2779ef7288 100644
--- a/packages/components/src/telekom/icons/content/history/default.svg
+++ b/packages/components/src/telekom/icons/content/history/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1.75c5.65 0 10.25 4.6 10.3 10.3 0 4.75-3.4 9-8.05 10h-.15c-.35 0-.65-.25-.75-.6-.1-.4.15-.8.55-.9 3.95-.85 6.85-4.45 6.85-8.55 0-4.8-3.95-8.75-8.75-8.75S3.25 7.2 3.25 12c0 2.65 1.25 5.15 3.25 6.8l1.55-2.4 2.7 6.1H4.1l1.6-2.45C3.25 18.15 1.75 15.2 1.75 12 1.75 6.35 6.35 1.75 12 1.75zm0 3.5c.4 0 .75.35.75.75v5.55l3.85 2.05c.35.2.5.65.3 1-.1.25-.4.4-.65.4-.1 0-.25-.05-.35-.1l-4.65-2.45V6c0-.4.35-.75.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.75c5.65 0 10.25 4.6 10.3 10.3 0 4.657-3.268 8.833-7.778 9.937l-.272.063h-.15c-.35 0-.65-.25-.75-.6-.1-.4.15-.8.55-.9 3.95-.85 6.85-4.45 6.85-8.55 0-4.8-3.95-8.75-8.75-8.75S3.25 7.2 3.25 12c0 2.548 1.156 4.957 3.023 6.606l.227.194 1.55-2.4 2.7 6.1H4.1l1.6-2.45C3.25 18.15 1.75 15.2 1.75 12 1.75 6.35 6.35 1.75 12 1.75zm0 3.5c.367 0 .691.294.743.651L12.75 6v5.55l3.85 2.05c.35.2.5.65.3 1-.1.25-.4.4-.65.4a.814.814 0 01-.267-.063L15.9 14.9l-4.65-2.45V6c0-.4.35-.75.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/history/selected.svg b/packages/components/src/telekom/icons/content/history/selected.svg
index df7289be4a..7d3c9a8897 100644
--- a/packages/components/src/telekom/icons/content/history/selected.svg
+++ b/packages/components/src/telekom/icons/content/history/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1.25a10.75 10.75 0 012.31 21.25 1.255 1.255 0 11-.52-2.455 8.24 8.24 0 10-7-1.675l1.315-2 2.68 6.13H4.11l1.305-2A10.75 10.75 0 0112 1.25zm0 4a.75.75 0 01.75.75v5.55l3.85 2.035A.75.75 0 0116.25 15a.785.785 0 01-.35-.085l-4.65-2.465V6a.75.75 0 01.75-.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.25a10.75 10.75 0 012.31 21.25 1.255 1.255 0 11-.52-2.455 8.24 8.24 0 10-7.214-1.856l.214.181 1.315-2 2.68 6.13H4.11l1.305-2A10.75 10.75 0 0112 1.25zm0 4a.75.75 0 01.743.648L12.75 6v5.55l3.85 2.035a.75.75 0 01-.588 1.376l-.112-.046-4.65-2.465V6a.75.75 0 01.75-.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/hour-glass/default.svg b/packages/components/src/telekom/icons/content/hour-glass/default.svg
new file mode 100644
index 0000000000..65feb0df83
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/hour-glass/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.042 7.041c-1.367 0-2.715-.161-3.922-.378l2.39 2.671c.395.441.7.77.929 1.011a.778.778 0 001.13-.005c.226-.238.527-.565.924-1.009l2.389-2.669c-1.207.218-2.473.379-3.84.379zm-5.16 11.678a1.5 1.5 0 00-.381 1v.781h11v-.781a1.5 1.5 0 00-.382-1c-1.255-1.403-3.4-3.048-5.118-3.048-1.72 0-3.905 1.692-5.118 3.048zm7.73-5.052l3.625 4.052a3 3 0 01.764 2v.781c0 .827-.674 1.5-1.5 1.5h-11c-.828 0-1.5-.673-1.5-1.5v-.781c0-.739.27-1.449.763-2l3.626-4.052c.85-.951.85-2.384 0-3.334L5.764 6.281a2.995 2.995 0 01-.764-2V2h14v2.281a3 3 0 01-.764 2l-3.626 4.052c-.85.95-.85 2.384.002 3.334zm4.742-6.386a4.496 4.496 0 001.147-3V.5h-17v3.781c0 1.106.408 2.175 1.146 3l3.626 4.052c.339.379.339.954 0 1.334l-3.626 4.052a4.5 4.5 0 00-1.146 3v.781a3 3 0 003 3h11a3 3 0 003-3v-.781a4.497 4.497 0 00-1.147-3l-3.625-4.052a1.002 1.002 0 010-1.334l3.625-4.052z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/hour-glass/selected.svg b/packages/components/src/telekom/icons/content/hour-glass/selected.svg
new file mode 100644
index 0000000000..da44db828f
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/hour-glass/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.493 9.332c-.396.444-.698.77-.924 1.008a.78.78 0 01-1.13.006 44.54 44.54 0 01-.929-1.011L8.119 6.662c1.207.219 2.556.38 3.923.38 1.366 0 2.633-.161 3.84-.38l-2.389 2.67zm3.626 9.388a1.5 1.5 0 01.382 1v.78h-11v-.78c0-.37.135-.725.381-1 1.214-1.356 3.4-3.048 5.119-3.048 1.718 0 3.862 1.645 5.118 3.048zm2.235-11.438a4.496 4.496 0 001.147-3.001V.5h-17v3.78c0 1.107.407 2.176 1.146 3l3.626 4.053a1 1 0 010 1.333l-3.626 4.052a4.499 4.499 0 00-1.146 3v.781a3 3 0 003 3h11a3 3 0 003-3v-.78a4.496 4.496 0 00-1.147-3l-3.625-4.053a1 1 0 010-1.334l3.625-4.052z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/iban/default.svg b/packages/components/src/telekom/icons/content/iban/default.svg
new file mode 100644
index 0000000000..89ef74b171
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/iban/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.532 14.371h.045l1.797 3.128h1.017v-5h-1.003v3.144h-.045L16.547 12.5h-1.025v5h1.01v-3.128zm-3.9-.33h.045l.524 1.55h-1.093l.524-1.55zm-.839 2.493h1.722l.329.966h1.026l-1.706-5h-1.011l-1.706 5h1.026l.32-.965zm-4.154.075V15.41h.733c.396 0 .614.232.614.591 0 .381-.218.606-.614.606h-.733zm0-3.218h.756c.329 0 .547.223.547.575 0 .345-.21.585-.547.585h-.756v-1.16zm2.395 2.724c0-.525-.24-.92-.658-1.116v-.029c.381-.225.613-.629.613-1.145 0-.719-.434-1.325-1.46-1.325H6.628v5h1.864c1.085 0 1.542-.622 1.542-1.385zM4.506 17.5h1.01v-5h-1.01v5zM22.001 8h-20V6.5c0-.827.672-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5V8zm0 9.5c0 .827-.673 1.5-1.5 1.5h-17c-.828 0-1.5-.673-1.5-1.5V11h20v6.5zm-1.5-14h-17a3 3 0 00-3 3v11a3 3 0 003 3h17a3 3 0 003-3v-11a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/iban/selected.svg b/packages/components/src/telekom/icons/content/iban/selected.svg
new file mode 100644
index 0000000000..8e95628877
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/iban/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 3.5h-17a3 3 0 00-3 3V8h23V6.5a3 3 0 00-3-3zm-15.996 14h1.011v-5h-1.01v5zm2.124 0h1.863c1.086 0 1.543-.622 1.543-1.385 0-.524-.24-.921-.659-1.115v-.03c.382-.224.613-.629.613-1.144 0-.719-.433-1.326-1.459-1.326h-1.9v5zm3.818 0h1.026l.321-.966h1.721l.33.966h1.026l-1.707-5h-1.01l-1.707 5zm5.075 0h1.01v-3.129h.047l1.796 3.129h1.017v-5H18.39v3.144h-.047L16.548 12.5h-1.026v5zM.502 11h23v6.5a3 3 0 01-3 3h-17a3 3 0 01-3-3V11zm8.486 5.003c0-.36-.219-.592-.616-.592h-.733v1.197h.733c.397 0 .615-.224.615-.605zm3.69-1.961h-.046l-.523 1.549h1.093l-.524-1.549zm-4.283.509h-.756v-1.16h.756c.33 0 .547.224.547.576 0 .344-.209.584-.547.584z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/id/default.svg b/packages/components/src/telekom/icons/content/id/default.svg
new file mode 100644
index 0000000000..0e53394285
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/id/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.707 16.843v-3.729h.776c.829 0 1.365.553 1.365 1.864 0 1.312-.536 1.865-1.365 1.865h-.776zm3.39-1.864c0-1.934-.972-2.978-2.525-2.978h-2.069v5.958h2.069c1.552 0 2.525-1.044 2.525-2.98zm-6.967 2.98h1.204V12H13.13v5.958zm-5.376-2.905c1.206 0 2.083-1.226 2.083-2.492 0-1.265-.932-2.092-2.083-2.092-1.151 0-2.083.826-2.083 2.092s.877 2.492 2.083 2.492zm1.978.832h-.815L7.754 17.05l-1.162-1.162h-.817c-.804 0-1.492.573-1.638 1.363l-.134.72h7.5l-.133-.72a1.665 1.665 0 00-1.638-1.364zM22.001 19.5c0 .826-.674 1.5-1.5 1.5h-17c-.828 0-1.5-.674-1.5-1.5V7h8v2.5h4V7h8v12.5zm-8-14v-5h-4v5h-9.5v14a3 3 0 003 3h17a3 3 0 003-3v-14h-9.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/in-stock/default.svg b/packages/components/src/telekom/icons/content/in-stock/default.svg
new file mode 100644
index 0000000000..13095aa405
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/in-stock/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 20a2 2 0 110 4 2 2 0 010-4zm14.25-8.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm3.143 4.035a.75.75 0 00-.976-.073l-.085.073-2.819 2.819-1.408-1.409a.75.75 0 00-1.133.977l.072.084 2.47 2.47 3.879-3.88a.75.75 0 000-1.061zM2.75 17.5h7.262l-.007.286.002.226c0 .041.003.084.005.128l.023.296c.01.108.025.226.043.358l.032.206H2.75a.75.75 0 01-.102-1.493l.102-.007zM22.954.06a.75.75 0 01.682 1.333l-.09.046-2.271.973a1.5 1.5 0 00-.882 1.092l-.021.147-.621 6.62a7.679 7.679 0 00-1.104-.21l-.38-.035L18.833 4H2.573l.741 7.77c.066.691.586 1.236 1.26 1.34l.136.015 6.534.421c-.235.364-.439.75-.611 1.152l-.123.304-5.896-.38a2.986 2.986 0 01-2.77-2.527l-.023-.183L.925 2.5h18.24a2.998 2.998 0 011.32-1.372l.198-.094L22.954.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/in-stock/selected.svg b/packages/components/src/telekom/icons/content/in-stock/selected.svg
new file mode 100644
index 0000000000..97ec2775c5
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/in-stock/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 20a2 2 0 110 4 2 2 0 010-4zM23.94.456a.75.75 0 01-.304.939l-.09.046-2.271.973a1.5 1.5 0 00-.882 1.092l-.021.147-.62 6.61a7.753 7.753 0 00-9.251 4.741l-5.886-.38a2.986 2.986 0 01-2.77-2.527l-.023-.183-.897-9.412h18.24a2.998 2.998 0 011.32-1.372l.198-.094L22.954.06a.75.75 0 01.985.394zm-6.19 11.046a6.25 6.25 0 110 12.499 6.25 6.25 0 010-12.5zm3.143 4.035a.75.75 0 00-.976-.073l-.085.073-2.819 2.819-1.408-1.409a.75.75 0 00-1.133.976l.072.085 2.47 2.469 3.879-3.88a.75.75 0 000-1.06zM2.75 17.5h7.262l-.007.286.002.226c0 .04.003.083.005.128l.023.295c.01.108.025.227.043.358l.032.207H2.75a.75.75 0 01-.102-1.494l.102-.006z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/international-sms/default.svg b/packages/components/src/telekom/icons/content/international-sms/default.svg
index faf2324d12..fc30b36394 100644
--- a/packages/components/src/telekom/icons/content/international-sms/default.svg
+++ b/packages/components/src/telekom/icons/content/international-sms/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.1 5.75c1.55-.35 2.75-.2 2.9-.2v8.45h3.65l-.15-1.35 1.25-1.25c.2.8.35 1.7.4 2.6h1.85c-.1-1.1-.45-2.1-.95-3h1.65c.5 1.15.8 2.4.8 3.75 0 5.1-4.15 9.25-9.25 9.25s-9.25-4.15-9.25-9.25c0-4.35 3-8 7.1-9zm6.5 9.75h-3.6v6.85c1.85-.6 3.4-3.5 3.6-6.85zm-5.1 0h-3.6c.2 3.35 1.75 6.25 3.6 6.85zm-5.1 0h-1.85c.2 2.4 1.6 4.5 3.55 5.75-.95-1.5-1.6-3.5-1.7-5.75zm13.55 0h-1.85c-.15 2.25-.75 4.25-1.7 5.75 1.95-1.25 3.35-3.35 3.55-5.75zm-8.45-8.35c-1.85.6-3.4 3.5-3.6 6.85h3.6zm-3.4 1.1c-1.95 1.25-3.35 3.35-3.55 5.75h1.85c.15-2.25.75-4.25 1.7-5.75zm18.9-8.25v9.5h-9.5l-3 3v-12.5zm-9.9 3.2c-.7 0-1.2.45-1.2 1.15 0 .45.2.9.8 1.05l.4.1c.3.05.45.15.45.4 0 .2-.2.4-.5.4s-.5-.15-.55-.45h-.8c.1.7.55 1.1 1.3 1.1.7 0 1.25-.4 1.2-1.1 0-.5-.35-.9-.9-1.05l-.4-.1c-.2-.05-.35-.15-.35-.4s.2-.4.45-.4c.3 0 .45.15.5.4h.8c-.05-.65-.45-1.1-1.2-1.1zm7.2 0c-.7 0-1.2.45-1.2 1.15 0 .45.2.9.8 1.05l.4.1c.3.05.45.15.45.4 0 .2-.2.4-.5.4s-.5-.15-.55-.45h-.75c.1.7.55 1.1 1.3 1.1.7 0 1.25-.4 1.2-1.1 0-.5-.35-.9-.9-1.05l-.4-.1c-.2-.05-.35-.15-.35-.4s.2-.4.45-.4c.3 0 .45.15.5.4h.75c-.05-.65-.45-1.1-1.2-1.1zm-4.8 0h-.7v3.65h.75v-2.05h.05l.9 1.6h.2l.9-1.6h.05v2.1h.8v-3.7h-.7l-1.1 2.05h-.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.1 5.75a9.51 9.51 0 011.647-.222l.328-.01.286.002.429.017.21.013V14h3.65l-.15-1.35 1.25-1.25c.167.667.299 1.403.367 2.15l.033.45H17a7.452 7.452 0 00-.789-2.696L16.05 11h1.65c.5 1.15.8 2.4.8 3.75 0 5.1-4.15 9.25-9.25 9.25S0 19.85 0 14.75c0-4.35 3-8 7.1-9zm6.5 9.75H10v6.85c1.794-.582 3.306-3.326 3.578-6.547l.022-.303zm-5.1 0H4.9c.194 3.248 1.657 6.074 3.433 6.79l.167.06V15.5zm-5.1 0H1.55c.2 2.4 1.6 4.5 3.55 5.75-.89-1.406-1.518-3.252-1.675-5.331L3.4 15.5zm13.55 0H15.1c-.15 2.25-.75 4.25-1.7 5.75 1.872-1.2 3.237-3.183 3.52-5.463l.03-.287zM8.5 7.15c-1.794.582-3.306 3.326-3.578 6.547L4.9 14h3.6V7.15zm-3.4 1.1c-1.872 1.2-3.237 3.183-3.52 5.463L1.55 14H3.4c.15-2.25.75-4.25 1.7-5.75zM24 0v9.5h-9.5l-3 3V0H24zm-9.9 3.2c-.7 0-1.2.45-1.2 1.15 0 .415.17.83.669 1.01l.131.04.4.1c.3.05.45.15.45.4 0 .2-.2.4-.5.4-.267 0-.454-.119-.528-.356L13.5 5.85h-.8c.1.7.55 1.1 1.3 1.1.7 0 1.25-.4 1.2-1.1 0-.458-.294-.833-.767-1.007L14.3 4.8l-.4-.1c-.2-.05-.35-.15-.35-.4s.2-.4.45-.4c.262 0 .41.115.476.311l.024.089h.8c-.05-.65-.45-1.1-1.2-1.1zm7.2 0c-.7 0-1.2.45-1.2 1.15 0 .415.17.83.669 1.01l.131.04.4.1c.3.05.45.15.45.4 0 .2-.2.4-.5.4-.267 0-.454-.119-.528-.356L20.7 5.85h-.75c.1.7.55 1.1 1.3 1.1.7 0 1.25-.4 1.2-1.1 0-.458-.294-.833-.767-1.007L21.55 4.8l-.4-.1c-.2-.05-.35-.15-.35-.4s.2-.4.45-.4c.262 0 .41.115.476.311l.024.089h.75c-.05-.65-.45-1.1-1.2-1.1zm-4.8 0h-.7v3.65h.75V4.8h.05l.9 1.6h.2l.9-1.6h.05v2.1h.8V3.2h-.7l-1.1 2.05h-.05L16.5 3.2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/international-sms/selected.svg b/packages/components/src/telekom/icons/content/international-sms/selected.svg
index 0c36f336b1..202f69d0dc 100644
--- a/packages/components/src/telekom/icons/content/international-sms/selected.svg
+++ b/packages/components/src/telekom/icons/content/international-sms/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M9.551 5.388c.245 0 .49.039.735.039v6.818c0 .417.179.814.49 1.092v.069h.088a1.41 1.41 0 00.891.309 1.47 1.47 0 00.872-.31h.176v-.127l2.116-2.116c.182.737.302 1.487.358 2.244h.798a6.573 6.573 0 00-.93-2.474l.156-.156h2.528A9.076 9.076 0 119.55 5.388zM8.327 15.492H6.284c.1 1.429.53 2.815 1.254 4.05.22.351.485.67.789.951v-5zm4.496 0h-2.047v5.001c.98-.901 1.836-2.728 2.047-5zm-8.998 0h-.798a6.563 6.563 0 001.415 3.15 12.965 12.965 0 01-.617-3.15zm12.25 0h-.798a12.965 12.965 0 01-.617 3.15 6.563 6.563 0 001.415-3.15zM4.442 10.256a6.563 6.563 0 00-1.415 3.15h.798c.075-1.072.282-2.13.617-3.15zm3.885-1.851c-.98.901-1.837 2.728-2.048 5h2.048zM24 0v9.306h-9.306l-2.939 2.939V0H24zm-9.666 3.063l-.13.003a1.102 1.102 0 00-1.122 1.117.98.98 0 00.804 1.024l.416.122c.28.073.431.176.431.411 0 .236-.176.407-.49.407a.49.49 0 01-.529-.421h-.759a1.127 1.127 0 001.25 1.102A1.107 1.107 0 0015.418 5.7a1.078 1.078 0 00-.872-1.053l-.411-.112c-.201-.054-.368-.147-.368-.397a.392.392 0 01.436-.397.44.44 0 01.49.407h.7a1.097 1.097 0 00-1.19-1.083zm6.966.02a1.19 1.19 0 00-1.17 1.1.98.98 0 00.799 1.024l.416.122c.28.073.431.176.431.411 0 .236-.176.407-.49.407a.49.49 0 01-.524-.421h-.724a1.127 1.127 0 001.249 1.102h.014a1.107 1.107 0 001.23-1.127 1.073 1.073 0 00-.892-1.053l-.416-.112c-.201-.054-.367-.147-.367-.397a.392.392 0 01.435-.397.431.431 0 01.49.407h.72a1.19 1.19 0 00-1.2-1.067zm-4.647.061h-.656v3.6h.725V4.712h.034l.877 1.587h.235l.881-1.587h.035v2.032h.705l.005-3.6h-.666L17.76 5.138h-.034l-1.073-1.994z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.551 5.388c.163 0 .327.017.49.029l.245.01v6.818c0 .365.137.714.38.982l.11.11v.069h.088a1.41 1.41 0 00.891.309 1.47 1.47 0 00.743-.22l.129-.09h.176v-.127l2.116-2.116c.146.59.251 1.188.317 1.79l.04.454h.8a6.573 6.573 0 00-.761-2.187l-.17-.287.156-.156h2.528A9.076 9.076 0 119.55 5.388zM8.327 15.492H6.284c.1 1.429.53 2.815 1.254 4.05.175.281.38.542.61.778l.179.173v-5zm4.496 0h-2.047v5.001c.932-.858 1.754-2.556 2.012-4.68l.035-.32zm-8.998 0h-.798a6.563 6.563 0 001.415 3.15 12.965 12.965 0 01-.577-2.692l-.04-.458zm12.25 0h-.798a12.965 12.965 0 01-.617 3.15 6.563 6.563 0 001.358-2.836l.057-.314zM4.442 10.256a6.563 6.563 0 00-1.358 2.836l-.057.314h.798c.075-1.072.282-2.13.617-3.15zm3.885-1.851c-.933.858-1.755 2.556-2.013 4.68l-.035.32h2.048v-5zM24 0v9.306h-9.306l-2.939 2.939V0H24zm-9.666 3.063l-.13.003a1.102 1.102 0 00-1.122 1.117.98.98 0 00.694.997l.11.027.416.122c.28.073.431.176.431.411 0 .236-.176.407-.49.407a.49.49 0 01-.51-.338l-.019-.083h-.759a1.127 1.127 0 001.25 1.102A1.107 1.107 0 0015.418 5.7a1.078 1.078 0 00-.758-1.024l-.114-.029-.411-.112c-.201-.054-.368-.147-.368-.397a.392.392 0 01.436-.397.44.44 0 01.475.319l.015.088h.7a1.097 1.097 0 00-1.06-1.086zm6.966.02a1.19 1.19 0 00-1.17 1.1.98.98 0 00.69.997l.109.027.416.122c.28.073.431.176.431.411 0 .236-.176.407-.49.407a.49.49 0 01-.505-.338l-.019-.083h-.724a1.127 1.127 0 001.114 1.108l.15-.006A1.107 1.107 0 0022.53 5.7a1.073 1.073 0 00-.776-1.026l-.116-.027-.416-.112c-.201-.054-.367-.147-.367-.397a.392.392 0 01.435-.397.431.431 0 01.477.318l.013.089h.72a1.19 1.19 0 00-1.2-1.067zm-4.647.061h-.656v3.6h.725V4.712h.034l.877 1.587h.235l.881-1.587h.035v2.032h.705l.005-3.6h-.666L17.76 5.138h-.034l-1.073-1.994z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/international/default.svg b/packages/components/src/telekom/icons/content/international/default.svg
index 925f8243d9..59cb4e2170 100644
--- a/packages/components/src/telekom/icons/content/international/default.svg
+++ b/packages/components/src/telekom/icons/content/international/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.05 0-11 4.9-11 11s4.9 11 11 11 11-4.9 11-11-4.9-11-11-11zm9.45 10.25h-2.5c-.15-3-1.05-5.7-2.4-7.55 2.75 1.5 4.65 4.3 4.9 7.55zm-10.2-8.65v8.65h-4.75c.25-4.4 2.25-8.05 4.75-8.65zm0 10.15v8.65c-2.5-.6-4.5-4.25-4.75-8.65zm1.5 8.65v-8.65h4.75c-.25 4.4-2.25 8.05-4.75 8.65zm0-10.15v-8.65c2.5.6 4.5 4.25 4.75 8.65zm-5.3-7.55c-1.35 1.85-2.3 4.55-2.4 7.55h-2.5a9.426 9.426 0 0 1 4.9-7.55zm-4.9 9.05h2.5c.15 3 1.05 5.7 2.4 7.55a9.426 9.426 0 0 1 -4.9-7.55zm14.05 7.55c1.35-1.85 2.3-4.55 2.4-7.55h2.5a9.66 9.66 0 0 1 -4.9 7.55z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M12 1C5.95 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm9.45 10.25h-2.5c-.15-3-1.05-5.7-2.4-7.55 2.75 1.5 4.65 4.3 4.9 7.55zM11.25 2.6v8.65H6.5c.25-4.4 2.25-8.05 4.75-8.65zm0 10.15v8.65c-2.5-.6-4.5-4.25-4.75-8.65h4.75zm1.5 8.65v-8.65h4.75c-.25 4.4-2.25 8.05-4.75 8.65zm0-10.15V2.6c2.5.6 4.5 4.25 4.75 8.65h-4.75zM7.45 3.7c-1.35 1.85-2.3 4.55-2.4 7.55h-2.5a9.426 9.426 0 014.9-7.55zm-4.9 9.05h2.5c.15 3 1.05 5.7 2.4 7.55a9.426 9.426 0 01-4.9-7.55zM16.6 20.3c1.35-1.85 2.3-4.55 2.4-7.55h2.5a9.66 9.66 0 01-4.9 7.55z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/international/selected.svg b/packages/components/src/telekom/icons/content/international/selected.svg
index 86b73d2bf8..4d575b5252 100644
--- a/packages/components/src/telekom/icons/content/international/selected.svg
+++ b/packages/components/src/telekom/icons/content/international/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a"><feColorMatrix in="SourceGraphic" values="0 0 0 0 0.149020 0 0 0 0 0.149020 0 0 0 0 0.149020 0 0 0 1.000000 0"/></filter><g fill="none" fill-rule="evenodd" filter="url(#a)"><path d="m0 0h24v24h-24z"/><path d="m12 1c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11a11 11 0 0 0 -11-11zm8.4 9.75h-1.445a15.205 15.205 0 0 0 -1.185-4.97 8.465 8.465 0 0 1 2.63 4.97zm-9.65-6.85v6.85h-3.19a11.67 11.67 0 0 1 1.6-5.185 5.16 5.16 0 0 1 1.59-1.665zm0 9.35v6.85a5.16 5.16 0 0 1 -1.59-1.665 11.67 11.67 0 0 1 -1.6-5.185zm2.5 6.85v-6.85h3.19a11.67 11.67 0 0 1 -1.6 5.185 5.16 5.16 0 0 1 -1.59 1.665zm0-9.35v-6.85a5.16 5.16 0 0 1 1.59 1.665 11.67 11.67 0 0 1 1.6 5.185zm-7-4.97a15.205 15.205 0 0 0 -1.185 4.97h-1.46a8.43 8.43 0 0 1 2.625-4.97zm-2.645 7.47h1.44a15.205 15.205 0 0 0 1.185 4.97 8.43 8.43 0 0 1 -2.625-4.97zm14.165 4.97a15.205 15.205 0 0 0 1.185-4.97h1.445a8.465 8.465 0 0 1 -2.63 4.97z" fill="#000" fill-rule="nonzero"/></g></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm8.4 9.75h-1.445a15.205 15.205 0 00-1.185-4.97 8.465 8.465 0 012.63 4.97zM10.75 3.9v6.85H7.56a11.67 11.67 0 011.6-5.185A5.16 5.16 0 0110.75 3.9zm0 9.35v6.85a5.16 5.16 0 01-1.59-1.665 11.67 11.67 0 01-1.6-5.185h3.19zm2.5 6.85v-6.85h3.19a11.67 11.67 0 01-1.6 5.185 5.16 5.16 0 01-1.59 1.665zm0-9.35V3.9a5.16 5.16 0 011.59 1.665 11.67 11.67 0 011.6 5.185h-3.19zm-7-4.97a15.205 15.205 0 00-1.185 4.97h-1.46A8.43 8.43 0 016.23 5.78h.02zm-2.645 7.47h1.44a15.205 15.205 0 001.185 4.97 8.43 8.43 0 01-2.625-4.97zm14.165 4.97a15.205 15.205 0 001.185-4.97H20.4a8.465 8.465 0 01-2.63 4.97z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/interview/default.svg b/packages/components/src/telekom/icons/content/interview/default.svg
index fb60028924..35d91a69e0 100644
--- a/packages/components/src/telekom/icons/content/interview/default.svg
+++ b/packages/components/src/telekom/icons/content/interview/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.5 1.5a4.002 4.002 0 0 1 2.825 6.83 3.987 3.987 0 0 1 -2.825 1.17h-.105l1.59 1.59-5.73 5.73-1.52-1.52-5.925 5.54a2.569 2.569 0 0 1 -1.765.695c-.42 0-.83-.115-1.21-.315l-2.135 2.135-1.06-1.06 2.135-2.135c-.505-.95-.39-2.15.385-2.975l5.545-5.92-1.52-1.52 5.73-5.735 1.59 1.59a3.97 3.97 0 0 1 1.165-2.93 3.998 3.998 0 0 1 2.83-1.17zm-8.735 10.825-5.505 5.885c-.4.43-.39 1.095.025 1.51a1.074 1.074 0 0 0 1.505.025l5.89-5.505zm3.15-6.19-3.61 3.61 4.95 4.95 3.61-3.61zm.635 2.195 2.12 2.12-1.06 1.06-.53-.53-1.06 1.065-1.065-1.065 1.065-1.06-.535-.53z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 1.5a4.002 4.002 0 012.825 6.83 3.985 3.985 0 01-2.59 1.163L18.5 9.5h-.105l1.59 1.59-5.73 5.73-1.52-1.52-5.925 5.54a2.569 2.569 0 01-1.765.695c-.35 0-.693-.08-1.018-.222l-.192-.093L1.7 23.355l-1.06-1.06 2.135-2.135a2.578 2.578 0 01.255-2.826l.13-.149 5.545-5.92-1.52-1.52 5.73-5.735 1.59 1.59a3.97 3.97 0 011.165-2.93A3.998 3.998 0 0118.5 1.5zM9.765 12.325L4.26 18.21c-.4.43-.39 1.095.025 1.51a1.074 1.074 0 001.4.113l.105-.088 5.89-5.505-1.915-1.915zm3.15-6.19l-3.61 3.61 4.95 4.95 3.61-3.61-4.95-4.95zm.635 2.195l2.12 2.12-1.06 1.06-.53-.53-1.06 1.065-1.065-1.065 1.065-1.06-.535-.53 1.065-1.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/interview/selected.svg b/packages/components/src/telekom/icons/content/interview/selected.svg
index d4e37a1745..c60f3ae8aa 100644
--- a/packages/components/src/telekom/icons/content/interview/selected.svg
+++ b/packages/components/src/telekom/icons/content/interview/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 12 1.08 1.055-4.825 5.155a1.085 1.085 0 1 0 1.535 1.535l5.15-4.805 1.06 1.06-5.185 4.84a2.57 2.57 0 0 1 -1.765.695 2.595 2.595 0 0 1 -1.21-.315l-2.135 2.135-1.06-1.06 2.135-2.11a2.575 2.575 0 0 1 .38-3zm4.915-8 7.085 7.085-5.745 5.73-7.07-7.07zm.635 5.39-1.08 1.08 1.06 1.06 1.08-1.08zm3.968-7.765a4 4 0 0 1 3.807 1.05 4 4 0 0 1 -1.66 6.68l-5-5a4 4 0 0 1 2.853-2.73z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 12l1.08 1.055-4.825 5.155a1.085 1.085 0 001.44 1.62l.095-.085 5.15-4.805L12 16l-5.185 4.84a2.57 2.57 0 01-1.765.695c-.352-.004-.7-.08-1.02-.222l-.19-.093-2.135 2.135-1.06-1.06 2.135-2.11a2.575 2.575 0 01.252-2.853l.128-.147L8 12zm4.915-8L20 11.085l-5.745 5.73-7.07-7.07L12.915 4zm.635 5.39l-1.08 1.08 1.06 1.06 1.08-1.08-1.06-1.06zm3.968-7.765a4 4 0 013.807 1.05 4 4 0 01-1.449 6.61l-.211.07-5-5a4 4 0 012.853-2.73z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/key/default.svg b/packages/components/src/telekom/icons/content/key/default.svg
index 848a449f6b..bcde9529e2 100644
--- a/packages/components/src/telekom/icons/content/key/default.svg
+++ b/packages/components/src/telekom/icons/content/key/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.4 1.25 2.5 2.45c1.15 1.15 1.15 3.05 0 4.25l-.55.55h-1.8v2h-2v1.8l-1.15 1.15c.75 2.5.1 5.2-1.75 7.05a7.006 7.006 0 0 1 -4.95 2.05c-2.3 0-4.65-1.2-6.05-3.5-.35-.55-.6-1.15-.75-1.8-.6-2.5.1-4.95 1.8-6.65 1.85-1.85 4.6-2.5 7.05-1.75zm0 2.1-7.25 7.3-.45-.2c-.65-.3-1.3-.4-2-.4-1.45 0-2.85.55-3.9 1.6s-1.6 2.4-1.6 3.9.55 2.85 1.6 3.9c2.35 2.35 6.3 2.1 8.35-.7 1.1-1.5 1.3-3.55.6-5.3l-.15-.35 1.4-1.4v-2.7h2v-2h2.65l.15-.15c.6-.6.6-1.5 0-2.1zm-11.3 12.75c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.4 1.25l2.5 2.45c1.104 1.104 1.148 2.9.132 4.103l-.132.147-.55.55h-1.8v2h-2v1.8l-1.15 1.15c.75 2.5.1 5.2-1.75 7.05a7.006 7.006 0 01-4.95 2.05c-2.3 0-4.65-1.2-6.05-3.5-.35-.55-.6-1.15-.75-1.8-.6-2.5.1-4.95 1.8-6.65 1.784-1.784 4.405-2.452 6.786-1.825l.264.075 7.65-7.6zm0 2.1l-7.25 7.3-.45-.2c-.65-.3-1.3-.4-2-.4-1.45 0-2.85.55-3.9 1.6-1.05 1.05-1.6 2.4-1.6 3.9s.55 2.85 1.6 3.9c2.35 2.35 6.3 2.1 8.35-.7 1.05-1.432 1.28-3.365.69-5.06l-.09-.24-.15-.35 1.4-1.4V9h2V7h2.65l.15-.15c.563-.563.598-1.389.105-1.984L19.8 4.75l-1.4-1.4zM7.1 16.1c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/key/selected.svg b/packages/components/src/telekom/icons/content/key/selected.svg
index 72c658fd48..438fed93cd 100644
--- a/packages/components/src/telekom/icons/content/key/selected.svg
+++ b/packages/components/src/telekom/icons/content/key/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.185 2.025 1.945 1.945a2.25 2.25 0 0 1 0 3.18l-.35.35h-2.125v2.13h-2.12v2.115l-1.255 1.255a6.25 6.25 0 1 1 -3.535-3.53zm-12.019 14.146a1 1 0 1 0 1.415 1.413 1 1 0 0 0 -1.415-1.413z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.4 1.25l2.5 2.45c1.104 1.104 1.148 2.9.132 4.103l-.132.147-.55.55h-1.8v2h-2v1.8l-1.15 1.15c.75 2.5.1 5.2-1.75 7.05a7.006 7.006 0 01-4.95 2.05c-2.3 0-4.65-1.2-6.05-3.5-.35-.55-.6-1.15-.75-1.8-.6-2.5.1-4.95 1.8-6.65 1.784-1.784 4.405-2.452 6.786-1.825l.264.075 7.65-7.6zM7.1 16.1c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/language/default.svg b/packages/components/src/telekom/icons/content/language/default.svg
new file mode 100644
index 0000000000..004ea6b668
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/language/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 1.5v15a3 3 0 01-2.824 2.995l-.176.005h-7l-3.513 3.512a1.715 1.715 0 01-1.225.517c-.854 0-1.676-.63-1.756-1.598L6 21.775V19.5H4.5a3 3 0 01-2.995-2.824L1.5 16.5v-15h21zM21 3H3v13.5c0 .778.596 1.42 1.356 1.493L4.5 18h3v3.775c0 .184.205.32.373.22l.053-.043L11.88 18H19.5c.778 0 1.42-.596 1.493-1.356L21 16.5V3zm-6.903 8c-.12 3.024-1.3 5-2.097 5-.77 0-1.901-1.85-2.082-4.71L9.903 11h4.194zm3.378 0a5.497 5.497 0 01-3.587 4.66c.638-1.025 1.081-2.556 1.191-4.307l.018-.353h2.378zm-8.572 0c.07 1.898.528 3.568 1.209 4.66a5.501 5.501 0 01-3.56-4.422L6.525 11h2.378zM12 5c.77 0 1.901 1.85 2.082 4.71l.015.29H9.903c.12-3.025 1.3-5 2.097-5zm1.888.34a5.5 5.5 0 013.56 4.422l.027.238h-2.379c-.069-1.898-.527-3.568-1.208-4.66zm-3.776 0c-.638 1.025-1.081 2.556-1.191 4.307L8.903 10H6.525a5.497 5.497 0 013.587-4.66z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/language/selected.svg b/packages/components/src/telekom/icons/content/language/selected.svg
new file mode 100644
index 0000000000..56b92520ef
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/language/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1.5v15a3 3 0 003 3H6v2.275A1.755 1.755 0 009 23l3.5-3.5h7a3 3 0 003-3v-15h-21zM12 5c.795 0 2 2 2.095 5h-4.19c.12-3 1.3-5 2.095-5zm-1.89.34A9.81 9.81 0 008.905 10h-2.38a5.5 5.5 0 013.585-4.66zM6.525 11h2.38a9.81 9.81 0 001.205 4.66A5.5 5.5 0 016.525 11zM12 16c-.795 0-1.975-1.975-2.095-5h4.19c-.095 3.025-1.3 5-2.095 5zm1.89-.34A9.81 9.81 0 0015.095 11H17.5a5.5 5.5 0 01-3.61 4.66zM15.095 10a9.81 9.81 0 00-1.205-4.66A5.5 5.5 0 0117.5 10h-2.405z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/lock/default.svg b/packages/components/src/telekom/icons/content/lock/default.svg
index e6a24a44c6..b91d5a7b74 100644
--- a/packages/components/src/telekom/icons/content/lock/default.svg
+++ b/packages/components/src/telekom/icons/content/lock/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c3.6 0 6.5 2.9 6.5 6.5v2h2.5v9.5c0 1.65-1.35 3-3 3h-12c-1.65 0-3-1.35-3-3v-9.5h2.5v-2c0-3.6 2.9-6.5 6.5-6.5zm7.5 10h-15v8c0 .85.65 1.5 1.5 1.5h12c.85 0 1.5-.65 1.5-1.5zm-7.5 2.5c.85 0 1.5.65 1.5 1.5 0 .45-.2.85-.5 1.1v1.9h-2v-1.9c-.3-.25-.5-.65-.5-1.1 0-.85.65-1.5 1.5-1.5zm0-11c-2.75 0-5 2.25-5 5v2h10v-2c0-2.75-2.25-5-5-5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1a6.486 6.486 0 016.496 6.266l.004.234v2H21V19a3.01 3.01 0 01-2.824 2.995L18 22H6a3.01 3.01 0 01-2.995-2.824L3 19V9.5h2.5v-2C5.5 3.9 8.4 1 12 1zm7.5 10h-15v8c0 .8.576 1.423 1.352 1.493L6 20.5h12c.8 0 1.423-.576 1.493-1.352L19.5 19v-8zM12 13.5c.85 0 1.5.65 1.5 1.5 0 .4-.158.76-.404 1.011L13 16.1V18h-2v-1.9c-.3-.25-.5-.65-.5-1.1 0-.85.65-1.5 1.5-1.5zm0-11c-2.678 0-4.881 2.133-4.995 4.784L7 7.5v2h10v-2c0-2.75-2.25-5-5-5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/lock/selected.svg b/packages/components/src/telekom/icons/content/lock/selected.svg
index c1df7428b5..622dde95de 100644
--- a/packages/components/src/telekom/icons/content/lock/selected.svg
+++ b/packages/components/src/telekom/icons/content/lock/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.5 9.5v-2a6.5 6.5 0 10-13 0v2H3V19a3 3 0 003 3h12a3 3 0 003-3V9.5h-2.5zM13 16.11V18h-2v-1.89a1.5 1.5 0 112 0zm4-6.61H7v-2a5 5 0 0110 0v2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 9.5v-2a6.5 6.5 0 10-13 0v2H3V19a3 3 0 003 3h12a3 3 0 003-3V9.5h-2.5zM13 16.11V18h-2v-1.89a1.5 1.5 0 112 0zm4-6.61H7v-2a5 5 0 0110 0v2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/loyalty/default.svg b/packages/components/src/telekom/icons/content/loyalty/default.svg
new file mode 100644
index 0000000000..f77850cc0d
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/loyalty/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.66 12c0-1.187-1.476-2.126-1.823-3.197-.361-1.109.268-2.734-.404-3.658-.678-.932-2.422-.832-3.355-1.511-.924-.673-1.364-2.366-2.474-2.726a1.455 1.455 0 00-.453-.069c-.982 0-2.127.82-3.152.82-1.024 0-2.168-.82-3.15-.82-.156 0-.307.021-.454.069-1.109.36-1.55 2.053-2.473 2.725-.933.68-2.677.58-3.356 1.513-.672.923-.043 2.548-.403 3.657C1.816 9.874.34 10.813.34 12c0 1.187 1.475 2.126 1.823 3.197.361 1.109-.268 2.733.404 3.658.678.933 2.422.832 3.356 1.511.923.672 1.364 2.366 2.473 2.727.146.047.297.067.453.067.982 0 2.127-.82 3.152-.82 1.024 0 2.168.82 3.151.82.155 0 .307-.02.453-.067 1.11-.361 1.55-2.054 2.473-2.727.934-.678 2.678-.578 3.357-1.511.672-.924.043-2.549.402-3.659.348-1.07 1.823-2.009 1.823-3.196zm-2.134.93c-.413.508-.882 1.083-1.116 1.803-.241.743-.203 1.5-.169 2.168.017.337.045.893-.023 1.071-.148.123-.694.269-1.023.357-.643.173-1.373.369-2 .825-.62.451-1.027 1.081-1.386 1.637-.193.299-.517.799-.657.87-.21 0-.652-.17-1.008-.306-.633-.241-1.35-.515-2.144-.515s-1.511.274-2.143.515c-.348.133-.778.297-1.005.305-.166-.105-.474-.582-.66-.87-.36-.555-.766-1.185-1.387-1.636-.627-.456-1.356-.652-2-.825-.33-.088-.875-.235-1.022-.358-.069-.178-.041-.733-.024-1.07.034-.668.072-1.425-.169-2.168-.234-.72-.702-1.296-1.116-1.804-.23-.283-.615-.755-.635-.925.02-.179.405-.652.635-.934.413-.508.882-1.084 1.116-1.804.241-.742.203-1.5.169-2.168-.017-.336-.045-.892.024-1.07.147-.123.693-.27 1.022-.358.644-.173 1.373-.368 2-.824.62-.452 1.027-1.082 1.386-1.637.188-.289.496-.767.661-.87.211.002.651.17 1.005.305.632.242 1.349.516 2.143.516.794 0 1.511-.274 2.143-.515.348-.132.778-.297 1.005-.304.166.105.474.581.66.87.36.555.767 1.185 1.387 1.636.627.456 1.357.652 2 .824.33.089.875.235 1.023.358.068.178.04.734.023 1.07-.034.668-.072 1.426.169 2.168.234.721.703 1.296 1.116 1.805.23.282.614.755.634.925-.02.178-.404.65-.634.933zm-7.961-4.492c-.941.389-1.207 1.08-1.565 1.788-.376-.743-.652-1.456-1.659-1.824a2.461 2.461 0 00-2.896.928 2.466 2.466 0 00.165 2.99l3.741 4.375a.854.854 0 001.298 0l3.741-4.376c.723-.845.79-2.07.165-2.99a2.464 2.464 0 00-2.99-.89z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/loyalty/selected.svg b/packages/components/src/telekom/icons/content/loyalty/selected.svg
new file mode 100644
index 0000000000..8b81c319d9
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/loyalty/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.153.84c.156 0 .307.02.454.068.554.18.942.693 1.306 1.246l.271.416c.271.416.55.811.896 1.064.35.254.814.4 1.293.53l.48.13c.638.177 1.243.385 1.583.852.336.462.347 1.099.318 1.759l-.024.497c-.022.497-.026.985.109 1.401.13.402.42.785.73 1.17l.312.385c.413.517.782 1.049.782 1.642 0 .594-.37 1.125-.782 1.642l-.312.386c-.31.384-.599.767-.729 1.168-.135.417-.13.905-.109 1.402l.024.497c.029.66.018 1.298-.318 1.76-.34.466-.945.674-1.583.85l-.48.13c-.48.132-.943.277-1.293.531-.289.21-.53.52-.76.858l-.407.622c-.364.553-.752 1.066-1.307 1.247a1.457 1.457 0 01-.452.067c-.394 0-.813-.13-1.24-.288l-.643-.243c-.43-.157-.859-.289-1.269-.289-.41 0-.839.132-1.27.29l-.643.242c-.427.157-.845.288-1.239.288-.155 0-.307-.02-.453-.067-.554-.18-.942-.694-1.306-1.247l-.408-.622c-.229-.338-.47-.648-.759-.858-.35-.254-.814-.4-1.293-.53l-.48-.13c-.638-.177-1.244-.385-1.583-.851-.336-.463-.347-1.1-.318-1.76l.024-.497c.022-.497.026-.985-.109-1.401-.13-.402-.42-.785-.73-1.17l-.312-.385C.71 13.125.342 12.593.342 12s.37-1.125.782-1.642l.465-.578c.25-.32.468-.642.577-.976.135-.417.13-.905.108-1.402l-.024-.497c-.028-.66-.018-1.298.318-1.76.34-.466.946-.674 1.583-.85l.48-.13c.48-.132.944-.277 1.293-.531.347-.253.625-.648.896-1.064l.271-.416c.365-.553.752-1.066 1.307-1.246.146-.048.297-.069.453-.069.393 0 .812.132 1.238.29l.644.242c.43.157.859.288 1.269.288.41 0 .839-.13 1.27-.288l.643-.243c.427-.157.846-.288 1.239-.288zm-4.81 7.562a2.461 2.461 0 00-2.896.928 2.467 2.467 0 00.045 2.836l.12.153 3.742 4.376a.854.854 0 001.214.084l.084-.084 3.74-4.376c.724-.845.791-2.07.166-2.99a2.464 2.464 0 00-2.991-.89c-.672.277-1 .709-1.262 1.191l-.152.295-.15.301-.22-.44c-.296-.574-.634-1.09-1.44-1.384z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/media-folder/default.svg b/packages/components/src/telekom/icons/content/media-folder/default.svg
index 4d719a44a0..119109385b 100644
--- a/packages/components/src/telekom/icons/content/media-folder/default.svg
+++ b/packages/components/src/telekom/icons/content/media-folder/default.svg
@@ -1 +1 @@
-<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.5c1.05 0 2 .45 2.7 1.2l.45.45c.25.2.55.35.85.35H23V19c0 1.65-1.35 3-3 3H4c-1.65 0-3-1.35-3-3V2.5Zm0 1.5h-5v15c0 .85.65 1.5 1.5 1.5h16c.85 0 1.5-.65 1.5-1.5V6h-10c-.7 0-1.4-.3-1.9-.85l-.45-.45C8.7 4.25 8.1 4 7.5 4Zm2 5.4 5.75 3.75L9.5 16.9V9.4Z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.5a3.65 3.65 0 012.546 1.044l.154.156.45.45c.214.171.465.306.722.341l.128.009H23V19a3.01 3.01 0 01-2.824 2.995L20 22H4a3.01 3.01 0 01-2.995-2.824L1 19V2.5h6.5zm0 1.5h-5v15c0 .8.576 1.423 1.352 1.493L4 20.5h16c.8 0 1.423-.576 1.493-1.352L21.5 19V6h-10a2.578 2.578 0 01-1.759-.706L9.15 4.7a2.37 2.37 0 00-1.47-.693L7.5 4zm2 5.4l5.75 3.75L9.5 16.9V9.4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/media-folder/selected.svg b/packages/components/src/telekom/icons/content/media-folder/selected.svg
index c268058fb1..339ae9bdb1 100644
--- a/packages/components/src/telekom/icons/content/media-folder/selected.svg
+++ b/packages/components/src/telekom/icons/content/media-folder/selected.svg
@@ -1 +1 @@
-<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.5a3.755 3.755 0 0 1 2.74 1.18l.43.46c.216.228.516.358.83.36H23V19a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V2.5h6.5Zm2 6.89v7.5l5.73-3.75L9.5 9.39Z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.5a3.755 3.755 0 012.74 1.18l.43.46c.216.228.516.358.83.36H23V19a3 3 0 01-3 3H4a3 3 0 01-3-3V2.5h6.5zm2 6.89v7.5l5.73-3.75L9.5 9.39z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/money-at/default.svg b/packages/components/src/telekom/icons/content/money-at/default.svg
index 3fa86ef10b..76c60b31a8 100644
--- a/packages/components/src/telekom/icons/content/money-at/default.svg
+++ b/packages/components/src/telekom/icons/content/money-at/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.35 10.18c0 3.205-1.725 6.83-4.975 6.83-1.46 0-2.3-.62-2.52-1.725h-.155c-.595 1.04-1.55 1.725-2.785 1.725-1.97 0-3.23-1.525-3.23-3.78 0-2.895 1.525-5.725 4.18-5.725 1.325 0 2.21.71 2.585 1.77h.11l.2-1.48h1.635l-.86 6.06c-.155.995.135 1.7 1.085 1.7 2.055 0 3.14-2.895 3.14-5.375 0-3.76-2.275-5.99-6.235-5.99-5.195 0-8.845 4.265-8.845 9.505 0 4.09 2.785 6.61 6.215 6.61 1.725 0 3.14-.465 4.355-1.13l.53 1.35a10.047 10.047 0 0 1 -4.91 1.285c-4.245 0-7.825-3.075-7.825-8.115 0-6.08 4.375-11.01 10.5-11.01 4.82 0 7.805 2.92 7.805 7.495zm-7.255 1.33c0-1.44-.64-2.39-1.88-2.39-1.77 0-2.765 1.835-2.765 3.96 0 1.37.62 2.32 1.9 2.32 1.73 0 2.745-1.88 2.745-3.89z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.35 10.18c0 3.205-1.725 6.83-4.975 6.83-1.46 0-2.3-.62-2.52-1.725H13.7c-.595 1.04-1.55 1.725-2.785 1.725-1.97 0-3.23-1.525-3.23-3.78 0-2.895 1.525-5.725 4.18-5.725 1.325 0 2.21.71 2.585 1.77h.11l.2-1.48h1.635l-.86 6.06c-.155.995.135 1.7 1.085 1.7 2.055 0 3.14-2.895 3.14-5.375 0-3.76-2.275-5.99-6.235-5.99-5.195 0-8.845 4.265-8.845 9.505 0 4.09 2.785 6.61 6.215 6.61 1.725 0 3.14-.465 4.355-1.13l.53 1.35a10.047 10.047 0 01-4.91 1.285c-4.245 0-7.825-3.075-7.825-8.115 0-6.08 4.375-11.01 10.5-11.01 4.82 0 7.805 2.92 7.805 7.495zm-7.255 1.33c0-1.44-.64-2.39-1.88-2.39-1.77 0-2.765 1.835-2.765 3.96 0 1.37.62 2.32 1.9 2.32 1.73 0 2.745-1.88 2.745-3.89z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/money-at/selected.svg b/packages/components/src/telekom/icons/content/money-at/selected.svg
index d37a8879ea..c302965fb4 100644
--- a/packages/components/src/telekom/icons/content/money-at/selected.svg
+++ b/packages/components/src/telekom/icons/content/money-at/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13.545 2.435C7.415 2.435 2.79 7.28 2.79 13.7c0 4.845 3.4 8.36 8.08 8.36a10.26 10.26 0 005.03-1.315l.19-.105-.715-1.815-.25.135a8.605 8.605 0 01-4.235 1.1c-3.5 0-5.96-2.615-5.96-6.36 0-5.28 3.695-9.26 8.57-9.26 3.805 0 6 2.095 6 5.74 0 2.5-1.08 5.125-2.885 5.125a.84.84 0 01-.665-.245 1.5 1.5 0 01-.175-1.17l.905-6.345h-2.14L14.4 8.59a2.845 2.845 0 00-2.535-1.335c-2.875 0-4.43 3.08-4.43 6 0 2.41 1.4 4.03 3.5 4.03a3.32 3.32 0 002.8-1.535c.28.77 1 1.535 2.66 1.535 2.53 0 5.225-2.5 5.225-7.085-.02-4.7-3.18-7.765-8.075-7.765zm.3 9.065c0 1.765-.87 3.64-2.5 3.64-1.435 0-1.65-1.3-1.65-2.07 0-1.785.785-3.71 2.5-3.71 1.495.01 1.65 1.505 1.65 2.14z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.545 2.435C7.415 2.435 2.79 7.28 2.79 13.7c0 4.845 3.4 8.36 8.08 8.36a10.26 10.26 0 005.03-1.315l.19-.105-.715-1.815-.25.135a8.605 8.605 0 01-4.235 1.1c-3.5 0-5.96-2.615-5.96-6.36 0-5.28 3.695-9.26 8.57-9.26 3.805 0 6 2.095 6 5.74 0 2.5-1.08 5.125-2.885 5.125a.84.84 0 01-.665-.245 1.5 1.5 0 01-.175-1.17l.905-6.345h-2.14L14.4 8.59a2.845 2.845 0 00-2.535-1.335c-2.875 0-4.43 3.08-4.43 6 0 2.41 1.4 4.03 3.5 4.03a3.32 3.32 0 002.8-1.535c.28.77 1 1.535 2.66 1.535 2.53 0 5.225-2.5 5.225-7.085-.02-4.7-3.18-7.765-8.075-7.765zm.3 9.065c0 1.765-.87 3.64-2.5 3.64-1.435 0-1.65-1.3-1.65-2.07 0-1.785.785-3.71 2.5-3.71 1.495.01 1.65 1.505 1.65 2.14z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/music/default.svg b/packages/components/src/telekom/icons/content/music/default.svg
index 524a0e59aa..21856e40be 100644
--- a/packages/components/src/telekom/icons/content/music/default.svg
+++ b/packages/components/src/telekom/icons/content/music/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.5 4.89v12.06a4.205 4.205 0 0 0 -1.885-.695c-1.89-.215-3.44.885-3.465 2.46-.02 1.575 1.495 3.03 3.385 3.245 1.895.215 3.465-.885 3.465-2.46v-11.39l10.5-2.19v8.53a4.205 4.205 0 0 0 -1.885-.695c-1.89-.215-3.44.885-3.465 2.46-.02 1.575 1.495 3.03 3.385 3.245 1.895.215 3.465-.885 3.465-2.46v-14.92z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 4.89v12.06a4.205 4.205 0 00-1.885-.695c-1.89-.215-3.44.885-3.465 2.46-.02 1.575 1.495 3.03 3.385 3.245C7.43 22.175 9 21.075 9 19.5V8.11l10.5-2.19v8.53a4.205 4.205 0 00-1.885-.695c-1.89-.215-3.44.885-3.465 2.46-.02 1.575 1.495 3.03 3.385 3.245C19.43 19.675 21 18.575 21 17V2.08L7.5 4.89z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/music/selected.svg b/packages/components/src/telekom/icons/content/music/selected.svg
index a42ee00d63..79a2588add 100644
--- a/packages/components/src/telekom/icons/content/music/selected.svg
+++ b/packages/components/src/telekom/icons/content/music/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.5 4.89v12.06a4.205 4.205 0 0 0 -1.885-.695c-1.89-.22-3.44.88-3.465 2.455s1.5 3.03 3.385 3.25 3.465-.885 3.465-2.46v-11.39l10.5-2.19v8.53a4.205 4.205 0 0 0 -1.885-.695c-1.89-.22-3.44.88-3.465 2.455s1.5 3.03 3.385 3.25 3.465-.885 3.465-2.46v-14.92z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 4.89v12.06a4.205 4.205 0 00-1.885-.695c-1.89-.22-3.44.88-3.465 2.455-.025 1.575 1.5 3.03 3.385 3.25C7.42 22.18 9 21.075 9 19.5V8.11l10.5-2.19v8.53a4.205 4.205 0 00-1.885-.695c-1.89-.22-3.44.88-3.465 2.455-.025 1.575 1.5 3.03 3.385 3.25C19.42 19.68 21 18.575 21 17V2.08L7.5 4.89z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/news/default.svg b/packages/components/src/telekom/icons/content/news/default.svg
index cde2bb5766..ce9090e5be 100644
--- a/packages/components/src/telekom/icons/content/news/default.svg
+++ b/packages/components/src/telekom/icons/content/news/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.5 3v15.5c0 1.65-1.35 3-3 3h-15c-1.65 0-3-1.35-3-3v-15.5zm-1.5 1.5h-18v14c0 .85.65 1.5 1.5 1.5h15c.85 0 1.5-.65 1.5-1.5zm-3.25 11.5c.4 0 .75.35.75.75s-.35.75-.75.75h-4c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm-6.75-5v6.5h-5.5v-6.5zm6.75 2.5c.4 0 .75.35.75.75s-.35.75-.75.75h-4c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm0-2.5c.4 0 .75.35.75.75s-.35.75-.75.75h-4c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm.75-4v2h-13v-2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 3v15.5a3.01 3.01 0 01-2.824 2.995l-.176.005h-15a3.01 3.01 0 01-2.995-2.824L1.5 18.5V3h21zM21 4.5H3v14c0 .8.576 1.423 1.352 1.493L4.5 20h15c.8 0 1.423-.576 1.493-1.352L21 18.5v-14zM17.75 16c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007h-4c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L13.75 16h4zM11 11v6.5H5.5V11H11zm6.75 2.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743L17.75 15h-4c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h4zm0-2.5c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007h-4c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L13.75 11h4zm.75-4v2h-13V7h13z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/news/selected.svg b/packages/components/src/telekom/icons/content/news/selected.svg
index 0fa873edcf..25e09c10ee 100644
--- a/packages/components/src/telekom/icons/content/news/selected.svg
+++ b/packages/components/src/telekom/icons/content/news/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.5 3v15.5a3 3 0 01-3 3h-15a3 3 0 01-3-3V3h21zm-4.75 13h-4a.75.75 0 000 1.5h4a.75.75 0 100-1.5zM11 11H5.5v6.5H11V11zm6.75 2.5h-4a.75.75 0 100 1.5h4a.75.75 0 100-1.5zm0-2.5h-4a.75.75 0 000 1.5h4a.75.75 0 100-1.5zm.75-4h-13v2h13V7z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 3v15.5a3 3 0 01-3 3h-15a3 3 0 01-3-3V3h21zm-4.75 13h-4a.75.75 0 000 1.5h4a.75.75 0 100-1.5zM11 11H5.5v6.5H11V11zm6.75 2.5h-4a.75.75 0 100 1.5h4a.75.75 0 100-1.5zm0-2.5h-4a.75.75 0 000 1.5h4a.75.75 0 100-1.5zm.75-4h-13v2h13V7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/out-of-stock/default.svg b/packages/components/src/telekom/icons/content/out-of-stock/default.svg
new file mode 100644
index 0000000000..f441c9bb2a
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/out-of-stock/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 20a2 2 0 110 4 2 2 0 010-4zm14.25-8.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm-1.47 3.72a.75.75 0 00-1.133.977l.072.084 1.47 1.47-1.47 1.469a.75.75 0 00.969 1.14l.093-.08 1.469-1.47 1.47 1.47a.748.748 0 001.06 0 .75.75 0 00.073-.976l-.073-.084-1.47-1.47 1.47-1.469a.75.75 0 00-.977-1.133l-.084.072-1.47 1.47-1.469-1.47zM2.75 17.5h7.262l-.012.25c0 .32.024.634.065.943l.045.307H2.75a.75.75 0 01-.102-1.493l.102-.007zM22.954.06a.75.75 0 01.682 1.333l-.09.046-2.271.973a1.5 1.5 0 00-.882 1.092l-.021.147-.621 6.62a7.679 7.679 0 00-1.104-.21l-.38-.035L18.833 4H2.573l.741 7.77c.066.691.586 1.236 1.26 1.34l.136.015 6.534.421c-.235.364-.439.75-.611 1.152l-.123.304-5.896-.38a2.986 2.986 0 01-2.77-2.527l-.023-.183L.925 2.5h18.24a2.998 2.998 0 011.32-1.372l.198-.094L22.954.06z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/out-of-stock/selected.svg b/packages/components/src/telekom/icons/content/out-of-stock/selected.svg
new file mode 100644
index 0000000000..aeb829b1dd
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/out-of-stock/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 20a2 2 0 110 4 2 2 0 010-4zM23.94.456a.75.75 0 01-.304.939l-.09.046-2.271.973a1.5 1.5 0 00-.882 1.092l-.021.147-.62 6.61a7.753 7.753 0 00-9.251 4.741l-5.886-.38a2.986 2.986 0 01-2.77-2.527l-.023-.183-.897-9.412h18.24a2.998 2.998 0 011.32-1.372l.198-.094L22.954.06a.75.75 0 01.985.394zm-6.19 11.046a6.25 6.25 0 110 12.499 6.25 6.25 0 010-12.5zm-1.544 3.65a.75.75 0 00-.986 1.129l1.47 1.47-1.47 1.47-.077.09a.745.745 0 00.077.97.75.75 0 001.06 0l1.47-1.47 1.47 1.47.084.073a.75.75 0 00.976-1.133l-1.47-1.47 1.47-1.47.077-.09a.745.745 0 00-.077-.97.745.745 0 00-1.06 0l-1.47 1.47-1.47-1.47zM2.75 17.5h7.262l-.007.286.002.226c0 .04.003.083.005.128l.023.295c.01.108.025.227.043.358l.032.207H2.75a.75.75 0 01-.102-1.494l.102-.006z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/person-walking/default.svg b/packages/components/src/telekom/icons/content/person-walking/default.svg
new file mode 100644
index 0000000000..515eff660b
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/person-walking/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.512 5.71c1.372-.454 5.098-.372 5.847 1.452.11.27.217.547.32.823l.354.953.21.535c.165.398.328.734.463.872.042.043.1.098.172.16l.247.213.632.514.667.523.291.223a.926.926 0 01-1.119 1.473l-.835-.647-.47-.377-.308-.253-.279-.238a5.982 5.982 0 01-.32-.297c-.396-.404-.693-1.043-.989-1.804l-.198-.524-.271-.726-.176-.453-.46 5.588 2.666 2.76c.254.264.457.564.605.896l1.989 4.99a.921.921 0 01-1.613.863l-.058-.095-2.553-4.878-4.277-3.524a3.123 3.123 0 01-1.136-2.492l.012-.206.383-4.116c-.655.51-1.226 1.256-1.412 1.599-.016.029-.033.071-.053.125l-.064.192-.073.25-.124.461-.133.535-.134.575-.18.826a.926.926 0 01-1.812-.376l.175-.811.114-.496.126-.516.133-.505c.135-.49.275-.917.4-1.145l.117-.199c.047-.075.103-.16.166-.25l.212-.292c.585-.768 1.573-1.793 2.746-2.181zm-.624 9.988l.101.098.104.095 2.173 1.79-.162.608a3.114 3.114 0 01-.45.974l-.13.173-3.21 3.801a.924.924 0 01-1.534-1.005l.06-.105 2.847-4.252.201-2.177zM12.25 0a2.125 2.125 0 110 4.25 2.125 2.125 0 010-4.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/person-walking/selected.svg b/packages/components/src/telekom/icons/content/person-walking/selected.svg
new file mode 100644
index 0000000000..515eff660b
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/person-walking/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.512 5.71c1.372-.454 5.098-.372 5.847 1.452.11.27.217.547.32.823l.354.953.21.535c.165.398.328.734.463.872.042.043.1.098.172.16l.247.213.632.514.667.523.291.223a.926.926 0 01-1.119 1.473l-.835-.647-.47-.377-.308-.253-.279-.238a5.982 5.982 0 01-.32-.297c-.396-.404-.693-1.043-.989-1.804l-.198-.524-.271-.726-.176-.453-.46 5.588 2.666 2.76c.254.264.457.564.605.896l1.989 4.99a.921.921 0 01-1.613.863l-.058-.095-2.553-4.878-4.277-3.524a3.123 3.123 0 01-1.136-2.492l.012-.206.383-4.116c-.655.51-1.226 1.256-1.412 1.599-.016.029-.033.071-.053.125l-.064.192-.073.25-.124.461-.133.535-.134.575-.18.826a.926.926 0 01-1.812-.376l.175-.811.114-.496.126-.516.133-.505c.135-.49.275-.917.4-1.145l.117-.199c.047-.075.103-.16.166-.25l.212-.292c.585-.768 1.573-1.793 2.746-2.181zm-.624 9.988l.101.098.104.095 2.173 1.79-.162.608a3.114 3.114 0 01-.45.974l-.13.173-3.21 3.801a.924.924 0 01-1.534-1.005l.06-.105 2.847-4.252.201-2.177zM12.25 0a2.125 2.125 0 110 4.25 2.125 2.125 0 010-4.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/prepaid-activate/default.svg b/packages/components/src/telekom/icons/content/prepaid-activate/default.svg
index 93ea44e6a7..27f984d6cd 100644
--- a/packages/components/src/telekom/icons/content/prepaid-activate/default.svg
+++ b/packages/components/src/telekom/icons/content/prepaid-activate/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.75 11.5c3.45 0 6.25 2.8 6.25 6.25S21.2 24 17.75 24s-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zM19 0v10.1c-.4-.05-.8-.1-1.25-.1h-.25V1.5H8.1L2.5 7.1V19c0 .85.65 1.5 1.5 1.5h6.5c.2.55.45 1.05.75 1.5H4c-1.65 0-3-1.35-3-3V6.5L7.5 0H19zm1.85 15.55c-.3-.3-.75-.3-1.05 0l-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0-.3.3-.3.75 0 1.05L17 20.5l3.9-3.9c.3-.3.25-.75-.05-1.05zM12.5 8c1.4 0 2.5 1.1 2.5 2.5l-.324.126a6.842 6.842 0 00-1.176.624v-.75c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1v5c0 .55.45 1 1 1h2.6c-.05.4-.1.8-.1 1.25V18H7.5C6.1 18 5 16.9 5 15.5v-5C5 9.1 6.1 8 7.5 8z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5c3.45 0 6.25 2.8 6.25 6.25S21.2 24 17.75 24s-6.25-2.8-6.25-6.25 2.8-6.25 6.25-6.25zM19 0v10.1c-.3-.037-.6-.075-.921-.091L17.75 10h-.25V1.5H8.1L2.5 7.1V19c0 .8.576 1.423 1.352 1.493L4 20.5h6.5c.16.44.352.848.576 1.224l.174.276H4a3.01 3.01 0 01-2.995-2.824L1 19V6.5L7.5 0H19zm1.85 15.55a.722.722 0 00-.965-.074l-.085.074-2.8 2.8-1.4-1.4c-.3-.3-.75-.3-1.05 0a.722.722 0 00-.074.965l.074.085L17 20.5l3.9-3.9c.3-.3.25-.75-.05-1.05zM12.5 8a2.473 2.473 0 012.495 2.333L15 10.5l-.324.126a6.996 6.996 0 00-.9.45l-.276.174v-.75c0-.51-.388-.935-.884-.993L12.5 9.5h-5c-.51 0-.935.388-.993.884L6.5 10.5v5c0 .51.388.935.884.993l.116.007h2.6c-.037.3-.075.6-.091.921L10 17.75V18H7.5a2.473 2.473 0 01-2.495-2.333L5 15.5v-5a2.473 2.473 0 012.333-2.495L7.5 8h5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/prepaid-activate/selected.svg b/packages/components/src/telekom/icons/content/prepaid-activate/selected.svg
index e0990246aa..4d12f6f4d9 100644
--- a/packages/components/src/telekom/icons/content/prepaid-activate/selected.svg
+++ b/packages/components/src/telekom/icons/content/prepaid-activate/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.5 11a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm0 1.5a5 5 0 100 10 5 5 0 000-10zM19 0v9.645a8.205 8.205 0 00-1.5-.145 7.94 7.94 0 00-2.57.43A2.5 2.5 0 0012.5 8h-5A2.5 2.5 0 005 10.5v5A2.5 2.5 0 007.5 18h2.025a7.96 7.96 0 001.36 4H4a3 3 0 01-3-3V6.5L7.5 0H19zm.655 15.215a.751.751 0 011.065 1.06l-4 4-2.55-2.545a.751.751 0 011.065-1.06l1.5 1.5 2.95-2.95zM12.5 9.5a1 1 0 011 1v.08a8 8 0 00-3.93 5.92H7.5a1 1 0 01-1-1v-5a1 1 0 011-1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 11a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm0 1.5a5 5 0 100 10 5 5 0 000-10zM19 0v9.645a8.205 8.205 0 00-1.5-.145 7.94 7.94 0 00-2.57.43 2.5 2.5 0 00-2.257-1.924L12.5 8h-5a2.5 2.5 0 00-2.495 2.336L5 10.5v5a2.5 2.5 0 002.336 2.495L7.5 18h2.025a7.96 7.96 0 001.18 3.723l.18.277H4a3 3 0 01-2.995-2.824L1 19V6.5L7.5 0H19zm.655 15.215a.751.751 0 011.138.976l-.073.084-4 4-2.55-2.545a.751.751 0 01.98-1.133l.085.073 1.5 1.5 2.95-2.95-.03-.005zM12.5 9.5a1 1 0 01.993.883l.007.117v.08a8 8 0 00-3.889 5.635l-.041.285H7.5a1 1 0 01-.993-.883L6.5 15.5v-5a1 1 0 01.883-.993L7.5 9.5h5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/price-tag/default.svg b/packages/components/src/telekom/icons/content/price-tag/default.svg
index 0279bafee9..b0cf705141 100644
--- a/packages/components/src/telekom/icons/content/price-tag/default.svg
+++ b/packages/components/src/telekom/icons/content/price-tag/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.445 1.535 8.78 1.3 1.295 8.78-10.305 10.305a3.052 3.052 0 0 1 -4.32 0l-5.76-5.76a3.051 3.051 0 0 1 0-4.32l10.31-10.305zm.525 1.59-9.775 9.775a1.543 1.543 0 0 0 -.455 1.1c0 .415.16.805.455 1.1l5.765 5.76c.295.295.685.455 1.1.455s.805-.16 1.1-.455l9.77-9.77-1.03-6.935zm4.53 2.375a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.445 1.535l8.78 1.3 1.295 8.78L12.215 21.92a3.052 3.052 0 01-4.153.155l-.167-.155-5.76-5.76a3.05 3.05 0 01-.133-4.179l.133-.141 10.31-10.305zm.525 1.59L3.195 12.9A1.543 1.543 0 002.74 14c0 .363.122.707.35.985l.105.115 5.765 5.76c.295.295.685.455 1.1.455.363 0 .707-.123.985-.35l.115-.105 9.77-9.77-1.03-6.935-6.93-1.03zM17.5 5.5a1 1 0 110 2 1 1 0 010-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/price-tag/selected.svg b/packages/components/src/telekom/icons/content/price-tag/selected.svg
index 68d14e5632..acef2f5774 100644
--- a/packages/components/src/telekom/icons/content/price-tag/selected.svg
+++ b/packages/components/src/telekom/icons/content/price-tag/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.061 2.836-8.62-1.274-10.095 10.095a2.988 2.988 0 0 0 0 4.232l5.643 5.662a2.988 2.988 0 0 0 4.256 0l10.07-10.11zm-2.84 4.237a.98.98 0 1 1 -1.36-1.411.98.98 0 0 1 1.36 1.41z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.445 1.535l8.78 1.3 1.295 8.78L12.215 21.92a3.052 3.052 0 01-4.153.155l-.167-.155-5.76-5.76a3.05 3.05 0 01-.133-4.179l.133-.141 10.31-10.305zM17.5 5.5a1 1 0 110 2 1 1 0 010-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/ratings/default.svg b/packages/components/src/telekom/icons/content/ratings/default.svg
new file mode 100644
index 0000000000..36bf0b79ea
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/ratings/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.613 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.064-5.061a1.713 1.713 0 00-1.592-1.07c-.703 0-1.327.42-1.593 1.07L8.34 7.633l-5.452.398c-.7.052-1.292.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.304 5.308a1.715 1.715 0 00.658 1.802c.568.413 1.321.44 1.918.07l4.644-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.176-3.527a1.714 1.714 0 00.526-1.845zm-1.494.699l-4.886 4.127 1.527 6.212c.03.119-.03.19-.084.23a.203.203 0 01-.244.009l-5.436-3.372-5.436 3.372a.206.206 0 01-.245-.009.206.206 0 01-.084-.23l1.527-6.211-4.886-4.128a.205.205 0 01-.067-.235.206.206 0 01.192-.151l6.38-.468 2.416-5.923a.205.205 0 01.203-.136c.067 0 .156.024.203.137l2.416 5.922 6.38.468a.206.206 0 01.192.151.206.206 0 01-.068.235z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/ratings/selected.svg b/packages/components/src/telekom/icons/content/ratings/selected.svg
new file mode 100644
index 0000000000..6254776b77
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/ratings/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.614 9.215a1.713 1.713 0 00-1.51-1.184l-5.451-.399-2.065-5.061a1.713 1.713 0 00-1.592-1.07c-.702 0-1.327.42-1.592 1.07L8.339 7.633l-5.451.398c-.7.052-1.293.516-1.51 1.184a1.712 1.712 0 00.526 1.845l4.176 3.527-1.305 5.308a1.715 1.715 0 00.659 1.802c.567.413 1.32.44 1.917.07l4.645-2.881 4.646 2.881a1.716 1.716 0 002.575-1.871l-1.305-5.309 4.175-3.527a1.714 1.714 0 00.527-1.845" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/route/default.svg b/packages/components/src/telekom/icons/content/route/default.svg
new file mode 100644
index 0000000000..40f70c9533
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/route/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 6A1.5 1.5 0 1121 5.999 1.5 1.5 0 0118 6m1.42 7.973l.085-.007.05-.086 3.405-5.874a4.001 4.001 0 00-6.289-4.835 4.001 4.001 0 00-.632 4.835l2.632 4.54c-1.4.176-4.086.686-5.024 2.058a1.949 1.949 0 00-.258 1.718c.385 1.273 1.888 1.548 3.342 1.815 1.733.317 2.448.551 2.396 1.176-.118 1.401-5.689 1.639-9.544 1.679l-.873 1.505c6.69-.03 11.687-.382 11.912-3.059.174-2.083-2.019-2.484-3.62-2.777-.868-.159-2.057-.377-2.178-.774a.456.456 0 01.061-.436c.547-.801 2.94-1.338 4.534-1.478M7 7a2.5 2.5 0 10.001 5 2.5 2.5 0 000-5m4.325 5.008L7 19.467l-4.326-7.459a5.007 5.007 0 01.79-6.044A4.97 4.97 0 017 4.5c1.335 0 2.591.52 3.535 1.464a5.007 5.007 0 01.791 6.044m.27-7.104A6.48 6.48 0 007 3a6.498 6.498 0 00-5.623 9.76L7 22.458l5.623-9.698a6.5 6.5 0 00-1.027-7.856" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/route/selected.svg b/packages/components/src/telekom/icons/content/route/selected.svg
new file mode 100644
index 0000000000..59e64cdf0b
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/route/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0m1.418 7.973l.087-.007.05-.087 3.405-5.873a4 4 0 10-6.92 0l2.632 4.54c-1.4.176-4.087.686-5.025 2.058a1.95 1.95 0 00-.258 1.718c.386 1.273 1.888 1.548 3.343 1.815 1.732.317 2.448.551 2.395 1.176-.117 1.402-5.689 1.639-9.544 1.679l-.872 1.505c6.69-.031 11.686-.382 11.911-3.059.175-2.083-2.019-2.484-3.62-2.778-.868-.158-2.057-.376-2.178-.773a.456.456 0 01.061-.436c.547-.801 2.94-1.338 4.533-1.478M7 12a2.5 2.5 0 11.002-5.002A2.5 2.5 0 017 12m4.596-7.096A6.475 6.475 0 007 3a6.475 6.475 0 00-4.596 1.904 6.498 6.498 0 00-1.027 7.856L7 22.458l5.623-9.698a6.498 6.498 0 00-1.027-7.856" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/rss/default.svg b/packages/components/src/telekom/icons/content/rss/default.svg
index 8c1ac29602..de9281bfa3 100644
--- a/packages/components/src/telekom/icons/content/rss/default.svg
+++ b/packages/components/src/telekom/icons/content/rss/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19 2c1.655 0 3 1.345 3 3v14c0 1.655-1.345 3-3 3H5c-1.655 0-3-1.345-3-3V5c0-1.655 1.345-3 3-3zm0 1.5H5c-.825 0-1.5.675-1.5 1.5v14c0 .825.675 1.5 1.5 1.5h14c.825 0 1.5-.675 1.5-1.5V5c0-.825-.675-1.5-1.5-1.5zM7.22 15.06a1.72 1.72 0 110 3.44 1.72 1.72 0 010-3.44zm-.04-4.56a6.259 6.259 0 016.125 7.5H11.76c.105-.4.17-.815.17-1.25 0-2.62-2.13-4.75-4.75-4.75-.41 0-.8.06-1.18.155v-1.54c.38-.075.775-.115 1.18-.115zm0-4.5c5.93 0 10.75 4.82 10.75 10.75 0 .425-.03.84-.08 1.25h-1.515c.055-.41.095-.825.095-1.25 0-5.1-4.15-9.25-9.25-9.25-.4 0-.79.035-1.18.085V6.07c.39-.045.78-.07 1.18-.07z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 2a3.003 3.003 0 012.995 2.824L22 5v14a3.003 3.003 0 01-2.824 2.995L19 22H5a3.003 3.003 0 01-2.995-2.824L2 19V5a3.003 3.003 0 012.824-2.995L5 2h14zm0 1.5H5c-.776 0-1.42.598-1.493 1.356L3.5 5v14c0 .776.598 1.42 1.356 1.493L5 20.5h14c.776 0 1.42-.598 1.493-1.356L20.5 19V5c0-.776-.598-1.42-1.356-1.493L19 3.5zM7.22 15.06a1.72 1.72 0 110 3.44 1.72 1.72 0 010-3.44zm-.04-4.56a6.259 6.259 0 016.178 7.194l-.053.306H11.76c.105-.4.17-.815.17-1.25 0-2.62-2.13-4.75-4.75-4.75-.328 0-.643.038-.95.102l-.23.053v-1.54c.38-.075.775-.115 1.18-.115zm0-4.5c5.93 0 10.75 4.82 10.75 10.75 0 .283-.013.562-.037.838L17.85 18h-1.515c.055-.41.095-.825.095-1.25 0-5.1-4.15-9.25-9.25-9.25a8.19 8.19 0 00-.79.04L6 7.586V6.07c.39-.045.78-.07 1.18-.07z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/rss/selected.svg b/packages/components/src/telekom/icons/content/rss/selected.svg
index 86747549d8..ef54ef771c 100644
--- a/packages/components/src/telekom/icons/content/rss/selected.svg
+++ b/packages/components/src/telekom/icons/content/rss/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19 2H5a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V5a3 3 0 00-3-3zM7.22 18.5a1.725 1.725 0 110-3.45 1.725 1.725 0 010 3.45zm6.085-.5H11.76c.11-.408.167-.828.17-1.25A4.755 4.755 0 007.18 12a4.6 4.6 0 00-1.18.155v-1.54a6.13 6.13 0 011.18-.115 6.26 6.26 0 016.125 7.5zm4.545 0h-1.5a9.37 9.37 0 00.095-1.25A9.26 9.26 0 007.18 7.5 9.23 9.23 0 006 7.585v-1.5c.391-.051.785-.08 1.18-.085 5.935.006 10.744 4.815 10.75 10.75a10.29 10.29 0 01-.08 1.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H5a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V5a3 3 0 00-3-3zM7.22 18.5a1.725 1.725 0 110-3.45 1.725 1.725 0 010 3.45zm6.085-.5H11.76c.11-.408.167-.828.17-1.25A4.755 4.755 0 007.18 12a4.6 4.6 0 00-1.18.155v-1.54a6.13 6.13 0 011.18-.115 6.26 6.26 0 016.125 7.5zm4.545 0h-1.5a9.37 9.37 0 00.095-1.25A9.26 9.26 0 007.18 7.5 9.23 9.23 0 006 7.585v-1.5c.391-.051.785-.08 1.18-.085 5.935.006 10.744 4.815 10.75 10.75a10.29 10.29 0 01-.08 1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/shop/default.svg b/packages/components/src/telekom/icons/content/shop/default.svg
index bf12a9021f..ec98059e11 100644
--- a/packages/components/src/telekom/icons/content/shop/default.svg
+++ b/packages/components/src/telekom/icons/content/shop/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c2.5 0 4.5 2 4.5 4.5v1.5h4.45l.9 12.8c.05.8-.25 1.65-.8 2.25s-1.35.95-2.2.95h-13.7c-.85 0-1.65-.35-2.2-.95s-.85-1.4-.8-2.25l.9-12.8h4.45v-1.5c0-2.5 2-4.5 4.5-4.5zm7.55 7.5h-15.1l-.8 11.35c-.05.45.1.8.4 1.15s.7.5 1.1.5h13.7c.4 0 .8-.2 1.1-.5.25-.3.4-.7.4-1.1zm-11.3 1.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-3.75-7.25c-1.65 0-3 1.35-3 3v1.5h6v-1.5c0-1.65-1.35-3-3-3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1a4.48 4.48 0 014.495 4.287l.005.213V7h4.45l.9 12.8c.05.8-.25 1.65-.8 2.25-.504.55-1.218.89-1.989.943L18.85 23H5.15c-.85 0-1.65-.35-2.2-.95a3.049 3.049 0 01-.805-2.039l.005-.211.9-12.8H7.5V5.5C7.5 3 9.5 1 12 1zm7.55 7.5H4.45l-.8 11.35c-.05.45.1.8.4 1.15.262.306.602.46.95.493l.15.007h13.7c.4 0 .8-.2 1.1-.5.214-.257.355-.588.391-.929l.009-.171-.8-11.4zM8.25 9.75a1 1 0 110 2 1 1 0 010-2zm7.5 0a1 1 0 110 2 1 1 0 010-2zM12 2.5a3.01 3.01 0 00-2.995 2.824L9 5.5V7h6V5.5c0-1.65-1.35-3-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/shop/selected.svg b/packages/components/src/telekom/icons/content/shop/selected.svg
index 132c1bea3e..4a90477764 100644
--- a/packages/components/src/telekom/icons/content/shop/selected.svg
+++ b/packages/components/src/telekom/icons/content/shop/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.25 7.75H16.5V5.5a4.5 4.5 0 10-9 0v2.25H3.75l-.835 12.095A2.25 2.25 0 005.16 22.25h13.68a2.25 2.25 0 002.245-2.405L20.25 7.75zM9 5.5a3 3 0 116 0v2.25H9V5.5zm-.75 6.25a1 1 0 110-2 1 1 0 010 2zm7.5 0a1 1 0 110-2 1 1 0 010 2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1a4.48 4.48 0 014.495 4.287l.005.213V7h4.45l.9 12.8c.05.8-.25 1.65-.8 2.25-.504.55-1.218.89-1.989.943L18.85 23H5.15c-.85 0-1.65-.35-2.2-.95a3.049 3.049 0 01-.805-2.039l.005-.211.9-12.8H7.5V5.5C7.5 3 9.5 1 12 1zM8.25 9.75a1 1 0 110 2 1 1 0 010-2zm7.5 0a1 1 0 110 2 1 1 0 010-2zM12 2.5a3.01 3.01 0 00-2.995 2.824L9 5.5V7h6V5.5c0-1.65-1.35-3-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/signal/default.svg b/packages/components/src/telekom/icons/content/signal/default.svg
index 6fe4470f23..5fb1d574cf 100644
--- a/packages/components/src/telekom/icons/content/signal/default.svg
+++ b/packages/components/src/telekom/icons/content/signal/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.755 10.04c1.078 0 1.96.882 1.96 1.96 0 .833-.49 1.518-1.225 1.812v7.984a.753.753 0 0 1 -.735.735.753.753 0 0 1 -.735-.735v-7.984a1.922 1.922 0 0 1 -1.224-1.812c0-1.078.882-1.96 1.96-1.96zm-7.984-6.023 1.079 1.077c-3.82 3.82-3.82 9.992-.049 13.812l-1.029 1.029c-4.408-4.36-4.408-11.51 0-15.919zm15.968 0c4.359 4.408 4.359 11.56 0 15.919l-1.029-1.029c3.82-3.82 3.82-10.04 0-13.861zm-13.176 2.791 1.029 1.029a5.813 5.813 0 0 0 -1.714 4.163c0 1.567.636 3.037 1.714 4.163l-1.029 1.029a7.34 7.34 0 0 1 -2.155-5.192c0-1.96.784-3.82 2.155-5.192zm10.384 0a7.34 7.34 0 0 1 2.155 5.192 7.34 7.34 0 0 1 -2.155 5.192l-1.029-1.029a5.813 5.813 0 0 0 1.715-4.163 5.813 5.813 0 0 0 -1.715-4.163z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.04 10.024c1.077 0 1.959.882 1.959 1.96 0 .777-.427 1.426-1.08 1.748l-.145.064v7.984a.753.753 0 01-.734.734.757.757 0 01-.728-.638l-.007-.096v-7.984a1.922 1.922 0 01-1.224-1.812c0-1.078.881-1.96 1.959-1.96zM4.056 4l1.078 1.078c-3.75 3.75-3.82 9.764-.255 13.597l.206.215-1.029 1.028C-.276 15.634-.35 8.654 3.832 4.23L4.056 4zm15.967 0c4.284 4.332 4.358 11.313.222 15.69l-.222.228-1.028-1.028c3.75-3.75 3.819-9.811.208-13.647l-.208-.214L20.023 4zM6.848 6.792L7.877 7.82a5.813 5.813 0 00-1.715 4.164c0 1.475.564 2.863 1.529 3.96l.186.203-1.029 1.029a7.34 7.34 0 01-2.155-5.192c0-1.856.703-3.625 1.943-4.972l.212-.22zm10.384 0a7.34 7.34 0 012.155 5.192 7.337 7.337 0 01-1.944 4.971l-.211.22-1.029-1.028a5.813 5.813 0 001.714-4.163c0-1.475-.52-2.864-1.52-3.961l-.194-.203 1.029-1.028z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/signal/selected.svg b/packages/components/src/telekom/icons/content/signal/selected.svg
index 0178af4c65..f56c30f423 100644
--- a/packages/components/src/telekom/icons/content/signal/selected.svg
+++ b/packages/components/src/telekom/icons/content/signal/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 10a2 2 0 01.75 3.85V22a.75.75 0 11-1.5 0v-8.15A2 2 0 0112 10zM3.65 3.65l1.5 1.5v.01a9.695 9.695 0 000 13.7l-1.5 1.5c-4.604-4.619-4.604-12.091 0-16.71zm16.705-.005c4.597 4.618 4.597 12.082 0 16.7l-1.5-1.5a9.695 9.695 0 000-13.7zM6.5 6.5L8 8a5.685 5.685 0 000 8.05l-1.5 1.5a7.825 7.825 0 010-11.05zm11.025 0a7.825 7.825 0 01-.025 11L16 16a5.685 5.685 0 00.025-8z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10a2 2 0 01.902 3.78l-.152.07V22a.75.75 0 01-1.493.102L11.25 22v-8.15A2 2 0 0112 10zM3.65 3.65l1.5 1.5v.01c-3.709 3.715-3.778 9.689-.206 13.487l.206.213-1.5 1.5C-.876 15.82-.952 8.521 3.42 3.887l.23-.237zm16.705-.005c4.52 4.54 4.596 11.83.23 16.463l-.23.237-1.5-1.5c3.709-3.715 3.778-9.689.206-13.487l-.206-.213 1.5-1.5zM6.5 6.5L8 8a5.685 5.685 0 00-.195 7.846L8 16.05l-1.5 1.5a7.825 7.825 0 01-.19-10.853L6.5 6.5zm11.025 0a7.825 7.825 0 01.168 10.8l-.193.2L16 16a5.685 5.685 0 00.202-7.812L16.025 8l1.5-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sim-card/default.svg b/packages/components/src/telekom/icons/content/sim-card/default.svg
index 22a9fab27e..d111e007e8 100644
--- a/packages/components/src/telekom/icons/content/sim-card/default.svg
+++ b/packages/components/src/telekom/icons/content/sim-card/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 1v19c0 1.65-1.35 3-3 3h-12c-1.65 0-3-1.35-3-3v-12.5l6.5-6.5zm-1.5 1.5h-9.4l-5.6 5.6v11.9c0 .85.65 1.5 1.5 1.5h12c.85 0 1.5-.65 1.5-1.5zm-5 6.5c1.4 0 2.5 1.1 2.5 2.5v5c0 1.4-1.1 2.5-2.5 2.5h-5c-1.4 0-2.5-1.1-2.5-2.5v-5c0-1.4 1.1-2.5 2.5-2.5zm0 1.5h-5c-.55 0-1 .45-1 1v5c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-5c0-.55-.45-1-1-1z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v19a3.01 3.01 0 01-2.824 2.995L18 23H6a3.01 3.01 0 01-2.995-2.824L3 20V7.5L9.5 1H21zm-1.5 1.5h-9.4L4.5 8.1V20c0 .8.576 1.423 1.352 1.493L6 21.5h12c.8 0 1.423-.576 1.493-1.352L19.5 20V2.5zm-5 6.5a2.473 2.473 0 012.495 2.333L17 11.5v5a2.473 2.473 0 01-2.333 2.495L14.5 19h-5a2.473 2.473 0 01-2.495-2.333L7 16.5v-5a2.473 2.473 0 012.333-2.495L9.5 9h5zm0 1.5h-5c-.51 0-.935.388-.993.884L8.5 11.5v5c0 .51.388.935.884.993l.116.007h5c.51 0 .935-.388.993-.884l.007-.116v-5c0-.51-.388-.935-.884-.993L14.5 10.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sim-card/selected.svg b/packages/components/src/telekom/icons/content/sim-card/selected.svg
index 6394f74ca7..0534838b5f 100644
--- a/packages/components/src/telekom/icons/content/sim-card/selected.svg
+++ b/packages/components/src/telekom/icons/content/sim-card/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21 1v19a3 3 0 01-3 3H6a3 3 0 01-3-3V7.5L9.5 1H21zm-6.5 8h-5A2.5 2.5 0 007 11.5v5A2.5 2.5 0 009.5 19h5a2.5 2.5 0 002.5-2.5v-5A2.5 2.5 0 0014.5 9zm-1 1.5a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2v-3a2 2 0 012-2h3z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v19a3 3 0 01-3 3H6a3 3 0 01-3-3V7.5L9.5 1H21zm-6.5 8h-5A2.5 2.5 0 007 11.5v5A2.5 2.5 0 009.5 19h5a2.5 2.5 0 002.5-2.5v-5A2.5 2.5 0 0014.5 9zm-1 1.5a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2v-3a2 2 0 012-2h3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/smile/default.svg b/packages/components/src/telekom/icons/content/smile/default.svg
index 9346afb055..370bcc8b3a 100644
--- a/packages/components/src/telekom/icons/content/smile/default.svg
+++ b/packages/components/src/telekom/icons/content/smile/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11-11-4.9-11-11 4.95-11 11-11zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zm-5.05 12.85c.35-.25.8-.15 1.05.2 1 1.55 2.5 2.45 4 2.45s3-.9 4-2.45c.25-.35.7-.45 1.05-.2.35.2.45.65.2 1.05-1.3 2-3.25 3.15-5.25 3.15s-3.95-1.15-5.25-3.15c-.25-.35-.15-.8.2-1.05zm1.55-7.85a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.1 0 11 4.9 11 11s-4.9 11-11 11S1 18.1 1 12 5.95 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM6.95 15.35c.35-.25.8-.15 1.05.2C9 17.1 10.5 18 12 18s3-.9 4-2.45c.25-.35.7-.45 1.05-.2.35.2.45.65.2 1.05-1.3 2-3.25 3.15-5.25 3.15S8.05 18.4 6.75 16.4c-.25-.35-.15-.8.2-1.05zM8.5 7.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm7 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/smile/selected.svg b/packages/components/src/telekom/icons/content/smile/selected.svg
index 7079469091..bdc4e4cc2d 100644
--- a/packages/components/src/telekom/icons/content/smile/selected.svg
+++ b/packages/components/src/telekom/icons/content/smile/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm3.5 6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-7 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm8.77 8.87c-1.305 1.99-3.225 3.13-5.27 3.13-2.045 0-3.965-1.14-5.27-3.13A.757.757 0 018 15.545C9 17.105 10.5 18 12 18s3-.895 4-2.455a.75.75 0 011.255.825h.015z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11A11 11 0 0012 1zm3.5 6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-7 0a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm8.77 8.87c-1.305 1.99-3.225 3.13-5.27 3.13-2.045 0-3.965-1.14-5.27-3.13A.757.757 0 018 15.545C9 17.105 10.5 18 12 18s3-.895 4-2.455a.75.75 0 011.255.825h.015z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-down/default.svg b/packages/components/src/telekom/icons/content/sort-indicator-down/default.svg
new file mode 100644
index 0000000000..fa2a4ef136
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-down/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.584 9.5l5.417 5 5.416-5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-down/selected.svg b/packages/components/src/telekom/icons/content/sort-indicator-down/selected.svg
new file mode 100644
index 0000000000..fa2a4ef136
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-down/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.584 9.5l5.417 5 5.416-5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-mini-down/default.svg b/packages/components/src/telekom/icons/content/sort-indicator-mini-down/default.svg
new file mode 100644
index 0000000000..f4b824432c
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-mini-down/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.667 10L12 14l4.334-4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-mini-down/selected.svg b/packages/components/src/telekom/icons/content/sort-indicator-mini-down/selected.svg
new file mode 100644
index 0000000000..f4b824432c
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-mini-down/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.667 10L12 14l4.334-4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-up-mini/default.svg b/packages/components/src/telekom/icons/content/sort-indicator-up-mini/default.svg
new file mode 100644
index 0000000000..453bbf00b4
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-up-mini/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10l-4.332 4h8.666z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-up-mini/selected.svg b/packages/components/src/telekom/icons/content/sort-indicator-up-mini/selected.svg
new file mode 100644
index 0000000000..453bbf00b4
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-up-mini/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10l-4.332 4h8.666z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-up/default.svg b/packages/components/src/telekom/icons/content/sort-indicator-up/default.svg
new file mode 100644
index 0000000000..45f9272d39
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-up/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.5l-5.417 5h10.834z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sort-indicator-up/selected.svg b/packages/components/src/telekom/icons/content/sort-indicator-up/selected.svg
new file mode 100644
index 0000000000..45f9272d39
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sort-indicator-up/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.5l-5.417 5h10.834z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/status-inactive/default.svg b/packages/components/src/telekom/icons/content/status-inactive/default.svg
new file mode 100644
index 0000000000..227aedcfc0
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/status-inactive/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.22 18.159L5.842 4.78a9.453 9.453 0 016.159-2.28c5.238 0 9.5 4.261 9.5 9.5a9.448 9.448 0 01-2.281 6.159M2.501 12c0-2.35.862-4.499 2.28-6.159L18.159 19.22a9.448 9.448 0 01-6.158 2.281c-5.239 0-9.5-4.262-9.5-9.5m9.5-11c-6.075 0-11 4.925-11 11s4.925 11 11 11c6.074 0 11-4.925 11-11s-4.926-11-11-11" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/status-inactive/selected.svg b/packages/components/src/telekom/icons/content/status-inactive/selected.svg
new file mode 100644
index 0000000000..cc9d420b69
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/status-inactive/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.187 17.395L6.605 4.814A8.938 8.938 0 0112.001 3c4.962 0 9 4.038 9 9 0 2.025-.681 3.89-1.814 5.395M3.001 12c0-2.037.688-3.912 1.833-5.422l12.589 12.588A8.938 8.938 0 0112.001 21c-4.963 0-9-4.038-9-9m9-11.5C5.659.5.501 5.659.501 12s5.158 11.5 11.5 11.5c6.341 0 11.5-5.159 11.5-11.5S18.342.5 12.001.5" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/status-recurring/default.svg b/packages/components/src/telekom/icons/content/status-recurring/default.svg
new file mode 100644
index 0000000000..a541e56c94
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/status-recurring/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.511 5.187l1.595 2.445 2.68-6.112-6.675-.013 1.578 2.42A10.228 10.228 0 001.75 12c0 4.761 3.367 8.968 8.008 10.004a.751.751 0 00.327-1.464C6.125 19.656 3.25 16.064 3.25 12a8.732 8.732 0 013.261-6.813M22.252 12c0-4.762-3.37-8.969-8.01-10.004a.75.75 0 00-.327 1.464c3.96.883 6.836 4.474 6.836 8.54 0 2.664-1.238 5.166-3.264 6.809l-1.59-2.44-2.682 6.111 6.675.012-1.579-2.42c2.445-1.921 3.94-4.9 3.94-8.072" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/status-recurring/selected.svg b/packages/components/src/telekom/icons/content/status-recurring/selected.svg
new file mode 100644
index 0000000000..4e32174c0a
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/status-recurring/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.009 3.995A8.234 8.234 0 0120.249 12a8.2 8.2 0 01-3.034 6.393l-1.321-2.026-2.68 6.112 6.674.012-1.302-1.995A10.687 10.687 0 0022.749 12c0-4.944-3.345-9.232-8.134-10.43a1.25 1.25 0 00-.606 2.425M10.9 21.518a1.25 1.25 0 01-1.516.91A10.731 10.731 0 011.251 12c0-3.385 1.556-6.485 4.162-8.496L4.112 1.506l6.674.013-2.681 6.112-1.321-2.026A8.203 8.203 0 003.75 12a8.234 8.234 0 006.241 8.003 1.25 1.25 0 01.909 1.517" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/stopwatch/default.svg b/packages/components/src/telekom/icons/content/stopwatch/default.svg
new file mode 100644
index 0000000000..d6a178f5c4
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/stopwatch/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 1v1.5h-1.75v1.538a9.45 9.45 0 015.144 2.024l.265.218 1.311-1.31 1.06 1.06-1.31 1.311A9.453 9.453 0 0121.5 13.5c0 5.238-4.262 9.5-9.5 9.5-5.239 0-9.5-4.262-9.5-9.5 0-2.232.778-4.283 2.072-5.906l.209-.253L3.47 6.03l1.06-1.06 1.311 1.31a9.453 9.453 0 015.048-2.207l.361-.035V2.5H9.5V1h5zM12 5.5c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zM12 7a6.5 6.5 0 016.496 6.267l.004.233H12V7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/stopwatch/selected.svg b/packages/components/src/telekom/icons/content/stopwatch/selected.svg
new file mode 100644
index 0000000000..a0458d6ca7
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/stopwatch/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 1v1.5h-1.75v1.538a9.45 9.45 0 015.144 2.024l.265.218 1.311-1.31 1.06 1.06-1.31 1.311A9.453 9.453 0 0121.5 13.5c0 5.238-4.262 9.5-9.5 9.5-5.239 0-9.5-4.262-9.5-9.5 0-2.232.778-4.283 2.072-5.906l.209-.253L3.47 6.03l1.06-1.06 1.311 1.31a9.453 9.453 0 015.048-2.207l.361-.035V2.5H9.5V1h5zM12 7a6.5 6.5 0 016.496 6.267l.004.233H12V7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/support-chat/default.svg b/packages/components/src/telekom/icons/content/support-chat/default.svg
new file mode 100644
index 0000000000..21257ba39f
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/support-chat/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C6.201 1 1.5 5.701 1.5 11.5c0 2.745 1.063 5.236 2.787 7.108l-.583 2.11c-.328 1.189.61 2.222 1.687 2.222.285 0 .58-.073.863-.234l2.292-1.3C9.63 21.786 10.788 22 12 22c5.799 0 10.5-4.701 10.5-10.5S17.799 1 12 1zm0 19.5c-.994 0-1.99-.172-2.96-.51l-.642-.223-2.884 1.635a.249.249 0 01-.244.003.244.244 0 01-.12-.287l.805-2.914-.565-.613A8.971 8.971 0 013 11.5c0-4.963 4.037-9 9-9 4.962 0 9 4.037 9 9 0 4.962-4.038 9-9 9zm.101-13.982c-1.955 0-2.896 1.387-2.98 2.798h1.812c.09-.737.512-1.158 1.168-1.158.69 0 1.119.435 1.119 1.135 0 .624-.46.997-.947 1.392-.591.481-1.203.978-1.203 2.005v.604h1.747v-.333c0-.622.454-1.029.935-1.461.598-.537 1.275-1.144 1.275-2.313 0-1.546-1.23-2.67-2.926-2.67zM12 14.498a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/support-chat/selected.svg b/packages/components/src/telekom/icons/content/support-chat/selected.svg
new file mode 100644
index 0000000000..eeae729a55
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/support-chat/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.002 1c5.798 0 10.5 4.701 10.5 10.5S17.8 22 12.002 22c-1.078 0-2.113-.17-3.09-.474l-.365-.12-2.292 1.3a1.74 1.74 0 01-.863.234c-1.034 0-1.94-.952-1.72-2.08l.033-.142.583-2.11A10.452 10.452 0 011.502 11.5c0-5.799 4.701-10.5 10.5-10.5zm0 13.498a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm.1-7.98c-1.882 0-2.824 1.286-2.967 2.642l-.013.156h1.813c.09-.737.511-1.158 1.167-1.158.69 0 1.12.435 1.12 1.135 0 .52-.32.866-.708 1.195l-.475.391c-.472.398-.902.851-.96 1.627l-.008.184v.604h1.748v-.333c0-.466.255-.812.586-1.138l.23-.215.345-.313c.53-.492 1.048-1.085 1.048-2.108 0-1.546-1.23-2.67-2.926-2.67z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sustainable/default.svg b/packages/components/src/telekom/icons/content/sustainable/default.svg
new file mode 100644
index 0000000000..40fc7790a9
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sustainable/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.617 9.691c-2.509 2.16-2.653 5.073-2.632 5.981L12 16.735v-4.44c0-2.173-.46-4.672-3.031-6.867C6.159 3.03 1.991 2.021.538 1.622c0 4.916.263 7.938 2.346 10.359 1.49 1.73 3.868 3.04 7.616 4.293v4.944a.75.75 0 101.5 0v-2.277l2.097-2.262c.5.06.992.099 1.463.099 1.942 0 3.621-.503 4.928-1.487 2.847-2.146 3.006-4.52 3.006-6.87-4.493-1.189-6.994.51-7.877 1.27zm-5.117 5c-3.237-1.121-5.266-2.253-6.522-3.768C2.533 9.18 2.11 6.93 2.047 3.607c2.774.855 4.638 1.87 5.891 2.918 2.562 2.144 2.562 4.428 2.562 5.77v2.396zm9.085-.598c-1.265.954-3.015 1.34-5.095 1.13.05-.964.378-2.907 2.106-4.395 1.777-1.53 4.267-1.378 5.381-1.213-.119 1.98-.837 3.306-2.392 4.479z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/sustainable/selected.svg b/packages/components/src/telekom/icons/content/sustainable/selected.svg
new file mode 100644
index 0000000000..c130e54cc6
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/sustainable/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.935 8.275c-.175-.045-4.37-1.12-7.32 1.415a7.77 7.77 0 00-2.63 6l-1 1.065v-4.46c0-3.5-1.195-7.855-10.5-10.415L.54 1.62v1c0 7.675 1.46 10.81 9.96 13.655v4.945a.75.75 0 101.5 0v-2.28l2.095-2.26a12.5 12.5 0 001.465.1 8.03 8.03 0 004.925-1.5c2.11-1.585 3-3.47 3-6.29v-.57l-.55-.145z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/tariffs/default.svg b/packages/components/src/telekom/icons/content/tariffs/default.svg
index 6aa977f594..3860151743 100644
--- a/packages/components/src/telekom/icons/content/tariffs/default.svg
+++ b/packages/components/src/telekom/icons/content/tariffs/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.45 1.55 8.75 1.3 1.3 8.75-10.3 10.3c-.6.6-1.4.9-2.15.9s-1.55-.3-2.15-.9l-5.75-5.75c-1.2-1.15-1.2-3.1 0-4.3l10.3-10.3zm.5 1.6-9.75 9.75c-.6.6-.6 1.6 0 2.2l5.75 5.75c.3.3.7.45 1.1.45s.8-.15 1.1-.45l9.8-9.7-1.05-6.95zm-2.2 6.75c1.4-.95 2.75-.95 3.8.15 1 .95 1.1 2.35.2 3.55l-1.1-1.1c.35-.55.3-1.05-.1-1.45-.45-.5-1-.5-1.75-.05l1.15 1.15-.8.8-1.2-1.2-.4.4 1.2 1.2-.8.8-1.15-1.15c-.45.7-.4 1.3.05 1.75.4.4.9.45 1.45.1l1.1 1.1c-1.2.85-2.6.75-3.55-.2-1-1.05-1.05-2.45-.1-3.85l-.5-.5.8-.8.4.4.4-.4-.4-.4.8-.8zm6.85-4.5c.3 0 .55.1.7.3.4.4.4 1.05 0 1.45-.2.2-.45.3-.7.3s-.5-.1-.7-.3c-.4-.4-.4-1.05 0-1.45.2-.2.45-.3.7-.3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.45 1.55l8.75 1.3 1.3 8.75-10.3 10.3c-.6.6-1.4.9-2.15.9a3.071 3.071 0 01-1.982-.744L7.9 21.9l-5.75-5.75c-1.154-1.106-1.198-2.951-.133-4.158l.133-.142 10.3-10.3zm.5 1.6L3.2 12.9a1.572 1.572 0 00-.105 2.083l.105.117 5.75 5.75c.3.3.7.45 1.1.45.35 0 .7-.115.983-.345l.117-.105 9.8-9.7L19.9 4.2l-6.95-1.05zm-2.2 6.75c1.342-.91 2.637-.948 3.667.018l.133.132c.957.909 1.09 2.23.312 3.392l-.112.158-1.1-1.1c.35-.55.3-1.05-.1-1.45-.42-.467-.927-.498-1.603-.134L11.8 11l1.15 1.15-.8.8-1.2-1.2-.4.4 1.2 1.2-.8.8L9.8 13c-.45.7-.4 1.3.05 1.75.37.37.824.44 1.324.174l.126-.074 1.1 1.1c-1.2.85-2.6.75-3.55-.2-.957-1.004-1.044-2.329-.218-3.667l.118-.183-.5-.5.8-.8.4.4.4-.4-.4-.4.8-.8.5.5zm6.85-4.5c.257 0 .478.073.63.22l.07.08c.4.4.4 1.05 0 1.45-.2.2-.45.3-.7.3-.25 0-.5-.1-.7-.3-.4-.4-.4-1.05 0-1.45.2-.2.45-.3.7-.3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/tariffs/selected.svg b/packages/components/src/telekom/icons/content/tariffs/selected.svg
index f61ac1022d..5eba7d722b 100644
--- a/packages/components/src/telekom/icons/content/tariffs/selected.svg
+++ b/packages/components/src/telekom/icons/content/tariffs/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.061 2.836-8.62-1.274-10.095 10.095a2.988 2.988 0 0 0 0 4.232l5.643 5.662a2.993 2.993 0 0 0 4.256 0l10.075-10.11zm-6.343 10.52-1.087-1.087a1.043 1.043 0 0 0 -.078-1.43c-.46-.46-1.01-.49-1.734-.034l1.112 1.112-.764.764-1.2-1.2-.191.19-.196.202 1.2 1.2-.764.759-1.112-1.097c-.446.715-.422 1.263.039 1.724.38.4 1.006.436 1.43.083l1.087 1.087a2.586 2.586 0 0 1 -3.497-.19c-1.023-1.024-1.033-2.386-.117-3.762l-.49-.466.764-.764.382.382.196-.2.191-.191-.377-.382.774-.75.49.465c1.38-.92 2.733-.92 3.766.113a2.581 2.581 0 0 1 .176 3.473zm3.502-6.283a.98.98 0 1 1 -1.36-1.411.98.98 0 0 1 1.36 1.41z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.061 2.836l-8.62-1.274L2.346 11.657a2.988 2.988 0 000 4.232l5.643 5.662a2.993 2.993 0 004.256 0l10.075-10.11-1.259-8.605zm-6.343 10.52l-1.087-1.087a1.043 1.043 0 00-.078-1.43c-.46-.46-1.01-.49-1.734-.034l1.112 1.112-.764.764-1.2-1.2-.191.19-.196.202 1.2 1.2-.764.759-1.112-1.097c-.446.715-.422 1.263.039 1.724.38.4 1.006.436 1.43.083l1.087 1.087a2.586 2.586 0 01-3.497-.19c-1.023-1.024-1.033-2.386-.117-3.762l-.49-.466.764-.764.382.382.196-.2.191-.191-.377-.382.774-.75.49.465c1.38-.92 2.733-.92 3.766.113a2.581 2.581 0 01.176 3.473zm3.502-6.283a.98.98 0 11-1.36-1.411.98.98 0 011.36 1.41z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/threats/default.svg b/packages/components/src/telekom/icons/content/threats/default.svg
new file mode 100644
index 0000000000..356371292a
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/threats/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .998c-5.17 0-9.376 4.205-9.376 9.375A9.303 9.303 0 006 17.563V20c0 1.654 1.346 3 3 3h6c1.654 0 3-1.346 3-3v-2.438a9.304 9.304 0 003.377-7.188c0-5.17-4.206-9.377-9.377-9.377zm4.792 15.61l-.292.226V20c0 .827-.673 1.5-1.5 1.5h-.5V19H13v2.5h-2V19H9.5v2.5H9c-.827 0-1.5-.673-1.5-1.5v-3.166l-.292-.226c-1.96-1.51-3.084-3.783-3.084-6.235 0-4.342 3.533-7.875 7.876-7.875s7.877 3.532 7.877 7.875c0 2.453-1.124 4.725-3.085 6.236zM8.5 10a2 2 0 100 4 2 2 0 000-4zm7 0a2 2 0 100 4 2 2 0 000-4zM11 17.5h2V15h-2v2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/threats/selected.svg b/packages/components/src/telekom/icons/content/threats/selected.svg
new file mode 100644
index 0000000000..0b26f5c02d
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/threats/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .998c5.171 0 9.377 4.205 9.377 9.376a9.297 9.297 0 01-3.141 6.986l-.236.203V20a3.003 3.003 0 01-2.823 2.995L15 23h-.502v-3.014h-1.5V23h-1.997v-3.014h-1.5V23H9a3.003 3.003 0 01-2.994-2.824L6 20v-2.438a9.303 9.303 0 01-3.376-7.189c0-5.17 4.206-9.375 9.377-9.375zM13 15h-2v2.5h2V15zm2.5-5a2 2 0 100 4 2 2 0 000-4zm-7 0a2 2 0 100 4 2 2 0 000-4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/todo-list/default.svg b/packages/components/src/telekom/icons/content/todo-list/default.svg
new file mode 100644
index 0000000000..54cdc06f8b
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/todo-list/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.805 16.857l-3.744 3.744-2.352-2.4a.696.696 0 010-1.008.696.696 0 011.008 0l1.344 1.344 2.688-2.688a.696.696 0 011.008 0c.288.288.336.72.048 1.008zm-3-4.724a5.687 5.687 0 000 11.375 5.688 5.688 0 100-11.375zM5.755 18a.75.75 0 100-1.5.75.75 0 000 1.5zm0-5.987a.75.75 0 100-1.5.75.75 0 000 1.5zM12 22.041H3.426a1.444 1.444 0 01-1.47-1.47V4.948h1.96v-.98c0-.147 0-.342.049-.49H.488v17.093a2.947 2.947 0 002.938 2.938H13.43A7.236 7.236 0 0112 22.041zm1.222-18.123c0-.832-.637-1.469-1.47-1.469h-.98v-.442c0-.734-.488-1.37-1.175-1.517-.93-.148-1.763.587-1.763 1.47v.49h-.98c-.832 0-1.468.636-1.468 1.468v1.96h7.836v-1.96zm1.47 1.03h1.959v5.787c.377-.062.76-.102 1.154-.102.106 0 .21.011.315.016V3.48h-3.478c.05.147.05.342.05.49v.98zM8.739 16.53a.754.754 0 00-.735.735c0 .392.343.735.735.735h1.888c-.002-.06-.01-.119-.01-.179 0-.442.047-.87.123-1.29H8.739zm0-6.007a.753.753 0 00-.735.734c0 .393.343.736.735.736h4.483a.754.754 0 00.735-.736.753.753 0 00-.735-.734H8.739z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/todo-list/selected.svg b/packages/components/src/telekom/icons/content/todo-list/selected.svg
new file mode 100644
index 0000000000..11ccb04523
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/todo-list/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.938 3.507a4.058 4.058 0 00-.034.29l-.006.15v3.46h10.836v-3.46c0-.1-.008-.199-.02-.295l-.02-.145h3.438v7.171c-.105-.005-.209-.016-.315-.016-3.438 0-6.314 2.428-7.017 5.66l-.047.237H8.751a.754.754 0 00-.735.735c0 .36.288.677.638.728l.097.007h1.89a7.167 7.167 0 002.587 5.338l.213.171H3.438a2.947 2.947 0 01-2.933-2.766L.5 20.6V3.507h3.438zm13.879 8.655a5.687 5.687 0 11.002 11.374 5.687 5.687 0 01-.002-11.374zm2.952 3.716a.693.693 0 00-.926-.071l-.082.071-2.688 2.688-1.344-1.344a.696.696 0 00-1.008 0 .693.693 0 00-.071.926l.071.082 2.352 2.4 3.744-3.744c.288-.288.24-.72-.048-1.008zm-15.002.651a.75.75 0 100 1.5.75.75 0 000-1.5zm0-5.987a.75.75 0 100 1.5.75.75 0 000-1.5zm7.467.01H8.751a.753.753 0 00-.735.734c0 .36.288.678.638.729l.097.007h4.483a.754.754 0 00.735-.736.757.757 0 00-.638-.727l-.097-.007zM7.846 1.988c0-.882.833-1.617 1.763-1.469.641.136 1.11.7 1.17 1.372l.006.145v.442h.98a1.44 1.44 0 011.462 1.324l.007.145v1.96H5.398v-1.96a1.44 1.44 0 011.324-1.462l.145-.007h.979v-.49z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/transport/default.svg b/packages/components/src/telekom/icons/content/transport/default.svg
index dd880c4c48..7b5c61775a 100644
--- a/packages/components/src/telekom/icons/content/transport/default.svg
+++ b/packages/components/src/telekom/icons/content/transport/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 15.5c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5zm-12.5 0c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5zm12.5 1.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-12.5 0c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm9.35-.5c-.2.45-.35.95-.35 1.5h-5.5c0-.55-.1-1.05-.35-1.5zm1.15-13v3h4.75c.3 0 .6.2.7.5l1.25 3.75c.2.55.3 1.15.3 1.75v5.5h-1.5v-5.5c0-.4-.05-.85-.2-1.25l-1.1-3.25h-4.2v6c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-9h-14v10c0 .85.65 1.5 1.5 1.5h.35c-.2.45-.35.95-.35 1.5-1.65 0-3-1.35-3-3v-11.5zm3.5 5.5.85 2.55c.1.3.15.65.15.95v.5h-3.5v-4z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 15.5c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5zm-12.5 0C7.9 15.5 9 16.6 9 18s-1.1 2.5-2.5 2.5S4 19.4 4 18s1.1-2.5 2.5-2.5zM19 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM6.5 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm9.35-.5a3.833 3.833 0 00-.341 1.267L15.5 18H10c0-.471-.073-.906-.252-1.304L9.65 16.5h6.2zM17 3.5v3h4.75c.267 0 .533.158.66.404l.04.096 1.25 3.75c.167.458.264.951.292 1.45l.008.3V18h-1.5v-5.5c0-.32-.032-.672-.122-1.005l-.078-.245L21.2 8H17v6c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651L15.5 14V5h-14v10c0 .8.576 1.423 1.352 1.493L3 16.5h.35c-.2.45-.35.95-.35 1.5a3.01 3.01 0 01-2.995-2.824L0 15V3.5h17zM20.5 9l.85 2.55c.075.225.122.478.14.717l.01.233v.5H18V9h2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/transport/selected.svg b/packages/components/src/telekom/icons/content/transport/selected.svg
index 073377b1db..9739c229b2 100644
--- a/packages/components/src/telekom/icons/content/transport/selected.svg
+++ b/packages/components/src/telekom/icons/content/transport/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M6.5 15.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm12.5 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zM6.5 17a1 1 0 100 2 1 1 0 000-2zM19 17a1 1 0 100 2 1 1 0 000-2zM16.25 4.25V7.5h.25l.25-.25h5L23 11c.162.484.247.99.25 1.5v4.75h-.84a3.5 3.5 0 00-6.825 0h-5.67a3.5 3.5 0 00-6.83 0H3A2.245 2.245 0 01.75 15V4.25h15.5zM20.5 9H18v4h3.5v-.5a2.88 2.88 0 00-.145-.95L20.5 9z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 15.5C7.9 15.5 9 16.6 9 18s-1.1 2.5-2.5 2.5S4 19.4 4 18s1.1-2.5 2.5-2.5zm12.5 0c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5-2.5-1.1-2.5-2.5 1.1-2.5 2.5-2.5zm0 1.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM6.5 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM17 3.5v3h4.75c.267 0 .533.158.66.404l.04.096 1.25 3.75c.167.458.264.951.292 1.45l.008.3V18h-1.5c0-1.96-1.54-3.5-3.5-3.5a3.463 3.463 0 00-3.495 3.305L15.5 18H10c0-1.96-1.54-3.5-3.5-3.5a3.463 3.463 0 00-3.495 3.305L3 18a3.01 3.01 0 01-2.995-2.824L0 15V3.5h17zM20.5 9H18v4h3.5v-.5l-.01-.233a3.216 3.216 0 00-.089-.544l-.051-.173L20.5 9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/unlock/default.svg b/packages/components/src/telekom/icons/content/unlock/default.svg
index 4080625337..6200557a49 100644
--- a/packages/components/src/telekom/icons/content/unlock/default.svg
+++ b/packages/components/src/telekom/icons/content/unlock/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 .5c2.3 0 4.45 1.25 5.6 3.2.6 1 .9 2.15.9 3.3h-1.5c0-.9-.25-1.8-.7-2.55-.9-1.5-2.55-2.45-4.3-2.45-2.75 0-5 2.25-5 5v4h14v9.5c0 1.65-1.35 3-3 3h-12c-1.65 0-3-1.35-3-3v-9.5h2.5v-4c0-3.6 2.9-6.5 6.5-6.5zm7.5 12h-15v8c0 .85.65 1.5 1.5 1.5h12c.85 0 1.5-.65 1.5-1.5zm-7.5 2.5c.85 0 1.5.65 1.5 1.5 0 .45-.2.85-.5 1.1v1.9h-2v-1.9c-.3-.25-.5-.65-.5-1.1 0-.85.65-1.5 1.5-1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .5c2.3 0 4.45 1.25 5.6 3.2a6.4 6.4 0 01.893 2.986L18.5 7H17c0-.9-.25-1.8-.7-2.55C15.4 2.95 13.75 2 12 2 9.322 2 7.119 4.133 7.005 6.784L7 7v4h14v9.5a3.01 3.01 0 01-2.824 2.995L18 23.5H6a3.01 3.01 0 01-2.995-2.824L3 20.5V11h2.5V7C5.5 3.4 8.4.5 12 .5zm7.5 12h-15v8c0 .8.576 1.423 1.352 1.493L6 22h12c.8 0 1.423-.576 1.493-1.352l.007-.148v-8zM12 15c.85 0 1.5.65 1.5 1.5 0 .4-.158.76-.404 1.011L13 17.6v1.9h-2v-1.9c-.3-.25-.5-.65-.5-1.1 0-.85.65-1.5 1.5-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/unlock/selected.svg b/packages/components/src/telekom/icons/content/unlock/selected.svg
index 662067819a..efb2c64088 100644
--- a/packages/components/src/telekom/icons/content/unlock/selected.svg
+++ b/packages/components/src/telekom/icons/content/unlock/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7 11V7a5 5 0 0110 0h1.5a6.5 6.5 0 10-13 0v4H3v9.5a3 3 0 003 3h12a3 3 0 003-3V11H7zm6 6.61v1.89h-2v-1.89a1.5 1.5 0 112 0z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 11V7a5 5 0 0110 0h1.5a6.5 6.5 0 10-13 0v4H3v9.5a3 3 0 003 3h12a3 3 0 003-3V11H7zm6 6.61v1.89h-2v-1.89a1.5 1.5 0 112 0z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/voucher/default.svg b/packages/components/src/telekom/icons/content/voucher/default.svg
index 9eab4d004c..1b5545e691 100644
--- a/packages/components/src/telekom/icons/content/voucher/default.svg
+++ b/packages/components/src/telekom/icons/content/voucher/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2.5 17v.5c0 .85.65 1.5 1.5 1.5h.5v1.5h-.5c-1.65 0-3-1.35-3-3v-.5zm15.5 2v1.5h-3v-1.5zm5-2v.5c0 1.65-1.35 3-3 3h-.5v-1.5h.5c.85 0 1.5-.65 1.5-1.5v-.5zm-9.5 2v1.5h-3v-1.5zm-4.5 0v1.5h-3v-1.5zm5.95-7.1c1.3 0 2.35 1 2.35 2.3s-1.05 2.35-2.35 2.35-2.35-1.05-2.35-2.35 1.05-2.3 2.35-2.3zm.85-4.9-5.9 9.5h-1.75l5.95-9.5zm-13.3 5.5v3h-1.5v-3zm20.5 0v3h-1.5v-3zm-8.05.7c-.55 0-.95.45-.95 1s.4 1 .95 1 .95-.4.95-1c0-.55-.4-1-.95-1zm-5.9-6.25c1.3 0 2.35 1.05 2.35 2.35s-1.05 2.3-2.35 2.3-2.35-1-2.35-2.3 1.05-2.35 2.35-2.35zm-6.55 1.05v3h-1.5v-3zm20.5 0v3h-1.5v-3zm-14 .25c-.5 0-.9.45-.95 1 0 .55.4 1 .95 1s.95-.45.95-1-.4-1-.95-1zm14-5.25v3.5h-1.5v-2h-2v-1.5zm-18.5 0v1.5h-2v2h-1.5v-3.5zm13.5 0v1.5h-3v-1.5zm-9 0v1.5h-3v-1.5zm4.5 0v1.5h-3v-1.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 17v.5c0 .8.576 1.423 1.352 1.493L4 19h.5v1.5H4a3.01 3.01 0 01-2.995-2.824L1 17.5V17h1.5zM18 19v1.5h-3V19h3zm5-2v.5a3.01 3.01 0 01-2.824 2.995L20 20.5h-.5V19h.5c.8 0 1.423-.576 1.493-1.352l.007-.148V17H23zm-9.5 2v1.5h-3V19h3zM9 19v1.5H6V19h3zm5.95-7.1c1.3 0 2.35 1 2.35 2.3 0 1.3-1.05 2.35-2.35 2.35S12.6 15.5 12.6 14.2s1.05-2.3 2.35-2.3zM15.8 7l-5.9 9.5H8.15L14.1 7h1.7zM2.5 12.5v3H1v-3h1.5zm20.5 0v3h-1.5v-3H23zm-8.05.7c-.55 0-.95.45-.95 1s.4 1 .95 1c.55 0 .95-.4.95-1 0-.55-.4-1-.95-1zm-5.9-6.25c1.3 0 2.35 1.05 2.35 2.35s-1.05 2.3-2.35 2.3-2.35-1-2.35-2.3c0-1.3 1.05-2.35 2.35-2.35zM2.5 8v3H1V8h1.5zM23 8v3h-1.5V8H23zM9 8.25c-.5 0-.9.45-.95 1 0 .55.4 1 .95 1 .55 0 .95-.45.95-1s-.4-1-.95-1zM23 3v3.5h-1.5v-2h-2V3H23zM4.5 3v1.5h-2v2H1V3h3.5zM18 3v1.5h-3V3h3zM9 3v1.5H6V3h3zm4.5 0v1.5h-3V3h3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/voucher/selected.svg b/packages/components/src/telekom/icons/content/voucher/selected.svg
index fa004fdc81..be4db33b60 100644
--- a/packages/components/src/telekom/icons/content/voucher/selected.svg
+++ b/packages/components/src/telekom/icons/content/voucher/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M4 3v2h1.5V3h3v2H10V3h3v2h1.5V3h3v2H19V3h3.5v3.5h-2V8h2v3h-2v1.5h2v3h-2V17h2v.5a3 3 0 01-3 3H19v-2h-1.5v2h-3v-2H13v2h-3v-2H8.5v2h-3v-2H4v2h-.5a3 3 0 01-3-3V17h2v-1.5h-2v-3h2V11h-2V8h2V6.5h-2V3H4zm10.295 8.945a2.25 2.25 0 100 4.5 2.25 2.25 0 000-4.5zm.77-4.635H13.43l-5.635 9h1.64l5.63-9zm-.755 5.905a1 1 0 010 1.945.975.975 0 010-1.945zM8.585 7.15a2.25 2.25 0 00-.03 4.5 2.235 2.235 0 002.27-2.245 2.25 2.25 0 00-2.24-2.255zm-.03 1.28a.92.92 0 01.92.975.915.915 0 11-1.825 0 .92.92 0 01.905-.975z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 3v2H6V3h3v2h1.5V3h3v2H15V3h3v2h1.5V3H23v3.5h-2V8h2v3h-2v1.5h2v3h-2V17h2v.5a3 3 0 01-2.824 2.995L20 20.5h-.5v-2H18v2h-3v-2h-1.5v2h-3v-2H9v2H6v-2H4.5v2H4a3 3 0 01-2.995-2.824L1 17.5V17h2v-1.5H1v-3h2V11H1V8h2V6.5H1V3h3.5zm10.295 8.945a2.25 2.25 0 100 4.5 2.25 2.25 0 000-4.5zm.77-4.635H13.93l-5.635 9h1.64l5.63-9zm-.755 5.905a1 1 0 010 1.945.975.975 0 01-.116-1.93l.116-.015zM9.085 7.15a2.25 2.25 0 00-.03 4.5 2.235 2.235 0 002.27-2.245 2.25 2.25 0 00-2.24-2.255zm-.03 1.28a.92.92 0 01.919.849l.001.126a.915.915 0 11-1.826.113l.001-.113a.92.92 0 01.905-.975z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/waiting/default.svg b/packages/components/src/telekom/icons/content/waiting/default.svg
new file mode 100644
index 0000000000..8b79043bc5
--- /dev/null
+++ b/packages/components/src/telekom/icons/content/waiting/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.005c.444 0 .75.35.75.745 0 .402-.329.75-.75.75-5.239 0-9.5 4.261-9.5 9.5 0 5.238 4.261 9.5 9.5 9.5 5.238 0 9.5-4.262 9.5-9.5 0-.2.08-.39.22-.53.276-.28.78-.28 1.06 0 .14.14.22.335.22.53 0 6.066-4.934 11-11 11S1 18.066 1 12 5.934 1.005 12 1.005zm0 2.98a.75.75 0 01.743.649l.007.101v6.516l4.852.005a.75.75 0 01.1 1.493l-.103.006-6.349-.006V4.735a.75.75 0 01.75-.75zm9.71 4.635a.75.75 0 01.384 1.45.745.745 0 01-.915-.53.747.747 0 01.531-.92zM20.5 6.225a.746.746 0 011.025.275.744.744 0 01-.27 1.02.743.743 0 01-1.025-.27.745.745 0 01.27-1.025zM18.715 4.22a.76.76 0 011.065 0c.29.295.29.77 0 1.06-.15.15-.34.22-.53.22a.838.838 0 01-.51-.194.699.699 0 01-.239-.482.759.759 0 01.214-.604zm-2.24-1.475a.751.751 0 011.3.755.744.744 0 01-1.025.27.755.755 0 01-.275-1.025zm-2.546-.84a.751.751 0 011.45.385.755.755 0 01-.38.474.754.754 0 01-.938-.208.749.749 0 01-.132-.651z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/wallet/default.svg b/packages/components/src/telekom/icons/content/wallet/default.svg
index 8b562e7f9b..54af5fc00f 100644
--- a/packages/components/src/telekom/icons/content/wallet/default.svg
+++ b/packages/components/src/telekom/icons/content/wallet/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.5 5V3h-3.9L15.7.25 9.55 3H5C3.35 3 2 4.35 2 6v13c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3V5h-1.5zm-4.8 0H8.75l6.05-2.75.9 2.75zm4.8 9.5H16c-.55 0-1-.45-1-1s.45-1 1-1h4.5v2zM16 11c-1.4 0-2.5 1.1-2.5 2.5S14.6 16 16 16h4.5v3c0 .85-.65 1.5-1.5 1.5H5c-.85 0-1.5-.65-1.5-1.5V6.5h17V11H16z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 5V3h-3.9L15.7.25 9.55 3H5C3.35 3 2 4.35 2 6v13c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3V5h-1.5zm-4.8 0H8.75l6.05-2.75.9 2.75zm4.8 9.5H16c-.55 0-1-.45-1-1s.45-1 1-1h4.5v2zM16 11c-1.4 0-2.5 1.1-2.5 2.5S14.6 16 16 16h4.5v3c0 .85-.65 1.5-1.5 1.5H5c-.85 0-1.5-.65-1.5-1.5V6.5h17V11H16z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/content/wallet/selected.svg b/packages/components/src/telekom/icons/content/wallet/selected.svg
index a76d879075..f5ef331396 100644
--- a/packages/components/src/telekom/icons/content/wallet/selected.svg
+++ b/packages/components/src/telekom/icons/content/wallet/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.7.225.925 2.775h3.875v2h1.5v6h-6a2.5 2.5 0 1 0 0 5h6v3a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3v-13a3 3 0 0 1 3-3h4.535zm6.3 12.275v2h-6a1 1 0 1 1 0-2zm-7.2-10.225-6.055 2.725h6.965z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.7.225L16.625 3H20.5v2H22v6h-6a2.5 2.5 0 00-.164 4.995L16 16h6v3a3 3 0 01-2.824 2.995L19 22H5a3 3 0 01-2.995-2.824L2 19V6a3 3 0 012.824-2.995L5 3h4.535L15.7.225zM22 12.5v2h-6a1 1 0 01-.117-1.993L16 12.5h6zM14.8 2.275L8.745 5h6.965l-.91-2.725z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/add-device/default.svg b/packages/components/src/telekom/icons/device/add-device/default.svg
index c74dbcfe5d..dba21f25aa 100644
--- a/packages/components/src/telekom/icons/device/add-device/default.svg
+++ b/packages/components/src/telekom/icons/device/add-device/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 6c1.65 0 3 1.35 3 3v3.25c-.65.7-1.15 1.55-1.5 2.5v-5.75c0-.85-.65-1.5-1.5-1.5h-1v1.5h-3v-1.5h-1c-.85 0-1.5.65-1.5 1.5v12c0 .85.65 1.5 1.5 1.5h5c.85 0 1.5-.65 1.5-1.5v-.75c.25.75.65 1.45 1.15 2.1-.5 1-1.5 1.65-2.65 1.65h-5c-1.65 0-3-1.35-3-3v-12c0-1.65 1.35-3 3-3zm9 5c3.6 0 6.5 2.9 6.5 6.5s-2.9 6.5-6.5 6.5-6.5-2.9-6.5-6.5 2.9-6.5 6.5-6.5zm-11.5 8.75a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm11.5-5.5c-.4 0-.75.35-.75.75v1.75h-1.75c-.4 0-.75.35-.75.75s.35.75.75.75h1.75v1.75c0 .4.35.75.75.75s.75-.35.75-.75v-1.75h1.75c.4 0 .75-.35.75-.75s-.35-.75-.75-.75h-1.75v-1.75c0-.4-.35-.75-.75-.75zm0-13.25c1.65 0 3 1.35 3 3v6.1c-.5-.2-1-.35-1.5-.45v-5.65c0-.85-.65-1.5-1.5-1.5h-10.5c-.85 0-1.5.65-1.5 1.5v.5h-1.5v-.5c0-1.65 1.35-3 3-3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 6a3.01 3.01 0 012.995 2.824L11 9v3.25a7.284 7.284 0 00-1.378 2.187l-.122.313V9c0-.8-.576-1.423-1.352-1.493L8 7.5H7V9H4V7.5H3c-.8 0-1.423.576-1.493 1.352L1.5 9v12c0 .8.576 1.423 1.352 1.493L3 22.5h5c.8 0 1.423-.576 1.493-1.352L9.5 21v-.75c.25.75.65 1.45 1.15 2.1a2.949 2.949 0 01-2.449 1.643L8 24H3a3.01 3.01 0 01-2.995-2.824L0 21V9a3.01 3.01 0 012.824-2.995L3 6h5zm9 5c3.6 0 6.5 2.9 6.5 6.5S20.6 24 17 24s-6.5-2.9-6.5-6.5S13.4 11 17 11zM5.5 19.75a1 1 0 110 2 1 1 0 010-2zm11.5-5.5a.772.772 0 00-.743.651L16.25 15v1.75H14.5c-.4 0-.75.35-.75.75 0 .367.294.691.651.743l.099.007h1.75V20c0 .4.35.75.75.75a.772.772 0 00.743-.651L17.75 20v-1.75h1.75c.4 0 .75-.35.75-.75a.772.772 0 00-.651-.743l-.099-.007h-1.75V15c0-.4-.35-.75-.75-.75zM17 1a3.01 3.01 0 012.995 2.824L20 4v6.1a8.728 8.728 0 00-1.125-.366L18.5 9.65V4c0-.8-.576-1.423-1.352-1.493L17 2.5H6.5c-.8 0-1.423.576-1.493 1.352L5 4v.5H3.5V4a3.01 3.01 0 012.824-2.995L6.5 1H17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/add-device/selected.svg b/packages/components/src/telekom/icons/device/add-device/selected.svg
index 6094ae25ec..790b93b845 100644
--- a/packages/components/src/telekom/icons/device/add-device/selected.svg
+++ b/packages/components/src/telekom/icons/device/add-device/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8.5 6a3 3 0 013 3v3.22a7.97 7.97 0 00-.335 10.155A3 3 0 018.5 24h-5a3 3 0 01-3-3V9a3 3 0 013-3zm9 5a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm0 1.5a5 5 0 100 10 5 5 0 000-10zM6 19.75a1 1 0 100 2 1 1 0 000-2zm11.5-5.5a.75.75 0 01.75.75v1.75H20a.75.75 0 010 1.5h-1.75V20a.75.75 0 11-1.5 0v-1.75H15a.75.75 0 110-1.5h1.75V15a.75.75 0 01.75-.75zM17.5 1a3 3 0 013 3v6.085a8 8 0 00-7.5.8V9a4.5 4.5 0 00-4.5-4.5H3.97V4a3 3 0 013-3zm-10 6.5h-3V9h3V7.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 6a3 3 0 012.995 2.824L11 9v3.22a7.97 7.97 0 00-.335 10.155 3 3 0 01-2.468 1.618L8 24H3a3 3 0 01-2.995-2.824L0 21V9a3 3 0 012.824-2.995L3 6h5zm9 5a6.5 6.5 0 110 13 6.5 6.5 0 010-13zm0 1.5a5 5 0 100 10 5 5 0 000-10zM5.5 19.75a1 1 0 100 2 1 1 0 000-2zm11.5-5.5a.75.75 0 01.743.648l.007.102v1.75h1.75a.75.75 0 01.102 1.493l-.102.007h-1.75V20a.75.75 0 01-1.493.102L16.25 20v-1.75H14.5a.75.75 0 01-.102-1.493l.102-.007h1.75V15a.75.75 0 01.75-.75zM17 1a3 3 0 012.995 2.824L20 4v6.085a8 8 0 00-7.252.638l-.248.162V9a4.5 4.5 0 00-4.288-4.495L8 4.5H3.47V4a3 3 0 012.824-2.995L6.47 1H17zM7 7.5H4V9h3V7.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/camera/default.svg b/packages/components/src/telekom/icons/device/camera/default.svg
index a35e5feb29..bc8dfb5b74 100644
--- a/packages/components/src/telekom/icons/device/camera/default.svg
+++ b/packages/components/src/telekom/icons/device/camera/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 5v3.8l1.8-1.8h1.7v10h-1.7l-1.8-1.8v1.8c0 1.65-1.35 3-3 3h-12c-1.65 0-3-1.35-3-3v-6.5h-1.5v-4h1.5v-1.5zm-1.5 1.5h-15v10.5c0 .85.65 1.5 1.5 1.5h12c.85 0 1.5-.65 1.5-1.5zm-9.5 2.75 5 3.25-5 3.25zm13-.35-2 2v2.2l2 2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 5v3.8L21.8 7h1.7v10h-1.7L20 15.2V17a3.01 3.01 0 01-2.824 2.995L17 20H5a3.01 3.01 0 01-2.995-2.824L2 17v-6.5H.5v-4H2V5h18zm-1.5 1.5h-15V17c0 .8.576 1.423 1.352 1.493L5 18.5h12c.8 0 1.423-.576 1.493-1.352L18.5 17V6.5zM9 9.25l5 3.25-5 3.25v-6.5zm13-.35l-2 2v2.2l2 2V8.9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/camera/selected.svg b/packages/components/src/telekom/icons/device/camera/selected.svg
index ba0fa5c19d..a2dd415c12 100644
--- a/packages/components/src/telekom/icons/device/camera/selected.svg
+++ b/packages/components/src/telekom/icons/device/camera/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.78 7L20 8.785V5H2v1.5H.5v4H2V17a3 3 0 003 3h12a3 3 0 003-3v-1.785L21.78 17h1.72V7h-1.72zM9 15.775v-6.55l5 3.275-5 3.275z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.78 7L20 8.785V5H2v1.5H.5v4H2V17a3 3 0 003 3h12a3 3 0 003-3v-1.785L21.78 17h1.72V7h-1.72zM9 15.775v-6.55l5 3.275-5 3.275z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/change-camera/default.svg b/packages/components/src/telekom/icons/device/change-camera/default.svg
index 0820b324bb..8d5225e93e 100644
--- a/packages/components/src/telekom/icons/device/change-camera/default.svg
+++ b/packages/components/src/telekom/icons/device/change-camera/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.794 1.141.106.009c5.15.95 9.1 5.45 9.1 10.85 0 3.45-1.6 6.55-4.1 8.6l1.6 2.4h-6.7l2.7-6.1 1.55 2.4c2.1-1.75 3.45-4.35 3.45-7.3 0-4.65-3.4-8.55-7.9-9.4-.45-.05-.75-.55-.55-1 .1-.35.5-.5.85-.45zm-3.594-.141-2.65 6.1-1.6-2.4c-2.1 1.75-3.45 4.35-3.45 7.3 0 4.65 3.4 8.55 7.9 9.35.45.05.75.55.55 1.05-.1.35-.5.5-.85.45-5.15-.95-9.1-5.45-9.1-10.85 0-3.45 1.6-6.55 4.1-8.55l-1.6-2.45zm4.3 8v1.75l1.35-1.25h.65v4.5h-.65l-1.35-1.25v.25c0 .85-.65 1.5-1.5 1.5h-3.5c-.85 0-1.5-.65-1.5-1.5v-4z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.794 1.141l.106.009C19.05 2.1 23 6.6 23 12c0 3.335-1.495 6.343-3.853 8.392l-.247.208 1.6 2.4h-6.7l2.7-6.1 1.55 2.4c2.1-1.75 3.45-4.35 3.45-7.3 0-4.65-3.4-8.55-7.9-9.4-.42-.047-.71-.485-.583-.91l.033-.09c.09-.315.423-.468.744-.459zM10.2 1L7.55 7.1l-1.6-2.4C3.85 6.45 2.5 9.05 2.5 12c0 4.65 3.4 8.55 7.9 9.35.45.05.75.55.55 1.05-.1.35-.5.5-.85.45C4.95 21.9 1 17.4 1 12a10.94 10.94 0 013.853-8.346L5.1 3.45 3.5 1h6.7zm4.3 8v1.75l1.35-1.25h.65V14h-.65l-1.35-1.25V13c0 .8-.576 1.423-1.352 1.493L13 14.5H9.5a1.47 1.47 0 01-1.493-1.352L8 13V9h6.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/change-camera/selected.svg b/packages/components/src/telekom/icons/device/change-camera/selected.svg
index 35fe8fb271..ecb80051dd 100644
--- a/packages/components/src/telekom/icons/device/change-camera/selected.svg
+++ b/packages/components/src/telekom/icons/device/change-camera/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13.777 1.154l.103.011A11 11 0 0123 12a10.965 10.965 0 01-4.1 8.555L20.5 23h-6.685l2.685-6.13 1.57 2.44a9.5 9.5 0 00-4.46-16.645.762.762 0 01.27-1.5zM10.185 1L7.5 7.13 5.93 4.715a9.5 9.5 0 004.46 16.645l-.015-.025a.762.762 0 01-.27 1.5 11 11 0 01-5-19.385L3.5 1h6.685zM14.5 9v1.765L15.825 9.5h.675V14h-.675L14.5 12.735V13a1.5 1.5 0 01-1.5 1.5H9.5A1.5 1.5 0 018 13V9h6.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.777 1.154l.103.011A11 11 0 0123 12a10.965 10.965 0 01-3.844 8.343l-.256.212L20.5 23h-6.685l2.685-6.13 1.57 2.44a9.5 9.5 0 00-4.46-16.645.762.762 0 01.167-1.511zM10.185 1L7.5 7.13 5.93 4.715a9.5 9.5 0 004.166 16.589l.294.056-.015-.025a.762.762 0 01-.27 1.5A11 11 0 014.863 3.651l.242-.201L3.5 1h6.685zM14.5 9v1.765L15.825 9.5h.675V14h-.675L14.5 12.735V13a1.5 1.5 0 01-1.356 1.493L13 14.5H9.5a1.5 1.5 0 01-1.493-1.356L8 13V9h6.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/computer/default.svg b/packages/components/src/telekom/icons/device/computer/default.svg
index f4ee7a8984..bb7675873d 100644
--- a/packages/components/src/telekom/icons/device/computer/default.svg
+++ b/packages/components/src/telekom/icons/device/computer/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m24 17c0 1.1-.9 2-2 2h-20c-1.1 0-2-.9-2-2zm-5.5-13.5c1.65 0 3 1.35 3 3v9h-1.5v-9c0-.85-.65-1.5-1.5-1.5h-13c-.85 0-1.5.65-1.5 1.5v9h-1.5v-9c0-1.65 1.35-3 3-3zm-11 4.25 3.65 3.55-1.65-.15 1 2.4-.95.4-1-2.4-1.05 1.3z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M24 18c0 1.05-.82 1.918-1.851 1.994L22 20H2C.95 20 .082 19.18.006 18.149L0 18h24zM18.5 4.5a3.01 3.01 0 012.995 2.824l.005.176v9H20v-9c0-.8-.576-1.423-1.352-1.493L18.5 6h-13c-.8 0-1.423.576-1.493 1.352L4 7.5v9H2.5v-9a3.01 3.01 0 012.824-2.995L5.5 4.5h13zm-11 4.25l3.65 3.55-1.65-.15 1 2.4-.95.4-1-2.4-1.05 1.3v-5.1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/computer/selected.svg b/packages/components/src/telekom/icons/device/computer/selected.svg
index 0c1aec0a62..79bf85712d 100644
--- a/packages/components/src/telekom/icons/device/computer/selected.svg
+++ b/packages/components/src/telekom/icons/device/computer/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m24 17a2 2 0 0 1 -2 2h-20a2 2 0 0 1 -2-2zm-5.5-12.75a2.245 2.245 0 0 1 2.25 2.25v9h-17.5v-9a2.245 2.245 0 0 1 2.25-2.25zm-11 3.505v5.09l1.08-1.29 1 2.385.92-.39-1-2.38 1.645.14z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M24 18c0 1.05-.82 1.918-1.851 1.994L22 20H2C.95 20 .082 19.18.006 18.149L0 18h24zM18.5 4.5a3.01 3.01 0 012.995 2.824l.005.176v9h-19v-9a3.01 3.01 0 012.824-2.995L5.5 4.5h13zm-11 4.25l3.65 3.55-1.65-.15 1 2.4-.95.4-1-2.4-1.05 1.3v-5.1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-controller/default.svg b/packages/components/src/telekom/icons/device/device-controller/default.svg
new file mode 100644
index 0000000000..29ff050857
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/device-controller/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.725 4.955l1.107 1.01a3.043 3.043 0 014.336 0l1.107-1.009a4.537 4.537 0 00-6.55 0zM12 2.056c1.725 0 3.279.728 4.383 1.889l1.107-1.009A7.528 7.528 0 0012 .556a7.528 7.528 0 00-5.49 2.38l1.107 1.009A6.033 6.033 0 0112 2.056zM6 7v10.5a6 6 0 0012 0V7H6zm10.5 10.5c0 2.482-2.018 4.5-4.5 4.5a4.505 4.505 0 01-4.5-4.5v-9h9v9zm-4.5-1a3 3 0 100-6 3 3 0 000 6zm0-4.5c.827 0 1.5.673 1.5 1.5S12.827 15 12 15s-1.5-.673-1.5-1.5.673-1.5 1.5-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-controller/selected.svg b/packages/components/src/telekom/icons/device/device-controller/selected.svg
new file mode 100644
index 0000000000..dd5c60050e
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/device-controller/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.003 7v10.5a6 6 0 01-11.995.225l-.005-.225V7h12zm-6 3.5a3 3 0 100 6 3 3 0 000-6zm0 1.5c.828 0 1.5.673 1.5 1.5s-.672 1.5-1.5 1.5c-.826 0-1.5-.673-1.5-1.5s.674-1.5 1.5-1.5zm0-8.442c1.2 0 2.291.469 3.105 1.23l.17.168-1.106 1.009a3.043 3.043 0 00-4.194-.136l-.143.136-1.107-1.01a4.534 4.534 0 013.276-1.397zm0-3.002a7.52 7.52 0 015.29 2.175l.2.205-1.106 1.009a6.026 6.026 0 00-8.578-.19l-.189.19-1.106-1.009a7.528 7.528 0 015.49-2.38z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-ethernet/default.svg b/packages/components/src/telekom/icons/device/device-ethernet/default.svg
new file mode 100644
index 0000000000..8f5469de32
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/device-ethernet/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 3v6.5h-3l-5-1.511V7H6.75a3.254 3.254 0 00-3.25 3.25c0 1.73 1.36 3.15 3.066 3.245l.184.005H14c2.206 0 4 1.794 4 4a4.005 4.005 0 01-3.8 3.995l-.2.005H3.75a.75.75 0 01-.102-1.493L3.75 20H14c1.379 0 2.5-1.122 2.5-2.5a2.503 2.503 0 00-2.336-2.495L14 15H6.75A4.756 4.756 0 012 10.25a4.756 4.756 0 014.533-4.745L6.75 5.5H10v-.989L15 3h3zm4 1v4.5h-2.5V4H22z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-ethernet/selected.svg b/packages/components/src/telekom/icons/device/device-ethernet/selected.svg
new file mode 100644
index 0000000000..8f5469de32
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/device-ethernet/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 3v6.5h-3l-5-1.511V7H6.75a3.254 3.254 0 00-3.25 3.25c0 1.73 1.36 3.15 3.066 3.245l.184.005H14c2.206 0 4 1.794 4 4a4.005 4.005 0 01-3.8 3.995l-.2.005H3.75a.75.75 0 01-.102-1.493L3.75 20H14c1.379 0 2.5-1.122 2.5-2.5a2.503 2.503 0 00-2.336-2.495L14 15H6.75A4.756 4.756 0 012 10.25a4.756 4.756 0 014.533-4.745L6.75 5.5H10v-.989L15 3h3zm4 1v4.5h-2.5V4H22z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-mesh/default.svg b/packages/components/src/telekom/icons/device/device-mesh/default.svg
new file mode 100644
index 0000000000..34f4c951cf
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/device-mesh/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 14a1 1 0 100 2 1 1 0 000-2zm9.449 6.642l-2.155-1.099A10.462 10.462 0 0022.5 12c0-5.799-4.701-10.5-10.5-10.5S1.5 6.201 1.5 12c0 2.963 1.232 5.634 3.205 7.543l-2.154 1.099a.75.75 0 10.682 1.335l2.732-1.393A10.437 10.437 0 0012 22.5a10.44 10.44 0 006.035-1.916l2.732 1.393a.75.75 0 10.682-1.335zM12 21c-4.963 0-9-4.038-9-9 0-4.963 4.037-9 9-9 4.962 0 9 4.037 9 9 0 4.962-4.038 9-9 9zm0-10a3.999 3.999 0 00-3.466 2.013L9.7 14.02A2.502 2.502 0 0112 12.5c1.03 0 1.916.627 2.299 1.52l1.168-1.007A3.999 3.999 0 0012 11zm0-3a6.996 6.996 0 00-5.763 3.035l1.146.987A5.496 5.496 0 0112 9.5a5.496 5.496 0 014.617 2.522l1.145-.987A6.995 6.995 0 0012 8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-mesh/selected.svg b/packages/components/src/telekom/icons/device/device-mesh/selected.svg
new file mode 100644
index 0000000000..3ca6d2f966
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/device-mesh/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.004 1.5c5.798 0 10.5 4.701 10.5 10.5 0 2.849-1.14 5.428-2.982 7.32l-.224.223 2.155 1.099a.749.749 0 01-.57 1.382l-.112-.047-2.733-1.393a10.44 10.44 0 01-6.034 1.916c-2.117 0-4.082-.632-5.73-1.71l-.305-.206-2.733 1.393a.75.75 0 01-.77-1.284l.089-.051 2.154-1.1A10.462 10.462 0 011.504 12c0-5.799 4.7-10.5 10.5-10.5zm0 12.5a1 1 0 100 2 1 1 0 000-2zm0-3a3.995 3.995 0 00-3.353 1.827l-.114.186 1.168 1.007a2.502 2.502 0 012.299-1.52c.97 0 1.811.555 2.225 1.365l.073.155 1.168-1.007A3.999 3.999 0 0012.004 11zm0-3a6.991 6.991 0 00-5.607 2.818l-.156.217 1.146.987A5.496 5.496 0 0112.003 9.5c1.85 0 3.488.921 4.485 2.327l.131.195 1.146-.987A6.995 6.995 0 0012.004 8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-phone/default.svg b/packages/components/src/telekom/icons/device/device-phone/default.svg
index 589eb29637..a4b706f561 100644
--- a/packages/components/src/telekom/icons/device/device-phone/default.svg
+++ b/packages/components/src/telekom/icons/device/device-phone/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16 .5c1.65 0 3 1.35 3 3v17c0 1.65-1.35 3-3 3h-8c-1.65 0-3-1.35-3-3v-17c0-1.65 1.35-3 3-3zm-6 1.5h-2c-.85 0-1.5.65-1.5 1.5v17c0 .85.65 1.5 1.5 1.5h8c.85 0 1.5-.65 1.5-1.5v-17c0-.85-.65-1.5-1.5-1.5h-2v1.5h-4zm2 16.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 .5a3.01 3.01 0 012.995 2.824L19 3.5v17a3.01 3.01 0 01-2.824 2.995L16 23.5H8a3.01 3.01 0 01-2.995-2.824L5 20.5v-17A3.01 3.01 0 017.824.505L8 .5h8zM10 2H8c-.8 0-1.423.576-1.493 1.352L6.5 3.5v17c0 .8.576 1.423 1.352 1.493L8 22h8c.8 0 1.423-.576 1.493-1.352l.007-.148v-17c0-.8-.576-1.423-1.352-1.493L16 2h-2v1.5h-4V2zm2 16.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-phone/selected.svg b/packages/components/src/telekom/icons/device/device-phone/selected.svg
index 01445f2ee6..58b5f7593b 100644
--- a/packages/components/src/telekom/icons/device/device-phone/selected.svg
+++ b/packages/components/src/telekom/icons/device/device-phone/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M16 .5a3 3 0 013 3v17a3 3 0 01-3 3H8a3 3 0 01-3-3v-17a3 3 0 013-3zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm2-16.5h-4v1h4v-1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 .5a3 3 0 012.995 2.824L19 3.5v17a3 3 0 01-2.824 2.995L16 23.5H8a3 3 0 01-2.995-2.824L5 20.5v-17A3 3 0 017.824.505L8 .5h8zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm2-16.5h-4v1h4v-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-router/default.svg b/packages/components/src/telekom/icons/device/device-router/default.svg
index 492ed1e234..8750044b3e 100644
--- a/packages/components/src/telekom/icons/device/device-router/default.svg
+++ b/packages/components/src/telekom/icons/device/device-router/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.8 7 1.75 1.5h-4.05c-.85 0-1.5.65-1.5 1.5v10c0 .85.65 1.5 1.5 1.5h15c.85 0 1.5-.65 1.5-1.5v-10c0-.85-.65-1.5-1.5-1.5h-4.05l1.75-1.5h2.3c1.65 0 3 1.35 3 3v10c0 1.65-1.35 3-3 3h-15c-1.65 0-3-1.35-3-3v-10c0-1.65 1.35-3 3-3zm6.2 10v2h-2v-2zm-1-9.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3c1.45 0 2.75.8 3.45 2l-1.15 1c-.4-.85-1.25-1.5-2.3-1.5s-1.9.6-2.3 1.5l-1.15-1c.65-1.2 2-2 3.45-2zm0-3c2.4 0 4.5 1.2 5.75 3l-1.15 1c-.95-1.5-2.65-2.5-4.6-2.5s-3.65 1-4.6 2.55l-1.15-1a6.904 6.904 0 0 1 5.75-3.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.8 7l1.75 1.5H4.5c-.8 0-1.423.576-1.493 1.352L3 10v10c0 .8.576 1.423 1.352 1.493l.148.007h15c.8 0 1.423-.576 1.493-1.352L21 20V10c0-.8-.576-1.423-1.352-1.493L19.5 8.5h-4.05L17.2 7h2.3a3.01 3.01 0 012.995 2.824L22.5 10v10a3.01 3.01 0 01-2.824 2.995L19.5 23h-15a3.01 3.01 0 01-2.995-2.824L1.5 20V10a3.01 3.01 0 012.824-2.995L4.5 7h2.3zM13 17v2h-2v-2h2zm-1-9.5a1 1 0 110 2 1 1 0 010-2zm0-3c1.374 0 2.613.718 3.335 1.814l.115.186-1.15 1C13.9 6.65 13.05 6 12 6c-.984 0-1.793.527-2.22 1.335L9.7 7.5l-1.15-1c.65-1.2 2-2 3.45-2zm0-3a6.985 6.985 0 015.596 2.787l.154.213-1.15 1C15.65 4 13.95 3 12 3a5.357 5.357 0 00-4.472 2.351L7.4 5.55l-1.15-1A6.904 6.904 0 0112 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-router/selected.svg b/packages/components/src/telekom/icons/device/device-router/selected.svg
index 73aaf03adc..db66eb4bd9 100644
--- a/packages/components/src/telekom/icons/device/device-router/selected.svg
+++ b/packages/components/src/telekom/icons/device/device-router/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19.5 7h-2.3L13 10.635l-1 .865-1-.845L6.8 7H4.5a3 3 0 00-3 3v10a3 3 0 003 3h15a3 3 0 003-3V10a3 3 0 00-3-3zM13 19h-2v-2h2v2zM12 3a5.5 5.5 0 014.615 2.5l1.145-1a7 7 0 00-11.525 0l1.15 1A5.5 5.5 0 0112 3zm2.3 4.5l1.165-1a4 4 0 00-6.93 0l1.165 1a2.5 2.5 0 014.6 0zm-3.3 1a1 1 0 102 0 1 1 0 00-2 0z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 7h-2.3L13 10.635l-1 .865-1-.845L6.8 7H4.5a3 3 0 00-3 3v10a3 3 0 003 3h15a3 3 0 003-3V10a3 3 0 00-3-3zM13 19h-2v-2h2v2zM12 3a5.5 5.5 0 014.615 2.5l1.145-1a7 7 0 00-11.525 0l1.15 1A5.5 5.5 0 0112 3zm2.3 4.5l1.165-1a4 4 0 00-6.93 0l1.165 1a2.5 2.5 0 014.6 0zm-3.3 1a1 1 0 102 0 1 1 0 00-2 0z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-tv/default.svg b/packages/components/src/telekom/icons/device/device-tv/default.svg
index be24764925..8d21abe9aa 100644
--- a/packages/components/src/telekom/icons/device/device-tv/default.svg
+++ b/packages/components/src/telekom/icons/device/device-tv/default.svg
@@ -1,3 +1 @@
-<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M23 3.5V16c0 1.65-1.35 3-3 3h-5.45l.2.2c.25.5.75.8 1.3.8h2.5v1.5h-13V20h2.5c.55 0 1.05-.3 1.3-.8l.1-.2H4c-1.65 0-3-1.35-3-3V3.5h22ZM21.5 5h-19v11c0 .85.65 1.5 1.5 1.5h16c.85 0 1.5-.65 1.5-1.5V5Zm-12 2.65 5.5 3.6-5.5 3.6v-7.2Z" fill="#262626" fill-rule="evenodd"/>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23 3.5V16a3.01 3.01 0 01-2.824 2.995L20 19h-5.45l.2.2c.227.455.661.744 1.151.793l.149.007h2.5v1.5h-13V20h2.5c.5 0 .959-.248 1.226-.669l.074-.131.1-.2H4a3.01 3.01 0 01-2.995-2.824L1 16V3.5h22zM21.5 5h-19v11c0 .8.576 1.423 1.352 1.493L4 17.5h16c.8 0 1.423-.576 1.493-1.352L21.5 16V5zm-12 2.65l5.5 3.6-5.5 3.6v-7.2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-tv/selected.svg b/packages/components/src/telekom/icons/device/device-tv/selected.svg
index 0fb42976da..af521a8295 100644
--- a/packages/components/src/telekom/icons/device/device-tv/selected.svg
+++ b/packages/components/src/telekom/icons/device/device-tv/selected.svg
@@ -1,3 +1 @@
-<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M1 3.5V16a3 3 0 0 0 3 3h5.44l-.11.21A1.5 1.5 0 0 1 8 20H5.5v1.5h13V20H16a1.5 1.5 0 0 1-1.325-.79L14.56 19H20a3 3 0 0 0 3-3V3.5H1Zm8.5 11.35v-7.2l5.5 3.6-5.5 3.6Z" fill="#262626" fill-rule="evenodd"/>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.5V16a3 3 0 003 3h5.44l-.11.21A1.5 1.5 0 018 20H5.5v1.5h13V20H16a1.5 1.5 0 01-1.325-.79L14.56 19H20a3 3 0 003-3V3.5H1zm8.5 11.35v-7.2l5.5 3.6-5.5 3.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-watch/default.svg b/packages/components/src/telekom/icons/device/device-watch/default.svg
index c6da6654fb..4cf007f18f 100644
--- a/packages/components/src/telekom/icons/device/device-watch/default.svg
+++ b/packages/components/src/telekom/icons/device/device-watch/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.5 10.5H20v-3c0-1.75-1.1-3.2-2.65-3.75l-.25-.9C16.8 1.75 15.8 1 14.7 1H9.3c-1.1 0-2.1.75-2.4 1.8l-.25.9C5.1 4.3 4 5.75 4 7.5v9c0 1.75 1.1 3.2 2.65 3.75l.25.9c.3 1.1 1.3 1.8 2.4 1.8h5.4c1.1 0 2.1-.75 2.4-1.8l.25-.9A4.004 4.004 0 0020 16.5v-3h1.5v-3zm-3 6c0 1.4-1.1 2.5-2.5 2.5H8c-1.4 0-2.5-1.1-2.5-2.5v-9C5.5 6.1 6.6 5 8 5h8c1.4 0 2.5 1.1 2.5 2.5v9z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 10.5H20v-3c0-1.75-1.1-3.2-2.65-3.75l-.25-.9C16.8 1.75 15.8 1 14.7 1H9.3c-1.1 0-2.1.75-2.4 1.8l-.25.9C5.1 4.3 4 5.75 4 7.5v9c0 1.75 1.1 3.2 2.65 3.75l.25.9c.3 1.1 1.3 1.8 2.4 1.8h5.4c1.1 0 2.1-.75 2.4-1.8l.25-.9A4.004 4.004 0 0020 16.5v-3h1.5v-3zm-3 6c0 1.4-1.1 2.5-2.5 2.5H8c-1.4 0-2.5-1.1-2.5-2.5v-9C5.5 6.1 6.6 5 8 5h8c1.4 0 2.5 1.1 2.5 2.5v9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/device-watch/selected.svg b/packages/components/src/telekom/icons/device/device-watch/selected.svg
index fae77a726a..51d3397d17 100644
--- a/packages/components/src/telekom/icons/device/device-watch/selected.svg
+++ b/packages/components/src/telekom/icons/device/device-watch/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.19 20.875l-.08.3A2.5 2.5 0 0114.7 23H9.3a2.5 2.5 0 01-2.41-1.825l-.08-.3h10.38zM15.97 3.5a4 4 0 014 4v9a4 4 0 01-4 4H8.03a4 4 0 01-4-4v-9a4 4 0 014-4zm5.53 7v3h-1.05v-3h1.05zM14.7.955a2.5 2.5 0 012.41 1.825l.08.3H6.81l.08-.3A2.5 2.5 0 019.3.955z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.19 20.875l-.08.3a2.5 2.5 0 01-2.234 1.82L14.7 23H9.3a2.5 2.5 0 01-2.357-1.657l-.053-.168-.08-.3h10.38zM15.97 3.5a4 4 0 013.995 3.8l.005.2v9a4 4 0 01-3.8 3.995l-.2.005H8.03a4 4 0 01-3.995-3.8l-.005-.2v-9a4 4 0 013.8-3.995l.2-.005h7.94zm5.53 7v3h-1.05v-3h1.05zM14.7.955a2.5 2.5 0 012.357 1.657l.053.168.08.3H6.81l.08-.3A2.5 2.5 0 019.124.96L9.3.956h5.4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/dongle/default.svg b/packages/components/src/telekom/icons/device/dongle/default.svg
new file mode 100644
index 0000000000..92bf9c0a83
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/dongle/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.986 14.652a3.976 3.976 0 000-5.304l-1.125 1c.393.44.639 1.016.639 1.652a2.48 2.48 0 01-.639 1.653l1.125 1zm2.239 1.99a6.959 6.959 0 000-9.284l-1.119.994A5.475 5.475 0 0110.5 12c0 1.4-.53 2.675-1.394 3.647l1.119.995zM5 13a1 1 0 100-2 1 1 0 000 2zm14 1.5h1.5V13H19v1.5zm0-3.5h1.5V9.5H19V11zm-1.5 4.5H22v-7h-4.5v7zm-1.5 2H3.5c-.827 0-1.5-.674-1.5-1.5V8c0-.827.673-1.5 1.5-1.5H16v11zM17.5 7V5h-14a3 3 0 00-3 3v8a3 3 0 003 3h14v-2h6V7h-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/dongle/selected.svg b/packages/components/src/telekom/icons/device/dongle/selected.svg
new file mode 100644
index 0000000000..ff2351e7a1
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/dongle/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M17.501 15.5h4.5v-7h-4.5v7zm-7.275 1.142l-1.12-.995a5.466 5.466 0 000-7.295l1.12-.994A6.964 6.964 0 0112.001 12a6.964 6.964 0 01-1.775 4.642zm-2.24-1.99l-1.125-.999A2.48 2.48 0 007.501 12c0-.636-.247-1.212-.64-1.653l1.125-.999A3.977 3.977 0 019.001 12a3.977 3.977 0 01-1.015 2.652zM5.001 13a1 1 0 110-2 1 1 0 010 2zm12.5-6V5h-14a3 3 0 00-3 3v8a3 3 0 003 3h14v-2h6V7h-6z"/><path d="M19.001 11h1.5V9.5h-1.5zM19.001 14.5h1.5V13h-1.5z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/fax/default.svg b/packages/components/src/telekom/icons/device/fax/default.svg
new file mode 100644
index 0000000000..2464eaede1
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/fax/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.251 17.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.5-2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.5 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm5-2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-5.75-1.5h6.5V10h-6.5v3.5zm5.75 4a.75.75 0 100 1.5.75.75 0 000-1.5zm4.25 2.007c0 .85-.65 1.5-1.5 1.5h-12v-13h12c.85 0 1.5.65 1.5 1.5v10zm-15 1.5h-3.5c-.85 0-1.5-.65-1.5-1.5v-10c0-.85.65-1.5 1.5-1.5h3.5v13zm3.007-14.501h9.512V3.021h-9.512v3.485zm10.677.011h.335V1.521H8.508v4.986H3.501c-1.65 0-3 1.35-3 3v10c0 1.65 1.35 3 3 3h17c1.65 0 3-1.35 3-3v-10a3.005 3.005 0 00-2.816-2.99z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/fax/selected.svg b/packages/components/src/telekom/icons/device/fax/selected.svg
new file mode 100644
index 0000000000..d38c04c64a
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/fax/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M.501 9.507v10c0 1.65 1.35 3 3 3h3.5v-16h-3.5c-1.65 0-3 1.35-3 3zm9.507-3h9.512V3.022h-9.512v3.485zm1.993 6.993h6.5V10h-6.5v3.5zm5.75 3a.75.75 0 110-1.5.75.75 0 010 1.5zm0 2.5a.75.75 0 110-1.5.75.75 0 010 1.5zm-2.5-2.5a.75.75 0 110-1.5.75.75 0 010 1.5zm0 2.5a.75.75 0 110-1.5.75.75 0 010 1.5zm-2.5-2.5a.75.75 0 110-1.5.75.75 0 010 1.5zm0 2.5a.75.75 0 110-1.5.75.75 0 010 1.5zm8.184-12.457h.085V1.522H8.508v4.985h-.007v16h12c1.65 0 3-1.35 3-3v-10a3.008 3.008 0 00-2.566-2.964z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/fixed-line-services/default.svg b/packages/components/src/telekom/icons/device/fixed-line-services/default.svg
index 2f9b508747..ac42117126 100644
--- a/packages/components/src/telekom/icons/device/fixed-line-services/default.svg
+++ b/packages/components/src/telekom/icons/device/fixed-line-services/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20 11.5c1.65 0 3 1.35 3 3V24H1.5v-9.5c0-1.65 1.35-3 3-3V13c-.85 0-1.5.65-1.5 1.5v8h18.5v-8c0-.85-.65-1.5-1.5-1.5zM15.5 0c1.65 0 3 1.35 3 3v15c0 1.65-1.35 3-3 3H9c-1.65 0-3-1.35-3-3V3c0-1.65 1.35-3 3-3zm0 1.5H9c-.85 0-1.5.65-1.5 1.5v15c0 .85.65 1.5 1.5 1.5h6.5c.85 0 1.5-.65 1.5-1.5V3c0-.85-.65-1.5-1.5-1.5zM14.75 15a.75.75 0 110 1.5.75.75 0 010-1.5zm-5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5-2.5a.75.75 0 110 1.5.75.75 0 010-1.5zm-5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zM9.75 10a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm.75-5v3.5H9V5h6.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 11.5a3.01 3.01 0 012.995 2.824L23 14.5V24H1.5v-9.5a3.01 3.01 0 012.824-2.995L4.5 11.5V13c-.8 0-1.423.576-1.493 1.352L3 14.5v8h18.5v-8c0-.8-.576-1.423-1.352-1.493L20 13v-1.5zM15.5 0a3.01 3.01 0 012.995 2.824L18.5 3v15a3.01 3.01 0 01-2.824 2.995L15.5 21H9a3.01 3.01 0 01-2.995-2.824L6 18V3A3.01 3.01 0 018.824.005L9 0h6.5zm0 1.5H9c-.8 0-1.423.576-1.493 1.352L7.5 3v15c0 .8.576 1.423 1.352 1.493L9 19.5h6.5c.8 0 1.423-.576 1.493-1.352L17 18V3c0-.8-.576-1.423-1.352-1.493L15.5 1.5zM14.75 15a.75.75 0 110 1.5.75.75 0 010-1.5zm-5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5-2.5a.75.75 0 110 1.5.75.75 0 010-1.5zm-5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zM9.75 10a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm2.5 0a.75.75 0 110 1.5.75.75 0 010-1.5zm.75-5v3.5H9V5h6.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/fixed-line-services/selected.svg b/packages/components/src/telekom/icons/device/fixed-line-services/selected.svg
index 23ddd01d3d..c2fc771fdc 100644
--- a/packages/components/src/telekom/icons/device/fixed-line-services/selected.svg
+++ b/packages/components/src/telekom/icons/device/fixed-line-services/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19.75 11.5a3 3 0 013 3V24H1.25v-9.5a3 3 0 013-3V13a1.5 1.5 0 00-1.5 1.5v8h18.5v-8a1.5 1.5 0 00-1.5-1.5zM15.25 0a3 3 0 013 3v15a3 3 0 01-3 3h-6.5a3 3 0 01-3-3V3a3 3 0 013-3zM12 15a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5-2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-5 0a.75.75 0 100 1.5.75.75 0 000-1.5zM12 10a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm5.75-5h-6.5v3.5h6.5V5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 11.5a3 3 0 012.995 2.824L23 14.5V24H1.5v-9.5a3 3 0 012.824-2.995L4.5 11.5V13a1.5 1.5 0 00-1.493 1.356L3 14.5v8h18.5v-8a1.5 1.5 0 00-1.356-1.493L20 13v-1.5zM15.5 0a3 3 0 012.995 2.824L18.5 3v15a3 3 0 01-2.824 2.995L15.5 21H9a3 3 0 01-2.995-2.824L6 18V3A3 3 0 018.824.005L9 0h6.5zm-3.25 15a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5-2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5-2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm2.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm-5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm5.75-5H9v3.5h6.5V5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/game-controller/default.svg b/packages/components/src/telekom/icons/device/game-controller/default.svg
new file mode 100644
index 0000000000..4af687be10
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/game-controller/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 14.25a1.25 1.25 0 10-.001 2.498 1.25 1.25 0 00.002-2.498m-3-2.5a1.25 1.25 0 10-.002 2.498 1.25 1.25 0 00.002-2.498M10 13.5H8.5V12A.75.75 0 107 12v1.5H5.5a.75.75 0 100 1.5H7v1.5a.75.75 0 101.5 0V15H10a.75.75 0 100-1.5m11.99 7.167a2.625 2.625 0 01-1.635 1.3 2.667 2.667 0 01-2.692-.811L15.34 18.5H8.66l-2.323 2.655a2.667 2.667 0 01-2.692.812 2.63 2.63 0 01-1.636-1.3 2.626 2.626 0 01-.185-2.08L4.795 9.5h14.412l2.97 9.087a2.618 2.618 0 01-.186 2.08m1.612-2.547L20.295 8H3.707L.397 18.12a4.119 4.119 0 00.293 3.259 4.112 4.112 0 002.562 2.035 4.171 4.171 0 004.214-1.271L9.34 20h5.32l1.875 2.143a4.173 4.173 0 004.215 1.271 4.113 4.113 0 002.56-2.035 4.11 4.11 0 00.292-3.259M12 2.056c1.725 0 3.279.729 4.383 1.889l1.107-1.009A7.533 7.533 0 0012 .556a7.531 7.531 0 00-5.49 2.38l1.107 1.009A6.032 6.032 0 0112 2.056m-3.275 2.9l1.106 1.008a3.045 3.045 0 014.338.001l1.106-1.009a4.537 4.537 0 00-6.55 0" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/game-controller/selected.svg b/packages/components/src/telekom/icons/device/game-controller/selected.svg
new file mode 100644
index 0000000000..f485d437d3
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/game-controller/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 15.5a1.25 1.25 0 10-2.5 0 1.25 1.25 0 002.5 0M16 13a1.25 1.25 0 10-2.5 0 1.25 1.25 0 002.5 0m-5.25 1.25a.75.75 0 00-.75-.75H8.5V12A.75.75 0 107 12v1.5H5.5a.75.75 0 100 1.5H7v1.5a.75.75 0 001.5 0V15H10a.75.75 0 00.75-.75m12.562 7.129a4.11 4.11 0 01-2.561 2.035 4.176 4.176 0 01-4.215-1.271L14.66 20H9.34l-1.874 2.143a4.175 4.175 0 01-4.216 1.271A4.113 4.113 0 01.69 21.379a4.12 4.12 0 01-.292-3.259L3.707 8h16.588l3.309 10.12a4.115 4.115 0 01-.292 3.259M12 2.056c1.724 0 3.279.728 4.383 1.889l1.107-1.009A7.527 7.527 0 0012 .556a7.527 7.527 0 00-5.49 2.38l1.107 1.009A6.034 6.034 0 0112 2.056m0 1.503c1.285 0 2.446.537 3.275 1.397l-1.107 1.009A3.037 3.037 0 0012 5.058a3.04 3.04 0 00-2.168.906L8.726 4.956A4.53 4.53 0 0112 3.559" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/media-receiver/default.svg b/packages/components/src/telekom/icons/device/media-receiver/default.svg
index eea3f44856..27a130bb66 100644
--- a/packages/components/src/telekom/icons/device/media-receiver/default.svg
+++ b/packages/components/src/telekom/icons/device/media-receiver/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m23.5 13v5c0 1.65-1.35 3-3 3h-17c-1.65 0-3-1.35-3-3v-5zm-1.5 1.5h-20v3.5c0 .85.65 1.5 1.5 1.5h17c.85 0 1.5-.65 1.5-1.5zm-3 1.5v2h-2v-2zm.2-11.5 1.05 1.05c-2.2 2.15-4.95 3.35-8.05 3.35s-6-1.2-8.15-3.35l1.05-1.05c1.85 1.9 4.4 2.95 7.05 2.95s5.15-1.05 7.05-2.95zm-2.85-2.85 1.05 1.05c-1.4 1.4-3.3 2.2-5.3 2.2s-3.9-.8-5.3-2.2l1.05-1.05a5.935 5.935 0 0 0 4.25 1.75c1.6 0 3.1-.6 4.25-1.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 13v5a3.01 3.01 0 01-2.824 2.995L20.5 21h-17a3.01 3.01 0 01-2.995-2.824L.5 18v-5h23zM22 14.5H2V18c0 .8.576 1.423 1.352 1.493l.148.007h17c.8 0 1.423-.576 1.493-1.352L22 18v-3.5zM19 16v2h-2v-2h2zm.2-11.5l1.05 1.05C18.05 7.7 15.3 8.9 12.2 8.9c-2.98 0-5.777-1.11-7.899-3.106L4.05 5.55 5.1 4.5c1.85 1.9 4.4 2.95 7.05 2.95 2.54 0 4.941-.964 6.81-2.717l.24-.233zm-2.85-2.85L17.4 2.7c-1.4 1.4-3.3 2.2-5.3 2.2a7.49 7.49 0 01-5.086-1.995L6.8 2.7l1.05-1.05A5.935 5.935 0 0012.1 3.4a5.933 5.933 0 004.043-1.553l.207-.197z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/media-receiver/selected.svg b/packages/components/src/telekom/icons/device/media-receiver/selected.svg
index 6c6f74c663..3781922091 100644
--- a/packages/components/src/telekom/icons/device/media-receiver/selected.svg
+++ b/packages/components/src/telekom/icons/device/media-receiver/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.5 13v5a3 3 0 01-3 3h-17a3 3 0 01-3-3v-5h23zM19 16h-2v2h2v-2zm.175-11.53l1.06 1.06A11.42 11.42 0 0112.1 8.9a11.41 11.41 0 01-8.13-3.37l1.06-1.06A9.93 9.93 0 0012.1 7.4a9.935 9.935 0 007.075-2.93zm-2.83-2.83l1.06 1.06A7.44 7.44 0 0112.1 4.9a7.435 7.435 0 01-5.3-2.2l1.06-1.06A5.95 5.95 0 0012.1 3.4a5.96 5.96 0 004.245-1.76z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 13v5a3 3 0 01-2.824 2.995L20.5 21h-17a3 3 0 01-2.995-2.824L.5 18v-5h23zM19 16h-2v2h2v-2zm.175-11.53l1.06 1.06A11.42 11.42 0 0112.1 8.9a11.41 11.41 0 01-7.878-3.124L3.97 5.53l1.06-1.06A9.93 9.93 0 0012.1 7.4a9.935 9.935 0 006.838-2.699l.237-.231zm-2.83-2.83l1.06 1.06A7.44 7.44 0 0112.1 4.9a7.435 7.435 0 01-5.086-1.993L6.8 2.7l1.06-1.06A5.95 5.95 0 0012.1 3.4a5.96 5.96 0 004.043-1.566l.202-.194z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-data/default.svg b/packages/components/src/telekom/icons/device/mobile-data/default.svg
new file mode 100644
index 0000000000..ccfb1b7d53
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/mobile-data/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.5.5a3 3 0 012.995 2.824l.005.176V6H13V3.5c0-.778-.596-1.42-1.356-1.493L11.5 2h-2v1.5h-4V2h-2c-.778 0-1.42.596-1.493 1.356L2 3.5v17c0 .778.596 1.42 1.356 1.493L3.5 22h8c.778 0 1.42-.596 1.493-1.356L13 20.48l1.37.896a3.002 3.002 0 01-2.678 2.119l-.192.006h-8a3 3 0 01-2.995-2.824L.5 20.5v-17A3 3 0 013.324.505L3.5.5h8zm-4 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm7-7.668V14.5h6.25a.75.75 0 01.102 1.493L20.75 16H14.5v3.668L7.75 15.25l6.75-4.418zm1.5-7l6.75 4.418L16 12.668V9H9.75a.75.75 0 01-.102-1.493L9.75 7.5H16V3.832z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-data/selected.svg b/packages/components/src/telekom/icons/device/mobile-data/selected.svg
new file mode 100644
index 0000000000..22e4c21f5c
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/mobile-data/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.5.5a3 3 0 012.995 2.824l.005.176v3.001l-4.906.006-.17.024A1.75 1.75 0 009.75 10h4.194l-8.02 5.25 8.556 5.6a3 3 0 01-2.804 2.645l-.176.005h-8a3 3 0 01-2.995-2.824L.5 20.5v-17A3 3 0 013.324.505L3.5.5h8zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm7-7.918V14.5h6.25a.75.75 0 01.102 1.493L20.75 16H14.5v3.668L7.75 15.25l6.75-4.418zm1.5-7l6.75 4.418L16 12.668V9H9.75a.75.75 0 01-.102-1.493L9.75 7.5H16V3.832zM9.5 2.25v1h-4v-1h4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-devices-combination/default.svg b/packages/components/src/telekom/icons/device/mobile-devices-combination/default.svg
index 19375f4209..fec439b11b 100644
--- a/packages/components/src/telekom/icons/device/mobile-devices-combination/default.svg
+++ b/packages/components/src/telekom/icons/device/mobile-devices-combination/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 6c1.4 0 2.5 1.1 2.5 2.5v13c0 1.4-1.1 2.5-2.5 2.5h-6c-1.4 0-2.5-1.1-2.5-2.5v-13c0-1.4 1.1-2.5 2.5-2.5zm-4.5 1.5h-1.5c-.55 0-1 .45-1 1v13c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-13c0-.55-.45-1-1-1h-1.5v1.5h-3zm1.5 12.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm12.5-19.75c1.65 0 3 1.35 3 3v14.5c0 1.65-1.35 3-3 3h-5.5v-1.5h5.5c.85 0 1.5-.65 1.5-1.5v-14.5c0-.85-.65-1.5-1.5-1.5h-9.5c-.85 0-1.5.65-1.5 1.5v1.5h-1.5v-1.5c0-1.65 1.35-3 3-3zm-4.75 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6a2.473 2.473 0 012.495 2.333l.005.167v13a2.473 2.473 0 01-2.333 2.495L10 24H4a2.473 2.473 0 01-2.495-2.333L1.5 21.5v-13a2.473 2.473 0 012.333-2.495L4 6h6zM5.5 7.5H4c-.51 0-.935.388-.993.884L3 8.5v13c0 .51.388.935.884.993L4 22.5h6c.51 0 .935-.388.993-.884L11 21.5v-13c0-.51-.388-.935-.884-.993L10 7.5H8.5V9h-3V7.5zM7 19.75a1 1 0 110 2 1 1 0 010-2zM19.5 0a3.01 3.01 0 012.995 2.824L22.5 3v14.5a3.01 3.01 0 01-2.824 2.995l-.176.005H14V19h5.5c.8 0 1.423-.576 1.493-1.352L21 17.5V3c0-.8-.576-1.423-1.352-1.493L19.5 1.5H10c-.8 0-1.423.576-1.493 1.352L8.5 3v1.5H7V3A3.01 3.01 0 019.824.005L10 0h9.5zm-4.75 16a1 1 0 110 2 1 1 0 010-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-devices-combination/selected.svg b/packages/components/src/telekom/icons/device/mobile-devices-combination/selected.svg
index ae9736a10d..e7b8f9ff13 100644
--- a/packages/components/src/telekom/icons/device/mobile-devices-combination/selected.svg
+++ b/packages/components/src/telekom/icons/device/mobile-devices-combination/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10 6a2.5 2.5 0 012.5 2.5v13A2.5 2.5 0 0110 24H4a2.5 2.5 0 01-2.5-2.5v-13A2.5 2.5 0 014 6zM7 19.75a1 1 0 100 2 1 1 0 000-2zM19.5 0a3 3 0 013 3v14.5a3 3 0 01-3 3H14V19h5.5a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5H10A1.5 1.5 0 008.5 3v1.5H7V3a3 3 0 013-3zm-4.75 16a1 1 0 110 2 1 1 0 010-2zM8.5 7.5h-3V9h3V7.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6a2.5 2.5 0 012.495 2.336l.005.164v13a2.5 2.5 0 01-2.336 2.495L10 24H4a2.5 2.5 0 01-2.492-2.302L1.5 21.5v-13a2.5 2.5 0 012.336-2.495L4 6h6zM7 19.75a1 1 0 100 2 1 1 0 000-2zM19.5 0a3 3 0 012.995 2.824L22.5 3v14.5a3 3 0 01-2.824 2.995l-.176.005H14V19h5.5a1.5 1.5 0 001.493-1.356L21 17.5V3a1.5 1.5 0 00-1.356-1.493L19.5 1.5H10a1.5 1.5 0 00-1.493 1.356L8.5 3v1.5H7V3A3 3 0 019.824.005L10 0h9.5zm-4.75 16a1 1 0 110 2 1 1 0 010-2zM8.5 7.5h-3V9h3V7.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-equipment/default.svg b/packages/components/src/telekom/icons/device/mobile-equipment/default.svg
index fc98f7872c..bd15b6d4dc 100644
--- a/packages/components/src/telekom/icons/device/mobile-equipment/default.svg
+++ b/packages/components/src/telekom/icons/device/mobile-equipment/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.83 6.5c.73 0 1.37.485 1.565 1.185l.29 1.03a2.917 2.917 0 011.815 2.7V13.5h1V16h-1v2.585a2.92 2.92 0 01-1.81 2.7l-.29 1.03c-.2.7-.84 1.185-1.565 1.185H14.67c-.73 0-1.37-.485-1.565-1.185l-.29-1.03a2.917 2.917 0 01-1.815-2.7v-7.17c0-1.22.75-2.265 1.81-2.7l.29-1.03c.2-.7.84-1.185 1.565-1.185zM10.9.5C12.61.5 14 1.89 14 3.6v1.485a3.12 3.12 0 00-1.5.805V3.6c0-.88-.72-1.6-1.6-1.6H9.5v1.5H6V2H4.6C3.72 2 3 2.72 3 3.6v14.3c0 .88.72 1.6 1.6 1.6h5c.115.545.33 1.05.625 1.5H4.6c-1.71 0-3.1-1.39-3.1-3.1V3.6C1.5 1.89 2.89.5 4.6.5zm8.685 9.5h-5.67c-.78 0-1.415.635-1.415 1.415v7.17c0 .78.635 1.415 1.415 1.415h5.67c.78 0 1.415-.635 1.415-1.415v-7.17c0-.78-.635-1.415-1.415-1.415zM7.75 16a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.83 6.5c.681 0 1.284.422 1.52 1.048l.045.137.29 1.03a2.918 2.918 0 011.808 2.498l.007.202V13.5h1V16h-1v2.585a2.92 2.92 0 01-1.636 2.622l-.174.078-.29 1.03a1.633 1.633 0 01-1.421 1.179l-.144.006H14.67a1.624 1.624 0 01-1.52-1.048l-.045-.137-.29-1.03a2.918 2.918 0 01-1.808-2.498L11 18.585v-7.17a2.92 2.92 0 011.636-2.622l.174-.078.29-1.03a1.633 1.633 0 011.421-1.179l.144-.006h4.165zM10.9.5a3.103 3.103 0 013.095 2.924L14 3.6v1.485c-.499.11-.955.337-1.34.66l-.16.145V3.6c0-.831-.642-1.52-1.455-1.593L10.9 2H9.5v1.5H6V2H4.6c-.831 0-1.52.642-1.593 1.455L3 3.6v14.3c0 .831.642 1.52 1.455 1.593l.145.007h5c.096.454.261.88.484 1.27l.141.23H4.6a3.103 3.103 0 01-3.095-2.924L1.5 17.9V3.6A3.103 3.103 0 014.424.505L4.6.5h6.3zm8.685 9.5h-5.67c-.734 0-1.34.562-1.409 1.279l-.006.136v7.17c0 .734.562 1.34 1.279 1.409l.136.006h5.67c.734 0 1.34-.562 1.409-1.279l.006-.136v-7.17c0-.734-.562-1.34-1.279-1.409L19.585 10zM7.75 16a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-equipment/selected.svg b/packages/components/src/telekom/icons/device/mobile-equipment/selected.svg
index 8ccc7b1b51..1864350b00 100644
--- a/packages/components/src/telekom/icons/device/mobile-equipment/selected.svg
+++ b/packages/components/src/telekom/icons/device/mobile-equipment/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.83 6.5c.728 0 1.368.484 1.565 1.185l.29 1.03a2.915 2.915 0 011.815 2.7V13.5h1V16h-1v2.585a2.915 2.915 0 01-1.815 2.7l-.29 1.03A1.625 1.625 0 0118.83 23.5h-4.16a1.625 1.625 0 01-1.565-1.185l-.29-1.03a2.915 2.915 0 01-1.815-2.7v-7.17c0-1.185.717-2.253 1.815-2.7l.29-1.03A1.625 1.625 0 0114.67 6.5zM10.9.5A3.105 3.105 0 0114 3.58v1.5a3.13 3.13 0 00-2.34 2.2l-.115.415a4.41 4.41 0 00-2.045 3.72v7.17A4.36 4.36 0 0010.225 21H4.6a3.105 3.105 0 01-3.1-3.1V3.6A3.105 3.105 0 014.6.5zm8.685 9.5h-5.67c-.781 0-1.415.634-1.415 1.415v7.17c0 .781.634 1.415 1.415 1.415h5.67c.781 0 1.415-.634 1.415-1.415v-7.17c0-.781-.634-1.415-1.415-1.415zM7.75 16a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm0 .5a.75.75 0 110 1.5.75.75 0 010-1.5zM9.5 2.25H6v1h3.5v-1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.83 6.5c.728 0 1.368.484 1.565 1.185l.29 1.03a2.915 2.915 0 011.815 2.7V13.5h1V16h-1v2.585a2.915 2.915 0 01-1.815 2.7l-.29 1.03A1.625 1.625 0 0118.83 23.5h-4.16a1.625 1.625 0 01-1.565-1.185l-.29-1.03a2.915 2.915 0 01-1.815-2.7v-7.17c0-1.185.717-2.253 1.815-2.7l.29-1.03A1.625 1.625 0 0114.67 6.5zM10.9.5A3.105 3.105 0 0114 3.58v1.5a3.13 3.13 0 00-2.34 2.2l-.115.415a4.41 4.41 0 00-2.045 3.72v7.17A4.36 4.36 0 0010.225 21H4.6a3.105 3.105 0 01-3.1-3.1V3.6A3.105 3.105 0 014.6.5zm8.685 9.5h-5.67c-.781 0-1.415.634-1.415 1.415v7.17c0 .781.634 1.415 1.415 1.415h5.67c.781 0 1.415-.634 1.415-1.415v-7.17c0-.781-.634-1.415-1.415-1.415zM7.75 16a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm0 .5a.75.75 0 110 1.5.75.75 0 010-1.5zM9.5 2.25H6v1h3.5v-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-phone-insurance/default.svg b/packages/components/src/telekom/icons/device/mobile-phone-insurance/default.svg
index 304386b6bb..1d84a9be61 100644
--- a/packages/components/src/telekom/icons/device/mobile-phone-insurance/default.svg
+++ b/packages/components/src/telekom/icons/device/mobile-phone-insurance/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M16 .5c1.65 0 3 1.35 3 3v17c0 1.65-1.35 3-3 3H8c-1.65 0-3-1.35-3-3v-17c0-1.65 1.35-3 3-3zM10 2H8c-.85 0-1.5.65-1.5 1.5v17c0 .85.65 1.5 1.5 1.5h8c.85 0 1.5-.65 1.5-1.5V7.9L12.2 11l3.95 2.1-6.05 3.7-.8-1.3 3.8-2.35L9.05 11l8.45-4.8V3.5c0-.85-.65-1.5-1.5-1.5h-2v1.5h-4V2zm2 16.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 .5a3.01 3.01 0 012.995 2.824L19 3.5v17a3.01 3.01 0 01-2.824 2.995L16 23.5H8a3.01 3.01 0 01-2.995-2.824L5 20.5v-17A3.01 3.01 0 017.824.505L8 .5h8zM10 2H8c-.8 0-1.423.576-1.493 1.352L6.5 3.5v17c0 .8.576 1.423 1.352 1.493L8 22h8c.8 0 1.423-.576 1.493-1.352l.007-.148V7.9L12.2 11l3.95 2.1-6.05 3.7-.8-1.3 3.8-2.35L9.05 11l8.45-4.8V3.5c0-.8-.576-1.423-1.352-1.493L16 2h-2v1.5h-4V2zm2 16.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-phone-insurance/selected.svg b/packages/components/src/telekom/icons/device/mobile-phone-insurance/selected.svg
index 79881f596d..e3c3ad6c1a 100644
--- a/packages/components/src/telekom/icons/device/mobile-phone-insurance/selected.svg
+++ b/packages/components/src/telekom/icons/device/mobile-phone-insurance/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M16 .5a3 3 0 013 3v1.955L9.03 11l4.05 2.19-3.785 2.31.81 1.275 6-3.675-3.94-2.1L19 7.17V20.5a3 3 0 01-3 3H8a3 3 0 01-3-3v-17a3 3 0 013-3zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm2-16.5h-4v1h4v-1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 .5a3 3 0 012.995 2.824L19 3.5v1.955L9.03 11l4.05 2.19-3.785 2.31.81 1.275 6-3.675-3.94-2.1L19 7.17V20.5a3 3 0 01-2.824 2.995L16 23.5H8a3 3 0 01-2.995-2.824L5 20.5v-17A3 3 0 017.824.505L8 .5h8zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm2-16.5h-4v1h4v-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-services/default.svg b/packages/components/src/telekom/icons/device/mobile-services/default.svg
index a2df85c8fb..137ab28c8d 100644
--- a/packages/components/src/telekom/icons/device/mobile-services/default.svg
+++ b/packages/components/src/telekom/icons/device/mobile-services/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M11.5.5c1.65 0 3 1.35 3 3v.75c-.5.15-1 .3-1.5.55V3.5c0-.85-.65-1.5-1.5-1.5h-2v1.5h-4V2h-2C2.65 2 2 2.65 2 3.5v17c0 .85.65 1.5 1.5 1.5h8c.85 0 1.5-.65 1.5-1.5v-1.3c.5.25 1 .4 1.5.55v.75c0 1.65-1.35 3-3 3h-8c-1.65 0-3-1.35-3-3v-17c0-1.65 1.35-3 3-3zm-4 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm10.2-13l.3 1.6c.05.45.55.65.9.4l1.35-.9 1.65 1.65-.95 1.35c-.2.35 0 .8.4.9l1.65.35v2.35l-1.65.3c-.4.05-.6.55-.35.9l.85 1.3-1.65 1.65-1.35-.95c-.35-.2-.8 0-.9.4l-.3 1.65H15.3L15 16.8a.567.567 0 00-.9-.4l-1.35.95-1.65-1.65.95-1.35c.2-.35 0-.8-.4-.9l-1.65-.3V10.8l1.65-.3c.45-.05.65-.55.4-.9l-.95-1.35 1.65-1.65 1.35.95c.35.2.8 0 .9-.4l.35-1.65h2.35zM16.5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.5.5a3.01 3.01 0 012.995 2.824l.005.176v.75c-.4.12-.8.24-1.2.411L13 4.8V3.5c0-.8-.576-1.423-1.352-1.493L11.5 2h-2v1.5h-4V2h-2c-.8 0-1.423.576-1.493 1.352L2 3.5v17c0 .8.576 1.423 1.352 1.493L3.5 22h8c.8 0 1.423-.576 1.493-1.352L13 20.5v-1.3c.4.2.8.336 1.2.46l.3.09v.75a3.01 3.01 0 01-2.824 2.995l-.176.005h-8a3.01 3.01 0 01-2.995-2.824L.5 20.5v-17A3.01 3.01 0 013.324.505L3.5.5h8zm-4 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm7.85-13h2.35l.3 1.6c.046.418.48.62.823.447L18.9 7.5l1.35-.9 1.65 1.65-.95 1.35a.617.617 0 00.311.87l.089.03 1.65.35v2.35l-1.65.3c-.371.046-.57.48-.397.823L21 14.4l.85 1.3-1.65 1.65-1.35-.95a.617.617 0 00-.87.311l-.03.089-.3 1.65H15.3L15 16.8a.566.566 0 00-.823-.447l-.077.047-1.35.95-1.65-1.65.95-1.35a.617.617 0 00-.311-.87l-.089-.03-1.65-.3V10.8l1.65-.3a.566.566 0 00.447-.823L12.05 9.6l-.95-1.35 1.65-1.65 1.35.95a.617.617 0 00.87-.311L15 7.15l.35-1.65zM16.5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/mobile-services/selected.svg b/packages/components/src/telekom/icons/device/mobile-services/selected.svg
index ff4fd14ec7..4214f10ad5 100644
--- a/packages/components/src/telekom/icons/device/mobile-services/selected.svg
+++ b/packages/components/src/telekom/icons/device/mobile-services/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M11.5.5a3 3 0 013 3v1l-.165.855-.18 1-.845-.585-.685-.5-2.26 2.26-.59.595.475.685.57.855-1 .185L9 10v4l.83.2 1 .185-.58.84-.475.69 2.85 2.85.685-.5.845-.585.18 1 .165.82v1a3 3 0 01-3 3h-8a3 3 0 01-3-3v-17a3 3 0 013-3zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zM17.685 5.5L18 7.135a.595.595 0 00.9.365l1.375-.93 1.67 1.67L21 9.605a.59.59 0 00.37.895l1.635.32v2.38l-1.635.3a.59.59 0 00-.37.895l.935 1.38-1.67 1.67L18.9 16.5a.595.595 0 00-.9.37l-.315 1.63H15.32l-.295-1.615a.595.595 0 00-.92-.385l-1.38.93-1.67-1.67.945-1.365a.59.59 0 00-.365-.935l-1.63-.3V10.8l1.63-.3A.59.59 0 0012 9.605l-.93-1.365 1.67-1.67 1.365.94a.59.59 0 00.92-.38l.295-1.63h2.365zM16.5 10a2 2 0 100 4 2 2 0 000-4zm-7-7.75h-4v1h4v-1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.5.5a3 3 0 012.995 2.824l.005.176v1l-.165.855-.18 1-.845-.585-.685-.5-2.26 2.26-.59.595.475.685.57.855L9 10v4l.83.2 1 .185-1.055 1.53 2.85 2.85.685-.5.845-.585.18 1 .165.82v1a3 3 0 01-2.824 2.995l-.176.005h-8a3 3 0 01-2.995-2.824L.5 20.5v-17A3 3 0 013.324.505L3.5.5h8zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zM17.685 5.5L18 7.135a.595.595 0 00.816.41L18.9 7.5l1.375-.93 1.67 1.67L21 9.605a.59.59 0 00.279.867l.091.028 1.635.32v2.38l-1.635.3a.59.59 0 00-.415.81l.045.085.935 1.38-1.67 1.67L18.9 16.5a.595.595 0 00-.871.279L18 16.87l-.315 1.63H15.32l-.295-1.615a.595.595 0 00-.833-.434l-.087.049-1.38.93-1.67-1.67.945-1.365a.59.59 0 00-.268-.908l-.097-.027-1.63-.3V10.8l1.63-.3a.59.59 0 00.41-.811L12 9.605l-.93-1.365 1.67-1.67 1.365.94a.59.59 0 00.894-.284l.026-.096.295-1.63h2.365zM16.5 10a2 2 0 100 4 2 2 0 000-4zm-7-7.75h-4v1h4v-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/no-camera/default.svg b/packages/components/src/telekom/icons/device/no-camera/default.svg
index eae17b6ba0..a4f88d6ea3 100644
--- a/packages/components/src/telekom/icons/device/no-camera/default.svg
+++ b/packages/components/src/telekom/icons/device/no-camera/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4.1 2.45c.3-.3.75-.3 1.05 0l18.05 18c.3.3.3.75 0 1.05-.15.15-.35.2-.55.2s-.4-.05-.55-.2l-18-18c-.3-.3-.3-.75 0-1.05zm-.7 2.55 1.5 1.5h-1.4v10.5c0 .85.65 1.5 1.5 1.5h11.9l1.3 1.25c-.4.15-.8.25-1.2.25h-12c-1.65 0-3-1.35-3-3v-6.5h-1.5v-4h1.5v-1.5zm16.6 0v3.8l1.8-1.8h1.7v10h-1.7l-3.3-3.3v-7.2h-7.2l-1.5-1.5zm2 3.9-2 2v2.2l2 2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.1 2.45a.722.722 0 01.965-.074l.085.074 18.05 18c.3.3.3.75 0 1.05-.15.15-.35.2-.55.2a.798.798 0 01-.471-.133L22.1 21.5l-18-18c-.3-.3-.3-.75 0-1.05zM3.4 5l1.5 1.5H3.5V17c0 .8.576 1.423 1.352 1.493L5 18.5h11.9l1.3 1.25c-.32.12-.64.208-.96.238L17 20H5a3.01 3.01 0 01-2.995-2.824L2 17v-6.5H.5v-4H2V5h1.4zM20 5v3.8L21.8 7h1.7v10h-1.7l-3.3-3.3V6.5h-7.2L9.8 5H20zm2 3.9l-2 2v2.2l2 2V8.9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/no-camera/selected.svg b/packages/components/src/telekom/icons/device/no-camera/selected.svg
index 6caf0c75a1..8c07f6e806 100644
--- a/packages/components/src/telekom/icons/device/no-camera/selected.svg
+++ b/packages/components/src/telekom/icons/device/no-camera/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M4.396 2.255a.75.75 0 01.734.215l18 18a.745.745 0 010 1.06.75.75 0 01-1.06 0l-18-18a.75.75 0 01.326-1.275zM3.42 5l14.76 14.76A3 3 0 0117 20H5a3 3 0 01-3-3v-6.5H.5v-4H2V5h1.42zM20 5v3.785L21.78 7h1.72v10h-1.72l-.485-.485-1.295-1.3v.005L9.78 5H20z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.396 2.255a.75.75 0 01.66.145l.074.07 18 18a.745.745 0 010 1.06.75.75 0 01-.976.073l-.084-.073-18-18a.75.75 0 01.326-1.275zM3.42 5l14.76 14.76a3 3 0 01-.937.23L17 20H5a3 3 0 01-2.995-2.824L2 17v-6.5H.5v-4H2V5h1.42zM20 5v3.785L21.78 7h1.72v10h-1.72L20 15.215v.005L9.78 5H20z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/phone-with-mobile-plan/default.svg b/packages/components/src/telekom/icons/device/phone-with-mobile-plan/default.svg
new file mode 100644
index 0000000000..f267513ee7
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/phone-with-mobile-plan/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M12.001 18.5a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm5.5 2c0 .826-.673 1.5-1.5 1.5h-8c-.827 0-1.5-.674-1.5-1.5v-17c0-.826.673-1.5 1.5-1.5h2v1.5h4V2h2c.827 0 1.5.674 1.5 1.5v17zm-1.5-20h-8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z"/><path d="M15.115 7.5v2.556h-.447v-.075c0-1.203-.671-1.955-1.94-1.955h-.074v5.414c0 .751.298 1.052 1.044 1.052h.224v.527h-3.879v-.527h.224c.746 0 1.044-.3 1.044-1.052V8.026h-.074c-1.268 0-1.94.752-1.94 1.955v.075H8.85V7.5h6.265zm0 3.342v1.67h-1.67v-1.67h1.67zm-4.594 0v1.67H8.85v-1.67h1.67z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/phone-with-mobile-plan/selected.svg b/packages/components/src/telekom/icons/device/phone-with-mobile-plan/selected.svg
new file mode 100644
index 0000000000..2e6100ed71
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/phone-with-mobile-plan/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.001 21a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm3.114-13.5v2.556h-.447v-.075c0-1.203-.671-1.955-1.94-1.955h-.074v5.414c0 .751.298 1.052 1.044 1.052h.224v.527h-3.879v-.527h.224c.746 0 1.044-.3 1.044-1.052V8.026h-.074c-1.268 0-1.94.752-1.94 1.955v.075H8.85V7.5h6.265zm0 3.342v1.67h-1.67v-1.67h1.67zm-4.594 0v1.67H8.85v-1.67h1.67zM14 2v1.5h-4V2h4zm2-1.5h-8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/phone-without-mobile-plan/default.svg b/packages/components/src/telekom/icons/device/phone-without-mobile-plan/default.svg
new file mode 100644
index 0000000000..92b62dbb84
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/phone-without-mobile-plan/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.69 9.311a.75.75 0 00-1.061 0l-1.628 1.628-1.629-1.628a.75.75 0 10-1.061 1.061L10.94 12l-1.629 1.628a.75.75 0 101.061 1.061l1.629-1.629 1.628 1.629a.751.751 0 001.062-1.061L13.061 12l1.629-1.628a.75.75 0 000-1.061zM12.001 18.5a1.25 1.25 0 10-.002 2.498 1.25 1.25 0 00.002-2.498zm5.5 2c0 .827-.674 1.5-1.5 1.5h-8c-.827 0-1.5-.673-1.5-1.5v-17c0-.827.673-1.5 1.5-1.5h2v1.5h4V2h2c.826 0 1.5.673 1.5 1.5v17zm-1.5-20h-8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/phone-without-mobile-plan/selected.svg b/packages/components/src/telekom/icons/device/phone-without-mobile-plan/selected.svg
new file mode 100644
index 0000000000..7a01eab7a7
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/phone-without-mobile-plan/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.69 14.689a.75.75 0 01-1.06 0L12 13.06l-1.628 1.629a.751.751 0 01-1.061-1.061L10.94 12l-1.63-1.629a.749.749 0 111.06-1.06l1.63 1.628 1.629-1.628a.75.75 0 011.06 1.06L13.06 12l1.63 1.628a.75.75 0 010 1.061zM12 21a1.25 1.25 0 11.001-2.5 1.25 1.25 0 010 2.5zM10 3.5h4V2h-4v1.5zm6-3H8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/photo-camera/default.svg b/packages/components/src/telekom/icons/device/photo-camera/default.svg
index 8eb00e79de..b73de751f8 100644
--- a/packages/components/src/telekom/icons/device/photo-camera/default.svg
+++ b/packages/components/src/telekom/icons/device/photo-camera/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.7 3 1.5 2.5h1.8c1.65 0 3 1.35 3 3v8.5c0 1.65-1.35 3-3 3h-16c-1.65 0-3-1.35-3-3v-8.5c0-1.65 1.35-3 3-3h1.85l1.5-2.5zm-.9 1.5h-7.65l-1.5 2.5h-2.65c-.85 0-1.5.65-1.5 1.5v8.5c0 .85.65 1.5 1.5 1.5h16c.85 0 1.5-.65 1.5-1.5v-8.5c0-.85-.65-1.5-1.5-1.5h-2.7zm-3.8 2.5c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 1.5c-1.95 0-3.5 1.55-3.5 3.5s1.55 3.5 3.5 3.5 3.5-1.55 3.5-3.5-1.55-3.5-3.5-3.5zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.7 3l1.5 2.5H20a3.01 3.01 0 012.995 2.824L23 8.5V17a3.01 3.01 0 01-2.824 2.995L20 20H4a3.01 3.01 0 01-2.995-2.824L1 17V8.5a3.01 3.01 0 012.824-2.995L4 5.5h1.85L7.35 3h9.35zm-.9 1.5H8.15L6.65 7H4c-.8 0-1.423.576-1.493 1.352L2.5 8.5V17c0 .8.576 1.423 1.352 1.493L4 18.5h16c.8 0 1.423-.576 1.493-1.352L21.5 17V8.5c0-.8-.576-1.423-1.352-1.493L20 7h-2.7l-1.5-2.5zM12 7c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 1.5c-1.95 0-3.5 1.55-3.5 3.5s1.55 3.5 3.5 3.5 3.5-1.55 3.5-3.5-1.55-3.5-3.5-3.5zm7 0a1 1 0 110 2 1 1 0 010-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/photo-camera/selected.svg b/packages/components/src/telekom/icons/device/photo-camera/selected.svg
index 44998c7c7f..4f5e390b1b 100644
--- a/packages/components/src/telekom/icons/device/photo-camera/selected.svg
+++ b/packages/components/src/telekom/icons/device/photo-camera/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20 6.25h-2.25l-1.5-2.5h-8.5l-1.5 2.5H4A2.245 2.245 0 001.75 8.5V17A2.245 2.245 0 004 19.25h16A2.245 2.245 0 0022.25 17V8.5A2.245 2.245 0 0020 6.25zm-8 9.42a3.67 3.67 0 110-7.34 3.67 3.67 0 010 7.34zm7-5.17a1 1 0 110-2 1 1 0 010 2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 6.25h-2.25l-1.5-2.5h-8.5l-1.5 2.5H4A2.245 2.245 0 001.75 8.5V17A2.245 2.245 0 004 19.25h16A2.245 2.245 0 0022.25 17V8.5A2.245 2.245 0 0020 6.25zm-8 9.42a3.67 3.67 0 110-7.34 3.67 3.67 0 010 7.34zm7-5.17a1 1 0 110-2 1 1 0 010 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/remote-controller/default.svg b/packages/components/src/telekom/icons/device/remote-controller/default.svg
index 2261a869bc..958e584c76 100644
--- a/packages/components/src/telekom/icons/device/remote-controller/default.svg
+++ b/packages/components/src/telekom/icons/device/remote-controller/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.255 5.985 7.78 7.785-8.13 8.13a5.46 5.46 0 0 1 -3.89 1.61 5.46 5.46 0 0 1 -3.89-1.61 5.507 5.507 0 0 1 0-7.78zm-.005 2.125-7.07 7.07a4.002 4.002 0 0 0 0 5.655 3.974 3.974 0 0 0 2.83 1.17c1.07 0 2.075-.415 2.83-1.17l7.065-7.07zm-2.675 6.9c.39-.39 1.025-.39 1.415 0s.39 1.025 0 1.415-1.025.39-1.415 0a1.002 1.002 0 0 1 0-1.415zm2.44-2.44c.39-.39 1.025-.39 1.415 0s.39 1.025 0 1.415-1.025.39-1.415 0a1.002 1.002 0 0 1 0-1.415zm3.045-8.145a6.54 6.54 0 0 1 6.535 6.535h-1.5a5.042 5.042 0 0 0 -5.035-5.035zm0-3.43c5.49 0 9.96 4.47 9.96 9.96h-1.5c0-4.665-3.795-8.46-8.46-8.46z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.255 5.985l7.78 7.785-8.13 8.13a5.46 5.46 0 01-3.89 1.61 5.46 5.46 0 01-3.89-1.61 5.508 5.508 0 01-.174-7.598l.174-.182 8.13-8.135zM10.25 8.11l-7.07 7.07a4.002 4.002 0 000 5.655 3.974 3.974 0 002.83 1.17c.994 0 1.931-.358 2.664-1.013l.166-.157 7.065-7.07L10.25 8.11zm-2.675 6.9c.39-.39 1.025-.39 1.415 0 .39.39.39 1.025 0 1.415-.39.39-1.025.39-1.415 0a1.002 1.002 0 010-1.415zm2.44-2.44c.39-.39 1.025-.39 1.415 0 .39.39.39 1.025 0 1.415-.39.39-1.025.39-1.415 0a1.002 1.002 0 010-1.415zm3.045-8.145a6.54 6.54 0 016.53 6.3l.005.235h-1.5a5.043 5.043 0 00-4.817-5.03l-.218-.005v-1.5zm0-3.43c5.397 0 9.808 4.32 9.956 9.682l.004.278h-1.5c0-4.58-3.658-8.322-8.206-8.456l-.254-.004v-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/remote-controller/selected.svg b/packages/components/src/telekom/icons/device/remote-controller/selected.svg
index 0862b24512..5fddb605be 100644
--- a/packages/components/src/telekom/icons/device/remote-controller/selected.svg
+++ b/packages/components/src/telekom/icons/device/remote-controller/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.255 7.045l6.715 6.72-7.6 7.6a4.745 4.745 0 01-6.715 0l-.173-.182a4.745 4.745 0 01.173-6.533l7.6-7.605zM9 15a1 1 0 10-1.403 1.425A1 1 0 009 15zm2.43-2.43a1 1 0 00-1.405 0 1 1 0 101.415 0zM13.06 1A10 10 0 0123 10.96h-1.5a8.5 8.5 0 00-8.44-8.46zm0 3.425a6.54 6.54 0 016.535 6.535h-1.5a5.04 5.04 0 00-5.035-5.035z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.255 5.985l7.78 7.785-8.13 8.13a5.46 5.46 0 01-3.89 1.61 5.46 5.46 0 01-3.89-1.61 5.508 5.508 0 01-.174-7.598l.174-.182 8.13-8.135zm-2.68 9.025c.39-.39 1.025-.39 1.415 0 .39.39.39 1.025 0 1.415-.39.39-1.025.39-1.415 0a1.002 1.002 0 010-1.415zm2.44-2.44c.39-.39 1.025-.39 1.415 0 .39.39.39 1.025 0 1.415-.39.39-1.025.39-1.415 0a1.002 1.002 0 010-1.415zm3.045-8.145a6.54 6.54 0 016.53 6.3l.005.235h-1.5a5.043 5.043 0 00-4.817-5.03l-.218-.005v-1.5zm0-3.43c5.397 0 9.808 4.32 9.956 9.682l.004.278h-1.5c0-4.58-3.658-8.322-8.206-8.456l-.254-.004v-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/replacement-mobilephone/default.svg b/packages/components/src/telekom/icons/device/replacement-mobilephone/default.svg
index 28d505926d..44c928160e 100644
--- a/packages/components/src/telekom/icons/device/replacement-mobilephone/default.svg
+++ b/packages/components/src/telekom/icons/device/replacement-mobilephone/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7.05 3C7 3.15 7 3.35 7 3.5v1H4.5C3.65 4.5 3 5.15 3 6v14.5c0 .85.65 1.5 1.5 1.5h2.75c.2.55.5 1.05.9 1.5H4.5c-1.65 0-3-1.35-3-3V6c0-1.65 1.35-3 3-3zM19.5.5c1.65 0 3 1.35 3 3v17c0 1.65-1.35 3-3 3h-8c-1.65 0-3-1.35-3-3V15H10v5.5c0 .85.65 1.5 1.5 1.5h8c.85 0 1.5-.65 1.5-1.5v-17c0-.85-.65-1.5-1.5-1.5h-2v1.5h-4V2h-2c-.85 0-1.5.65-1.5 1.5v7H8.5v-7c0-1.65 1.35-3 3-3zm-4 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm-4-9.35l5.5 3.6-5.5 3.6V13.5H6.75c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h4.75V9.15z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.05 3a1.339 1.339 0 00-.05.38V4.5H4.5c-.8 0-1.423.576-1.493 1.352L3 6v14.5c0 .8.576 1.423 1.352 1.493L4.5 22h2.75c.167.458.403.882.708 1.27l.192.23H4.5a3.01 3.01 0 01-2.995-2.824L1.5 20.5V6a3.01 3.01 0 012.824-2.995L4.5 3h2.55zM19.5.5a3.01 3.01 0 012.995 2.824l.005.176v17a3.01 3.01 0 01-2.824 2.995l-.176.005h-8a3.01 3.01 0 01-2.995-2.824L8.5 20.5V15H10v5.5c0 .8.576 1.423 1.352 1.493L11.5 22h8c.8 0 1.423-.576 1.493-1.352L21 20.5v-17c0-.8-.576-1.423-1.352-1.493L19.5 2h-2v1.5h-4V2h-2c-.8 0-1.423.576-1.493 1.352L10 3.5v7H8.5v-7A3.01 3.01 0 0111.324.505L11.5.5h8zm-4 18a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm-4-9.35l5.5 3.6-5.5 3.6V13.5H6.75c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L6.75 12h4.75V9.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/replacement-mobilephone/selected.svg b/packages/components/src/telekom/icons/device/replacement-mobilephone/selected.svg
index 49ea0a9e77..591088898e 100644
--- a/packages/components/src/telekom/icons/device/replacement-mobilephone/selected.svg
+++ b/packages/components/src/telekom/icons/device/replacement-mobilephone/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7.03 3a4.13 4.13 0 00-.03.5v1H4.5A1.5 1.5 0 003 6v14.5A1.5 1.5 0 004.5 22h2.765c.194.554.497 1.064.89 1.5H4.5a3 3 0 01-3-3V6a3 3 0 013-3zM19.5.5a3 3 0 013 3v17a3 3 0 01-3 3h-8a3 3 0 01-3-3v-6.25h2.25v3.5l7.62-5-7.62-5v3.5H8.5V3.5a3 3 0 013-3zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm-4-9.6l5.5 3.6-5.5 3.6V13.5H6.75a.75.75 0 110-1.5h4.75V9.15zm6-6.9h-4v1h4v-1z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.03 3l-.023.25L7 3.5v1H4.5a1.5 1.5 0 00-1.493 1.356L3 6v14.5a1.5 1.5 0 001.356 1.493L4.5 22h2.765c.166.475.413.917.727 1.309l.163.191H4.5a3 3 0 01-2.995-2.824L1.5 20.5V6a3 3 0 012.824-2.995L4.5 3h2.53zM19.5.5a3 3 0 012.995 2.824l.005.176v17a3 3 0 01-2.824 2.995l-.176.005h-8a3 3 0 01-2.995-2.824L8.5 20.5v-6.25h2.25v3.5l7.62-5-7.62-5v3.5H8.5V3.5A3 3 0 0111.324.505L11.5.5h8zm-4 17.75a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm0 .5a1 1 0 110 2 1 1 0 010-2zm-4-9.6l5.5 3.6-5.5 3.6V13.5H6.75a.75.75 0 01-.102-1.493L6.75 12h4.75V9.15zm6-6.9h-4v1h4v-1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/screen-rotate/default.svg b/packages/components/src/telekom/icons/device/screen-rotate/default.svg
index ea0ff7e13a..c7c7e4f3b4 100644
--- a/packages/components/src/telekom/icons/device/screen-rotate/default.svg
+++ b/packages/components/src/telekom/icons/device/screen-rotate/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.153 12.678l.102.007c.41.06.695.44.645.845-.44 3.155-2.275 5.975-4.92 7.695l1.15 1.76-5.31-.01 2.13-4.86 1.21 1.855c2.285-1.485 3.87-3.92 4.25-6.645a.75.75 0 01.845-.64zM15.255 1.5c.77 0 1.54.295 2.12.875L21.62 6.62a3.003 3.003 0 010 4.25L10.865 21.625a2.996 2.996 0 01-4.24 0L2.38 17.38a3.006 3.006 0 010-4.245L13.135 2.38a2.987 2.987 0 012.12-.88zm0 1.5c-.4 0-.775.155-1.06.44L3.44 14.195a1.5 1.5 0 000 2.12l4.245 4.245c.285.285.66.44 1.06.44s.775-.155 1.06-.44L20.56 9.805a1.5 1.5 0 000-2.12L16.315 3.44a1.486 1.486 0 00-1.06-.44zM4.875 1.01l5.305.015-2.13 4.86L6.84 4.03c-2.285 1.485-3.87 3.92-4.25 6.645a.744.744 0 01-.74.645c-.035 0-.07 0-.105-.01a.75.75 0 01-.64-.845C1.545 7.31 3.38 4.49 6.025 2.77l-1.15-1.76z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.153 12.678l.102.007c.41.06.695.44.645.845-.425 3.046-2.15 5.78-4.65 7.513l-.27.182 1.15 1.76-5.31-.01 2.13-4.86 1.21 1.855c2.285-1.485 3.87-3.92 4.25-6.645a.75.75 0 01.743-.647zM15.255 1.5c.7 0 1.4.244 1.957.724l.163.151L21.62 6.62a3.002 3.002 0 01.135 4.105l-.135.145-10.755 10.755a2.996 2.996 0 01-4.076.152l-.164-.152L2.38 17.38a3.006 3.006 0 01-.135-4.101l.135-.144L13.135 2.38a2.987 2.987 0 012.12-.88zm0 1.5c-.35 0-.68.119-.949.34l-.111.1L3.44 14.195a1.5 1.5 0 00-.103 2.006l.103.114 4.245 4.245c.285.285.66.44 1.06.44.35 0 .68-.119.949-.34l.111-.1L20.56 9.805a1.501 1.501 0 00.103-2.007l-.103-.113-4.245-4.245a1.486 1.486 0 00-1.06-.44zM4.875 1.01l5.305.015-2.13 4.86L6.84 4.03c-2.285 1.485-3.87 3.92-4.25 6.645a.744.744 0 01-.74.645l-.053-.001-.052-.009a.75.75 0 01-.64-.845c.425-3.046 2.15-5.78 4.65-7.513l.27-.182-1.15-1.76z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/screen-rotate/selected.svg b/packages/components/src/telekom/icons/device/screen-rotate/selected.svg
index a9b4832cc7..9ed46e101c 100644
--- a/packages/components/src/telekom/icons/device/screen-rotate/selected.svg
+++ b/packages/components/src/telekom/icons/device/screen-rotate/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.153 12.678l.102.007a.76.76 0 01.665.85A11.075 11.075 0 0118 21.23L19.125 23h-5.31l2.13-4.855L17.155 20a9.575 9.575 0 004.255-6.675.75.75 0 01.845-.64zM15.258 1.5a3 3 0 012.122.88l4.24 4.24a3 3 0 010 4.245L10.865 21.62a3 3 0 01-4.245 0l-4.24-4.24a3 3 0 010-4.245L13.135 2.38a3 3 0 012.123-.88zM8.12 15.85a1.255 1.255 0 00-1.77 0 1.26 1.26 0 000 1.77c.49.487 1.28.487 1.77 0l.015.015a1.26 1.26 0 00-.015-1.785zm-.87.15a.75.75 0 11-.001 1.5.75.75 0 01.001-1.5zm2.935-15l-2.13 4.88-1.21-1.855a9.575 9.575 0 00-4.255 6.65.745.745 0 01-.74.645l-.105-.005a.76.76 0 01-.64-.85 11.075 11.075 0 014.92-7.705L4.875 1h5.31z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.153 12.678l.102.007a.76.76 0 01.665.85 11.075 11.075 0 01-4.637 7.505l-.283.19L19.125 23h-5.31l2.13-4.855L17.155 20a9.575 9.575 0 004.255-6.675.75.75 0 01.743-.647zM15.258 1.5a3 3 0 011.977.744l.145.136 4.24 4.24a3 3 0 01.136 4.1l-.136.145L10.865 21.62a3 3 0 01-4.1.136l-.145-.136-4.24-4.24a3 3 0 01-.136-4.1l.136-.145L13.135 2.38a3 3 0 012.123-.88zM8.12 15.85a1.255 1.255 0 00-1.77 0 1.26 1.26 0 000 1.77 1.255 1.255 0 001.668.09l.102-.09.015.015a1.26 1.26 0 00-.015-1.785zm-.87.15a.75.75 0 11-.001 1.5.75.75 0 01.001-1.5zm2.935-15l-2.13 4.88-1.21-1.855a9.575 9.575 0 00-4.255 6.65.745.745 0 01-.64.639l-.1.006-.105-.005a.76.76 0 01-.64-.85A11.075 11.075 0 015.742 2.95l.283-.19L4.875 1h5.31z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/server/default.svg b/packages/components/src/telekom/icons/device/server/default.svg
new file mode 100644
index 0000000000..948ad964fa
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/server/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.002 1.5a3 3 0 012.995 2.824l.005.176v15a3 3 0 01-2.824 2.995l-.176.005h-12a3 3 0 01-2.995-2.824l-.005-.176v-15a3 3 0 012.823-2.995l.177-.005h12zm1.5 14.5h-15v3.5c0 .778.596 1.42 1.355 1.493l.145.007h12c.778 0 1.42-.596 1.493-1.356l.007-.144V16zm-3.5 1.5a1 1 0 110 2 1 1 0 010-2zm3.5-8h-15v5h15v-5zm-3.5 1.5a1 1 0 110 2 1 1 0 010-2zm2-8h-12c-.779 0-1.42.596-1.494 1.356l-.006.144V8h15V4.5c0-.827-.673-1.5-1.5-1.5zm-2 1.5a1 1 0 110 2 1 1 0 010-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/server/selected.svg b/packages/components/src/telekom/icons/device/server/selected.svg
new file mode 100644
index 0000000000..b469fbf8af
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/server/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.002 16v3.5a3 3 0 01-2.824 2.995L18 22.5h-12a3.001 3.001 0 01-2.994-2.824L3 19.5V16h18zm-5 1.5a1 1 0 100 2 1 1 0 000-2zm5-8v5h-18v-5h18zm-5 1.5a1 1 0 100 2 1 1 0 000-2zm2-9.5a3 3 0 012.994 2.824l.006.176V8h-18V4.5a3.001 3.001 0 012.823-2.995l.176-.005h12zm-2 3a1 1 0 100 2 1 1 0 000-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/smart-speaker/default.svg b/packages/components/src/telekom/icons/device/smart-speaker/default.svg
index 7f28a96766..2369cb8009 100644
--- a/packages/components/src/telekom/icons/device/smart-speaker/default.svg
+++ b/packages/components/src/telekom/icons/device/smart-speaker/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 7.55c2.2 0 4.4.6 5.6 1h1.1c1.05 0 1.9.75 2 1.8.15 2 .45 5.3.45 7.35 0 2.3-1.5 4.3-3.65 4.7v.1c0 .55-.45 1-1 1h-9c-.55 0-1-.45-1-1v-.05C4.35 22 2.85 20 2.85 17.7c0-2.05.25-5.3.45-7.35.1-1 .95-1.8 2-1.8h1.15c1.05-.35 3.2-1 5.55-1zM18.7 10H5.3c-.25 0-.5.2-.5.45-.15 1.85-.45 5.2-.45 7.25 0 1.85 1.3 3.3 3 3.3h9.3c1.7 0 3-1.45 3-3.3 0-2.1-.3-5.45-.45-7.25-.05-.25-.25-.45-.5-.45zM13 17.5v2h-2v-2h2zM12.25 4c1.5 0 2.9.3 4.15.8l-.7 1.35a8.86 8.86 0 00-3.45-.7c-1.4 0-2.7.35-3.9.9l-.7-1.3C9.05 4.4 10.6 4 12.25 4zm0-3.5c2.1 0 4.05.45 5.85 1.3l-.7 1.3C15.8 2.4 14.1 2 12.25 2c-2 0-3.9.45-5.6 1.3L5.95 2C7.85 1.05 10 .5 12.25.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.55c1.711 0 3.422.363 4.663.712l.501.148.436.14h1.1c1.05 0 1.9.75 2 1.8l.223 2.86.077 1.062.067 1.056c.05.866.083 1.689.083 2.372 0 2.226-1.405 4.17-3.444 4.656l-.206.044v.1c0 .51-.388.935-.884.993l-.116.007h-9c-.51 0-.935-.388-.993-.884L6.5 22.5v-.05C4.35 22 2.85 20 2.85 17.7c0-.732.032-1.617.082-2.546L3 14.025c.012-.19.026-.379.039-.567l.084-1.113.044-.535.09-1.003.043-.457c.095-.95.867-1.72 1.844-1.794L5.3 8.55h1.15l.347-.113.408-.125.463-.132c1.14-.312 2.687-.63 4.332-.63zM18.7 10H5.3c-.25 0-.5.2-.5.45l-.208 2.566-.073.984-.066.993-.054.97c-.03.63-.049 1.225-.049 1.737 0 1.786 1.212 3.2 2.826 3.295L7.35 21h9.3c1.7 0 3-1.45 3-3.3 0-.494-.017-1.057-.044-1.653l-.048-.915-.06-.935-.068-.93-.23-2.817c-.044-.219-.202-.4-.409-.44L18.7 10zM13 17.5v2h-2v-2h2zM12.25 4c1.364 0 2.645.248 3.805.669l.345.131-.7 1.35a8.86 8.86 0 00-3.45-.7c-1.273 0-2.463.29-3.57.755l-.33.145-.7-1.3C9.05 4.4 10.6 4 12.25 4zm0-3.5c1.95 0 3.77.388 5.462 1.124l.388.176-.7 1.3C15.8 2.4 14.1 2 12.25 2c-1.857 0-3.628.388-5.233 1.124L6.65 3.3 5.95 2C7.85 1.05 10 .5 12.25.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/smart-speaker/selected.svg b/packages/components/src/telekom/icons/device/smart-speaker/selected.svg
index ce99f50380..a846a56b08 100644
--- a/packages/components/src/telekom/icons/device/smart-speaker/selected.svg
+++ b/packages/components/src/telekom/icons/device/smart-speaker/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.224 10.231a2.087 2.087 0 00-2.087-1.883h-1.132a19.68 19.68 0 00-5.833-1.044 18.295 18.295 0 00-5.739 1.044H5.181a2.087 2.087 0 00-2.087 1.883c-.193 2.119-.485 5.53-.485 7.696a4.889 4.889 0 003.814 4.946v.084c0 .576.467 1.043 1.043 1.043h9.391c.577 0 1.044-.467 1.044-1.043v-.084c2.264-.433 3.814-2.52 3.814-4.946 0-2.165-.287-5.577-.49-7.696zm-8.019 9.595h-2.087V17.74h2.087v2.087zm-.782-18.26a13.08 13.08 0 015.353 1.142l.751-1.378a14.682 14.682 0 00-12.673.235l.751 1.357a13.12 13.12 0 015.818-1.357zM7.617 4.762l.73 1.373a9.391 9.391 0 017.655-.204l.756-1.388a11.009 11.009 0 00-9.14.22z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.55c1.711 0 3.422.363 4.663.712l.501.148.436.14h1.1c1.05 0 1.9.75 2 1.8l.223 2.86.077 1.062.067 1.056c.05.866.083 1.689.083 2.372 0 2.226-1.405 4.17-3.444 4.656l-.206.044v.1c0 .51-.388.935-.884.993l-.116.007h-9c-.51 0-.935-.388-.993-.884L6.5 22.5v-.05C4.35 22 2.85 20 2.85 17.7c0-.732.032-1.617.082-2.546L3 14.025c.012-.19.026-.379.039-.567l.084-1.113.044-.535.09-1.003.043-.457c.095-.95.867-1.72 1.844-1.794L5.3 8.55h1.15l.347-.113.408-.125.463-.132c1.14-.312 2.687-.63 4.332-.63zm1 9.95v2h-2v-2h2zM12.25 4c1.364 0 2.645.248 3.805.669l.345.131-.7 1.35a8.86 8.86 0 00-3.45-.7c-1.273 0-2.463.29-3.57.755l-.33.145-.7-1.3C9.05 4.4 10.6 4 12.25 4zm0-3.5c1.95 0 3.77.388 5.462 1.124l.388.176-.7 1.3C15.8 2.4 14.1 2 12.25 2c-1.857 0-3.628.388-5.233 1.124L6.65 3.3 5.95 2C7.85 1.05 10 .5 12.25.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/tablet/default.svg b/packages/components/src/telekom/icons/device/tablet/default.svg
new file mode 100644
index 0000000000..0af3f29473
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/tablet/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 11.25a1 1 0 100 2 1 1 0 000-2zm2 6.25c0 .827-.672 1.5-1.5 1.5h-17c-.827 0-1.5-.673-1.5-1.5v-11C2 5.673 2.673 5 3.5 5h17c.828 0 1.5.673 1.5 1.5v11zm-1.5-14h-17a3 3 0 00-3 3v11a3 3 0 003 3h17a3 3 0 003-3v-11a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/tablet/selected.svg b/packages/components/src/telekom/icons/device/tablet/selected.svg
new file mode 100644
index 0000000000..f6b2825ce1
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/tablet/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 13.25a1 1 0 11.001-2 1 1 0 010 2m.5-9.75h-17a3 3 0 00-3 3v11a3 3 0 003 3h17a3 3 0 003-3v-11a3 3 0 00-3-3" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/tv-and-mobile/default.svg b/packages/components/src/telekom/icons/device/tv-and-mobile/default.svg
index 2a6e439983..f52b783779 100644
--- a/packages/components/src/telekom/icons/device/tv-and-mobile/default.svg
+++ b/packages/components/src/telekom/icons/device/tv-and-mobile/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.5 9.5c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-4.5c-1.1 0-2-.9-2-2v-10c0-1.1.9-2 2-2zm-3.5 1.5h-1c-.3 0-.5.2-.5.5v10c0 .3.2.5.5.5h4.5c.3 0 .5-.2.5-.5v-10c0-.3-.2-.5-.5-.5h-1v1h-2.5zm1.25 9a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3.25-19.5v7.65c-.3-.1-.65-.15-1-.15h-.5v-6h-19v11c0 .85.65 1.5 1.5 1.5h10v4h-8.5v-1.5h2.498c.278-.003.884-.059 1.402-1h-5.4c-1.65 0-3-1.35-3-3v-12.5zm-13.5 4.15 5.5 3.6-5.5 3.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 9.5c1.05 0 1.918.82 1.994 1.851l.006.149v10c0 1.05-.82 1.918-1.851 1.994l-.149.006H17c-1.05 0-1.918-.82-1.994-1.851L15 21.5v-10c0-1.05.82-1.918 1.851-1.994L17 9.5h4.5zM18 11h-1c-.267 0-.454.158-.493.404l-.007.096v10c0 .267.158.454.404.493L17 22h4.5c.267 0 .454-.158.493-.404L22 21.5v-10c0-.267-.158-.454-.404-.493L21.5 11h-1v1H18v-1zm1.25 9a.75.75 0 110 1.5.75.75 0 010-1.5zM22.5.5v7.65a3.092 3.092 0 00-.79-.144L21.5 8H21V2H2v11c0 .8.576 1.423 1.352 1.493l.148.007h10v4H5V17h2.498c.262-.003.814-.052 1.31-.843L8.9 16H3.5a3.01 3.01 0 01-2.995-2.824L.5 13V.5h22zM9 4.65l5.5 3.6-5.5 3.6v-7.2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/tv-and-mobile/selected.svg b/packages/components/src/telekom/icons/device/tv-and-mobile/selected.svg
index 8d116e79eb..77e8ea0afa 100644
--- a/packages/components/src/telekom/icons/device/tv-and-mobile/selected.svg
+++ b/packages/components/src/telekom/icons/device/tv-and-mobile/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.5 9.5a2 2 0 012 2v10a2 2 0 01-2 2H17a2 2 0 01-2-2v-10a2 2 0 012-2zM18.09 11H17a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h4.5a.5.5 0 00.5-.5v-10a.5.5 0 00-.5-.5h-1.09v1.035h-2.32V11zm1.16 9a.75.75 0 110 1.5.75.75 0 010-1.5zM14 17v1.5H5V17h9zM22.5.5v8.22a3 3 0 00-1-.175H17a3 3 0 00-3 3V16H3.5a3 3 0 01-3-3V.5h22zM10 5.96v4.58l3.5-2.29L10 5.96z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 9.5a2 2 0 011.995 1.85l.005.15v10a2 2 0 01-1.85 1.995l-.15.005H17a2 2 0 01-1.995-1.85L15 21.5v-10a2 2 0 011.85-1.995L17 9.5h4.5zM18.09 11H17a.5.5 0 00-.492.41l-.008.09v10a.5.5 0 00.41.492L17 22h4.5a.5.5 0 00.492-.41L22 21.5v-10a.5.5 0 00-.41-.492L21.5 11h-1.09v1.035h-2.32V11zm1.16 9a.75.75 0 110 1.5.75.75 0 010-1.5zM14 17v1.5H5V17h9zM22.5.5v8.22a3 3 0 00-.796-.167l-.204-.008H17a3 3 0 00-2.995 2.824l-.005.176V16H3.5a3 3 0 01-2.995-2.824L.5 13V.5h22zM10 5.96v4.58l3.5-2.29L10 5.96z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/twitching-closed-state/default.svg b/packages/components/src/telekom/icons/device/twitching-closed-state/default.svg
new file mode 100644
index 0000000000..b444e975c9
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/twitching-closed-state/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.532 15.169a.748.748 0 111.436.43 12.815 12.815 0 01-5.043 6.891.749.749 0 11-.844-1.239 11.313 11.313 0 004.451-6.082zM5.01 10.51v2.12l-1.562 1.563a1.5 1.5 0 00-.103 2.006l.103.114 4.242 4.245c.285.285.66.44 1.06.44.35 0 .68-.119.948-.34l.11-.1 1.058-1.058h2.123l-2.12 2.123a2.993 2.993 0 01-4.074.152l-.164-.152-4.242-4.245a3.008 3.008 0 01-.135-4.102l.135-.143 2.62-2.623zm13.116 7.173a.751.751 0 011.127.989 9.58 9.58 0 01-3.922 2.68.748.748 0 01-.96-.45.75.75 0 01.449-.96 8.068 8.068 0 003.306-2.26zm-6.12-13.44a4.004 4.004 0 013.993 3.8l.005.2v1.244H17.5V15a3 3 0 01-2.822 2.995l-.176.005H9.506a2.999 2.999 0 01-2.993-2.824L6.508 15V9.487h1.5V8.243c0-2.205 1.793-4 3.997-4zm3.996 6.744H8.007V15c0 .779.595 1.42 1.354 1.493l.145.007h4.996c.778 0 1.42-.596 1.492-1.356l.007-.144v-4.013zM12.005 12c.69 0 1.25.56 1.25 1.25 0 .357-.152.676-.392.903l-.108.091V15.5h-1.5v-1.256a1.243 1.243 0 01-.499-.994c0-.69.56-1.25 1.25-1.25zm3.25-10.502c.699 0 1.398.243 1.955.724l.163.15 4.242 4.246a3.003 3.003 0 01.135 4.105l-.135.145-2.616 2.617V11.36l1.557-1.557a1.502 1.502 0 00.102-2.007l-.102-.113-4.242-4.245a1.485 1.485 0 00-1.938-.15 5.424 5.424 0 00-1.367-.447l-.29-.046.417-.417a2.984 2.984 0 012.118-.88zm-3.25 4.245A2.502 2.502 0 009.512 8.08l-.005.164v1.244h4.997V8.243c0-1.378-1.121-2.5-2.499-2.5zM5.086 1.51a.749.749 0 11.844 1.24 11.306 11.306 0 00-4.451 6.082.75.75 0 11-1.436-.43A12.814 12.814 0 015.086 1.51zm3.595 1.138a.749.749 0 11.511 1.41 8.068 8.068 0 00-3.306 2.26.749.749 0 11-1.127-.99 9.574 9.574 0 013.922-2.68z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/twitching-closed-state/selected.svg b/packages/components/src/telekom/icons/device/twitching-closed-state/selected.svg
new file mode 100644
index 0000000000..4f540b322d
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/twitching-closed-state/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.532 15.169a.75.75 0 111.436.43 12.812 12.812 0 01-5.043 6.891.75.75 0 11-.844-1.239 11.312 11.312 0 004.451-6.082zM5.01 10.51V15a4.504 4.504 0 004.286 4.495l.211.005h3.483l-2.121 2.123a2.993 2.993 0 01-4.074.152l-.164-.152-4.242-4.245a3.008 3.008 0 01-.135-4.102l.135-.143 2.62-2.623zm13.116 7.173a.749.749 0 111.127.989 9.582 9.582 0 01-3.921 2.68.749.749 0 11-.512-1.41 8.068 8.068 0 003.306-2.26zm-6.12-13.44a4.004 4.004 0 013.993 3.8l.005.2v1.244H17.5V15a3 3 0 01-2.822 2.995l-.176.005H9.506a2.999 2.999 0 01-2.993-2.824L6.508 15V9.487h1.5V8.243c0-2.205 1.793-4 3.997-4zm0 7.757c-.69 0-1.248.56-1.248 1.25 0 .357.151.676.391.903l.108.091V15.5h1.5v-1.256a1.245 1.245 0 00-.75-2.244zm3.25-10.502c.7 0 1.399.243 1.956.723l.162.152 4.243 4.245a3.003 3.003 0 01.135 4.105l-.135.145L19 13.485V7.987h-1.504a5.504 5.504 0 00-4.548-5.157l-.23-.035.418-.417a2.984 2.984 0 012.119-.88zm-3.25 4.245A2.502 2.502 0 009.512 8.08l-.005.164v1.244h4.997V8.243c0-1.378-1.121-2.5-2.499-2.5zM5.085 1.51a.75.75 0 11.845 1.24 11.304 11.304 0 00-4.45 6.082.75.75 0 01-1.437-.43A12.81 12.81 0 015.086 1.51zM8.68 2.648a.75.75 0 11.513 1.41 8.063 8.063 0 00-3.307 2.26.75.75 0 01-1.127-.99 9.58 9.58 0 013.921-2.68z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/twitching-open-state/default.svg b/packages/components/src/telekom/icons/device/twitching-open-state/default.svg
new file mode 100644
index 0000000000..4526f69cdf
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/twitching-open-state/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.009 10.51v2.12l-1.562 1.562a1.5 1.5 0 00-.102 2.007l.102.113 4.243 4.245c.284.285.66.44 1.059.44.35 0 .68-.118.948-.339l.111-.1 1.057-1.058h2.124l-2.121 2.122a2.993 2.993 0 01-4.074.153l-.164-.153-4.242-4.245a3.008 3.008 0 01-.135-4.1l.135-.145 2.62-2.622zm13.116 7.172a.749.749 0 111.127.99 9.58 9.58 0 01-3.921 2.68.75.75 0 11-.512-1.41 8.063 8.063 0 003.306-2.26zm-6.12-13.439a4 4 0 013.623 2.315l.082.188-1.355.678a2.493 2.493 0 00-2.35-1.68 2.503 2.503 0 00-2.493 2.335l-.005.164v1.243H17.5V15a3 3 0 01-2.822 2.995l-.176.005H9.506a2.999 2.999 0 01-2.993-2.824L6.508 15V9.486h1.5V8.243c0-2.206 1.793-4 3.997-4zm3.997 6.743H8.007V15c0 .778.596 1.42 1.355 1.493l.144.007h4.997c.777 0 1.419-.596 1.492-1.356l.007-.144v-4.014zM12.006 12c.69 0 1.249.56 1.249 1.25 0 .362-.156.686-.403.914l-.097.08V15.5h-1.499v-1.256a1.244 1.244 0 01-.5-.994c0-.69.56-1.25 1.25-1.25zm3.249-10.503c.7 0 1.399.244 1.956.724l.162.151 4.242 4.245a3.003 3.003 0 01.136 4.105l-.136.145L19 13.485V11.36l1.556-1.558a1.502 1.502 0 00.103-2.007l-.103-.113-4.242-4.245a1.485 1.485 0 00-1.937-.15 5.456 5.456 0 00-1.367-.446l-.291-.046.417-.418a2.984 2.984 0 012.119-.88zm7.277 13.671a.75.75 0 111.436.43 12.814 12.814 0 01-5.043 6.892.748.748 0 01-1.041-.198.75.75 0 01.197-1.041 11.309 11.309 0 004.451-6.083zM5.086 1.51a.75.75 0 01.844 1.239A11.307 11.307 0 001.48 8.83a.75.75 0 11-1.437-.43A12.809 12.809 0 015.086 1.51zM9.64 3.097a.75.75 0 01-.448.96 8.068 8.068 0 00-3.307 2.26.748.748 0 01-1.058.07.75.75 0 01-.069-1.059 9.582 9.582 0 013.921-2.68c.39-.142.82.059.96.449z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/device/twitching-open-state/selected.svg b/packages/components/src/telekom/icons/device/twitching-open-state/selected.svg
new file mode 100644
index 0000000000..47d6123ee8
--- /dev/null
+++ b/packages/components/src/telekom/icons/device/twitching-open-state/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.532 15.168a.75.75 0 111.436.43 12.814 12.814 0 01-5.043 6.892.748.748 0 01-1.041-.198.75.75 0 01.197-1.041 11.309 11.309 0 004.451-6.083zM5.01 10.51V15a4.504 4.504 0 004.286 4.495l.21.005h3.484l-2.121 2.122a2.993 2.993 0 01-4.074.153l-.164-.153-4.242-4.245a3.008 3.008 0 01-.135-4.1l.135-.145 2.62-2.622zm13.116 7.172a.749.749 0 111.127.99 9.58 9.58 0 01-3.921 2.68.75.75 0 11-.512-1.41 8.063 8.063 0 003.306-2.26zm-6.12-13.439a4 4 0 013.623 2.315l.082.188-1.355.678a2.493 2.493 0 00-2.35-1.68 2.503 2.503 0 00-2.493 2.335l-.005.164v1.243H17.5V15a3 3 0 01-2.822 2.995l-.176.005H9.506a2.999 2.999 0 01-2.993-2.824L6.508 15V9.486h1.5V8.243c0-2.206 1.793-4 3.997-4zm0 7.757c-.69 0-1.248.56-1.248 1.25 0 .362.156.686.403.914l.096.08V15.5h1.5v-1.256c.301-.228.499-.587.499-.994 0-.69-.56-1.25-1.25-1.25zm3.25-10.503c.7 0 1.399.244 1.956.724l.162.151 4.242 4.245a3.003 3.003 0 01.136 4.105l-.136.145L19 13.485V7.986h-1.504a5.505 5.505 0 00-4.548-5.156l-.23-.035.418-.418a2.984 2.984 0 012.119-.88zm-10.17.013a.75.75 0 01.845 1.239A11.307 11.307 0 001.48 8.83a.75.75 0 11-1.437-.43A12.809 12.809 0 015.086 1.51zM8.68 2.647a.75.75 0 01.513 1.41 8.068 8.068 0 00-3.307 2.26.748.748 0 01-1.058.07.75.75 0 01-.069-1.059 9.582 9.582 0 013.921-2.68z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/home/default.svg b/packages/components/src/telekom/icons/home/home/default.svg
index f9df770e56..c67a4b553f 100644
--- a/packages/components/src/telekom/icons/home/home/default.svg
+++ b/packages/components/src/telekom/icons/home/home/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 12.1 1.5 1.5v5.4c0 1.65-1.35 3-3 3h-11c-1.65 0-3-1.35-3-3v-5.4l1.5-1.5v6.9c0 .85.65 1.5 1.5 1.5h4.75v-3.75c0-.4.35-.75.75-.75s.75.35.75.75v3.75h4.75c.85 0 1.5-.65 1.5-1.5zm-7-11.25 11.55 11.6-1.05 1.05-10.5-10.5-10.5 10.5-1.05-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 12.1l1.5 1.5V19a3.01 3.01 0 01-2.824 2.995L17.5 22h-11a3.01 3.01 0 01-2.995-2.824L3.5 19v-5.4L5 12.1V19c0 .8.576 1.423 1.352 1.493l.148.007h4.75v-3.75c0-.4.35-.75.75-.75.367 0 .691.294.743.651l.007.099v3.75h4.75c.8 0 1.423-.576 1.493-1.352L19 19v-6.9zM12 .85l11.55 11.6-1.05 1.05L12 3 1.5 13.5.45 12.45 12 .85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/home/selected.svg b/packages/components/src/telekom/icons/home/home/selected.svg
index 459a03ebb4..88bbccab79 100644
--- a/packages/components/src/telekom/icons/home/home/selected.svg
+++ b/packages/components/src/telekom/icons/home/home/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 5.11 7.75 7.75v6.14a2.245 2.245 0 0 1 -2.25 2.25h-4.75v-4.5a.75.75 0 1 0 -1.5 0v4.5h-4.75a2.245 2.245 0 0 1 -2.25-2.25v-6.14zm0-4.24 11.565 11.565-1.06 1.06-10.505-10.505-10.505 10.505-1.06-1.06z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .85L.45 12.45 1.5 13.5 12 3l10.5 10.5 1.05-1.05L12 .85zM3.5 13.6V19l.005.176A3.01 3.01 0 006.5 22h4.75v-5.25c0-.4.35-.75.75-.75.367 0 .691.294.743.651l.007.099V22h4.75l.176-.005A3.01 3.01 0 0020.5 19v-5.4L12 5.1l-8.5 8.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/internet-at-home/default.svg b/packages/components/src/telekom/icons/home/internet-at-home/default.svg
index af8412cb1d..60bc1ae688 100644
--- a/packages/components/src/telekom/icons/home/internet-at-home/default.svg
+++ b/packages/components/src/telekom/icons/home/internet-at-home/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 12.1 1.5 1.5v5.4c0 1.65-1.35 3-3 3h-11c-1.65 0-3-1.35-3-3v-5.4l1.5-1.5v6.9c0 .85.65 1.5 1.5 1.5h11c.85 0 1.5-.65 1.5-1.5zm-7 3.65a.9.9 0 1 1 0 1.8.9.9 0 0 1 0-1.8zm-.05-2.65c1.3 0 2.45.7 3.05 1.75l-1 .9c-.3-.75-1.1-1.3-2.1-1.35-.9 0-1.65.55-2 1.35l-1-.9c.6-1.05 1.75-1.75 3.05-1.75zm.05-2.6c2.1 0 3.95 1.05 5.05 2.65l-1 .85c-.85-1.3-2.35-2.2-4.05-2.2s-3.2.85-4.05 2.2l-1-.85c1.1-1.6 2.95-2.65 5.05-2.65zm0-9.65 11.55 11.6-1.05 1.05-10.5-10.5-10.5 10.5-1.05-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 12.1l1.5 1.5V19a3.01 3.01 0 01-2.824 2.995L17.5 22h-11a3.01 3.01 0 01-2.995-2.824L3.5 19v-5.4L5 12.1V19c0 .8.576 1.423 1.352 1.493l.148.007h11c.8 0 1.423-.576 1.493-1.352L19 19v-6.9zm-7 3.65a.9.9 0 110 1.8.9.9 0 010-1.8zm-.05-2.65c1.228 0 2.322.624 2.945 1.578l.105.172-1 .9c-.3-.75-1.1-1.3-2.1-1.35-.84 0-1.55.48-1.925 1.193l-.075.157-1-.9c.6-1.05 1.75-1.75 3.05-1.75zm.05-2.6c2.012 0 3.795.964 4.909 2.453l.141.197-1 .85c-.85-1.3-2.35-2.2-4.05-2.2-1.619 0-3.057.771-3.924 2.01L7.95 14l-1-.85c1.1-1.6 2.95-2.65 5.05-2.65zm0-9.65l11.55 11.6-1.05 1.05L12 3 1.5 13.5.45 12.45 12 .85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/internet-at-home/selected.svg b/packages/components/src/telekom/icons/home/internet-at-home/selected.svg
index 6b3eae9617..a1d546200d 100644
--- a/packages/components/src/telekom/icons/home/internet-at-home/selected.svg
+++ b/packages/components/src/telekom/icons/home/internet-at-home/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 .87-11.565 11.565 1.065 1.065 10.5-10.5 10.5 10.5 1.06-1.06zm-7.75 12v6.13a2.25 2.25 0 0 0 2.25 2.25h11a2.245 2.245 0 0 0 2.25-2.25v-6.14l-7.75-7.75zm7.75 5.63a.875.875 0 1 1 0-1.75.875.875 0 0 1 0 1.75zm2-1.735a2.185 2.185 0 0 0 -4 0l-1.025-.88a3.5 3.5 0 0 1 6.07 0zm3.03-2.61-1 .865a4.805 4.805 0 0 0 -8.08 0l-1-.865a6.11 6.11 0 0 1 10.08 0z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 19a3.01 3.01 0 01-2.824 2.995L17.5 22h-11a3.01 3.01 0 01-2.995-2.824L3.5 19v-5.4L12 5.065l8.5 8.535V19zM12 15.75a.9.9 0 110 1.8.9.9 0 010-1.8zm-.05-2.65c1.228 0 2.322.624 2.945 1.578l.105.172-1 .9c-.3-.75-1.1-1.3-2.1-1.35-.84 0-1.55.48-1.925 1.193l-.075.157-1-.9c.6-1.05 1.75-1.75 3.05-1.75zm.05-2.6c2.012 0 3.795.964 4.909 2.453l.141.197-1 .85c-.85-1.3-2.35-2.2-4.05-2.2-1.619 0-3.057.771-3.924 2.01L7.95 14l-1-.85c1.1-1.6 2.95-2.65 5.05-2.65zm0-9.65l11.55 11.6-1.05 1.05L12 3 1.5 13.5.45 12.45 12 .85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/iot/default.svg b/packages/components/src/telekom/icons/home/iot/default.svg
index d5bce56c80..fd207a1ad9 100644
--- a/packages/components/src/telekom/icons/home/iot/default.svg
+++ b/packages/components/src/telekom/icons/home/iot/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M15.25 10.5c.85 0 1.5.65 1.5 1.5 0 .95-.9 1.7-1.9 1.45l-3.6 3.6v3.15c.45.25.75.75.75 1.3 0 .85-.65 1.5-1.5 1.5S9 22.35 9 21.5c0-.55.3-1.05.75-1.3v-3.75l4.05-4.05c-.25-1 .5-1.9 1.45-1.9zm-.5-6.5c2.85.85 5 3.35 5.35 6.4 2.1.45 3.65 2.3 3.65 4.55 0 2.55-2.05 4.6-4.6 4.6h-6.4v-1.5h6.45c1.7 0 3.1-1.4 3.1-3.1 0-1.15-.6-2.1-1.5-2.65-.75-.45-1.35-.45-2.15-.5 0-.8 0-1.35-.25-2.2-.55-1.85-1.9-3.3-3.65-4zm-4.5 0v1.6c-1.4.55-2.5 1.55-3.2 2.9-.2.45-.3.75-.5 1.3.05 0-1.1-.15-2.15.25-1.55.6-2.65 2.1-2.65 3.85 0 2.25 1.85 4.1 4.1 4.1h2.4v1.5h-2.4c-3.1 0-5.6-2.5-5.6-5.6 0-3 2.35-5.45 5.25-5.65.9-2.05 2.65-3.6 4.75-4.25zM12.5.5c.85 0 1.5.65 1.5 1.5 0 .55-.3 1.05-.75 1.4v5l-5.5 5.5c.1.9-.65 1.65-1.5 1.65s-1.5-.65-1.5-1.5c0-1.1 1.05-1.8 2.05-1.4l4.95-4.95V3.3C11.3 3.05 11 2.55 11 2c0-.85.65-1.5 1.5-1.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.25 10.5c.85 0 1.5.65 1.5 1.5a1.51 1.51 0 01-1.764 1.478l-.136-.028-3.6 3.6v3.15c.45.25.75.75.75 1.3 0 .85-.65 1.5-1.5 1.5S9 22.35 9 21.5c0-.5.248-.959.631-1.226l.119-.074v-3.75l4.05-4.05c-.25-1 .5-1.9 1.45-1.9zm-.5-6.5c2.85.85 5 3.35 5.35 6.4 2.1.45 3.65 2.3 3.65 4.55a4.587 4.587 0 01-4.389 4.595l-.211.005h-6.4v-1.5h6.45c1.7 0 3.1-1.4 3.1-3.1 0-1.15-.6-2.1-1.5-2.65-.545-.327-1.012-.417-1.533-.46l-.617-.04-.003-.502A5.856 5.856 0 0018.4 9.6a6.192 6.192 0 00-3.414-3.9l-.236-.1V4zm-4.5 0v1.6c-1.4.55-2.5 1.55-3.2 2.9l-.08.185-.138.342-.283.772-.166-.016-.166-.008-.21-.002c-.038 0-.078 0-.12.002l-.262.014c-.369.029-.805.101-1.225.261-1.55.6-2.65 2.1-2.65 3.85 0 2.182 1.74 3.988 3.897 4.095L5.85 18h2.4v1.5h-2.4c-3.1 0-5.6-2.5-5.6-5.6 0-3 2.35-5.45 5.25-5.65a7.696 7.696 0 014.478-4.16L10.25 4zM12.5.5c.85 0 1.5.65 1.5 1.5 0 .495-.243.95-.62 1.29l-.13.11v5l-5.5 5.5c.1.9-.65 1.65-1.5 1.65s-1.5-.65-1.5-1.5c0-1.054.964-1.741 1.925-1.444l.125.044 4.95-4.95V3.3C11.3 3.05 11 2.55 11 2c0-.85.65-1.5 1.5-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/iot/selected.svg b/packages/components/src/telekom/icons/home/iot/selected.svg
index de87dab59a..a46054a311 100644
--- a/packages/components/src/telekom/icons/home/iot/selected.svg
+++ b/packages/components/src/telekom/icons/home/iot/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M2.824 13.779a3.407 3.407 0 013.411-3.398l.97.038.287-.819a5.304 5.304 0 012.86-3.101V4a7.638 7.638 0 00-4.77 4.061 5.75 5.75 0 00.64 11.468H8.47v-2.353H6.22a3.402 3.402 0 01-3.397-3.397zm17.2-3.661A7.586 7.586 0 0014.588 4v2.494A5.256 5.256 0 0117.76 11.2l.033 1.078 1.082.06a2.433 2.433 0 01-.131 4.838h-6.038v2.353h6.038a4.786 4.786 0 001.28-9.411zm-8.73 9.61v-2.966l3.402-3.402c.119.032.24.05.363.052A1.412 1.412 0 1013.647 12c.003.122.02.244.052.362L9.882 16.18v3.548a1.412 1.412 0 101.412 0zm.47-15.926v4.142L7.13 12.579A1.412 1.412 0 108 13.882v-.16l5.176-5.176V3.84a1.412 1.412 0 10-1.411 0v-.038z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.25 10.5c.85 0 1.5.65 1.5 1.5a1.508 1.508 0 01-1.764 1.478l-.136-.028-3.6 3.6v3.15c.45.25.75.75.75 1.3 0 .85-.65 1.5-1.5 1.5S9 22.35 9 21.5c0-.5.248-.959.63-1.226l.12-.074v-3.75l4.05-4.05c-.25-1 .5-1.9 1.45-1.9zm-.497-6.499A7.59 7.59 0 0120.1 10.4c2.1.45 3.65 2.3 3.65 4.55a4.587 4.587 0 01-4.389 4.595l-.211.005h-6.411v-1.883l2.685-2.684A2.998 2.998 0 0018.24 12a2.958 2.958 0 00-2.99-2.99c-.173 0-.343.018-.51.047l.01-5.051a.022.022 0 00.003-.005zM10.25 4l.01 3.083-3.964 3.964-.075-.001c-.786 0-1.525.305-2.082.858a2.998 2.998 0 00-.879 2.146 2.958 2.958 0 002.99 2.99c.741 0 1.458-.28 2.01-.779L8.25 19.5h-2.4c-3.1 0-5.6-2.5-5.6-5.6 0-3 2.35-5.45 5.25-5.65a7.695 7.695 0 014.478-4.16L10.25 4zM12.5.5c.85 0 1.5.65 1.5 1.5 0 .495-.243.949-.62 1.291l-.13.109v5l-5.5 5.5c.1.9-.65 1.65-1.5 1.65s-1.5-.65-1.5-1.5c0-.887.682-1.514 1.47-1.514.15 0 .302.023.455.07l.125.044 4.95-4.95V3.3C11.3 3.05 11 2.55 11 2c0-.85.65-1.5 1.5-1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/light-bulb/default.svg b/packages/components/src/telekom/icons/home/light-bulb/default.svg
new file mode 100644
index 0000000000..739dc2bde7
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/light-bulb/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.865 16.419a5.757 5.757 0 00-.51 1.081H9.666a5.591 5.591 0 00-.506-1.066c-.638-1.038-1.177-1.145-1.739-2.417a4.988 4.988 0 01-.421-2.091c.037-2.614 2.192-4.823 4.803-4.922a4.928 4.928 0 013.663 1.394A4.959 4.959 0 0117 12c0 .653-.125 1.29-.364 1.88-.544 1.341-1.13 1.484-1.771 2.538M11.748 5.506c-3.396.129-6.198 3-6.247 6.4a6.502 6.502 0 00.462 2.515c.476 1.186 1.11 1.788 1.625 2.42.516.633.912 1.296.912 2.605v1.83l1.534.558c.159.945.975 1.667 1.966 1.667.99 0 1.807-.722 1.966-1.667l1.534-.557v-1.687c0-1.344.373-2.048.866-2.683.492-.635 1.103-1.2 1.577-2.266A6.486 6.486 0 0018.5 12a6.447 6.447 0 00-1.992-4.684 6.456 6.456 0 00-4.76-1.811M22.75 11.25h-2a.75.75 0 100 1.5h2a.75.75 0 100-1.5m-2.618-7.381a.75.75 0 00-1.06 0l-1.415 1.413a.75.75 0 101.061 1.061l1.415-1.413a.75.75 0 00-.001-1.061M12 4a.75.75 0 00.75-.75v-2a.75.75 0 10-1.5 0v2c0 .414.336.75.75.75m-8.75 7.25h-2a.75.75 0 100 1.5h2a.75.75 0 100-1.5m3.093-4.907a.75.75 0 000-1.061L4.928 3.868a.75.75 0 00-1.06 1.061l1.414 1.414a.75.75 0 001.061 0" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/light-bulb/selected.svg b/packages/components/src/telekom/icons/home/light-bulb/selected.svg
new file mode 100644
index 0000000000..7be9dabf11
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/light-bulb/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M3.25 11.25h-2a.75.75 0 100 1.5h2a.75.75 0 000-1.5M6.343 6.343a.75.75 0 000-1.061L4.928 3.868a.75.75 0 00-1.06 1.061l1.414 1.414a.75.75 0 001.061 0M12 4a.75.75 0 00.75-.75v-2a.75.75 0 10-1.5 0v2c0 .414.336.75.75.75M20.132 3.869a.749.749 0 00-1.06 0l-1.415 1.413a.75.75 0 101.061 1.061l1.415-1.413a.751.751 0 00-.001-1.061M22.75 11.25h-2a.75.75 0 100 1.5h2a.75.75 0 000-1.5M11.748 5.505c-3.396.129-6.198 3-6.247 6.399a6.503 6.503 0 00.462 2.515c.476 1.187 1.11 1.789 1.625 2.421.165.203.316.417.447.646h7.946c.116-.205.245-.399.385-.58.492-.635 1.102-1.2 1.576-2.267A6.47 6.47 0 0018.5 12a6.448 6.448 0 00-1.992-4.684 6.46 6.46 0 00-4.76-1.811M8.5 19.006v2.27l1.534.557A1.995 1.995 0 0012 23.5c.991 0 1.807-.722 1.966-1.667l1.534-.557v-2.27h-7z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/network-secure/default.svg b/packages/components/src/telekom/icons/home/network-secure/default.svg
new file mode 100644
index 0000000000..2110059e68
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/network-secure/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .5a4.505 4.505 0 014.495 4.288L16.5 5v1.5H18v6a3 3 0 01-2.824 2.995L15 15.5h-2.25v2H22v3.175A1.745 1.745 0 0121.25 24a1.744 1.744 0 01-.883-3.254l.133-.071V19h-7.75v1.675A1.745 1.745 0 0112 24a1.744 1.744 0 01-.883-3.254l.133-.071V19H3.5v1.675A1.745 1.745 0 012.75 24a1.744 1.744 0 01-.883-3.254L2 20.675V17.5h9.25v-2H9a3 3 0 01-2.995-2.824L6 12.5v-6h1.5V5C7.5 2.518 9.519.5 12 .5zM16.5 8h-9v4.5c0 .778.596 1.42 1.355 1.493L9 14h6c.778 0 1.42-.596 1.493-1.356l.007-.144V8zM12 9.449a1.13 1.13 0 011.13 1.129c0 .287-.109.547-.286.746l-.093.094V12.5h-1.5v-1.082l-.094-.094a1.116 1.116 0 01-.286-.746A1.13 1.13 0 0112 9.449zM12 2a3.004 3.004 0 00-2.995 2.824L9 5v1.5h6V5c0-1.654-1.346-3-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/network-secure/selected.svg b/packages/components/src/telekom/icons/home/network-secure/selected.svg
new file mode 100644
index 0000000000..e9083b61b8
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/network-secure/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .5a4.505 4.505 0 014.495 4.288L16.5 5v1.5H18v6a3 3 0 01-2.824 2.995L15 15.5h-2.25v2H22v3.175A1.745 1.745 0 0121.25 24a1.75 1.75 0 01-1.75-1.75c0-.643.35-1.2.867-1.504l.133-.071V19h-7.75v1.675A1.745 1.745 0 0112 24a1.75 1.75 0 01-1.75-1.75c0-.643.35-1.2.867-1.504l.133-.071V19H3.5v1.675A1.745 1.745 0 012.75 24 1.75 1.75 0 011 22.25c0-.643.35-1.2.867-1.504L2 20.675V17.5h9.25v-2H9a3 3 0 01-2.995-2.824L6 12.5v-6h1.5V5C7.5 2.518 9.52.5 12 .5zm0 8.949a1.13 1.13 0 00-1.13 1.13c0 .286.11.546.286.745l.094.094V12.5h1.5v-1.082A1.125 1.125 0 0012 9.449zM12 2a3.003 3.003 0 00-2.995 2.824L9 5v1.5h6V5c0-1.655-1.346-3-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/no-wifi/default.svg b/packages/components/src/telekom/icons/home/no-wifi/default.svg
index 47cbe309c8..f68f526148 100644
--- a/packages/components/src/telekom/icons/home/no-wifi/default.svg
+++ b/packages/components/src/telekom/icons/home/no-wifi/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 18a2 2 0 110 4 2 2 0 010-4zM1.57 1.97a.745.745 0 011.06 0l18 18a.745.745 0 010 1.06.754.754 0 01-.53.22.754.754 0 01-.53-.22l-18-18a.75.75 0 010-1.06zm8.615 11.795l1.74 1.735a4.5 4.5 0 00-3.895 2.38l-1.435-1.49a6.495 6.495 0 013.59-2.625zM12 9c3.465 0 6.555 1.605 8.57 4.11l-1.405 1.46a9.006 9.006 0 00-5.15-3.34L11.79 9.005c.07 0 .14-.005.21-.005zm-5.245 1.335l1.49 1.49a9.045 9.045 0 00-3.41 2.745L3.43 13.11c.91-1.13 2.04-2.075 3.325-2.775zM3.48 7.06l1.445 1.445c-1.22.755-2.315 1.7-3.24 2.795L.29 9.855c.93-1.07 2.005-2.01 3.19-2.795zM12 4.5c4.68 0 8.87 2.075 11.715 5.355L22.32 11.3A13.465 13.465 0 009.515 6.735l-1.67-1.67A15.608 15.608 0 0112 4.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18a2 2 0 110 4 2 2 0 010-4zM1.57 1.97a.744.744 0 01.975-.073l.085.073 18 18a.745.745 0 010 1.06.754.754 0 01-.53.22.755.755 0 01-.437-.141l-.093-.079-18-18a.75.75 0 010-1.06zm8.615 11.795l1.74 1.735a4.5 4.5 0 00-3.789 2.193l-.106.187-1.435-1.49a6.495 6.495 0 013.314-2.538l.276-.087zM12 9c3.35 0 6.349 1.5 8.365 3.863l.205.247-1.405 1.46a9.012 9.012 0 00-4.823-3.258l-.327-.082-2.225-2.225L12 9zm-5.245 1.335l1.49 1.49a9.047 9.047 0 00-3.2 2.478l-.21.267-1.405-1.46a11.063 11.063 0 012.978-2.578l.347-.197zM3.48 7.06l1.445 1.445A13.644 13.644 0 002 10.941l-.315.359L.29 9.855c.827-.951 1.768-1.8 2.8-2.528l.39-.267zM12 4.5c4.542 0 8.623 1.955 11.46 5.069l.255.286L22.32 11.3a13.465 13.465 0 00-12.319-4.647l-.486.082-1.67-1.67A15.608 15.608 0 0112 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/no-wifi/selected.svg b/packages/components/src/telekom/icons/home/no-wifi/selected.svg
index f5800edccc..f68f526148 100644
--- a/packages/components/src/telekom/icons/home/no-wifi/selected.svg
+++ b/packages/components/src/telekom/icons/home/no-wifi/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M11.964 18.128a2.043 2.043 0 110 4.085 2.043 2.043 0 010-4.085zM1.331 1.775a.766.766 0 011.064-.018L20.778 20.14a.77.77 0 010 1.082.76.76 0 01-1.083 0L1.312 2.84a.766.766 0 01.02-1.064zm8.78 12.012l1.772 1.787a4.596 4.596 0 00-3.973 2.431l-1.47-1.532a6.68 6.68 0 013.67-2.686zm1.853-4.85a11.234 11.234 0 018.753 4.197l-1.435 1.49a9.191 9.191 0 00-5.265-3.39l-2.272-2.298zM6.603 10.3l1.526 1.521a9.237 9.237 0 00-3.482 2.804l-1.44-1.491A11.306 11.306 0 016.603 10.3zm5.361-5.96c4.595 0 8.962 2.003 11.96 5.485L22.498 11.3A13.731 13.731 0 009.426 6.638l-1.705-1.72a15.911 15.911 0 014.243-.578zM3.258 6.955L4.734 8.43a13.736 13.736 0 00-3.31 2.854L0 9.81a16.085 16.085 0 013.258-2.854z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18a2 2 0 110 4 2 2 0 010-4zM1.57 1.97a.744.744 0 01.975-.073l.085.073 18 18a.745.745 0 010 1.06.754.754 0 01-.53.22.755.755 0 01-.437-.141l-.093-.079-18-18a.75.75 0 010-1.06zm8.615 11.795l1.74 1.735a4.5 4.5 0 00-3.789 2.193l-.106.187-1.435-1.49a6.495 6.495 0 013.314-2.538l.276-.087zM12 9c3.35 0 6.349 1.5 8.365 3.863l.205.247-1.405 1.46a9.012 9.012 0 00-4.823-3.258l-.327-.082-2.225-2.225L12 9zm-5.245 1.335l1.49 1.49a9.047 9.047 0 00-3.2 2.478l-.21.267-1.405-1.46a11.063 11.063 0 012.978-2.578l.347-.197zM3.48 7.06l1.445 1.445A13.644 13.644 0 002 10.941l-.315.359L.29 9.855c.827-.951 1.768-1.8 2.8-2.528l.39-.267zM12 4.5c4.542 0 8.623 1.955 11.46 5.069l.255.286L22.32 11.3a13.465 13.465 0 00-12.319-4.647l-.486.082-1.67-1.67A15.608 15.608 0 0112 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/power-socket/default.svg b/packages/components/src/telekom/icons/home/power-socket/default.svg
new file mode 100644
index 0000000000..d004b12f3c
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/power-socket/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.25a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zm-5 0a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zm1.75-6.693V8.5h1.5V6.557C15.43 6.925 17.5 9.223 17.5 12c0 2.777-2.071 5.075-4.75 5.443V15.5h-1.5v1.943C8.574 17.075 6.5 14.777 6.5 12c0-2.777 2.073-5.075 4.75-5.443zM12 19a7 7 0 100-14 7 7 0 000 14zm8.5 0c0 .827-.672 1.5-1.5 1.5H5c-.826 0-1.5-.673-1.5-1.5V3.5h17V19zM2 2v17a3 3 0 003 3h14a3 3 0 003-3V2H2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/power-socket/selected.svg b/packages/components/src/telekom/icons/home/power-socket/selected.svg
new file mode 100644
index 0000000000..37fbffb68c
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/power-socket/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 19a7 7 0 110-14 7 7 0 010 14zM2 2v17a3 3 0 003 3h14a3 3 0 003-3V2H2zm12.5 11.25a1.25 1.25 0 11.001-2.5 1.25 1.25 0 010 2.5zm-5 0a1.25 1.25 0 11.001-2.5 1.25 1.25 0 010 2.5zm3.25-6.693V8.5h-1.5V6.557C8.574 6.925 6.5 9.223 6.5 12c0 2.777 2.073 5.075 4.75 5.443V15.5h1.5v1.943c2.679-.368 4.75-2.666 4.75-5.443 0-2.777-2.071-5.075-4.75-5.443z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/preferred-wifi/default.svg b/packages/components/src/telekom/icons/home/preferred-wifi/default.svg
new file mode 100644
index 0000000000..e360e09a95
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/preferred-wifi/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.006 18a2 2 0 11-.001 4.001A2 2 0 0112.006 18zm-1.08-4.4c.15.684.394 1.33.722 1.926a4.494 4.494 0 00-3.501 2.162l-.11.195-1.438-1.49a6.494 6.494 0 014.327-2.792zm.517-4.584a7.157 7.157 0 00-.612 2.063 8.985 8.985 0 00-5.801 3.25l-.19.242-1.407-1.46a10.98 10.98 0 018.01-4.095zm.563-4.516c1.47 0 2.89.205 4.235.587a7.158 7.158 0 00-2.92 1.48 13.47 13.47 0 00-11.405 4.468l-.23.264L.293 9.854A15.464 15.464 0 0112.006 4.5zm5.938 1.875a5.688 5.688 0 11-.002 11.376 5.688 5.688 0 01.002-11.376zm.004 2.888a.255.255 0 00-.202.1l-.03.05-.59 1.445-1.564.114a.255.255 0 00-.188.405l.042.045 1.193 1.008-.373 1.517a.257.257 0 00.327.303l.055-.025 1.323-.823 1.323.823a.257.257 0 00.39-.217l-.007-.061-.373-1.517 1.193-1.008a.255.255 0 00-.073-.44l-.059-.013-1.564-.114-.589-1.443a.254.254 0 00-.234-.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/preferred-wifi/selected.svg b/packages/components/src/telekom/icons/home/preferred-wifi/selected.svg
new file mode 100644
index 0000000000..07071b01e9
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/preferred-wifi/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.006 18a2 2 0 11-.001 4.001A2 2 0 0112.006 18zm-1.08-4.4c.15.684.394 1.33.722 1.926a4.494 4.494 0 00-3.501 2.162l-.11.195-1.438-1.49a6.494 6.494 0 014.327-2.792zm.517-4.584a7.157 7.157 0 00-.612 2.063 8.985 8.985 0 00-5.801 3.25l-.19.242-1.407-1.46a10.98 10.98 0 018.01-4.095zm6.505.247a.254.254 0 01.234.15l.59 1.441 1.563.115a.255.255 0 01.132.453l-1.193 1.008.373 1.517a.257.257 0 01-.099.267.258.258 0 01-.283.011l-1.324-.823-1.322.823a.257.257 0 01-.383-.278l.373-1.517-1.193-1.008a.257.257 0 01-.079-.275.252.252 0 01.225-.175l1.564-.115.59-1.443a.256.256 0 01.232-.15zM12.006 4.5c1.47 0 2.89.205 4.235.587a7.158 7.158 0 00-2.92 1.48 13.47 13.47 0 00-11.405 4.468l-.23.264L.293 9.854A15.464 15.464 0 0112.006 4.5zm5.938 1.875a5.687 5.687 0 11-.001 11.375 5.687 5.687 0 010-11.375zm0 1.5a4.192 4.192 0 00-4.187 4.187 4.192 4.192 0 004.187 4.188 4.192 4.192 0 004.187-4.188 4.192 4.192 0 00-4.187-4.187z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/reduced-wifi/default.svg b/packages/components/src/telekom/icons/home/reduced-wifi/default.svg
new file mode 100644
index 0000000000..0259cc4dc1
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/reduced-wifi/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18a2 2 0 110 4 2 2 0 010-4zm5.5-14.5a.75.75 0 01.744.648l.006.102V13h3.177L17.5 19l-3.927-6h3.177V4.25a.75.75 0 01.75-.75zm-5.388 10.007l1.508 2.303a4.478 4.478 0 00-5.486 1.888l-.105.185-1.436-1.49a6.465 6.465 0 015.241-2.885l.278-.001zM12 9c.99 0 1.95.133 2.862.38l.389.112v2.12a8.97 8.97 0 00-10.236 2.73l-.18.228-1.408-1.459A10.977 10.977 0 0112 9zm0-4.5c.956 0 1.891.09 2.799.256l.452.09v2.053a13.463 13.463 0 00-13.342 4.137l-.229.264L.287 9.855A15.459 15.459 0 0112 4.5zm7.75 2.082a15.625 15.625 0 013.65 2.923l.313.35-1.393 1.444c-.657-.777-1.401-1.479-2.216-2.091l-.354-.258V6.582z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/reduced-wifi/selected.svg b/packages/components/src/telekom/icons/home/reduced-wifi/selected.svg
new file mode 100644
index 0000000000..35271a4862
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/reduced-wifi/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 4.25a.75.75 0 10-1.5 0V13h-3.175l3.925 6 3.925-6H18.25V4.25zm-3.3 7.25h.3v-2a11 11 0 00-11.825 3.61l1.41 1.46A8.97 8.97 0 0114.95 11.5zm.3-4.6V4.845a15.5 15.5 0 00-14.965 5L1.68 11.3a13.475 13.475 0 0113.57-4.4zM12 18a2 2 0 100 4 2 2 0 000-4zm1.62-2.19l-1.3-2-.21-.31H12a6.5 6.5 0 00-5.405 2.895l1.435 1.5a4.47 4.47 0 015.59-2.075v-.01zm6.13-9.225V8.95a13.5 13.5 0 012.57 2.35l1.395-1.445a15.61 15.61 0 00-3.965-3.27z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/slow-wifi/default.svg b/packages/components/src/telekom/icons/home/slow-wifi/default.svg
new file mode 100644
index 0000000000..3f6f5fcab2
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/slow-wifi/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 17a2 2 0 110 4 2 2 0 010-4zm-1.08-4.4c.15.683.394 1.33.723 1.925a4.495 4.495 0 00-3.503 2.163l-.11.195-1.437-1.49A6.495 6.495 0 0110.92 12.6zm7.018-7.225a5.694 5.694 0 015.687 5.688 5.694 5.694 0 01-5.688 5.687 5.694 5.694 0 01-5.687-5.688 5.694 5.694 0 015.688-5.687zm0 1.5a4.192 4.192 0 00-4.188 4.188 4.192 4.192 0 004.188 4.187 4.192 4.192 0 004.187-4.188 4.192 4.192 0 00-4.188-4.187zm-6.501 1.141a7.124 7.124 0 00-.611 2.063 8.985 8.985 0 00-5.802 3.25l-.19.241-1.407-1.459a10.976 10.976 0 018.01-4.095zm7 .244v2.703h2.17v1h-3.17V8.26h1zM12 3.5c1.469 0 2.89.205 4.235.587a7.17 7.17 0 00-2.921 1.48 13.463 13.463 0 00-11.405 4.469l-.229.264L.287 8.855A15.459 15.459 0 0112 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/slow-wifi/selected.svg b/packages/components/src/telekom/icons/home/slow-wifi/selected.svg
new file mode 100644
index 0000000000..d1fb73681a
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/slow-wifi/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 17a2 2 0 110 4 2 2 0 010-4zm-1.08-4.4c.15.683.394 1.33.723 1.925a4.495 4.495 0 00-3.503 2.163l-.11.195-1.437-1.49A6.495 6.495 0 0110.92 12.6zm7.018-7.225a5.694 5.694 0 015.687 5.688 5.694 5.694 0 01-5.688 5.687 5.694 5.694 0 01-5.687-5.688 5.694 5.694 0 015.688-5.687zm-6.501 2.641a7.124 7.124 0 00-.611 2.063 8.985 8.985 0 00-5.802 3.25l-.19.241-1.407-1.459a10.976 10.976 0 018.01-4.095zm7 .244v2.703h2.17v1h-3.17V8.26h1zM12 3.5c1.469 0 2.89.205 4.235.587a7.17 7.17 0 00-2.921 1.48 13.463 13.463 0 00-11.405 4.469l-.229.264L.287 8.855A15.459 15.459 0 0112 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/smarthome/default.svg b/packages/components/src/telekom/icons/home/smarthome/default.svg
index 793ad2e952..9f5347da8d 100644
--- a/packages/components/src/telekom/icons/home/smarthome/default.svg
+++ b/packages/components/src/telekom/icons/home/smarthome/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 12.1 1.5 1.5v5.4c0 1.65-1.35 3-3 3h-11c-1.65 0-3-1.35-3-3v-5.4l1.5-1.5v6.9c0 .85.65 1.5 1.5 1.5h11c.85 0 1.5-.65 1.5-1.5zm-4.3 2.5c.1-.3.5-.5.8-.35.3.1.5.5.35.8-.75 1.8-2.5 3-4.45 3-.7 0-1.35-.15-1.95-.4-.3-.1-.45-.5-.3-.8.1-.3.5-.45.8-.3.5.2.95.35 1.45.3 1.5 0 2.75-.9 3.3-2.25zm-2.7-13.75 11.55 11.6-1.05 1.05-10.5-10.5-10.5 10.5-1.05-1.05zm-2.7 9.65c.608 0 1.1.604 1.1 1.35s-.492 1.35-1.1 1.35-1.1-.604-1.1-1.35.492-1.35 1.1-1.35zm5.75.75c.3 0 .6.3.6.6s-.25.6-.6.6h-1.75c-.3 0-.6-.3-.6-.6s.25-.6.6-.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 12.1l1.5 1.5V19a3.01 3.01 0 01-2.824 2.995L17.5 22h-11a3.01 3.01 0 01-2.995-2.824L3.5 19v-5.4L5 12.1V19c0 .8.576 1.423 1.352 1.493l.148.007h11c.8 0 1.423-.576 1.493-1.352L19 19v-6.9zm-4.38 2.681l.08-.181c.09-.273.43-.463.716-.382l.084.032c.3.1.5.5.35.8-.75 1.8-2.5 3-4.45 3-.7 0-1.35-.15-1.95-.4-.3-.1-.45-.5-.3-.8.09-.273.43-.421.716-.334l.084.034c.5.2.95.35 1.45.3 1.432 0 2.636-.82 3.22-2.069zM12 .85l11.55 11.6-1.05 1.05L12 3 1.5 13.5.45 12.45 12 .85zM9.3 10.5c.608 0 1.1.604 1.1 1.35 0 .746-.492 1.35-1.1 1.35-.608 0-1.1-.604-1.1-1.35 0-.746.492-1.35 1.1-1.35zm5.75.75c.3 0 .6.3.6.6 0 .27-.203.54-.498.591l-.102.009H13.3c-.3 0-.6-.3-.6-.6 0-.27.203-.54.498-.591l.102-.009h1.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/smarthome/selected.svg b/packages/components/src/telekom/icons/home/smarthome/selected.svg
index 4d9d33469f..bc4d8b2942 100644
--- a/packages/components/src/telekom/icons/home/smarthome/selected.svg
+++ b/packages/components/src/telekom/icons/home/smarthome/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 5.11l7.75 7.75V19a2.245 2.245 0 01-2.25 2.25h-11A2.245 2.245 0 014.25 19v-6.13L12 5.11zm3.477 9.233a.625.625 0 00-.797.317 3.535 3.535 0 01-4.71 1.925.625.625 0 10-.5 1.14 4.775 4.775 0 006.375-2.605.632.632 0 00-.368-.777zM22.5 13.5L12 3 1.5 13.5.435 12.435 12 .87l11.565 11.565L22.5 13.5zM9.715 10.55c-.69 0-1.25.56-1.25 1.25l.007.132a1.25 1.25 0 101.243-1.382zm5.82.625H13.76a.625.625 0 100 1.25h1.775a.625.625 0 100-1.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 11.6l1.05 1.05 10.5-10.5 10.5 10.5 1.05-1.05L11.55 0 0 11.6zm3.05 1.15v5.4l.005.175A3.01 3.01 0 006.05 21.15h11l.175-.005a3.01 3.01 0 002.825-2.995v-5.4l-8.5-8.5-8.5 8.5zM7.75 11c0-.746.493-1.35 1.1-1.35.608 0 1.1.604 1.1 1.35 0 .746-.492 1.35-1.1 1.35-.607 0-1.1-.604-1.1-1.35zm4.5 0c0-.27.203-.54.498-.591l.102-.009h1.75c.3 0 .6.3.6.6 0 .27-.203.54-.498.592l-.102.008h-1.75c-.3 0-.6-.3-.6-.6zm-1.3 5c1.432 0 2.636-.82 3.221-2.068l.079-.182c.091-.273.429-.463.716-.383l.084.033c.3.1.5.5.35.8-.75 1.8-2.5 3-4.45 3-.7 0-1.35-.15-1.95-.4-.3-.1-.45-.5-.3-.8.091-.273.43-.421.716-.333l.084.033c.434.173.83.31 1.254.31.065 0 .13-.004.196-.01z" id="a"/></defs><g transform="translate(.45 .85)" fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#040405" mask="url(#b)" d="M-5 26.15h33.1V-5H-5z"/></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/unable-to-connect-to-router/default.svg b/packages/components/src/telekom/icons/home/unable-to-connect-to-router/default.svg
new file mode 100644
index 0000000000..4534c81fa6
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/unable-to-connect-to-router/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 11.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zM6.8 6l1.741 1.5H4.5c-.778 0-1.42.596-1.493 1.356L3 9v10c0 .778.596 1.42 1.356 1.493l.144.007h6.011c.162.424.356.83.584 1.215l.178.285H4.5a3 3 0 01-2.995-2.824L1.5 19V9a3 3 0 012.824-2.995L4.5 6h2.3zm8.42 9.22a.749.749 0 000 1.06l1.47 1.47-1.47 1.47a.749.749 0 101.061 1.06l1.469-1.47 1.47 1.47a.746.746 0 001.061 0 .749.749 0 000-1.06l-1.47-1.47 1.47-1.47a.749.749 0 10-1.061-1.06l-1.47 1.469-1.469-1.47a.75.75 0 00-1.061 0zM19.5 6a3 3 0 012.995 2.824L22.5 9v2.636a7.61 7.61 0 00-1.182-.758L21 10.722V9c0-.778-.596-1.42-1.356-1.493L19.5 7.5h-4.042L17.2 6h2.3zm-7.5.5a1 1 0 011 1 .931.931 0 01-.015.15L12 8.5l-.985-.85A.931.931 0 0111 7.5a1 1 0 011-1zm0-3c1.404 0 2.64.729 3.352 1.827l.114.186-1.168 1.007A2.5 2.5 0 0012 5c-.97 0-1.812.555-2.226 1.365l-.072.155-1.168-1.007A3.997 3.997 0 0112 3.5zm0-3a6.99 6.99 0 015.606 2.818l.156.217-1.145.986A5.498 5.498 0 0012 2c-1.85 0-3.488.921-4.485 2.326l-.132.195-1.145-.986A6.993 6.993 0 0112 .5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/unable-to-connect-to-router/selected.svg b/packages/components/src/telekom/icons/home/unable-to-connect-to-router/selected.svg
new file mode 100644
index 0000000000..a7ead7c7fb
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/unable-to-connect-to-router/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.742 11.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm0 1.5a4.756 4.756 0 00-4.75 4.75 4.756 4.756 0 004.75 4.75c2.62 0 4.75-2.131 4.75-4.75 0-2.62-2.13-4.75-4.75-4.75zM6.8 6l5.2 4.48L17.2 6h2.3a3 3 0 012.994 2.824L22.5 9v2.646A7.694 7.694 0 0017.742 10c-4.273 0-7.75 3.477-7.75 7.75 0 1.457.407 2.819 1.11 3.984l.168.266H4.5a3 3 0 01-2.995-2.824L1.5 19V9a3 3 0 012.823-2.995L4.5 6h2.302zm8.413 9.22a.75.75 0 01.976-.073l.084.073 1.47 1.469 1.47-1.47a.75.75 0 011.133.977l-.073.084-1.47 1.47 1.47 1.47a.749.749 0 01-.967 1.14l-.094-.08-1.47-1.468-1.469 1.468a.746.746 0 01-1.06 0 .749.749 0 01-.073-.976l.072-.084 1.47-1.47-1.47-1.47a.749.749 0 010-1.06zM12 6.5a1 1 0 110 2 1 1 0 010-2zm0-3c1.482 0 2.777.812 3.466 2.013L14.3 6.52a2.502 2.502 0 00-2.3-1.52c-1.03 0-1.915.627-2.298 1.52L8.534 5.513A4.002 4.002 0 0111.998 3.5zm0-3a6.99 6.99 0 015.607 2.818l.155.217-1.146.986A5.496 5.496 0 0012 2c-1.85 0-3.486.921-4.484 2.326l-.132.195-1.144-.986A6.993 6.993 0 0111.998.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-connected/default.svg b/packages/components/src/telekom/icons/home/wifi-connected/default.svg
new file mode 100644
index 0000000000..b7fccd8f9e
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-connected/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18a2 2 0 110 4 2 2 0 010-4zm-1.08-4.4a7.15 7.15 0 00.723 1.925A4.495 4.495 0 008.14 17.69l-.11.194-1.436-1.49A6.496 6.496 0 0110.92 13.6zm7.018-7.226a5.688 5.688 0 11-.002 11.376 5.688 5.688 0 01.002-11.376zm-6.5 2.642a7.08 7.08 0 00-.612 2.062 8.992 8.992 0 00-5.802 3.25l-.19.241-1.406-1.459a10.977 10.977 0 018.01-4.094zm8.395 1.031l-2.565 2.564-1.282-1.28a.683.683 0 00-.965.964l2.247 2.247 3.53-3.53a.681.681 0 10-.965-.965zM12 4.5c1.469 0 2.89.205 4.236.588a7.148 7.148 0 00-2.921 1.481A13.602 13.602 0 0012 6.5a13.463 13.463 0 00-10.091 4.537l-.228.263L.287 9.855A15.459 15.459 0 0112 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-connected/selected.svg b/packages/components/src/telekom/icons/home/wifi-connected/selected.svg
new file mode 100644
index 0000000000..b7fccd8f9e
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-connected/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18a2 2 0 110 4 2 2 0 010-4zm-1.08-4.4a7.15 7.15 0 00.723 1.925A4.495 4.495 0 008.14 17.69l-.11.194-1.436-1.49A6.496 6.496 0 0110.92 13.6zm7.018-7.226a5.688 5.688 0 11-.002 11.376 5.688 5.688 0 01.002-11.376zm-6.5 2.642a7.08 7.08 0 00-.612 2.062 8.992 8.992 0 00-5.802 3.25l-.19.241-1.406-1.459a10.977 10.977 0 018.01-4.094zm8.395 1.031l-2.565 2.564-1.282-1.28a.683.683 0 00-.965.964l2.247 2.247 3.53-3.53a.681.681 0 10-.965-.965zM12 4.5c1.469 0 2.89.205 4.236.588a7.148 7.148 0 00-2.921 1.481A13.602 13.602 0 0012 6.5a13.463 13.463 0 00-10.091 4.537l-.228.263L.287 9.855A15.459 15.459 0 0112 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-connection-error/default.svg b/packages/components/src/telekom/icons/home/wifi-connection-error/default.svg
new file mode 100644
index 0000000000..0fd99cdb72
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-connection-error/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18A2 2 0 1112 22 2 2 0 0112 18zm-1.08-4.4a7.14 7.14 0 00.722 1.925 4.496 4.496 0 00-3.502 2.163l-.11.195-1.437-1.49a6.494 6.494 0 014.327-2.792zm7.017-7.224a5.686 5.686 0 110 11.374 5.687 5.687 0 010-11.374zm-6.5 2.64a7.125 7.125 0 00-.612 2.063 8.985 8.985 0 00-5.8 3.25l-.19.24-1.408-1.458a10.98 10.98 0 018.01-4.095zm7.838.744l-1.338 1.337L16.6 9.76a.683.683 0 00-.966.965l1.338 1.338-1.338 1.337a.683.683 0 00.966.965l1.337-1.337 1.338 1.337a.679.679 0 00.965 0 .683.683 0 000-.965l-1.338-1.337 1.338-1.338a.683.683 0 00-.965-.965zM12 4.5c1.468 0 2.89.206 4.235.587a7.16 7.16 0 00-2.92 1.48A13.466 13.466 0 001.91 11.036l-.23.265L.287 9.855A15.46 15.46 0 0112 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-connection-error/selected.svg b/packages/components/src/telekom/icons/home/wifi-connection-error/selected.svg
new file mode 100644
index 0000000000..0fd99cdb72
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-connection-error/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18A2 2 0 1112 22 2 2 0 0112 18zm-1.08-4.4a7.14 7.14 0 00.722 1.925 4.496 4.496 0 00-3.502 2.163l-.11.195-1.437-1.49a6.494 6.494 0 014.327-2.792zm7.017-7.224a5.686 5.686 0 110 11.374 5.687 5.687 0 010-11.374zm-6.5 2.64a7.125 7.125 0 00-.612 2.063 8.985 8.985 0 00-5.8 3.25l-.19.24-1.408-1.458a10.98 10.98 0 018.01-4.095zm7.838.744l-1.338 1.337L16.6 9.76a.683.683 0 00-.966.965l1.338 1.338-1.338 1.337a.683.683 0 00.966.965l1.337-1.337 1.338 1.337a.679.679 0 00.965 0 .683.683 0 000-.965l-1.338-1.337 1.338-1.338a.683.683 0 00-.965-.965zM12 4.5c1.468 0 2.89.206 4.235.587a7.16 7.16 0 00-2.92 1.48A13.466 13.466 0 001.91 11.036l-.23.265L.287 9.855A15.46 15.46 0 0112 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-manual-login/default copy.svg b/packages/components/src/telekom/icons/home/wifi-manual-login/default copy.svg
new file mode 100644
index 0000000000..9789cd6073
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-manual-login/default copy.svg	
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.006 18a2 2 0 110 4 2 2 0 010-4zm-1.08-4.399c.15.682.394 1.329.722 1.924a4.494 4.494 0 00-3.502 2.163l-.11.195L6.6 16.394a6.49 6.49 0 014.326-2.793zm7.018-7.226a5.687 5.687 0 110 11.375 5.687 5.687 0 010-11.375zm0 1.5a4.193 4.193 0 00-4.188 4.187 4.193 4.193 0 004.188 4.188 4.192 4.192 0 004.187-4.188 4.192 4.192 0 00-4.187-4.187zm.512 5.569v1.153h-1.154v-1.153h1.154zm-7.013-4.428a7.118 7.118 0 00-.611 2.062 8.985 8.985 0 00-5.802 3.251l-.189.241-1.408-1.46a10.98 10.98 0 018.01-4.094zm6.517.312c.92 0 1.645.61 1.645 1.514 0 .552-.265.88-.546 1.147l-.309.283c-.16.152-.291.304-.33.495l-.012.132h-1.059v-.16c0-.529.289-.816.578-1.058l.212-.176c.203-.174.366-.35.366-.613 0-.351-.219-.546-.545-.546-.3 0-.502.17-.563.508l-.015.118h-1.099c.024-.887.618-1.644 1.677-1.644zM12.006 4.5c1.469 0 2.889.205 4.236.588a7.16 7.16 0 00-2.922 1.479 13.465 13.465 0 00-11.404 4.47l-.229.263L.293 9.854A15.464 15.464 0 0112.006 4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-manual-login/default.svg b/packages/components/src/telekom/icons/home/wifi-manual-login/default.svg
new file mode 100644
index 0000000000..56594170e9
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-manual-login/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.006 18a2 2 0 11-.001 4.001A2 2 0 0112.006 18zm-1.08-4.4c.15.684.394 1.33.722 1.926a4.494 4.494 0 00-3.501 2.162l-.11.195-1.438-1.49a6.494 6.494 0 014.327-2.792zm.517-4.584a7.157 7.157 0 00-.612 2.063 8.985 8.985 0 00-5.801 3.25l-.19.242-1.407-1.46a10.98 10.98 0 018.01-4.095zm.563-4.516c1.47 0 2.89.205 4.235.587a7.158 7.158 0 00-2.92 1.48 13.47 13.47 0 00-11.405 4.468l-.23.264L.293 9.854A15.464 15.464 0 0112.006 4.5zm6.45 8.944v1.153h-1.154v-1.153h1.154zm-.496-4.116c.92 0 1.645.61 1.645 1.514 0 .552-.265.88-.546 1.147l-.31.282c-.16.152-.29.304-.33.495l-.011.134h-1.06v-.16c0-.477.235-.757.493-.985l.299-.25c.203-.175.366-.351.366-.613 0-.351-.22-.546-.546-.546-.334 0-.545.21-.578.626h-1.1c.025-.887.62-1.644 1.678-1.644zm-.016-2.953a5.688 5.688 0 10.218.004l-.218-.004z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-no-wired-internet/default.svg b/packages/components/src/telekom/icons/home/wifi-no-wired-internet/default.svg
new file mode 100644
index 0000000000..0c608e1a3a
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-no-wired-internet/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 20.25a.875.875 0 110 1.75.875.875 0 010-1.75zm0-2.625c1.225 0 2.302.634 2.928 1.59l.105.172-1.021.88a2.19 2.19 0 00-2.012-1.33 2.19 2.19 0 00-1.944 1.186l-.068.144-1.021-.88a3.5 3.5 0 013.033-1.762zM19.5 4v9.54a6.96 6.96 0 00-1.251-.021L18 13.54V7H3v9.5c0 .778.596 1.42 1.356 1.493L4.5 18h7.31l1.74 1.5H4.5a3 3 0 01-2.995-2.824L1.5 16.5V4h18zm-.75 11a6.12 6.12 0 014.895 2.45l.148.206-1.002.863a4.81 4.81 0 00-4.04-2.206c-1.613 0-3.04.799-3.914 2.02l-.127.186-1.002-.863A6.12 6.12 0 0118.75 15zm-6.28-5.53a.75.75 0 011.133.976l-.073.085-1.97 1.969 1.97 1.97a.75.75 0 01-.976 1.133l-.085-.073-1.969-1.97-1.97 1.97a.75.75 0 01-1.133-.976l.073-.085L9.44 12.5l-1.97-1.97a.75.75 0 01.976-1.133l.084.073 1.97 1.97 1.97-1.97zM7.5 4.874a.625.625 0 100 1.25.625.625 0 000-1.25zm-2 0a.625.625 0 100 1.25.625.625 0 000-1.25zm-2 0a.625.625 0 100 1.25.625.625 0 000-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi-no-wired-internet/selected.svg b/packages/components/src/telekom/icons/home/wifi-no-wired-internet/selected.svg
new file mode 100644
index 0000000000..bd42f90448
--- /dev/null
+++ b/packages/components/src/telekom/icons/home/wifi-no-wired-internet/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 20.25a.875.875 0 110 1.75.875.875 0 010-1.75zm0-2.625c1.225 0 2.302.634 2.928 1.59l.105.172-1.021.88a2.19 2.19 0 00-2.012-1.33 2.19 2.19 0 00-1.944 1.186l-.068.144-1.021-.88a3.5 3.5 0 013.033-1.762zM19.5 4v10.04a7.076 7.076 0 00-4.625 1.11 7.179 7.179 0 00-2.472 2.745L14.42 19.5H4.5a3 3 0 01-2.995-2.824L1.5 16.5V4h18zm-.75 11a6.12 6.12 0 014.895 2.45l.148.206-1.002.863a4.81 4.81 0 00-4.04-2.206c-1.613 0-3.04.799-3.914 2.02l-.127.186-1.002-.863A6.12 6.12 0 0118.75 15zm-6.28-5.53a.75.75 0 011.133.976l-.073.085-1.97 1.969 1.97 1.97a.75.75 0 01-.976 1.133l-.085-.073-1.969-1.97-1.97 1.97a.75.75 0 01-1.133-.976l.073-.085L9.44 12.5l-1.97-1.97a.75.75 0 01.976-1.133l.084.073 1.97 1.97 1.97-1.97zM7.5 4.874a.625.625 0 100 1.25.625.625 0 000-1.25zm-2 0a.625.625 0 100 1.25.625.625 0 000-1.25zm-2 0a.625.625 0 100 1.25.625.625 0 000-1.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi/default.svg b/packages/components/src/telekom/icons/home/wifi/default.svg
index ce671da07c..85f36f6892 100644
--- a/packages/components/src/telekom/icons/home/wifi/default.svg
+++ b/packages/components/src/telekom/icons/home/wifi/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 17a2 2 0 110 4 2 2 0 010-4zm0-4.5c2.25 0 4.25 1.15 5.4 2.9l-1.45 1.5A4.435 4.435 0 0012 14.5c-1.7 0-3.2 1-3.95 2.4L6.6 15.4a6.458 6.458 0 015.4-2.9zM12 8c3.45 0 6.55 1.6 8.55 4.1l-1.4 1.45C17.5 11.4 14.95 10 12 10s-5.5 1.4-7.15 3.55l-1.4-1.45C5.45 9.6 8.55 8 12 8zm0-4.5c4.7 0 8.85 2.1 11.7 5.35l-1.4 1.45C19.85 7.35 16.15 5.5 12 5.5S4.15 7.35 1.7 10.3L.3 8.85C3.15 5.6 7.3 3.5 12 3.5z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 17a2 2 0 110 4 2 2 0 010-4zm0-4.5a6.46 6.46 0 015.258 2.693l.142.207-1.45 1.5A4.435 4.435 0 0012 14.5c-1.626 0-3.07.915-3.848 2.22l-.102.18-1.45-1.5a6.458 6.458 0 015.4-2.9zM12 8a10.94 10.94 0 018.346 3.853l.204.247-1.4 1.45C17.5 11.4 14.95 10 12 10c-2.845 0-5.317 1.302-6.97 3.323l-.18.227-1.4-1.45C5.45 9.6 8.55 8 12 8zm0-4.5c4.562 0 8.605 1.978 11.445 5.066l.255.284-1.4 1.45C19.85 7.35 16.15 5.5 12 5.5c-4.024 0-7.625 1.74-10.074 4.535L1.7 10.3.3 8.85C3.15 5.6 7.3 3.5 12 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/home/wifi/selected.svg b/packages/components/src/telekom/icons/home/wifi/selected.svg
index 43a44d0a0b..85f36f6892 100644
--- a/packages/components/src/telekom/icons/home/wifi/selected.svg
+++ b/packages/components/src/telekom/icons/home/wifi/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 13.5a6.5 6.5 0 00-5.405 2.895l1.435 1.5a4.5 4.5 0 017.94 0l1.435-1.5A6.5 6.5 0 0012 13.5zM12 9a11 11 0 00-8.575 4.11l1.41 1.46a9 9 0 0114.33 0l1.41-1.46A11 11 0 0012 9zm0-4.5A15.46 15.46 0 00.285 9.855L1.68 11.3a13.5 13.5 0 0120.64 0l1.395-1.445A15.46 15.46 0 0012 4.5zM12 18a2 2 0 100 4 2 2 0 000-4z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 17a2 2 0 110 4 2 2 0 010-4zm0-4.5a6.46 6.46 0 015.258 2.693l.142.207-1.45 1.5A4.435 4.435 0 0012 14.5c-1.626 0-3.07.915-3.848 2.22l-.102.18-1.45-1.5a6.458 6.458 0 015.4-2.9zM12 8a10.94 10.94 0 018.346 3.853l.204.247-1.4 1.45C17.5 11.4 14.95 10 12 10c-2.845 0-5.317 1.302-6.97 3.323l-.18.227-1.4-1.45C5.45 9.6 8.55 8 12 8zm0-4.5c4.562 0 8.605 1.978 11.445 5.066l.255.284-1.4 1.45C19.85 7.35 16.15 5.5 12 5.5c-4.024 0-7.625 1.74-10.074 4.535L1.7 10.3.3 8.85C3.15 5.6 7.3 3.5 12 3.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/circle-top-up/default.svg b/packages/components/src/telekom/icons/navigation/circle-top-up/default.svg
index 632aa76911..07c90bb7db 100644
--- a/packages/components/src/telekom/icons/navigation/circle-top-up/default.svg
+++ b/packages/components/src/telekom/icons/navigation/circle-top-up/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4.2 4.2c4.3-4.25 11.3-4.25 15.6 0 4.25 4.3 4.25 11.3 0 15.6-2.15 2.15-5 3.2-7.8 3.2s-5.65-1.1-7.8-3.2c-4.25-4.3-4.25-11.3 0-15.6zm14.55 1.1c-3.7-3.7-9.75-3.7-13.45 0s-3.7 9.7-.05 13.4c3.7 3.7 9.75 3.7 13.45 0s3.7-9.7.05-13.4zm-6.75 3.1 4.05 4.35c.25.3.25.75-.05 1.05-.3.25-.75.25-1.05-.05l-2.95-3.15-2.95 3.15c-.25.3-.75.35-1.05.05a.725.725 0 0 1 -.05-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.2 4.2c4.3-4.25 11.3-4.25 15.6 0 4.25 4.3 4.25 11.3 0 15.6-2.15 2.15-5 3.2-7.8 3.2s-5.65-1.1-7.8-3.2C-.05 15.5-.05 8.5 4.2 4.2zm14.55 1.1C15.05 1.6 9 1.6 5.3 5.3 1.6 9 1.6 15 5.25 18.7c3.7 3.7 9.75 3.7 13.45 0 3.7-3.7 3.7-9.7.05-13.4zM12 8.4l4.05 4.35c.25.3.25.75-.05 1.05a.773.773 0 01-.956.031l-.094-.081L12 10.6l-2.95 3.15c-.25.3-.75.35-1.05.05a.729.729 0 01-.118-.971l.068-.079L12 8.4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/circle-top-up/selected.svg b/packages/components/src/telekom/icons/navigation/circle-top-up/selected.svg
index b5184eb23c..694e3003f9 100644
--- a/packages/components/src/telekom/icons/navigation/circle-top-up/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/circle-top-up/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.25 4.75a10.255 10.255 0 1 0 -14.506 14.5 10.255 10.255 0 0 0 14.506-14.5zm-4.3 9-2.95-3.15-2.95 3.16-1.1-1 4.05-4.36 4.05 4.34z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4.2 4.2c4.3-4.25 11.3-4.25 15.6 0 4.25 4.3 4.25 11.3 0 15.6-2.15 2.15-5 3.2-7.8 3.2s-5.65-1.1-7.8-3.2C-.05 15.5-.05 8.5 4.2 4.2zM12 8.4l4.05 4.35c.25.3.25.75-.05 1.05a.773.773 0 01-.956.031l-.094-.081L12 10.6l-2.95 3.15c-.25.3-.75.35-1.05.05a.729.729 0 01-.118-.971l.068-.079L12 8.4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/collapse-down/default.svg b/packages/components/src/telekom/icons/navigation/collapse-down/default.svg
index 2f952465c1..aa95a848d3 100644
--- a/packages/components/src/telekom/icons/navigation/collapse-down/default.svg
+++ b/packages/components/src/telekom/icons/navigation/collapse-down/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.65 7.4c-.3-.3-.75-.3-1.05 0l-7.6 7.6-7.6-7.6c-.3-.3-.75-.3-1.05 0s-.3.75 0 1.05l8.65 8.65 8.65-8.65c.3-.25.3-.75 0-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.552 8.722a.75.75 0 00-1.06-.042l-5.491 5.069L6.51 8.68a.752.752 0 00-1.061.042.751.751 0 00.043 1.06l6.509 6.008 6.509-6.008a.75.75 0 00.042-1.06" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/collapse-down/selected.svg b/packages/components/src/telekom/icons/navigation/collapse-down/selected.svg
index 26db7a10bf..e3b0b9c669 100644
--- a/packages/components/src/telekom/icons/navigation/collapse-down/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/collapse-down/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 17.83-9-9a1.252 1.252 0 0 1 1.77-1.77l7.23 7.23 7.235-7.235a1.25 1.25 0 0 1 1.765 1.77z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.003 16.488L5.137 10.12a1.251 1.251 0 011.7-1.833l5.166 4.791 5.166-4.79a1.25 1.25 0 111.7 1.832l-6.866 6.368z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/collapse-up/default.svg b/packages/components/src/telekom/icons/navigation/collapse-up/default.svg
index dd4a43bf38..c0c93b8332 100644
--- a/packages/components/src/telekom/icons/navigation/collapse-up/default.svg
+++ b/packages/components/src/telekom/icons/navigation/collapse-up/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.1 16.8c-.2 0-.4-.05-.55-.2l-7.55-7.6-7.6 7.6c-.3.3-.75.3-1.05 0s-.3-.75 0-1.05l8.65-8.65 8.65 8.65c.3.3.3.75 0 1.05-.15.15-.35.2-.55.2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.51 14.218L12 8.21l-6.509 6.008a.75.75 0 101.017 1.102L12 10.251l5.491 5.069a.748.748 0 001.06-.042.75.75 0 00-.042-1.06" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/collapse-up/selected.svg b/packages/components/src/telekom/icons/navigation/collapse-up/selected.svg
index 9d2ff3a2e4..81fa776f63 100644
--- a/packages/components/src/telekom/icons/navigation/collapse-up/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/collapse-up/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.12 17.31c-.332.001-.65-.13-.885-.365L12 9.71l-7.235 7.235A1.25 1.25 0 113 15.175l9-9 9 9a1.26 1.26 0 010 1.77c-.233.234-.55.365-.88.365z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.014 16.046c-.304 0-.61-.11-.85-.333l-5.166-4.792-5.166 4.792a1.25 1.25 0 01-1.7-1.834l6.866-6.368 6.867 6.368a1.252 1.252 0 01-.851 2.167" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/double-left/default.svg b/packages/components/src/telekom/icons/navigation/double-left/default.svg
new file mode 100644
index 0000000000..2a7181edef
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/double-left/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.294 16.911l-6.22-4.91 6.22-4.913a.75.75 0 10-.928-1.178L10.652 12l7.712 6.088a.75.75 0 10.929-1.177m-6.69 0l-6.221-4.91 6.22-4.913a.751.751 0 00-.93-1.178L3.963 12l7.712 6.088a.748.748 0 001.054-.124.75.75 0 00-.124-1.053" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/double-left/selected.svg b/packages/components/src/telekom/icons/navigation/double-left/selected.svg
new file mode 100644
index 0000000000..2a4a9b6af5
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/double-left/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.814 18.28a1.249 1.249 0 00-.208-1.755l-5.735-4.523 5.735-4.522a1.249 1.249 0 10-1.547-1.963l-8.224 6.485 8.224 6.486a1.248 1.248 0 001.755-.208m-7.594.476c-.271 0-.544-.088-.773-.268l-8.223-6.486 8.223-6.485a1.25 1.25 0 011.548 1.963L7.26 12.002l5.734 4.523a1.25 1.25 0 01-.775 2.231" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/double-right/default.svg b/packages/components/src/telekom/icons/navigation/double-right/default.svg
new file mode 100644
index 0000000000..458cee3e0d
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/double-right/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.327 5.911a.75.75 0 10-.93 1.178L17.62 12l-6.222 4.911a.75.75 0 10.931 1.177L20.04 12l-7.712-6.089zm-6.69 0a.75.75 0 10-.93 1.178L10.927 12l-6.22 4.911a.75.75 0 00.93 1.177L13.347 12 5.636 5.911z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/double-right/selected.svg b/packages/components/src/telekom/icons/navigation/double-right/selected.svg
new file mode 100644
index 0000000000..d0cf25d7a0
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/double-right/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.943 18.488l8.224-6.485-8.224-6.485A1.25 1.25 0 004.395 7.48l5.735 4.522-5.735 4.522a1.249 1.249 0 00.775 2.232c.27 0 .544-.088.773-.27m5.838.27a1.249 1.249 0 01-.775-2.232l5.735-4.522-5.735-4.522a1.25 1.25 0 011.548-1.963l8.224 6.485-8.224 6.485a1.243 1.243 0 01-.773.269" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/external-link/default.svg b/packages/components/src/telekom/icons/navigation/external-link/default.svg
index 56c1c5a2e4..476d38cdbd 100644
--- a/packages/components/src/telekom/icons/navigation/external-link/default.svg
+++ b/packages/components/src/telekom/icons/navigation/external-link/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.65 3 1.5 1.5h-9.65v13.5c0 .85.65 1.5 1.5 1.5h12c.85 0 1.5-.65 1.5-1.5v-8.15l1.5 1.5v6.65c0 1.65-1.35 3-3 3h-12c-1.65 0-3-1.35-3-3v-15zm10.05-1.65-1.65 7.9-2.6-2.6-7.55 7.55c-.15.15-.35.2-.55.2s-.4-.05-.55-.2c-.3-.3-.3-.75 0-1.05l7.55-7.55-2.6-2.6 7.95-1.65z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.65 3l1.5 1.5H4.5V18c0 .8.576 1.423 1.352 1.493L6 19.5h12c.8 0 1.423-.576 1.493-1.352L19.5 18V9.85l1.5 1.5V18a3.01 3.01 0 01-2.824 2.995L18 21H6a3.01 3.01 0 01-2.995-2.824L3 18V3h9.65zM22.7 1.35l-1.65 7.9-2.6-2.6-7.55 7.55c-.15.15-.35.2-.55.2-.2 0-.4-.05-.55-.2a.722.722 0 01-.074-.965l.074-.085 7.55-7.55-2.6-2.6 7.95-1.65z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/external-link/selected.svg b/packages/components/src/telekom/icons/navigation/external-link/selected.svg
index 6ec4f524ae..709fa05440 100644
--- a/packages/components/src/telekom/icons/navigation/external-link/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/external-link/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M13.355 3l2.585 2.585-6.835 6.835a1.75 1.75 0 002.475 2.475l6.835-6.835L21 10.645V18a3 3 0 01-3 3H6a3 3 0 01-3-3V3h10.355zm9.3-1.655L21 9.24l-2.585-2.595-7.54 7.54a.74.74 0 01-.53.22.725.725 0 01-.53-.22.745.745 0 010-1.06l7.54-7.53L14.76 3l7.895-1.655z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.355 3l2.585 2.585-6.835 6.835a1.75 1.75 0 002.35 2.589l.125-.114 6.835-6.835L21 10.645V18a3 3 0 01-2.824 2.995L18 21H6a3 3 0 01-2.995-2.824L3 18V3h10.355zm9.3-1.655L21 9.24l-2.585-2.595-7.54 7.54a.74.74 0 01-.53.22.726.726 0 01-.53-.22.745.745 0 01-.077-.97l.077-.09 7.54-7.53L14.76 3l7.895-1.655z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/internal-link/default.svg b/packages/components/src/telekom/icons/navigation/internal-link/default.svg
index 49f3df8ec1..d4d9017e50 100644
--- a/packages/components/src/telekom/icons/navigation/internal-link/default.svg
+++ b/packages/components/src/telekom/icons/navigation/internal-link/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.8 3-1.5 1.5h-11.8v13.5c0 .85.65 1.5 1.5 1.5h12c.85 0 1.5-.65 1.5-1.5v-10.3l1.5-1.5v11.8c0 1.65-1.35 3-3 3h-12c-1.65 0-3-1.35-3-3v-15zm2.85-.7c.3-.3.75-.3 1.05 0s.3.8 0 1.05l-7.55 7.55 2.6 2.6-7.9 1.65 1.65-7.9 2.6 2.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.8 3l-1.5 1.5H4.5V18c0 .8.576 1.423 1.352 1.493L6 19.5h12c.8 0 1.423-.576 1.493-1.352L19.5 18V7.7L21 6.2V18a3.01 3.01 0 01-2.824 2.995L18 21H6a3.01 3.01 0 01-2.995-2.824L3 18V3h14.8zm2.85-.7c.3-.3.75-.3 1.05 0 .273.273.298.71.074.976L14.15 10.9l2.6 2.6-7.9 1.65 1.65-7.9 2.6 2.6 7.55-7.55z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/internal-link/selected.svg b/packages/components/src/telekom/icons/navigation/internal-link/selected.svg
index 651e0fa7e9..6fbdf72e64 100644
--- a/packages/components/src/telekom/icons/navigation/internal-link/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/internal-link/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.525 3L13.07 8.44 9.875 5.245 9.5 7.055 7.865 14.95l-.315 1.5 1.5-.315 7.895-1.635 1.81-.39-3.195-3.195L21 5.5V18a3 3 0 01-3 3H6a3 3 0 01-3-3V3h15.525zm2.63-.906c.2 0 .39.08.53.221a.745.745 0 010 1.06l-7.54 7.53L16.74 13.5l-7.895 1.655L10.5 7.26l2.585 2.595 7.54-7.54a.745.745 0 01.53-.221z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.525 3L13.07 8.44 9.875 5.245l-2.01 9.705-.315 1.5 1.5-.315 7.895-1.635 1.81-.39-3.195-3.195L21 5.5V18a3 3 0 01-2.824 2.995L18 21H6a3 3 0 01-2.995-2.824L3 18V3h15.525zm2.63-.906c.2 0 .39.08.53.221a.745.745 0 01.077.97l-.077.09-7.54 7.53L16.74 13.5l-7.895 1.655L10.5 7.26l2.585 2.595 7.54-7.54a.745.745 0 01.53-.221z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/left-condensed/default.svg b/packages/components/src/telekom/icons/navigation/left-condensed/default.svg
new file mode 100644
index 0000000000..dfc39a2462
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/left-condensed/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.252 12l5.069-5.491a.75.75 0 10-1.102-1.017L8.211 12l6.008 6.509a.748.748 0 001.06.042.75.75 0 00.043-1.059L10.252 12z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/left-condensed/selected.svg b/packages/components/src/telekom/icons/navigation/left-condensed/selected.svg
new file mode 100644
index 0000000000..ced3896ae6
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/left-condensed/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.797 19.271c-.336 0-.671-.134-.917-.4l-6.368-6.866L13.88 5.14a1.25 1.25 0 111.833 1.7l-4.791 5.166 4.79 5.166a1.252 1.252 0 01-.915 2.1" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/left/default.svg b/packages/components/src/telekom/icons/navigation/left/default.svg
index 69e0f9432c..4f44e40772 100644
--- a/packages/components/src/telekom/icons/navigation/left/default.svg
+++ b/packages/components/src/telekom/icons/navigation/left/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.55 20.1-10.25-8.1 10.25-8.1c.35-.25.8-.2 1.05.1.25.35.2.8-.1 1.05l-8.8 6.95 8.75 6.9c.35.25.4.75.1 1.05-.2.35-.7.4-1 .15z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.949 16.911l-6.222-4.91 6.221-4.913a.75.75 0 10-.929-1.178L7.306 12l7.713 6.088a.746.746 0 001.054-.124.75.75 0 00-.124-1.053" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/left/selected.svg b/packages/components/src/telekom/icons/navigation/left/selected.svg
index ae1a15d8ee..5c546af5bc 100644
--- a/packages/components/src/telekom/icons/navigation/left/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/left/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M16 20.75a1.26 1.26 0 01-.775-.25L4.5 12l10.725-8.5a1.265 1.265 0 111.55 2L8.5 12l8.275 6.5A1.25 1.25 0 0116 20.75z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 18.756c-.27 0-.544-.088-.773-.269l-8.224-6.484 8.224-6.486a1.249 1.249 0 111.549 1.963l-5.734 4.523 5.734 4.522a1.249 1.249 0 01-.775 2.231" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/location/default.svg b/packages/components/src/telekom/icons/navigation/location/default.svg
index 8d6bb998c3..d815fbbc93 100644
--- a/packages/components/src/telekom/icons/navigation/location/default.svg
+++ b/packages/components/src/telekom/icons/navigation/location/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 .55c2.1 0 4.15.8 5.75 2.4a8.17 8.17 0 011.3 9.85l-5.55 9.55c-.3.55-.9.85-1.5.85-.55 0-1.15-.25-1.5-.85L4.95 12.8a8.17 8.17 0 011.3-9.85C7.85 1.35 9.9.55 12 .55zm0 1.5c-1.8 0-3.45.7-4.7 1.95a6.663 6.663 0 00-1.05 8.05l5.55 9.55c.05.05.1.1.2.1s.15 0 .2-.1l5.55-9.55c1.5-2.6 1.1-5.9-1.05-8.05A6.577 6.577 0 0012 2.05zm0 3.45a3 3 0 110 6 3 3 0 010-6z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .55c2.1 0 4.15.8 5.75 2.4a8.171 8.171 0 011.441 9.596l-.141.254-5.55 9.55c-.3.55-.9.85-1.5.85-.504 0-1.05-.21-1.407-.707l-.093-.143-5.55-9.55a8.17 8.17 0 011.3-9.85C7.85 1.35 9.9.55 12 .55zm0 1.5c-1.8 0-3.45.7-4.7 1.95a6.661 6.661 0 00-1.181 7.812l.131.238 5.55 9.55c.05.05.1.1.2.1.08 0 .128 0 .17-.051l.03-.049 5.55-9.55c1.5-2.6 1.1-5.9-1.05-8.05A6.577 6.577 0 0012 2.05zm0 3.45a3 3 0 110 6 3 3 0 010-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/location/selected.svg b/packages/components/src/telekom/icons/navigation/location/selected.svg
index 2d9366785e..ca081177e5 100644
--- a/packages/components/src/telekom/icons/navigation/location/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/location/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.76 2.945A8.145 8.145 0 004.955 12.79l5.545 9.54a1.75 1.75 0 003.03 0l5.515-9.54a8.14 8.14 0 00-1.285-9.845zM12 11.5a3 3 0 110-6 3 3 0 010 6z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.76 2.945A8.145 8.145 0 004.955 12.79l5.545 9.54a1.75 1.75 0 003.03 0l5.515-9.54a8.14 8.14 0 00-1.285-9.845zM12 11.5a3 3 0 110-6 3 3 0 010 6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/map/default.svg b/packages/components/src/telekom/icons/navigation/map/default.svg
new file mode 100644
index 0000000000..d59b634ca1
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/map/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.342 12l.87 1.5H4.116l-1.521 5.069c-.138.459-.053.943.233 1.326.255.342.63.554 1.046.597l.158.008h15.936c.479 0 .918-.22 1.203-.605.254-.341.35-.761.27-1.172l-.037-.154-1.52-5.069h-3.096l.87-1.5H21l1.841 6.138a3 3 0 01-2.697 3.857l-.176.005H4.032a3 3 0 01-2.92-3.692l.046-.17L3 12h3.342zm1.647-9.44a5.936 5.936 0 018.022 0l.186.178.179.187a5.936 5.936 0 01.883 6.76l-.125.227-4.031 6.952c-.468.808-1.6.846-2.131.116l-.075-.116-4.032-6.952a5.935 5.935 0 01.759-6.987l.179-.187.186-.178zM12 4.6a2.186 2.186 0 10.001 4.373A2.186 2.186 0 0012 4.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/map/selected.svg b/packages/components/src/telekom/icons/navigation/map/selected.svg
new file mode 100644
index 0000000000..4dd027b50d
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/map/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.345 12L9.6 17.615a2.77 2.77 0 004.696.167l.104-.167L17.66 12H21l1.84 6.14a3 3 0 01-2.668 3.853L19.97 22H4.03a3 3 0 01-2.921-3.665l.051-.195L3 12h3.345zM12 1c1.481 0 2.906.554 3.995 1.548l.2.192.18.187a5.925 5.925 0 01.885 6.756l-.125.227-4.03 6.955c-.287.496-.87.74-1.425.595l-.138-.045-.132-.06-.075-.045-.09-.064-.155-.131a1.395 1.395 0 01-.136-.162l-.059-.088-4.03-6.955a5.925 5.925 0 01.76-6.983l.18-.187.2-.192A5.925 5.925 0 0112 1zm0 3.6a2.185 2.185 0 100 4.37 2.185 2.185 0 000-4.37z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/my-location/default.svg b/packages/components/src/telekom/icons/navigation/my-location/default.svg
index 4992264cec..421434fba6 100644
--- a/packages/components/src/telekom/icons/navigation/my-location/default.svg
+++ b/packages/components/src/telekom/icons/navigation/my-location/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c.4 0 .75.35.75.75v1.8c4.1.35 7.35 3.6 7.7 7.7h1.8c.4 0 .75.35.75.75s-.35.75-.75.75h-1.8c-.35 4.1-3.6 7.35-7.7 7.7v1.8c0 .4-.35.75-.75.75s-.75-.35-.75-.75v-1.8c-4.1-.35-7.35-3.6-7.7-7.7h-1.8c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h1.8c.35-4.1 3.6-7.35 7.7-7.7v-1.8c0-.4.35-.75.75-.75zm0 4c-3.85 0-7 3.15-7 7s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7zm0 5a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c.367 0 .691.294.743.651l.007.099v1.8a8.448 8.448 0 017.674 7.44l.026.26h1.8c.4 0 .75.35.75.75a.772.772 0 01-.651.743l-.099.007h-1.8a8.448 8.448 0 01-7.44 7.674l-.26.026v1.8c0 .4-.35.75-.75.75a.772.772 0 01-.743-.651l-.007-.099v-1.8a8.448 8.448 0 01-7.674-7.44l-.026-.26h-1.8c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h1.8a8.448 8.448 0 017.44-7.674l.26-.026v-1.8c0-.4.35-.75.75-.75zm0 4c-3.85 0-7 3.15-7 7s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7zm0 5a2 2 0 110 4 2 2 0 010-4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/my-location/selected.svg b/packages/components/src/telekom/icons/navigation/my-location/selected.svg
index 6f8b2a6cb5..6f2ee95cf9 100644
--- a/packages/components/src/telekom/icons/navigation/my-location/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/my-location/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1a.75.75 0 01.75.75v1.79a8.5 8.5 0 017.71 7.71h1.79a.75.75 0 110 1.5h-1.79a8.5 8.5 0 01-7.71 7.71v1.79a.75.75 0 11-1.5 0v-1.79a8.5 8.5 0 01-7.71-7.71H1.75a.75.75 0 110-1.5h1.79a8.5 8.5 0 017.71-7.71V1.75A.75.75 0 0112 1zm0 9a2 2 0 100 4 2 2 0 000-4z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1a.75.75 0 01.75.75v1.79a8.5 8.5 0 017.71 7.71h1.79a.75.75 0 110 1.5h-1.79a8.5 8.5 0 01-7.71 7.71v1.79a.75.75 0 11-1.5 0v-1.79a8.5 8.5 0 01-7.71-7.71H1.75a.75.75 0 110-1.5h1.79a8.5 8.5 0 017.71-7.71V1.75A.75.75 0 0112 1zm0 9a2 2 0 100 4 2 2 0 000-4z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/right-condensed/default.svg b/packages/components/src/telekom/icons/navigation/right-condensed/default.svg
new file mode 100644
index 0000000000..ae69ebd0cb
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/right-condensed/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.782 5.491A.75.75 0 008.68 6.509L13.748 12 8.68 17.491a.751.751 0 001.104 1.018L15.79 12 9.782 5.491z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/right-condensed/selected.svg b/packages/components/src/telekom/icons/navigation/right-condensed/selected.svg
new file mode 100644
index 0000000000..d7e6ffa42b
--- /dev/null
+++ b/packages/components/src/telekom/icons/navigation/right-condensed/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.204 19.269a1.252 1.252 0 01-.916-2.1l4.79-5.166-4.79-5.166a1.251 1.251 0 011.833-1.7l6.368 6.866-6.368 6.866c-.246.266-.581.4-.917.4" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/right/default.svg b/packages/components/src/telekom/icons/navigation/right/default.svg
index 516ab663f8..ad7e0aa1dd 100644
--- a/packages/components/src/telekom/icons/navigation/right/default.svg
+++ b/packages/components/src/telekom/icons/navigation/right/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.4 19.95c-.25-.35-.2-.8.1-1.05l8.8-6.9-8.75-6.9a.691.691 0 0 1 -.1-1.05c.25-.3.75-.4 1.05-.1l10.2 8.05-10.25 8.1c-.3.25-.8.2-1.05-.15z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.982 5.911a.75.75 0 10-.93 1.178L14.273 12l-6.221 4.911a.75.75 0 10.931 1.177L16.694 12 8.982 5.911z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/right/selected.svg b/packages/components/src/telekom/icons/navigation/right/selected.svg
index 4bfe6a323a..ac50b90684 100644
--- a/packages/components/src/telekom/icons/navigation/right/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/right/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8 20.75a1.25 1.25 0 01-.775-2.25L15.5 12 7.225 5.5a1.265 1.265 0 111.55-2L19.5 12 8.775 20.5a1.26 1.26 0 01-.775.25z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 18.756a1.249 1.249 0 01-.775-2.231l5.734-4.523L7.725 7.48a1.249 1.249 0 111.548-1.963l8.224 6.485-8.224 6.485a1.243 1.243 0 01-.773.27" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/start/default.svg b/packages/components/src/telekom/icons/navigation/start/default.svg
index 26a3a94bca..b9c120a50b 100644
--- a/packages/components/src/telekom/icons/navigation/start/default.svg
+++ b/packages/components/src/telekom/icons/navigation/start/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.85 2.15c-.25-.25-.6-.3-.9-.15l-20.15 9.05c-.3.15-.5.45-.5.8s.25.6.55.7l8.1 2.45 2.45 8.1c.1.3.4.55.7.55h.05c.3 0 .6-.2.75-.45l9.1-20.15c.15-.3.1-.65-.15-.9zm-9.5 18.7-2.15-7.1-7.05-2.1 16.75-7.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.85 2.15c-.25-.25-.6-.3-.9-.15L.8 11.05c-.3.15-.5.45-.5.8 0 .35.25.6.55.7L8.95 15l2.45 8.1c.1.3.4.55.7.55h.05c.3 0 .6-.2.75-.45L22 3.05c.15-.3.1-.65-.15-.9zm-9.5 18.7l-2.15-7.1-7.05-2.1 16.75-7.5-7.55 16.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/start/selected.svg b/packages/components/src/telekom/icons/navigation/start/selected.svg
index daa8288788..8d38289ac5 100644
--- a/packages/components/src/telekom/icons/navigation/start/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/start/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.19 22.87-2.56-8.5-8.5-2.56a.05.05 0 0 1 0-.09l20.13-9.045a.05.05 0 0 1 .065.065l-9.045 20.14a.05.05 0 0 1 -.09-.01z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.85 2.15c-.25-.25-.6-.3-.9-.15L.8 11.05c-.3.15-.5.45-.5.8 0 .35.25.6.55.7L8.95 15l2.45 8.1c.1.3.4.55.7.55h.05c.3 0 .6-.2.75-.45L22 3.05c.15-.3.1-.65-.15-.9z" fill="#000" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/top-up/default.svg b/packages/components/src/telekom/icons/navigation/top-up/default.svg
index 1580cf302b..c0c93b8332 100644
--- a/packages/components/src/telekom/icons/navigation/top-up/default.svg
+++ b/packages/components/src/telekom/icons/navigation/top-up/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.65 15.55-8.65-8.65-8.65 8.65c-.3.3-.3.75 0 1.05s.75.3 1.05 0l7.6-7.6 7.6 7.6c.3.3.75.3 1.05 0s.3-.8 0-1.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.51 14.218L12 8.21l-6.509 6.008a.75.75 0 101.017 1.102L12 10.251l5.491 5.069a.748.748 0 001.06-.042.75.75 0 00-.042-1.06" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/navigation/top-up/selected.svg b/packages/components/src/telekom/icons/navigation/top-up/selected.svg
index 9d2ff3a2e4..81fa776f63 100644
--- a/packages/components/src/telekom/icons/navigation/top-up/selected.svg
+++ b/packages/components/src/telekom/icons/navigation/top-up/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.12 17.31c-.332.001-.65-.13-.885-.365L12 9.71l-7.235 7.235A1.25 1.25 0 113 15.175l9-9 9 9a1.26 1.26 0 010 1.77c-.233.234-.55.365-.88.365z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.014 16.046c-.304 0-.61-.11-.85-.333l-5.166-4.792-5.166 4.792a1.25 1.25 0 01-1.7-1.834l6.866-6.368 6.867 6.368a1.252 1.252 0 01-.851 2.167" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/process/order-status/default.svg b/packages/components/src/telekom/icons/process/order-status/default.svg
index 5808f8b891..8bfff432d8 100644
--- a/packages/components/src/telekom/icons/process/order-status/default.svg
+++ b/packages/components/src/telekom/icons/process/order-status/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.25.5c1.8 0 3.25 1.45 3.25 3.25 0 1.55-1.05 2.8-2.5 3.15v2.75c.95.35 1.5 1.2 1.5 2.1s-.55 1.75-1.5 2.1v2.75c1.45.35 2.5 1.6 2.5 3.15 0 1.8-1.45 3.25-3.25 3.25s-3.25-1.45-3.25-3.25c0-1.55 1.05-2.8 2.5-3.15v-2.75c-.95-.35-1.5-1.2-1.5-2.1s.55-1.75 1.5-2.1v-2.75c-1.45-.35-2.5-1.6-2.5-3.15 0-1.8 1.45-3.25 3.25-3.25zm0 17.5c-.95 0-1.75.8-1.75 1.75s.8 1.75 1.75 1.75 1.75-.8 1.75-1.75-.8-1.75-1.75-1.75zm-9.75-9.85 5.5 3.6-5.5 3.6v-2.85h-5.5c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h5.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25.5c1.8 0 3.25 1.45 3.25 3.25 0 1.485-.964 2.695-2.32 3.102L18 6.9v2.75c.95.35 1.5 1.2 1.5 2.1 0 .844-.483 1.644-1.327 2.029L18 13.85v2.75c1.45.35 2.5 1.6 2.5 3.15 0 1.8-1.45 3.25-3.25 3.25S14 21.55 14 19.75c0-1.485.964-2.695 2.32-3.102l.18-.048v-2.75c-.95-.35-1.5-1.2-1.5-2.1 0-.844.483-1.644 1.327-2.029l.173-.071V6.9C15.05 6.55 14 5.3 14 3.75 14 1.95 15.45.5 17.25.5zm0 17.5c-.95 0-1.75.8-1.75 1.75s.8 1.75 1.75 1.75S19 20.7 19 19.75 18.2 18 17.25 18zM7.5 8.15l5.5 3.6-5.5 3.6V12.5H2c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L2 11h5.5V8.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/process/order-status/selected.svg b/packages/components/src/telekom/icons/process/order-status/selected.svg
index 24e3f9d8da..7f937d5909 100644
--- a/packages/components/src/telekom/icons/process/order-status/selected.svg
+++ b/packages/components/src/telekom/icons/process/order-status/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M17.25.498A3.25 3.25 0 0118 6.91v2.73a2.235 2.235 0 010 4.22v2.73a3.25 3.25 0 01-.75 6.41l-.182-.006a3.25 3.25 0 01-.568-6.404v-2.73a2.235 2.235 0 010-4.22V6.91a3.25 3.25 0 01.75-6.412zM7.5 8.15l5.5 3.6-5.5 3.6V13H2a1.25 1.25 0 010-2.5h5.5V8.15z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.25.498a3.25 3.25 0 01.926 6.365L18 6.91v2.73a2.235 2.235 0 01.155 4.16l-.155.06v2.73a3.25 3.25 0 01-.568 6.404L17.25 23l-.182-.006a3.25 3.25 0 01-.743-6.357l.175-.047v-2.73a2.235 2.235 0 01-.155-4.16l.155-.06V6.91a3.25 3.25 0 01.75-6.412zM7.5 8.15l5.5 3.6-5.5 3.6V13H2a1.25 1.25 0 01-.128-2.494L2 10.5h5.5V8.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/process/processing/default.svg b/packages/components/src/telekom/icons/process/processing/default.svg
index f8f86e487f..992562512d 100644
--- a/packages/components/src/telekom/icons/process/processing/default.svg
+++ b/packages/components/src/telekom/icons/process/processing/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.55 13.9c.1-.4.5-.65.9-.55.4.1.65.5.5.9-.55 2.35-1.85 4.4-3.7 5.85l1.6 2.4H13.2l2.7-6.15 1.6 2.45c1.5-1.25 2.6-2.95 3.05-4.9zM1.5 13.2l6.15 2.7-2.45 1.6c1.25 1.5 2.95 2.6 4.9 3.05.4.1.65.5.55.85-.1.4-.5.65-.9.55-2.35-.55-4.4-1.85-5.85-3.7l-2.4 1.6V13.2zM13.35 2.55c.1-.4.5-.65.9-.55 2.3.5 4.4 1.85 5.8 3.7l2.45-1.55v6.65l-6.15-2.7 2.45-1.6c-1.25-1.5-2.95-2.6-4.9-3.05-.4-.1-.65-.5-.55-.9zM10.8 1.5L8.1 7.65 6.5 5.2C5 6.45 3.9 8.15 3.45 10.1A.745.745 0 112 9.75c.5-2.3 1.85-4.4 3.7-5.8L4.1 1.5h6.7z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.55 13.9c.1-.4.5-.65.9-.55.4.1.65.5.5.9-.523 2.233-1.722 4.194-3.427 5.628l-.273.222 1.6 2.4H13.2l2.7-6.15 1.6 2.45c1.5-1.25 2.6-2.95 3.05-4.9zM1.5 13.2l6.15 2.7-2.45 1.6c1.25 1.5 2.95 2.6 4.9 3.05.4.1.65.5.55.85-.1.4-.5.65-.9.55-2.233-.523-4.194-1.722-5.628-3.427L3.9 18.25l-2.4 1.6V13.2zM13.35 2.55c.1-.4.5-.65.9-.55 2.19.476 4.2 1.723 5.595 3.44l.205.26 2.45-1.55v6.65l-6.15-2.7 2.45-1.6c-1.25-1.5-2.95-2.6-4.9-3.05-.4-.1-.65-.5-.55-.9zM10.8 1.5L8.1 7.65 6.5 5.2C5 6.45 3.9 8.15 3.45 10.1A.745.745 0 112 9.75c.476-2.19 1.723-4.2 3.44-5.595l.26-.205L4.1 1.5h6.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/process/processing/selected.svg b/packages/components/src/telekom/icons/process/processing/selected.svg
index f25c9edf16..277aa0d289 100644
--- a/packages/components/src/telekom/icons/process/processing/selected.svg
+++ b/packages/components/src/telekom/icons/process/processing/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M1.5 13.215l6.11 2.68-2 1.32a8.255 8.255 0 004.585 2.835v.01a1.25 1.25 0 01-.545 2.44 10.765 10.765 0 01-6.15-3.915l-2 1.305v-6.675zm19.394-.404A1.255 1.255 0 0122.5 14.35a10.765 10.765 0 01-3.915 6.15l1.305 2h-6.675l2.685-6.11 1.32 2a8.24 8.24 0 002.835-4.585c.073-.462.396-.845.839-.994zM10.785 1.5l-2.68 6.11-1.32-2a8.24 8.24 0 00-2.835 4.585 1.255 1.255 0 01-1.495.945A1.245 1.245 0 011.5 9.65 10.745 10.745 0 015.415 3.5l-1.305-2h6.675zm2.359.37a1.255 1.255 0 011.206-.37 10.78 10.78 0 016.15 3.915l2-1.305v6.675l-6.11-2.68 2-1.32a8.24 8.24 0 00-4.585-2.835 1.255 1.255 0 01-.661-2.08z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 13.215l6.11 2.68-2 1.32a8.255 8.255 0 004.269 2.757l.316.078v.01a1.25 1.25 0 01-.545 2.44 10.765 10.765 0 01-5.927-3.636l-.223-.279-2 1.305v-6.675zm19.394-.404A1.255 1.255 0 0122.5 14.35a10.765 10.765 0 01-3.636 5.927l-.279.223 1.305 2h-6.675l2.685-6.11 1.32 2a8.24 8.24 0 002.835-4.585c.073-.462.396-.845.839-.994zM10.785 1.5l-2.68 6.11-1.32-2a8.24 8.24 0 00-2.835 4.585 1.255 1.255 0 01-1.495.945A1.245 1.245 0 011.5 9.65a10.745 10.745 0 013.636-5.927l.279-.223-1.305-2h6.675zm2.359.37a1.255 1.255 0 011.206-.37 10.78 10.78 0 015.927 3.636l.223.279 2-1.305v6.675l-6.11-2.68 2-1.32a8.24 8.24 0 00-4.269-2.758l-.316-.077a1.255 1.255 0 01-.661-2.08z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/process/sepa-transaction/default.svg b/packages/components/src/telekom/icons/process/sepa-transaction/default.svg
new file mode 100644
index 0000000000..ec723c0aac
--- /dev/null
+++ b/packages/components/src/telekom/icons/process/sepa-transaction/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.773 1.152l.105.011C19.052 2.057 23 6.575 23 12c0 3.454-1.601 6.54-4.1 8.557l1.588 2.436-6.673-.013 2.68-6.112 1.577 2.42A9.465 9.465 0 0021.5 12c0-4.689-3.415-8.594-7.889-9.361a.74.74 0 01-.603-.628L13 1.904l.006-.097a.755.755 0 01.664-.65l.103-.005zM3.512 1.008l6.673.012-2.68 6.112-1.578-2.42A9.471 9.471 0 002.5 12c0 4.689 3.415 8.595 7.889 9.362a.74.74 0 01.603.627l.008.107-.006.097a.753.753 0 01-.872.644C4.948 21.943 1 17.425 1 12c0-3.454 1.601-6.54 4.1-8.557L3.512 1.008zm8.652 6.497c1.577 0 2.774 1.038 3.05 2.734h-1.802c-.157-.762-.617-1.117-1.248-1.117-.762 0-1.236.434-1.46 1.406h1.841v1.262H10.56v.644h1.985v1.262h-1.84c.223.96.697 1.393 1.459 1.393.631 0 1.091-.354 1.248-1.117h1.801c-.275 1.696-1.471 2.734-3.05 2.734-1.696 0-2.825-1.117-3.207-3.01h-.775v-1.262h.63v-.644h-.63v-1.262h.775c.382-1.906 1.498-3.024 3.208-3.024z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/process/sepa-transaction/selected.svg b/packages/components/src/telekom/icons/process/sepa-transaction/selected.svg
new file mode 100644
index 0000000000..40e9583b58
--- /dev/null
+++ b/packages/components/src/telekom/icons/process/sepa-transaction/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.512 1.008l6.674.012-2.68 6.112L6.2 5.13C4.21 6.82 3 9.332 3 12c0 4.18 2.956 7.874 7.029 8.784.566.126.953.619.972 1.174v.138a.748.748 0 01-.038.223 1.248 1.248 0 01-1.479.904C4.279 22.061.501 17.341.501 12c0-3.396 1.533-6.599 4.06-8.758l.265-.22-1.314-2.014zm9.518.698a1.245 1.245 0 011.486-.929C19.721 1.939 23.5 6.659 23.5 12c0 3.396-1.534 6.598-4.06 8.758l-.265.22 1.314 2.014-6.674-.012 2.68-6.112 1.306 2.002C19.79 17.179 21 14.666 21 12c0-4.18-2.956-7.874-7.029-8.784A1.245 1.245 0 0113 2.04l.002-.135c0-.07.012-.135.029-.199zm-.866 5.798c1.514 0 2.678.958 3.013 2.535l.037.2h-1.801c-.157-.762-.617-1.117-1.249-1.117-.714 0-1.175.381-1.414 1.23l-.045.176h1.84v1.262h-1.984v.644h1.985v1.262h-1.84c.223.96.696 1.393 1.458 1.393.586 0 1.025-.306 1.21-.96l.039-.157h1.801c-.276 1.696-1.472 2.734-3.05 2.734-1.63 0-2.738-1.033-3.16-2.795l-.047-.215H8.18v-1.262h.631v-.644h-.63v-1.262h.775c.381-1.906 1.498-3.024 3.207-3.024z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/devices-service/default.svg b/packages/components/src/telekom/icons/service/devices-service/default.svg
index ed92e6497e..b85f6d4b97 100644
--- a/packages/components/src/telekom/icons/service/devices-service/default.svg
+++ b/packages/components/src/telekom/icons/service/devices-service/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M6.6 14.25c.95-.4 2-.5 3.05-.35l4.6.75c.6.1 1.1.4 1.45.9.15.25.3.5.35.8 1.25-.2 3.55-.7 4.9-.95.95-.2 1.85.25 2.3 1.1.25.5.35 1.15.15 1.7-.2.55-.6 1-1.15 1.25l-6.55 3.1c-1.05.5-2.15.75-3.3.75-.6 0-1.2-.05-1.8-.2l-3.05-.75c-.9-.2-1.9-.35-2.85-.4L.5 21.7v-5zm2.8 1.15c-.75-.1-1.55-.05-2.25.25L2 17.7v2.55l2.75.2c1.05.05 2.1.2 3.15.45l3.05.75c1.35.3 2.85.15 4.1-.45l6.55-3.1c.35-.15.5-.6.3-.95-.1-.2-.4-.35-.65-.3-1.55.35-4.55.9-5.45 1.1-.4.65-1.1 1.05-1.9 1.05H8.55v-1.5h5.35c.35 0 .6-.25.65-.55.1-.35-.15-.75-.55-.8zM13.2 0l.3 1.6c.05.45.55.65.9.4l1.35-.9 1.65 1.65-.95 1.35c-.2.35 0 .8.4.9l1.7.35V7.7L16.9 8c-.45.05-.65.55-.4.9l.8 1.35-1.65 1.65-1.35-.95c-.35-.2-.8 0-.9.4L13.1 13h-2.35l-.3-1.65a.567.567 0 00-.9-.4l-1.35.95-1.65-1.65.95-1.35c.25-.35.05-.85-.35-.95l-1.65-.3V5.3L7.1 5c.45-.05.65-.55.4-.9l-.9-1.35L8.25 1.1l1.35.95c.35.2.8 0 .9-.4L10.85 0h2.35zM12 4.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.6 14.25c.864-.364 1.81-.48 2.764-.385l.286.035 4.6.75c.6.1 1.1.4 1.45.9.15.25.3.5.35.8l.644-.112.75-.142 3.179-.634.327-.062c.95-.2 1.85.25 2.3 1.1.25.5.35 1.15.15 1.7a2.176 2.176 0 01-.972 1.16l-.178.09-6.55 3.1c-1.05.5-2.15.75-3.3.75-.48 0-.96-.032-1.44-.122l-.36-.078-3.05-.75c-.75-.167-1.57-.299-2.372-.367L4.7 21.95.5 21.7v-5l6.1-2.45zm2.8 1.15c-.667-.089-1.373-.06-2.013.16l-.237.09L2 17.7v2.55l2.75.2c.875.042 1.75.153 2.625.333l.525.117 3.05.75a6.468 6.468 0 003.828-.328l.272-.122 6.55-3.1c.35-.15.5-.6.3-.95-.1-.2-.4-.35-.65-.3l-.456.1-.784.163-1.729.343-1.803.354-.543.11-.135.03c-.37.6-.994.987-1.717 1.043L13.9 19H8.55v-1.5h5.35c.35 0 .6-.25.65-.55.092-.32-.11-.684-.453-.78L14 16.15l-4.6-.75zM10.85 0h2.35l.3 1.6c.046.418.48.62.823.447L14.4 2l1.35-.9 1.65 1.65-.95 1.35a.617.617 0 00.311.87l.089.03 1.7.35V7.7L16.9 8a.566.566 0 00-.447.823l.847 1.427-1.65 1.65-1.35-.95a.617.617 0 00-.87.311l-.03.089-.3 1.65h-2.35l-.3-1.65a.566.566 0 00-.823-.447l-.077.047-1.35.95-1.65-1.65.95-1.35c.23-.323.078-.774-.261-.92l-.089-.03-1.65-.3V5.3L7.1 5a.566.566 0 00.447-.823L7.5 4.1l-.9-1.35L8.25 1.1l1.35.95a.617.617 0 00.87-.311l.03-.089.35-1.65zM12 4.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/devices-service/selected.svg b/packages/components/src/telekom/icons/service/devices-service/selected.svg
index ec8c92fbbe..6ce60507b5 100644
--- a/packages/components/src/telekom/icons/service/devices-service/selected.svg
+++ b/packages/components/src/telekom/icons/service/devices-service/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M6.84 14.95a5.04 5.04 0 012.66-.295l4.625.735a1.435 1.435 0 011.185 1.685 1 1 0 01-.05.175h.1l5.71-1.135a1.36 1.36 0 011.5.71 1.42 1.42 0 01-.65 1.945l-6.53 3.095a7 7 0 01-4.6.5l-3.06-.735a16.9 16.9 0 00-3-.44L1.285 21v-3.815zM13.18 0l.32 1.635a.59.59 0 00.895.365l1.365-.93 1.685 1.67-.945 1.365a.59.59 0 00.37.895l1.63.32V7.7l-1.635.3a.59.59 0 00-.365.895l.93 1.38-1.67 1.67L14.395 11a.59.59 0 00-.915.385l-.3 1.63h-2.36l-.3-1.63A.59.59 0 009.605 11l-1.38.93-1.67-1.67.945-1.365a.59.59 0 00-.37-.935l-1.63-.3V5.3L7.13 5a.59.59 0 00.37-.895L6.57 2.74l1.67-1.67L9.605 2a.59.59 0 00.895-.37L10.82 0h2.36zM12 4.5a2 2 0 100 4 2 2 0 000-4z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.6 14.25c.864-.364 1.81-.48 2.764-.385l.286.035 4.6.75c.6.1 1.1.4 1.45.9.15.25.3.5.35.8l.644-.112.75-.142 3.179-.634.327-.062c.95-.2 1.85.25 2.3 1.1.25.5.35 1.15.15 1.7a2.176 2.176 0 01-.972 1.16l-.178.09-6.55 3.1c-1.05.5-2.15.75-3.3.75-.48 0-.96-.032-1.44-.122l-.36-.078-3.05-.75c-.75-.167-1.57-.299-2.372-.367L4.7 21.95.5 21.7v-5l6.1-2.45zM10.85 0h2.35l.3 1.6c.046.418.48.62.823.447L14.4 2l1.35-.9 1.65 1.65-.95 1.35a.617.617 0 00.311.87l.089.03 1.7.35V7.7L16.9 8a.566.566 0 00-.447.823l.847 1.427-1.65 1.65-1.35-.95a.617.617 0 00-.87.311l-.03.089-.3 1.65h-2.35l-.3-1.65a.566.566 0 00-.823-.447l-.077.047-1.35.95-1.65-1.65.95-1.35c.23-.323.078-.774-.261-.92l-.089-.03-1.65-.3V5.3L7.1 5a.566.566 0 00.447-.823L7.5 4.1l-.9-1.35L8.25 1.1l1.35.95a.617.617 0 00.87-.311l.03-.089.35-1.65zM12 4.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/maintanance/default.svg b/packages/components/src/telekom/icons/service/maintanance/default.svg
index f7a81a05bc..559b91a247 100644
--- a/packages/components/src/telekom/icons/service/maintanance/default.svg
+++ b/packages/components/src/telekom/icons/service/maintanance/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.1 6.7-4.5 2.35-1.3-1-.1-1.65 4.5-2.35c-1.35-1.7-3.35-2.65-5.35-2.65-.95 0-1.9.2-2.8.7-1.6.85-2.65 2.3-3.1 3.95-.3 1.15-.3 2.45 0 3.7l-7.1 7.1c-1.35 1.35-1.35 3.6 0 4.95s3.6 1.35 4.95 0l6.9-6.9c1.6.55 3.35.5 4.9-.35 2.7-1.45 3.9-4.75 3-7.85zm-3.75 6.55c-2.05 1.1-3.9.15-4.6-.05l-7.55 7.5c-.8.8-2.05.8-2.85 0s-.8-2.05 0-2.85l7.7-7.7c-.2-.75-.65-1.95-.3-3.5.3-1.4 1.15-2.6 2.4-3.25.65-.35 1.35-.5 2.1-.5.95 0 1.95.3 2.8.85l-3.45 1.8.2 3.3 2.55 2.05 3.45-1.8c0 1.7-.9 3.35-2.45 4.15z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.1 6.7l-4.5 2.35-1.3-1-.1-1.65 4.5-2.35c-1.35-1.7-3.35-2.65-5.35-2.65-.95 0-1.9.2-2.8.7-1.6.85-2.65 2.3-3.1 3.95-.3 1.15-.3 2.45 0 3.7l-7.1 7.1C1 18.2 1 20.45 2.35 21.8s3.6 1.35 4.95 0l6.9-6.9c1.6.55 3.35.5 4.9-.35 2.7-1.45 3.9-4.75 3-7.85zm-3.75 6.55c-2.05 1.1-3.9.15-4.6-.05L6.2 20.7c-.8.8-2.05.8-2.85 0-.8-.8-.8-2.05 0-2.85l7.7-7.7c-.2-.75-.65-1.95-.3-3.5.3-1.4 1.15-2.6 2.4-3.25.65-.35 1.35-.5 2.1-.5.95 0 1.95.3 2.8.85l-3.45 1.8.2 3.3 2.55 2.05 3.45-1.8c0 1.7-.9 3.35-2.45 4.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/maintanance/selected.svg b/packages/components/src/telekom/icons/service/maintanance/selected.svg
index 9785f6da54..3b4ffd85a9 100644
--- a/packages/components/src/telekom/icons/service/maintanance/selected.svg
+++ b/packages/components/src/telekom/icons/service/maintanance/selected.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.09 6.715-4.5 2.36-1.285-1-.105-1.64 4.5-2.36c-2.03-2.5-5.43-3.42-8.18-2s-3.89 4.605-3.09 7.65l-7.105 7.105a3.5 3.5 0 0 0 4.95 4.95l6.885-6.89a6.205 6.205 0 0 0 4.89-.33c2.755-1.44 3.95-4.745 3.04-7.845z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.09 6.715l-4.5 2.36-1.285-1-.105-1.64 4.5-2.36c-2.03-2.5-5.43-3.42-8.18-2S8.63 6.68 9.43 9.725L2.325 16.83a3.5 3.5 0 004.95 4.95l6.885-6.89a6.205 6.205 0 004.89-.33c2.755-1.44 3.95-4.745 3.04-7.845z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/manual/default.svg b/packages/components/src/telekom/icons/service/manual/default.svg
new file mode 100644
index 0000000000..a0dce21b09
--- /dev/null
+++ b/packages/components/src/telekom/icons/service/manual/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.92 15.691l3.33-3.33c.714.241 1.497.212 2.19-.149 1.157-.606 1.69-1.95 1.412-3.262l-2.08 1.087-.785-.623-.064-1 2.081-1.088c-.919-.979-2.328-1.31-3.486-.703-1.206.63-1.744 2.061-1.385 3.423l-3.429 3.43a1.567 1.567 0 002.215 2.215zm9.58 1.31h-3a1.5 1.5 0 00-1.5 1.5v3H6c-.827 0-1.5-.674-1.5-1.5V2.5h15V17zM3 1v19a3 3 0 003 3h10l5-5V1H3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/manual/selected.svg b/packages/components/src/telekom/icons/service/manual/selected.svg
new file mode 100644
index 0000000000..acf2518aff
--- /dev/null
+++ b/packages/components/src/telekom/icons/service/manual/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.355-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.335L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18zm-7.228 5.316c-.428 0-.856.098-1.254.306-1.151.602-1.693 1.933-1.427 3.239l.043.186-3.43 3.429A1.567 1.567 0 009.8 15.798l.119-.107 3.331-3.331c.304.104.62.158.937.158.427 0 .855-.1 1.252-.306 1.103-.577 1.638-1.824 1.448-3.075l-.034-.188-2.081 1.088-.785-.623-.063-1.001 2.086-1.09c-.603-.643-1.419-1.007-2.238-1.007z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/one-time-password/default.svg b/packages/components/src/telekom/icons/service/one-time-password/default.svg
new file mode 100644
index 0000000000..3ddea7cd74
--- /dev/null
+++ b/packages/components/src/telekom/icons/service/one-time-password/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.235 9.176a5.882 5.882 0 110 11.765 5.882 5.882 0 010-11.765zm-.049 1.883h-.01a.706.706 0 00-.69.62l-.006.096.06 3.993 3.284-.003a.706.706 0 00.095-1.406l-.096-.006-1.893.002-.038-2.6a.706.706 0 00-.706-.696zM21.236 4v4.959a7.27 7.27 0 00-1.412-.722V5.412H2.412v3.764c0 .779.633 1.412 1.412 1.412h7.648a7.294 7.294 0 00-.86 1.412H3.824A2.826 2.826 0 011 9.176V4h20.235zM5 6.824a1.176 1.176 0 110 2.352 1.176 1.176 0 010-2.352zm3.294 0a1.176 1.176 0 110 2.352 1.176 1.176 0 010-2.352zm3.294 0a1.176 1.176 0 110 2.352 1.176 1.176 0 010-2.352z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/one-time-password/selected.svg b/packages/components/src/telekom/icons/service/one-time-password/selected.svg
new file mode 100644
index 0000000000..c19b5b87a1
--- /dev/null
+++ b/packages/components/src/telekom/icons/service/one-time-password/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.248 9.5a6.25 6.25 0 110 12.498 6.25 6.25 0 010-12.499zm0 1.5a4.755 4.755 0 00-4.75 4.749c0 2.619 2.131 4.75 4.75 4.75s4.75-2.131 4.75-4.75-2.131-4.75-4.75-4.75zm-.052.5a.75.75 0 01.742.637l.008.101.04 2.763 2.01-.002a.75.75 0 01.105 1.493l-.102.007-3.49.004-.063-4.243a.75.75 0 01.637-.752l.113-.009zM22.498 4v5.272A7.71 7.71 0 0018.248 8a7.74 7.74 0 00-6.912 4.26l-.116.24H4a3.003 3.003 0 01-2.995-2.825L1 9.5V4h21.498zm-10.25 3a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zM8.75 7a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm-3.5 0a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/services/default.svg b/packages/components/src/telekom/icons/service/services/default.svg
index cab044a3b4..e130af8636 100644
--- a/packages/components/src/telekom/icons/service/services/default.svg
+++ b/packages/components/src/telekom/icons/service/services/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.15 3.4c-1.5-1.85-3.75-2.9-6.15-2.9s-4.6 1.05-6.1 2.9a7.844 7.844 0 0 0 -1.6 6.6l1.35 6.45c-1.25.25-2.15 1.4-2.15 2.65 0 1.4 1.05 2.55 2.45 2.7l4.05.4c.25.95 1.05 1.6 2.1 1.6 1.2 0 2.15-.95 2.15-2.15s-.95-2.15-2.15-2.15c-.85 0-1.55.5-1.9 1.2l-4.05-.4c-.6-.05-1.1-.6-1.1-1.2 0-.55.4-1.05.95-1.2l3.4-.7c.8-.15 1.35-.95 1.2-1.75l-.75-3.7a1.52 1.52 0 0 0 -1.75-1.2l-2.1.45-.25-1.3c-.4-1.9.1-3.85 1.3-5.35 1.25-1.5 3.05-2.35 4.95-2.35s3.75.85 4.95 2.35 1.7 3.45 1.3 5.35l-.2 1.3-1.95-.4c-.8-.15-1.6.35-1.75 1.2l-.8 3.7c-.15.8.35 1.6 1.2 1.75l3.4.7 1.6-7.95c.5-2.35-.1-4.75-1.6-6.6z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.15 3.4C16.65 1.55 14.4.5 12 .5 9.6.5 7.4 1.55 5.9 3.4A7.844 7.844 0 004.3 10l1.35 6.45c-1.25.25-2.15 1.4-2.15 2.65 0 1.4 1.05 2.55 2.45 2.7l4.05.4c.25.95 1.05 1.6 2.1 1.6 1.2 0 2.15-.95 2.15-2.15s-.95-2.15-2.15-2.15c-.85 0-1.55.5-1.9 1.2l-4.05-.4c-.6-.05-1.1-.6-1.1-1.2 0-.55.4-1.05.95-1.2l3.4-.7c.8-.15 1.35-.95 1.2-1.75l-.75-3.7a1.52 1.52 0 00-1.75-1.2L6 11l-.25-1.3c-.4-1.9.1-3.85 1.3-5.35C8.3 2.85 10.1 2 12 2c1.9 0 3.75.85 4.95 2.35 1.2 1.5 1.7 3.45 1.3 5.35l-.2 1.3-1.95-.4c-.8-.15-1.6.35-1.75 1.2l-.8 3.7c-.15.8.35 1.6 1.2 1.75l3.4.7 1.6-7.95c.5-2.35-.1-4.75-1.6-6.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/services/selected.svg b/packages/components/src/telekom/icons/service/services/selected.svg
index 23c75682a1..63533501af 100644
--- a/packages/components/src/telekom/icons/service/services/selected.svg
+++ b/packages/components/src/telekom/icons/service/services/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.535 3.09a8.405 8.405 0 00-14.745 7l1.34 6.525a2.715 2.715 0 00.775 5.2l4.04.42a2.155 2.155 0 10.155-1.5l-4.04-.415a1.215 1.215 0 01-.19-2.385l1.655-.34 1.775-.35a1.5 1.5 0 001.2-1.745l-.74-3.72A1.5 1.5 0 008 10.595l-1.5.29-.265-1.295a5.905 5.905 0 1111.565 0l-.265 1.295-1.47-.29A1.5 1.5 0 0014.3 11.77l-.735 3.73a1.5 1.5 0 001.18 1.765l1.76.35 2.12.435 1.63-7.945a8.39 8.39 0 00-1.72-7.015z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.535 3.09a8.405 8.405 0 00-14.745 7l1.34 6.525a2.715 2.715 0 00.775 5.2l4.04.42a2.155 2.155 0 10.155-1.5l-4.04-.415a1.215 1.215 0 01-.19-2.385l1.655-.34 1.775-.35a1.5 1.5 0 001.2-1.745l-.74-3.72A1.5 1.5 0 008 10.595l-1.5.29-.265-1.295a5.905 5.905 0 1111.565 0l-.265 1.295-1.47-.29A1.5 1.5 0 0014.3 11.77l-.735 3.73a1.5 1.5 0 001.18 1.765l1.76.35 2.12.435 1.63-7.945a8.39 8.39 0 00-1.72-7.015z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/settings/default.svg b/packages/components/src/telekom/icons/service/settings/default.svg
index 83b9091c13..8b4f65756a 100644
--- a/packages/components/src/telekom/icons/service/settings/default.svg
+++ b/packages/components/src/telekom/icons/service/settings/default.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M14 1l.5 2.75c.15.75.95 1.05 1.55.65l2.3-1.6 2.85 2.85-1.6 2.3c-.4.6-.05 1.4.65 1.55L23 10v4l-2.75.5a.994.994 0 00-.65 1.55l1.6 2.3-2.85 2.85-2.3-1.6c-.6-.4-1.4-.05-1.55.65L14 23h-4l-.5-2.75c-.15-.7-.95-1.05-1.55-.65l-2.3 1.6-2.85-2.85 1.6-2.3c.4-.6.05-1.4-.65-1.55L1 14v-4l2.75-.5a.994.994 0 00.65-1.55l-1.6-2.3L5.65 2.8l2.3 1.6c.6.4 1.4.05 1.55-.65L10 1h4zm-1.25 1.5h-1.5l-.3 1.5c-.2 1.2-1.25 2.05-2.45 2.05-.5 0-1-.15-1.4-.45l-1.3-.9-1.05 1.05.9 1.3c.5.7.6 1.6.25 2.4-.3.8-1 1.35-1.85 1.5l-1.55.3v1.5l1.55.25c.85.15 1.5.7 1.85 1.5.35.8.25 1.7-.25 2.4l-.9 1.3 1.05 1.05 1.3-.9c.4-.3.9-.45 1.4-.45 1.2 0 2.25.85 2.45 2.05l.3 1.55h1.5l.3-1.55c.2-1.2 1.25-2.05 2.45-2.05.5 0 1 .15 1.4.45l1.3.9 1.05-1.05-.9-1.3c-.5-.7-.55-1.6-.25-2.3.3-.8 1-1.35 1.85-1.5l1.55-.3v-1.5l-1.55-.3c-.85-.15-1.5-.7-1.85-1.5-.35-.8-.25-1.7.25-2.4l.9-1.3-1.05-1.05-1.3.9c-.4.3-.9.45-1.4.45-1.2 0-2.25-.85-2.45-2.05l-.3-1.55zM12 9a3 3 0 110 6 3 3 0 010-6z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14 1l.5 2.75a.992.992 0 001.448.71l.102-.06 2.3-1.6 2.85 2.85-1.6 2.3c-.378.567-.087 1.312.537 1.52l.113.03L23 10v4l-2.75.5a.992.992 0 00-.71 1.448l.06.102 1.6 2.3-2.85 2.85-2.3-1.6c-.567-.378-1.312-.087-1.52.537l-.03.113L14 23h-4l-.5-2.75c-.142-.661-.863-1.01-1.448-.71l-.102.06-2.3 1.6-2.85-2.85 1.6-2.3c.378-.567.087-1.312-.537-1.52l-.113-.03L1 14v-4l2.75-.5a.992.992 0 00.71-1.448L4.4 7.95l-1.6-2.3L5.65 2.8l2.3 1.6c.567.378 1.312.087 1.52-.537l.03-.113L10 1h4zm-1.25 1.5h-1.5l-.3 1.5c-.2 1.2-1.25 2.05-2.45 2.05-.438 0-.875-.115-1.246-.345L5.8 4.7 4.75 5.75l.9 1.3c.464.65.584 1.472.318 2.227L5.9 9.45c-.279.743-.902 1.27-1.67 1.462l-.18.038-1.55.3v1.5l1.55.25c.85.15 1.5.7 1.85 1.5a2.426 2.426 0 01-.149 2.247l-.101.153-.9 1.3 1.05 1.05 1.3-.9c.4-.3.9-.45 1.4-.45 1.145 0 2.154.774 2.418 1.889l.332 1.711h1.5l.3-1.55c.2-1.2 1.25-2.05 2.45-2.05.438 0 .875.115 1.246.345L18.2 19.25l1.05-1.05-.9-1.3c-.5-.7-.55-1.6-.25-2.3.279-.743.902-1.27 1.67-1.462l.18-.038 1.55-.3v-1.5l-1.55-.3c-.85-.15-1.5-.7-1.85-1.5a2.426 2.426 0 01.149-2.247l.101-.153.9-1.3-1.05-1.05-1.3.9c-.4.3-.9.45-1.4.45-1.145 0-2.154-.774-2.418-1.889L12.75 2.5zM12 9a3 3 0 110 6 3 3 0 010-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/settings/selected.svg b/packages/components/src/telekom/icons/service/settings/selected.svg
index b7f2bafeb6..c0e1690bf3 100644
--- a/packages/components/src/telekom/icons/service/settings/selected.svg
+++ b/packages/components/src/telekom/icons/service/settings/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.235 14.5L23 14v-4l-2.765-.5a1 1 0 01-.64-1.555l1.595-2.31-2.825-2.825-2.31 1.595a1 1 0 01-1.555-.64L14 1h-4l-.5 2.76a1 1 0 01-1.555.645L5.635 2.81 2.81 5.635l1.595 2.31a1 1 0 01-.64 1.555L1 10v4l2.76.5a1 1 0 01.645 1.555l-1.595 2.31 2.825 2.825 2.31-1.595a1 1 0 011.555.64L10 23h4l.5-2.765a1 1 0 011.555-.64l2.31 1.595 2.825-2.825-1.595-2.31a1 1 0 01.64-1.555zM12 15a3 3 0 110-6 3 3 0 010 6z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.235 14.5L23 14v-4l-2.765-.5a1 1 0 01-.64-1.555l1.595-2.31-2.825-2.825-2.31 1.595a1 1 0 01-1.555-.64L14 1h-4l-.5 2.76a1 1 0 01-1.555.645L5.635 2.81 2.81 5.635l1.595 2.31a1 1 0 01-.64 1.555L1 10v4l2.76.5a1 1 0 01.645 1.555l-1.595 2.31 2.825 2.825 2.31-1.595a1 1 0 011.555.64L10 23h4l.5-2.765a1 1 0 011.555-.64l2.31 1.595 2.825-2.825-1.595-2.31a1 1 0 01.64-1.555zM12 15a3 3 0 110-6 3 3 0 010 6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/support/default.svg b/packages/components/src/telekom/icons/service/support/default.svg
index 936a5139fe..feeb9a6d44 100644
--- a/packages/components/src/telekom/icons/service/support/default.svg
+++ b/packages/components/src/telekom/icons/service/support/default.svg
@@ -1 +1 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c-6.05 0-11 4.95-11 11s4.95 11 11 11 11-4.95 11-11-4.95-11-11-11zm2.4 1.8c3.3.85 5.95 3.5 6.8 6.8l-2.95.5c-.65-2.1-2.3-3.75-4.35-4.35zm-4.8 0 .5 2.95c-2.1.65-3.75 2.3-4.35 4.35l-2.95-.5c.9-3.3 3.5-5.9 6.8-6.8zm0 18.4c-3.3-.85-5.95-3.5-6.8-6.8l2.95-.5c.65 2.1 2.3 3.75 4.35 4.35zm-2.6-9.2c0-2.75 2.25-5 5-5s5 2.25 5 5-2.25 5-5 5-5-2.25-5-5zm7.4 9.2-.5-2.95c2.1-.65 3.75-2.3 4.35-4.35l2.95.5c-.9 3.3-3.5 5.9-6.8 6.8z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1C5.95 1 1 5.95 1 12s4.95 11 11 11 11-4.95 11-11S18.05 1 12 1zm2.4 1.8c3.3.85 5.95 3.5 6.8 6.8l-2.95.5c-.65-2.1-2.3-3.75-4.35-4.35l.5-2.95zm-4.8 0l.5 2.95C8 6.4 6.35 8.05 5.75 10.1L2.8 9.6c.9-3.3 3.5-5.9 6.8-6.8zm0 18.4c-3.3-.85-5.95-3.5-6.8-6.8l2.95-.5c.65 2.1 2.3 3.75 4.35 4.35l-.5 2.95zM7 12c0-2.75 2.25-5 5-5s5 2.25 5 5-2.25 5-5 5-5-2.25-5-5zm7.4 9.2l-.5-2.95c2.1-.65 3.75-2.3 4.35-4.35l2.95.5c-.9 3.3-3.5 5.9-6.8 6.8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/support/selected.svg b/packages/components/src/telekom/icons/service/support/selected.svg
index ef4a88bea9..9726e0fa51 100644
--- a/packages/components/src/telekom/icons/service/support/selected.svg
+++ b/packages/components/src/telekom/icons/service/support/selected.svg
@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1.75C6.34 1.75 1.75 6.34 1.75 12S6.34 22.25 12 22.25 22.25 17.66 22.25 12A10.25 10.25 0 0012 1.75zM12 2a10.03 10.03 0 012.245.265L13.34 5.9A6.255 6.255 0 0012 5.75a6.17 6.17 0 00-1.335.15l-.91-3.635A10.03 10.03 0 0112 2zM5.9 13.34l-3.635.905a9.64 9.64 0 010-4.5l3.635.905a6.06 6.06 0 000 2.68v.01zM12 22a10.03 10.03 0 01-2.245-.265l.91-3.635a6.17 6.17 0 001.335.15c.45-.002.9-.052 1.34-.15l.905 3.635A10.03 10.03 0 0112 22zm0-4.25a5.75 5.75 0 11.01-11.5 5.75 5.75 0 01-.01 11.5zm6.1-4.41c.2-.882.2-1.798 0-2.68l3.635-.905a9.64 9.64 0 010 4.5L18.1 13.34z"/>
-</svg>
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.349 13.403c.1-.456.156-.925.156-1.403 0-.481-.057-.95-.157-1.402l2.905-.723c.157.69.247 1.4.247 2.125a9.49 9.49 0 01-.25 2.133l-2.901-.73zm-4.948-7.748a6.482 6.482 0 00-1.395-.155h-.002c-.481 0-.948.057-1.4.157l-.728-2.91A9.474 9.474 0 0112 2.5c.725 0 1.435.09 2.125.247l-.724 2.908zm-3.342 1.74c.112-.048.235-.071.351-.11A4.926 4.926 0 0112.003 7 5.014 5.014 0 0117 12c0 2.75-2.25 5-5 5-.057 0-.11-.015-.167-.017a4.962 4.962 0 01-1.774-.377 5.023 5.023 0 01-1.681-1.185 4.969 4.969 0 011.558-7.96c.043-.02.08-.048.123-.066zM12 21.5c-.731 0-1.44-.091-2.124-.248l.728-2.908c.45.1.916.156 1.396.156h.006c.475 0 .942-.055 1.395-.154l.724 2.906A9.49 9.49 0 0112 21.5zM2.5 12c0-.734.092-1.447.25-2.134l2.913.725c-.1.453-.158.923-.158 1.405 0 .483.056.95.156 1.404l-2.913.725A9.476 9.476 0 012.5 12zm17.278-7.778A10.927 10.927 0 0012 1C5.935 1 1 5.935 1 12c0 6.066 4.935 11 11 11s11-4.934 11-11c0-2.938-1.145-5.7-3.222-7.778z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/vpn/default.svg b/packages/components/src/telekom/icons/service/vpn/default.svg
new file mode 100644
index 0000000000..2a94b57f4d
--- /dev/null
+++ b/packages/components/src/telekom/icons/service/vpn/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .98L2.5 3.153v7.998c0 5.691 3.822 10.758 9.294 12.321l.206.059.206-.059c5.472-1.564 9.294-6.63 9.294-12.321V3.152L12 .981zm8 10.17c0 4.953-3.279 9.37-8 10.818-4.721-1.448-8-5.865-8-10.818V4.348l8-1.829 8 1.829v6.802zM7.504 12.383h-.045L6.389 9H5.348l1.631 5H7.99l1.631-5h-1.04l-1.077 3.383zm8.056-1.511h.045L17.402 14h1.018V9h-1.003v3.144h-.045L15.576 9H14.55v5h1.01v-3.129zM10.244 14h1.01v-1.684h.846c.973 0 1.654-.591 1.654-1.654S13.073 9 12.1 9h-1.856v5zm1.01-4.065h.779c.381 0 .673.255.673.726 0 .465-.292.719-.673.719h-.779V9.935z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/service/vpn/selected.svg b/packages/components/src/telekom/icons/service/vpn/selected.svg
new file mode 100644
index 0000000000..7e42f7fc2d
--- /dev/null
+++ b/packages/components/src/telekom/icons/service/vpn/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.002.98l9.5 2.172v7.998c0 5.588-3.684 10.573-8.997 12.232l-.503.148-.206-.059c-5.372-1.535-9.154-6.447-9.29-12.011l-.004-.31V3.152l9.5-2.171zM15.58 9h-1.026v5h1.01v-3.129h.045L17.405 14h1.018V9H17.42v3.144h-.045L15.579 9zm-3.476 0h-1.856v5h1.01v-1.684h.846c.972 0 1.654-.591 1.654-1.654S13.075 9 12.103 9zM6.391 9h-1.04l1.631 5h1.011l1.631-5h-1.04l-1.077 3.383h-.045L6.392 9zm5.644.935c.382 0 .674.255.674.726 0 .426-.245.675-.58.714l-.094.005h-.778V9.935h.778z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t-product/magenta-cloud/default.svg b/packages/components/src/telekom/icons/t-product/magenta-cloud/default.svg
deleted file mode 100644
index 8cd503e320..0000000000
--- a/packages/components/src/telekom/icons/t-product/magenta-cloud/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.7 8.75c-.45-1.3-1.25-2.4-2.25-3.25-1.35-1.15-3.05-1.8-4.95-1.8-1.75 0-3.45.6-4.8 1.7-.35-.1-.75-.15-1.1-.15-2.4 0-4.4 1.8-4.65 4.15-1.65.9-2.7 2.6-2.7 4.5 0 1.7.8 3.15 2.05 4.1 1 .75 2.2 1.1 3.35 1 1.6 1.3 3.6 2 5.65 2 1.9 0 3.65-.55 5.2-1.65.5.15 1 .2 1.5.2 3.15 0 5.75-2.6 5.75-5.75 0-2.1-1.2-4.1-3.05-5.05zm-2.7 9.3c-.9 0-1.55-.3-1.8-.4-.3.2-1.3 1.25-3.45 1.7v-4.35h3.3l-4.05-5-4.05 5h3.3v4.5c-.85 0-1.65-.15-2.45-.45a7.49 7.49 0 0 1 -2.65-1.65c-.6.05-1.95.3-3.25-.9-.7-.65-1.2-1.6-1.2-2.65 0-2.75 2.6-3.5 2.65-3.55.05-.2-.2-1.65 1.1-2.8.95-.8 2.25-1.05 3.55-.5 1.55-1.55 3.35-1.9 4.45-1.9 1.5 0 2.85.5 3.95 1.4 1.5 1.25 1.9 2.85 2 3.2 0 0 2.8 1 2.8 4 .05 2.45-1.85 4.35-4.2 4.35z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t-product/magenta-cloud/selected.svg b/packages/components/src/telekom/icons/t-product/magenta-cloud/selected.svg
deleted file mode 100644
index 8f2d0e227a..0000000000
--- a/packages/components/src/telekom/icons/t-product/magenta-cloud/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M20.575 9.265A6.86 6.86 0 009.405 6.21 3.915 3.915 0 008.12 6a3.96 3.96 0 00-3.955 3.865 4.375 4.375 0 002.25 8.37 8.225 8.225 0 005.335 2V15.03H8.43l4.07-5 4.075 5H13.25v5.09a8.23 8.23 0 003.61-1.62 5 5 0 003.715-9.245v.01z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/magenta-tv/default.svg b/packages/components/src/telekom/icons/t-product/magenta-tv/default.svg
deleted file mode 100644
index 352bc5851b..0000000000
--- a/packages/components/src/telekom/icons/t-product/magenta-tv/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.35 2c.85 0 1.7.5 2.15 1.25l4.35 7.5c.4.75.4 1.75-.05 2.5l-4.35 7.5c-.45.75-1.25 1.25-2.15 1.25h-8.65c-.9 0-1.7-.5-2.15-1.25l-4.35-7.5c-.45-.75-.45-1.75 0-2.5l4.35-7.5c.45-.75 1.25-1.25 2.15-1.25zm-.05 1.5h-8.65c-.35 0-.65.2-.85.5l-4.35 7.5c-.2.3-.2.7 0 1l4.35 7.5c.15.3.5.5.85.5h8.7c.35 0 .65-.2.85-.5l4.35-7.5c.15-.3.15-.7-.05-1l-4.35-7.5c-.15-.3-.5-.5-.85-.5zm-6.8 4.15 7.5 4.35-7.5 4.35z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t-product/magenta-tv/selected.svg b/packages/components/src/telekom/icons/t-product/magenta-tv/selected.svg
deleted file mode 100644
index 386d8f6c32..0000000000
--- a/packages/components/src/telekom/icons/t-product/magenta-tv/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.825 10.75L18.5 3.25A2.5 2.5 0 0016.33 2H7.67A2.5 2.5 0 005.5 3.25l-4.33 7.5a2.5 2.5 0 000 2.5l4.33 7.5A2.5 2.5 0 007.67 22h8.66a2.5 2.5 0 002.17-1.25l4.33-7.5a2.5 2.5 0 00-.005-2.5zM9.5 16.33V7.67L17 12l-7.5 4.33z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/magentaone/default.svg b/packages/components/src/telekom/icons/t-product/magentaone/default.svg
deleted file mode 100644
index 39f62afd1d..0000000000
--- a/packages/components/src/telekom/icons/t-product/magentaone/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.65 16.55c-.3.3-.3.75 0 1.05s.75.3 1.05 0l2.05-2.05c.15-.15.2-.35.2-.55v-13.25c.05-.4-.3-.75-.7-.75h-6c-.25 0-.45.1-.6.3l-5.15 7.25c-.1.15-.15.35-.15.55.05.2.15.35.3.5l4 2.75c.15.1.4.15.6.1s.4-.15.5-.35l.75-1.2v11.3c0 .4.35.75.75.75h5c.4 0 .75-.35.75-.75v-3.05c0-.4-.35-.75-.75-.75s-.75.4-.75.8v2.3h-3.5v-12.95l.8-1.3a.8.8 0 0 0 -.25-1.05.8.8 0 0 0 -1.05.25l-2.65 4.2-2.75-1.9 4.5-6.3h4.9v12.25z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t-product/magentaone/selected.svg b/packages/components/src/telekom/icons/t-product/magentaone/selected.svg
deleted file mode 100644
index 23a80ad822..0000000000
--- a/packages/components/src/telekom/icons/t-product/magentaone/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12.315 15.1a1.255 1.255 0 00.885 2.135c.331-.001.65-.132.885-.365l2.05-2.05c.234-.235.365-.553.365-.885V1.75c0-.69-.56-1.25-1.25-1.25h-6a1.25 1.25 0 00-1 .5L3.07 8.265A1.25 1.25 0 003.375 10l4 2.77A1.24 1.24 0 009 12.625v9.625c0 .69.56 1.25 1.25 1.25h5c.69 0 1.25-.56 1.25-1.25v-3.04a1.25 1.25 0 10-2.5 0V21h-2.5V8.08c0-.04-.025-.08-.035-.125l-.04-.105a.775.775 0 00-.06-.11.695.695 0 00-.13-.195c-.03-.03-.05-.065-.08-.09l-.08-.07-.115-.085-.075-.035a1.05 1.05 0 00-.13-.065l-.11-.035-.145-.05h-.225a1.15 1.15 0 00-.13 0 .8.8 0 00-.115 0 .585.585 0 00-.1.03 1 1 0 00-.13.045.345.345 0 00-.095.05.855.855 0 00-.205.135l-.095.085a.5.5 0 00-.065.08.5.5 0 00-.09.115L7.735 10 5.84 8.695 9.915 3H14v10.415L12.315 15.1z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/measure-internet-speed/default.svg b/packages/components/src/telekom/icons/t-product/measure-internet-speed/default.svg
deleted file mode 100644
index 9e666668a0..0000000000
--- a/packages/components/src/telekom/icons/t-product/measure-internet-speed/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1c6.05 0 11 4.95 11 11 0 2.6-.95 5.1-2.6 7.1-.6.7-1.1 1.1-1.45 1.4H5c-.35-.3-.85-.7-1.45-1.45C1.9 17.05 1 14.6 1 12 1 5.95 5.95 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5 0 2.65 1.1 5.2 3.1 7h12.8c2-1.8 3.1-4.35 3.1-7 0-5.25-4.25-9.5-9.5-9.5zm6.45 7c.25-.15.55 0 .7.2l.03.081c.055.203-.005.488-.18.619l-4.5 3.7a2.487 2.487 0 01-2.5 2.4c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5c.4 0 .75.1 1.05.3zM12 4.5c2.6 0 4.9 1.35 6.25 3.4l-1.4.6C15.75 7 14 6 12 6c-3.3 0-6 2.7-6 6H4.5c0-4.15 3.35-7.5 7.5-7.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/measure-internet-speed/selected.svg b/packages/components/src/telekom/icons/t-product/measure-internet-speed/selected.svg
deleted file mode 100644
index 6f3a7b9d4c..0000000000
--- a/packages/components/src/telekom/icons/t-product/measure-internet-speed/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1.75a10.24 10.24 0 00-6.695 18h13.39A10.24 10.24 0 0012 1.75zM6 12H4.5a7.5 7.5 0 0113.8-4.055 2 2 0 00-.45.125l-1 .425A6 6 0 006 12zm13-1.605l-4.5 3.69a2.5 2.5 0 11-1.435-2.345l5.38-2.285a.555.555 0 01.555.94zm.5 1.535V12h-.09l.09-.07z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/seamless-connectivity/default.svg b/packages/components/src/telekom/icons/t-product/seamless-connectivity/default.svg
deleted file mode 100644
index 7e440c226d..0000000000
--- a/packages/components/src/telekom/icons/t-product/seamless-connectivity/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.45 5.1c-1.6-.65-3.3-.3-4.5.9l-10.95 10.95c-.9.9-2.1.9-2.85.55-.8-.3-1.65-1.1-1.65-2.4v-6.2c0-1.3.85-2.1 1.65-2.45.9-.4 2.05-.25 2.85.55l3.9 3.9 1.05-1.05-3.9-3.85c-1.2-1.2-2.95-1.55-4.5-.9s-2.55 2.1-2.55 3.8v6.15c0 1.7 1 3.15 2.55 3.8s3.3.3 4.5-.9l10.95-10.9c.9-.9 2.1-.9 2.85-.55.8.35 1.65 1.15 1.65 2.45v6.15c0 1.3-.85 2.1-1.65 2.45s-1.95.35-2.85-.55l-3.9-3.9-1.05 1.05 3.9 3.9c1.2 1.2 2.95 1.55 4.5.9s2.55-2.1 2.55-3.8v-6.25c0-1.7-1-3.15-2.55-3.8z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t-product/seamless-connectivity/selected.svg b/packages/components/src/telekom/icons/t-product/seamless-connectivity/selected.svg
deleted file mode 100644
index f8f12b6340..0000000000
--- a/packages/components/src/telekom/icons/t-product/seamless-connectivity/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21.005 5.102a4.195 4.195 0 00-4.651.922l-.927.926-8.64 8.64-.921.922a2.227 2.227 0 01-3.807-1.574V9.043a2.203 2.203 0 011.378-2.059c.277-.114.574-.173.873-.173.586 0 1.148.237 1.556.658l3.724 3.725 1.44-1.44-3.724-3.725a4.205 4.205 0 00-4.656-.922A4.196 4.196 0 000 9.043v5.914a4.21 4.21 0 002.635 3.945 4.214 4.214 0 004.656-.926l.922-.926 8.64-8.64.921-.922A2.227 2.227 0 0121.6 9.043v5.914a2.227 2.227 0 01-3.806 1.574l-3.725-3.725-1.44 1.44 3.73 3.73a4.214 4.214 0 002.99 1.262 4.32 4.32 0 001.66-.336 4.21 4.21 0 002.636-3.945V9.043a4.195 4.195 0 00-2.64-3.94z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/telekom-shop-b/default.svg b/packages/components/src/telekom/icons/t-product/telekom-shop-b/default.svg
deleted file mode 100644
index 64ee2b4982..0000000000
--- a/packages/components/src/telekom/icons/t-product/telekom-shop-b/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21 1.5V5h.75c.95 0 1.75.8 1.75 1.75V9H22v13.5H2V9H.5V6.75C.5 5.8 1.3 5 2.25 5H3V1.5h18zM20.5 9h-17v12h17V9zM15 11l.1 2.65-.4.05c-.05-.8-.25-1.35-.6-1.75-.4-.4-.85-.6-1.5-.6v5.55c0 .5.05.8.2.95.1.15.3.2.6.25h.45v.4h-3.7v-.35c.3 0 .5 0 .65-.05.3-.05.5-.25.55-.5.05-.15.05-.35.05-.65V11.4c-.6 0-1.1.2-1.45.6-.35.35-.55.95-.6 1.7l-.4-.05L9 11h6zm.1 3.45v1.5h-1.55v-1.5h1.55zm-4.65 0v1.5H8.9v-1.5h1.55zM19.5 3h-15v2h15V3z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/telekom-shop-b/selected.svg b/packages/components/src/telekom/icons/t-product/telekom-shop-b/selected.svg
deleted file mode 100644
index 6583ae0229..0000000000
--- a/packages/components/src/telekom/icons/t-product/telekom-shop-b/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M22.884 5.302h-.837V.558H1.953v4.744h-.837C.5 5.302 0 5.802 0 6.42v3.348h1.674v13.396h20.652V9.767H24V6.42c0-.617-.5-1.117-1.116-1.117zM3.628 2.232h16.744v3.07H3.628v-3.07zm10.437 18.42h-4.13v-.475c.244.008.49-.007.731-.045a.72.72 0 00.603-.558 2.79 2.79 0 00.067-.714v-6.18a2.182 2.182 0 00-1.641.715 3.349 3.349 0 00-.692 1.937l-.447-.072.084-2.959h6.698l.083 2.959-.446.072a3.349 3.349 0 00-.675-1.937 2.233 2.233 0 00-1.675-.692v6.151c-.047.369.038.743.24 1.055.192.162.435.251.687.251h.49l.023.491zM8.567 17.86v-1.73h1.714v1.73H8.567zm6.888 0H13.74v-1.73h1.714v1.73z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/usage/default.svg b/packages/components/src/telekom/icons/t-product/usage/default.svg
deleted file mode 100644
index 0288ba0008..0000000000
--- a/packages/components/src/telekom/icons/t-product/usage/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1c6.05 0 11 4.95 11 11s-4.95 11-11 11S1 18.05 1 12 5.95 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM6.45 6.45c.3-.3.75-.3 1.05 0l4.1 4.1c.15-.05.25-.05.4-.05.85 0 1.5.65 1.5 1.5s-.65 1.5-1.5 1.5-1.5-.65-1.5-1.5c0-.15 0-.25.05-.4l-4.1-4.1c-.3-.3-.3-.75 0-1.05zm-1.1 2.1l2.3 2.3c-.1.35-.15.75-.15 1.15h-3c0-1.25.3-2.45.85-3.45zM12 4.5c4.15 0 7.5 3.35 7.5 7.5h-3c0-2.5-2-4.5-4.5-4.5-.4 0-.8.05-1.15.15l-2.3-2.3c1-.55 2.2-.85 3.45-.85z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t-product/usage/selected.svg b/packages/components/src/telekom/icons/t-product/usage/selected.svg
deleted file mode 100644
index 0668a04dbf..0000000000
--- a/packages/components/src/telekom/icons/t-product/usage/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 1.75C6.34 1.75 1.75 6.34 1.75 12S6.34 22.25 12 22.25 22.25 17.66 22.25 12A10.25 10.25 0 0012 1.75zM7.5 12h-3c0-1.21.295-2.4.86-3.47l.05.06 2.245 2.25A4.67 4.67 0 007.5 12zm4.5 1.5a1.5 1.5 0 01-1.5-1.5c.003-.13.021-.26.055-.385L6.47 7.53a.75.75 0 011.06-1.06l4.085 4.085c.126-.034.255-.052.385-.055a1.5 1.5 0 010 3zm4.5-1.5A4.5 4.5 0 0012 7.5a4.67 4.67 0 00-1.16.155L8.59 5.41l-.06-.05A7.43 7.43 0 0112 4.5a7.5 7.5 0 017.5 7.5h-3z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/t_product/2fa-telekom-app/default.svg b/packages/components/src/telekom/icons/t_product/2fa-telekom-app/default.svg
new file mode 100644
index 0000000000..c3cb184591
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/2fa-telekom-app/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 18.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm3.115-11v2.556h-.447v-.075c0-1.146-.609-1.882-1.762-1.95l-.177-.005h-.075v5.414c0 .705.262 1.013.91 1.049l.134.003h.224v.527h-3.879v-.527h.224c.7 0 1.005-.264 1.04-.917l.004-.135V8.026h-.074c-1.208 0-1.874.682-1.935 1.786l-.004.17v.074H8.85V7.5h6.265zm0 3.342v1.67h-1.67v-1.67h1.67zm-4.594 0v1.67H8.85v-1.67h1.67zM17.5 20.5c0 .827-.674 1.5-1.5 1.5H8c-.827 0-1.5-.673-1.5-1.5v-17C6.5 2.673 7.172 2 8 2h2v1.5h4V2h2c.826 0 1.5.673 1.5 1.5v17zM16 .5H8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/2fa-telekom-app/selected.svg b/packages/components/src/telekom/icons/t_product/2fa-telekom-app/selected.svg
new file mode 100644
index 0000000000..6c2a457386
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/2fa-telekom-app/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.115 7.5v2.556h-.447v-.075c0-1.203-.671-1.955-1.94-1.955h-.074v5.414c0 .751.298 1.052 1.044 1.052h.224v.527h-3.879v-.527h.224c.746 0 1.044-.3 1.044-1.052V8.026h-.074c-1.268 0-1.94.752-1.94 1.955v.075H8.85V7.5h6.265zm0 3.342v1.67h-1.67v-1.67h1.67zm-4.594 0v1.67H8.85v-1.67h1.67zM12.002 21a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-2-17.5h4V2h-4v1.5zm6-3h-8a3 3 0 00-3 3v17a3 3 0 003 3h8a3 3 0 003-3v-17a3 3 0 00-3-3z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/magenta-cloud/default.svg b/packages/components/src/telekom/icons/t_product/magenta-cloud/default.svg
new file mode 100644
index 0000000000..f42828603d
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/magenta-cloud/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M20.7 8.75c-.45-1.3-1.25-2.4-2.25-3.25-1.35-1.15-3.05-1.8-4.95-1.8-1.75 0-3.45.6-4.8 1.7-.35-.1-.75-.15-1.1-.15-2.4 0-4.4 1.8-4.65 4.15-1.65.9-2.7 2.6-2.7 4.5 0 1.7.8 3.15 2.05 4.1 1 .75 2.2 1.1 3.35 1 1.6 1.3 3.6 2 5.65 2 1.9 0 3.65-.55 5.2-1.65.5.15 1 .2 1.5.2 3.15 0 5.75-2.6 5.75-5.75 0-2.1-1.2-4.1-3.05-5.05zm-2.7 9.3c-.9 0-1.55-.3-1.8-.4-.3.2-1.3 1.25-3.45 1.7V15h3.3L12 10l-4.05 5h3.3v4.5c-.85 0-1.65-.15-2.45-.45a7.49 7.49 0 01-2.65-1.65c-.6.05-1.95.3-3.25-.9-.7-.65-1.2-1.6-1.2-2.65 0-2.75 2.6-3.5 2.65-3.55.05-.2-.2-1.65 1.1-2.8C6.4 6.7 7.7 6.45 9 7c1.55-1.55 3.35-1.9 4.45-1.9 1.5 0 2.85.5 3.95 1.4 1.5 1.25 1.9 2.85 2 3.2 0 0 2.8 1 2.8 4 .05 2.45-1.85 4.35-4.2 4.35z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/magenta-cloud/selected.svg b/packages/components/src/telekom/icons/t_product/magenta-cloud/selected.svg
new file mode 100644
index 0000000000..a64dbb05f9
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/magenta-cloud/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 3.7c1.9 0 3.6.65 4.95 1.8 1 .85 1.8 1.95 2.25 3.25 1.85.95 3.05 2.95 3.05 5.05 0 3.15-2.6 5.75-5.75 5.75-.5 0-1-.05-1.5-.2a8.77 8.77 0 01-3.75 1.538V15h3.3L12 10l-4.05 5h3.3v6a8.962 8.962 0 01-5.6-2c-1.15.1-2.35-.25-3.35-1-1.25-.95-2.05-2.4-2.05-4.1 0-1.9 1.05-3.6 2.7-4.5C3.2 7.05 5.2 5.25 7.6 5.25c.35 0 .75.05 1.1.15 1.35-1.1 3.05-1.7 4.8-1.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/magenta-tv/default.svg b/packages/components/src/telekom/icons/t_product/magenta-tv/default.svg
new file mode 100644
index 0000000000..02a9d238d6
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/magenta-tv/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.35 2c.793 0 1.587.436 2.055 1.103l.095.147 4.35 7.5c.371.696.398 1.608.04 2.336l-.09.164-4.35 7.5c-.42.7-1.145 1.182-1.971 1.243L16.3 22H7.65c-.84 0-1.593-.436-2.055-1.103L5.5 20.75l-4.35-7.5a2.49 2.49 0 01-.09-2.336l.09-.164 4.35-7.5c.42-.7 1.145-1.182 1.971-1.243L7.65 2h8.7zm-.05 1.5H7.65c-.306 0-.574.153-.77.392L6.8 4l-4.35 7.5a.91.91 0 00-.06.897L6.8 20c.133.267.425.454.734.493l.116.007h8.7c.306 0 .574-.153.77-.392L17.2 20l4.35-7.5c.131-.262.148-.602.016-.883L21.5 11.5 17.15 4c-.133-.267-.425-.454-.734-.493L16.3 3.5zM9.5 7.65L17 12l-7.5 4.35v-8.7z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/magenta-tv/selected.svg b/packages/components/src/telekom/icons/t_product/magenta-tv/selected.svg
new file mode 100644
index 0000000000..3822f3a3d7
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/magenta-tv/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.825 10.75L18.5 3.25A2.5 2.5 0 0016.33 2H7.67A2.5 2.5 0 005.5 3.25l-4.33 7.5a2.5 2.5 0 000 2.5l4.33 7.5A2.5 2.5 0 007.67 22h8.66a2.5 2.5 0 002.17-1.25l4.33-7.5a2.5 2.5 0 00-.005-2.5zM9.5 16.33V7.67L17 12l-7.5 4.33z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/magentaone/default.svg b/packages/components/src/telekom/icons/t_product/magentaone/default.svg
new file mode 100644
index 0000000000..fe12ec9d24
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/magentaone/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.65 16.55c-.3.3-.3.75 0 1.05.3.3.75.3 1.05 0l2.05-2.05c.15-.15.2-.35.2-.55V1.75c.05-.4-.3-.75-.7-.75h-6c-.25 0-.45.1-.6.3L3.5 8.55c-.1.15-.15.35-.15.55.05.2.15.35.3.5l4 2.75c.15.1.4.15.6.1.2-.05.4-.15.5-.35l.75-1.2v11.3c0 .4.35.75.75.75h5c.4 0 .75-.35.75-.75v-3.05c0-.4-.35-.75-.75-.75s-.75.4-.75.8v2.3H11V8.55l.8-1.3a.8.8 0 00-.25-1.05.8.8 0 00-1.05.25l-2.65 4.2-2.75-1.9 4.5-6.3h4.9V14.7l-1.85 1.85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/magentaone/selected.svg b/packages/components/src/telekom/icons/t_product/magentaone/selected.svg
new file mode 100644
index 0000000000..42db45ecf9
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/magentaone/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.315 15.1a1.255 1.255 0 00.885 2.135c.331-.001.65-.132.885-.365l2.05-2.05c.234-.235.365-.553.365-.885V1.75c0-.69-.56-1.25-1.25-1.25h-6a1.25 1.25 0 00-1 .5L3.07 8.265A1.25 1.25 0 003.375 10l4 2.77A1.24 1.24 0 009 12.625v9.625c0 .69.56 1.25 1.25 1.25h5c.69 0 1.25-.56 1.25-1.25v-3.04a1.25 1.25 0 10-2.5 0V21h-2.5V8.325 8.08c0-.04-.025-.08-.035-.125l-.04-.105a.775.775 0 00-.06-.11.695.695 0 00-.13-.195c-.03-.03-.05-.065-.08-.09l-.08-.07-.115-.085-.075-.035a1.05 1.05 0 00-.13-.065l-.11-.035-.145-.05h-.225a1.15 1.15 0 00-.13 0 .8.8 0 00-.115 0 .585.585 0 00-.1.03 1 1 0 00-.13.045.345.345 0 00-.095.05.855.855 0 00-.205.135l-.095.085a.5.5 0 00-.065.08.5.5 0 00-.09.115L7.735 10 5.84 8.695 9.915 3H14v10.415L12.315 15.1z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/measure-internet-speed/default.svg b/packages/components/src/telekom/icons/t_product/measure-internet-speed/default.svg
new file mode 100644
index 0000000000..3f80eae6ef
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/measure-internet-speed/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.5c6.05 0 11 4.95 11 11 0 2.6-.95 5.1-2.6 7.1-.3.35-.575.625-.819.85l-.277.248-.354.302H5l-.319-.273-.247-.222a8.717 8.717 0 01-.884-.955C1.9 18.55 1 16.1 1 13.5c0-6.05 4.95-11 11-11zM12 4c-5.25 0-9.5 4.25-9.5 9.5a9.404 9.404 0 002.864 6.78l.236.22h12.8c2-1.8 3.1-4.35 3.1-7C21.5 8.25 17.25 4 12 4zm6.45 7c.222-.133.484-.03.645.136l.055.064.03.081a.654.654 0 01-.112.554L19 11.9l-4.5 3.7A2.487 2.487 0 0112 18c-1.4 0-2.5-1.1-2.5-2.5S10.6 13 12 13c.333 0 .632.07.896.208l.154.092 5.4-2.3zM12 6c2.507 0 4.735 1.255 6.102 3.183l.148.217-1.4.6C15.75 8.5 14 7.5 12 7.5c-3.225 0-5.877 2.579-5.996 5.776L6 13.5H4.5C4.5 9.35 7.85 6 12 6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/measure-internet-speed/selected.svg b/packages/components/src/telekom/icons/t_product/measure-internet-speed/selected.svg
new file mode 100644
index 0000000000..745a8ae8fe
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/measure-internet-speed/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.5c6.05 0 11 4.95 11 11 0 2.6-.95 5.1-2.6 7.1-.3.35-.575.625-.819.85l-.277.248-.354.302H5l-.319-.273-.247-.222a8.717 8.717 0 01-.884-.955C1.9 18.55 1 16.1 1 13.5c0-6.05 4.95-11 11-11zm6.45 8.5c.222-.133.484-.03.645.136l.055.064.03.081a.654.654 0 01-.112.554L19 11.9l-4.5 3.7A2.487 2.487 0 0112 18c-1.4 0-2.5-1.1-2.5-2.5S10.6 13 12 13c.333 0 .632.07.896.208l.154.092 5.4-2.3zM12 6c2.507 0 4.735 1.255 6.102 3.183l.148.217-1.4.6C15.75 8.5 14 7.5 12 7.5c-3.225 0-5.877 2.579-5.996 5.776L6 13.5H4.5C4.5 9.35 7.85 6 12 6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/seamless-connectivity/default.svg b/packages/components/src/telekom/icons/t_product/seamless-connectivity/default.svg
new file mode 100644
index 0000000000..0718f59e04
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/seamless-connectivity/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.45 5.1c-1.6-.65-3.3-.3-4.5.9L6 16.95c-.9.9-2.1.9-2.85.55-.8-.3-1.65-1.1-1.65-2.4V8.9c0-1.3.85-2.1 1.65-2.45.9-.4 2.05-.25 2.85.55l3.9 3.9 1.05-1.05L7.05 6c-1.2-1.2-2.95-1.55-4.5-.9C1 5.75 0 7.2 0 8.9v6.15c0 1.7 1 3.15 2.55 3.8 1.55.65 3.3.3 4.5-.9L18 7.05c.9-.9 2.1-.9 2.85-.55.8.35 1.65 1.15 1.65 2.45v6.15c0 1.3-.85 2.1-1.65 2.45-.8.35-1.95.35-2.85-.55l-3.9-3.9-1.05 1.05 3.9 3.9c1.2 1.2 2.95 1.55 4.5.9C23 18.3 24 16.85 24 15.15V8.9c0-1.7-1-3.15-2.55-3.8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/seamless-connectivity/selected.svg b/packages/components/src/telekom/icons/t_product/seamless-connectivity/selected.svg
new file mode 100644
index 0000000000..fcf84ca8d9
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/seamless-connectivity/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.005 5.102a4.195 4.195 0 00-4.651.922l-.927.926-8.64 8.64-.921.922a2.227 2.227 0 01-3.807-1.574V9.043a2.203 2.203 0 011.378-2.059c.277-.114.574-.173.873-.173.586 0 1.148.237 1.556.658l3.724 3.725 1.44-1.44-3.724-3.725a4.205 4.205 0 00-4.656-.922A4.196 4.196 0 000 9.043v5.914a4.21 4.21 0 002.635 3.945 4.214 4.214 0 004.656-.926l.922-.926 8.64-8.64.921-.922A2.227 2.227 0 0121.6 9.043v5.914a2.227 2.227 0 01-3.806 1.574l-3.725-3.725-1.44 1.44 3.73 3.73a4.214 4.214 0 002.99 1.262 4.32 4.32 0 001.66-.336 4.21 4.21 0 002.636-3.945V9.043a4.195 4.195 0 00-2.64-3.94z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/telekom-1t1/default.svg b/packages/components/src/telekom/icons/t_product/telekom-1t1/default.svg
new file mode 100644
index 0000000000..1924d2ac04
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/telekom-1t1/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.567 6.5v3.74h-.655v-.11c0-1.76-.982-2.86-2.837-2.86h-.11v7.92c0 1.1.437 1.54 1.528 1.54h.328v.77H9.146v-.77h.327c1.092 0 1.528-.44 1.528-1.54V7.27h-.109c-1.855 0-2.837 1.1-2.837 2.86v.11H7.4V6.5h9.167zm0 4.889v2.444h-2.445V11.39h2.445zm-6.723 0v2.444H7.4V11.39h2.444zM2 2v17a3 3 0 003 3h14a3 3 0 003-3V2H2zm18.5 17c0 .827-.673 1.5-1.5 1.5H5c-.827 0-1.5-.673-1.5-1.5V3.5h17V19z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/telekom-1t1/selected.svg b/packages/components/src/telekom/icons/t_product/telekom-1t1/selected.svg
new file mode 100644
index 0000000000..9e728d5d61
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/telekom-1t1/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.002 2v17a3 3 0 01-2.824 2.995L19 22h-14a3 3 0 01-2.994-2.824L2 19V2h20zm-5.435 4.5H7.4v3.74h.655v-.11c0-1.76.982-2.86 2.837-2.86h.11v7.92c0 1.1-.437 1.54-1.529 1.54h-.327v.77h5.675v-.77h-.328c-1.091 0-1.528-.44-1.528-1.54V7.27h.11c1.855 0 2.837 1.1 2.837 2.86v.11h.655V6.5zm0 4.889h-2.445v2.444h2.445V11.39zm-6.723 0H7.4v2.444h2.444V11.39z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/telekom-plan/default.svg b/packages/components/src/telekom/icons/t_product/telekom-plan/default.svg
new file mode 100644
index 0000000000..8eb008386e
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/telekom-plan/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 19.5h7a.75.75 0 000-1.5h-7a.75.75 0 000 1.5zm7-4.5a.75.75 0 010 1.5h-7a.75.75 0 010-1.5zm-.385-9.5v2.556h-.447v-.075c0-1.146-.609-1.882-1.762-1.95l-.177-.005h-.075v5.414c0 .705.262 1.013.91 1.049l.134.003h.224v.527h-3.879v-.527h.224c.7 0 1.005-.264 1.04-.917l.004-.135V6.026h-.074c-1.208 0-1.874.682-1.935 1.786l-.004.17v.074H8.85V5.5h6.265zm0 3.342v1.67h-1.67v-1.67h1.67zm-4.594 0v1.67H8.85v-1.67h1.67zM19 20.5c0 .827-.673 1.5-1.5 1.5h-11c-.828 0-1.5-.673-1.5-1.5V2h14v18.5zM3.5.5v20a3 3 0 003 3h11a3 3 0 003-3V.5h-17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/telekom-plan/selected.svg b/packages/components/src/telekom/icons/t_product/telekom-plan/selected.svg
new file mode 100644
index 0000000000..fe8ddb310b
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/telekom-plan/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 16.5h-7a.75.75 0 010-1.5h7a.75.75 0 110 1.5zm0 1.5a.75.75 0 110 1.5h-7a.75.75 0 010-1.5h7zm-.385-12.5v2.556h-.447v-.075c0-1.146-.609-1.882-1.762-1.95l-.177-.005h-.075v5.414c0 .705.262 1.013.91 1.049l.134.003h.224v.527h-3.879v-.527h.224c.7 0 1.005-.264 1.04-.917l.004-.135V6.026h-.074c-1.208 0-1.874.682-1.935 1.786l-.004.17v.074H8.85V5.5h6.265zm0 3.342v1.67h-1.67v-1.67h1.67zm-4.594 0v1.67H8.85v-1.67h1.67zM3.5.5v20a3 3 0 003 3h11a3 3 0 003-3V.5h-17z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/telekom-shop-b/default.svg b/packages/components/src/telekom/icons/t_product/telekom-shop-b/default.svg
new file mode 100644
index 0000000000..e9c3ef59de
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/telekom-shop-b/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1.5V5h.75c.902 0 1.67.722 1.744 1.609l.006.141V9H22v13.5H2V9H.5V6.75c0-.903.722-1.67 1.609-1.744L2.25 5H3V1.5h18zM20.5 9h-17v12h17V9zm-5.38 2v2.55h-.446v-.075c0-1.2-.67-1.95-1.935-1.95h-.074v5.4c0 .75.297 1.05 1.041 1.05h.224v.525h-3.87v-.525h.224c.744 0 1.041-.3 1.041-1.05v-5.4h-.074c-1.265 0-1.935.75-1.935 1.95v.075H8.87V11h6.25zm0 3.333V16h-1.667v-1.667h1.667zm-4.583 0V16H8.87v-1.667h1.667zM19.5 3v2h-15V3h15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/telekom-shop-b/selected.svg b/packages/components/src/telekom/icons/t_product/telekom-shop-b/selected.svg
new file mode 100644
index 0000000000..60d902b980
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/telekom-shop-b/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1.5V5h.75c.902 0 1.67.722 1.744 1.609l.006.141V9H22v13.5H2V9H.5V6.75c0-.903.722-1.67 1.609-1.744L2.25 5H3V1.5h18zM15.12 11v2.55h-.446v-.075c0-1.2-.67-1.95-1.935-1.95h-.074v5.4c0 .75.297 1.05 1.041 1.05h.224v.525h-3.87v-.525h.224c.744 0 1.041-.3 1.041-1.05v-5.4h-.074c-1.265 0-1.935.75-1.935 1.95v.075H8.87V11h6.25zm0 3.333V16h-1.667v-1.667h1.667zm-4.583 0V16H8.87v-1.667h1.667zM19.5 3v2h-15V3h15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/usage/default.svg b/packages/components/src/telekom/icons/t_product/usage/default.svg
new file mode 100644
index 0000000000..1b69f64d00
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/usage/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.05 0 11 4.95 11 11s-4.95 11-11 11S1 18.05 1 12 5.95 1 12 1zm0 1.5c-5.25 0-9.5 4.25-9.5 9.5s4.25 9.5 9.5 9.5 9.5-4.25 9.5-9.5-4.25-9.5-9.5-9.5zM6.45 6.45a.722.722 0 01.965-.074l.085.074 4.1 4.1c.15-.05.25-.05.4-.05.85 0 1.5.65 1.5 1.5s-.65 1.5-1.5 1.5-1.5-.65-1.5-1.5c0-.113 0-.197.021-.295l.029-.105-4.1-4.1c-.3-.3-.3-.75 0-1.05zm-1.1 2.1l2.3 2.3c-.08.28-.128.592-.144.91L7.5 12h-3c0-1.136.248-2.231.706-3.172l.144-.278zM12 4.5a7.49 7.49 0 017.496 7.257L19.5 12h-3c0-2.5-2-4.5-4.5-4.5-.32 0-.64.032-.934.096l-.216.054-2.3-2.3c1-.55 2.2-.85 3.45-.85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/usage/selected.svg b/packages/components/src/telekom/icons/t_product/usage/selected.svg
new file mode 100644
index 0000000000..3e3e7ffe1a
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/usage/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.05 0 11 4.95 11 11s-4.95 11-11 11S1 18.05 1 12 5.95 1 12 1zM6.45 6.45a.722.722 0 01.965-.074l.085.074 4.1 4.1c.15-.05.25-.05.4-.05.85 0 1.5.65 1.5 1.5s-.65 1.5-1.5 1.5-1.5-.65-1.5-1.5c0-.113 0-.197.021-.295l.029-.105-4.1-4.1c-.3-.3-.3-.75 0-1.05zm-1.1 2.1l2.3 2.3c-.08.28-.128.592-.144.91L7.5 12h-3c0-1.136.248-2.231.706-3.172l.144-.278zM12 4.5a7.49 7.49 0 017.496 7.257L19.5 12h-3c0-2.5-2-4.5-4.5-4.5-.32 0-.64.032-.934.096l-.216.054-2.3-2.3c1-.55 2.2-.85 3.45-.85z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/voice/default.svg b/packages/components/src/telekom/icons/t_product/voice/default.svg
new file mode 100644
index 0000000000..bc34973dab
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/voice/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.8 2.7c-1.55 0-2.9.5-4 1.5-2.1 1.9-2.2 5.35-.45 8.3v-.3c0-.6.1-1.2.25-1.8.65-2.4 2.5-4.65 5.05-6.1.7-.4 1.45-.7 2.15-.95l-.3-.1c-.5-.2-1.05-.35-1.6-.45l-.35-.05c-.25 0-.5-.05-.75-.05m2.15 5.9c1.9 0 3.4 1.55 3.4 3.4 0 1.85-1.55 3.4-3.4 3.4-1.9 0-3.4-1.55-3.4-3.4 0-1.85 1.5-3.4 3.4-3.4m4.15-4.25c-1.5 0-3.15.45-4.7 1.3C9.25 6.9 7.6 8.8 7.05 10.8c-.35 1.3-.25 2.55.35 3.55 1.55 2.7 5.85 3.2 9.55 1.1 3.7-2.05 5.5-6 3.95-8.75-.9-1.55-2.7-2.35-4.8-2.35m-12.35 8.4c-.15.3-.25.6-.35.95-.45 1.5-.35 2.95.25 4 .6 1.1 1.7 1.85 3.05 2.25 1.8.45 3.8.1 5.45-.95.4-.25.8-.55 1.15-.8-.35.05-.7.05-1 .05-1.35 0-2.65-.3-3.75-.85-1.2-.5-2.3-1.3-3.25-2.4-.6-.7-1.1-1.45-1.55-2.25M20 15.1l-.3.25c-.6.5-1.25 1-2 1.4-.55.3-1.05.55-1.6.75-.8 1-1.85 1.95-3.15 2.75-.3.2-.65.35-1 .5 1.7.6 3.4.65 4.7.1C18.8 20 19.95 17.9 20 15.1M4.8 3.1C6.35 1.65 8.5 1 10.75 1.25c1.5.15 2.95.75 4.2 1.65 3.1-.35 5.95.75 7.3 3.1 1.25 2.25.8 5.1-.85 7.5.55 4.15-.95 7.45-4.15 8.8-.8.35-1.7.5-2.65.5-1.25 0-2.6-.3-3.9-.85-.3-.15-.6-.3-.85-.45-.5.1-1 .15-1.5.15-.65 0-1.35-.1-1.95-.25-1.8-.45-3.2-1.5-4-2.95-.85-1.45-.95-3.3-.4-5.2.25-.85.6-1.6 1.05-2.35C2.2 8 2.75 5 4.8 3.1" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/t_product/voice/selected.svg b/packages/components/src/telekom/icons/t_product/voice/selected.svg
new file mode 100644
index 0000000000..c1f8119a04
--- /dev/null
+++ b/packages/components/src/telekom/icons/t_product/voice/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.15 15.6c0 3.25-1.35 5.6-3.8 6.65-1.5.65-3.5.55-5.4-.1.4-.2.8-.35 1.15-.6 1.5-.9 2.7-2 3.6-3.15.65-.25 1.25-.55 1.85-.9.95-.55 1.85-1.2 2.6-1.9zM2.7 13c.45.9 1.05 1.8 1.75 2.6 1.05 1.25 2.3 2.1 3.6 2.7 1.25.6 2.8 1.05 4.4 1.05.4 0 .75-.05 1.15-.1-.4.35-.85.65-1.3.95-1.9 1.2-4.15 1.6-6.2 1.05-1.55-.4-2.8-1.3-3.5-2.55-.85-1.55-.8-3.7.1-5.7zm14-9.7c2.4 0 4.5.95 5.55 2.75 1.714 3.086-.218 7.419-4.293 9.85l-.257.15C13.45 18.5 8.55 17.9 6.75 14.8c-.65-1.2-.8-2.6-.4-4.1.65-2.3 2.5-4.55 4.95-5.9 1.8-1 3.65-1.5 5.4-1.5zm-4.75 5.3c-1.85 0-3.4 1.55-3.4 3.4 0 1.85 1.5 3.4 3.4 3.4 1.85 0 3.4-1.55 3.4-3.4 0-1.85-1.5-3.4-3.4-3.4zM4.8 3.15c2.1-1.9 5.2-2.2 8-.95-.85.3-1.65.65-2.45 1.1-2.9 1.65-5 4.2-5.75 6.95-.2.8-.3 1.6-.3 2.45-2-3.45-1.9-7.35.5-9.55z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/analytics/default.svg b/packages/components/src/telekom/icons/user-file/analytics/default.svg
deleted file mode 100644
index 4749f13a97..0000000000
--- a/packages/components/src/telekom/icons/user-file/analytics/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.5 1v17l-5 5h-10c-1.65 0-3-1.35-3-3v-19zm-1.5 1.5h-15v17.5c0 .85.65 1.5 1.5 1.5h9v-3c0-.85.65-1.5 1.5-1.5h3zm-2.85 4.75c.25-.3.75-.3 1.05-.05s.3.75.05 1.05l-4.45 5.05-3-2.5-2.95 3.45c-.15.15-.35.25-.55.25-.15 0-.35-.05-.45-.2-.35-.25-.35-.75-.1-1.05l3.95-4.55 3 2.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/analytics/selected.svg b/packages/components/src/telekom/icons/user-file/analytics/selected.svg
deleted file mode 100644
index a65b06362e..0000000000
--- a/packages/components/src/telekom/icons/user-file/analytics/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.5-1.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.5 2.5v4H6a3 3 0 01-3-3V1h18zm-3.654 6.01a.754.754 0 00-.716.24l-3.465 3.95-3-2.5-3.935 4.56a.75.75 0 00.57 1.24.76.76 0 00.565-.265l2.965-3.44 3 2.5 4.435-5.05a.753.753 0 00-.42-1.234z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/attachment/default.svg b/packages/components/src/telekom/icons/user-file/attachment/default.svg
deleted file mode 100644
index 1ae2ca5a8c..0000000000
--- a/packages/components/src/telekom/icons/user-file/attachment/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 22.75c-1.55 0-3.05-.6-4.25-1.75a6.005 6.005 0 0 1 0-8.5l11.5-11.5c.3-.3.75-.3 1.05 0s.3.75 0 1.05l-11.5 11.5a4.496 4.496 0 0 0 0 6.35 4.496 4.496 0 0 0 6.35 0l10.8-10.8c1.05-1.05 1.05-2.8 0-3.9-.5-.5-1.2-.8-1.95-.8s-1.4.3-1.95.8l-10.8 10.85c-.15.2-.25.45-.25.7s.1.5.3.7c.4.4 1.05.4 1.4 0l7.95-7.95c.3-.3.75-.3 1.05 0s.3.75 0 1.05l-7.95 8c-.45.45-1.1.75-1.75.75s-1.3-.25-1.75-.75c-.5-.5-.75-1.1-.75-1.8s.25-1.25.7-1.75l10.8-10.8a4.255 4.255 0 0 1 6 0 4.255 4.255 0 0 1 0 6l-10.8 10.8c-1.15 1.2-2.7 1.75-4.2 1.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/attachment/selected.svg b/packages/components/src/telekom/icons/user-file/attachment/selected.svg
deleted file mode 100644
index 3558d29552..0000000000
--- a/packages/components/src/telekom/icons/user-file/attachment/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M7 23a6.24 6.24 0 01-4.435-10.64l11.5-11.5a1 1 0 011.4 1.4l-11.5 11.5A4.264 4.264 0 0010 19.785L20.77 9a2.507 2.507 0 10-3.545-3.545L6.44 16.235A.76.76 0 107.5 17.31l7.97-7.955a1 1 0 111.4 1.4L8.915 18.71a2.74 2.74 0 11-3.875-3.875L15.82 4.05a4.5 4.5 0 116.355 6.355L11.39 21.185A6.2 6.2 0 017 23z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/audio-file/default.svg b/packages/components/src/telekom/icons/user-file/audio-file/default.svg
deleted file mode 100644
index eeb12a06d6..0000000000
--- a/packages/components/src/telekom/icons/user-file/audio-file/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.5 1v17l-5 5h-10c-1.65 0-3-1.35-3-3v-19zm-1.5 1.5h-15v17.5c0 .85.65 1.5 1.5 1.5h9v-3c0-.85.65-1.5 1.5-1.5h3zm-8 2.65 4 2.45v1.75l-2.5-.6v4.9c0 2.1-1.6 2.4-2.45 2.35-1.35-.1-2.4-1.05-2.4-2.15s1.1-1.95 2.45-1.85c.3 0 .6.1.9.2z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/audio-file/selected.svg b/packages/components/src/telekom/icons/user-file/audio-file/selected.svg
deleted file mode 100644
index 1d11b45126..0000000000
--- a/packages/components/src/telekom/icons/user-file/audio-file/selected.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 17.5-5.5 5.5v-4a1.5 1.5 0 0 1 1.5-1.5zm0-16.5v15.5h-4a2.5 2.5 0 0 0 -2.5 2.5v4h-8.5a3 3 0 0 1 -3-3v-19zm-9.5 4.225v7a3 3 0 0 0 -.91-.205c-1.345-.09-2.45.73-2.465 1.83s1.065 2.04 2.41 2.15c.87.07 2.465-.25 2.465-2.345v-4.865l2.375.565v-1.775z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/billing/default.svg b/packages/components/src/telekom/icons/user-file/billing/default.svg
deleted file mode 100644
index 0899995a7f..0000000000
--- a/packages/components/src/telekom/icons/user-file/billing/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19 4.05l2.8.25-1.55 16.95a2.98 2.98 0 01-3.25 2.7L7 23c-1.05-.05-1.9-.65-2.35-1.5H7c.05.05.1.05.15.05l9.95.9c.85.1 1.6-.55 1.65-1.35l1.4-15.45-1.15-.1v-1.5zM17.5 0v17c0 1.65-1.35 3-3 3h-10c-1.65 0-3-1.35-3-3V5l5-5h11zM16 1.5H7.5v3C7.5 5.35 6.85 6 6 6H3v11c0 .85.65 1.5 1.5 1.5h10c.85 0 1.5-.65 1.5-1.5V1.5zM8.6 7.9c1-.75 2.6-.75 3.7-.3l-.4 1.1c-.6-.25-1.75-.35-2.45.15-.3.25-.55.6-.7 1.1h2.85l-.3 1H8.55v.65h2.5l-.3 1H8.7c.15.5.4.85.7 1.1.6.45 1.75.55 2.7 0l.3 1.1c-.85.6-2.8.65-3.95-.2-.55-.45-.9-1.1-1.1-2.05h-1l.35-1h.55v-.65h-.9l.35-1h.7c.2-.8.55-1.5 1.2-2z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/billing/selected.svg b/packages/components/src/telekom/icons/user-file/billing/selected.svg
deleted file mode 100644
index 2e47394a59..0000000000
--- a/packages/components/src/telekom/icons/user-file/billing/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M19.25 4.03v1.5l1.145.105-1.4 15.435a1.5 1.5 0 01-1.5 1.365h-.14L7.4 21.53l-.15-.03H4.92A3 3 0 007.265 23l9.985.925c.092.005.183.005.275 0a3 3 0 003-2.73L22.02 4.28l-2.77-.25zM7.25 4V0l-5.5 5.5h4A1.5 1.5 0 007.25 4zm10.5 13V0h-9.5v4a2.5 2.5 0 01-2.5 2.5h-4V17a3 3 0 003 3h10a3 3 0 003-3zm-5.535-2.135c-.162.064-.33.114-.5.15-.17.035-.34.06-.5.08-.16.02-.345 0-.5 0A3.235 3.235 0 018.68 14.5a3.3 3.3 0 01-1.115-2.045h-1l.355-1h.535v-.64h-.9l.355-1h.68c.096-.43.265-.842.5-1.215a2.92 2.92 0 01.73-.805 2.71 2.71 0 01.915-.455 3.775 3.775 0 011.015-.205 5.14 5.14 0 011.74.29l-.385 1.115a2.625 2.625 0 00-.555-.15 5.44 5.44 0 00-.75-.045c-.4-.011-.794.104-1.125.33a2.05 2.05 0 00-.715 1.08h2.84l-.285 1h-2.72a1.03 1.03 0 000 .17v.47h2.5l-.285 1H8.96c.109.433.352.82.695 1.105a2 2 0 001.265.375c.268.005.536-.03.795-.1.21-.06.41-.143.6-.25l.295 1.09c-.12.1-.253.185-.395.25z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/bussines-users/default.svg b/packages/components/src/telekom/icons/user-file/bussines-users/default.svg
deleted file mode 100644
index bc71ae03e5..0000000000
--- a/packages/components/src/telekom/icons/user-file/bussines-users/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M11.285 15.695a.885.885 0 011.43 0l.975 1.345c-.28.39-.61.655-.965.81l.545 1.81 2.875-4.16h1.215c2.33 0 4.3 1.67 4.685 3.97l.17 1.03H1.78l.175-1.03A4.738 4.738 0 016.64 15.5h1.215l2.875 4.16.545-1.81c-.355-.155-.685-.425-.965-.81zM12 1c3.475 0 6 2.525 6 6 0 3.38-2.41 7-6 7s-6-3.62-6-7c0-3.475 2.525-6 6-6zm0 1.5C9.395 2.5 7.5 4.395 7.5 7c0 2.655 1.81 5.5 4.5 5.5s4.5-2.845 4.5-5.5c0-2.605-1.895-4.5-4.5-4.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/bussines-users/selected.svg b/packages/components/src/telekom/icons/user-file/bussines-users/selected.svg
deleted file mode 100644
index c043864d48..0000000000
--- a/packages/components/src/telekom/icons/user-file/bussines-users/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12 15.333a.88.88 0 01.715.367l.975 1.34a2.355 2.355 0 01-.965.81l.545 1.81 2.875-4.16h1.215a4.73 4.73 0 014.685 3.97l.175 1.03H1.78l.175-1.03A4.73 4.73 0 016.64 15.5h1.215l2.875 4.16.545-1.81a2.355 2.355 0 01-.965-.81l.975-1.34a.88.88 0 01.715-.367zM12 1.75A5.08 5.08 0 0117.25 7c0 3.175-2.21 6.25-5.25 6.25S6.75 10.175 6.75 7A5.08 5.08 0 0112 1.75z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/communities/default.svg b/packages/components/src/telekom/icons/user-file/communities/default.svg
deleted file mode 100644
index ffc54ff838..0000000000
--- a/packages/components/src/telekom/icons/user-file/communities/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.7 14.6c1.75 0 3.2 1.25 3.5 2.95l.25 1.45h-14.85l.25-1.4c.25-1.7 1.7-2.95 3.45-2.95h1.35l2.35 2.35 2.35-2.4zm4.65-.05c1.45 0 2.7 1.05 2.95 2.45l.4 2h-1.55l-.35-1.75c-.1-.7-.75-1.2-1.45-1.2h-.05c-.25-.55-.6-1.05-1.05-1.5zm-15.55 0c-.45.45-.8.95-1.1 1.5h-.05c-.7 0-1.3.5-1.45 1.2l-.35 1.75h-1.55l.4-2c.25-1.45 1.5-2.45 2.95-2.45zm7.2-10.3c2.5 0 4.4 1.9 4.4 4.4 0 2.45-1.8 5.05-4.4 5.05s-4.4-2.65-4.4-5.05c0-2.5 1.9-4.4 4.4-4.4zm-5.6 1.1c.2 0 .45 0 .65.05-.25.45-.5.95-.65 1.45-1.35 0-2.3.95-2.3 2.3s.95 2.85 2.3 2.85c.15 0 .35-.05.5-.1.25.45.5.85.85 1.25-.4.2-.85.3-1.35.3-2.1 0-3.8-1.95-3.8-4.3 0-2.15 1.65-3.8 3.8-3.8zm11.2-.1c2.15 0 3.8 1.65 3.8 3.8 0 2.4-1.7 4.35-3.8 4.35-.45 0-.9-.1-1.35-.3.35-.35.6-.8.85-1.25.15.05.3.1.5.1 1.4 0 2.3-1.45 2.3-2.85 0-1.35-.95-2.3-2.3-2.35-.15-.55-.35-1-.65-1.45.2-.05.4-.05.65-.05zm-5.6.5c-1.7 0-2.9 1.15-2.9 2.9 0 1.7 1.15 3.55 2.9 3.55s2.9-1.8 2.9-3.55c0-1.7-1.2-2.9-2.9-2.9z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/communities/selected.svg b/packages/components/src/telekom/icons/user-file/communities/selected.svg
deleted file mode 100644
index c7225370a5..0000000000
--- a/packages/components/src/telekom/icons/user-file/communities/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M4.775 13.05a5 5 0 00-1.05 1.5h-.06a1.5 1.5 0 00-1.47 1.22L1.86 17.5H.335l.385-2a3 3 0 012.945-2.45zm15.56.015A3 3 0 0123.28 15.5l.36 2h-1.5l-.335-1.715a1.5 1.5 0 00-1.47-1.22h-.06a5 5 0 00-1.05-1.5zm-4.625.05a3.5 3.5 0 013.47 2.94l.24 1.445H4.58l.24-1.435a3.5 3.5 0 013.47-2.94h1.34L12 15.5l2.37-2.385zM12 2.235a4.775 4.775 0 014.88 4.885c0 3.07-2.19 5.57-4.88 5.57s-4.88-2.5-4.88-5.57A4.775 4.775 0 0112 2.235zm-5.6 1.58c.223 0 .445.019.665.055-.29.448-.513.934-.665 1.445a2.18 2.18 0 00-2.28 2.28c0 1.36.915 2.86 2.28 2.86.17 0 .338-.026.5-.075.234.457.521.885.855 1.275a3.38 3.38 0 01-1.375.3c-2.085 0-3.78-1.955-3.78-4.36a3.695 3.695 0 013.8-3.78zm11.24 0a3.695 3.695 0 013.78 3.78c0 2.405-1.695 4.36-3.78 4.36a3.38 3.38 0 01-1.375-.3c.334-.39.62-.818.855-1.275.162.049.33.074.5.075 1.365 0 2.28-1.48 2.28-2.86a2.18 2.18 0 00-2.26-2.28 5.595 5.595 0 00-.665-1.445c.22-.036.442-.055.665-.055zm-5.449.92H12A2.275 2.275 0 009.62 7.12c0 1.45 1 3.07 2.38 3.07s2.38-1.62 2.38-3.07A2.28 2.28 0 0012 4.735z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/contacts/default.svg b/packages/components/src/telekom/icons/user-file/contacts/default.svg
deleted file mode 100644
index d5184f3f28..0000000000
--- a/packages/components/src/telekom/icons/user-file/contacts/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 1.5c1.65 0 3 1.35 3 3v15c0 1.65-1.35 3-3 3h-15v-21zm0 1.5h-13.5v18h13.5c.85 0 1.5-.65 1.5-1.5v-15c0-.85-.65-1.5-1.5-1.5zm-4 10.4c.8 0 1.45.6 1.6 1.4l.15.7h-7.5l.1-.7c.15-.8.85-1.35 1.65-1.35h.85l1.15 1.15 1.2-1.2zm-2-5.4c1.15 0 2.1.85 2.1 2.1s-.9 2.5-2.1 2.5-2.1-1.25-2.1-2.5.95-2.1 2.1-2.1z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/contacts/selected.svg b/packages/components/src/telekom/icons/user-file/contacts/selected.svg
deleted file mode 100644
index 46b779aab7..0000000000
--- a/packages/components/src/telekom/icons/user-file/contacts/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18 1.5H3v21h15a3 3 0 003-3v-15a3 3 0 00-3-3zM12 8a2 2 0 012.085 2.09c0 1.27-.88 2.5-2.085 2.5s-2.085-1.225-2.085-2.5A2 2 0 0112 8zm-3.75 7.5l.135-.72A1.665 1.665 0 0110 13.415h.82L12 14.58l1.165-1.165H14c.803.001 1.49.575 1.635 1.365l.115.72h-7.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/contracts/default.svg b/packages/components/src/telekom/icons/user-file/contracts/default.svg
deleted file mode 100644
index cb70596217..0000000000
--- a/packages/components/src/telekom/icons/user-file/contracts/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M14.75 16.5c1.25 0 2.25 1 2.25 2.25 0 .75-.4 1.45-1 1.85v2.9l-1.25-.5-1.25.5v-2.9c-.6-.4-1-1.05-1-1.85 0-1.25 1-2.25 2.25-2.25zM21 .5v19c0 1.65-1.35 3-3 3h-.5V21h.5c.85 0 1.5-.65 1.5-1.5V2h-15v17.5c0 .85.65 1.5 1.5 1.5h6v1.5H6c-1.65 0-3-1.35-3-3V.5h18zM16 12c.4 0 .75.35.75.75s-.35.75-.75.75H8c-.4 0-.75-.35-.75-.75S7.6 12 8 12zm0-3c.4 0 .75.35.75.75s-.35.75-.75.75H8c-.4 0-.75-.35-.75-.75S7.6 9 8 9zm0-3c.4 0 .75.35.75.75s-.35.75-.75.75H8c-.4 0-.75-.35-.75-.75S7.6 6 8 6z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/contracts/selected.svg b/packages/components/src/telekom/icons/user-file/contracts/selected.svg
deleted file mode 100644
index 417cc1608c..0000000000
--- a/packages/components/src/telekom/icons/user-file/contracts/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M3 .5v19a3 3 0 003 3h7.5v-1.88a2.25 2.25 0 112.5 0v1.88h2a3 3 0 003-3V.5H3zm13 13H8A.75.75 0 118 12h8a.75.75 0 110 1.5zm0-3H8A.75.75 0 118 9h8a.75.75 0 110 1.5zm0-3H8A.75.75 0 118 6h8a.75.75 0 110 1.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/families/default.svg b/packages/components/src/telekom/icons/user-file/families/default.svg
deleted file mode 100644
index 005431ed88..0000000000
--- a/packages/components/src/telekom/icons/user-file/families/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.25 16.5 2.85 2.75 2.75-2.75h1.6c1.95 0 3.65 1.4 3.95 3.35l.1.65h-16.9l.1-.65c.3-1.95 2-3.35 3.95-3.35zm-5.4 0c-.45.45-.8.95-1.1 1.5h-1.25c-.95 0-1.75.65-1.9 1.6l-.15.9h-1.5l.2-1.15c.25-1.65 1.7-2.85 3.35-2.85zm8.2-11.75c2.95 0 5.05 2.15 5.05 5.05 0 2.8-2.05 5.85-5.05 5.85-3.05 0-5.05-3.05-5.05-5.85 0-2.95 2.1-5.05 5.05-5.05zm-7 1.15c.55 0 1.05.1 1.5.25-.25.4-.5.85-.65 1.35-.25-.05-.55-.1-.85-.1-1.7 0-2.85 1.2-2.85 2.85 0 1.7 1.15 3.5 2.85 3.5.5 0 .9-.15 1.3-.4.25.45.5.85.8 1.25-.6.4-1.3.65-2.1.65-2.6 0-4.35-2.6-4.35-5 0-2.5 1.9-4.35 4.35-4.35zm7 .35c-2.1 0-3.55 1.45-3.55 3.55s1.45 4.35 3.55 4.35c2.15 0 3.55-2.25 3.55-4.35s-1.45-3.55-3.55-3.55z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/families/selected.svg b/packages/components/src/telekom/icons/user-file/families/selected.svg
deleted file mode 100644
index 884ba89a78..0000000000
--- a/packages/components/src/telekom/icons/user-file/families/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M8.035 15.25a3.78 3.78 0 002.08-.63 7.29 7.29 0 01-.795-1.265c-.38.255-.827.392-1.285.395-1.695 0-2.835-1.815-2.835-3.5a2.71 2.71 0 012.835-2.83c.284.003.566.043.84.12.167-.48.388-.94.66-1.37a4.58 4.58 0 00-1.5-.25A4.235 4.235 0 003.7 10.235c0 2.42 1.74 5.015 4.335 5.015zm7-.355c2.5 0 4.29-2.5 4.29-5.105a4.15 4.15 0 00-4.29-4.29 4.15 4.15 0 00-4.29 4.29c0 2.595 1.805 5.105 4.29 5.105zm8.345 5.06a4 4 0 00-3.965-3.355H17.7l-2.665 2.665L12.37 16.6h-1.715a4 4 0 00-3.965 3.355l-.09.545h16.87l-.09-.545zM6.955 16.5H4.5a3.395 3.395 0 00-3.355 2.845L.93 20.5h1.5l.15-.89A1.9 1.9 0 014.5 18h1.31a5.445 5.445 0 011.145-1.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/handshake/default.svg b/packages/components/src/telekom/icons/user-file/handshake/default.svg
deleted file mode 100644
index 7791bd6340..0000000000
--- a/packages/components/src/telekom/icons/user-file/handshake/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.608 13.008-3.024.912-3.12-4.08a2.16 2.16 0 0 0 -2.832-.528l-3.504 2.112a.68.68 0 0 1 -.912-.144c-.288-.288-.24-.768.048-1.056l3.6-3.12a2.853 2.853 0 0 1 1.824-.672c.624 0 1.248.192 1.728.576l1.344 1.056c.768.576 1.728.816 2.64.576l2.496-.576a.716.716 0 1 0 -.336-1.392l-2.4.672c-.48.096-1.008 0-1.44-.336l-1.344-1.056a4.26 4.26 0 0 0 -2.592-.912c-.912 0-1.776.288-2.544.864-1.2-1.008-3.024-1.104-4.32-.24l-1.584 1.056c-.768.48-1.68.672-2.592.48l-2.4-.48a.79.79 0 0 0 -.864.576.79.79 0 0 0 .576.864l2.4.48c.336.048.624.096.96.096.96 0 1.92-.288 2.736-.816l1.536-1.056c.72-.48 1.68-.48 2.352 0l-2.736 2.304c-.912.816-1.008 2.208-.192 3.072a2.12 2.12 0 0 0 2.736.384l3.552-2.064c.336-.192.72-.096.96.192 0 0 2.496 3.264 3.072 4.032.528.72.288 1.536-.144 1.776-.288.192-1.008.144-1.008.144s-.096.864-.528 1.104c-.384.24-1.248 0-1.248 0s-.24.672-.528.864c-.48.336-1.344-.048-1.344-.048s-.336.576-.528.72c-.24.144-.576.192-.912.048.528-1.104.384-2.352-.432-3.024a1.826 1.826 0 0 0 -.816-.384c-.144-.24-.288-.384-.48-.576-.24-.192-.48-.288-.768-.384-.144-.24-.288-.48-.528-.672-.192-.144-.384-.24-.576-.336-.144-.288-.336-.576-.576-.768-1.008-.816-2.496-.48-3.552.672l-3.024-.912c-.384-.144-.768.096-.912.48s.096.768.48.912l2.784.912c-.336 1.008-.096 2.016.624 2.592.192.144.384.24.576.336.144.288.336.576.576.768s.48.288.768.384c.144.24.288.48.528.672s.528.336.816.384c.144.24.288.384.48.576.384.288.816.432 1.296.432.624 0 1.344-.288 1.92-.768.432.24.864.336 1.296.336s.912-.144 1.296-.384c.144-.096.24-.192.384-.288.528.048 1.056-.048 1.536-.384.192-.144.384-.288.528-.48a2.38 2.38 0 0 0 1.248-.384c.384-.24.624-.576.816-.96.24-.048.48-.144.672-.288.576-.384.96-1.008 1.056-1.776.048-.24 0-.48 0-.72l2.928-.864c.384-.096.576-.528.48-.912-.24-.48-.624-.672-1.008-.576zm-11.952 6.24c-.528.672-1.296.816-1.632.576-.24-.192-.336-.864-.336-.864s-.672.144-.96-.096-.336-.912-.336-.912-.672.144-.96-.096-.288-.912-.288-.912-.576.048-.864-.144c-.336-.288-.336-1.056.24-1.728.528-.672 1.296-.864 1.632-.576s.288.912.288.912.624-.048.864.192c.288.288.288.912.288.912s.624-.144.96.096.336.864.336.864.624-.144.96.096.336 1.008-.192 1.68z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/handshake/selected.svg b/packages/components/src/telekom/icons/user-file/handshake/selected.svg
deleted file mode 100644
index 5bd1908e92..0000000000
--- a/packages/components/src/telekom/icons/user-file/handshake/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M23.265 7.347l-3.526.597a2.449 2.449 0 01-2.077-.455l-1.386-1.092a3.57 3.57 0 00-3.615-.49l-.2-.167a3.737 3.737 0 00-4.409-.23L6.48 6.612a3.531 3.531 0 01-2.674.534l-2.45-.49a.735.735 0 00-.278 1.426l2.449.49a5.016 5.016 0 003.781-.754l1.577-1.069a2.238 2.238 0 012.508.044L8.043 9.67a1.47 1.47 0 001.714 2.375l3.565-2.155a1.47 1.47 0 011.93.362l3.473 4.546h.049c.43.676.367 1.518-.142 1.851a.891.891 0 01-.456.137h-.563l-.127.544a.882.882 0 01-1.088.715l-.553-.098-.24.49a.887.887 0 01-.309.367 1.009 1.009 0 01-.842.088l-.539-.161-.294.49a.877.877 0 01-.26.274 1.259 1.259 0 01-1.528-.333c.348-.813.265-1.665-.289-2.111a1.367 1.367 0 00-.9-.28 1.35 1.35 0 00-.432-.69 1.37 1.37 0 00-.872-.28 1.313 1.313 0 00-.455-.778c-.2-.156-.442-.25-.696-.27a1.352 1.352 0 00-.49-.832c-.641-.514-1.69-.304-2.448.456l-3.782-1.333a.744.744 0 00-.49 1.406l3.512 1.224a1.646 1.646 0 00.407 1.749c.2.156.442.25.695.27.089.662.67 1.145 1.338 1.111.11.651.698 1.11 1.356 1.058.07.27.22.51.431.69.573.456 1.47.339 2.185-.22a2.939 2.939 0 001.959.789 2.37 2.37 0 001.69-.7 2.376 2.376 0 001.557-.368c.21-.13.395-.296.549-.49a2.297 2.297 0 001.254-.377 2.39 2.39 0 00.842-.98c.245-.068.475-.18.681-.327a2.728 2.728 0 00.813-3.429l3.017-.7V7.347z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/id-card/default.svg b/packages/components/src/telekom/icons/user-file/id-card/default.svg
deleted file mode 100644
index 7b78f20f7e..0000000000
--- a/packages/components/src/telekom/icons/user-file/id-card/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m23.5 3.5v14c0 1.65-1.35 3-3 3h-17c-1.65 0-3-1.35-3-3v-14zm-1.5 1.5h-20v12.5c0 .85.65 1.5 1.5 1.5h17c.85 0 1.5-.65 1.5-1.5zm-14.85 8.5 1.15 1.1 1.1-1.1h.75c.75 0 1.4.55 1.55 1.3l.1.7h-7.1l.15-.7c.15-.75.8-1.3 1.55-1.3zm12.1-1c.4 0 .75.35.75.75s-.35.75-.75.75h-5c-.4 0-.75-.35-.75-.75s.35-.75.75-.75zm-11-4.45c1.15 0 2.1.85 2.1 2.1s-.9 2.5-2.1 2.5-2.1-1.25-2.1-2.5.95-2.1 2.1-2.1zm11 1.45c.4 0 .75.35.75.75s-.35.75-.75.75h-5c-.4 0-.75-.35-.75-.75s.35-.75.75-.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/id-card/selected.svg b/packages/components/src/telekom/icons/user-file/id-card/selected.svg
deleted file mode 100644
index 4be1f14405..0000000000
--- a/packages/components/src/telekom/icons/user-file/id-card/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M.5 3.5v14a3 3 0 003 3h17a3 3 0 003-3v-14H.5zm7.755 4.47a2 2 0 012.08 2.095c0 1.265-.875 2.5-2.08 2.5s-2.085-1.225-2.085-2.5A2 2 0 018.255 7.97zM4.5 15.47l.13-.72a1.665 1.665 0 011.64-1.365h.815L8.25 14.55l1.16-1.165h.815a1.665 1.665 0 011.64 1.365l.135.72H4.5zM19.25 14h-5a.75.75 0 110-1.5h5a.75.75 0 110 1.5zm0-3h-5a.75.75 0 110-1.5h5a.75.75 0 110 1.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/image-file/default.svg b/packages/components/src/telekom/icons/user-file/image-file/default.svg
deleted file mode 100644
index 81c8100be8..0000000000
--- a/packages/components/src/telekom/icons/user-file/image-file/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 1v17l-5 5h-10c-1.655 0-3-1.345-3-3v-19zm-1.5 1.5h-15v17.5c0 .825.675 1.5 1.5 1.5h9v-3c0-.83.67-1.5 1.5-1.5h3zm-6 6.5 4.27 5.5h-11.54l3.13-4.035 1.5 1.935zm-5.75-2a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/image-file/selected.svg b/packages/components/src/telekom/icons/user-file/image-file/selected.svg
deleted file mode 100644
index b77c3ae22f..0000000000
--- a/packages/components/src/telekom/icons/user-file/image-file/selected.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 17.5-5.5 5.5v-4a1.5 1.5 0 0 1 1.5-1.5zm0-16.5v15.5h-4a2.5 2.5 0 0 0 -2.5 2.5v4h-8.5a3 3 0 0 1 -3-3v-19zm-7.5 8-2.64 3.4-1.5-1.935-3.13 4.035h11.54zm-5.75-2a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/logout/default.svg b/packages/components/src/telekom/icons/user-file/logout/default.svg
deleted file mode 100644
index 8cddb0f274..0000000000
--- a/packages/components/src/telekom/icons/user-file/logout/default.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18 16l5.7 3.75L18 23.5v-3h-3.25c-.4 0-.75-.35-.75-.75s.35-.75.75-.75H18v-3zm-10.6-.5l3.1 3.1 3.1-3.1h2.429c.171.003.321.012.471.05v1.95h-1.75c-1.4 0-2.5 1.25-2.2 2.7.05.1.05.2.1.3H.3l.15-1.05c.4-2.3 2.35-3.95 4.7-3.95H7.4zM10.5 1c3.5 0 6 2.5 6 6 0 3.4-2.4 7-6 7s-6-3.6-6-7c0-3.5 2.5-6 6-6zm0 1.5C7.9 2.5 6 4.4 6 7c0 2.65 1.8 5.5 4.5 5.5S15 9.65 15 7c0-2.6-1.9-4.5-4.5-4.5z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/logout/selected.svg b/packages/components/src/telekom/icons/user-file/logout/selected.svg
deleted file mode 100644
index 50cde17fae..0000000000
--- a/packages/components/src/telekom/icons/user-file/logout/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M10.5 13.25c3.04 0 5.25-3.075 5.25-6.25a5.08 5.08 0 00-5.25-5.25A5.08 5.08 0 005.25 7c0 3.175 2.21 6.25 5.25 6.25zm4.25 4.25h1.75v-1.95a4.554 4.554 0 00-.645-.05h-2.26L10.5 18.595 7.405 15.5H5.14a4.73 4.73 0 00-4.685 3.97L.28 20.5h12.36a2.195 2.195 0 01-.14-.75 2.245 2.245 0 012.25-2.25zm8.95 2.245L18 16v3h-3.25a.75.75 0 000 1.5H18v3l5.7-3.755z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/pdf-file/default.svg b/packages/components/src/telekom/icons/user-file/pdf-file/default.svg
deleted file mode 100644
index 245e691de9..0000000000
--- a/packages/components/src/telekom/icons/user-file/pdf-file/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 1v17l-5 5h-10c-1.655 0-3-1.345-3-3v-19zm-1.5 1.5h-15v17.5c0 .825.675 1.5 1.5 1.5h9v-3c0-.83.67-1.5 1.5-1.5h3zm-11.185 4.55c.94 0 1.6.58 1.6 1.61s-.66 1.6-1.6 1.6h-.815v1.63h-.98v-4.84zm3.885 0c1.26 0 2.05.845 2.05 2.42 0 1.57-.79 2.42-2.05 2.42h-1.68v-4.84zm5.59-.005v.91h-1.795v1.09h1.73v.91h-1.73v1.935h-.98v-4.845zm-5.665.91h-.63v3.03h.63c.675 0 1.11-.45 1.11-1.515s-.435-1.515-1.11-1.515zm-3.875 0h-.755v1.4h.755c.365 0 .65-.245.65-.695 0-.46-.28-.705-.65-.705z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/pdf-file/selected.svg b/packages/components/src/telekom/icons/user-file/pdf-file/selected.svg
deleted file mode 100644
index 25a028e28b..0000000000
--- a/packages/components/src/telekom/icons/user-file/pdf-file/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.5-1.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.5 2.5v4H6a3 3 0 01-3-3V1h18zM8.545 6.877L8.4 6.88H6.605v4.845h.975v-1.63h.82A1.5 1.5 0 0010 8.5a1.5 1.5 0 00-1.6-1.62zm3.83.003H10.69v4.845h1.685c1.26 0 2.05-.845 2.05-2.42s-.79-2.425-2.05-2.425zm5.625 0h-2.805v4.845h1V9.79h1.73v-.91h-1.73V7.79H18v-.91zm-5.7.91c.7 0 1.11.48 1.11 1.53s-.435 1.5-1.11 1.5h-.63V7.79zm-3.965 0A.635.635 0 019 8.5a.635.635 0 01-.665.685H7.58V7.79z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/switch-users/default.svg b/packages/components/src/telekom/icons/user-file/switch-users/default.svg
deleted file mode 100644
index f2df90a9e0..0000000000
--- a/packages/components/src/telekom/icons/user-file/switch-users/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 18.65v1.85h2.75c.4 0 .75.35.75.75s-.35.75-.75.75h-2.75v1.85l-4-2.6zm-10.9-3.15 2.9 2.9 2.85-2.9h2c-.3.45-.45 1.05-.3 1.7.1.55.45 1 .85 1.35l-2.25 1.45h-12.55l.15-.8c.35-2.15 2.2-3.7 4.35-3.7zm12.4-1.35 4 2.6-4 2.6v-1.85h-2.75c-.4 0-.75-.35-.75-.75s.35-.75.75-.75h2.75zm-9.5-11.9c3.2 0 5.55 2.35 5.55 5.55 0 3.1-2.25 6.45-5.55 6.45s-5.55-3.35-5.55-6.45c0-3.2 2.35-5.55 5.55-5.55zm0 1.5c-2.35 0-4.05 1.7-4.05 4.05 0 2.4 1.65 4.95 4.05 4.95s4.05-2.55 4.05-4.95c0-2.35-1.7-4.05-4.05-4.05z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/switch-users/selected.svg b/packages/components/src/telekom/icons/user-file/switch-users/selected.svg
deleted file mode 100644
index 22303d9849..0000000000
--- a/packages/components/src/telekom/icons/user-file/switch-users/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M18.136 17.62v1.945h2.874a.783.783 0 010 1.565h-2.874v1.941l-4.174-2.728 4.174-2.724zM6.783 14.347l2.99 3.02 3.02-3.02h2.087c-.257.386-.393.84-.391 1.304.005.735.352 1.426.939 1.868L13.1 19.043H0l.157-.85a4.586 4.586 0 014.539-3.845h2.087zm12.928-1.425l4.174 2.724-4.174 2.729v-1.941h-2.874a.783.783 0 110-1.565h2.874v-1.947zM9.793 1.304a4.847 4.847 0 015.014 4.988c0 3.031-2.113 5.969-5.014 5.969-2.9 0-5.009-2.917-5.009-5.948a4.847 4.847 0 015.009-5.009z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/user/default.svg b/packages/components/src/telekom/icons/user-file/user/default.svg
deleted file mode 100644
index f9a55c8dd9..0000000000
--- a/packages/components/src/telekom/icons/user-file/user/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.9 16.5 3.1 3.1 3.1-3.1h2.25c2.35 0 4.3 1.65 4.7 3.95l.2 1.05h-20.45l.15-1.05c.4-2.3 2.35-3.95 4.7-3.95zm3.1-14.5c3.5 0 6 2.5 6 6 0 3.4-2.4 7-6 7s-6-3.6-6-7c0-3.5 2.5-6 6-6zm0 1.5c-2.6 0-4.5 1.9-4.5 4.5 0 2.65 1.8 5.5 4.5 5.5s4.5-2.85 4.5-5.5c0-2.6-1.9-4.5-4.5-4.5z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/user/selected.svg b/packages/components/src/telekom/icons/user-file/user/selected.svg
deleted file mode 100644
index 8bf19b882c..0000000000
--- a/packages/components/src/telekom/icons/user-file/user/selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-    <path fill="#262626" fill-rule="evenodd" d="M12,2.75 C10.5934725,2.702088 9.23009491,3.23981047 8.23495293,4.23495293 C7.23981047,5.23009491 6.70208788,6.593472 6.75,8 C6.75,11.1750002 8.96000004,14.25 12,14.25 C15.04,14.25 17.25,11.1750002 17.25,8 C17.2979126,6.593472 16.7601891,5.23009491 15.7650471,4.23495293 C14.7699051,3.23981047 13.4065275,2.702088 12,2.75 L12,2.75 Z M8.90499973,16.5 C8.90499973,16.5 6.63999987,16.5 6.63999987,16.5 C4.31481647,16.4919128 2.32859063,18.1750107 1.95500004,20.4699993 C1.95500004,20.4699993 1.77999997,21.5 1.77999997,21.5 C1.77999997,21.5 22.2199993,21.5 22.2199993,21.5 C22.2199993,21.5 22.0450001,20.4699993 22.0450001,20.4699993 C21.6714096,18.1750107 19.6851826,16.4919128 17.3600006,16.5 C17.3600006,16.5 15.0950003,16.5 15.0950003,16.5 C15.0950003,16.5 12,19.5949993 12,19.5949993 C12,19.5949993 8.90499973,16.5 8.90499973,16.5 L8.90499973,16.5 Z"/>
-</svg>
diff --git a/packages/components/src/telekom/icons/user-file/videos/default.svg b/packages/components/src/telekom/icons/user-file/videos/default.svg
deleted file mode 100644
index d7f1f9ebd1..0000000000
--- a/packages/components/src/telekom/icons/user-file/videos/default.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 1v17l-5 5h-10c-1.65 0-3-1.35-3-3v-19zm-1.5 1.5h-15v17.5c0 .85.65 1.5 1.5 1.5h9v-3c0-.85.65-1.5 1.5-1.5h3zm-10 5.75 5.75 3.75-5.75 3.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user-file/videos/selected.svg b/packages/components/src/telekom/icons/user-file/videos/selected.svg
deleted file mode 100644
index b787c15e35..0000000000
--- a/packages/components/src/telekom/icons/user-file/videos/selected.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 17.5-5.5 5.5v-4a1.5 1.5 0 0 1 1.5-1.5zm0-16.5v15.5h-4a2.5 2.5 0 0 0 -2.5 2.5v4h-8.5a3 3 0 0 1 -3-3v-19zm-11.5 7.25v7.5l5.74-3.75z" fill="#262626" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/admin/default.svg b/packages/components/src/telekom/icons/user_file/admin/default.svg
new file mode 100644
index 0000000000..7a9d7c0074
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/admin/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.796 12.5l.262 1.444a.523.523 0 00.738.379l.074-.043 1.206-.835 1.479 1.478-.835 1.207a.523.523 0 00.253.79l.083.022 1.444.262v2.091l-1.444.263a.523.523 0 00-.379.738l.043.074.835 1.206-1.478 1.479-1.207-.835a.523.523 0 00-.79.253l-.022.083L18.796 24h-2.091l-.262-1.444a.523.523 0 00-.738-.379l-.075.043-1.207.835-1.478-1.478.835-1.207a.523.523 0 00-.253-.79l-.083-.022L12 19.296v-2.091l1.444-.263a.523.523 0 00.379-.738l-.043-.074-.835-1.206 1.478-1.479 1.207.835c.288.2.678.063.79-.253l.022-.083.262-1.444h2.091zm-1.046 3.981a1.77 1.77 0 100 3.538 1.77 1.77 0 000-3.538zM7.405 15l3.095 3.095V20H.281l.172-1.031a4.734 4.734 0 014.461-3.964L5.138 15h2.267zM10.5.5c3.476 0 6 2.523 6 6 0 3.38-2.411 7-6 7s-6-3.62-6-7c0-3.477 2.523-6 6-6zm0 1.5C7.892 2 6 3.892 6 6.5 6 9.156 7.808 12 10.5 12S15 9.156 15 6.5C15 3.892 13.107 2 10.5 2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/admin/selected.svg b/packages/components/src/telekom/icons/user_file/admin/selected.svg
new file mode 100644
index 0000000000..631fc5c816
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/admin/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.796 12.5l.262 1.444a.523.523 0 00.738.379l.074-.043 1.206-.835 1.479 1.478-.835 1.207a.523.523 0 00.253.79l.083.022 1.444.262v2.091l-1.444.263a.523.523 0 00-.379.738l.043.074.835 1.206-1.478 1.479-1.207-.835a.523.523 0 00-.79.253l-.022.083L18.796 24h-2.091l-.262-1.444a.523.523 0 00-.738-.379l-.075.043-1.207.835-1.478-1.478.835-1.207a.523.523 0 00-.253-.79l-.083-.022L12 19.296v-2.091l1.444-.263a.523.523 0 00.379-.738l-.043-.074-.835-1.206 1.478-1.479 1.207.835c.288.2.678.063.79-.253l.022-.083.262-1.444h2.091zm-1.046 3.981a1.77 1.77 0 100 3.538 1.77 1.77 0 000-3.538zM7.405 15l3.095 3.095V20H.281l.172-1.031a4.734 4.734 0 014.461-3.964L5.138 15h2.267zM10.5.5c3.476 0 6 2.523 6 6 0 3.38-2.411 7-6 7s-6-3.62-6-7c0-3.477 2.523-6 6-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/analytics/default.svg b/packages/components/src/telekom/icons/user_file/analytics/default.svg
new file mode 100644
index 0000000000..c1bab4c6fa
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/analytics/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v17l-5 5H6a3.01 3.01 0 01-2.995-2.824L3 20V1h18zm-1.5 1.5h-15V20c0 .8.576 1.423 1.352 1.493L6 21.5h9v-3c0-.8.576-1.423 1.352-1.493L16.5 17h3V2.5zm-2.85 4.75c.25-.3.75-.3 1.05-.05.273.227.298.661.112.964l-.062.086-4.45 5.05-3-2.5-2.95 3.45c-.15.15-.35.25-.55.25-.15 0-.35-.05-.45-.2-.32-.23-.348-.668-.157-.971l.057-.079L10.2 8.7l3 2.5 3.45-3.95z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/analytics/selected.svg b/packages/components/src/telekom/icons/user_file/analytics/selected.svg
new file mode 100644
index 0000000000..e3ff74f40a
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/analytics/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.356-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.336L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18zm-3.654 6.01a.755.755 0 00-.634.16l-.082.08-3.465 3.95-3-2.5-3.935 4.56a.75.75 0 00.57 1.24.76.76 0 00.49-.188l.075-.077 2.965-3.44 3 2.5 4.435-5.05a.753.753 0 00-.42-1.234z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/attachment/default.svg b/packages/components/src/telekom/icons/user_file/attachment/default.svg
new file mode 100644
index 0000000000..ec464d38d8
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/attachment/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M7 22.75c-1.55 0-3.05-.6-4.25-1.75a6.005 6.005 0 010-8.5L14.25 1c.3-.3.75-.3 1.05 0 .3.3.3.75 0 1.05L3.8 13.55a4.496 4.496 0 000 6.35 4.496 4.496 0 006.35 0l10.8-10.8c1.05-1.05 1.05-2.8 0-3.9-.5-.5-1.2-.8-1.95-.8s-1.4.3-1.95.8L6.25 16.05c-.15.2-.25.45-.25.7 0 .25.1.5.3.7.4.4 1.05.4 1.4 0l7.95-7.95c.3-.3.75-.3 1.05 0 .3.3.3.75 0 1.05l-7.95 8c-.45.45-1.1.75-1.75.75-.65 0-1.3-.25-1.75-.75-.5-.5-.75-1.1-.75-1.8s.25-1.25.7-1.75L16 4.2a4.255 4.255 0 016 0 4.255 4.255 0 010 6L11.2 21c-1.15 1.2-2.7 1.75-4.2 1.75z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/attachment/selected.svg b/packages/components/src/telekom/icons/user_file/attachment/selected.svg
new file mode 100644
index 0000000000..2d6a224b9c
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/attachment/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 23a6.24 6.24 0 01-4.435-10.64l11.5-11.5a1 1 0 011.4 1.4l-11.5 11.5A4.264 4.264 0 0010 19.785L20.77 9a2.507 2.507 0 10-3.545-3.545L6.44 16.235A.76.76 0 107.5 17.31l7.97-7.955a1 1 0 111.4 1.4L8.915 18.71a2.74 2.74 0 11-3.875-3.875L15.82 4.05a4.5 4.5 0 116.355 6.355L11.39 21.185A6.2 6.2 0 017 23z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/audio-file/default.svg b/packages/components/src/telekom/icons/user_file/audio-file/default.svg
new file mode 100644
index 0000000000..56bef3e115
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/audio-file/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v17l-5 5H6a3.01 3.01 0 01-2.995-2.824L3 20V1h18zm-1.5 1.5h-15V20c0 .8.576 1.423 1.352 1.493L6 21.5h9v-3c0-.8.576-1.423 1.352-1.493L16.5 17h3V2.5zm-8 2.65l4 2.45v1.75l-2.5-.6v4.9c0 1.738-1.096 2.243-1.956 2.337l-.209.016a2.999 2.999 0 01-.1.002L10.55 16c-1.35-.1-2.4-1.05-2.4-2.15 0-1.054 1.01-1.879 2.283-1.858L10.6 12c.24 0 .48.064.72.14l.18.06V5.15z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/audio-file/selected.svg b/packages/components/src/telekom/icons/user_file/audio-file/selected.svg
new file mode 100644
index 0000000000..8204835d9f
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/audio-file/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.356-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.336L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18zm-9.5 4.225v7a3 3 0 00-.91-.205c-1.345-.09-2.45.73-2.465 1.83-.015 1.1 1.065 2.04 2.41 2.15l.19.008c.86.01 2.173-.373 2.27-2.143l.005-.21V8.79l2.375.565V7.58L11.5 5.225z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/billing/default.svg b/packages/components/src/telekom/icons/user_file/billing/default.svg
new file mode 100644
index 0000000000..00dda697d6
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/billing/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 4.05l2.8.25-1.55 16.95a2.978 2.978 0 01-3.074 2.71L17 23.95 7 23a2.777 2.777 0 01-2.261-1.344L4.65 21.5H7a.161.161 0 00.112.05h.038l9.95.9a1.49 1.49 0 001.635-1.218l.015-.132 1.4-15.45-1.15-.1v-1.5zM17.5 0v17a3.01 3.01 0 01-2.824 2.995L14.5 20h-10a3.01 3.01 0 01-2.995-2.824L1.5 17V5l5-5h11zM16 1.5H7.5v3c0 .8-.576 1.423-1.352 1.493L6 6H3v11c0 .8.576 1.423 1.352 1.493l.148.007h10c.8 0 1.423-.576 1.493-1.352L16 17V1.5zM8.6 7.9c.941-.706 2.414-.747 3.5-.375l.2.075-.4 1.1c-.6-.25-1.75-.35-2.45.15a2.152 2.152 0 00-.64.92l-.06.18h2.85l-.3 1H8.55v.65h2.5l-.3 1H8.7c.15.5.4.85.7 1.1.562.422 1.608.536 2.52.096l.18-.096.3 1.1c-.85.6-2.8.65-3.95-.2-.5-.41-.835-.983-1.042-1.798l-.058-.252h-1l.35-1h.55v-.65h-.9l.35-1h.7c.2-.8.55-1.5 1.2-2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/billing/selected.svg b/packages/components/src/telekom/icons/user_file/billing/selected.svg
new file mode 100644
index 0000000000..bd0fd44389
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/billing/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 4.03v1.5l1.145.105-1.4 15.435a1.5 1.5 0 01-1.5 1.365h-.14L7.15 21.53 7 21.5H4.67A3 3 0 007.015 23l9.985.925c.092.005.183.005.275 0a3 3 0 003-2.73L21.77 4.28 19 4.03zM7 4V0L1.5 5.5h4A1.5 1.5 0 007 4zm10.5 13V0H8v4a2.5 2.5 0 01-2.5 2.5h-4V17a3 3 0 003 3h10a3 3 0 003-3zm-5.535-2.135c-.162.064-.33.114-.5.15-.17.035-.34.06-.5.08-.16.02-.345 0-.5 0A3.235 3.235 0 018.43 14.5a3.3 3.3 0 01-1.115-2.045h-1l.355-1h.535v-.46-.18h-.9l.355-1h.68c.096-.43.265-.842.5-1.215a2.92 2.92 0 01.73-.805 2.71 2.71 0 01.915-.455 3.775 3.775 0 011.015-.205 5.14 5.14 0 011.74.29l-.385 1.115a2.625 2.625 0 00-.555-.15 5.44 5.44 0 00-.75-.045c-.4-.011-.794.104-1.125.33a2.05 2.05 0 00-.715 1.08h2.84l-.285 1h-2.72a1.03 1.03 0 000 .17v.47h2.5l-.285 1H8.71c.109.433.352.82.695 1.105a2 2 0 001.265.375c.268.005.536-.03.795-.1.21-.06.41-.143.6-.25l.295 1.09c-.12.1-.253.185-.395.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/boy/default.svg b/packages/components/src/telekom/icons/user_file/boy/default.svg
new file mode 100644
index 0000000000..53482de8f8
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/boy/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.561 19.006L12 21.447l2.44-2.44h1.674c1.017 0 1.948.395 2.637 1.052.792.755 1.028 1.532 1.18 2.442H4.068c.165-.99.455-1.835 1.347-2.591a3.811 3.811 0 012.471-.902h1.675zM12.204 2.5l.343 1.098c4.177-.135 5.488 3.414 5.813 6.473a8.354 8.354 0 01-.794.107c.053.33.085.668.085 1.02 0 3.18-2.27 6.585-5.651 6.585-3.38 0-5.652-3.405-5.652-6.585 0-1.297.108-2.313.304-3.104-1.212-1.523-.654-2.962-.654-2.962l1.793.324c.243-1.522 1.664-2.61 4.413-2.956zM9.733 9.21c-.324.611-1.037 1.14-1.85 1.442-.02.179-.035.36-.035.546 0 2.455 1.668 5.085 4.152 5.085 2.483 0 4.151-2.629 4.151-5.086 0-.363-.044-.71-.12-1.04a6.616 6.616 0 01-2.397-.758c.308.882.612 1.722.612 1.722-2.821-.437-4.104-1.508-4.428-1.822l-.055-.056-.03-.033z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/boy/selected.svg b/packages/components/src/telekom/icons/user_file/boy/selected.svg
new file mode 100644
index 0000000000..53482de8f8
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/boy/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.561 19.006L12 21.447l2.44-2.44h1.674c1.017 0 1.948.395 2.637 1.052.792.755 1.028 1.532 1.18 2.442H4.068c.165-.99.455-1.835 1.347-2.591a3.811 3.811 0 012.471-.902h1.675zM12.204 2.5l.343 1.098c4.177-.135 5.488 3.414 5.813 6.473a8.354 8.354 0 01-.794.107c.053.33.085.668.085 1.02 0 3.18-2.27 6.585-5.651 6.585-3.38 0-5.652-3.405-5.652-6.585 0-1.297.108-2.313.304-3.104-1.212-1.523-.654-2.962-.654-2.962l1.793.324c.243-1.522 1.664-2.61 4.413-2.956zM9.733 9.21c-.324.611-1.037 1.14-1.85 1.442-.02.179-.035.36-.035.546 0 2.455 1.668 5.085 4.152 5.085 2.483 0 4.151-2.629 4.151-5.086 0-.363-.044-.71-.12-1.04a6.616 6.616 0 01-2.397-.758c.308.882.612 1.722.612 1.722-2.821-.437-4.104-1.508-4.428-1.822l-.055-.056-.03-.033z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/bussines-users/default.svg b/packages/components/src/telekom/icons/user_file/bussines-users/default.svg
new file mode 100644
index 0000000000..0db0156a9f
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/bussines-users/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.285 15.695a.884.884 0 011.354-.09l.076.09.975 1.345a2.42 2.42 0 01-.814.737l-.151.073.545 1.81 2.875-4.16h1.215a4.737 4.737 0 014.643 3.75l.042.22.17 1.03H1.78l.175-1.03a4.737 4.737 0 014.46-3.965l.225-.005h1.215l2.875 4.16.545-1.81a2.308 2.308 0 01-.842-.652l-.123-.158.975-1.345zM12 1c3.475 0 6 2.525 6 6 0 3.38-2.41 7-6 7s-6-3.62-6-7c0-3.475 2.525-6 6-6zm0 1.5C9.395 2.5 7.5 4.395 7.5 7c0 2.655 1.81 5.5 4.5 5.5s4.5-2.845 4.5-5.5c0-2.605-1.895-4.5-4.5-4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/bussines-users/selected.svg b/packages/components/src/telekom/icons/user_file/bussines-users/selected.svg
new file mode 100644
index 0000000000..79b4baf61d
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/bussines-users/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.285 15.695a.884.884 0 011.354-.09l.076.09.975 1.345a2.42 2.42 0 01-.814.737l-.151.073.545 1.81 2.875-4.16h1.215a4.737 4.737 0 014.643 3.75l.042.22.17 1.03H1.78l.175-1.03a4.737 4.737 0 014.46-3.965l.225-.005h1.215l2.875 4.16.545-1.81a2.308 2.308 0 01-.842-.652l-.123-.158.975-1.345zM12 1c3.475 0 6 2.525 6 6 0 3.38-2.41 7-6 7s-6-3.62-6-7c0-3.475 2.525-6 6-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/communities/default.svg b/packages/components/src/telekom/icons/user_file/communities/default.svg
new file mode 100644
index 0000000000..2afbd8a4c7
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/communities/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.7 14.6a3.542 3.542 0 013.462 2.763l.038.187.25 1.45H4.6l.25-1.4a3.45 3.45 0 013.257-2.945l.193-.005h1.35L12 17l2.35-2.4h1.35zm4.65-.05c1.39 0 2.595.964 2.914 2.277L23.3 17l.4 2h-1.55l-.35-1.75c-.093-.653-.666-1.132-1.31-1.193l-.14-.007h-.05a5.02 5.02 0 00-.833-1.27l-.217-.23h1.1zm-15.55 0c-.375.375-.68.785-.946 1.23l-.154.27h-.05c-.653 0-1.22.436-1.414 1.063l-.036.137L1.85 19H.3l.4-2c.24-1.39 1.398-2.366 2.77-2.445l.18-.005H4.8zM12 4.25c2.5 0 4.4 1.9 4.4 4.4 0 2.45-1.8 5.05-4.4 5.05-2.6 0-4.4-2.65-4.4-5.05 0-2.5 1.9-4.4 4.4-4.4zm-5.6 1.1c.2 0 .45 0 .65.05-.25.45-.5.95-.65 1.45-1.35 0-2.3.95-2.3 2.3 0 1.35.95 2.85 2.3 2.85.15 0 .35-.05.5-.1.25.45.5.85.85 1.25-.4.2-.85.3-1.35.3-2.1 0-3.8-1.95-3.8-4.3 0-2.15 1.65-3.8 3.8-3.8zm11.2-.1c2.15 0 3.8 1.65 3.8 3.8 0 2.4-1.7 4.35-3.8 4.35-.45 0-.9-.1-1.35-.3.35-.35.6-.8.85-1.25.15.05.3.1.5.1 1.4 0 2.3-1.45 2.3-2.85 0-1.35-.95-2.3-2.3-2.35-.15-.55-.35-1-.65-1.45.2-.05.4-.05.65-.05zm-5.6.5c-1.7 0-2.9 1.15-2.9 2.9 0 1.7 1.15 3.55 2.9 3.55s2.9-1.8 2.9-3.55c0-1.7-1.2-2.9-2.9-2.9z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/communities/selected.svg b/packages/components/src/telekom/icons/user_file/communities/selected.svg
new file mode 100644
index 0000000000..9fad6e2a25
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/communities/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.7 14.6a3.542 3.542 0 013.462 2.763l.038.187.25 1.45H4.6l.25-1.4a3.45 3.45 0 013.257-2.945l.193-.005h1.35L12 17l2.35-2.4h1.35zm4.65-.05c1.39 0 2.595.964 2.914 2.277L23.3 17l.4 2h-1.55l-.35-1.75c-.093-.653-.666-1.132-1.31-1.193l-.14-.007h-.05a5.02 5.02 0 00-.833-1.27l-.217-.23h1.1zm-15.55 0c-.375.375-.68.785-.946 1.23l-.154.27h-.05c-.653 0-1.22.436-1.414 1.063l-.036.137L1.85 19H.3l.4-2c.24-1.39 1.398-2.366 2.77-2.445l.18-.005H4.8zM12 4.25c2.5 0 4.4 1.9 4.4 4.4 0 2.45-1.8 5.05-4.4 5.05-2.6 0-4.4-2.65-4.4-5.05 0-2.5 1.9-4.4 4.4-4.4zm-5.6 1.1c.2 0 .45 0 .65.05-.25.45-.5.95-.65 1.45-1.35 0-2.3.95-2.3 2.3 0 1.35.95 2.85 2.3 2.85.15 0 .35-.05.5-.1.25.45.5.85.85 1.25-.4.2-.85.3-1.35.3-2.1 0-3.8-1.95-3.8-4.3 0-2.15 1.65-3.8 3.8-3.8zm11.2-.1c2.15 0 3.8 1.65 3.8 3.8 0 2.4-1.7 4.35-3.8 4.35-.45 0-.9-.1-1.35-.3.35-.35.6-.8.85-1.25.15.05.3.1.5.1 1.4 0 2.3-1.45 2.3-2.85 0-1.35-.95-2.3-2.3-2.35-.15-.55-.35-1-.65-1.45.2-.05.4-.05.65-.05z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/contacts-from-cloud/default.svg b/packages/components/src/telekom/icons/user_file/contacts-from-cloud/default.svg
new file mode 100644
index 0000000000..2d17f456c8
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/contacts-from-cloud/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.003 12.597c1.2 0 2.1-1.25 2.1-2.5s-.95-2.1-2.1-2.1c-1.15 0-2.1.85-2.1 2.1s.9 2.5 2.1 2.5zm-7.498 8.398V2.999h13.497c.849 0 1.499.65 1.499 1.5v9.469c.524.072 1.028.22 1.5.436V4.499a3.008 3.008 0 00-2.999-3H3.005v20.995h7.854a4.137 4.137 0 01-.346-1.5H4.505zm3.849-6.2l-.1.7h5.176a3.883 3.883 0 012.153-.77c-.175-.763-.806-1.328-1.58-1.328h-.8l-1.2 1.2-1.15-1.15h-.85c-.799 0-1.499.549-1.649 1.349zm14.068 3.163a3.876 3.876 0 00-3.648-2.543c-.893 0-1.753.308-2.445.87a2.409 2.409 0 00-2.964 2.198 2.68 2.68 0 00-1.362 2.33 2.683 2.683 0 002.68 2.68h6.382A2.938 2.938 0 0024 20.56a2.942 2.942 0 00-1.578-2.601z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/contacts-from-cloud/selected.svg b/packages/components/src/telekom/icons/user_file/contacts-from-cloud/selected.svg
new file mode 100644
index 0000000000..979108dcf0
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/contacts-from-cloud/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.003 7.998c1.15 0 2.1.85 2.1 2.1s-.9 2.499-2.1 2.499c-1.2 0-2.1-1.249-2.1-2.499s.95-2.1 2.1-2.1m1.427 7.498H8.254l.1-.7c.15-.8.85-1.35 1.649-1.35h.85l1.15 1.151 1.2-1.201h.8c.774 0 1.405.566 1.58 1.329.061-.003.122-.008.183-.008.06 0 .12.001.179.004a5.395 5.395 0 012.829-.806c.783 0 1.54.174 2.227.488V4.499A3.008 3.008 0 0018.002 1.5H3.005v20.994h7.854a4.154 4.154 0 01-.356-1.681c0-1.241.556-2.409 1.488-3.195a3.91 3.91 0 011.439-2.122m7.635 6.498h-6.382a1.181 1.181 0 01-.58-2.207l.712-.402.047-.817a.906.906 0 011.112-.827l.722.176.577-.468a2.389 2.389 0 011.501-.534c1.012 0 1.892.612 2.241 1.561l.2.543.513.268c.469.245.773.744.773 1.272 0 .792-.644 1.435-1.436 1.435m1.357-4.036a3.876 3.876 0 00-3.648-2.543c-.893 0-1.753.308-2.445.869a2.409 2.409 0 00-2.964 2.198 2.683 2.683 0 00-1.362 2.331 2.683 2.683 0 002.68 2.681h6.382A2.938 2.938 0 0024 20.559a2.942 2.942 0 00-1.578-2.601" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/contacts/default.svg b/packages/components/src/telekom/icons/user_file/contacts/default.svg
new file mode 100644
index 0000000000..9eb9bb1763
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/contacts/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 1.5a3.01 3.01 0 012.995 2.824L21 4.5v15a3.01 3.01 0 01-2.824 2.995L18 22.5H3v-21h15zM18 3H4.5v18H18c.8 0 1.423-.576 1.493-1.352l.007-.148v-15c0-.8-.576-1.423-1.352-1.493L18 3zm-4 10.4c.75 0 1.368.527 1.566 1.252l.034.148.15.7h-7.5l.1-.7c.14-.75.765-1.28 1.501-1.344L10 13.45h.85L12 14.6l1.2-1.2h.8zM12 8c1.15 0 2.1.85 2.1 2.1s-.9 2.5-2.1 2.5c-1.2 0-2.1-1.25-2.1-2.5S10.85 8 12 8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/contacts/selected.svg b/packages/components/src/telekom/icons/user_file/contacts/selected.svg
new file mode 100644
index 0000000000..87f83fb168
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/contacts/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 1.5H3v21h15a3 3 0 003-3v-15a3 3 0 00-3-3zM12 8a2 2 0 012.085 2.09c0 1.27-.88 2.5-2.085 2.5s-2.085-1.225-2.085-2.5A2 2 0 0112 8zm-3.75 7.5l.135-.72A1.665 1.665 0 0110 13.415h.82L12 14.58l1.165-1.165H14c.803.001 1.49.575 1.635 1.365l.115.72h-7.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/contracts/default.svg b/packages/components/src/telekom/icons/user_file/contracts/default.svg
new file mode 100644
index 0000000000..f7e0add3c7
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/contracts/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 16.5c1.25 0 2.25 1 2.25 2.25 0 .692-.34 1.342-.865 1.752L16 20.6v2.9l-1.25-.5-1.25.5v-2.9c-.6-.4-1-1.05-1-1.85 0-1.25 1-2.25 2.25-2.25zM21 .5v19a3.01 3.01 0 01-2.824 2.995L18 22.5h-.5V21h.5c.8 0 1.423-.576 1.493-1.352l.007-.148V2h-15v17.5c0 .8.576 1.423 1.352 1.493L6 21h6v1.5H6a3.01 3.01 0 01-2.995-2.824L3 19.5V.5h18zM16 12c.4 0 .75.35.75.75a.772.772 0 01-.651.743L16 13.5H8c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L8 12h8zm0-3c.4 0 .75.35.75.75a.772.772 0 01-.651.743L16 10.5H8c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L8 9h8zm0-3c.4 0 .75.35.75.75a.772.772 0 01-.651.743L16 7.5H8c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L8 6h8z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/contracts/selected.svg b/packages/components/src/telekom/icons/user_file/contracts/selected.svg
new file mode 100644
index 0000000000..78dc55e79f
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/contracts/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3 .5v19a3 3 0 003 3h7.5v-1.88a2.25 2.25 0 112.5 0v1.88h2a3 3 0 003-3V.5H3zm13 13H8A.75.75 0 118 12h8a.75.75 0 110 1.5zm0-3H8A.75.75 0 118 9h8a.75.75 0 110 1.5zm0-3H8A.75.75 0 118 6h8a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/draft-file/default.svg b/packages/components/src/telekom/icons/user_file/draft-file/default.svg
new file mode 100644
index 0000000000..c2b7c2065a
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/draft-file/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 3.5v17a3.003 3.003 0 01-2.824 2.995l-.176.005h-10a2.995 2.995 0 01-2.492-1.336L6.905 22H19.5c.776 0 1.42-.598 1.493-1.356L21 20.5V5h-2V3.5h3.5zm-5-3v17a3.003 3.003 0 01-2.824 2.995l-.176.005h-10a3.003 3.003 0 01-2.995-2.824L1.5 17.5v-12l5-5h11zM16 2H7.5v3c0 .781-.593 1.42-1.355 1.493L6 6.5H3v11c0 .776.598 1.42 1.356 1.493L4.5 19h10c.776 0 1.42-.598 1.493-1.356L16 17.5V2z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/draft-file/selected.svg b/packages/components/src/telekom/icons/user_file/draft-file/selected.svg
new file mode 100644
index 0000000000..d911b70c7c
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/draft-file/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 3.5v17a3 3 0 01-2.824 2.995l-.176.005h-10a3 3 0 01-2.49-1.33L6.906 22H19.5a1.5 1.5 0 001.493-1.356L21 20.5V5h-2V3.5h3.5zm-5-3v17a3 3 0 01-2.824 2.995l-.176.005h-10a3 3 0 01-2.995-2.824L1.5 17.5V7h4a2.5 2.5 0 002.492-2.302L8 4.5v-4h9.5zM7 .5v4a1.5 1.5 0 01-1.356 1.493L5.5 6h-4L7 .5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/families/default.svg b/packages/components/src/telekom/icons/user_file/families/default.svg
new file mode 100644
index 0000000000..166bd4a5b9
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/families/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.25 16.5l2.85 2.75 2.75-2.75h1.6c1.883 0 3.532 1.305 3.914 3.15l.036.2.1.65H6.6l.1-.65c.29-1.883 1.884-3.253 3.75-3.345l.2-.005h1.6zm-5.4 0c-.375.375-.68.785-.946 1.23L5.75 18H4.5c-.897 0-1.66.58-1.87 1.445l-.03.155-.15.9H.95l.2-1.15c.24-1.589 1.594-2.76 3.168-2.845L4.5 16.5h2.35zm8.2-11.75C18 4.75 20.1 6.9 20.1 9.8c0 2.8-2.05 5.85-5.05 5.85C12 15.65 10 12.6 10 9.8c0-2.95 2.1-5.05 5.05-5.05zm-7 1.15c.55 0 1.05.1 1.5.25-.25.4-.5.85-.65 1.35-.25-.05-.55-.1-.85-.1-1.7 0-2.85 1.2-2.85 2.85 0 1.7 1.15 3.5 2.85 3.5.5 0 .9-.15 1.3-.4.25.45.5.85.8 1.25-.6.4-1.3.65-2.1.65-2.6 0-4.35-2.6-4.35-5 0-2.5 1.9-4.35 4.35-4.35zm7 .35c-2.1 0-3.55 1.45-3.55 3.55 0 2.1 1.45 4.35 3.55 4.35 2.15 0 3.55-2.25 3.55-4.35 0-2.1-1.45-3.55-3.55-3.55z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/families/selected.svg b/packages/components/src/telekom/icons/user_file/families/selected.svg
new file mode 100644
index 0000000000..28c942e610
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/families/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12.25 16.5l2.85 2.75 2.75-2.75h1.6c1.883 0 3.532 1.305 3.914 3.15l.036.2.1.65H6.6l.1-.65c.29-1.883 1.884-3.253 3.75-3.345l.2-.005h1.6zm-5.4 0c-.375.375-.68.785-.946 1.23L5.75 18H4.5c-.897 0-1.66.58-1.87 1.445l-.03.155-.15.9H.95l.2-1.15c.24-1.589 1.594-2.76 3.168-2.845L4.5 16.5h2.35zm8.2-11.75C18 4.75 20.1 6.9 20.1 9.8c0 2.8-2.05 5.85-5.05 5.85C12 15.65 10 12.6 10 9.8c0-2.95 2.1-5.05 5.05-5.05zm-7 1.15c.55 0 1.05.1 1.5.25-.25.4-.5.85-.65 1.35-.25-.05-.55-.1-.85-.1-1.7 0-2.85 1.2-2.85 2.85 0 1.7 1.15 3.5 2.85 3.5.5 0 .9-.15 1.3-.4.25.45.5.85.8 1.25-.6.4-1.3.65-2.1.65-2.6 0-4.35-2.6-4.35-5 0-2.5 1.9-4.35 4.35-4.35z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/family/default.svg b/packages/components/src/telekom/icons/user_file/family/default.svg
new file mode 100644
index 0000000000..b502ff2afc
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/family/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.556 12.5c.013 1.604.591 3.059 1.521 4.135a4.72 4.72 0 00-3.533 3.642l-.04.222-.161 1.001H.009l-.006-.325.007-.622.01-.383.026-.65.056-.99.06-.813.08-.859.063-.59a4.25 4.25 0 014.015-3.763l.208-.005h2.028zm13.512 2a3.734 3.734 0 013.703 3.157c.084.525.137 1.199.171 1.857l.028.648.017.602.012.736h-4.841l-.161-1a4.723 4.723 0 00-3.172-3.75c.5-.55.9-1.205 1.18-1.934l.111-.316h2.952zM10.405 18L12 19.595 13.595 18h.711a3.234 3.234 0 013.175 2.556l.034.181.123.763H5.862l.122-.764a3.234 3.234 0 013.025-2.73L9.193 18h1.212zM12 8.5c2.25 0 3.946 1.697 3.946 3.946C15.946 14.957 14.176 17 12 17s-3.946-2.043-3.946-4.554C8.054 10.196 9.75 8.5 12 8.5zm0 1.5c-1.44 0-2.446 1.006-2.446 2.446 0 1.475.983 3.054 2.446 3.054s2.446-1.579 2.446-3.054C14.446 11.006 13.44 10 12 10zm5.566-6c2.38 0 4.174 1.794 4.175 4.174 0 2.428-1.782 4.918-4.32 4.817.04-.498.038-.924-.058-1.505 1.697.159 2.877-1.619 2.877-3.312 0-1.575-1.1-2.674-2.674-2.674-1.447 0-2.482.934-2.642 2.307a5.363 5.363 0 00-1.423-.609C13.918 5.322 15.525 4 17.566 4zM6.992 1.5c2.51 0 4.403 1.892 4.403 4.402 0 .382-.048.768-.13 1.148a5.513 5.513 0 00-1.714.499 4.24 4.24 0 00.343-1.647C9.894 4.193 8.701 3 6.992 3S4.09 4.193 4.09 5.902c0 1.928 1.405 3.89 3.307 3.559-.29.46-.511.973-.654 1.524-2.494-.162-4.153-2.7-4.153-5.083 0-2.51 1.892-4.402 4.402-4.402z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/family/selected.svg b/packages/components/src/telekom/icons/user_file/family/selected.svg
new file mode 100644
index 0000000000..77e1237fce
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/family/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.556 12.5c.013 1.604.591 3.059 1.521 4.135a4.72 4.72 0 00-3.533 3.642l-.04.222-.161 1.001H.009l-.006-.325.007-.622.01-.383.026-.65.056-.99.06-.813.08-.859.063-.59a4.25 4.25 0 014.015-3.763l.208-.005h2.028zm13.512 2a3.734 3.734 0 013.703 3.157c.084.525.137 1.199.171 1.857l.028.648.017.602.012.736h-4.841l-.161-1a4.723 4.723 0 00-3.172-3.75c.5-.55.9-1.205 1.18-1.934l.111-.316h2.952zM10.405 18L12 19.595 13.595 18h.711a3.234 3.234 0 013.175 2.556l.034.181.123.763H5.862l.122-.764a3.234 3.234 0 013.025-2.73L9.193 18h1.212zM12 8.5c2.25 0 3.946 1.697 3.946 3.946C15.946 14.957 14.176 17 12 17s-3.946-2.043-3.946-4.554C8.054 10.196 9.75 8.5 12 8.5zM17.566 4c2.38 0 4.174 1.794 4.175 4.174 0 2.428-1.782 4.918-4.32 4.817.04-.498.038-.924-.058-1.505 1.697.159 2.877-1.619 2.877-3.312 0-1.575-1.1-2.674-2.674-2.674-1.447 0-2.482.934-2.642 2.307a5.363 5.363 0 00-1.423-.609C13.918 5.322 15.525 4 17.566 4zM6.992 1.5c2.51 0 4.403 1.892 4.403 4.402 0 .382-.048.768-.13 1.148a5.513 5.513 0 00-1.714.499 4.24 4.24 0 00.343-1.647C9.894 4.193 8.701 3 6.992 3S4.09 4.193 4.09 5.902c0 1.928 1.405 3.89 3.307 3.559-.29.46-.511.973-.654 1.524-2.494-.162-4.153-2.7-4.153-5.083 0-2.51 1.892-4.402 4.402-4.402z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/file-collection/default.svg b/packages/components/src/telekom/icons/user_file/file-collection/default.svg
new file mode 100644
index 0000000000..8ca6b94f3d
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/file-collection/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75.5H8v3H5v3H2v14.75a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-.75h.75a2.25 2.25 0 002.25-2.25v-.75h.75a2.25 2.25 0 002.25-2.25V4.363L17.75.5zM14 21.25a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75V8H5v10.25a2.25 2.25 0 002.25 2.25H14v.75zm3-3a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75V5H8v10.25a2.25 2.25 0 002.25 2.25H17v.75zM19.25 16h-9a.75.75 0 01-.75-.75V2H16v2.17c0 .734.595 1.33 1.33 1.33H20v9.75a.75.75 0 01-.75.75z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/file-collection/selected.svg b/packages/components/src/telekom/icons/user_file/file-collection/selected.svg
new file mode 100644
index 0000000000..51ce569cf0
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/file-collection/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.55.46V4a2.33 2.33 0 002.145 2.328l.185.007h3.62v8.875a2.245 2.245 0 01-2.052 2.242l-.198.008h-.75v.79a2.245 2.245 0 01-2.052 2.242l-.198.008h-.75v.75a2.245 2.245 0 01-2.052 2.242l-.198.008h-9a2.245 2.245 0 01-2.242-2.052L2 21.25V6.5h3v-3h3V.46h7.55zM5 8H3.5v13.25c0 .38.282.693.648.743L4.25 22h9a.75.75 0 00.743-.648L14 21.25v-.75H7.25a2.245 2.245 0 01-2.242-2.052L5 18.25V8zm3-3H6.5v13.25c0 .38.282.693.648.743L7.25 19h9a.75.75 0 00.743-.648L17 18.25v-.79h-6.75a2.245 2.245 0 01-2.242-2.052L8 15.21V5zM16.625.46L21.5 5.335h-3.545a1.33 1.33 0 01-1.322-1.185L16.625 4V.46z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/file/default.svg b/packages/components/src/telekom/icons/user_file/file/default.svg
new file mode 100644
index 0000000000..13ba221d33
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/file/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M3 1v19c0 1.65 1.35 3 3 3h10l5-5V1H3zm1.5 19V2.5h15V17h-3c-.85 0-1.5.65-1.5 1.5v3H6c-.85 0-1.5-.65-1.5-1.5z" id="a"/><path id="c" d="M0 0h12.002v16H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#000" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(6 4)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M10.131 15h-8.25a.94.94 0 01-.88-.996V2a.94.94 0 01.876-1h4.124v5a.5.5 0 00.5.5h4.5V14a.94.94 0 01-.87 1zm.46-9.5h-3.59V1.58l3.59 3.92zm1.28-.09L7.061.16a.518.518 0 00-.37-.16h-4.81a1.94 1.94 0 00-1.88 1.998V14a1.94 1.94 0 001.878 2h8.252a1.94 1.94 0 001.87-2V5.75a.53.53 0 00-.13-.34z" fill="#000" mask="url(#d)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/file/selected.svg b/packages/components/src/telekom/icons/user_file/file/selected.svg
new file mode 100644
index 0000000000..aae86b73d9
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/file/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.356-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.336L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/girl/default.svg b/packages/components/src/telekom/icons/user_file/girl/default.svg
new file mode 100644
index 0000000000..274815f63d
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/girl/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.561 19.006L12 21.447l2.44-2.44h1.674c1.017 0 1.948.395 2.636 1.052.732.697.99 1.413 1.144 2.234l.037.208H4.068c.165-.99.455-1.835 1.347-2.591a3.807 3.807 0 012.239-.896l.232-.007h1.675zM20.576 4.5c.962 2.544-1.409 4.275-3.567 3.954.413.8.643 1.729.643 2.745 0 3.18-2.27 6.585-5.651 6.585-3.38 0-5.652-3.405-5.652-6.585 0-1.016.23-1.946.644-2.745-2.16.321-4.53-1.409-3.569-3.954l.065.06.112.09a2.2 2.2 0 001.238.451c.215.007.41-.028.598-.076l.414-.117c.412-.115.83-.185 1.39.119.64.347.935 1.217 1.065 1.795.97-.805 2.244-1.274 3.695-1.274 1.45 0 2.724.469 3.694 1.274.13-.578.424-1.448 1.064-1.795.498-.27.884-.245 1.253-.156l.552.154c.188.048.383.083.598.076a2.2 2.2 0 001.238-.45l.112-.09.064-.06zM12 8.804l-.106.221c-.508.993-1.658 2.415-4.027 2.61.183 2.321 1.796 4.648 4.133 4.648 2.336 0 3.95-2.327 4.133-4.648-2.551-.21-3.688-1.843-4.133-2.83z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/girl/selected.svg b/packages/components/src/telekom/icons/user_file/girl/selected.svg
new file mode 100644
index 0000000000..274815f63d
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/girl/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.561 19.006L12 21.447l2.44-2.44h1.674c1.017 0 1.948.395 2.636 1.052.732.697.99 1.413 1.144 2.234l.037.208H4.068c.165-.99.455-1.835 1.347-2.591a3.807 3.807 0 012.239-.896l.232-.007h1.675zM20.576 4.5c.962 2.544-1.409 4.275-3.567 3.954.413.8.643 1.729.643 2.745 0 3.18-2.27 6.585-5.651 6.585-3.38 0-5.652-3.405-5.652-6.585 0-1.016.23-1.946.644-2.745-2.16.321-4.53-1.409-3.569-3.954l.065.06.112.09a2.2 2.2 0 001.238.451c.215.007.41-.028.598-.076l.414-.117c.412-.115.83-.185 1.39.119.64.347.935 1.217 1.065 1.795.97-.805 2.244-1.274 3.695-1.274 1.45 0 2.724.469 3.694 1.274.13-.578.424-1.448 1.064-1.795.498-.27.884-.245 1.253-.156l.552.154c.188.048.383.083.598.076a2.2 2.2 0 001.238-.45l.112-.09.064-.06zM12 8.804l-.106.221c-.508.993-1.658 2.415-4.027 2.61.183 2.321 1.796 4.648 4.133 4.648 2.336 0 3.95-2.327 4.133-4.648-2.551-.21-3.688-1.843-4.133-2.83z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/handshake/default.svg b/packages/components/src/telekom/icons/user_file/handshake/default.svg
new file mode 100644
index 0000000000..f90b785fb7
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/handshake/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M22.608 13.008l-3.024.912-3.12-4.08a2.16 2.16 0 00-2.832-.528l-3.504 2.112a.68.68 0 01-.912-.144c-.288-.288-.24-.768.048-1.056l3.6-3.12a2.853 2.853 0 011.824-.672c.624 0 1.248.192 1.728.576l1.344 1.056c.768.576 1.728.816 2.64.576l2.496-.576a.716.716 0 10-.336-1.392l-2.4.672c-.48.096-1.008 0-1.44-.336l-1.344-1.056a4.26 4.26 0 00-2.592-.912c-.912 0-1.776.288-2.544.864-1.2-1.008-3.024-1.104-4.32-.24L6.336 6.72c-.768.48-1.68.672-2.592.48l-2.4-.48a.79.79 0 00-.864.576.79.79 0 00.576.864l2.4.48c.336.048.624.096.96.096.96 0 1.92-.288 2.736-.816l1.536-1.056c.72-.48 1.68-.48 2.352 0L8.304 9.168c-.912.816-1.008 2.208-.192 3.072a2.12 2.12 0 002.736.384L14.4 10.56c.336-.192.72-.096.96.192 0 0 2.496 3.264 3.072 4.032.528.72.288 1.536-.144 1.776-.288.192-1.008.144-1.008.144s-.096.864-.528 1.104c-.384.24-1.248 0-1.248 0s-.24.672-.528.864c-.48.336-1.344-.048-1.344-.048s-.336.576-.528.72c-.24.144-.576.192-.912.048.528-1.104.384-2.352-.432-3.024a1.826 1.826 0 00-.816-.384c-.144-.24-.288-.384-.48-.576-.24-.192-.48-.288-.768-.384-.144-.24-.288-.48-.528-.672-.192-.144-.384-.24-.576-.336-.144-.288-.336-.576-.576-.768-1.008-.816-2.496-.48-3.552.672l-3.024-.912c-.384-.144-.768.096-.912.48-.144.384.096.768.48.912l2.784.912c-.336 1.008-.096 2.016.624 2.592.192.144.384.24.576.336.144.288.336.576.576.768.24.192.48.288.768.384.144.24.288.48.528.672.24.192.528.336.816.384.144.24.288.384.48.576.384.288.816.432 1.296.432.624 0 1.344-.288 1.92-.768.432.24.864.336 1.296.336.432 0 .912-.144 1.296-.384.144-.096.24-.192.384-.288.528.048 1.056-.048 1.536-.384.192-.144.384-.288.528-.48a2.38 2.38 0 001.248-.384c.384-.24.624-.576.816-.96.24-.048.48-.144.672-.288.576-.384.96-1.008 1.056-1.776.048-.24 0-.48 0-.72l2.928-.864c.384-.096.576-.528.48-.912-.24-.48-.624-.672-1.008-.576zm-11.952 6.24c-.528.672-1.296.816-1.632.576-.24-.192-.336-.864-.336-.864s-.672.144-.96-.096c-.288-.24-.336-.912-.336-.912s-.672.144-.96-.096c-.288-.24-.288-.912-.288-.912s-.576.048-.864-.144c-.336-.288-.336-1.056.24-1.728.528-.672 1.296-.864 1.632-.576.336.288.288.912.288.912s.624-.048.864.192c.288.288.288.912.288.912s.624-.144.96.096c.336.24.336.864.336.864s.624-.144.96.096c.336.24.336 1.008-.192 1.68z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/handshake/selected.svg b/packages/components/src/telekom/icons/user_file/handshake/selected.svg
new file mode 100644
index 0000000000..99499381f3
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/handshake/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M23.424 7.2c0-.366-.48-.624-.864-.528l-2.4.672c-.48.096-1.008 0-1.44-.336l-1.344-1.056a4.26 4.26 0 00-2.592-.912c-.912 0-1.776.288-2.544.864-1.2-1.008-3.024-1.104-4.32-.24L6.336 6.72c-.768.48-1.68.672-2.592.48l-2.4-.48a.79.79 0 00-.864.576.79.79 0 00.576.864l2.4.48c.336.048.624.096.96.096.96 0 1.92-.288 2.736-.816l1.536-1.056c.72-.48 1.68-.48 2.352 0L8.304 9.168c-.912.816-1.008 2.208-.192 3.072a2.12 2.12 0 002.736.384L14.4 10.56c.336-.192.72-.096.96.192 0 0 2.496 3.264 3.072 4.032.528.72.288 1.536-.144 1.776-.288.192-1.008.144-1.008.144s-.096.864-.528 1.104c-.384.24-1.248 0-1.248 0s-.24.672-.528.864c-.48.336-1.344-.048-1.344-.048s-.336.576-.528.72c-.24.144-.576.192-.912.048.528-1.104.384-2.352-.432-3.024a1.826 1.826 0 00-.816-.384c-.144-.24-.288-.384-.48-.576-.24-.192-.48-.288-.768-.384-.144-.24-.288-.48-.528-.672-.192-.144-.384-.24-.576-.336-.144-.288-.336-.576-.576-.768-1.008-.816-2.496-.48-3.552.672l-3.024-.912c-.384-.144-.768.096-.912.48-.144.384.096.768.48.912l2.784.912c-.336 1.008-.096 2.016.624 2.592.192.144.384.24.576.336.144.288.336.576.576.768.24.192.48.288.768.384.144.24.288.48.528.672.24.192.528.336.816.384.144.24.288.384.48.576.384.288.816.432 1.296.432.624 0 1.344-.288 1.92-.768.432.24.864.336 1.296.336.432 0 .912-.144 1.296-.384.144-.096.24-.192.384-.288.528.048 1.056-.048 1.536-.384.192-.144.384-.288.528-.48a2.38 2.38 0 001.248-.384c.384-.24.624-.576.816-.96.24-.048.48-.144.672-.288.576-.384.96-1.008 1.056-1.776.048-.24 0-.48 0-.72l2.684-.803c.384-.096.532-.449.532-.98V7.2z" id="a"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/html-file/default.svg b/packages/components/src/telekom/icons/user_file/html-file/default.svg
new file mode 100644
index 0000000000..e17bd00b8a
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/html-file/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.652 11.39h-1.314V8.404h-.743v3.673h2.057v-.687zm-5.648-1.386h.032l.897 1.617h.237l.9-1.617h.035v2.073h.742V8.404h-.687l-1.09 2.035h-.032l-1.095-2.035h-.682v3.673h.743v-2.073zm-2.911 2.073h.743V9.09h.94v-.687H9.154v.687h.94v2.986zm-3.481-1.523h1.315v1.523h.743V8.404h-.743v1.463H6.612V8.404H5.87v3.673h.742v-1.523zM19.504 17h-3a1.5 1.5 0 00-1.5 1.5v3h-9a1.5 1.5 0 01-1.5-1.5V2.5h15V17zM3.004 1v19a3 3 0 003 3h10l5-5V1h-18z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/html-file/selected.svg b/packages/components/src/telekom/icons/user_file/html-file/selected.svg
new file mode 100644
index 0000000000..dc62eb499c
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/html-file/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.652 12.077h-2.057V8.403h.743v2.987h1.314v.687zm-2.805 0h-.742v-2.073h-.034l-.901 1.617h-.237l-.897-1.617h-.032v2.073h-.743V8.403h.682l1.095 2.035h.032l1.09-2.035h.687v3.674zm-4.07-2.986h-.941v2.986h-.743V9.091h-.94v-.688h2.624v.688zM8.67 12.077h-.743v-1.523H6.612v1.523H5.87V8.403h.742v1.463h1.315V8.403h.743v3.674zM3.004 1v19a3 3 0 003 3h8.5v-4a2.5 2.5 0 012.5-2.5h4V1h-18zm12.5 18v4l5.5-5.5h-4a1.5 1.5 0 00-1.5 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/id-card/default.svg b/packages/components/src/telekom/icons/user_file/id-card/default.svg
new file mode 100644
index 0000000000..4f30a8382c
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/id-card/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 3.5v14a3.01 3.01 0 01-2.824 2.995l-.176.005h-17a3.01 3.01 0 01-2.995-2.824L.5 17.5v-14h23zM22 5H2v12.5c0 .8.576 1.423 1.352 1.493L3.5 19h17c.8 0 1.423-.576 1.493-1.352L22 17.5V5zM7.15 13.5l1.15 1.1 1.1-1.1h.75c.703 0 1.318.483 1.516 1.162l.034.138.1.7H4.7l.15-.7c.14-.703.72-1.23 1.41-1.294l.14-.006h.75zm12.1-1c.4 0 .75.35.75.75a.772.772 0 01-.651.743L19.25 14h-5c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h5zm-11-4.45c1.15 0 2.1.85 2.1 2.1s-.9 2.5-2.1 2.5c-1.2 0-2.1-1.25-2.1-2.5s.95-2.1 2.1-2.1zm11 1.45c.4 0 .75.35.75.75a.772.772 0 01-.651.743L19.25 11h-5c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743l.099-.007h5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/id-card/selected.svg b/packages/components/src/telekom/icons/user_file/id-card/selected.svg
new file mode 100644
index 0000000000..f925a8411c
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/id-card/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M.5 3.5v14a3 3 0 003 3h17a3 3 0 003-3v-14H.5zm7.755 4.47a2 2 0 012.08 2.095c0 1.265-.875 2.5-2.08 2.5s-2.085-1.225-2.085-2.5A2 2 0 018.255 7.97zM4.5 15.47l.13-.72a1.665 1.665 0 011.64-1.365h.815L8.25 14.55l1.16-1.165h.815a1.665 1.665 0 011.64 1.365l.135.72H4.5zM19.25 14h-5a.75.75 0 110-1.5h5a.75.75 0 110 1.5zm0-3h-5a.75.75 0 110-1.5h5a.75.75 0 110 1.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/image-file/default.svg b/packages/components/src/telekom/icons/user_file/image-file/default.svg
new file mode 100644
index 0000000000..0ece98138b
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/image-file/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v17l-5 5H6a3.003 3.003 0 01-2.995-2.824L3 20V1h18zm-1.5 1.5h-15V20c0 .776.598 1.42 1.356 1.493L6 21.5h9v-3c0-.781.593-1.42 1.355-1.493L16.5 17h3V2.5zm-6 6.5l4.27 5.5H6.23l3.13-4.035 1.5 1.935L13.5 9zM7.75 7a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/image-file/selected.svg b/packages/components/src/telekom/icons/user_file/image-file/selected.svg
new file mode 100644
index 0000000000..fa77a80e30
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/image-file/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.356-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.336L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18zm-7.5 8l-2.64 3.4-1.5-1.935L6.23 14.5h11.54L13.5 9zM7.75 7a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/logout/default.svg b/packages/components/src/telekom/icons/user_file/logout/default.svg
new file mode 100644
index 0000000000..cd7f616eb7
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/logout/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 16l5.7 3.75L18 23.5v-3h-3.25c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L14.75 19H18v-3zm-10.6-.5l3.1 3.1 3.1-3.1h2.429c.114.002.219.007.32.021l.151.029v1.95h-1.75c-1.4 0-2.5 1.25-2.2 2.7.033.067.044.133.063.2l.037.1H.3l.15-1.05a4.73 4.73 0 014.474-3.945l.226-.005H7.4zM10.5 1c3.5 0 6 2.5 6 6 0 3.4-2.4 7-6 7s-6-3.6-6-7c0-3.5 2.5-6 6-6zm0 1.5C7.9 2.5 6 4.4 6 7c0 2.65 1.8 5.5 4.5 5.5S15 9.65 15 7c0-2.6-1.9-4.5-4.5-4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/logout/selected.svg b/packages/components/src/telekom/icons/user_file/logout/selected.svg
new file mode 100644
index 0000000000..82ca50a011
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/logout/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 16l5.7 3.75L18 23.5v-3h-3.25c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L14.75 19H18v-3zm-10.6-.5l3.1 3.1 3.1-3.1h2.429c.114.002.219.007.32.021l.151.029v1.95h-1.75c-1.4 0-2.5 1.25-2.2 2.7.033.067.044.133.063.2l.037.1H.3l.15-1.05a4.73 4.73 0 014.474-3.945l.226-.005H7.4zM10.5 1c3.5 0 6 2.5 6 6 0 3.4-2.4 7-6 7s-6-3.6-6-7c0-3.5 2.5-6 6-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/man/default.svg b/packages/components/src/telekom/icons/user_file/man/default.svg
new file mode 100644
index 0000000000..d68fcbc6cb
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/man/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.905 17.5L12 20.595l3.095-3.095h2.266a4.734 4.734 0 014.644 3.749l.042.22.172 1.031H1.781l.172-1.031a4.734 4.734 0 014.461-3.964l.224-.005h2.267zM11.5 2c2.127 0 3.396 1.128 4.068 2.014 1.723.24 2.393 1.691 2.434 4.667l.002.292-.006-.009L18 9c0 3.38-2.411 7-6 7-3.26 0-5.548-2.986-5.94-6.067-.117-.917-.051-2.172.1-3.087C6.583 4.279 7.957 2 11.5 2zm3.094 4.204l-.075.11-.093.127-.13.166-.078.095-.184.21c-.708.776-2.077 1.933-4.054 2.097l.036-.174.033-.19.034-.233c.036-.291.058-.634.011-.896l-.153.123-.227.167-.2.137-.234.15a8.116 8.116 0 01-.13.079l-.282.158c-.394.212-.86.417-1.363.55-.062 2.726 1.79 5.62 4.495 5.62 2.746 0 4.598-2.975 4.491-5.706-.61-.574-1.389-1.457-1.897-2.59z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/man/selected.svg b/packages/components/src/telekom/icons/user_file/man/selected.svg
new file mode 100644
index 0000000000..372e2fbe6e
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/man/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.905 17.5L12 20.595l3.095-3.095h2.265a4.73 4.73 0 014.645 3.757l.04.213.175 1.03H1.78l.175-1.03a4.73 4.73 0 014.468-3.966l.217-.004h2.265zM11.5 2a4.96 4.96 0 014.07 2c1.72.252 2.388 1.705 2.428 4.705L18 9l-.003.22C17.895 12.537 15.512 16 12 16s-5.895-3.464-5.997-6.78L6 8.95l.001-.193c.003-.194.009-.388.019-.583l.026-.39C6.284 4.861 7.529 2 11.5 2zm3.115 4.195l-.117.169-.112.147-.15.182-.184.21C13.34 7.68 11.969 8.836 10 9c.109-.492.14-.998.095-1.5a7.37 7.37 0 01-2.281 1.28l-.314.1V9c0 2.655 1.81 5.5 4.5 5.5 2.62 0 4.404-2.697 4.496-5.29L16.5 9v-.205a8.275 8.275 0 01-1.885-2.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/pdf-file/default.svg b/packages/components/src/telekom/icons/user_file/pdf-file/default.svg
new file mode 100644
index 0000000000..f3426c4af6
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/pdf-file/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v17l-5 5H6a3.003 3.003 0 01-2.995-2.824L3 20V1h18zm-1.5 1.5h-15V20c0 .776.598 1.42 1.356 1.493L6 21.5h9v-3c0-.781.593-1.42 1.355-1.493L16.5 17h3V2.5zM8.315 7.05c.94 0 1.6.58 1.6 1.61 0 .973-.589 1.535-1.446 1.595l-.154.005H7.5v1.63h-.98V7.05h1.795zm3.885 0c1.26 0 2.05.845 2.05 2.42 0 1.505-.726 2.348-1.895 2.416l-.155.004h-1.68V7.05h1.68zm5.59-.005v.91h-1.795v1.09h1.73v.91h-1.73v1.935h-.98V7.045h2.775zm-5.665.91h-.63v3.03h.63c.675 0 1.11-.45 1.11-1.515 0-1.002-.385-1.46-.993-1.51l-.117-.005zm-3.875 0h-.755v1.4h.755c.365 0 .65-.245.65-.695 0-.418-.231-.659-.551-.699l-.099-.006z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/pdf-file/selected.svg b/packages/components/src/telekom/icons/user_file/pdf-file/selected.svg
new file mode 100644
index 0000000000..ea16f62178
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/pdf-file/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.356-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.336L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18zM8.545 6.877L8.4 6.88H6.605v4.845h.975v-1.63h.82A1.5 1.5 0 0010 8.5a1.5 1.5 0 00-1.455-1.623zm3.83.003H10.69v4.845h1.685c1.26 0 2.05-.845 2.05-2.42 0-1.51-.726-2.353-1.895-2.42l-.155-.005zm5.625 0h-2.805v4.845h1V9.79h1.73v-.91h-1.73V7.79H18v-.91zm-5.7.91c.7 0 1.11.48 1.11 1.53 0 .988-.385 1.445-.993 1.495l-.117.005h-.63V7.79h.63zm-3.965 0A.635.635 0 019 8.5a.635.635 0 01-.556.681l-.109.004H7.58V7.79h.755z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/switch-users/default.svg b/packages/components/src/telekom/icons/user_file/switch-users/default.svg
new file mode 100644
index 0000000000..a30f0e73fe
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/switch-users/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 18.65v1.85h2.75c.4 0 .75.35.75.75a.772.772 0 01-.651.743L20.75 22H18v1.85l-4-2.6 4-2.6zM7.1 15.5l2.9 2.9 2.85-2.9h2c-.3.45-.45 1.05-.3 1.7.089.489.375.899.719 1.23l.131.12L13.15 20H.6l.15-.8a4.402 4.402 0 014.136-3.695L5.1 15.5h2zm12.4-1.35l4 2.6-4 2.6V17.5h-2.75c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L16.75 16h2.75v-1.85zM10 2.25c3.2 0 5.55 2.35 5.55 5.55 0 3.1-2.25 6.45-5.55 6.45S4.45 10.9 4.45 7.8c0-3.2 2.35-5.55 5.55-5.55zm0 1.5c-2.35 0-4.05 1.7-4.05 4.05 0 2.4 1.65 4.95 4.05 4.95s4.05-2.55 4.05-4.95c0-2.35-1.7-4.05-4.05-4.05z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/switch-users/selected.svg b/packages/components/src/telekom/icons/user_file/switch-users/selected.svg
new file mode 100644
index 0000000000..dba993cb9d
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/switch-users/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 18.65v1.85h2.75c.4 0 .75.35.75.75a.772.772 0 01-.651.743L20.75 22H18v1.85l-4-2.6 4-2.6zM7.1 15.5l2.9 2.9 2.85-2.9h2c-.3.45-.45 1.05-.3 1.7.089.489.375.899.719 1.23l.131.12L13.15 20H.6l.15-.8a4.402 4.402 0 014.136-3.695L5.1 15.5h2zm12.4-1.35l4 2.6-4 2.6V17.5h-2.75c-.4 0-.75-.35-.75-.75 0-.367.294-.691.651-.743L16.75 16h2.75v-1.85zM10 2.25c3.2 0 5.55 2.35 5.55 5.55 0 3.1-2.25 6.45-5.55 6.45S4.45 10.9 4.45 7.8c0-3.2 2.35-5.55 5.55-5.55z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/user/default.svg b/packages/components/src/telekom/icons/user_file/user/default.svg
new file mode 100644
index 0000000000..a55c718538
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/user/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.9 16.5l3.1 3.1 3.1-3.1h2.25a4.73 4.73 0 014.656 3.73l.044.22.2 1.05H1.8l.15-1.05a4.73 4.73 0 014.474-3.945l.226-.005H8.9zM12 2c3.5 0 6 2.5 6 6 0 3.4-2.4 7-6 7s-6-3.6-6-7c0-3.5 2.5-6 6-6zm0 1.5C9.4 3.5 7.5 5.4 7.5 8c0 2.65 1.8 5.5 4.5 5.5s4.5-2.85 4.5-5.5c0-2.6-1.9-4.5-4.5-4.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/user/selected.svg b/packages/components/src/telekom/icons/user_file/user/selected.svg
new file mode 100644
index 0000000000..99ae4d8572
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/user/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.9 16.5l3.1 3.1 3.1-3.1h2.25a4.73 4.73 0 014.656 3.73l.044.22.2 1.05H1.8l.15-1.05a4.73 4.73 0 014.474-3.945l.226-.005H8.9zM12 2c3.5 0 6 2.5 6 6 0 3.4-2.4 7-6 7s-6-3.6-6-7c0-3.5 2.5-6 6-6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/videos/default.svg b/packages/components/src/telekom/icons/user_file/videos/default.svg
new file mode 100644
index 0000000000..49ac16c102
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/videos/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 1v17l-5 5H6a3.01 3.01 0 01-2.995-2.824L3 20V1h18zm-1.5 1.5h-15V20c0 .8.576 1.423 1.352 1.493L6 21.5h9v-3c0-.8.576-1.423 1.352-1.493L16.5 17h3V2.5zm-10 5.75L15.25 12 9.5 15.75v-7.5z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/videos/selected.svg b/packages/components/src/telekom/icons/user_file/videos/selected.svg
new file mode 100644
index 0000000000..209d63a215
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/videos/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 17.5L15.5 23v-4a1.5 1.5 0 011.356-1.493L17 17.5h4zM21 1v15.5h-4a2.5 2.5 0 00-2.495 2.336L14.5 19v4H6a3 3 0 01-2.995-2.824L3 20V1h18zM9.5 8.25v7.5L15.24 12 9.5 8.25z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/woman/default.svg b/packages/components/src/telekom/icons/user_file/woman/default.svg
new file mode 100644
index 0000000000..298342476a
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/woman/default.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.905 17.5L12 20.595l3.095-3.095h2.266a4.734 4.734 0 014.644 3.749l.042.22.172 1.031H1.781l.172-1.031a4.734 4.734 0 014.461-3.964l.224-.005h2.267zm2.6-15.5c1.766 0 2.942.78 3.675 1.551 1.044.054 1.785.507 2.242 1.399.471.922.53 1.613.54 2.352l.005.685c.008.476.038.998.168 1.627.21 1.016.683 2.31 1.748 4.136-.166.107-.474.225-.88.341l-.371.098-.202.049-.431.093c-.3.06-.62.117-.953.167l-.51.07c-.345.044-.698.08-1.053.106-.95.816-2.131 1.326-3.479 1.326-1.348 0-2.53-.511-3.48-1.329-.265-.02-.53-.044-.792-.074l-.517-.065a20.5 20.5 0 01-.978-.16l-.449-.09-.413-.095-.191-.049-.348-.099c-.324-.099-.57-.198-.71-.289 1.083-1.858 1.542-3.155 1.743-4.186a9.143 9.143 0 00.157-1.52l.02-.802c.022-.614.084-1.225.358-1.971C7.092 3.395 8.692 2 11.504 2zm2.745 4.416c-2.343 2.11-4.585 2.966-6.74 2.71.055 2.619 1.845 5.374 4.495 5.374 2.598 0 4.368-2.65 4.487-5.224-.733-.648-1.705-1.66-2.242-2.86z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/user_file/woman/selected.svg b/packages/components/src/telekom/icons/user_file/woman/selected.svg
new file mode 100644
index 0000000000..c223b5a618
--- /dev/null
+++ b/packages/components/src/telekom/icons/user_file/woman/selected.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.905 17.5L12 20.595l3.095-3.095h2.265a4.73 4.73 0 014.645 3.757l.04.213.175 1.03H1.78l.175-1.03a4.73 4.73 0 014.468-3.966l.217-.004h2.265zM11.5 2a4.92 4.92 0 013.695 1.55 2.47 2.47 0 012.24 1.4c.394.77.493 1.417.527 2.087l.014.405.015.633c.03.874.133 1.885.704 3.285a18.8 18.8 0 001.205 2.39c-.143.091-.39.19-.714.29l-.348.1c-.186.049-.388.097-.604.144l-.448.09c-.154.03-.313.058-.477.085l-.5.075-.256.035-.523.06c-.176.017-.353.033-.53.046A5.29 5.29 0 0112 16a5.26 5.26 0 01-3.475-1.33l-.254-.02-.506-.05c-.084-.009-.167-.018-.25-.029l-.49-.065-.24-.037-.462-.079-.437-.085-.406-.09-.368-.093-.325-.095c-.302-.095-.532-.19-.662-.277a18.8 18.8 0 001.2-2.39c.53-1.3.645-2.267.686-3.126l.03-.906c.026-.663.083-1.308.359-2.058C7.09 3.395 8.685 2 11.5 2zm2.75 4.415c-2.345 2.11-4.585 2.965-6.75 2.71.06 2.62 1.895 5.375 4.5 5.375s4.375-2.65 4.5-5.225a8.94 8.94 0 01-2.25-2.86z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-rain/default.svg b/packages/components/src/telekom/icons/weather/cloudy-rain/default.svg
index 22a1ba8811..0e847f4c67 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-rain/default.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-rain/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-rain/default</title>
-    <g id="icon/weather/cloudy-rain/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M9.3652,18.1956 C9.4513,18.1165 9.58241875,18.1712312 9.59991875,18.2743117 L9.6,18.3212 L9.1208,21.3844 C9.016,22.0536 8.3884,22.5116 7.7188,22.4068 C6.74513333,22.2546167 6.35446875,21.0881493 6.99074685,20.3796894 L7.0796,20.29 L9.3652,18.1956 Z M8.1152,14.036 C8.2013,13.95725 8.33241875,14.0117187 8.34991875,14.1149961 L8.35,14.162 L7.8204,17.5484 C7.706,18.2804 7.0196,18.7808 6.2872,18.6664 C5.21873846,18.4990923 4.79191893,17.2156604 5.49782301,16.4419007 L5.588,16.3516 L8.1152,14.036 Z M13.0492,12.7316 C13.1353,12.6525 13.2661125,12.7072312 13.2838039,12.8105797 L13.284,12.8576 L12.6684,16.7932 C12.5372,17.6316 11.7512,18.2048 10.9128,18.0736 C9.68622857,17.8815143 9.19832755,16.4040082 10.0161309,15.5186419 L10.1124,15.4228 L13.0492,12.7316 Z M10.4996,5.9812 C12.8528,5.9812 14.928,7.4328 15.742,9.62 C17.122,10.3508 18,11.7924 18,13.3636 C18,15.6288121 16.2130307,17.4844242 13.9750876,17.5948055 L13.764,17.6 L13.6788,17.6 C13.7321333,17.4693333 13.7771111,17.3336889 13.8112444,17.1930667 L13.854,16.9784 L13.946,16.3908 C15.5352,16.2956 16.8,14.9764 16.8,13.3636 C16.8,12.2400889 16.172763,11.2089864 15.1865158,10.6837529 L15.0088,10.5964 L14.766,10.4868 L14.6844,10.2328 C14.0988,8.4072 12.4168,7.1808 10.4992,7.1808 C9.49415385,7.1808 8.52455385,7.5264 7.74235703,8.159397 L7.5508,8.3236 L7.2888,8.5616 L6.954,8.4472 C6.7108,8.3644 6.4628,8.3224 6.2156,8.3224 C5.01001667,8.3224 4.01970694,9.26247708 3.93927416,10.4480279 L3.934,10.604 L3.958,11.1208 L3.5852,11.2872 C2.6224,11.7176 2,12.6752 2,13.7272 C2,15.0228 2.9268,16.1056 4.1524,16.348 C3.9944,16.7188 3.9328,17.1236 3.9652,17.532 C2.1668,17.1984 0.8,15.6208 0.8,13.7272 C0.8,12.3356 1.5504,11.0584 2.742,10.372 C2.862,8.56 4.3744,7.1228 6.216,7.1228 C6.48,7.1228 6.744,7.1536 7.0036,7.2144 C7.9964,6.4168 9.2252,5.9812 10.4996,5.9812 Z M19.7464,10.5464 C19.9547556,10.3384 20.277837,10.3152889 20.5116872,10.4770667 L20.5948,10.5464 L21.444,11.3948 C21.6784,11.6292 21.6784,12.0092 21.444,12.2436 C21.3268,12.3608 21.1732,12.4192 21.0196,12.4192 C20.89672,12.4192 20.77384,12.381568 20.6695968,12.3067136 L20.5952,12.2436 L19.7464,11.3952 C19.512,11.1608 19.512,10.7804 19.7464,10.5464 Z M16.6,4.4 C18.2544,4.4 19.6,5.7456 19.6,7.4 C19.6,8.532 18.9696,9.5184 18.042,10.0292 C17.668,9.5496 17.2196,9.1256 16.698,8.7904 C16.1328,7.5272 15.2076,6.4956 14.0704,5.794 C14.6032,4.9576 15.5368,4.4 16.6,4.4 Z M22.85,6.8 C23.1812,6.8 23.45,7.0684 23.45,7.4 C23.45,7.69844 23.232272,7.945688 22.9472816,7.9921532 L22.85,8 L21.65,8 C21.3188,8 21.05,7.7316 21.05,7.4 C21.05,7.10156 21.267728,6.854312 21.5527184,6.8078468 L21.65,6.8 L22.85,6.8 Z M20.5956,2.5564 C20.83,2.3224 21.2096,2.322 21.444,2.5564 C21.6523556,2.76475556 21.6755062,3.08815309 21.5134519,3.32207353 L21.444,3.4052 L20.5952,4.2536 C20.478,4.3708 20.3244,4.4292 20.1708,4.4292 C20.0172,4.4292 19.8636,4.3704 19.7468,4.2536 C19.5384444,4.04524444 19.5152938,3.72184691 19.6773481,3.48792647 L19.7468,3.4048 L20.5956,2.5564 Z M11.7568,2.5564 C11.9651556,2.3484 12.288237,2.32528889 12.5220872,2.48706667 L12.6052,2.5564 L13.454,3.4048 C13.6884,3.6392 13.6884,4.0192 13.454,4.2536 C13.3368,4.3708 13.1832,4.4292 13.0296,4.4292 C12.90672,4.4292 12.78384,4.391568 12.6795968,4.3167136 L12.6052,4.2536 L11.7568,3.4052 C11.5224,3.1708 11.5224,2.7904 11.7568,2.5564 Z M16.6,0.55 C16.89808,0.55 17.145616,0.767404 17.1921424,1.0526212 L17.2,1.15 L17.2,2.35 C17.2,2.6816 16.9312,2.95 16.6,2.95 C16.30192,2.95 16.054384,2.732596 16.0078576,2.4473788 L16,2.35 L16,1.15 C16,0.8184 16.2688,0.55 16.6,0.55 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.365 18.196a.141.141 0 01.235.078v.047l-.48 3.063a1.227 1.227 0 01-1.401 1.023c-.974-.152-1.365-1.319-.728-2.027l.089-.09 2.285-2.094zm-1.25-4.16a.142.142 0 01.235.079v.047l-.53 3.386a1.342 1.342 0 01-1.533 1.118c-1.068-.167-1.495-1.45-.79-2.224l.091-.09 2.527-2.316zm4.934-1.304a.141.141 0 01.235.079v.047l-.616 3.935a1.536 1.536 0 01-1.755 1.28c-1.227-.191-1.715-1.669-.897-2.554l.096-.096 2.937-2.691zm-2.55-6.75a5.577 5.577 0 015.243 3.638A4.246 4.246 0 0118 13.364a4.242 4.242 0 01-4.025 4.23l-.211.006h-.085c.053-.13.098-.266.132-.407l.043-.215.092-.587a3.038 3.038 0 002.854-3.027 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.5 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166A2.677 2.677 0 002 13.727c0 1.296.927 2.379 2.152 2.621-.158.37-.22.776-.187 1.184A3.877 3.877 0 01.8 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.5 5.981zm9.247 4.564a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.849-.849a.6.6 0 010-.849zM16.6 4.4c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.44 5.44 0 00-1.344-1.24 6.765 6.765 0 00-2.628-2.996A2.998 2.998 0 0116.6 4.4zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zm-2.254-4.244a.6.6 0 01.917.766l-.069.083-.849.849a.598.598 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849zm-8.84 0a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 010-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 2.35v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-rain/selected.svg b/packages/components/src/telekom/icons/weather/cloudy-rain/selected.svg
index b9c5890618..00f673182d 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-rain/selected.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-rain/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-rain/selected</title>
-    <g id="icon/weather/cloudy-rain/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M9.36565,18.19545 C9.4518375,18.1167 9.58281406,18.1711688 9.60047812,18.2744461 L9.60065,18.32145 L9.12115,21.38445 C9.01665,22.05345 8.38915,22.51145 7.71915,22.40695 C6.74548333,22.254575 6.35500243,21.0882833 6.99129583,20.3796624 L7.08015,20.28995 L9.36565,18.19545 Z M8.11565,14.03595 C8.2018375,13.9572 8.33281406,14.0116688 8.35047813,14.1149461 L8.35065,14.16195 L7.82115,17.54845 C7.70665,18.28045 7.02015,18.78095 6.28765,18.66645 C5.21938077,18.4991423 4.79229127,17.2158953 5.49844099,16.4417942 L5.58865,16.35145 L8.11565,14.03595 Z M13.04965,12.73145 C13.1358375,12.6527 13.2668141,12.7071688 13.2844781,12.8104461 L13.28465,12.85745 L12.66915,16.79345 C12.53765,17.63145 11.75165,18.20495 10.91315,18.07345 C9.68657857,17.8815571 9.19877054,16.4041509 10.0168495,15.5187915 L10.11315,15.42295 L13.04965,12.73145 Z M10.51115,5.94995 C12.86515,5.94995 14.93865,7.41695 15.74415,9.62395 C17.12515,10.35145 18.00515,11.79845 18.00515,13.37695 C18.00515,15.6421621 16.2298405,17.4978683 14.0063726,17.6082552 L13.77515,17.61345 C13.8278167,17.4821167 13.8742611,17.3476722 13.9094463,17.2078944 L13.95315,16.99395 L14.56915,13.05845 C14.63365,12.63945 14.51365,12.21745 14.24015,11.89845 C13.96515,11.57795 13.56565,11.39395 13.14415,11.39395 C12.8347214,11.39395 12.5363133,11.4931337 12.2892287,11.6757576 L12.17015,11.77395 L9.65165,14.08245 C9.63915,13.76195 9.51965,13.45245 9.30765,13.20445 C9.03265,12.88295 8.63265,12.69845 8.21015,12.69845 C7.90157857,12.69845 7.60402755,12.7972663 7.35717041,12.9791555 L7.23815,13.07695 L4.71015,15.39295 C4.10365,15.94895 3.80665,16.72945 3.86415,17.52295 C2.12065,17.15745 0.80515,15.60745 0.80515,13.74595 C0.80515,12.34645 1.56015,11.06245 2.75715,10.38045 C2.85915,8.55845 4.36465,7.10745 6.20015,7.10745 C6.47065,7.10745 6.73965,7.14045 7.00565,7.20545 C7.99865,6.39345 9.23215,5.94995 10.51115,5.94995 Z M19.74715,10.54645 C19.95515,10.33845 20.278508,10.3153389 20.5121431,10.4771167 L20.59515,10.54645 L21.44465,11.39495 C21.67915,11.62895 21.67915,12.00945 21.44465,12.24345 C21.32715,12.36095 21.17365,12.41945 21.02015,12.41945 C20.89735,12.41945 20.77455,12.38169 20.670182,12.306682 L20.59565,12.24345 L19.74715,11.39545 C19.51265,11.16095 19.51265,10.78045 19.74715,10.54645 Z M16.60065,4.39995 C18.25515,4.39995 19.60065,5.74545 19.60065,7.39995 C19.60065,8.53195 18.97015,9.51845 18.04265,10.02945 C17.66865,9.54945 17.22015,9.12545 16.69865,8.79045 C16.13315,7.52745 15.20815,6.49545 14.07115,5.79395 C14.60365,4.95745 15.53715,4.39995 16.60065,4.39995 Z M22.85065,6.79995 C23.18165,6.79995 23.45065,7.06845 23.45065,7.39995 C23.45065,7.6983 23.23276,7.94562 22.947883,7.9921005 L22.85065,7.99995 L21.65065,7.99995 C21.31915,7.99995 21.05065,7.73145 21.05065,7.39995 C21.05065,7.1016 21.268135,6.85428 21.5532955,6.8077995 L21.65065,6.79995 L22.85065,6.79995 Z M11.75715,2.55645 C11.9655944,2.34845 12.2886068,2.32533889 12.5225108,2.48711667 L12.60565,2.55645 L13.45465,3.40495 C13.68915,3.63945 13.68915,4.01945 13.45465,4.25345 C13.33715,4.37095 13.18365,4.42945 13.03015,4.42945 C12.90735,4.42945 12.78455,4.39169 12.680182,4.316682 L12.60565,4.25345 L11.75715,3.40495 C11.52315,3.17095 11.52315,2.79045 11.75715,2.55645 Z M20.59615,2.55645 C20.83065,2.32245 21.21015,2.32195 21.44465,2.55645 C21.6530944,2.76489444 21.6762549,3.08830185 21.5141315,3.32194246 L21.44465,3.40495 L20.59565,4.25345 C20.47865,4.37095 20.32515,4.42945 20.17115,4.42945 C20.01765,4.42945 19.86415,4.37045 19.74715,4.25345 C19.53915,4.04545 19.5160389,3.72209198 19.6778167,3.48810569 L19.74715,3.40495 L20.59615,2.55645 Z M16.60065,0.54995 C16.89855,0.54995 17.14623,0.767435 17.192787,1.0525955 L17.20065,1.14995 L17.20065,2.34995 C17.20065,2.68145 16.93165,2.94995 16.60065,2.94995 C16.3023,2.94995 16.05498,2.732465 16.0084995,2.4473045 L16.00065,2.34995 L16.00065,1.14995 C16.00065,0.81845 16.26915,0.54995 16.60065,0.54995 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.366 18.195a.142.142 0 01.234.08v.046l-.479 3.063a1.227 1.227 0 01-1.402 1.023c-.974-.152-1.364-1.319-.728-2.027l.09-.09 2.285-2.095zm-1.25-4.16a.142.142 0 01.234.08v.047l-.529 3.386a1.342 1.342 0 01-1.533 1.118c-1.069-.167-1.496-1.45-.79-2.224l.09-.09 2.528-2.316zm4.934-1.304a.142.142 0 01.234.08v.046l-.615 3.936a1.537 1.537 0 01-1.756 1.28c-1.226-.191-1.714-1.669-.896-2.554l.096-.096 2.937-2.692zM10.51 5.95a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.261 3.753c0 2.265-1.775 4.12-3.999 4.231l-.23.005c.052-.13.098-.265.133-.405l.044-.214.616-3.936a1.441 1.441 0 00-2.28-1.382l-.119.098-2.518 2.308a1.443 1.443 0 00-2.294-1.103l-.12.098-2.528 2.316a2.616 2.616 0 00-.846 2.13 3.86 3.86 0 01-3.059-3.777c0-1.4.755-2.684 1.952-3.366C2.86 8.558 4.365 7.107 6.2 7.107c.27 0 .54.033.806.098A5.53 5.53 0 0110.51 5.95zm9.236 4.596a.6.6 0 01.765-.069l.083.07.85.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zM16.601 4.4c1.654 0 3 1.345 3 3 0 1.132-.63 2.118-1.558 2.63a5.43 5.43 0 00-1.344-1.24 6.768 6.768 0 00-2.628-2.996 2.997 2.997 0 012.53-1.394zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.098-1.192l.098-.008h1.2zM11.757 2.556a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zm8.84 0a.6.6 0 01.917.766l-.07.083-.848.848a.596.596 0 01-.849 0 .6.6 0 01-.07-.765l.07-.083.85-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.193.097l-.007-.097v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-sleet/default.svg b/packages/components/src/telekom/icons/weather/cloudy-sleet/default.svg
index f1d6a2097d..73aaa54528 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-sleet/default.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-sleet/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-sleet/default</title>
-    <g id="icon/weather/cloudy-sleet/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.828,19.2944 L11.3588,22.2932 C11.2628,22.907825 10.7164484,23.3403406 10.1083317,23.3072996 L9.986,23.2944 C8.9912,23.1388 8.6176,21.902 9.36,21.2216 L11.598,19.1712 C11.6944,19.0828 11.848,19.1652 11.828,19.2944 Z M6.51956,15.82096 L7.2,17.00096 L7.88108,15.8222 L8.92028,16.42232 L8.24,17.59996 L9.6,17.6 L9.6,18.8 L8.239,18.79996 L8.91956,19.97776 L7.88036,20.57776 L7.2,19.39996 L6.5198,20.57912 L5.4806,19.979 L6.161,18.79996 L4.8,18.8 L4.8,17.6 L6.161,17.59996 L5.48036,16.42096 L6.51956,15.82096 Z M14.074,13.922 L13.5524,17.2556 C13.44815,17.921225 12.8566344,18.3896234 12.1980802,18.3542768 L12.0656,18.3404 C10.988,18.172 10.5832,16.832 11.3876,16.0952 L13.8752,13.8156 C13.9588,13.7392 14.0916,13.8104 14.074,13.922 Z M10.4996,5.9812 C12.8528,5.9812 14.928,7.4328 15.742,9.62 C17.122,10.3508 18,11.7924 18,13.3636 C18,15.3676 16.5996,17.0472 14.7268,17.4852 L14.738,17.4408 L14.938,16.1632 C16.0308,15.7032 16.8,14.6216 16.8,13.3636 C16.8,12.2400889 16.172763,11.2089864 15.1865158,10.6837529 L15.0088,10.5964 L14.766,10.4868 L14.6844,10.2328 C14.0988,8.4072 12.4168,7.1808 10.4992,7.1808 C9.49415385,7.1808 8.52455385,7.5264 7.74235703,8.159397 L7.5508,8.3236 L7.2888,8.5616 L6.954,8.4472 C6.7108,8.3644 6.4628,8.3224 6.2156,8.3224 C5.01001667,8.3224 4.01970694,9.26247708 3.93927416,10.4480279 L3.934,10.604 L3.958,11.1208 L3.5852,11.2872 C2.6224,11.7176 2,12.6752 2,13.7272 C2,14.7553412 2.58392803,15.6484844 3.43697651,16.095157 L3.6,16.1736 L3.6,17.4456 C1.9852,16.9788 0.8,15.49 0.8,13.7272 C0.8,12.3356 1.5504,11.0584 2.742,10.372 C2.862,8.56 4.3744,7.1228 6.216,7.1228 C6.48,7.1228 6.744,7.1536 7.0036,7.2144 C7.9964,6.4168 9.2252,5.9812 10.4996,5.9812 Z M20.5116872,10.4770667 L20.5948,10.5464 L21.444,11.3948 C21.6784,11.6292 21.6784,12.0092 21.444,12.2436 C21.3268,12.3608 21.1732,12.4192 21.0196,12.4192 C20.89672,12.4192 20.77384,12.381568 20.6695968,12.3067136 L20.5952,12.2436 L19.7464,11.3952 C19.512,11.1608 19.512,10.7804 19.7464,10.5464 C19.9547556,10.3384 20.277837,10.3152889 20.5116872,10.4770667 Z M16.6,4.4 C18.2544,4.4 19.6,5.7456 19.6,7.4 C19.6,8.532 18.9696,9.5184 18.042,10.0292 C17.668,9.5496 17.2196,9.1256 16.698,8.7904 C16.1328,7.5272 15.2076,6.4956 14.0704,5.794 C14.6032,4.9576 15.5368,4.4 16.6,4.4 Z M22.85,6.8 C23.1812,6.8 23.45,7.0684 23.45,7.4 C23.45,7.69844 23.232272,7.945688 22.9472816,7.9921532 L22.85,8 L21.65,8 C21.3188,8 21.05,7.7316 21.05,7.4 C21.05,7.10156 21.267728,6.854312 21.5527184,6.8078468 L21.65,6.8 L22.85,6.8 Z M21.444,2.5564 C21.6523556,2.76475556 21.6755062,3.08815309 21.5134519,3.32207353 L21.444,3.4052 L20.5952,4.2536 C20.478,4.3708 20.3244,4.4292 20.1708,4.4292 C20.0172,4.4292 19.8636,4.3704 19.7468,4.2536 C19.5384444,4.04524444 19.5152938,3.72184691 19.6773481,3.48792647 L19.7468,3.4048 L20.5956,2.5564 C20.83,2.3224 21.2096,2.322 21.444,2.5564 Z M12.5220872,2.48706667 L12.6052,2.5564 L13.454,3.4048 C13.6884,3.6392 13.6884,4.0192 13.454,4.2536 C13.3368,4.3708 13.1832,4.4292 13.0296,4.4292 C12.90672,4.4292 12.78384,4.391568 12.6795968,4.3167136 L12.6052,4.2536 L11.7568,3.4052 C11.5224,3.1708 11.5224,2.7904 11.7568,2.5564 C11.9651556,2.3484 12.288237,2.32528889 12.5220872,2.48706667 Z M16.6,0.55 C16.89808,0.55 17.145616,0.767404 17.1921424,1.0526212 L17.2,1.15 L17.2,2.35 C17.2,2.6816 16.9312,2.95 16.6,2.95 C16.30192,2.95 16.054384,2.732596 16.0078576,2.4473788 L16,2.35 L16,1.15 C16,0.8184 16.2688,0.55 16.6,0.55 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.828 19.294l-.47 3a1.201 1.201 0 01-1.25 1.013l-.122-.013c-.995-.155-1.368-1.392-.626-2.072l2.238-2.05a.138.138 0 01.23.122zM6.52 15.821l.68 1.18.681-1.179 1.04.6L8.24 17.6H9.6v1.2H8.239l.68 1.178-1.039.6L7.2 19.4l-.68 1.18-1.04-.601.681-1.179H4.8v-1.2h1.361l-.68-1.179 1.039-.6zm7.554-1.899l-.522 3.334a1.302 1.302 0 01-1.354 1.098l-.132-.014c-1.078-.168-1.483-1.508-.678-2.245l2.487-2.28a.12.12 0 01.199.107zM10.5 5.982a5.577 5.577 0 015.242 3.638A4.246 4.246 0 0118 13.364c0 2.004-1.4 3.683-3.273 4.121l.011-.044.2-1.278a3.04 3.04 0 001.862-2.8 3.044 3.044 0 00-1.613-2.68l-.178-.087-.243-.11-.082-.253A4.381 4.381 0 0010.5 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166A2.677 2.677 0 002 13.727c0 1.028.584 1.921 1.437 2.368l.163.079v1.272a3.877 3.877 0 01-2.8-3.719c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.5 5.981zm10.012 4.495l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.849-.849a.6.6 0 01.766-.918zM16.6 4.4c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.44 5.44 0 00-1.344-1.24 6.765 6.765 0 00-2.628-2.996A2.998 2.998 0 0116.6 4.4zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zm-1.406-4.244a.6.6 0 01.07.766l-.07.083-.849.849a.598.598 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849a.6.6 0 01.848 0zm-8.922-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 01.765-.918zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 2.35v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-sleet/selected.svg b/packages/components/src/telekom/icons/weather/cloudy-sleet/selected.svg
index db04118bee..47e88801cb 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-sleet/selected.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-sleet/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-sleet/selected</title>
-    <g id="icon/weather/cloudy-sleet/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.5986,19.17145 C11.6830375,19.0940125 11.8111156,19.1474969 11.8284174,19.2484979 L11.8286,19.29445 L11.3591,22.29345 C11.2571,22.94895 10.6421,23.39745 9.9866,23.29445 C9.03305833,23.1454292 8.65030399,22.0031557 9.27356423,21.3092924 L9.3606,21.22145 L11.5986,19.17145 Z M6.5201,15.82095 L7.2011,17.00045 L7.8816,15.82245 L8.9206,16.42245 L8.2406,17.59995 L9.6006,17.59995 L9.6006,18.79995 L8.2401,18.79995 L8.9201,19.97795 L7.8806,20.57795 L7.2011,19.40045 L6.5201,20.57895 L5.4811,19.97895 L6.1621,18.79995 L4.8006,18.79995 L4.8006,17.59995 L6.1616,17.59995 L5.4806,16.42095 L6.5201,15.82095 Z M13.8756,13.81545 C13.9471714,13.7503071 14.0551102,13.7931643 14.0734688,13.8769544 L14.0746,13.92195 L13.5531,17.25545 C13.4416,17.96545 12.7761,18.45145 12.0661,18.34045 C11.0317,18.17869 10.617076,16.9372756 11.2973312,16.1866132 L11.3881,16.09545 L13.8756,13.81545 Z M10.5071,5.94995 C12.8611,5.94995 14.9346,7.41695 15.7401,9.62395 C17.1211,10.35145 18.0011,11.79845 18.0011,13.37695 C18.0011,15.35095 16.6506,17.00945 14.8326,17.47745 L14.8371,17.45695 L15.3586,14.12295 C15.4236,13.71395 15.3061,13.29745 15.0366,12.98195 C14.7661,12.66545 14.3721,12.48395 13.9556,12.48395 C13.6517429,12.48395 13.3585388,12.5809296 13.1156612,12.7597751 L12.9986,12.85595 L10.5096,15.13695 C10.4059333,15.2316167 10.3113778,15.3331722 10.2260815,15.4402833 L10.1051,15.60495 L7.7006,14.21095 C7.430225,14.054325 7.104725,14.0339812 6.81989883,14.1505887 L6.7006,14.20895 L4.0021,15.76095 C3.7261,15.9191722 3.54451975,16.1982833 3.50757599,16.5094383 L3.5006,16.62745 L3.5006,17.42895 C1.9391,16.93845 0.8011,15.47695 0.8011,13.74595 C0.8011,12.34645 1.5561,11.06245 2.7531,10.38045 C2.8551,8.55845 4.3606,7.10745 6.1961,7.10745 C6.4666,7.10745 6.7356,7.14045 7.0016,7.20545 C7.9946,6.39345 9.2281,5.94995 10.5071,5.94995 Z M19.7471,10.54645 C19.9551,10.33845 20.278458,10.3153389 20.5120931,10.4771167 L20.5951,10.54645 L21.4446,11.39495 C21.6791,11.62895 21.6791,12.00945 21.4446,12.24345 C21.3271,12.36095 21.1736,12.41945 21.0201,12.41945 C20.8973,12.41945 20.7745,12.38169 20.670132,12.306682 L20.5956,12.24345 L19.7471,11.39545 C19.5126,11.16095 19.5126,10.78045 19.7471,10.54645 Z M16.6006,4.39995 C18.2551,4.39995 19.6006,5.74545 19.6006,7.39995 C19.6006,8.53195 18.9701,9.51845 18.0426,10.02945 C17.6686,9.54945 17.2201,9.12545 16.6986,8.79045 C16.1331,7.52745 15.2081,6.49545 14.0711,5.79395 C14.6036,4.95745 15.5371,4.39995 16.6006,4.39995 Z M22.8506,6.79995 C23.1816,6.79995 23.4506,7.06845 23.4506,7.39995 C23.4506,7.6983 23.23271,7.94562 22.947833,7.9921005 L22.8506,7.99995 L21.6506,7.99995 C21.3191,7.99995 21.0506,7.73145 21.0506,7.39995 C21.0506,7.1016 21.268085,6.85428 21.5532455,6.8077995 L21.6506,6.79995 L22.8506,6.79995 Z M11.7571,2.55645 C11.9655444,2.34845 12.2885568,2.32533889 12.5224608,2.48711667 L12.6056,2.55645 L13.4546,3.40495 C13.6891,3.63945 13.6891,4.01945 13.4546,4.25345 C13.3371,4.37095 13.1836,4.42945 13.0301,4.42945 C12.9073,4.42945 12.7845,4.39169 12.680132,4.316682 L12.6056,4.25345 L11.7571,3.40495 C11.5231,3.17095 11.5231,2.79045 11.7571,2.55645 Z M20.5961,2.55645 C20.8306,2.32245 21.2101,2.32195 21.4446,2.55645 C21.6530444,2.76489444 21.6762049,3.08830185 21.5140815,3.32194246 L21.4446,3.40495 L20.5956,4.25345 C20.4786,4.37095 20.3251,4.42945 20.1711,4.42945 C20.0176,4.42945 19.8641,4.37045 19.7471,4.25345 C19.5391,4.04545 19.5159889,3.72209198 19.6777667,3.48810569 L19.7471,3.40495 L20.5961,2.55645 Z M16.6006,0.54995 C16.8985,0.54995 17.14618,0.767435 17.192737,1.0525955 L17.2006,1.14995 L17.2006,2.34995 C17.2006,2.68145 16.9316,2.94995 16.6006,2.94995 C16.30225,2.94995 16.05493,2.732465 16.0084495,2.4473045 L16.0006,2.34995 L16.0006,1.14995 C16.0006,0.81845 16.2691,0.54995 16.6006,0.54995 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.599 19.171a.138.138 0 01.23.077v.046l-.47 3a1.2 1.2 0 01-1.372 1c-.954-.149-1.337-1.29-.713-1.985l.087-.088 2.238-2.05zm-5.079-3.35L7.201 17l.68-1.179 1.04.6-.68 1.178H9.6v1.2H8.24l.68 1.178-1.04.6L7.2 19.4l-.68 1.179-1.04-.6.681-1.18H4.801V17.6h1.36l-.68-1.18 1.04-.6zm7.356-2.006a.12.12 0 01.197.062l.002.045-.522 3.333a1.302 1.302 0 11-2.256-1.068l.091-.092 2.488-2.28zM10.507 5.95a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.261 3.753 4.236 4.236 0 01-3.168 4.1l.004-.02.522-3.334a1.42 1.42 0 00-2.243-1.363l-.117.096-2.49 2.281a2.626 2.626 0 00-.283.303l-.12.165L7.7 14.21a1 1 0 00-.881-.06l-.12.058-2.698 1.552a.999.999 0 00-.494.748l-.007.118v.802a3.861 3.861 0 01-2.7-3.683c0-1.4.755-2.684 1.952-3.366.102-1.822 1.608-3.273 3.443-3.273.27 0 .54.033.806.098a5.53 5.53 0 013.505-1.255zm9.24 4.596a.6.6 0 01.765-.069l.083.07.85.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zM16.601 4.4c1.654 0 3 1.345 3 3 0 1.132-.63 2.118-1.558 2.63a5.43 5.43 0 00-1.344-1.24 6.768 6.768 0 00-2.628-2.996 2.997 2.997 0 012.53-1.394zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.098-1.192l.098-.008h1.2zM11.757 2.556a.6.6 0 01.765-.069l.084.07.849.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zm8.84 0a.6.6 0 01.917.766l-.07.083-.848.848a.596.596 0 01-.849 0 .6.6 0 01-.07-.765l.07-.083.85-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.193.097l-.007-.097v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-snow/default.svg b/packages/components/src/telekom/icons/weather/cloudy-snow/default.svg
index d4f59ad4c7..90a4346db4 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-snow/default.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-snow/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-snow/default</title>
-    <g id="icon/weather/cloudy-snow/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M7.0804,18.6216 L8.1196,19.2216 L7.4392,20.4 L8.8,20.4 L8.8,21.6 L7.4392,21.6 L8.1196,22.7784 L7.0804,23.3784 L6.4,22.2 L5.7196,23.3784 L4.6804,22.7784 L5.3608,21.6 L4,21.6 L4,20.4 L5.3608,20.4 L4.6804,19.2216 L5.7196,18.6216 L6.4,19.8 L7.0804,18.6216 Z M12.2804,15.0216 L13.3196,15.6216 L12.6392,16.8 L14,16.8 L14,18 L12.6392,18 L13.3196,19.1784 L12.2804,19.7784 L11.6,18.6 L10.9196,19.7784 L9.8804,19.1784 L10.5608,18 L9.2,18 L9.2,16.8 L10.5608,16.8 L9.8804,15.6216 L10.9196,15.0216 L11.6,16.2 L12.2804,15.0216 Z M10.4996,5.9812 C12.8528,5.9812 14.928,7.4328 15.742,9.62 C17.122,10.3508 18,11.7924 18,13.3636 C18,15.121552 16.921728,16.6288288 15.3933466,17.2685925 L15.2,17.344 L15.2,16.0376 C16.1516,15.5244 16.8,14.5184 16.8,13.3636 C16.8,12.2400889 16.172763,11.2089864 15.1865158,10.6837529 L15.0088,10.5964 L14.766,10.4868 L14.6844,10.2328 C14.0988,8.4072 12.4168,7.1808 10.4992,7.1808 C9.49415385,7.1808 8.52455385,7.5264 7.74235703,8.159397 L7.5508,8.3236 L7.2888,8.5616 L6.954,8.4472 C6.7108,8.3644 6.4628,8.3224 6.2156,8.3224 C5.01001667,8.3224 4.01970694,9.26247708 3.93927416,10.4480279 L3.934,10.604 L3.958,11.1208 L3.5852,11.2872 C2.6224,11.7176 2,12.6752 2,13.7272 C2,15.1441231 3.10835799,16.3073479 4.50399693,16.3947307 L4.6728,16.4 L8,16.4 L8,17.6 L4.6728,17.6 C2.5372,17.6 0.8,15.8628 0.8,13.7272 C0.8,12.3356 1.5504,11.0584 2.742,10.372 C2.862,8.56 4.3744,7.1228 6.216,7.1228 C6.48,7.1228 6.744,7.1536 7.0036,7.2144 C7.9964,6.4168 9.2252,5.9812 10.4996,5.9812 Z M19.7464,10.5464 C19.9547556,10.3384 20.277837,10.3152889 20.5116872,10.4770667 L20.5948,10.5464 L21.444,11.3948 C21.6784,11.6292 21.6784,12.0092 21.444,12.2436 C21.3268,12.3608 21.1732,12.4192 21.0196,12.4192 C20.89672,12.4192 20.77384,12.381568 20.6695968,12.3067136 L20.5952,12.2436 L19.7464,11.3952 C19.512,11.1608 19.512,10.7804 19.7464,10.5464 Z M16.6,4.4 C18.2544,4.4 19.6,5.7456 19.6,7.4 C19.6,8.532 18.9696,9.5184 18.042,10.0292 C17.668,9.5496 17.2196,9.1256 16.698,8.7904 C16.1328,7.5272 15.2076,6.4956 14.0704,5.794 C14.6032,4.9576 15.5368,4.4 16.6,4.4 Z M22.85,6.8 C23.1812,6.8 23.45,7.0684 23.45,7.4 C23.45,7.69844 23.232272,7.945688 22.9472816,7.9921532 L22.85,8 L21.65,8 C21.3188,8 21.05,7.7316 21.05,7.4 C21.05,7.10156 21.267728,6.854312 21.5527184,6.8078468 L21.65,6.8 L22.85,6.8 Z M20.5956,2.5564 C20.83,2.3224 21.2096,2.322 21.444,2.5564 C21.6523556,2.76475556 21.6755062,3.08815309 21.5134519,3.32207353 L21.444,3.4052 L20.5952,4.2536 C20.478,4.3708 20.3244,4.4292 20.1708,4.4292 C20.0172,4.4292 19.8636,4.3704 19.7468,4.2536 C19.5384444,4.04524444 19.5152938,3.72184691 19.6773481,3.48792647 L19.7468,3.4048 L20.5956,2.5564 Z M11.7568,2.5564 C11.9651556,2.3484 12.288237,2.32528889 12.5220872,2.48706667 L12.6052,2.5564 L13.454,3.4048 C13.6884,3.6392 13.6884,4.0192 13.454,4.2536 C13.3368,4.3708 13.1832,4.4292 13.0296,4.4292 C12.90672,4.4292 12.78384,4.391568 12.6795968,4.3167136 L12.6052,4.2536 L11.7568,3.4052 C11.5224,3.1708 11.5224,2.7904 11.7568,2.5564 Z M16.6,0.55 C16.89808,0.55 17.145616,0.767404 17.1921424,1.0526212 L17.2,1.15 L17.2,2.35 C17.2,2.6816 16.9312,2.95 16.6,2.95 C16.30192,2.95 16.054384,2.732596 16.0078576,2.4473788 L16,2.35 L16,1.15 C16,0.8184 16.2688,0.55 16.6,0.55 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.08 18.622l1.04.6-.68 1.178H8.8v1.2H7.44l.68 1.178-1.04.6L6.4 22.2l-.68 1.178-1.04-.6.68-1.178H4v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm5.2-3.6l1.04.6-.68 1.178H14V18h-1.36l.68 1.178-1.04.6-.68-1.178-.68 1.178-1.04-.6.68-1.178H9.2v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm-1.78-9.04a5.577 5.577 0 015.242 3.638A4.246 4.246 0 0118 13.364a4.238 4.238 0 01-2.607 3.905l-.193.075v-1.306a3.039 3.039 0 001.6-2.674 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.5 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166A2.677 2.677 0 002 13.727a2.676 2.676 0 002.504 2.668l.169.005H8v1.2H4.673A3.877 3.877 0 01.8 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.5 5.981zm9.246 4.564a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.849-.849a.6.6 0 010-.849zM16.6 4.4c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.44 5.44 0 00-1.344-1.24 6.765 6.765 0 00-2.628-2.996A2.998 2.998 0 0116.6 4.4zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zm-2.254-4.244a.6.6 0 01.917.766l-.069.083-.849.849a.598.598 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849zm-8.84 0a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 010-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 2.35v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-snow/selected.svg b/packages/components/src/telekom/icons/weather/cloudy-snow/selected.svg
index 3f96582609..2fc9c5b5eb 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-snow/selected.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-snow/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-snow/selected</title>
-    <g id="icon/weather/cloudy-snow/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M7.07965,18.6218 L8.11915,19.2218 L7.43865,20.3998 L8.79965,20.3998 L8.79965,21.5998 L7.43865,21.5998 L8.11915,22.7783 L7.07965,23.3783 L6.39965,22.1998 L5.71915,23.3783 L4.67965,22.7783 L5.36015,21.5998 L3.99965,21.5998 L3.99965,20.3998 L5.36015,20.3998 L4.67965,19.2218 L5.71915,18.6218 L6.39965,19.7998 L7.07965,18.6218 Z M12.27965,15.0218 L13.31915,15.6218 L12.63865,16.7998 L13.99965,16.7998 L13.99965,17.9998 L12.63865,17.9998 L13.31915,19.1783 L12.27965,19.7783 L11.59965,18.5998 L10.91915,19.7783 L9.87965,19.1783 L10.56015,17.9998 L9.19965,17.9998 L9.19965,16.7998 L10.56015,16.7998 L9.87965,15.6218 L10.91915,15.0218 L11.59965,16.1998 L12.27965,15.0218 Z M10.49515,5.9453 C12.84915,5.9453 14.92265,7.4123 15.72815,9.6193 C17.10915,10.3468 17.98915,11.7938 17.98915,13.3723 C17.98915,15.1723 16.8667388,16.7111129 15.290886,17.3237693 L15.09965,17.3928 L15.09965,15.9553 C15.09965,15.6379667 14.9487364,15.3415716 14.6978283,15.1542575 L14.59915,15.0893 L12.09865,13.6463 C11.828275,13.4901125 11.5031578,13.4705891 11.2187623,13.5873947 L11.09965,13.6458 L8.60065,15.0843 C8.32509444,15.2429667 8.14356358,15.5217321 8.10662531,15.833156 L8.09965,15.9513 L8.09965,17.6023 L7.51365,17.6018 L6.89965,17.2468 C6.6288375,17.0906125 6.3029,17.0710891 6.01830625,17.1882297 L5.89915,17.2468 L5.28915,17.5993 L4.42765,17.5983 C2.40365,17.4908 0.78915,15.8043 0.78915,13.7413 C0.78915,12.3418 1.54415,11.0578 2.74115,10.3758 C2.84315,8.5538 4.34865,7.1028 6.18415,7.1028 C6.45465,7.1028 6.72365,7.1358 6.98965,7.2008 C7.98265,6.3888 9.21615,5.9453 10.49515,5.9453 Z M19.74615,10.5463 C19.9545944,10.3383 20.2776068,10.3151889 20.5115108,10.4769667 L20.59465,10.5463 L21.44415,11.3948 C21.67815,11.6293 21.67815,12.0093 21.44415,12.2438 C21.32665,12.3608 21.17315,12.4193 21.01965,12.4193 C20.89685,12.4193 20.77373,12.38154 20.66949,12.306788 L20.59515,12.2438 L19.74615,11.3953 C19.51215,11.1608 19.51215,10.7803 19.74615,10.5463 Z M16.60015,4.3998 C18.25415,4.3998 19.60015,5.7458 19.60015,7.3998 C19.60015,8.5318 18.96965,9.5183 18.04215,10.0293 C17.66815,9.5498 17.21965,9.1258 16.69815,8.7903 C16.13265,7.5273 15.20765,6.4958 14.07015,5.7938 C14.60315,4.9578 15.53665,4.3998 16.60015,4.3998 Z M22.85015,6.7998 C23.18115,6.7998 23.45015,7.0683 23.45015,7.3998 C23.45015,7.6986 23.23226,7.94556 22.947383,7.991964 L22.85015,7.9998 L21.65015,7.9998 C21.31865,7.9998 21.05015,7.7318 21.05015,7.3998 C21.05015,7.10145 21.267635,6.85413 21.5527955,6.8076495 L21.65015,6.7998 L22.85015,6.7998 Z M11.75665,2.5563 C11.9650944,2.3483 12.2881068,2.32518889 12.5220108,2.48696667 L12.60515,2.5563 L13.45415,3.4048 C13.68815,3.6393 13.68815,4.0193 13.45415,4.2538 C13.33665,4.3708 13.18315,4.4293 13.02965,4.4293 C12.90685,4.4293 12.78373,4.39154 12.67949,4.316788 L12.60515,4.2538 L11.75665,3.4053 C11.52215,3.1708 11.52215,2.7903 11.75665,2.5563 Z M20.59565,2.5563 C20.83015,2.3223 21.20965,2.3218 21.44415,2.5563 C21.65215,2.76474444 21.6752611,3.08815185 21.5134833,3.32214362 L21.44415,3.4053 L20.59515,4.2538 C20.47815,4.3708 20.32415,4.4293 20.17065,4.4293 C20.01715,4.4293 19.86365,4.3703 19.74665,4.2538 C19.5382056,4.04535556 19.5150451,3.72194815 19.6771685,3.48795638 L19.74665,3.4048 L20.59565,2.5563 Z M16.60015,0.5498 C16.89805,0.5498 17.14573,0.767285 17.192287,1.0524455 L17.20015,1.1498 L17.20015,2.3498 C17.20015,2.6818 16.93115,2.9498 16.60015,2.9498 C16.3018,2.9498 16.05448,2.73272 16.0079995,2.447276 L16.00015,2.3498 L16.00015,1.1498 C16.00015,0.8183 16.26865,0.5498 16.60015,0.5498 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.08 18.622l1.04.6-.681 1.178h1.36v1.2H7.44l.68 1.178-1.04.6L6.4 22.2l-.68 1.178-1.04-.6.681-1.178H4v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm5.2-3.6l1.04.6-.681 1.178h1.36V18h-1.36l.68 1.178-1.04.6-.68-1.178-.68 1.178-1.04-.6L10.56 18H9.2v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm-1.785-9.077a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.261 3.753 4.24 4.24 0 01-2.698 3.952l-.191.069v-1.438a1 1 0 00-.402-.8l-.099-.066-2.5-1.443a1 1 0 00-.88-.059l-.12.059-2.498 1.438a1 1 0 00-.494.75l-.007.117v1.651h-.586l-.614-.355a1.002 1.002 0 00-.882-.059l-.119.059-.61.352h-.861A3.858 3.858 0 01.789 13.74c0-1.4.755-2.683 1.952-3.365.102-1.822 1.608-3.273 3.443-3.273.27 0 .54.033.806.098a5.53 5.53 0 013.505-1.256zm9.251 4.601a.6.6 0 01.766-.069l.083.07.85.848a.601.601 0 01-.776.912l-.074-.063-.849-.849a.601.601 0 010-.849zM16.6 4.4c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.45 5.45 0 00-1.344-1.24 6.769 6.769 0 00-2.628-2.996A3 3 0 0116.6 4.4zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zM11.757 2.556a.6.6 0 01.765-.069l.083.07.85.848a.601.601 0 01-.776.912l-.074-.063-.848-.849a.6.6 0 010-.849zm8.839 0a.6.6 0 01.917.766l-.069.083-.849.849a.599.599 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849zM16.6.55a.6.6 0 01.592.502l.008.098v1.2a.6.6 0 01-1.192.097L16 2.35v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/default.svg b/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/default.svg
index e8f620383f..800cb1db3a 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/default.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-thunder-rain/default</title>
-    <g id="icon/weather/cloudy-thunder-rain/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.998,19.1712 C11.08235,19.09385 11.2104938,19.1472687 11.2275453,19.2483859 L11.2276,19.2944 L10.7584,22.2932 C10.656,22.9488 10.0416,23.3968 9.386,23.2944 C8.43265,23.1452833 8.04981181,22.0031896 8.67297671,21.3094295 L8.76,21.2216 L10.998,19.1712 Z M9.2096,15.2 L6.6476,18.8 L9.1348,18.8 L4.088,22.878 C3.96056,22.98096 3.792944,22.84902 3.8350532,22.7116692 L3.8572,22.666 L5.6628,20 L3.7508,20 L6.412,15.2 L9.2096,15.2 Z M13.2752,13.8152 C13.3468571,13.7500571 13.4546612,13.7930612 13.4729166,13.8767044 L13.474,13.9216 L12.9524,17.2552 C12.848525,17.9212 12.2566813,18.3896219 11.5980846,18.3539471 L11.4656,18.34 L11.3395536,18.3142819 C10.3984969,18.0757367 10.0453565,16.9056368 10.6968861,16.1859978 L10.7876,16.0948 L13.2752,13.8152 Z M10.4996,5.9812 C12.8528,5.9812 14.928,7.4328 15.742,9.62 C17.122,10.3508 18,11.7924 18,13.3636 C18,15.5852 16.2804,17.4092 14.1032,17.5824 L14.1384,17.4408 L14.3092,16.348 C15.7236,16.09 16.8,14.8512 16.8,13.3636 C16.8,12.2400889 16.172763,11.2089864 15.1865158,10.6837529 L15.0088,10.5964 L14.766,10.4868 L14.6844,10.2328 C14.0988,8.4072 12.4168,7.1808 10.4992,7.1808 C9.49415385,7.1808 8.52455385,7.5264 7.74235703,8.159397 L7.5508,8.3236 L7.2888,8.5616 L6.954,8.4472 C6.7108,8.3644 6.4628,8.3224 6.2156,8.3224 C5.01001667,8.3224 4.01970694,9.26247708 3.93927416,10.4480279 L3.934,10.604 L3.958,11.1208 L3.5852,11.2872 C2.6224,11.7176 2,12.6752 2,13.7272 C2,15.0458667 2.95991458,16.1441167 4.21788148,16.3604398 L4.3836,16.3836 L3.7704,17.4896 C2.0696,17.0812 0.8,15.5516 0.8,13.7272 C0.8,12.3356 1.5504,11.0584 2.742,10.372 C2.862,8.56 4.3744,7.1228 6.216,7.1228 C6.48,7.1228 6.744,7.1536 7.0036,7.2144 C7.9964,6.4168 9.2252,5.9812 10.4996,5.9812 Z M19.7464,10.5464 C19.9547556,10.3384 20.277837,10.3152889 20.5116872,10.4770667 L20.5948,10.5464 L21.444,11.3948 C21.6784,11.6292 21.6784,12.0092 21.444,12.2436 C21.3268,12.3608 21.1732,12.4192 21.0196,12.4192 C20.89672,12.4192 20.77384,12.381568 20.6695968,12.3067136 L20.5952,12.2436 L19.7464,11.3952 C19.512,11.1608 19.512,10.7804 19.7464,10.5464 Z M16.6,4.4 C18.2544,4.4 19.6,5.7456 19.6,7.4 C19.6,8.532 18.9696,9.5184 18.042,10.0292 C17.668,9.5496 17.2196,9.1256 16.698,8.7904 C16.1328,7.5272 15.2076,6.4956 14.0704,5.794 C14.6032,4.9576 15.5368,4.4 16.6,4.4 Z M22.85,6.8 C23.1812,6.8 23.45,7.0684 23.45,7.4 C23.45,7.69844 23.232272,7.945688 22.9472816,7.9921532 L22.85,8 L21.65,8 C21.3188,8 21.05,7.7316 21.05,7.4 C21.05,7.10156 21.267728,6.854312 21.5527184,6.8078468 L21.65,6.8 L22.85,6.8 Z M20.5956,2.5564 C20.83,2.3224 21.2096,2.322 21.444,2.5564 C21.6523556,2.76475556 21.6755062,3.08815309 21.5134519,3.32207353 L21.444,3.4052 L20.5952,4.2536 C20.478,4.3708 20.3244,4.4292 20.1708,4.4292 C20.0172,4.4292 19.8636,4.3704 19.7468,4.2536 C19.5384444,4.04524444 19.5152938,3.72184691 19.6773481,3.48792647 L19.7468,3.4048 L20.5956,2.5564 Z M11.7568,2.5564 C11.9651556,2.3484 12.288237,2.32528889 12.5220872,2.48706667 L12.6052,2.5564 L13.454,3.4048 C13.6884,3.6392 13.6884,4.0192 13.454,4.2536 C13.3368,4.3708 13.1832,4.4292 13.0296,4.4292 C12.90672,4.4292 12.78384,4.391568 12.6795968,4.3167136 L12.6052,4.2536 L11.7568,3.4052 C11.5224,3.1708 11.5224,2.7904 11.7568,2.5564 Z M16.6,0.55 C16.89808,0.55 17.145616,0.767404 17.1921424,1.0526212 L17.2,1.15 L17.2,2.35 C17.2,2.6816 16.9312,2.95 16.6,2.95 C16.30192,2.95 16.054384,2.732596 16.0078576,2.4473788 L16,2.35 L16,1.15 C16,0.8184 16.2688,0.55 16.6,0.55 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.998 19.171a.138.138 0 01.23.077v.046l-.47 3a1.201 1.201 0 01-1.372 1c-.953-.149-1.336-1.29-.713-1.985l.087-.087 2.238-2.05zM9.21 15.2l-2.562 3.6h2.487l-5.047 4.078c-.127.103-.295-.029-.253-.166l.022-.046L5.663 20H3.75l2.661-4.8H9.21zm4.065-1.385a.12.12 0 01.198.062l.001.045-.522 3.333a1.301 1.301 0 01-1.354 1.099l-.132-.014-.126-.026c-.942-.238-1.295-1.408-.643-2.128l.09-.091 2.488-2.28zM10.5 5.981a5.577 5.577 0 015.242 3.639A4.246 4.246 0 0118 13.364a4.238 4.238 0 01-3.897 4.218l.035-.141.171-1.093a3.04 3.04 0 002.491-2.984 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.5 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166A2.677 2.677 0 002 13.727c0 1.319.96 2.417 2.218 2.633l.166.024-.614 1.106A3.877 3.877 0 01.8 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.5 5.981zm9.246 4.565a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.849-.849a.6.6 0 010-.849zM16.6 4.4c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.44 5.44 0 00-1.344-1.24 6.765 6.765 0 00-2.628-2.996A2.998 2.998 0 0116.6 4.4zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zm-2.254-4.244a.6.6 0 01.917.766l-.069.083-.849.849a.598.598 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849zm-8.84 0a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 010-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 2.35v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/selected.svg b/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/selected.svg
index 0f1261529b..af076c1eb5 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/selected.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-thunder-rain/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-thunder-rain/selected</title>
-    <g id="icon/weather/cloudy-thunder-rain/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.9986,19.17145 C11.0830375,19.0940125 11.2111156,19.1474969 11.2281,19.2484979 L11.2281,19.29445 L10.7591,22.29345 C10.6566,22.94895 10.0421,23.39695 9.3866,23.29445 C8.43305833,23.1454292 8.05030399,22.0031557 8.67356423,21.3092924 L8.7606,21.22145 L10.9986,19.17145 Z M9.2101,15.19995 L6.6481,18.79995 L9.1351,18.79995 L4.0886,22.87795 C3.96125,22.981 3.7934,22.84915 3.8354615,22.7116705 L3.8576,22.66595 L5.6631,19.99995 L3.7511,19.99995 L6.4126,15.19995 L9.2101,15.19995 Z M13.2756,13.81545 C13.3471714,13.7503071 13.4551102,13.7931643 13.4734688,13.8766395 L13.4746,13.92145 L12.9531,17.25545 C12.8421,17.96545 12.1761,18.45145 11.4661,18.33995 C10.4317,18.17819 10.0175368,16.9367756 10.6973865,16.1861132 L10.7881,16.09495 L13.2756,13.81545 Z M10.5071,5.94995 C12.8611,5.94995 14.9346,7.41695 15.7401,9.62395 C17.1211,10.35145 18.0011,11.79845 18.0011,13.37695 C18.0011,15.57245 16.3331,17.38245 14.2061,17.59245 L14.2376,17.45545 L14.7586,14.12245 C14.8236,13.71395 14.7061,13.29745 14.4371,12.98245 C14.1661,12.66545 13.7721,12.48345 13.3556,12.48345 C13.0526,12.48345 12.7606204,12.5800622 12.5180752,12.7578582 L12.4011,12.85345 L11.2591,13.89995 L5.6466,13.89995 L3.6626,17.47895 C2.0181,17.04195 0.8011,15.53645 0.8011,13.74595 C0.8011,12.34645 1.5561,11.06245 2.7531,10.38045 C2.8551,8.55845 4.3606,7.10745 6.1961,7.10745 C6.4666,7.10745 6.7356,7.14045 7.0016,7.20545 C7.9946,6.39345 9.2281,5.94995 10.5071,5.94995 Z M19.7471,10.54645 C19.9551,10.33845 20.278458,10.3153389 20.5120931,10.4771167 L20.5951,10.54645 L21.4446,11.39495 C21.6791,11.62895 21.6791,12.00945 21.4446,12.24345 C21.3271,12.36095 21.1736,12.41945 21.0201,12.41945 C20.8973,12.41945 20.7745,12.38169 20.670132,12.306682 L20.5956,12.24345 L19.7471,11.39545 C19.5126,11.16095 19.5126,10.78045 19.7471,10.54645 Z M16.6006,4.39995 C18.2551,4.39995 19.6006,5.74545 19.6006,7.39995 C19.6006,8.53195 18.9701,9.51845 18.0426,10.02945 C17.6686,9.54945 17.2201,9.12545 16.6986,8.79045 C16.1331,7.52745 15.2081,6.49545 14.0711,5.79395 C14.6036,4.95745 15.5371,4.39995 16.6006,4.39995 Z M22.8506,6.79995 C23.1816,6.79995 23.4506,7.06845 23.4506,7.39995 C23.4506,7.6983 23.23271,7.94562 22.947833,7.9921005 L22.8506,7.99995 L21.6506,7.99995 C21.3191,7.99995 21.0506,7.73145 21.0506,7.39995 C21.0506,7.1016 21.268085,6.85428 21.5532455,6.8077995 L21.6506,6.79995 L22.8506,6.79995 Z M11.7571,2.55645 C11.9655444,2.34845 12.2885568,2.32533889 12.5224608,2.48711667 L12.6056,2.55645 L13.4546,3.40495 C13.6891,3.63945 13.6891,4.01945 13.4546,4.25345 C13.3371,4.37095 13.1836,4.42945 13.0301,4.42945 C12.9073,4.42945 12.7845,4.39169 12.680132,4.316682 L12.6056,4.25345 L11.7571,3.40495 C11.5231,3.17095 11.5231,2.79045 11.7571,2.55645 Z M20.5961,2.55645 C20.8306,2.32245 21.2101,2.32195 21.4446,2.55645 C21.6530444,2.76489444 21.6762049,3.08830185 21.5140815,3.32194246 L21.4446,3.40495 L20.5956,4.25345 C20.4786,4.37095 20.3251,4.42945 20.1711,4.42945 C20.0176,4.42945 19.8641,4.37045 19.7471,4.25345 C19.5391,4.04545 19.5159889,3.72209198 19.6777667,3.48810569 L19.7471,3.40495 L20.5961,2.55645 Z M16.6006,0.54995 C16.8985,0.54995 17.14618,0.767435 17.192737,1.0525955 L17.2006,1.14995 L17.2006,2.34995 C17.2006,2.68145 16.9316,2.94995 16.6006,2.94995 C16.30225,2.94995 16.05493,2.732465 16.0084495,2.4473045 L16.0006,2.34995 L16.0006,1.14995 C16.0006,0.81845 16.2691,0.54995 16.6006,0.54995 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.999 19.171a.138.138 0 01.23.077v.046l-.47 3a1.201 1.201 0 01-1.372 1c-.954-.149-1.337-1.29-.713-1.985l.087-.088 2.238-2.05zM9.21 15.2l-2.562 3.6h2.487L4.09 22.878c-.128.103-.296-.029-.254-.166l.023-.046L5.663 20H3.751l2.662-4.8H9.21zm4.066-1.385a.12.12 0 01.197.062l.002.044-.522 3.334a1.301 1.301 0 01-1.487 1.085c-1.034-.162-1.448-1.403-.769-2.154l.091-.091 2.488-2.28zM10.507 5.95a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.261 3.753c0 2.195-1.668 4.005-3.795 4.215l.032-.137.52-3.333a1.421 1.421 0 00-2.24-1.365l-.117.096L11.26 13.9H5.647l-1.984 3.579A3.863 3.863 0 01.8 13.746c0-1.4.755-2.684 1.952-3.366.102-1.822 1.608-3.273 3.443-3.273.27 0 .54.033.806.098a5.53 5.53 0 013.505-1.255zm9.24 4.596a.6.6 0 01.765-.069l.083.07.85.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zM16.601 4.4c1.654 0 3 1.345 3 3 0 1.132-.63 2.118-1.558 2.63a5.43 5.43 0 00-1.344-1.24 6.768 6.768 0 00-2.628-2.996 2.997 2.997 0 012.53-1.394zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.098-1.192l.098-.008h1.2zM11.757 2.556a.6.6 0 01.765-.069l.084.07.849.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zm8.84 0a.6.6 0 01.917.766l-.07.083-.848.848a.596.596 0 01-.849 0 .6.6 0 01-.07-.765l.07-.083.85-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.193.097l-.007-.097v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/default.svg b/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/default.svg
index 21b9f6e43e..f233dec5f7 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/default.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-thunder-snow/default</title>
-    <g id="icon/weather/cloudy-thunder-snow/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.8096,15.2 L6.2476,18.8 L8.7348,18.8 L3.688,22.878 C3.56056,22.98096 3.392944,22.84902 3.4350532,22.7116692 L3.4572,22.666 L5.2628,20 L3.3508,20 L6.012,15.2 L8.8096,15.2 Z M12.2804,15.0216 L13.3196,15.6216 L12.6392,16.8 L14,16.8 L14,18 L12.6392,18 L13.3196,19.1784 L12.2804,19.7784 L11.6,18.6 L10.9196,19.7784 L9.8804,19.1784 L10.5608,18 L9.2,18 L9.2,16.8 L10.5608,16.8 L9.8804,15.6216 L10.9196,15.0216 L11.6,16.2 L12.2804,15.0216 Z M10.4996,5.9812 C12.8528,5.9812 14.928,7.4328 15.742,9.62 C17.122,10.3508 18,11.7924 18,13.3636 C18,15.121552 16.921728,16.6288288 15.3933466,17.2685925 L15.2,17.344 L15.2,16.0376 C16.1516,15.5244 16.8,14.5184 16.8,13.3636 C16.8,12.2400889 16.172763,11.2089864 15.1865158,10.6837529 L15.0088,10.5964 L14.766,10.4868 L14.6844,10.2328 C14.0988,8.4072 12.4168,7.1808 10.4992,7.1808 C9.49415385,7.1808 8.52455385,7.5264 7.74235703,8.159397 L7.5508,8.3236 L7.2888,8.5616 L6.954,8.4472 C6.7108,8.3644 6.4628,8.3224 6.2156,8.3224 C5.01001667,8.3224 4.01970694,9.26247708 3.93927416,10.4480279 L3.934,10.604 L3.958,11.1208 L3.5852,11.2872 C2.6224,11.7176 2,12.6752 2,13.7272 C2,14.9165333 2.7814966,15.924098 3.85728539,16.2692546 L4.0208,16.316 L3.4256,17.39 C1.9008,16.8692 0.8,15.426 0.8,13.7272 C0.8,12.3356 1.5504,11.0584 2.742,10.372 C2.862,8.56 4.3744,7.1228 6.216,7.1228 C6.48,7.1228 6.744,7.1536 7.0036,7.2144 C7.9964,6.4168 9.2252,5.9812 10.4996,5.9812 Z M19.7464,10.5464 C19.9547556,10.3384 20.277837,10.3152889 20.5116872,10.4770667 L20.5948,10.5464 L21.444,11.3948 C21.6784,11.6292 21.6784,12.0092 21.444,12.2436 C21.3268,12.3608 21.1732,12.4192 21.0196,12.4192 C20.89672,12.4192 20.77384,12.381568 20.6695968,12.3067136 L20.5952,12.2436 L19.7464,11.3952 C19.512,11.1608 19.512,10.7804 19.7464,10.5464 Z M16.6,4.4 C18.2544,4.4 19.6,5.7456 19.6,7.4 C19.6,8.532 18.9696,9.5184 18.042,10.0292 C17.668,9.5496 17.2196,9.1256 16.698,8.7904 C16.1328,7.5272 15.2076,6.4956 14.0704,5.794 C14.6032,4.9576 15.5368,4.4 16.6,4.4 Z M22.85,6.8 C23.1812,6.8 23.45,7.0684 23.45,7.4 C23.45,7.69844 23.232272,7.945688 22.9472816,7.9921532 L22.85,8 L21.65,8 C21.3188,8 21.05,7.7316 21.05,7.4 C21.05,7.10156 21.267728,6.854312 21.5527184,6.8078468 L21.65,6.8 L22.85,6.8 Z M20.5956,2.5564 C20.83,2.3224 21.2096,2.322 21.444,2.5564 C21.6523556,2.76475556 21.6755062,3.08815309 21.5134519,3.32207353 L21.444,3.4052 L20.5952,4.2536 C20.478,4.3708 20.3244,4.4292 20.1708,4.4292 C20.0172,4.4292 19.8636,4.3704 19.7468,4.2536 C19.5384444,4.04524444 19.5152938,3.72184691 19.6773481,3.48792647 L19.7468,3.4048 L20.5956,2.5564 Z M11.7568,2.5564 C11.9651556,2.3484 12.288237,2.32528889 12.5220872,2.48706667 L12.6052,2.5564 L13.454,3.4048 C13.6884,3.6392 13.6884,4.0192 13.454,4.2536 C13.3368,4.3708 13.1832,4.4292 13.0296,4.4292 C12.90672,4.4292 12.78384,4.391568 12.6795968,4.3167136 L12.6052,4.2536 L11.7568,3.4052 C11.5224,3.1708 11.5224,2.7904 11.7568,2.5564 Z M16.6,0.55 C16.89808,0.55 17.145616,0.767404 17.1921424,1.0526212 L17.2,1.15 L17.2,2.35 C17.2,2.6816 16.9312,2.95 16.6,2.95 C16.30192,2.95 16.054384,2.732596 16.0078576,2.4473788 L16,2.35 L16,1.15 C16,0.8184 16.2688,0.55 16.6,0.55 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.81 15.2l-2.562 3.6h2.487l-5.047 4.078c-.127.103-.295-.029-.253-.166l.022-.046L5.263 20H3.35l2.661-4.8H8.81zm3.47-.178l1.04.6-.68 1.178H14V18h-1.36l.68 1.178-1.04.6-.68-1.178-.68 1.178-1.04-.6.68-1.178H9.2v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm-1.78-9.04a5.577 5.577 0 015.242 3.638A4.246 4.246 0 0118 13.364a4.238 4.238 0 01-2.607 3.905l-.193.075v-1.306a3.039 3.039 0 001.6-2.674 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.5 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166A2.677 2.677 0 002 13.727c0 1.19.781 2.197 1.857 2.542l.164.047-.595 1.074A3.876 3.876 0 01.8 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.5 5.981zm9.246 4.564a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.849-.849a.6.6 0 010-.849zM16.6 4.4c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.44 5.44 0 00-1.344-1.24 6.765 6.765 0 00-2.628-2.996A2.998 2.998 0 0116.6 4.4zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zm-2.254-4.244a.6.6 0 01.917.766l-.069.083-.849.849a.598.598 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849zm-8.84 0a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 010-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 2.35v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/selected.svg b/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/selected.svg
index 3add94752c..b16912ca24 100644
--- a/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/selected.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy-thunder-snow/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy-thunder-snow/selected</title>
-    <g id="icon/weather/cloudy-thunder-snow/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.81015,15.19995 L6.24815,18.79995 L8.73515,18.79995 L3.68865,22.87795 C3.5613,22.981 3.39345,22.84915 3.4355115,22.7116705 L3.45765,22.66595 L5.26315,19.99995 L3.35115,19.99995 L6.01265,15.19995 L8.81015,15.19995 Z M12.28115,15.02145 L13.32015,15.62145 L12.63965,16.79995 L14.00065,16.79995 L14.00065,17.99995 L12.63965,17.99995 L13.32015,19.17845 L12.28115,19.77845 L11.60065,18.59995 L10.92015,19.77845 L9.88115,19.17845 L10.56115,17.99995 L9.20065,17.99995 L9.20065,16.79995 L10.56115,16.79995 L9.88115,15.62145 L10.92015,15.02145 L11.60065,16.19995 L12.28115,15.02145 Z M10.50965,5.94995 C12.86365,5.94995 14.93715,7.41695 15.74265,9.62395 C17.12365,10.35145 18.00365,11.79845 18.00365,13.37695 C18.00365,15.10639 16.96685,16.5934492 15.4877926,17.2506629 L15.30065,17.32845 L15.30065,15.84245 C15.30065,15.5242278 15.1493414,15.2273389 14.8976431,15.0402772 L14.79865,14.97545 L12.09815,13.42495 C11.82865,13.270075 11.5047906,13.2507156 11.2213658,13.3668719 L11.10265,13.42495 L10.27515,13.89995 L5.24665,13.89995 L3.32265,17.37045 C1.85465,16.82745 0.80365,15.40995 0.80365,13.74595 C0.80365,12.34645 1.55865,11.06245 2.75565,10.38045 C2.85765,8.55845 4.36315,7.10745 6.19865,7.10745 C6.46915,7.10745 6.73815,7.14045 7.00415,7.20545 C7.99715,6.39345 9.23065,5.94995 10.50965,5.94995 Z M19.74715,10.54645 C19.95515,10.33845 20.278508,10.3153389 20.5121431,10.4771167 L20.59515,10.54645 L21.44465,11.39495 C21.67915,11.62895 21.67915,12.00945 21.44465,12.24345 C21.32715,12.36095 21.17365,12.41945 21.02015,12.41945 C20.89735,12.41945 20.77455,12.38169 20.670182,12.306682 L20.59565,12.24345 L19.74715,11.39545 C19.51265,11.16095 19.51265,10.78045 19.74715,10.54645 Z M16.60065,4.39995 C18.25515,4.39995 19.60065,5.74545 19.60065,7.39995 C19.60065,8.53195 18.97015,9.51845 18.04265,10.02945 C17.66865,9.54945 17.22015,9.12545 16.69865,8.79045 C16.13315,7.52745 15.20815,6.49545 14.07115,5.79395 C14.60365,4.95745 15.53715,4.39995 16.60065,4.39995 Z M22.85065,6.79995 C23.18165,6.79995 23.45065,7.06845 23.45065,7.39995 C23.45065,7.6983 23.23276,7.94562 22.947883,7.9921005 L22.85065,7.99995 L21.65065,7.99995 C21.31915,7.99995 21.05065,7.73145 21.05065,7.39995 C21.05065,7.1016 21.268135,6.85428 21.5532955,6.8077995 L21.65065,6.79995 L22.85065,6.79995 Z M11.75715,2.55645 C11.9655944,2.34845 12.2886068,2.32533889 12.5225108,2.48711667 L12.60565,2.55645 L13.45465,3.40495 C13.68915,3.63945 13.68915,4.01945 13.45465,4.25345 C13.33715,4.37095 13.18365,4.42945 13.03015,4.42945 C12.90735,4.42945 12.78455,4.39169 12.680182,4.316682 L12.60565,4.25345 L11.75715,3.40495 C11.52315,3.17095 11.52315,2.79045 11.75715,2.55645 Z M20.59615,2.55645 C20.83065,2.32245 21.21015,2.32195 21.44465,2.55645 C21.6530944,2.76489444 21.6762549,3.08830185 21.5141315,3.32194246 L21.44465,3.40495 L20.59565,4.25345 C20.47865,4.37095 20.32515,4.42945 20.17115,4.42945 C20.01765,4.42945 19.86415,4.37045 19.74715,4.25345 C19.53915,4.04545 19.5160389,3.72209198 19.6778167,3.48810569 L19.74715,3.40495 L20.59615,2.55645 Z M16.60065,0.54995 C16.89855,0.54995 17.14623,0.767435 17.192787,1.0525955 L17.20065,1.14995 L17.20065,2.34995 C17.20065,2.68145 16.93165,2.94995 16.60065,2.94995 C16.3023,2.94995 16.05498,2.732465 16.0084995,2.4473045 L16.00065,2.34995 L16.00065,1.14995 C16.00065,0.81845 16.26915,0.54995 16.60065,0.54995 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.81 15.2l-2.562 3.6h2.487L3.69 22.878c-.128.103-.296-.029-.253-.166l.022-.046L5.263 20H3.351l2.662-4.8H8.81zm3.471-.179l1.04.6-.681 1.179H14V18h-1.36l.68 1.178-1.039.6-.68-1.178-.68 1.178-1.04-.6.68-1.178h-1.36v-1.2h1.36l-.68-1.179 1.04-.6.68 1.179.68-1.179zM10.51 5.95a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.26 3.753 4.24 4.24 0 01-2.515 3.874l-.187.077v-1.486a1 1 0 00-.403-.802l-.1-.065-2.7-1.55a1 1 0 00-.877-.058l-.118.058-.828.475H5.247l-1.924 3.47a3.865 3.865 0 01-2.52-3.624c0-1.4.756-2.684 1.953-3.366.102-1.822 1.607-3.273 3.443-3.273.27 0 .54.033.805.098A5.53 5.53 0 0110.51 5.95zm9.237 4.596a.6.6 0 01.765-.069l.083.07.85.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zM16.601 4.4c1.654 0 3 1.345 3 3 0 1.132-.63 2.118-1.558 2.63a5.43 5.43 0 00-1.344-1.24 6.768 6.768 0 00-2.628-2.996 2.997 2.997 0 012.53-1.394zm6.25 2.4a.6.6 0 01.097 1.192L22.85 8h-1.2a.6.6 0 01-.098-1.192l.098-.008h1.2zM11.757 2.556a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.775.912l-.074-.064-.849-.848a.6.6 0 010-.849zm8.84 0a.6.6 0 01.917.766l-.07.083-.848.848a.596.596 0 01-.849 0 .6.6 0 01-.07-.765l.07-.083.85-.849zM16.6.55a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.193.097l-.007-.097v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy/default.svg b/packages/components/src/telekom/icons/weather/cloudy/default.svg
index 2eb11b66bf..71d83f8801 100644
--- a/packages/components/src/telekom/icons/weather/cloudy/default.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy/default</title>
-    <g id="icon/weather/cloudy/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.4996,8.3812 C12.8528,8.3812 14.928,9.8328 15.742,12.02 C17.122,12.7508 18,14.1924 18,15.7636 C18,18.0288121 16.2130307,19.8844242 13.9750876,19.9948055 L13.764,20 L4.6728,20 C2.5372,20 0.8,18.2628 0.8,16.1272 C0.8,14.7356 1.5504,13.4584 2.742,12.772 C2.862,10.96 4.3744,9.5228 6.216,9.5228 C6.48,9.5228 6.744,9.5536 7.0036,9.6144 C7.9964,8.8168 9.2252,8.3812 10.4996,8.3812 Z M10.4992,9.5808 C9.49415385,9.5808 8.52455385,9.9264 7.74235703,10.559397 L7.5508,10.7236 L7.2888,10.9616 L6.954,10.8472 C6.7108,10.7644 6.4628,10.7224 6.2156,10.7224 C5.01001667,10.7224 4.01970694,11.6624771 3.93927416,12.8480279 L3.934,13.004 L3.958,13.5208 L3.5852,13.6872 C2.6224,14.1176 2,15.0752 2,16.1272 C2,17.5441231 3.10835799,18.7073479 4.50399693,18.7947307 L4.6728,18.8 L13.7636,18.8 C15.438,18.8 16.8,17.438 16.8,15.7636 C16.8,14.6400889 16.172763,13.6089864 15.1865158,13.0837529 L15.0088,12.9964 L14.766,12.8868 L14.6844,12.6328 C14.0988,10.8072 12.4168,9.5808 10.4992,9.5808 Z M19.7464,12.9464 C19.9547556,12.7384 20.277837,12.7152889 20.5116872,12.8770667 L20.5948,12.9464 L21.444,13.7948 C21.6784,14.0292 21.6784,14.4092 21.444,14.6436 C21.3268,14.7608 21.1732,14.8192 21.0196,14.8192 C20.89672,14.8192 20.77384,14.781568 20.6695968,14.7067136 L20.5952,14.6436 L19.7464,13.7952 C19.512,13.5608 19.512,13.1808 19.7464,12.9464 Z M16.6,6.8 C18.2544,6.8 19.6,8.1456 19.6,9.8 C19.6,10.932 18.9696,11.9184 18.042,12.4292 C17.668,11.9496 17.2196,11.5256 16.698,11.1904 C16.1328,9.9272 15.2076,8.8956 14.0704,8.194 C14.6032,7.3576 15.5368,6.8 16.6,6.8 Z M22.85,9.2 C23.1812,9.2 23.45,9.4684 23.45,9.8 C23.45,10.09844 23.232272,10.345688 22.9472816,10.3921532 L22.85,10.4 L21.65,10.4 C21.3188,10.4 21.05,10.1316 21.05,9.8 C21.05,9.50156 21.267728,9.254312 21.5527184,9.2078468 L21.65,9.2 L22.85,9.2 Z M20.5956,4.9564 C20.83,4.7224 21.2096,4.722 21.444,4.9564 C21.6523556,5.16475556 21.6755062,5.48815309 21.5134519,5.72207353 L21.444,5.8052 L20.5952,6.6536 C20.478,6.7708 20.3244,6.8292 20.1708,6.8292 C20.0172,6.8292 19.8636,6.7704 19.7468,6.6536 C19.5384444,6.44524444 19.5152938,6.12184691 19.6773481,5.88792647 L19.7468,5.8048 L20.5956,4.9564 Z M11.7568,4.9564 C11.9651556,4.7484 12.288237,4.72528889 12.5220872,4.88706667 L12.6052,4.9564 L13.454,5.8048 C13.6884,6.0392 13.6884,6.4192 13.454,6.6536 C13.3368,6.7708 13.1832,6.8292 13.0296,6.8292 C12.90672,6.8292 12.78384,6.791568 12.6795968,6.7167136 L12.6052,6.6536 L11.7568,5.8052 C11.5224,5.5708 11.5224,5.1904 11.7568,4.9564 Z M16.6,2.95 C16.89808,2.95 17.145616,3.167404 17.1921424,3.4526212 L17.2,3.55 L17.2,4.75 C17.2,5.0816 16.9312,5.35 16.6,5.35 C16.30192,5.35 16.054384,5.132596 16.0078576,4.8473788 L16,4.75 L16,3.55 C16,3.2184 16.2688,2.95 16.6,2.95 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 8.381a5.577 5.577 0 015.242 3.639A4.246 4.246 0 0118 15.764a4.242 4.242 0 01-4.025 4.23l-.211.006H4.673A3.877 3.877 0 01.8 16.127c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.5 8.381zm0 1.2a4.377 4.377 0 00-2.758.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166A2.677 2.677 0 002 16.127a2.676 2.676 0 002.504 2.668l.169.005h9.09a3.04 3.04 0 003.037-3.036 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.5 9.58zm9.246 3.365a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.849-.849a.6.6 0 010-.849zM16.6 6.8c1.654 0 3 1.346 3 3 0 1.132-.63 2.118-1.558 2.63a5.44 5.44 0 00-1.344-1.24 6.765 6.765 0 00-2.628-2.996A2.998 2.998 0 0116.6 6.8zm6.25 2.4a.6.6 0 01.097 1.192l-.097.008h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zm-2.254-4.244a.6.6 0 01.917.766l-.069.083-.849.849a.598.598 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.849-.849zm-8.84 0a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 010-.849zM16.6 2.95a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 4.75v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/cloudy/selected.svg b/packages/components/src/telekom/icons/weather/cloudy/selected.svg
index 98a8513e6e..3da32e1482 100644
--- a/packages/components/src/telekom/icons/weather/cloudy/selected.svg
+++ b/packages/components/src/telekom/icons/weather/cloudy/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/cloudy/selected</title>
-    <g id="icon/weather/cloudy/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.4685,8.3 C12.8265,8.3 14.9095,9.7355 15.759,11.908 C17.1325,12.6725 18.001,14.1305 18.001,15.7175 C18.001,18.05225 16.1574247,19.9649654 13.8495477,20.0754584 L13.6385,20.0805 L4.8115,20.0805 C2.6,20.0805 0.801,18.282 0.801,16.07 C0.801,14.673 1.53,13.3885 2.698,12.6645 C2.886,10.838 4.434,9.409 6.3095,9.409 C6.539,9.409 6.77,9.433 7.006,9.483 C7.9985,8.717 9.2115,8.3 10.4685,8.3 Z M19.7475,12.9465 C19.9559444,12.7385 20.2789568,12.7153889 20.5128608,12.8771667 L20.596,12.9465 L21.445,13.795 C21.6795,14.029 21.6795,14.409 21.445,14.6435 C21.328,14.761 21.174,14.819 21.0205,14.819 C20.8977,14.819 20.7749,14.78156 20.670532,14.70668 L20.596,14.6435 L19.7475,13.795 C19.513,13.561 19.513,13.181 19.7475,12.9465 Z M16.601,6.8 C18.2555,6.8 19.601,8.1455 19.601,9.8 C19.601,10.9115 18.9915,11.88 18.091,12.3985 C17.7125,11.891 17.2515,11.442 16.712,11.084 C16.138,9.8405 15.2275,8.8295 14.1135,8.1365 C14.652,7.333 15.5635,6.8 16.601,6.8 Z M22.851,9.2 C23.182,9.2 23.451,9.4685 23.451,9.8 C23.451,10.09835 23.23311,10.34567 22.948233,10.3921505 L22.851,10.4 L21.651,10.4 C21.32,10.4 21.051,10.1315 21.051,9.8 C21.051,9.50165 21.26889,9.25433 21.553767,9.2078495 L21.651,9.2 L22.851,9.2 Z M11.758,4.9565 C11.966,4.7485 12.289358,4.72538889 12.5229931,4.88716667 L12.606,4.9565 L13.455,5.805 C13.6895,6.039 13.6895,6.419 13.455,6.6535 C13.338,6.771 13.184,6.829 13.0305,6.829 C12.9077,6.829 12.7849,6.79156 12.680532,6.71668 L12.606,6.6535 L11.758,5.805 C11.5235,5.571 11.5235,5.1905 11.758,4.9565 Z M20.5965,4.9565 C20.831,4.7225 21.2105,4.722 21.445,4.9565 C21.6534444,5.16494444 21.6766049,5.48835185 21.5144815,5.72199246 L21.445,5.805 L20.596,6.6535 C20.479,6.771 20.3255,6.829 20.172,6.829 C20.018,6.829 19.8645,6.7705 19.748,6.6535 C19.5395556,6.44505556 19.5163951,6.12164815 19.6785185,5.88800754 L19.748,5.805 L20.5965,4.9565 Z M16.601,2.95 C16.8989,2.95 17.14658,3.167485 17.193137,3.4526455 L17.201,3.55 L17.201,4.75 C17.201,5.0815 16.932,5.35 16.601,5.35 C16.3031,5.35 16.05542,5.132515 16.008863,4.8473545 L16.001,4.75 L16.001,3.55 C16.001,3.2185 16.27,2.95 16.601,2.95 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.469 8.3a5.664 5.664 0 015.29 3.608 4.368 4.368 0 012.242 3.81 4.368 4.368 0 01-4.151 4.357l-.211.006H4.81a4.015 4.015 0 01-4.01-4.011 4.01 4.01 0 011.897-3.405 3.635 3.635 0 013.611-3.256c.23 0 .461.024.697.074A5.659 5.659 0 0110.469 8.3zm9.278 4.646a.6.6 0 01.766-.069l.083.07.849.848a.6.6 0 01-.774.912l-.075-.064-.849-.848a.6.6 0 010-.848zM16.601 6.8c1.655 0 3 1.346 3 3 0 1.111-.61 2.08-1.51 2.598a5.558 5.558 0 00-1.379-1.314 6.835 6.835 0 00-2.598-2.947A2.992 2.992 0 0116.6 6.8zm6.25 2.4a.6.6 0 01.097 1.192l-.097.008h-1.2a.6.6 0 01-.097-1.192l.097-.008h1.2zM11.758 4.957a.6.6 0 01.765-.07l.083.07.849.848a.6.6 0 01-.774.912l-.075-.063-.848-.849a.6.6 0 010-.848zm8.838 0a.6.6 0 01.918.765l-.069.083-.849.849a.596.596 0 01-.848 0 .6.6 0 01-.07-.766l.07-.083.848-.848zM16.601 2.95a.6.6 0 01.592.503l.008.097v1.2a.6.6 0 01-1.192.097L16 4.75v-1.2a.6.6 0 01.6-.6z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/heavy-sleet/default.svg b/packages/components/src/telekom/icons/weather/heavy-sleet/default.svg
index 289cbba1b8..2ff71cbe1d 100644
--- a/packages/components/src/telekom/icons/weather/heavy-sleet/default.svg
+++ b/packages/components/src/telekom/icons/weather/heavy-sleet/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/heavy-sleet/default</title>
-    <g id="icon/weather/heavy-sleet/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M14.7475,18.4045 C14.8546111,18.3062778 15.018216,18.3767469 15.035692,18.507046 L15.035,18.5585 L14.4485,22.307 C14.32,23.1265 13.552,23.6865 12.7325,23.5585 C11.5334107,23.3709464 11.0563476,21.9267047 11.8558813,21.0611931 L11.95,20.9675 L14.7475,18.4045 Z M9.8505,14.2175 L11.1495,14.9675 L10.2645,16.5 L12,16.5 L12,18 L10.3335,18 L11.1495,19.4135 L9.8505,20.1635 L9,18.69 L8.1495,20.1635 L6.8505,19.4135 L7.6665,18 L6,18 L6,16.5 L7.7355,16.5 L6.8505,14.9675 L8.1495,14.2175 L9,15.6905 L9.8505,14.2175 Z M17.594,11.7095 C17.6854375,11.6259375 17.8239609,11.6836328 17.8424248,11.7928164 L17.8425,11.8425 L17.1905,16.0095 C17.052,16.8975 16.2195,17.5045 15.332,17.3655 C14.0314483,17.1622586 13.5153627,15.5937759 14.3858953,14.6568746 L14.4845,14.559 L17.594,11.7095 Z M13.5115,0.5645 C16.7275,0.5645 19.5605,2.5685 20.661,5.584 C22.548,6.578 23.75,8.555 23.75,10.7115 C23.75,13.6935 21.498,16.1545 18.6165,16.4655 L18.6465625,16.35425 L18.6465625,16.35425 L18.6725,16.2415 L18.8815,14.9055 C20.803,14.495 22.25,12.771 22.25,10.7115 C22.25,9.10358696 21.3487902,7.62971172 19.9366892,6.89854397 L19.741,6.8035 L19.438,6.6655 L19.337,6.348 C18.5215,3.786 16.1805,2.0645 13.512,2.0645 C12.0916875,2.0645 10.7223516,2.56503711 9.62481738,3.47918201 L9.409,3.6675 L9.0805,3.9685 L8.6585,3.823 C8.319,3.706 7.97,3.6465 7.622,3.6465 C6.488,3.6465 5.4895,4.2425 4.9175,5.1405 C4.45338235,5.86897059 4.39709862,6.56106747 4.41152524,7.05253745 L4.442,7.5505 L3.9765,7.76 C2.624,8.3685 1.75,9.725 1.75,11.2155 C1.75,12.88254 2.8255072,14.298444 4.31208486,14.8009871 L4.5,14.859 L4.5,16.401 C2.082,15.9295 0.25,13.785 0.25,11.2155 C0.25,9.3035 1.282,7.5495 2.917,6.6175 C3.0565,4.128 5.1135,2.146 7.6215,2.146 C7.9905,2.146 8.3585,2.191 8.7215,2.2795 C10.0785,1.1705 11.7635,0.5645 13.5115,0.5645 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.748 18.404a.173.173 0 01.288.103l-.001.051-.587 3.749a1.502 1.502 0 01-1.716 1.252c-1.199-.188-1.676-1.632-.876-2.498l.094-.093 2.798-2.564zM9.85 14.217l1.298.75-.884 1.533H12V18h-1.666l.816 1.413-1.3.75L9 18.69l-.85 1.473-1.3-.75L7.668 18H6v-1.5h1.736l-.885-1.533 1.298-.75L9 15.69l.85-1.473zm7.743-2.508a.15.15 0 01.248.084v.05l-.651 4.166a1.626 1.626 0 01-1.859 1.357c-1.3-.204-1.817-1.772-.946-2.71l.099-.097 3.109-2.85zM13.511.566a7.596 7.596 0 017.15 5.019 5.805 5.805 0 013.089 5.127c0 2.982-2.252 5.443-5.134 5.754l.03-.11.026-.114.21-1.335a4.285 4.285 0 003.368-4.195A4.3 4.3 0 0019.937 6.9l-.196-.096-.303-.138-.101-.317c-.816-2.562-3.157-4.284-5.825-4.284-1.42 0-2.79.501-3.887 1.415l-.216.188-.329.302-.421-.146a3.178 3.178 0 00-1.037-.176A3.206 3.206 0 004.918 5.14c-.465.728-.52 1.42-.506 1.912l.03.498-.466.209a3.791 3.791 0 00-2.226 3.456A3.784 3.784 0 004.312 14.8l.188.058v1.542a5.282 5.282 0 01-4.25-5.185 5.299 5.299 0 012.667-4.598c.14-2.49 2.197-4.472 4.705-4.472.369 0 .736.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/heavy-sleet/selected.svg b/packages/components/src/telekom/icons/weather/heavy-sleet/selected.svg
index c79a319a98..af396da619 100644
--- a/packages/components/src/telekom/icons/weather/heavy-sleet/selected.svg
+++ b/packages/components/src/telekom/icons/weather/heavy-sleet/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/heavy-sleet/selected</title>
-    <g id="icon/weather/heavy-sleet/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M14.74725,18.40425 C14.8543611,18.3064722 15.017966,18.3769907 15.0357932,18.5072953 L15.03525,18.55875 L14.44825,22.30675 C14.31975,23.12675 13.55225,23.68675 12.73225,23.55875 C11.5331607,23.3707143 11.0565625,21.9269203 11.8556811,21.0614413 L11.94975,20.96775 L14.74725,18.40425 Z M9.85025,14.21775 L11.14925,14.96775 L10.26425,16.50025 L12.00025,16.50025 L12.00025,18.00025 L10.33325,18.00025 L11.14925,19.41325 L9.85025,20.16325 L9.00025,18.69025 L8.14925,20.16325 L6.85025,19.41325 L7.66625,18.00025 L6.00025,18.00025 L6.00025,16.50025 L7.73525,16.50025 L6.85025,14.96775 L8.14925,14.21775 L9.00025,15.69025 L9.85025,14.21775 Z M17.59375,11.70975 C17.6851875,11.62575 17.8240937,11.6837734 17.8426533,11.7930459 L17.84275,11.84275 L17.19025,16.00925 C17.05225,16.89725 16.21925,17.50425 15.33225,17.36525 C14.0312155,17.1624914 13.5151133,15.5935592 14.3856453,14.6566263 L14.48425,14.55875 L17.59375,11.70975 Z M13.51075,0.54725 C16.72675,0.54725 19.55975,2.55125 20.66025,5.56675 C22.54725,6.56075 23.74925,8.53775 23.74925,10.69425 C23.74925,13.74425 21.39225,16.24475 18.41675,16.46125 L18.448375,16.3368125 L18.448375,16.3368125 L18.47475,16.20975 L19.12675,12.04325 C19.19275,11.62575 19.07325,11.20025 18.79825,10.87875 C18.52175,10.55525 18.11925,10.36975 17.69425,10.36975 C17.3839643,10.36975 17.084699,10.4689337 16.8364424,10.6518724 L16.71675,10.75025 L13.60625,13.60075 C13.37225,13.81515 13.18177,14.06059 13.033018,14.32555 L12.92925,14.52775 L9.49925,12.54025 C9.228875,12.383625 8.903375,12.3632813 8.61888379,12.4798887 L8.49975,12.53825 L5.20225,14.43075 C4.92625,14.5894167 4.74427469,14.8685772 4.70724314,15.1800888 L4.70025,15.29825 L4.70025,16.41375 C2.18375,16.02525 0.24925,13.83775 0.24925,11.19825 C0.24925,9.28625 1.28125,7.53225 2.91625,6.60025 C3.05575,4.11075 5.11275,2.12875 7.62075,2.12875 C7.98975,2.12875 8.35775,2.17375 8.72075,2.26225 C10.07775,1.15325 11.76275,0.54725 13.51075,0.54725 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.747 18.404a.174.174 0 01.289.103v.052l-.588 3.748a1.502 1.502 0 01-1.716 1.252c-1.199-.188-1.675-1.632-.876-2.498l.094-.093 2.797-2.564zM9.85 14.218l1.3.75-.886 1.532H12V18h-1.667l.816 1.413-1.299.75L9 18.69l-.85 1.473-1.3-.75L7.666 18H6v-1.5h1.735l-.885-1.532 1.3-.75L9 15.69l.85-1.472zm7.744-2.508a.15.15 0 01.249.083v.05l-.653 4.166a1.626 1.626 0 01-1.858 1.356c-1.3-.203-1.817-1.771-.946-2.708l.098-.098 3.11-2.85zM13.51.547a7.596 7.596 0 017.15 5.02 5.805 5.805 0 013.088 5.127c0 3.05-2.357 5.55-5.332 5.767l.031-.124.027-.127.652-4.167a1.45 1.45 0 00-2.29-1.391l-.12.098-3.11 2.85c-.235.215-.425.46-.574.726l-.104.202L9.5 12.54a1 1 0 00-.88-.06l-.12.058-3.297 1.893a1.001 1.001 0 00-.495.75l-.007.117v1.116a5.275 5.275 0 01-4.45-5.216A5.299 5.299 0 012.915 6.6c.14-2.49 2.197-4.471 4.705-4.471.369 0 .737.045 1.1.133A7.558 7.558 0 0113.51.547z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/heavy-snow/default.svg b/packages/components/src/telekom/icons/weather/heavy-snow/default.svg
index 8b081be56e..8e8192396a 100644
--- a/packages/components/src/telekom/icons/weather/heavy-snow/default.svg
+++ b/packages/components/src/telekom/icons/weather/heavy-snow/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/heavy-snow/default</title>
-    <g id="icon/weather/heavy-snow/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.3505,17.807 L9.6495,18.557 L8.8165,20 L10.5,20 L10.5,21.5 L8.7815,21.5 L9.6495,23.0035 L8.3505,23.7535 L7.5,22.28 L6.6495,23.7535 L5.3505,23.0035 L6.2185,21.5 L4.5,21.5 L4.5,20 L6.1835,20 L5.3505,18.557 L6.6495,17.807 L7.5,19.2805 L8.3505,17.807 Z M14.8505,13.307 L16.1495,14.057 L15.3165,15.5 L17,15.5 L17,17 L15.2815,17 L16.1495,18.5035 L14.8505,19.2535 L14,17.78 L13.1495,19.2535 L11.8505,18.5035 L12.7185,17 L11,17 L11,15.5 L12.6835,15.5 L11.8505,14.057 L13.1495,13.307 L14,14.7805 L14.8505,13.307 Z M13.5115,0.5645 C16.7275,0.5645 19.5605,2.5685 20.661,5.584 C22.548,6.578 23.75,8.555 23.7495003,10.711 C23.7495003,13.6555128 21.5535947,16.0897364 18.7241638,16.4499033 L18.4995,16.474 L18.4995,14.967 C20.6075,14.716 22.2495,12.9045 22.2495,10.711 C22.2495,9.10308696 21.3482902,7.62921172 19.9361892,6.89804397 L19.7405,6.803 L19.4375,6.665 L19.3365,6.3475 C18.521,3.7855 16.18,2.064 13.5115,2.064 C12.0911875,2.064 10.7218516,2.56453711 9.62431738,3.47868201 L9.4085,3.667 L9.08,3.968 L8.658,3.8225 C8.3185,3.7055 7.9695,3.646 7.6215,3.646 C6.4175,3.646 5.366,4.318 4.816,5.3105 C4.41788235,6.02873529 4.38873356,6.71483218 4.41077468,7.15107602 L4.442,7.5505 L3.9765,7.76 C2.624,8.3685 1.75,9.725 1.75,11.2155 C1.75,13.2367969 3.32851758,14.8934956 5.30729541,14.9950654 L5.5,15 L9.5,15 L9.5,16.5 L5.5,16.5 C2.605,16.5 0.25,14.1295 0.25,11.2155 C0.25,9.3035 1.282,7.5495 2.917,6.6175 C3.0565,4.128 5.1135,2.146 7.6215,2.146 C7.9905,2.146 8.3585,2.191 8.7215,2.2795 C10.0785,1.1705 11.7635,0.5645 13.5115,0.5645 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.35 17.807l1.3.75L8.816 20H10.5v1.5H8.781l.868 1.503-1.298.75L7.5 22.28l-.85 1.473-1.3-.75.869-1.503H4.5V20h1.684l-.833-1.443 1.298-.75.851 1.474.85-1.474zm6.5-4.5l1.3.75-.833 1.443H17V17h-1.719l.868 1.503-1.299.75L14 17.78l-.85 1.473-1.3-.75L12.72 17H11v-1.5h1.684l-.833-1.443 1.298-.75L14 14.78l.85-1.473zM13.512.565a7.596 7.596 0 017.149 5.019 5.803 5.803 0 013.089 5.127c0 2.945-2.196 5.379-5.026 5.739l-.224.024v-1.507c2.108-.251 3.75-2.063 3.75-4.256a4.3 4.3 0 00-2.314-3.813l-.195-.095-.303-.138-.101-.317c-.816-2.563-3.157-4.284-5.825-4.284-1.42 0-2.79.5-3.888 1.415l-.216.188-.328.301-.422-.146a3.178 3.178 0 00-1.036-.176 3.21 3.21 0 00-2.806 1.665 3.382 3.382 0 00-.405 1.84l.031.4-.466.209a3.791 3.791 0 00-2.226 3.456c0 2.02 1.579 3.677 3.557 3.78L5.5 15h4v1.5h-4c-2.895 0-5.25-2.37-5.25-5.284a5.299 5.299 0 012.667-4.598c.14-2.49 2.197-4.472 4.705-4.472.369 0 .736.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/heavy-snow/selected.svg b/packages/components/src/telekom/icons/weather/heavy-snow/selected.svg
index b765f4a9c5..a30d9ce597 100644
--- a/packages/components/src/telekom/icons/weather/heavy-snow/selected.svg
+++ b/packages/components/src/telekom/icons/weather/heavy-snow/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/heavy-snow/selected</title>
-    <g id="icon/weather/heavy-snow/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.34957605,17.806879 L9.64854899,18.5568634 L8.81556634,19.9998333 L10.4990313,19.9998333 L10.4990313,21.4998021 L8.78056707,21.4998021 L9.64854899,23.0027708 L8.34957605,23.7527552 L7.49909377,22.2797858 L6.64861149,23.7527552 L5.34963855,23.0027708 L6.21762047,21.4998021 L4.49915627,21.4998021 L4.49915627,19.9998333 L6.1826212,19.9998333 L5.34963855,18.5568634 L6.64861149,17.806879 L7.49909377,19.2798483 L8.34957605,17.806879 Z M14.8494406,13.3069728 L16.1484136,14.0569571 L15.3154309,15.4999271 L16.9988959,15.4999271 L16.9988959,16.9998958 L15.2804317,16.9998958 L16.1484136,18.5028645 L14.8494406,19.2528489 L13.9989584,17.7798796 L13.1484761,19.2528489 L11.8495031,18.5028645 L12.7174851,16.9998958 L10.9990209,16.9998958 L10.9990209,15.4999271 L12.6824858,15.4999271 L11.8495031,14.0569571 L13.1484761,13.3069728 L13.9989584,14.7799421 L14.8494406,13.3069728 Z M13.5099685,0.547238599 C16.7259015,0.547238599 19.5588425,2.55119685 20.6593196,5.56663403 C22.5462803,6.56061332 23.7482552,8.53757213 23.7482552,10.6940272 C23.7482552,13.7085986 21.4458642,16.1849301 18.5194905,16.4511133 L18.2988688,16.4669069 L18.2988688,14.3779505 C18.2988688,14.0601793 18.1479583,13.763741 17.8970555,13.5764253 L17.7983792,13.5114685 L14.496448,11.6075082 C14.2269536,11.4521989 13.9027182,11.4324024 13.6188686,11.5481188 L13.4999688,11.6060082 L10.2020375,13.4949689 C9.92515434,13.6531878 9.742689,13.9322931 9.70555946,14.2441439 L9.69854795,14.3624508 L9.69854795,16.4729068 L5.22014125,16.4679069 C2.45469886,16.32091 0.248744818,14.016958 0.248744818,11.1980167 C0.248744818,9.28605654 1.28072332,7.53209308 2.91568926,6.6001125 C3.05518635,4.11066436 5.1121435,2.12870565 7.62009125,2.12870565 C7.98908356,2.12870565 8.35707589,2.17370471 8.72006833,2.26220287 C10.0770401,1.15322597 11.762005,0.547238599 13.5099685,0.547238599 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.35 17.807l1.299.75L8.816 20h1.683v1.5H8.781l.868 1.503-1.3.75-.85-1.473-.85 1.473-1.3-.75.869-1.503H4.499V20h1.684l-.833-1.443 1.299-.75.85 1.473.85-1.473zm6.5-4.5l1.298.75-.833 1.443H17V17H15.28l.868 1.503-1.299.75L14 17.78l-.85 1.473-1.3-.75.868-1.503H11v-1.5h1.683l-.832-1.443 1.298-.75L14 14.78l.85-1.473zM13.51.547a7.596 7.596 0 017.15 5.02 5.805 5.805 0 013.088 5.127c0 3.015-2.302 5.49-5.229 5.757l-.22.016v-2.089a1 1 0 00-.402-.802l-.099-.065-3.302-1.903a1.001 1.001 0 00-.877-.06l-.119.058-3.298 1.889a.999.999 0 00-.496.75l-.007.117v2.11l-4.479-.004C2.455 16.32.25 14.017.25 11.198A5.299 5.299 0 012.916 6.6C3.056 4.11 5.112 2.13 7.62 2.13c.37 0 .737.045 1.1.133A7.558 7.558 0 0113.51.547z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-clear/default.svg b/packages/components/src/telekom/icons/weather/moon-clear/default.svg
index aeef88c651..f8337e44e3 100644
--- a/packages/components/src/telekom/icons/weather/moon-clear/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-clear/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-clear/default</title>
-    <g id="icon/weather/moon-clear/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M15.969,17.4415 C15.3205,17.1905 12.647,16.0945 11.4165,12.8735 C9.885,8.8635 12.0265,5.669 13.17,4.5035 C13.18,4.493 13.1915,4.484 13.2015,4.474 C13.825,3.8455 14.5575,3.315 15.3825,2.9185 C15.38,2.918 15.378,2.9175 15.3755,2.917 C13.866,2.558 12.2895,2.5845 10.8165,2.971 C7.6735,3.7965 5.321,6.1165 4.321,8.968 C3.7215,10.6785 3.607,12.58 4.103,14.467 C4.701,16.7445 6.1625,18.8035 8.323,20.1155 C10.1855,21.246 12.363,21.7125 14.568,21.3875 C16.8125,21.057 18.7735,19.9725 20.2235,18.3425 C20.3935,18.1515 20.555,17.9545 20.7085,17.751 C19.1855,18.1245 17.5235,18.0425 15.969,17.4415 Z" id="Path" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.969 17.442c-.649-.252-3.322-1.348-4.553-4.569-1.531-4.01.61-7.204 1.754-8.37l.031-.029a7.877 7.877 0 012.181-1.556l-.006-.001A9.404 9.404 0 004.32 8.968a9.368 9.368 0 00-.218 5.499 9.398 9.398 0 004.22 5.649 9.339 9.339 0 006.245 1.271 9.327 9.327 0 006.14-3.636 7.93 7.93 0 01-4.739-.31z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-clear/selected.svg b/packages/components/src/telekom/icons/weather/moon-clear/selected.svg
index 65ef69f4ca..f8337e44e3 100644
--- a/packages/components/src/telekom/icons/weather/moon-clear/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-clear/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-clear/selected</title>
-    <g id="icon/weather/moon-clear/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M15.969,17.4415 C15.3205,17.1905 12.647,16.0945 11.4165,12.8735 C9.885,8.8635 12.0265,5.669 13.17,4.5035 C13.18,4.493 13.1915,4.484 13.2015,4.474 C13.825,3.8455 14.5575,3.315 15.3825,2.9185 C15.38,2.918 15.378,2.9175 15.3755,2.917 C13.866,2.558 12.2895,2.5845 10.8165,2.971 C7.6735,3.7965 5.321,6.1165 4.321,8.968 C3.7215,10.6785 3.607,12.58 4.103,14.467 C4.701,16.7445 6.1625,18.8035 8.323,20.1155 C10.1855,21.246 12.363,21.7125 14.568,21.3875 C16.8125,21.057 18.7735,19.9725 20.2235,18.3425 C20.3935,18.1515 20.555,17.9545 20.7085,17.751 C19.1855,18.1245 17.5235,18.0425 15.969,17.4415 Z" id="Path" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.969 17.442c-.649-.252-3.322-1.348-4.553-4.569-1.531-4.01.61-7.204 1.754-8.37l.031-.029a7.877 7.877 0 012.181-1.556l-.006-.001A9.404 9.404 0 004.32 8.968a9.368 9.368 0 00-.218 5.499 9.398 9.398 0 004.22 5.649 9.339 9.339 0 006.245 1.271 9.327 9.327 0 006.14-3.636 7.93 7.93 0 01-4.739-.31z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-cloudy-a/default.svg b/packages/components/src/telekom/icons/weather/moon-cloudy-a/default.svg
index cf88047c45..c116b31f34 100644
--- a/packages/components/src/telekom/icons/weather/moon-cloudy-a/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-cloudy-a/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-cloudy-a/default</title>
-    <g id="icon/weather/moon-cloudy-a/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.0996,8.3812 C12.4528,8.3812 14.528,9.8328 15.342,12.02 C16.722,12.7508 17.6,14.1924 17.6,15.7636 C17.6,18.0288121 15.8130307,19.8844242 13.5750876,19.9948055 L13.364,20 L4.2728,20 C2.1372,20 0.4,18.2628 0.4,16.1272 C0.4,14.7356 1.1504,13.4584 2.342,12.772 C2.462,10.96 3.9744,9.5228 5.816,9.5228 C6.08,9.5228 6.344,9.5536 6.6036,9.6144 C7.5964,8.8168 8.8252,8.3812 10.0996,8.3812 Z M10.0992,9.5808 C9.09415385,9.5808 8.12455385,9.9264 7.34235703,10.559397 L7.1508,10.7236 L6.8888,10.9616 L6.554,10.8472 C6.3108,10.7644 6.0628,10.7224 5.8156,10.7224 C4.61001667,10.7224 3.61970694,11.6624771 3.53927416,12.8480279 L3.534,13.004 L3.558,13.5208 L3.1852,13.6872 C2.2224,14.1176 1.6,15.0752 1.6,16.1272 C1.6,17.5441231 2.70835799,18.7073479 4.10399693,18.7947307 L4.2728,18.8 L13.3636,18.8 C15.038,18.8 16.4,17.438 16.4,15.7636 C16.4,14.6400889 15.772763,13.6089864 14.7865158,13.0837529 L14.6088,12.9964 L14.366,12.8868 L14.2844,12.6328 C13.6988,10.8072 12.0168,9.5808 10.0992,9.5808 Z M18.1764,2.9056 C19.066,2.672 19.9616,2.676 20.7976,2.8752 C18.8728,3.8008 17.8092,5.9864 18.372,8.1292 C19.004,10.5352 21.448,11.98 23.8548,11.3904 C23.1496,12.324 22.1408,13.0388 20.9212,13.3592 C20.0092,13.5988 19.0908,13.5892 18.2364,13.3744 C17.8052,12.4956 17.146,11.734 16.298,11.1904 C15.8132,10.1028 15.0724,9.1924 14.1612,8.5144 C13.9784,5.9708 15.62,3.5768 18.1764,2.9056 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.1 8.381a5.577 5.577 0 015.242 3.639 4.246 4.246 0 012.258 3.744 4.242 4.242 0 01-4.025 4.23l-.211.006H4.273A3.877 3.877 0 01.4 16.127c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.1 8.381zm0 1.2a4.377 4.377 0 00-2.758.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166a2.677 2.677 0 00-1.585 2.44 2.676 2.676 0 002.504 2.668l.169.005h9.09a3.04 3.04 0 003.037-3.036 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.1 9.58zm8.076-6.675a5.38 5.38 0 012.622-.03 4.549 4.549 0 003.057 8.515 5.376 5.376 0 01-2.934 1.968c-.912.24-1.83.23-2.685.015a5.42 5.42 0 00-1.938-2.184 6.748 6.748 0 00-2.137-2.676 5.403 5.403 0 014.015-5.608z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-cloudy-a/selected.svg b/packages/components/src/telekom/icons/weather/moon-cloudy-a/selected.svg
index 50585b3361..2ef8513b6f 100644
--- a/packages/components/src/telekom/icons/weather/moon-cloudy-a/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-cloudy-a/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-cloudy-a/selected</title>
-    <g id="icon/weather/moon-cloudy-a/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.1,8.381 C12.4535,8.381 14.5285,9.833 15.3425,12.02 C16.7225,12.751 17.6005,14.1925 17.6005,15.7635 C17.6005,18.0287121 15.8134366,19.8844183 13.5755791,19.9948052 L13.3645,20 L4.2735,20 C2.1375,20 0.4005,18.263 0.4005,16.127 C0.4005,14.7355 1.151,13.4585 2.3425,12.772 C2.4625,10.96 3.975,9.523 5.8165,9.523 C6.0805,9.523 6.3445,9.5535 6.604,9.6145 C7.597,8.817 8.8255,8.381 10.1,8.381 Z M18.177,2.9055 C19.0665,2.672 19.962,2.676 20.798,2.875 C18.8735,3.801 17.8095,5.9865 18.3725,8.129 C19.0045,10.535 21.4485,11.98 23.8555,11.3905 C23.15,12.324 22.1415,13.039 20.9215,13.359 C20.0095,13.599 19.0915,13.589 18.237,13.3745 C17.8055,12.4955 17.1465,11.734 16.2985,11.1905 C15.8135,10.103 15.073,9.1925 14.1615,8.5145 C13.979,5.971 15.6205,3.577 18.177,2.9055 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.1 8.381a5.577 5.577 0 015.242 3.639 4.246 4.246 0 012.258 3.744 4.242 4.242 0 01-4.024 4.23l-.212.006h-9.09A3.877 3.877 0 01.4 16.127c0-1.391.75-2.668 1.941-3.355a3.486 3.486 0 014.262-3.158A5.575 5.575 0 0110.1 8.381zm8.077-5.476a5.383 5.383 0 012.621-.03 4.55 4.55 0 003.058 8.515 5.374 5.374 0 01-2.934 1.969c-.913.24-1.83.23-2.685.015a5.421 5.421 0 00-1.938-2.184 6.749 6.749 0 00-2.137-2.675 5.404 5.404 0 014.015-5.61z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-cloudy-b/default.svg b/packages/components/src/telekom/icons/weather/moon-cloudy-b/default.svg
index e5edc99adf..6599392740 100644
--- a/packages/components/src/telekom/icons/weather/moon-cloudy-b/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-cloudy-b/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-cloudy-b/default</title>
-    <g id="icon/weather/moon-cloudy-b/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.4092,7.2516 C13.982,7.2516 16.2484,8.8548 17.1288,11.2672 C18.6384,12.0624 19.6,13.644 19.6,15.3692 C19.6,17.8518667 17.6494522,19.8842324 15.2102381,19.995226 L15,20 L5,20 C2.684,20 0.8,18.1036 0.8,15.7724 C0.8,14.2428 1.6256,12.8396 2.9336,12.094 C3.0452,10.1024 4.6908,8.5168 6.6972,8.5168 C6.9924,8.5168 7.2868,8.5528 7.5772,8.6236 C8.6628,7.7364 10.0108,7.2516 11.4092,7.2516 Z M11.4096,8.4516 C10.2841714,8.4516 9.19875102,8.84443878 8.32499942,9.56254096 L8.1272,9.734 L7.8644,9.9748 L7.5268,9.8584 C7.2552,9.7648 6.976,9.7172 6.6976,9.7172 C5.7568,9.7172 4.9328,10.2296 4.4848,10.9928 C4.147375,11.56755 4.11245,12.1267969 4.12695303,12.4879181 L4.1536,12.8404 L3.7812,13.008 C2.6992,13.4948 2,14.58 2,15.7724 C2,17.3819857 3.25120204,18.702575 4.82397172,18.7948498 L5,18.8 L15,18.8 C16.8748,18.8 18.4,17.2608 18.4,15.3692 C18.4,14.09164 17.68883,12.919853 16.5724014,12.3308825 L16.3928,12.2428 L16.1504,12.1324 L16.0696,11.8784 C15.4172,9.8288 13.5444,8.4516 11.4096,8.4516 Z M18.6608,3.68 C19.2944,3.5136 19.932,3.5164 20.5276,3.6584 C19.1568,4.3176 18.3992,5.874 18.8,7.4 C19.25,9.1136 20.9908,10.1424 22.7048,9.722 C22.2024,10.3868 21.484,10.896 20.6156,11.124 C20.0896,11.262 19.5608,11.2828 19.0556,11.2052 C18.7636,10.9188 18.4416,10.6592 18.0884,10.4364 C17.578,9.2684 16.778,8.2764 15.7944,7.5324 C15.7332,5.7748 16.888,4.1456 18.6608,3.68 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.41 7.252a6.077 6.077 0 015.719 4.015A4.644 4.644 0 0119.6 15.37c0 2.483-1.95 4.515-4.39 4.626L15 20H5C2.684 20 .8 18.104.8 15.772c0-1.53.826-2.932 2.134-3.678.111-1.992 1.757-3.577 3.763-3.577.295 0 .59.036.88.107a6.047 6.047 0 013.832-1.372zm0 1.2c-1.126 0-2.211.392-3.085 1.11l-.198.172-.263.24-.337-.116a2.542 2.542 0 00-.83-.14c-.94 0-1.764.512-2.212 1.275a2.696 2.696 0 00-.358 1.495l.027.352-.373.168A3.033 3.033 0 002 15.772c0 1.61 1.251 2.93 2.824 3.023L5 18.8h10c1.875 0 3.4-1.54 3.4-3.43a3.44 3.44 0 00-1.828-3.04l-.18-.087-.242-.11-.08-.255a4.883 4.883 0 00-4.66-3.426zm7.25-4.772a3.83 3.83 0 011.868-.022 3.239 3.239 0 002.177 6.064 3.829 3.829 0 01-3.65 1.483 5.807 5.807 0 00-.967-.769 7.317 7.317 0 00-2.294-2.904 3.847 3.847 0 012.867-3.852z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-cloudy-b/selected.svg b/packages/components/src/telekom/icons/weather/moon-cloudy-b/selected.svg
index be5a8474dd..be0825942b 100644
--- a/packages/components/src/telekom/icons/weather/moon-cloudy-b/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-cloudy-b/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-cloudy-b/selected</title>
-    <g id="icon/weather/moon-cloudy-b/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.4098,7.2517 C13.9823,7.2517 16.2488,8.8547 17.1293,11.2672 C18.6388,12.0622 19.6003,13.6442 19.6003,15.3692 C19.6003,17.8517694 17.6498467,19.884416 15.210546,19.9954253 L15.0003,20.0002 L5.0003,20.0002 C2.6843,20.0002 0.8003,18.1037 0.8003,15.7722 C0.8003,14.2427 1.6263,12.8397 2.9343,12.0942 C3.0458,10.1022 4.6913,8.5167 6.6978,8.5167 C6.9928,8.5167 7.2873,8.5527 7.5778,8.6237 C8.6633,7.7362 10.0113,7.2517 11.4098,7.2517 Z M18.6613,3.6802 C19.2948,3.5137 19.9323,3.5162 20.5283,3.6582 C19.1573,4.3177 18.3998,5.8742 18.8003,7.4002 C19.2503,9.1137 20.9913,10.1422 22.7053,9.7222 C22.2028,10.3867 21.4843,10.8962 20.6163,11.1242 C20.0903,11.2622 19.5613,11.2827 19.0563,11.2052 C18.7643,10.9187 18.4423,10.6592 18.0888,10.4362 C17.5783,9.2682 16.7783,8.2762 15.7948,7.5322 C15.7338,5.7747 16.8883,4.1457 18.6613,3.6802 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.41 7.252a6.077 6.077 0 015.72 4.015 4.644 4.644 0 012.47 4.102c0 2.483-1.95 4.515-4.39 4.626L15 20H5C2.684 20 .8 18.104.8 15.772c0-1.53.826-2.932 2.134-3.678.112-1.992 1.757-3.577 3.764-3.577.295 0 .59.036.88.107a6.044 6.044 0 013.832-1.372zM18.66 3.68a3.83 3.83 0 011.867-.022 3.24 3.24 0 002.177 6.064 3.832 3.832 0 01-3.649 1.483 5.804 5.804 0 00-.967-.769 7.32 7.32 0 00-2.294-2.904A3.847 3.847 0 0118.66 3.68z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-rain/default.svg b/packages/components/src/telekom/icons/weather/moon-rain/default.svg
index 7f80c76e50..40c4a19e48 100644
--- a/packages/components/src/telekom/icons/weather/moon-rain/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-rain/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-rain/default</title>
-    <g id="icon/weather/moon-rain/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.9652,18.1956 C9.0513,18.1165 9.18241875,18.1712312 9.19991875,18.2743117 L9.2,18.3212 L8.7208,21.3844 C8.616,22.0536 7.9884,22.5116 7.3188,22.4068 C6.34513333,22.2546167 5.95446875,21.0881493 6.59074685,20.3796894 L6.6796,20.29 L8.9652,18.1956 Z M7.7152,14.036 C7.8013,13.95725 7.93241875,14.0117187 7.94991875,14.1149961 L7.95,14.162 L7.4204,17.5484 L7.37470918,17.7290201 C7.18451094,18.3599078 6.556925,18.771025 5.8868,18.6664 C5.07457778,18.5390889 4.63591481,17.767058 4.78175336,17.0640066 L4.8136,16.9408 L4.860064,16.8139744 C4.913248,16.6886656 4.98688,16.5684544 5.083552,16.4582656 L5.188,16.3516 L7.7152,14.036 Z M12.6492,12.7316 C12.7353,12.6525 12.8661125,12.7072312 12.8838039,12.8105797 L12.884,12.8576 L12.2684,16.7932 C12.1372,17.6316 11.3512,18.2048 10.5128,18.0736 C9.28622857,17.8815143 8.79832755,16.4040082 9.61613089,15.5186419 L9.7124,15.4228 L12.6492,12.7316 Z M10.0996,5.9812 C12.4528,5.9812 14.528,7.4328 15.342,9.62 C16.722,10.3504 17.6,11.792 17.6,13.3636 C17.6,15.6288121 15.8130307,17.4844242 13.5750876,17.5948055 L13.364,17.6 L13.2788,17.6 C13.3321333,17.4690667 13.3771111,17.3335111 13.4112444,17.1929778 L13.454,16.9784 L13.546,16.3908 C15.1352,16.2956 16.4,14.9764 16.4,13.3636 C16.4,12.2400889 15.772763,11.2089864 14.7865158,10.6837529 L14.6088,10.5964 L14.366,10.4868 L14.2844,10.2328 C13.6988,8.4072 12.0168,7.1808 10.0992,7.1808 C9.09415385,7.1808 8.12455385,7.5264 7.34235703,8.159397 L7.1508,8.3236 L6.8888,8.5616 L6.554,8.4472 C6.3108,8.3644 6.0628,8.3224 5.8156,8.3224 C4.61001667,8.3224 3.61970694,9.26247708 3.53927416,10.4480279 L3.534,10.604 L3.558,11.1208 L3.1852,11.2872 C2.2224,11.7176 1.6,12.6752 1.6,13.7272 C1.6,15.0228 2.5268,16.1056 3.7524,16.348 C3.5944,16.7188 3.5328,17.1236 3.5652,17.532 C1.7668,17.1984 0.4,15.6208 0.4,13.7272 C0.4,12.3356 1.1504,11.0584 2.342,10.372 C2.462,8.56 3.9744,7.1228 5.816,7.1228 C6.08,7.1228 6.344,7.1536 6.6036,7.2144 C7.5964,6.4168 8.8252,5.9812 10.0996,5.9812 Z M18.1764,0.5052 C19.066,0.2716 19.9616,0.2756 20.7976,0.4748 C18.8728,1.4004 17.8092,3.586 18.372,5.7288 C19.004,8.1352 21.448,9.58 23.8548,8.99 C23.1496,9.9236 22.1408,10.6384 20.9212,10.9588 C20.0092,11.1984 19.0908,11.1888 18.2364,10.974 C17.8052,10.0952 17.146,9.3336 16.298,8.79 C15.8132,7.7024 15.0724,6.792 14.1612,6.114 C13.9784,3.5704 15.62,1.1764 18.1764,0.5052 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.965 18.196a.141.141 0 01.235.078v.047l-.48 3.063a1.227 1.227 0 01-1.401 1.023c-.974-.152-1.365-1.319-.728-2.027l.089-.09 2.285-2.094zm-1.25-4.16a.142.142 0 01.235.079v.047l-.53 3.386-.045.181a1.339 1.339 0 01-1.488.937c-.812-.127-1.251-.899-1.105-1.602l.032-.123.046-.127a1.32 1.32 0 01.224-.356l.104-.106 2.527-2.316zm4.934-1.304a.141.141 0 01.235.079v.047l-.616 3.935a1.536 1.536 0 01-1.755 1.28c-1.227-.191-1.715-1.669-.897-2.554l.096-.096 2.937-2.691zm-2.55-6.75a5.577 5.577 0 015.243 3.638 4.245 4.245 0 012.258 3.744 4.242 4.242 0 01-4.025 4.23l-.211.006h-.085a2.88 2.88 0 00.132-.407l.043-.215.092-.587a3.038 3.038 0 002.854-3.027 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.1 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166a2.677 2.677 0 00-1.585 2.44c0 1.296.927 2.379 2.152 2.621-.158.37-.22.776-.187 1.184A3.877 3.877 0 01.4 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.1 5.981zM18.177.504a5.38 5.38 0 012.622-.03 4.548 4.548 0 003.057 8.515 5.376 5.376 0 01-2.934 1.969c-.912.24-1.83.23-2.685.015a5.42 5.42 0 00-1.938-2.184 6.748 6.748 0 00-2.137-2.676A5.403 5.403 0 0118.176.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-rain/selected.svg b/packages/components/src/telekom/icons/weather/moon-rain/selected.svg
index 26ff2f86a3..764a71e6c4 100644
--- a/packages/components/src/telekom/icons/weather/moon-rain/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-rain/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-rain/selected</title>
-    <g id="icon/weather/moon-rain/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.9656,18.1956 C9.0517875,18.1164125 9.18276406,18.1712094 9.20042812,18.2742406 L9.2006,18.3211 L8.7211,21.3846 C8.6166,22.0536 7.9891,22.5116 7.3191,22.4066 C6.34543333,22.2547042 5.95495243,21.0879733 6.59124583,20.3797549 L6.6801,20.2901 L8.9656,18.1956 Z M7.7156,14.0361 C7.8017875,13.95735 7.93276406,14.0118187 7.95042812,14.1150961 L7.9506,14.1621 L7.4211,17.5486 L7.4071,17.6001 C7.2686,18.3026 6.6021,18.7781 5.8871,18.6666 C5.0271,18.5316 4.5861,17.6741 4.8141,16.9406 C4.8673,16.7698 4.95506,16.60508 5.084036,16.458216 L5.1886,16.3516 L7.7156,14.0361 Z M12.6496,12.7316 C12.7357875,12.6524125 12.8667641,12.7072094 12.8844281,12.8105756 L12.8846,12.8576 L12.2691,16.7931 C12.1376,17.6316 11.3516,18.2046 10.5131,18.0736 C9.28652857,17.8817071 8.79872054,16.403836 9.6167995,15.5184433 L9.7131,15.4226 L12.6496,12.7316 Z M10.1066,5.9631 C12.4606,5.9631 14.5341,7.4301 15.3396,9.6371 C16.7206,10.3646 17.6006,11.8116 17.6006,13.3901 C17.6006,15.6553121 15.8252905,17.5110183 13.6018226,17.6214052 L13.3921,17.6266 L13.2601,17.6266 C13.324975,17.47285 13.3816937,17.3143187 13.4211859,17.1478422 L13.4546,16.9786 L14.0701,13.0431 C14.1301,12.6531 14.0186,12.2601 13.7641,11.9636 C13.5081,11.6651 13.1366,11.4941 12.7441,11.4941 C12.4561,11.4941 12.1783857,11.5863041 11.9484265,11.7565431 L11.8376,11.8481 L9.1401,14.3201 C9.1916,13.9421 9.0801,13.5601 8.8316,13.2696 C8.5756,12.9701 8.2036,12.7986 7.8101,12.7986 C7.52295714,12.7986 7.2461,12.8904367 7.01636822,13.0596262 L6.9056,13.1506 L4.3776,15.4666 C4.0466,15.7706 3.8011,16.1571 3.6681,16.5846 C3.5691,16.9026 3.5386,17.2326 3.5671,17.5576 C1.7701,17.2351 0.4006,15.6586 0.4006,13.7591 C0.4006,12.3596 1.1556,11.0756 2.3526,10.3936 C2.4546,8.5716 3.9601,7.1206 5.7956,7.1206 C6.0661,7.1206 6.3351,7.1536 6.6011,7.2186 C7.5941,6.4066 8.8276,5.9631 10.1066,5.9631 Z M18.1771,0.5051 C19.0666,0.2716 19.9621,0.2756 20.7981,0.4746 C18.8731,1.4006 17.8096,3.5861 18.3726,5.7286 C19.0046,8.1351 21.4486,9.5801 23.8551,8.9901 C23.1501,9.9236 22.1411,10.6386 20.9216,10.9586 C20.0096,11.1986 19.0911,11.1886 18.2371,10.9741 C17.8056,10.0951 17.1466,9.3336 16.2986,8.7901 C15.8136,7.7026 15.0731,6.7921 14.1616,6.1141 C13.9791,3.5706 15.6206,1.1766 18.1771,0.5051 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.966 18.196a.142.142 0 01.234.078v.047l-.479 3.064a1.226 1.226 0 01-1.402 1.022c-.974-.152-1.364-1.319-.728-2.027l.09-.09 2.285-2.094zm-1.25-4.16a.142.142 0 01.234.08v.046l-.529 3.387-.014.051a1.34 1.34 0 11-2.593-.66c.053-.17.141-.335.27-.482l.105-.106 2.527-2.316zm4.934-1.304a.142.142 0 01.234.079v.047l-.615 3.935a1.537 1.537 0 01-1.756 1.28c-1.226-.191-1.714-1.67-.896-2.555l.096-.095 2.937-2.691zm-2.543-6.769a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.26 3.753c0 2.265-1.775 4.121-3.998 4.231l-.21.006h-.132a3.03 3.03 0 00.161-.48l.034-.168.615-3.936a1.34 1.34 0 00-2.122-1.286l-.11.091L9.14 14.32a1.342 1.342 0 00-2.124-1.26l-.11.09-2.528 2.317c-.331.304-.577.69-.71 1.118-.099.318-.13.648-.1.973A3.859 3.859 0 01.4 13.759c0-1.4.755-2.683 1.952-3.365C2.455 8.572 3.96 7.12 5.796 7.12c.27 0 .54.033.805.098a5.53 5.53 0 013.506-1.256zm8.07-5.458a5.383 5.383 0 012.621-.03 4.548 4.548 0 003.057 8.515 5.373 5.373 0 01-2.933 1.969c-.912.24-1.83.23-2.685.015A5.421 5.421 0 0016.3 8.79a6.749 6.749 0 00-2.137-2.676A5.404 5.404 0 0118.177.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-sleet/default.svg b/packages/components/src/telekom/icons/weather/moon-sleet/default.svg
index d66f92b26d..694b5db2c9 100644
--- a/packages/components/src/telekom/icons/weather/moon-sleet/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-sleet/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-sleet/default</title>
-    <g id="icon/weather/moon-sleet/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.198,19.1712 C11.28235,19.09385 11.4104938,19.1472687 11.4275453,19.2483859 L11.4276,19.2944 L10.9584,22.2932 C10.856,22.9488 10.2416,23.3968 9.586,23.2944 C8.63265,23.1452833 8.24981181,22.0031896 8.87297671,21.3094295 L8.96,21.2216 L11.198,19.1712 Z M7.4804,15.8216 L8.5196,16.4216 L7.8392,17.6 L9.2,17.6 L9.2,18.8 L7.8392,18.8 L8.5196,19.9784 L7.4804,20.5784 L6.8,19.4 L6.1196,20.5784 L5.0804,19.9784 L5.7608,18.8 L4.4,18.8 L4.4,17.6 L5.7608,17.6 L5.0804,16.4216 L6.1196,15.8216 L6.8,17 L7.4804,15.8216 Z M13.4752,13.8152 C13.5468571,13.7500571 13.6546612,13.7930612 13.6729166,13.8767044 L13.674,13.9216 L13.1524,17.2552 C13.048525,17.9212 12.4566813,18.3896219 11.7980846,18.3539471 L11.6656,18.34 L11.5395536,18.3142819 C10.5984969,18.0757367 10.2453565,16.9056368 10.8968861,16.1859978 L10.9876,16.0948 L13.4752,13.8152 Z M10.0996,5.9812 C12.4528,5.9812 14.528,7.4328 15.342,9.62 C16.722,10.3504 17.6,11.792 17.6,13.3636 C17.6,15.3676 16.1996,17.0472 14.3268,17.4848 L14.338,17.4408 L14.538,16.1632 C15.6308,15.7032 16.4,14.6216 16.4,13.3636 C16.4,12.2400889 15.772763,11.2089864 14.7865158,10.6837529 L14.6088,10.5964 L14.366,10.4868 L14.2844,10.2328 C13.6988,8.4072 12.0168,7.1808 10.0992,7.1808 C9.09415385,7.1808 8.12455385,7.5264 7.34235703,8.159397 L7.1508,8.3236 L6.8888,8.5616 L6.554,8.4472 C6.3108,8.3644 6.0628,8.3224 5.8156,8.3224 C4.61001667,8.3224 3.61970694,9.26247708 3.53927416,10.4480279 L3.534,10.604 L3.558,11.1208 L3.1852,11.2872 C2.2224,11.7176 1.6,12.6752 1.6,13.7272 C1.6,14.7553412 2.18392803,15.6484844 3.03697651,16.095157 L3.2,16.1736 L3.2,17.4456 C1.5852,16.9788 0.4,15.49 0.4,13.7272 C0.4,12.3356 1.1504,11.0584 2.342,10.372 C2.462,8.56 3.9744,7.1228 5.816,7.1228 C6.08,7.1228 6.344,7.1536 6.6036,7.2144 C7.5964,6.4168 8.8252,5.9812 10.0996,5.9812 Z M18.1764,0.5052 C19.066,0.2716 19.9616,0.2756 20.7976,0.4748 C18.8728,1.4004 17.8092,3.586 18.372,5.7288 C19.004,8.1352 21.448,9.58 23.8548,8.99 C23.1496,9.9236 22.1408,10.6384 20.9212,10.9588 C20.0092,11.1984 19.0908,11.1888 18.2364,10.974 C17.8052,10.0952 17.146,9.3336 16.298,8.79 C15.8132,7.7024 15.0724,6.792 14.1612,6.114 C13.9784,3.5704 15.62,1.1764 18.1764,0.5052 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.198 19.171a.138.138 0 01.23.077v.046l-.47 3a1.201 1.201 0 01-1.372 1c-.953-.149-1.336-1.29-.713-1.985l.087-.087 2.238-2.05zm-3.718-3.35l1.04.6-.68 1.179H9.2v1.2H7.84l.68 1.178-1.04.6L6.8 19.4l-.68 1.178-1.04-.6.68-1.178H4.4v-1.2h1.36l-.68-1.178 1.04-.6L6.8 17l.68-1.178zm5.995-2.006a.12.12 0 01.198.062l.001.045-.522 3.333a1.301 1.301 0 01-1.354 1.099l-.132-.014-.126-.026c-.942-.238-1.295-1.408-.643-2.128l.09-.091 2.488-2.28zM10.1 5.981a5.577 5.577 0 015.242 3.639 4.245 4.245 0 012.258 3.744 4.24 4.24 0 01-3.273 4.12l.011-.043.2-1.278a3.04 3.04 0 001.862-2.8 3.044 3.044 0 00-1.613-2.68l-.178-.087-.243-.11-.082-.253A4.381 4.381 0 0010.1 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166a2.677 2.677 0 00-1.585 2.44c0 1.028.584 1.921 1.437 2.368l.163.079v1.272a3.877 3.877 0 01-2.8-3.719c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.1 5.981zM18.176.505a5.38 5.38 0 012.622-.03 4.548 4.548 0 003.057 8.515 5.376 5.376 0 01-2.934 1.969c-.912.24-1.83.23-2.685.015a5.42 5.42 0 00-1.938-2.184 6.748 6.748 0 00-2.137-2.676A5.403 5.403 0 0118.176.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-sleet/selected.svg b/packages/components/src/telekom/icons/weather/moon-sleet/selected.svg
index ed01ff7e0d..a112d6b9bb 100644
--- a/packages/components/src/telekom/icons/weather/moon-sleet/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-sleet/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-sleet/selected</title>
-    <g id="icon/weather/moon-sleet/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.1986,19.17145 C11.2830375,19.0940125 11.4111156,19.1474969 11.4281,19.2484979 L11.4281,19.29445 L10.9591,22.29345 C10.8566,22.94895 10.2421,23.39695 9.5866,23.29445 C8.63305833,23.1454292 8.25030399,22.0031557 8.87356423,21.3092924 L8.9606,21.22145 L11.1986,19.17145 Z M7.4781,15.82295 L8.5176,16.42295 L7.8371,17.60145 L9.1981,17.60145 L9.1981,18.80145 L7.8371,18.80145 L8.5176,19.97995 L7.4781,20.57995 L6.7981,19.40145 L6.1176,20.57995 L5.0781,19.97995 L5.7586,18.80145 L4.3981,18.80145 L4.3981,17.60145 L5.7586,17.60145 L5.0781,16.42295 L6.1176,15.82295 L6.7981,17.00145 L7.4781,15.82295 Z M13.4756,13.81545 C13.5471714,13.7503071 13.6551102,13.7931643 13.6734688,13.8766395 L13.6746,13.92145 L13.1531,17.25545 C13.0421,17.96545 12.3761,18.45145 11.6661,18.33995 C10.6317,18.17819 10.2175368,16.9367756 10.8973865,16.1861132 L10.9881,16.09495 L13.4756,13.81545 Z M10.1066,5.94995 C12.4606,5.94995 14.5341,7.41695 15.3396,9.62395 C16.7206,10.35145 17.6006,11.79845 17.6006,13.37695 C17.6006,15.39045 16.1966,17.07695 14.3236,17.50545 L14.3386,17.43995 L14.8601,14.10695 C14.9201,13.72745 14.8111,13.33995 14.5606,13.04695 C14.3091,12.75245 13.9426,12.58345 13.5556,12.58345 C13.2744571,12.58345 13.0028653,12.6730827 12.7773493,12.8381789 L12.6686,12.92695 L10.1776,15.20995 C10.0786,15.3006167 9.99026667,15.3988389 9.91008148,15.50195 L9.7956,15.65995 L7.2976,14.21695 C7.0267875,14.0607625 6.70161562,14.0408563 6.41721328,14.1579012 L6.2981,14.21645 L3.5986,15.77145 C3.32304444,15.9301167 3.14151358,16.2088821 3.10457531,16.5199548 L3.0976,16.63795 L3.0976,17.42845 C1.5376,16.93695 0.4006,15.47595 0.4006,13.74595 C0.4006,12.34645 1.1556,11.06245 2.3526,10.38045 C2.4546,8.55845 3.9601,7.10745 5.7956,7.10745 C6.0661,7.10745 6.3351,7.14045 6.6011,7.20545 C7.5941,6.39345 8.8276,5.94995 10.1066,5.94995 Z M18.1771,0.50545 C19.0666,0.27145 19.9621,0.27545 20.7981,0.47495 C18.8731,1.40045 17.8096,3.58595 18.3726,5.72895 C19.0046,8.13545 21.4486,9.57995 23.8551,8.98995 C23.1501,9.92345 22.1411,10.63845 20.9216,10.95895 C20.0096,11.19845 19.0911,11.18895 18.2371,10.97395 C17.8056,10.09545 17.1466,9.33345 16.2986,8.78995 C15.8136,7.70245 15.0731,6.79195 14.1616,6.11395 C13.9791,3.57045 15.6206,1.17645 18.1771,0.50545 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.199 19.171a.138.138 0 01.23.077v.046l-.47 3a1.201 1.201 0 01-1.372 1c-.954-.149-1.337-1.29-.713-1.985l.087-.088 2.238-2.05zm-3.72-3.348l1.039.6-.68 1.178h1.36v1.2h-1.36l.68 1.179-1.04.6-.68-1.179-.68 1.179-1.04-.6.68-1.179h-1.36v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm5.997-2.008a.12.12 0 01.197.062l.002.044-.522 3.334a1.301 1.301 0 01-1.487 1.085c-1.034-.162-1.448-1.403-.769-2.154l.091-.091 2.488-2.28zm-3.37-7.865a5.56 5.56 0 015.234 3.674 4.25 4.25 0 012.26 3.753c0 2.013-1.403 3.7-3.276 4.128l.015-.065.521-3.333a1.32 1.32 0 00-2.083-1.269l-.108.089-2.491 2.283a2.35 2.35 0 00-.268.292l-.114.158-2.498-1.443a1 1 0 00-.88-.06l-.12.06-2.7 1.554a1 1 0 00-.493.749l-.007.118v.79A3.862 3.862 0 01.4 13.746c0-1.4.755-2.684 1.952-3.366.102-1.822 1.607-3.273 3.443-3.273.27 0 .54.033.805.098a5.53 5.53 0 013.506-1.255zM18.178.505a5.37 5.37 0 012.621-.03 4.548 4.548 0 003.057 8.515 5.377 5.377 0 01-2.933 1.969c-.912.24-1.83.23-2.685.015A5.424 5.424 0 0016.3 8.79a6.749 6.749 0 00-2.137-2.676A5.403 5.403 0 0118.177.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-snow/default.svg b/packages/components/src/telekom/icons/weather/moon-snow/default.svg
index e44a436b23..5f2fef13c1 100644
--- a/packages/components/src/telekom/icons/weather/moon-snow/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-snow/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-snow/default</title>
-    <g id="icon/weather/moon-snow/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M6.6804,18.6216 L7.7196,19.2216 L7.0392,20.4 L8.4,20.4 L8.4,21.6 L7.0392,21.6 L7.7196,22.7784 L6.6804,23.3784 L6,22.2 L5.3196,23.3784 L4.2804,22.7784 L4.9608,21.6 L3.6,21.6 L3.6,20.4 L4.9608,20.4 L4.2804,19.2216 L5.3196,18.6216 L6,19.8 L6.6804,18.6216 Z M11.8804,15.0216 L12.9196,15.6216 L12.2392,16.8 L13.6,16.8 L13.6,18 L12.2392,18 L12.9196,19.1784 L11.8804,19.7784 L11.2,18.6 L10.5196,19.7784 L9.4804,19.1784 L10.1608,18 L8.8,18 L8.8,16.8 L10.1608,16.8 L9.4804,15.6216 L10.5196,15.0216 L11.2,16.2 L11.8804,15.0216 Z M10.0996,5.9812 C12.4528,5.9812 14.528,7.4328 15.342,9.62 C16.722,10.3504 17.6,11.792 17.6,13.3636 C17.6,15.121552 16.521728,16.6288288 14.9933466,17.2685925 L14.8,17.344 L14.8,16.0376 C15.7516,15.5244 16.4,14.5184 16.4,13.3636 C16.4,12.2400889 15.772763,11.2089864 14.7865158,10.6837529 L14.6088,10.5964 L14.366,10.4868 L14.2844,10.2328 C13.6988,8.4072 12.0168,7.1808 10.0992,7.1808 C9.09415385,7.1808 8.12455385,7.5264 7.34235703,8.159397 L7.1508,8.3236 L6.8888,8.5616 L6.554,8.4472 C6.3108,8.3644 6.0628,8.3224 5.8156,8.3224 C4.61001667,8.3224 3.61970694,9.26247708 3.53927416,10.4480279 L3.534,10.604 L3.558,11.1208 L3.1852,11.2872 C2.2224,11.7176 1.6,12.6752 1.6,13.7272 C1.6,15.1441231 2.70835799,16.3073479 4.10399693,16.3947307 L4.2728,16.4 L7.6,16.4 L7.6,17.6 L4.2728,17.6 C2.1372,17.6 0.4,15.8628 0.4,13.7272 C0.4,12.3356 1.1504,11.0584 2.342,10.372 C2.462,8.56 3.9744,7.1228 5.816,7.1228 C6.08,7.1228 6.344,7.1536 6.6036,7.2144 C7.5964,6.4168 8.8252,5.9812 10.0996,5.9812 Z M18.1764,0.5052 C19.066,0.2716 19.9616,0.2756 20.7976,0.4748 C18.8728,1.4004 17.8092,3.586 18.372,5.7288 C19.004,8.1352 21.448,9.58 23.8548,8.99 C23.1496,9.9236 22.1408,10.6384 20.9212,10.9588 C20.0092,11.1984 19.0908,11.1888 18.2364,10.974 C17.8052,10.0952 17.146,9.3336 16.298,8.79 C15.8132,7.7024 15.0724,6.792 14.1612,6.114 C13.9784,3.5704 15.62,1.1764 18.1764,0.5052 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.68 18.622l1.04.6-.68 1.178H8.4v1.2H7.04l.68 1.178-1.04.6L6 22.2l-.68 1.178-1.04-.6.68-1.178H3.6v-1.2h1.36l-.68-1.178 1.04-.6L6 19.8l.68-1.178zm5.2-3.6l1.04.6-.68 1.178h1.36V18h-1.36l.68 1.178-1.04.6-.68-1.178-.68 1.178-1.04-.6.68-1.178H8.8v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm-1.78-9.04a5.577 5.577 0 015.242 3.638 4.245 4.245 0 012.258 3.744 4.238 4.238 0 01-2.607 3.905l-.193.075v-1.306a3.039 3.039 0 001.6-2.674 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.1 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166a2.677 2.677 0 00-1.585 2.44 2.676 2.676 0 002.504 2.668l.169.005H7.6v1.2H4.273A3.877 3.877 0 01.4 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.1 5.981zM18.176.504a5.38 5.38 0 012.622-.03 4.548 4.548 0 003.057 8.515 5.376 5.376 0 01-2.934 1.969c-.912.24-1.83.23-2.685.015a5.42 5.42 0 00-1.938-2.184 6.748 6.748 0 00-2.137-2.676A5.403 5.403 0 0118.176.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-snow/selected.svg b/packages/components/src/telekom/icons/weather/moon-snow/selected.svg
index 2cdfed1c66..4f676b8887 100644
--- a/packages/components/src/telekom/icons/weather/moon-snow/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-snow/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-snow/selected</title>
-    <g id="icon/weather/moon-snow/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M6.6811,18.62145 L7.7201,19.22145 L7.0396,20.39995 L8.4006,20.39995 L8.4006,21.59995 L7.0396,21.59995 L7.7201,22.77845 L6.6811,23.37845 L6.0006,22.19995 L5.3201,23.37845 L4.2811,22.77845 L4.9611,21.59995 L3.6006,21.59995 L3.6006,20.39995 L4.9611,20.39995 L4.2811,19.22145 L5.3201,18.62145 L6.0006,19.79995 L6.6811,18.62145 Z M11.8811,15.02145 L12.9201,15.62145 L12.2396,16.79995 L13.6006,16.79995 L13.6006,17.99995 L12.2396,17.99995 L12.9201,19.17845 L11.8811,19.77845 L11.2006,18.59995 L10.5201,19.77845 L9.4811,19.17845 L10.1611,17.99995 L8.8006,17.99995 L8.8006,16.79995 L10.1611,16.79995 L9.4811,15.62145 L10.5201,15.02145 L11.2006,16.19995 L11.8811,15.02145 Z M10.1081,5.94995 C12.4621,5.94995 14.5356,7.41695 15.3411,9.62395 C16.7221,10.35145 17.6021,11.79845 17.6021,13.37695 C17.6021,15.10591 16.5662216,16.5924892 15.0876803,17.2501076 L14.9006,17.32795 L14.9006,15.84645 C14.9006,15.5291167 14.7504765,15.2335117 14.5000952,15.046022 L14.4016,14.98095 L11.7001,13.41645 C11.429725,13.259825 11.1038422,13.2398641 10.8192553,13.3569021 L10.7001,13.41545 L8.0011,14.96995 C7.72598889,15.1286167 7.54450741,15.4073821 7.50757462,15.7184548 L7.5006,15.83645 L7.5006,17.59345 L6.5051,17.01195 C6.2321,16.8527 5.90282656,16.8327938 5.61609316,16.9522313 L5.4961,17.01195 L4.4836,17.60345 L4.0406,17.60295 C2.0166,17.49545 0.4021,15.80895 0.4021,13.74595 C0.4021,12.34645 1.1571,11.06245 2.3541,10.38045 C2.4561,8.55845 3.9616,7.10745 5.7971,7.10745 C6.0676,7.10745 6.3366,7.14045 6.6026,7.20545 C7.5956,6.39345 8.8291,5.94995 10.1081,5.94995 Z M18.1771,0.50545 C19.0666,0.27145 19.9621,0.27545 20.7981,0.47495 C18.8731,1.40045 17.8096,3.58595 18.3726,5.72895 C19.0046,8.13545 21.4486,9.57995 23.8551,8.98995 C23.1501,9.92345 22.1411,10.63845 20.9216,10.95895 C20.0096,11.19845 19.0911,11.18895 18.2371,10.97395 C17.8056,10.09545 17.1466,9.33345 16.2986,8.78995 C15.8136,7.70245 15.0731,6.79195 14.1616,6.11395 C13.9791,3.57045 15.6206,1.17645 18.1771,0.50545 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6.681 18.621l1.04.6L7.04 20.4H8.4v1.2H7.04l.68 1.178-1.039.6-.68-1.178-.68 1.178-1.04-.6.68-1.178h-1.36v-1.2h1.36l-.68-1.179 1.04-.6L6 19.8l.68-1.179zm5.2-3.6l1.04.6-.681 1.179h1.36V18h-1.36l.68 1.178-1.039.6-.68-1.178-.68 1.178-1.04-.6.68-1.178h-1.36v-1.2h1.36l-.68-1.179 1.04-.6.68 1.179.68-1.179zM10.108 5.95a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.261 3.753 4.24 4.24 0 01-2.514 3.873l-.187.078v-1.482a1 1 0 00-.4-.8l-.1-.065-2.7-1.565a1 1 0 00-.882-.06l-.119.06-2.699 1.554a1 1 0 00-.493.748l-.007.118v1.757l-.996-.581a1 1 0 00-.889-.06l-.12.06-1.012.591H4.04a3.858 3.858 0 01-3.639-3.857c0-1.4.755-2.684 1.952-3.366.102-1.822 1.608-3.273 3.443-3.273.27 0 .54.033.806.098a5.53 5.53 0 013.505-1.255zm8.07-5.445a5.37 5.37 0 012.62-.03 4.548 4.548 0 003.057 8.515 5.377 5.377 0 01-2.933 1.969c-.912.24-1.83.23-2.685.015A5.424 5.424 0 0016.3 8.79a6.749 6.749 0 00-2.137-2.676A5.403 5.403 0 0118.177.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-thunder-rain/default.svg b/packages/components/src/telekom/icons/weather/moon-thunder-rain/default.svg
index 81efc972ca..f78c4e59e0 100644
--- a/packages/components/src/telekom/icons/weather/moon-thunder-rain/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-thunder-rain/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-thunder-rain/default</title>
-    <g id="icon/weather/moon-thunder-rain/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.598,19.1712 C10.68235,19.09385 10.8104938,19.1472687 10.8275453,19.2483859 L10.8276,19.2944 L10.3584,22.2932 C10.256,22.9488 9.6416,23.3968 8.986,23.2944 C8.03265,23.1452833 7.64981181,22.0031896 8.27297671,21.3094295 L8.36,21.2216 L10.598,19.1712 Z M8.8096,15.2 L6.2476,18.8 L8.7348,18.8 L3.688,22.878 C3.56056,22.98096 3.392944,22.84902 3.4350532,22.7116692 L3.4572,22.666 L5.2628,20 L3.3508,20 L6.012,15.2 L8.8096,15.2 Z M12.8752,13.8152 C12.9468571,13.7500571 13.0546612,13.7930612 13.0729166,13.8767044 L13.074,13.9216 L12.5524,17.2552 C12.448525,17.9212 11.8566813,18.3896219 11.1980846,18.3539471 L11.0656,18.34 L10.9395536,18.3142819 C9.99849695,18.0757367 9.64535649,16.9056368 10.2968861,16.1859978 L10.3876,16.0948 L12.8752,13.8152 Z M10.0996,5.9812 C12.4528,5.9812 14.528,7.4328 15.342,9.62 C16.722,10.3504 17.6,11.792 17.6,13.3636 C17.6,15.5852 15.8804,17.4088 13.7032,17.5824 L13.7384,17.4408 L13.9092,16.348 C15.3236,16.09 16.4,14.8512 16.4,13.3636 C16.4,12.2400889 15.772763,11.2089864 14.7865158,10.6837529 L14.6088,10.5964 L14.366,10.4868 L14.2844,10.2328 C13.6988,8.4072 12.0168,7.1808 10.0992,7.1808 C9.09415385,7.1808 8.12455385,7.5264 7.34235703,8.159397 L7.1508,8.3236 L6.8888,8.5616 L6.554,8.4472 C6.3108,8.3644 6.0628,8.3224 5.8156,8.3224 C4.61001667,8.3224 3.61970694,9.26247708 3.53927416,10.4480279 L3.534,10.604 L3.558,11.1208 L3.1852,11.2872 C2.2224,11.7176 1.6,12.6752 1.6,13.7272 C1.6,15.0458667 2.55991458,16.1441167 3.81788148,16.3604398 L3.9836,16.3836 L3.3704,17.4896 C1.6696,17.0812 0.4,15.5516 0.4,13.7272 C0.4,12.3356 1.1504,11.0584 2.342,10.372 C2.462,8.56 3.9744,7.1228 5.816,7.1228 C6.08,7.1228 6.344,7.1536 6.6036,7.2144 C7.5964,6.4168 8.8252,5.9812 10.0996,5.9812 Z M18.1764,0.5052 C19.066,0.2716 19.9616,0.2756 20.7976,0.4748 C18.8728,1.4004 17.8092,3.586 18.372,5.7288 C19.004,8.1352 21.448,9.58 23.8548,8.99 C23.1496,9.9236 22.1408,10.6384 20.9212,10.9588 C20.0092,11.1984 19.0908,11.1888 18.2364,10.974 C17.8052,10.0952 17.146,9.3336 16.298,8.79 C15.8132,7.7024 15.0724,6.792 14.1612,6.114 C13.9784,3.5704 15.62,1.1764 18.1764,0.5052 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.598 19.171a.138.138 0 01.23.077v.046l-.47 3a1.201 1.201 0 01-1.372 1c-.953-.149-1.336-1.29-.713-1.985l.087-.087 2.238-2.05zM8.81 15.2l-2.562 3.6h2.487l-5.047 4.078c-.127.103-.295-.029-.253-.166l.022-.046L5.263 20H3.35l2.661-4.8H8.81zm4.065-1.385a.12.12 0 01.198.062l.001.045-.522 3.333a1.301 1.301 0 01-1.354 1.099l-.132-.014-.126-.026c-.942-.238-1.295-1.408-.643-2.128l.09-.091 2.488-2.28zM10.1 5.981a5.577 5.577 0 015.242 3.639 4.245 4.245 0 012.258 3.744 4.239 4.239 0 01-3.897 4.218l.035-.141.171-1.093a3.04 3.04 0 002.491-2.984 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.1 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166a2.677 2.677 0 00-1.585 2.44c0 1.319.96 2.417 2.218 2.633l.166.024-.614 1.106A3.877 3.877 0 01.4 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.1 5.981zM18.176.505a5.38 5.38 0 012.622-.03 4.548 4.548 0 003.057 8.515 5.376 5.376 0 01-2.934 1.969c-.912.24-1.83.23-2.685.015a5.42 5.42 0 00-1.938-2.184 6.748 6.748 0 00-2.137-2.676A5.403 5.403 0 0118.176.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-thunder-rain/selected.svg b/packages/components/src/telekom/icons/weather/moon-thunder-rain/selected.svg
index bd8e7acc7d..88967c996d 100644
--- a/packages/components/src/telekom/icons/weather/moon-thunder-rain/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-thunder-rain/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-thunder-rain/selected</title>
-    <g id="icon/weather/moon-thunder-rain/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M10.5984,19.1713 C10.6828375,19.0938625 10.8109156,19.1473469 10.8279,19.2483479 L10.8279,19.2943 L10.3589,22.2933 C10.2564,22.9488 9.6419,23.3968 8.9864,23.2943 C8.0333375,23.1452792 7.65014392,22.0030057 8.27336672,21.3095825 L8.3604,21.2218 L10.5984,19.1713 Z M8.8099,15.1998 L6.2479,18.7998 L8.7354,18.7998 L3.6884,22.8778 C3.56105,22.98085 3.393605,22.849 3.4357475,22.7115205 L3.4579,22.6658 L5.2634,19.9998 L3.3514,19.9998 L6.0124,15.1998 L8.8099,15.1998 Z M12.8759,13.8153 C12.9474714,13.7501571 13.0550429,13.7930143 13.0732965,13.8768044 L13.0744,13.9218 L12.5529,17.2553 C12.4419,17.9658 11.7759,18.4513 11.0659,18.3398 C10.0315,18.17852 9.6173368,16.9371248 10.2971865,16.1860208 L10.3879,16.0948 L12.8759,13.8153 Z M10.2204,5.9618 C12.5739,5.9618 14.6489,7.4138 15.4629,9.6008 C16.8429,10.3318 17.7209,11.7733 17.7209,13.3443 C17.7209,15.5698 15.9954,17.3958 13.8129,17.5643 L13.8374,17.4553 L14.3589,14.1228 C14.4234,13.7143 14.3064,13.2978 14.0369,12.9823 C13.7664,12.6653 13.3719,12.4838 12.9554,12.4838 C12.6528286,12.4838 12.3605429,12.5800449 12.1182163,12.7577359 L12.0014,12.8533 L10.8589,13.8998 L5.2469,13.8998 L3.2954,17.4198 C1.6934,16.9448 0.5209,15.4618 0.5209,13.7078 C0.5209,12.3163 1.2714,11.0393 2.4629,10.3528 C2.5829,8.5408 4.0954,7.1038 5.9369,7.1038 C6.2009,7.1038 6.4649,7.1343 6.7244,7.1953 C7.7174,6.3978 8.9459,5.9618 10.2204,5.9618 Z M18.2974,0.4863 C19.1869,0.2528 20.0824,0.2568 20.9184,0.4558 C18.9939,1.3818 17.9299,3.5673 18.4929,5.7098 C19.1249,8.1158 21.5689,9.5608 23.9759,8.9713 C23.2704,9.9048 22.2619,10.6198 21.0419,10.9398 C20.1299,11.1798 19.2119,11.1698 18.3574,10.9553 C17.9259,10.0763 17.2669,9.3148 16.4189,8.7713 C15.9339,7.6838 15.1934,6.7733 14.2819,6.0953 C14.0994,3.5518 15.7409,1.1578 18.2974,0.4863 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.598 19.171a.138.138 0 01.23.077v.046l-.47 3a1.201 1.201 0 01-1.372 1c-.953-.149-1.336-1.291-.713-1.984l.087-.088 2.238-2.05zM8.81 15.2l-2.562 3.6h2.487l-5.047 4.078c-.127.103-.294-.029-.252-.166l.022-.046L5.263 20H3.351l2.661-4.8H8.81zm4.066-1.385a.12.12 0 01.197.062l.001.045-.521 3.333a1.3 1.3 0 01-1.487 1.085c-1.035-.161-1.449-1.403-.769-2.154l.09-.091 2.489-2.28zM10.22 5.962A5.577 5.577 0 0115.463 9.6a4.246 4.246 0 012.258 3.743 4.24 4.24 0 01-3.908 4.22l.024-.109.522-3.332a1.42 1.42 0 00-2.24-1.365l-.118.095L10.86 13.9H5.247l-1.952 3.52a3.878 3.878 0 01-2.774-3.712c0-1.392.75-2.669 1.942-3.355a3.486 3.486 0 014.261-3.158 5.575 5.575 0 013.496-1.233zM18.297.486a5.383 5.383 0 012.621-.03 4.55 4.55 0 003.058 8.515 5.374 5.374 0 01-2.934 1.969c-.912.24-1.83.23-2.685.015a5.421 5.421 0 00-1.938-2.184 6.749 6.749 0 00-2.137-2.676A5.404 5.404 0 0118.297.486z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-thunder-snow/default.svg b/packages/components/src/telekom/icons/weather/moon-thunder-snow/default.svg
index a334a8e63e..dc207d6d59 100644
--- a/packages/components/src/telekom/icons/weather/moon-thunder-snow/default.svg
+++ b/packages/components/src/telekom/icons/weather/moon-thunder-snow/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-thunder-snow/default</title>
-    <g id="icon/weather/moon-thunder-snow/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.4096,15.2 L5.8476,18.8 L8.3348,18.8 L3.288,22.878 C3.16056,22.98096 2.992944,22.84902 3.0350532,22.7116692 L3.0572,22.666 L4.8628,20 L2.9508,20 L5.612,15.2 L8.4096,15.2 Z M11.8804,15.0216 L12.9196,15.6216 L12.2392,16.8 L13.6,16.8 L13.6,18 L12.2392,18 L12.9196,19.1784 L11.8804,19.7784 L11.2,18.6 L10.5196,19.7784 L9.4804,19.1784 L10.1608,18 L8.8,18 L8.8,16.8 L10.1608,16.8 L9.4804,15.6216 L10.5196,15.0216 L11.2,16.2 L11.8804,15.0216 Z M10.0996,5.9812 C12.4528,5.9812 14.528,7.4328 15.342,9.62 C16.722,10.3504 17.6,11.792 17.6,13.3636 C17.6,15.121552 16.521728,16.6288288 14.9933466,17.2685925 L14.8,17.344 L14.8,16.0376 C15.7516,15.5244 16.4,14.5184 16.4,13.3636 C16.4,12.2400889 15.772763,11.2089864 14.7865158,10.6837529 L14.6088,10.5964 L14.366,10.4868 L14.2844,10.2328 C13.6988,8.4072 12.0168,7.1808 10.0992,7.1808 C9.09415385,7.1808 8.12455385,7.5264 7.34235703,8.159397 L7.1508,8.3236 L6.8888,8.5616 L6.554,8.4472 C6.3108,8.3644 6.0628,8.3224 5.8156,8.3224 C4.61001667,8.3224 3.61970694,9.26247708 3.53927416,10.4480279 L3.534,10.604 L3.558,11.1208 L3.1852,11.2872 C2.2224,11.7176 1.6,12.6752 1.6,13.7272 C1.6,14.9165333 2.3814966,15.924098 3.45728539,16.2692546 L3.6208,16.316 L3.0256,17.39 C1.5008,16.8692 0.4,15.426 0.4,13.7272 C0.4,12.3356 1.1504,11.0584 2.342,10.372 C2.462,8.56 3.9744,7.1228 5.816,7.1228 C6.08,7.1228 6.344,7.1536 6.6036,7.2144 C7.5964,6.4168 8.8252,5.9812 10.0996,5.9812 Z M18.1764,0.5052 C19.066,0.2716 19.9616,0.2756 20.7976,0.4748 C18.8728,1.4004 17.8092,3.586 18.372,5.7288 C19.004,8.1352 21.448,9.58 23.8548,8.99 C23.1496,9.9236 22.1408,10.6384 20.9212,10.9588 C20.0092,11.1984 19.0908,11.1888 18.2364,10.974 C17.8052,10.0952 17.146,9.3336 16.298,8.79 C15.8132,7.7024 15.0724,6.792 14.1612,6.114 C13.9784,3.5704 15.62,1.1764 18.1764,0.5052 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.41 15.2l-2.562 3.6h2.487l-5.047 4.078c-.127.103-.295-.029-.253-.166l.022-.046L4.863 20H2.95l2.661-4.8H8.41zm3.47-.178l1.04.6-.68 1.178h1.36V18h-1.36l.68 1.178-1.04.6-.68-1.178-.68 1.178-1.04-.6.68-1.178H8.8v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zm-1.78-9.04a5.577 5.577 0 015.242 3.638 4.245 4.245 0 012.258 3.744 4.238 4.238 0 01-2.607 3.905l-.193.075v-1.306a3.039 3.039 0 001.6-2.674 3.044 3.044 0 00-1.613-2.68l-.178-.088-.243-.11-.082-.253A4.381 4.381 0 0010.1 7.18a4.377 4.377 0 00-2.757.978l-.191.165-.262.238-.335-.115a2.286 2.286 0 00-.738-.125c-1.206 0-2.196.94-2.277 2.126l-.005.156.024.517-.373.166a2.677 2.677 0 00-1.585 2.44c0 1.19.781 2.197 1.857 2.542l.164.047-.595 1.074A3.876 3.876 0 01.4 13.727c0-1.391.75-2.669 1.942-3.355a3.486 3.486 0 014.262-3.158A5.574 5.574 0 0110.1 5.981zM18.176.504a5.38 5.38 0 012.622-.03 4.548 4.548 0 003.057 8.515 5.376 5.376 0 01-2.934 1.969c-.912.24-1.83.23-2.685.015a5.42 5.42 0 00-1.938-2.184 6.748 6.748 0 00-2.137-2.676A5.403 5.403 0 0118.176.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/moon-thunder-snow/selected.svg b/packages/components/src/telekom/icons/weather/moon-thunder-snow/selected.svg
index dd2f105ace..72222ad696 100644
--- a/packages/components/src/telekom/icons/weather/moon-thunder-snow/selected.svg
+++ b/packages/components/src/telekom/icons/weather/moon-thunder-snow/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/moon-thunder-snow/selected</title>
-    <g id="icon/weather/moon-thunder-snow/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.4101,15.20005 L5.8481,18.80005 L8.3351,18.80005 L3.2886,22.87805 C3.16125,22.9811 2.9934,22.84925 3.0354615,22.7117705 L3.0576,22.66605 L4.8631,20.00005 L2.9511,20.00005 L5.6126,15.20005 L8.4101,15.20005 Z M11.8811,15.02155 L12.9201,15.62155 L12.2396,16.80005 L13.6006,16.80005 L13.6006,18.00005 L12.2396,18.00005 L12.9201,19.17855 L11.8811,19.77855 L11.2006,18.60005 L10.5201,19.77855 L9.4811,19.17855 L10.1611,18.00005 L8.8006,18.00005 L8.8006,16.80005 L10.1611,16.80005 L9.4811,15.62155 L10.5201,15.02155 L11.2006,16.20005 L11.8811,15.02155 Z M10.1066,5.98105 C12.4606,5.98105 14.5341,7.44805 15.3396,9.65505 C16.7206,10.38255 17.6006,11.82955 17.6006,13.40805 C17.6006,15.17253 16.5214064,16.6849524 14.993836,17.3206936 L14.8006,17.39555 L14.8006,15.90055 C14.8006,15.5832167 14.6500815,15.2872167 14.3996123,15.0996392 L14.3011,15.03455 L11.7011,13.53105 C11.4302875,13.3739875 11.1039672,13.3547375 10.8189428,13.4722951 L10.6996,13.53105 L9.9201,13.98255 L4.9056,14.00005 L3.0036,17.43105 C1.4916,16.91105 0.4006,15.47255 0.4006,13.77705 C0.4006,12.37755 1.1556,11.09355 2.3526,10.41155 C2.4546,8.58955 3.9601,7.13855 5.7956,7.13855 C6.0661,7.13855 6.3351,7.17155 6.6011,7.23655 C7.5941,6.42455 8.8276,5.98105 10.1066,5.98105 Z M18.1771,0.50505 C19.0666,0.27155 19.9621,0.27555 20.7981,0.47505 C18.8731,1.40055 17.8096,3.58605 18.3726,5.72905 C19.0046,8.13505 21.4486,9.58005 23.8551,8.99005 C23.1501,9.92355 22.1411,10.63855 20.9216,10.95905 C20.0096,11.19855 19.0911,11.18905 18.2371,10.97405 C17.8056,10.09505 17.1466,9.33355 16.2986,8.79005 C15.8136,7.70255 15.0731,6.79205 14.1616,6.11405 C13.9791,3.57055 15.6206,1.17655 18.1771,0.50505 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.41 15.2l-2.562 3.6h2.487L3.29 22.878c-.128.103-.296-.029-.254-.166l.023-.046L4.863 20H2.951l2.662-4.8H8.41zm3.471-.178l1.04.6-.681 1.178h1.36V18h-1.36l.68 1.179-1.039.6-.68-1.179-.68 1.179-1.04-.6.68-1.179h-1.36v-1.2h1.36l-.68-1.178 1.04-.6.68 1.178.68-1.178zM10.107 5.98a5.56 5.56 0 015.233 3.674 4.25 4.25 0 012.26 3.753 4.239 4.239 0 01-2.606 3.913l-.193.075V15.9c0-.318-.15-.614-.401-.801l-.099-.065-2.6-1.504a1 1 0 00-.882-.059l-.12.06-.779.45L4.906 14l-1.902 3.431A3.864 3.864 0 01.4 13.777c0-1.4.755-2.683 1.952-3.365.102-1.822 1.607-3.273 3.443-3.273.27 0 .54.033.805.098a5.53 5.53 0 013.506-1.256zm8.07-5.476a5.377 5.377 0 012.621-.03 4.548 4.548 0 003.057 8.515 5.377 5.377 0 01-2.933 1.969c-.912.24-1.83.23-2.685.015A5.421 5.421 0 0016.3 8.79a6.749 6.749 0 00-2.137-2.676A5.404 5.404 0 0118.177.505z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/overcast/default.svg b/packages/components/src/telekom/icons/weather/overcast/default.svg
index 74aa76cad2..325d90ac3e 100644
--- a/packages/components/src/telekom/icons/weather/overcast/default.svg
+++ b/packages/components/src/telekom/icons/weather/overcast/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/overcast/default</title>
-    <g id="icon/weather/overcast/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M15.288,11.384 C16.421,11.384 17.514,11.7595 18.4085,12.45 C18.621,12.405 18.829,12.383 19.036,12.383 C20.726,12.383 22.121,13.671 22.2905,15.317 C23.343,15.9695 24,17.127 24,18.386 C24,20.3147097 22.4818939,21.8950323 20.5776678,21.9949816 L20.386,22 L12.4315,22 C10.2635,22 8.5,20.236 8.5,18.068 C8.5,16.638 9.2825,15.324 10.5205,14.635 C11.286,12.6775 13.163,11.384 15.288,11.384 Z M15.2875,12.8835 C13.7742917,12.8835 12.4387943,13.811546 11.9045842,15.2126077 L11.8395,15.398 L11.738,15.7155 L11.434,15.8525 C10.563,16.2455 10,17.115 10,18.068 C10,19.35536 11.0054656,20.41232 12.2718915,20.494817 L12.4315,20.5 L20.386,20.5 C21.552,20.5 22.5,19.552 22.5,18.386 C22.5,17.6080667 22.0696711,16.8954667 21.3903206,16.5278847 L21.241,16.4545 L20.7705,16.246 L20.7984315,15.7736575 C20.810895,15.423395 20.77845,15.10045 20.538,14.7165 C20.2745,14.2955 19.839,13.9925 19.331,13.907 C18.9485,13.8425 18.6545938,13.9194687 18.3549922,14.0221016 L18.05,14.129 L17.723,13.831 C17.052,13.22 16.1875,12.8835 15.2875,12.8835 Z M11.8395,1.302 C14.713,1.302 17.247,3.073 18.244,5.7425 C19.9285,6.6365 21,8.3975 21,10.318 C21,10.643 20.9665,10.9595 20.909,11.268 C20.4525,11.071 19.9615,10.946 19.449,10.903 C19.4795,10.712 19.5,10.5175 19.5,10.318 C19.5,8.94419048 18.7267574,7.68421315 17.5132815,7.05291524 L17.328,6.963 L17.024,6.826 L16.9225,6.5085 C16.2105,4.291 14.168,2.8015 11.8395,2.8015 C10.6061,2.8015 9.41582,3.23095778 8.4597237,4.01629348 L8.2585,4.19 L7.931,4.487 L7.5125,4.344 C7.219,4.244 6.9185,4.193 6.619,4.193 C5.15288889,4.193 3.94920302,5.34192181 3.86205223,6.78699502 L3.857,6.955 L3.8875,7.596 L3.421,7.8045 C2.254,8.326 1.5,9.4865 1.5,10.761 C1.5,12.4854138 2.85452081,13.8993971 4.55547517,13.9948628 L4.739,14 L8.8395,14 C8.4255,14.3664286 8.0717449,14.7927347 7.78799563,15.2619155 L7.652,15.5 L4.739,15.5 C2.126,15.5 0,13.3745 0,10.761 C0,9.062 0.9145,7.502 2.367,6.661 C2.5185,4.4475 4.368,2.6935 6.619,2.6935 C6.939,2.6935 7.2585,2.7305 7.574,2.8035 C8.7865,1.8325 10.2855,1.302 11.8395,1.302 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.288 11.384c1.133 0 2.226.375 3.12 1.066.213-.045.421-.067.628-.067a3.276 3.276 0 013.255 2.934A3.615 3.615 0 0124 18.386a3.618 3.618 0 01-3.422 3.609l-.192.005h-7.954A3.936 3.936 0 018.5 18.068c0-1.43.783-2.744 2.02-3.433a5.104 5.104 0 014.768-3.251zm0 1.5a3.61 3.61 0 00-3.383 2.329l-.066.185-.101.318-.304.136A2.436 2.436 0 0010 18.069a2.435 2.435 0 002.272 2.427l.16.005h7.954a2.116 2.116 0 002.114-2.114c0-.778-.43-1.49-1.11-1.858l-.149-.073-.47-.209.027-.472c.013-.35-.02-.674-.26-1.057a1.775 1.775 0 00-1.207-.81c-.383-.065-.676.012-.976.115l-.305.107-.327-.298a3.611 3.611 0 00-2.435-.947zM11.838 1.301a6.816 6.816 0 016.405 4.44A5.191 5.191 0 0121 10.319c0 .325-.034.642-.091.95a4.662 4.662 0 00-1.46-.365c.03-.191.051-.386.051-.585a3.69 3.69 0 00-1.987-3.265l-.185-.09-.304-.137-.102-.317A5.322 5.322 0 0011.84 2.8c-1.233 0-2.423.43-3.38 1.215l-.2.174-.328.297-.418-.143a2.767 2.767 0 00-.894-.151 2.766 2.766 0 00-2.757 2.594l-.005.168.03.641-.466.208A3.244 3.244 0 001.5 10.761a3.243 3.243 0 003.055 3.234L4.74 14h4.1a5.454 5.454 0 00-1.051 1.262l-.136.238H4.739A4.744 4.744 0 010 10.761c0-1.699.914-3.259 2.367-4.1a4.267 4.267 0 014.252-3.967c.32 0 .64.037.955.11a6.815 6.815 0 014.265-1.502z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/overcast/selected.svg b/packages/components/src/telekom/icons/weather/overcast/selected.svg
index d910b11008..00013edb23 100644
--- a/packages/components/src/telekom/icons/weather/overcast/selected.svg
+++ b/packages/components/src/telekom/icons/weather/overcast/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/overcast/selected</title>
-    <g id="icon/weather/overcast/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M15.2881452,11.3838603 C16.4211263,11.3838603 17.5141081,11.759354 18.4085932,12.4498425 C18.6210896,12.4048433 18.8290862,12.3828436 19.0360827,12.3828436 C20.7260546,12.3828436 22.1210313,13.6708222 22.2905285,15.3167947 C23.3430109,15.9692838 24,17.1267646 24,18.3857436 C24,20.3144211 22.4819192,21.8947173 20.5777248,21.994665 L20.3860602,21.9996833 L12.4316928,21.9996833 C10.2637289,21.9996833 8.50025833,20.2357127 8.50025833,18.0677489 C8.50025833,16.6377727 9.28274529,15.3237946 10.5207247,14.6348061 C11.2862119,12.6773387 13.1631806,11.3838603 15.2881452,11.3838603 Z M11.8512025,1.25952901 C14.7246546,1.25952901 17.2566124,3.05049916 18.239596,5.74495425 C19.9260679,6.63343944 21.00005,8.39991 21.00005,10.3273779 C21.00005,10.7183714 20.9530508,11.098365 20.8705522,11.4653589 C20.3080615,11.219863 19.6875719,11.0828653 19.0360827,11.0828653 C18.9370844,11.0828653 18.837086,11.0863652 18.7370877,11.0933651 C17.7111048,10.439376 16.5061249,10.0838819 15.2881452,10.0838819 C12.777687,10.0838819 10.5482242,11.5063582 9.48974184,13.7448209 C8.9039391,14.1433768 8.41690034,14.6544776 8.04235873,15.236924 L7.88876852,15.4907918 L4.44282595,15.4867919 C1.97186714,15.3552941 0.000399993333,13.2968284 0.000399993333,10.7773704 C0.000399993333,9.06889885 0.922884619,7.50142498 2.38386027,6.66893885 C2.50835819,4.44397593 4.34632756,2.67300545 6.5877902,2.67300545 C6.91728471,2.67300545 7.24627923,2.71300478 7.57077382,2.79250346 C8.78325361,1.80151997 10.2892285,1.25952901 11.8512025,1.25952901 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.288 11.384c1.133 0 2.226.375 3.12 1.066.213-.045.421-.067.628-.067a3.276 3.276 0 013.255 2.934A3.614 3.614 0 0124 18.386a3.618 3.618 0 01-3.422 3.609l-.192.005h-7.954A3.936 3.936 0 018.5 18.068c0-1.43.783-2.744 2.02-3.433a5.104 5.104 0 014.768-3.251zM11.851 1.26a6.788 6.788 0 016.389 4.485A5.188 5.188 0 0121 10.327c0 .391-.047.771-.13 1.138a4.576 4.576 0 00-2.133-.372 6.444 6.444 0 00-3.449-1.01 6.375 6.375 0 00-5.798 3.662 5.203 5.203 0 00-1.448 1.492l-.153.254-3.446-.004C1.972 15.355 0 13.297 0 10.777 0 9.07.923 7.501 2.384 6.67c.124-2.225 1.962-3.996 4.204-3.996.33 0 .658.04.983.12a6.755 6.755 0 014.28-1.533z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/rain/default.svg b/packages/components/src/telekom/icons/weather/rain/default.svg
index 1059bcfedd..e48c45cc5c 100644
--- a/packages/components/src/telekom/icons/weather/rain/default.svg
+++ b/packages/components/src/telekom/icons/weather/rain/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/rain/default</title>
-    <g id="icon/weather/rain/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.9565,17.1345 C12.0658333,17.0345 12.2332407,17.1063519 12.250832,17.2394383 L12.25,17.292 L11.651,21.1205 C11.52,21.957 10.7355,22.5295 9.8985,22.3985 C8.67385714,22.2070893 8.18704783,20.7320249 9.0034024,19.8481771 L9.0995,19.7525 L11.9565,17.1345 Z M10.394,11.935 C10.5033333,11.835 10.6707407,11.9068519 10.688332,12.0399383 L10.6875,12.0925 L10.0255,16.3255 C9.8825,17.241 9.0245,17.8665 8.109,17.723 C6.76789655,17.513 6.23549703,15.8962747 7.13330522,14.9304021 L7.235,14.8295 L10.394,11.935 Z M16.5615,10.305 C16.6708333,10.2045556 16.8378457,10.2767531 16.8557003,10.4099218 L16.855,10.4625 L16.0855,15.382 C15.9215,16.43 14.939,17.1465 13.891,16.9825 C12.3522903,16.7415323 11.7430812,14.8822503 12.7811732,13.7769309 L12.8905,13.669 L16.5615,10.305 Z M13.5115,0.5645 C16.7275,0.5645 19.5605,2.5685 20.661,5.584 C22.548,6.578 23.75,8.555 23.75,10.7115 C23.75,13.8292674 21.2890817,16.3789105 18.2202138,16.4958123 L18,16.5 L17.3045,16.5 C17.397875,16.293 17.4715625,16.0739063 17.5232422,15.84525 L17.5675,15.6135 L17.6635,15 L18,15 C20.3435,15 22.25,13.076 22.2495,10.7115 C22.2495,9.10358696 21.3482902,7.62971172 19.9361892,6.89854397 L19.7405,6.8035 L19.4375,6.6655 L19.3365,6.348 C18.521,3.786 16.18,2.0645 13.5115,2.0645 C12.0911875,2.0645 10.7218516,2.56503711 9.62431738,3.47918201 L9.4085,3.6675 L9.08,3.9685 L8.658,3.823 C8.3185,3.706 7.9695,3.6465 7.6215,3.6465 C6.3655,3.6465 5.2755,4.378 4.7475,5.441 C4.434375,6.072125 4.40165625,6.59103125 4.41794531,7.07513281 L4.442,7.5505 L3.9765,7.76 C2.624,8.3685 1.75,9.725 1.75,11.2155 C1.75,13.262 3.3685,14.93 5.3815,14.9935 C5.211,15.4665 5.1515,15.975 5.2215,16.4855 C2.456,16.3385 0.25,14.0345 0.25,11.2155 C0.25,9.3035 1.282,7.5495 2.917,6.6175 C3.0565,4.128 5.1135,2.146 7.6215,2.146 C7.9905,2.146 8.3585,2.191 8.7215,2.2795 C10.0785,1.1705 11.7635,0.5645 13.5115,0.5645 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.957 17.134c.109-.1.276-.028.294.105l-.001.053-.599 3.828a1.534 1.534 0 01-1.752 1.278c-1.225-.19-1.712-1.666-.896-2.55l.097-.095 2.857-2.619zm-1.563-5.199c.11-.1.277-.028.294.105v.053l-.663 4.233a1.676 1.676 0 01-1.916 1.397c-1.341-.21-1.874-1.827-.976-2.793l.102-.1 3.159-2.895zm6.167-1.63c.11-.1.277-.028.295.105l-.001.053-.77 4.919a1.92 1.92 0 01-2.194 1.6c-1.539-.24-2.148-2.1-1.11-3.205l.11-.108 3.67-3.364zm-3.05-9.74a7.596 7.596 0 017.15 5.019 5.805 5.805 0 013.089 5.127c0 3.118-2.46 5.668-5.53 5.785L18 16.5h-.695c.093-.207.167-.426.218-.655l.044-.232.096-.613H18c2.343 0 4.25-1.924 4.25-4.289A4.3 4.3 0 0019.936 6.9l-.195-.096-.303-.138-.101-.317c-.816-2.562-3.157-4.284-5.825-4.284-1.42 0-2.79.501-3.888 1.415l-.216.188-.328.302-.422-.146a3.178 3.178 0 00-1.036-.176A3.214 3.214 0 004.747 5.44c-.313.631-.345 1.15-.33 1.634l.025.476-.466.209a3.791 3.791 0 00-2.226 3.456c0 2.046 1.619 3.714 3.631 3.777-.17.473-.23.982-.16 1.492C2.456 16.34.25 14.035.25 11.215a5.299 5.299 0 012.667-4.598c.14-2.489 2.197-4.471 4.705-4.471.369 0 .736.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/rain/selected.svg b/packages/components/src/telekom/icons/weather/rain/selected.svg
index 4d84c0cfb9..70c60a7388 100644
--- a/packages/components/src/telekom/icons/weather/rain/selected.svg
+++ b/packages/components/src/telekom/icons/weather/rain/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/rain/selected</title>
-    <g id="icon/weather/rain/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.9585,17.1345 C12.0678333,17.0345 12.2352407,17.1063519 12.252832,17.2394383 L12.252,17.292 L11.653,21.1205 C11.522,21.957 10.7375,22.5295 9.9005,22.3985 C8.67585714,22.2070893 8.18904783,20.7320249 9.0054024,19.8481771 L9.1015,19.7525 L11.9585,17.1345 Z M10.396,11.935 C10.5053333,11.835 10.6727407,11.9068519 10.690332,12.0399383 L10.6895,12.0925 L10.0275,16.3255 C9.8845,17.241 9.0265,17.8665 8.111,17.723 C6.76989655,17.513 6.23749703,15.8962747 7.13530522,14.9304021 L7.237,14.8295 L10.396,11.935 Z M16.5635,10.305 C16.6728333,10.2045556 16.8398457,10.2767531 16.8577003,10.4099218 L16.857,10.4625 L16.0875,15.382 C15.9235,16.43 14.941,17.1465 13.893,16.9825 C12.3542903,16.7415323 11.7450812,14.8822503 12.7831732,13.7769309 L12.8925,13.669 L16.5635,10.305 Z M13.5135,0.5645 C16.7295,0.5645 19.5625,2.5685 20.663,5.584 C22.55,6.578 23.752,8.555 23.752,10.7115 C23.752,13.8292674 21.2910817,16.3789105 18.2222138,16.4958123 L18.002,16.5 L17.074,16.499 C17.177875,16.285625 17.2645937,16.0615625 17.3231875,15.8244922 L17.372,15.583 L18.1415,10.6635 C18.2075,10.234 18.085,9.8015 17.8045,9.475 C17.523,9.1465 17.1135,8.958 16.6815,8.958 C16.3643571,8.958 16.0589694,9.0597551 15.8059548,9.24689213 L15.684,9.3475 L12.014,12.7105 L11.89,12.8305 L11.974,12.2935 C12.041,11.8675 11.919,11.4345 11.639,11.107 C11.357,10.777 10.947,10.588 10.514,10.588 C10.1981429,10.588 9.89330612,10.6893878 9.64042274,10.8757901 L9.5185,10.976 L6.359,13.871 C5.66926667,14.5024 5.32884889,15.3903422 5.40116356,16.2921351 L5.423,16.4855 L5.2235,16.4855 C2.458,16.3385 0.252,14.0345 0.252,11.2155 C0.252,9.3035 1.284,7.5495 2.919,6.6175 C3.0585,4.128 5.1155,2.146 7.6235,2.146 C7.9925,2.146 8.3605,2.191 8.7235,2.2795 C10.0805,1.1705 11.7655,0.5645 13.5135,0.5645 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.959 17.134c.109-.1.276-.028.294.105l-.001.053-.599 3.828A1.534 1.534 0 019.9 22.398c-1.224-.19-1.711-1.666-.895-2.55l.096-.095 2.857-2.619zm-1.563-5.199c.11-.1.277-.028.294.105v.053l-.662 4.233a1.676 1.676 0 01-1.917 1.397c-1.341-.21-1.874-1.827-.976-2.793l.102-.1 3.159-2.895zm6.168-1.63c.109-.1.276-.028.294.105l-.001.053-.77 4.919a1.92 1.92 0 01-2.194 1.6c-1.539-.24-2.148-2.1-1.11-3.205l.11-.108 3.67-3.364zm-3.05-9.74a7.596 7.596 0 017.149 5.019 5.805 5.805 0 013.089 5.127c0 3.118-2.46 5.668-5.53 5.785l-.22.004-.928-.001a3.41 3.41 0 00.25-.675l.048-.241.77-4.92a1.475 1.475 0 00-2.336-1.416l-.122.1-3.67 3.364-.124.12.084-.537a1.478 1.478 0 00-2.334-1.418l-.121.1-3.16 2.895a2.948 2.948 0 00-.958 2.421l.022.193h-.2c-2.765-.146-4.971-2.45-4.971-5.27a5.299 5.299 0 012.667-4.598c.14-2.489 2.196-4.471 4.704-4.471.37 0 .737.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/sunny/default.svg b/packages/components/src/telekom/icons/weather/sunny/default.svg
index 7b698c207e..3819ad8969 100644
--- a/packages/components/src/telekom/icons/weather/sunny/default.svg
+++ b/packages/components/src/telekom/icons/weather/sunny/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/sunny/default</title>
-    <g id="icon/weather/sunny/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M12,19.75 C12.3795,19.75 12.6934583,20.0319132 12.7431493,20.3981693 L12.75,20.5 L12.75,23.25 C12.75,23.6645 12.414,24 12,24 C11.6205,24 11.3065417,23.7180868 11.2568507,23.3518307 L11.25,23.25 L11.25,20.5 C11.25,20.0855 11.586,19.75 12,19.75 Z M5.4595,17.48 C5.7525,17.1875 6.2275,17.187 6.5205,17.48 C6.78686364,17.7463636 6.81107851,18.1631405 6.59314463,18.456852 L6.5205,18.541 L4.5755,20.4855 C4.429,20.632 4.237,20.705 4.045,20.705 C3.853,20.705 3.661,20.632 3.5145,20.4855 C3.24813636,20.2191364 3.22392149,19.8023595 3.44185537,19.508648 L3.5145,19.4245 L5.4595,17.48 Z M17.48,17.48 C17.7463636,17.2140909 18.1627273,17.1899174 18.4563636,17.4074793 L18.5405,17.48 L20.486,19.4245 C20.779,19.7175 20.779,20.1925 20.486,20.4855 C20.3395,20.632 20.1475,20.705 19.9555,20.705 C19.8019,20.705 19.6483,20.65796 19.517996,20.564392 L19.425,20.4855 L17.48,18.541 C17.187,18.248 17.187,17.7725 17.48,17.48 Z M12,6.75 C14.8994949,6.75 17.25,9.10050506 17.25,12 C17.25,14.8994949 14.8994949,17.25 12,17.25 C9.10050506,17.25 6.75,14.8994949 6.75,12 C6.75,9.10050506 9.10050506,6.75 12,6.75 Z M3.5,11.25 C3.914,11.25 4.25,11.5855 4.25,12 C4.25,12.3799583 3.96766667,12.6935347 3.60172569,12.7431589 L3.5,12.75 L0.75,12.75 C0.336,12.75 0,12.4145 0,12 C0,11.6200417 0.282333333,11.3064653 0.648274306,11.2568411 L0.75,11.25 L3.5,11.25 Z M23.25,11.25 C23.664,11.25 24,11.5855 24,12 C24,12.3799583 23.7176667,12.6935347 23.3517257,12.7431589 L23.25,12.75 L20.5,12.75 C20.086,12.75 19.75,12.4145 19.75,12 C19.75,11.6200417 20.0323333,11.3064653 20.3982743,11.2568411 L20.5,11.25 L23.25,11.25 Z M19.4255,3.5145 C19.7185,3.222 20.193,3.2215 20.486,3.5145 C20.7523636,3.78086364 20.7765785,4.1976405 20.5586446,4.49135199 L20.486,4.5755 L18.541,6.52 C18.3945,6.6665 18.2025,6.7395 18.0105,6.7395 C17.8185,6.7395 17.6265,6.6665 17.4805,6.52 C17.2141364,6.25363636 17.1899215,5.8368595 17.4078554,5.54314801 L17.4805,5.459 L19.4255,3.5145 Z M3.5145,3.5145 C3.78086364,3.24859091 4.19722727,3.22441736 4.49086364,3.44197934 L4.575,3.5145 L6.5205,5.459 C6.8135,5.752 6.8135,6.227 6.5205,6.52 C6.374,6.6665 6.182,6.7395 5.99,6.7395 C5.8364,6.7395 5.6828,6.69246 5.552496,6.598892 L5.4595,6.52 L3.5145,4.5755 C3.2215,4.2825 3.2215,3.807 3.5145,3.5145 Z M12,0 C12.3795,0 12.6934583,0.281913194 12.7431493,0.648169271 L12.75,0.75 L12.75,3.5 C12.75,3.9145 12.414,4.25 12,4.25 C11.6205,4.25 11.3065417,3.96808681 11.2568507,3.60183073 L11.25,3.5 L11.25,0.75 C11.25,0.3355 11.586,0 12,0 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.75a.75.75 0 01.743.648l.007.102v2.75a.75.75 0 01-1.493.102l-.007-.102V20.5a.75.75 0 01.75-.75zm-6.54-2.27a.75.75 0 011.133.977l-.072.084-1.946 1.944a.748.748 0 01-1.06 0 .75.75 0 01-.073-.976l.072-.085L5.46 17.48zm12.02 0a.75.75 0 01.976-.073l.085.073 1.945 1.944a.75.75 0 01-.968 1.14l-.093-.079-1.945-1.944a.75.75 0 010-1.061zM12 6.75a5.25 5.25 0 110 10.5 5.25 5.25 0 010-10.5zm-8.5 4.5a.75.75 0 01.102 1.493l-.102.007H.75a.75.75 0 01-.102-1.493l.102-.007H3.5zm19.75 0a.75.75 0 01.102 1.493l-.102.007H20.5a.75.75 0 01-.102-1.493l.102-.007h2.75zm-3.825-7.736a.75.75 0 011.134.977l-.073.085-1.945 1.944a.748.748 0 01-1.06 0 .75.75 0 01-.073-.977l.072-.084 1.945-1.944zm-15.91 0a.75.75 0 01.976-.072l.084.072L6.521 5.46a.75.75 0 01-.969 1.14L5.46 6.52 3.514 4.576a.75.75 0 010-1.061zM12 0a.75.75 0 01.743.648l.007.102V3.5a.75.75 0 01-1.493.102L11.25 3.5V.75A.75.75 0 0112 0z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/sunny/selected.svg b/packages/components/src/telekom/icons/weather/sunny/selected.svg
index a7cb80714a..3819ad8969 100644
--- a/packages/components/src/telekom/icons/weather/sunny/selected.svg
+++ b/packages/components/src/telekom/icons/weather/sunny/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/sunny/selected</title>
-    <g id="icon/weather/sunny/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M12,19.75 C12.3795,19.75 12.6934583,20.0319132 12.7431493,20.3981693 L12.75,20.5 L12.75,23.25 C12.75,23.6645 12.414,24 12,24 C11.6205,24 11.3065417,23.7180868 11.2568507,23.3518307 L11.25,23.25 L11.25,20.5 C11.25,20.0855 11.586,19.75 12,19.75 Z M5.4595,17.48 C5.7525,17.1875 6.2275,17.187 6.5205,17.48 C6.78686364,17.7463636 6.81107851,18.1631405 6.59314463,18.456852 L6.5205,18.541 L4.5755,20.4855 C4.429,20.632 4.237,20.705 4.045,20.705 C3.853,20.705 3.661,20.632 3.5145,20.4855 C3.24813636,20.2191364 3.22392149,19.8023595 3.44185537,19.508648 L3.5145,19.4245 L5.4595,17.48 Z M17.48,17.48 C17.7463636,17.2140909 18.1627273,17.1899174 18.4563636,17.4074793 L18.5405,17.48 L20.486,19.4245 C20.779,19.7175 20.779,20.1925 20.486,20.4855 C20.3395,20.632 20.1475,20.705 19.9555,20.705 C19.8019,20.705 19.6483,20.65796 19.517996,20.564392 L19.425,20.4855 L17.48,18.541 C17.187,18.248 17.187,17.7725 17.48,17.48 Z M12,6.75 C14.8994949,6.75 17.25,9.10050506 17.25,12 C17.25,14.8994949 14.8994949,17.25 12,17.25 C9.10050506,17.25 6.75,14.8994949 6.75,12 C6.75,9.10050506 9.10050506,6.75 12,6.75 Z M3.5,11.25 C3.914,11.25 4.25,11.5855 4.25,12 C4.25,12.3799583 3.96766667,12.6935347 3.60172569,12.7431589 L3.5,12.75 L0.75,12.75 C0.336,12.75 0,12.4145 0,12 C0,11.6200417 0.282333333,11.3064653 0.648274306,11.2568411 L0.75,11.25 L3.5,11.25 Z M23.25,11.25 C23.664,11.25 24,11.5855 24,12 C24,12.3799583 23.7176667,12.6935347 23.3517257,12.7431589 L23.25,12.75 L20.5,12.75 C20.086,12.75 19.75,12.4145 19.75,12 C19.75,11.6200417 20.0323333,11.3064653 20.3982743,11.2568411 L20.5,11.25 L23.25,11.25 Z M19.4255,3.5145 C19.7185,3.222 20.193,3.2215 20.486,3.5145 C20.7523636,3.78086364 20.7765785,4.1976405 20.5586446,4.49135199 L20.486,4.5755 L18.541,6.52 C18.3945,6.6665 18.2025,6.7395 18.0105,6.7395 C17.8185,6.7395 17.6265,6.6665 17.4805,6.52 C17.2141364,6.25363636 17.1899215,5.8368595 17.4078554,5.54314801 L17.4805,5.459 L19.4255,3.5145 Z M3.5145,3.5145 C3.78086364,3.24859091 4.19722727,3.22441736 4.49086364,3.44197934 L4.575,3.5145 L6.5205,5.459 C6.8135,5.752 6.8135,6.227 6.5205,6.52 C6.374,6.6665 6.182,6.7395 5.99,6.7395 C5.8364,6.7395 5.6828,6.69246 5.552496,6.598892 L5.4595,6.52 L3.5145,4.5755 C3.2215,4.2825 3.2215,3.807 3.5145,3.5145 Z M12,0 C12.3795,0 12.6934583,0.281913194 12.7431493,0.648169271 L12.75,0.75 L12.75,3.5 C12.75,3.9145 12.414,4.25 12,4.25 C11.6205,4.25 11.3065417,3.96808681 11.2568507,3.60183073 L11.25,3.5 L11.25,0.75 C11.25,0.3355 11.586,0 12,0 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.75a.75.75 0 01.743.648l.007.102v2.75a.75.75 0 01-1.493.102l-.007-.102V20.5a.75.75 0 01.75-.75zm-6.54-2.27a.75.75 0 011.133.977l-.072.084-1.946 1.944a.748.748 0 01-1.06 0 .75.75 0 01-.073-.976l.072-.085L5.46 17.48zm12.02 0a.75.75 0 01.976-.073l.085.073 1.945 1.944a.75.75 0 01-.968 1.14l-.093-.079-1.945-1.944a.75.75 0 010-1.061zM12 6.75a5.25 5.25 0 110 10.5 5.25 5.25 0 010-10.5zm-8.5 4.5a.75.75 0 01.102 1.493l-.102.007H.75a.75.75 0 01-.102-1.493l.102-.007H3.5zm19.75 0a.75.75 0 01.102 1.493l-.102.007H20.5a.75.75 0 01-.102-1.493l.102-.007h2.75zm-3.825-7.736a.75.75 0 011.134.977l-.073.085-1.945 1.944a.748.748 0 01-1.06 0 .75.75 0 01-.073-.977l.072-.084 1.945-1.944zm-15.91 0a.75.75 0 01.976-.072l.084.072L6.521 5.46a.75.75 0 01-.969 1.14L5.46 6.52 3.514 4.576a.75.75 0 010-1.061zM12 0a.75.75 0 01.743.648l.007.102V3.5a.75.75 0 01-1.493.102L11.25 3.5V.75A.75.75 0 0112 0z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/thunder-rain/default.svg b/packages/components/src/telekom/icons/weather/thunder-rain/default.svg
index 2979042167..7ecd4856d6 100644
--- a/packages/components/src/telekom/icons/weather/thunder-rain/default.svg
+++ b/packages/components/src/telekom/icons/weather/thunder-rain/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/thunder-rain/default</title>
-    <g id="icon/weather/thunder-rain/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M13.9975,18.4645 C14.1046111,18.3662778 14.268216,18.4367469 14.285692,18.567046 L14.285,18.6185 L13.6985,22.367 C13.57,23.1865 12.802,23.7465 11.9825,23.6185 C10.7834107,23.4309464 10.3063476,21.9867047 11.1058813,21.1211931 L11.2,21.0275 L13.9975,18.4645 Z M11.762,13.5005 L8.557,18.0005 L11.6685,18.0005 L5.36,23.098 C5.19909091,23.228 4.98694215,23.0584132 5.04549211,22.884882 L5.0715,22.833 L7.332,19.4955 L4.9385,19.4955 L8.265,13.5005 L11.762,13.5005 Z M16.844,11.7695 C16.9354375,11.6859375 17.0739609,11.7436328 17.0924248,11.8528164 L17.0925,11.9025 L16.4405,16.0695 C16.302,16.9575 15.4695,17.5645 14.582,17.4255 C13.2814483,17.2222586 12.7653627,15.6537759 13.6358953,14.7168746 L13.7345,14.619 L16.844,11.7695 Z M13.5115,0.5645 C16.7275,0.5645 19.5605,2.5685 20.661,5.584 C22.548,6.578 23.75,8.555 23.75,10.712 C23.75,13.8297674 21.2890817,16.3794105 18.2202138,16.4963123 L18,16.5005 L17.873,16.5005 L17.8994375,16.4018125 L17.8994375,16.4018125 L17.9225,16.302 L18.127,14.994 C20.411,14.925 22.2495,13.033 22.2495,10.712 C22.2495,9.10408696 21.3482902,7.63021172 19.9361892,6.89904397 L19.7405,6.804 L19.4375,6.666 L19.3365,6.3485 C18.521,3.7865 16.18,2.065 13.5115,2.065 C12.0911875,2.065 10.7218516,2.56553711 9.62431738,3.47968201 L9.4085,3.668 L9.08,3.969 L8.72625,3.84654688 C8.38528125,3.7319375 8.06625,3.647 7.6215,3.647 C6.22,3.647 5.0255,4.5575 4.5875,5.823 C4.4342,6.2661 4.4051,6.65088 4.410776,6.977016 L4.424732,7.283592 L4.424732,7.283592 L4.442,7.551 L4.442,7.551 L4.04409913,7.72959767 C3.74761224,7.86527551 3.52164286,7.98364286 3.237,8.2015 C2.314,8.9075 1.75,10.018 1.75,11.2155 C1.75,13.2367969 3.32851758,14.8934956 5.30729541,14.9950654 L5.5,15 L5.7185,15 L4.907,16.464 C2.2905,16.166 0.25,13.927 0.25,11.2155 C0.25,9.3035 1.282,7.5495 2.917,6.6175 C3.0565,4.128 5.1135,2.146 7.6215,2.146 C7.9905,2.146 8.3585,2.191 8.7215,2.2795 C10.0785,1.1705 11.7635,0.5645 13.5115,0.5645 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.998 18.465a.173.173 0 01.288.102l-.001.052-.587 3.748a1.502 1.502 0 01-1.716 1.252c-1.199-.188-1.676-1.632-.876-2.498l.094-.093 2.798-2.563zM11.761 13.5L8.557 18h3.111L5.36 23.098c-.16.13-.373-.04-.315-.213l.027-.052 2.26-3.337H4.939L8.264 13.5h3.497zm5.082-1.731a.15.15 0 01.248.083v.05l-.651 4.167a1.626 1.626 0 01-1.859 1.355c-1.3-.203-1.817-1.771-.946-2.708l.099-.098 3.109-2.85zM13.511.565a7.596 7.596 0 017.15 5.019 5.805 5.805 0 013.089 5.128c0 3.118-2.46 5.667-5.53 5.784l-.22.005h-.127l.026-.1.023-.099.205-1.308c2.284-.069 4.123-1.961 4.123-4.282a4.3 4.3 0 00-2.314-3.813l-.195-.095-.303-.138-.101-.318c-.816-2.561-3.157-4.283-5.825-4.283-1.42 0-2.79.5-3.888 1.415l-.216.188-.328.301-.354-.122c-.34-.115-.66-.2-1.105-.2a3.22 3.22 0 00-3.034 2.176 3.259 3.259 0 00-.176 1.154l.014.307.017.267-.398.179a3.8 3.8 0 00-.807.471 3.798 3.798 0 00-1.487 3.014c0 2.022 1.579 3.678 3.557 3.78L5.5 15h.218l-.811 1.464C2.291 16.166.25 13.927.25 11.216a5.299 5.299 0 012.667-4.598c.14-2.49 2.197-4.472 4.705-4.472.369 0 .736.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/thunder-rain/selected.svg b/packages/components/src/telekom/icons/weather/thunder-rain/selected.svg
index 887f54b8f1..9aad8d60a4 100644
--- a/packages/components/src/telekom/icons/weather/thunder-rain/selected.svg
+++ b/packages/components/src/telekom/icons/weather/thunder-rain/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/thunder-rain/selected</title>
-    <g id="icon/weather/thunder-rain/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M14.0092,18.4645 C14.1163111,18.3662778 14.279916,18.4367469 14.297392,18.567046 L14.2967,18.6185 L13.7102,22.367 C13.5817,23.1865 12.8137,23.7465 11.9942,23.6185 C10.7951107,23.4309464 10.3180476,21.9867047 11.1175813,21.1211931 L11.2117,21.0275 L14.0092,18.4645 Z M11.7737,13.5005 L8.5687,18.0005 L11.6802,18.0005 L5.3717,23.098 C5.21079091,23.228 4.99864215,23.0584132 5.05719211,22.884882 L5.0832,22.833 L7.3437,19.4955 L4.9502,19.4955 L8.2767,13.5005 L11.7737,13.5005 Z M16.8557,11.7695 C16.9471375,11.6859375 17.0856609,11.7436328 17.1041248,11.8528164 L17.1042,11.9025 L16.4522,16.0695 C16.3137,16.9575 15.4812,17.5645 14.5937,17.4255 C13.2931483,17.2222586 12.7770627,15.6537759 13.6475953,14.7168746 L13.7462,14.619 L16.8557,11.7695 Z M13.5232,0.5645 C16.7392,0.5645 19.5722,2.5685 20.6727,5.584 C22.5597,6.578 23.7617,8.555 23.7617,10.7115 C23.7617,13.8292674 21.3007817,16.3789105 18.2319138,16.4958123 L18.0117,16.5 L17.6832,16.4995 L17.7122,16.3856875 L17.7122,16.3856875 L17.7367,16.27 L18.3887,12.1035 C18.4547,11.6855 18.3347,11.2605 18.0597,10.9385 C17.7832,10.615 17.3807,10.4295 16.9557,10.4295 C16.6454143,10.4295 16.346149,10.5286837 16.0982073,10.7116224 L15.9787,10.81 L14.4612,12.2005 L7.5112,12.2005 L5.1392,16.476 C2.4182,16.2815 0.2617,14.002 0.2617,11.2155 C0.2617,9.3035 1.2937,7.5495 2.9287,6.6175 C3.0682,4.128 5.1252,2.146 7.6332,2.146 C8.0022,2.146 8.3702,2.191 8.7332,2.2795 C10.0902,1.1705 11.7752,0.5645 13.5232,0.5645 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.01 18.465a.173.173 0 01.287.102v.052l-.587 3.748a1.502 1.502 0 01-1.716 1.252c-1.199-.188-1.676-1.632-.876-2.498l.094-.093 2.797-2.563zM11.773 13.5L8.569 18h3.111l-6.308 5.097c-.161.13-.373-.04-.315-.213l.026-.052 2.26-3.337H4.95L8.277 13.5h3.497zm5.082-1.731a.15.15 0 01.248.083v.05l-.652 4.167a1.626 1.626 0 01-1.858 1.355c-1.3-.203-1.817-1.771-.946-2.708l.098-.098 3.11-2.85zM13.523.565a7.596 7.596 0 017.15 5.019 5.805 5.805 0 013.089 5.127c0 3.118-2.461 5.668-5.53 5.785l-.22.004h-.329l.03-.114.024-.116.652-4.166a1.45 1.45 0 00-2.29-1.392l-.12.098-1.518 1.39h-6.95L5.14 16.477a5.27 5.27 0 01-4.877-5.26 5.299 5.299 0 012.667-4.598c.14-2.49 2.196-4.472 4.704-4.472.37 0 .737.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/thunder-snow/default.svg b/packages/components/src/telekom/icons/weather/thunder-snow/default.svg
index 877f761fb8..c6b5a703cb 100644
--- a/packages/components/src/telekom/icons/weather/thunder-snow/default.svg
+++ b/packages/components/src/telekom/icons/weather/thunder-snow/default.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/thunder-snow/default</title>
-    <g id="icon/weather/thunder-snow/default" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.262,13.5005 L7.765,13.5005 L4.4385,19.4955 L6.832,19.4955 L4.5715,22.833 C4.444,23.0215 4.683,23.241 4.86,23.098 L11.1685,18.0005 L8.057,18.0005 L11.262,13.5005 Z M15.8505,13.2775 L17.1495,14.0275 L16.299,15.5005 L18,15.5005 L18,16.9955 L16.296,16.9955 L17.1495,18.4735 L15.8505,19.2235 L15,17.75 L14.1495,19.2235 L12.8505,18.4735 L13.704,16.9955 L12,16.9955 L12,15.5005 L13.701,15.5005 L12.8505,14.0275 L14.1495,13.2775 L15,14.7505 L15.8505,13.2775 Z M13.5115,0.5645 C16.7275,0.5645 19.5605,2.5685 20.661,5.584 C22.548,6.578 23.75,8.555 23.7495003,10.7115 C23.7495003,13.2966094 22.0546113,15.4856816 19.7267202,16.2259221 L19.4995,16.293 L19.4995,14.7185 C21.1035,14.1045 22.2495,12.542 22.2495,10.711 C22.2495,9.10308696 21.3482902,7.62921172 19.9361892,6.89804397 L19.7405,6.803 L19.4375,6.665 L19.3365,6.3475 C18.521,3.7855 16.18,2.064 13.5115,2.064 C12.0911875,2.064 10.7218516,2.56453711 9.62431738,3.47868201 L9.4085,3.667 L9.08,3.968 L8.658,3.8225 C8.3185,3.7055 7.9695,3.646 7.6215,3.646 C6.2485,3.646 5.074,4.52 4.615,5.746 C4.41375,6.2843 4.398945,6.741505 4.415549,7.115557 L4.442,7.5505 L3.9765,7.76 C2.624,8.3685 1.75,9.725 1.75,11.2155 C1.75,13.14255 3.18530667,14.7341344 5.03338859,14.9668186 L5.226,14.986 L4.446,16.393 C2.0545,15.9005 0.25,13.766 0.25,11.2155 C0.25,9.3035 1.282,7.5495 2.917,6.6175 C3.0565,4.128 5.1135,2.146 7.6215,2.146 C7.9905,2.146 8.3585,2.191 8.7215,2.2795 C10.0785,1.1705 11.7635,0.5645 13.5115,0.5645 Z" id="Shape" fill="#262626" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.262 13.5H7.765l-3.326 5.995h2.393l-2.26 3.338c-.128.189.111.408.288.265L11.168 18H8.057l3.205-4.5zm4.588-.223l1.3.75-.851 1.474H18v1.495h-1.704l.854 1.478-1.3.75L15 17.75l-.85 1.474-1.3-.75.854-1.479H12V15.5h1.701l-.85-1.473 1.298-.75.851 1.474.85-1.473zM13.512.566a7.596 7.596 0 017.149 5.019 5.804 5.804 0 013.089 5.127 5.789 5.789 0 01-4.023 5.515l-.227.067v-1.574a4.292 4.292 0 002.75-4.008 4.3 4.3 0 00-2.314-3.813l-.195-.095-.303-.138-.101-.317c-.816-2.563-3.157-4.284-5.825-4.284-1.42 0-2.79.5-3.888 1.415l-.216.188-.328.301-.422-.146a3.178 3.178 0 00-1.036-.176 3.22 3.22 0 00-3.007 2.1 3.327 3.327 0 00-.2 1.37l.027.435-.466.209a3.791 3.791 0 00-2.226 3.456 3.775 3.775 0 003.283 3.75l.193.02-.78 1.407A5.285 5.285 0 01.25 11.215a5.299 5.299 0 012.667-4.598c.14-2.489 2.197-4.471 4.705-4.471.369 0 .736.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/telekom/icons/weather/thunder-snow/selected.svg b/packages/components/src/telekom/icons/weather/thunder-snow/selected.svg
index 09b163b914..1868a6b9d3 100644
--- a/packages/components/src/telekom/icons/weather/thunder-snow/selected.svg
+++ b/packages/components/src/telekom/icons/weather/thunder-snow/selected.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/weather/thunder-snow/selected</title>
-    <g id="icon/weather/thunder-snow/selected" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M11.2625,13.5005 L8.0575,18.0005 L11.169,18.0005 L4.8605,23.098 C4.69959091,23.228 4.48744215,23.0584132 4.54599211,22.884882 L4.572,22.833 L6.8325,19.4955 L4.439,19.4955 L7.7655,13.5005 L11.2625,13.5005 Z M15.851,13.2775 L17.15,14.0275 L16.2995,15.5005 L18.0005,15.5005 L18.0005,16.9955 L16.2965,16.9955 L17.15,18.4735 L15.851,19.2235 L15.0005,17.75 L14.15,19.2235 L12.851,18.4735 L13.7045,16.9955 L12.0005,16.9955 L12.0005,15.5005 L13.7015,15.5005 L12.851,14.0275 L14.15,13.2775 L15.0005,14.7505 L15.851,13.2775 Z M13.5145,0.5645 C16.7305,0.5645 19.5635,2.5685 20.664,5.584 C22.551,6.578 23.753,8.555 23.753,10.7115 C23.753,13.3708939 21.9607649,15.6118489 19.5302003,16.2872981 L19.3005,16.346 L19.3005,14.344 C19.3005,14.0248889 19.1484012,13.7275062 18.8958251,13.5403457 L18.7965,13.4755 L15.493,11.589 C15.2256875,11.43675 14.9059297,11.4165703 14.6248359,11.5294658 L14.507,11.586 L13.5,12.1515 L13.4155,12.2005 L7,12.2005 L4.6575,16.422 C2.164,16.0135 0.253,13.8385 0.253,11.2155 C0.253,9.3035 1.285,7.5495 2.92,6.6175 C3.0595,4.128 5.1165,2.146 7.6245,2.146 C7.9935,2.146 8.3615,2.191 8.7245,2.2795 C10.0815,1.1705 11.7665,0.5645 13.5145,0.5645 Z" id="Shape" fill="#262626"></path>
-    </g>
-</svg>
\ No newline at end of file
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M11.262 13.5L8.057 18h3.112L4.86 23.098c-.16.13-.373-.04-.314-.213l.026-.052 2.26-3.337H4.44L7.766 13.5h3.496zm4.589-.223l1.299.75-.85 1.474H18v1.495h-1.703l.853 1.478-1.299.75-.85-1.474-.851 1.474-1.299-.75.853-1.479H12V15.5h1.701l-.85-1.473 1.299-.75.85 1.474.851-1.473zM13.514.566a7.596 7.596 0 017.15 5.019 5.805 5.805 0 013.089 5.127c0 2.66-1.792 4.9-4.223 5.576l-.23.059v-2.002a1 1 0 00-.404-.804l-.1-.064-3.303-1.887a1 1 0 00-.868-.06l-.118.057-1.007.566-.085.049H7l-2.343 4.221a5.275 5.275 0 01-4.404-5.207A5.299 5.299 0 012.92 6.618c.14-2.489 2.197-4.471 4.705-4.471.369 0 .736.045 1.1.134a7.558 7.558 0 014.79-1.715z" fill="#000" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/packages/components/src/utils/utils.ts b/packages/components/src/utils/utils.ts
index 719a0d264d..020ad9c769 100644
--- a/packages/components/src/utils/utils.ts
+++ b/packages/components/src/utils/utils.ts
@@ -120,3 +120,15 @@ export function readMaybeJSONData(data) {
 
   return parsedData;
 }
+
+/**
+ * Useful for waiting for animations to finish before doing something.
+ *
+ * @param el {HTMLElement | ShadowRoot} - The element to call `getAnimations` on
+ * @returns {Promise} - Resolves when all animations are finished
+ */
+export const animationsFinished = (el: HTMLElement | ShadowRoot) => {
+  return Promise.all(
+    el.getAnimations({ subtree: true }).map((x) => x.finished)
+  );
+};
diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
index f9a432126c..b0b99d1a81 100644
--- a/packages/design-tokens/CHANGELOG.md
+++ b/packages/design-tokens/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+**Note:** Version bump only for package @telekom/scale-design-tokens
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 **Note:** Version bump only for package @telekom/scale-design-tokens
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 57da265f40..5cc6472cbd 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-design-tokens",
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "type": "module",
   "description": "Design Tokens for the Scale Design System",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/storybook-vue/.storybook/usage-addon/usage.js b/packages/storybook-vue/.storybook/usage-addon/usage.js
index 73e26d1622..fdde1ac5f6 100644
--- a/packages/storybook-vue/.storybook/usage-addon/usage.js
+++ b/packages/storybook-vue/.storybook/usage-addon/usage.js
@@ -51,20 +51,20 @@ import menuFlyout_en from 'raw-loader!../../stories/components/flyout-menu/menu-
 import menuFlyout_de from 'raw-loader!../../stories/components/flyout-menu/menu-flyout_de.md';
 import modal_en from 'raw-loader!../../stories/components/modal/modal.md';
 import modal_de from 'raw-loader!../../stories/components/modal/modal_de.md';
+import notification_de from 'raw-loader!../../stories/components/notification/notification_de.md';
+import notification_en from 'raw-loader!../../stories/components/notification/notification.md';
 import notificationBadge_de from 'raw-loader!../../stories/components/notification-badge/notification-badge_de.md';
 import notificationBadge_en from 'raw-loader!../../stories/components/notification-badge/notification-badge.md';
-import notificationBanner_de from 'raw-loader!../../stories/components/notification-banner/notification-banner_de.md';
-import notificationBanner_en from 'raw-loader!../../stories/components/notification-banner/notification-banner.md';
-import notificationMessage_de from 'raw-loader!../../stories/components/notification-message/notification-message_de.md';
-import notificationMessage_en from 'raw-loader!../../stories/components/notification-message/notification-message.md';
-import notificationToast_de from 'raw-loader!../../stories/components/notification-toast/notification-toast_de.md';
-import notificationToast_en from 'raw-loader!../../stories/components/notification-toast/notification-toast.md';
+import notificationBanner_de from 'raw-loader!../../stories/deprecated/notification-banner/notification-banner_de.md';
+import notificationBanner_en from 'raw-loader!../../stories/deprecated/notification-banner/notification-banner.md';
+import notificationMessage_de from 'raw-loader!../../stories/deprecated/notification-message/notification-message_de.md';
+import notificationMessage_en from 'raw-loader!../../stories/deprecated/notification-message/notification-message.md';
+import notificationToast_de from 'raw-loader!../../stories/deprecated/notification-toast/notification-toast_de.md';
+import notificationToast_en from 'raw-loader!../../stories/deprecated/notification-toast/notification-toast.md';
 import pagination_en from 'raw-loader!../../stories/components/pagination/pagination.md';
 import pagination_de from 'raw-loader!../../stories/components/pagination/pagination_de.md';
 import progressBar_en from 'raw-loader!../../stories/components/progress-bar/progress-bar.md';
 import progressBar_de from 'raw-loader!../../stories/components/progress-bar/progress-bar_de.md';
-import radioButton_en from 'raw-loader!../../stories/components/radio-button/radio-button.md';
-import radioButton_de from 'raw-loader!../../stories/components/radio-button/radio-button_de.md';
 import ratingStars_en from 'raw-loader!../../stories/components/rating-stars/rating-stars.md';
 import ratingStars_de from 'raw-loader!../../stories/components/rating-stars/rating-stars_de.md';
 import radioButtonGroup_de from 'raw-loader!../../stories/components/radio-button-group/radio-button-group_de.md';
@@ -165,6 +165,8 @@ const Usage = (props) => {
     'flyout-menu_de': menuFlyout_de,
     modal_en,
     modal_de,
+    notification_en,
+    notification_de,
     'notification-badge_en': notificationBadge_en,
     'notification-badge_de': notificationBadge_de,
     'notification-banner_en': notificationBanner_en,
@@ -177,8 +179,6 @@ const Usage = (props) => {
     pagination_de,
     'progress-bar_en': progressBar_en,
     'progress-bar_de': progressBar_de,
-    'radio-button_en': radioButton_en,
-    'radio-button_de': radioButton_de,
     'radio-button-group_en': radioButtonGroup_en,
     'radio-button-group_de': radioButtonGroup_de,
     'rating-stars_en': ratingStars_en,
diff --git a/packages/storybook-vue/CHANGELOG.md b/packages/storybook-vue/CHANGELOG.md
index d3aedf0202..35c9d51922 100644
--- a/packages/storybook-vue/CHANGELOG.md
+++ b/packages/storybook-vue/CHANGELOG.md
@@ -3,6 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+
+### Bug Fixes
+
+* **list:** spacing ([#2005](https://github.com/telekom/scale/issues/2005)) ([b5a501d](https://github.com/telekom/scale/commit/b5a501d2d12609ab980dae7c47c87770f5010867)), closes [#2006](https://github.com/telekom/scale/issues/2006) [#2012](https://github.com/telekom/scale/issues/2012)
+* table icon design alignment ([#1996](https://github.com/telekom/scale/issues/1996)) ([a2f7ac6](https://github.com/telekom/scale/commit/a2f7ac6fba991f4a99edce634ca4457b0d47f46f))
+* **sidebar-nav:** active state colors ([#2007](https://github.com/telekom/scale/issues/2007)) ([6a32239](https://github.com/telekom/scale/commit/6a32239d9354f24899e64b93bd91294a0ab9d907))
+* accordion spacing and icon size ([#1936](https://github.com/telekom/scale/issues/1936)) ([bf3e60d](https://github.com/telekom/scale/commit/bf3e60d44669bac07d82e0ad2f676308362d4fa3))
+* design qa alignment ([#1932](https://github.com/telekom/scale/issues/1932)) ([8f1877c](https://github.com/telekom/scale/commit/8f1877cfdba51856cca926990ead3a8070a35b4d))
+* link design alignment ([#1972](https://github.com/telekom/scale/issues/1972)) ([24c1d7d](https://github.com/telekom/scale/commit/24c1d7d1a9e003ee6befe6bb2950b3a6c640d6df))
+* loading spinner design qa alignment ([#1934](https://github.com/telekom/scale/issues/1934)) ([3c98c26](https://github.com/telekom/scale/commit/3c98c26f2217a83094859fb3491b37bd00b071a4))
+* logo design alignment (SCL-153) ([#1986](https://github.com/telekom/scale/issues/1986)) ([a10306e](https://github.com/telekom/scale/commit/a10306ef0f3660e1f3e92ebf5253d92ed2344284))
+* some visual alignments 💅 ([#1884](https://github.com/telekom/scale/issues/1884)) ([8f668a8](https://github.com/telekom/scale/commit/8f668a8bf0a4d2b74c61dcb95f31249dbcb5be5a)), closes [#1886](https://github.com/telekom/scale/issues/1886)
+* tab navigation design qa alignment ([#1942](https://github.com/telekom/scale/issues/1942)) ([40bf169](https://github.com/telekom/scale/commit/40bf1693d11d2e3cd96f635088d9fb5f5c2ddc94))
+* **date-picker:** sync code and figma ([#1899](https://github.com/telekom/scale/issues/1899)) ([305a42a](https://github.com/telekom/scale/commit/305a42ad1b3d399b9d0e067fffdf2a8916998af4)), closes [#1910](https://github.com/telekom/scale/issues/1910) [#1911](https://github.com/telekom/scale/issues/1911)
+* **icons:** polish after icon library update ([#1921](https://github.com/telekom/scale/issues/1921)) ([1652980](https://github.com/telekom/scale/commit/1652980a4d07be45cc90b818eb0852fb14d67111)), closes [#1922](https://github.com/telekom/scale/issues/1922) [#1923](https://github.com/telekom/scale/issues/1923)
+
+
+### Features
+
+* **slider:** add `platform` prop because browsers ([#1989](https://github.com/telekom/scale/issues/1989)) ([de6648a](https://github.com/telekom/scale/commit/de6648a3453f15652f9419e23a2ad2368dcce0b2))
+* more visual alignments ([#1984](https://github.com/telekom/scale/issues/1984)) ([3c7ecfd](https://github.com/telekom/scale/commit/3c7ecfd6c5449b560f86a8a764427e0dfc1be1be)), closes [#1985](https://github.com/telekom/scale/issues/1985)
+* **checkbox:** add required attribute ([#1851](https://github.com/telekom/scale/issues/1851)) ([5f90c75](https://github.com/telekom/scale/commit/5f90c75133d0ef60a77db76bd1ab7a6021a6833c))
+* **notification:** banner, message and toast are now one single component ([#1180](https://github.com/telekom/scale/issues/1180)) ([89990af](https://github.com/telekom/scale/commit/89990af4003666f7b99d5439b48460d59b833158))
+* adding accessibility title ([#1830](https://github.com/telekom/scale/issues/1830)) ([52b2023](https://github.com/telekom/scale/commit/52b20230bff98ccd152adf8c2e5f4b75386aec75))
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 **Note:** Version bump only for package @telekom/scale-storybook-vue
diff --git a/packages/storybook-vue/package.json b/packages/storybook-vue/package.json
index ffdbe76498..36faca7ffa 100644
--- a/packages/storybook-vue/package.json
+++ b/packages/storybook-vue/package.json
@@ -2,7 +2,7 @@
   "homepage": "https://telekom.github.io/scale",
   "name": "@telekom/scale-storybook-vue",
   "private": true,
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "main": "index.js",
   "license": "MPL-2.0",
   "devDependencies": {
@@ -32,8 +32,8 @@
   "dependencies": {
     "@storybook/addon-viewport": "^6.4.22",
     "@telekom/design-tokens": "^1.0.0-beta.2",
-    "@telekom/scale-components": "^3.0.0-beta.134",
-    "@telekom/scale-components-vue": "^3.0.0-beta.134"
+    "@telekom/scale-components": "^3.0.0-beta.135",
+    "@telekom/scale-components-vue": "^3.0.0-beta.135"
   },
   "scripts": {
     "prestart": "rm -rf node_modules/.cache/ && yes | cp -a ../components/dist/scale-components/fonts/* public/fonts/ && yes | cp -a ../components/dist/scale-components/scale-components.css public/",
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_de.png b/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_de.png
index b9edb6cddc..5477ce35f1 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_de.png and b/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_de.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_en.png b/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_en.png
index 83f1cb9549..d2d126fce3 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_en.png and b/packages/storybook-vue/public/assets/3_components/data-grid/Backgrounds_en.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_de.png b/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_de.png
index aaada23e6e..6cb51efc4a 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_de.png and b/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_de.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_en.png b/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_en.png
index aaada23e6e..9b396f03b9 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_en.png and b/packages/storybook-vue/public/assets/3_components/data-grid/Data_components_en.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-de.png b/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-de.png
index fdd509427e..ab8919dce6 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-de.png and b/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-de.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-en.png b/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-en.png
index fdd509427e..ab8919dce6 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-en.png and b/packages/storybook-vue/public/assets/3_components/data-grid/Mobile-en.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/elements-de.png b/packages/storybook-vue/public/assets/3_components/data-grid/elements-de.png
index 9b38b272e4..b12f4d9b0b 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/elements-de.png and b/packages/storybook-vue/public/assets/3_components/data-grid/elements-de.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/data-grid/elements-en.png b/packages/storybook-vue/public/assets/3_components/data-grid/elements-en.png
index 9b38b272e4..b12f4d9b0b 100644
Binary files a/packages/storybook-vue/public/assets/3_components/data-grid/elements-en.png and b/packages/storybook-vue/public/assets/3_components/data-grid/elements-en.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/logo/Farben-DE.png b/packages/storybook-vue/public/assets/3_components/logo/Farben-DE.png
index a2a395b2a0..0a75f5f62d 100644
Binary files a/packages/storybook-vue/public/assets/3_components/logo/Farben-DE.png and b/packages/storybook-vue/public/assets/3_components/logo/Farben-DE.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/logo/Farben-EN.png b/packages/storybook-vue/public/assets/3_components/logo/Farben-EN.png
index 5ee5aa06b2..9df0d0572d 100644
Binary files a/packages/storybook-vue/public/assets/3_components/logo/Farben-EN.png and b/packages/storybook-vue/public/assets/3_components/logo/Farben-EN.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim-Varianten-DE.png b/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim-Varianten-DE.png
deleted file mode 100644
index 273d178869..0000000000
Binary files a/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim-Varianten-DE.png and /dev/null differ
diff --git a/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim-Varianten-EN.png b/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim-Varianten-EN.png
deleted file mode 100644
index bb6a4f4510..0000000000
Binary files a/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim-Varianten-EN.png and /dev/null differ
diff --git a/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim.png b/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim.png
deleted file mode 100644
index a53e583005..0000000000
Binary files a/packages/storybook-vue/public/assets/3_components/logo/Logo-Claim.png and /dev/null differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/banner.png b/packages/storybook-vue/public/assets/3_components/notifications/banner.png
new file mode 100644
index 0000000000..7d0b6c9e67
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/banner.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/elements.png b/packages/storybook-vue/public/assets/3_components/notifications/elements.png
new file mode 100644
index 0000000000..f375a67fa2
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/elements.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/inline.png b/packages/storybook-vue/public/assets/3_components/notifications/inline.png
new file mode 100644
index 0000000000..04bf7f0a86
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/inline.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/position_banner.png b/packages/storybook-vue/public/assets/3_components/notifications/position_banner.png
new file mode 100644
index 0000000000..cb1ff4b338
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/position_banner.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/position_inline.png b/packages/storybook-vue/public/assets/3_components/notifications/position_inline.png
new file mode 100644
index 0000000000..23b1d5685f
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/position_inline.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/position_toast.png b/packages/storybook-vue/public/assets/3_components/notifications/position_toast.png
new file mode 100644
index 0000000000..5246cf0612
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/position_toast.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/toast.png b/packages/storybook-vue/public/assets/3_components/notifications/toast.png
new file mode 100644
index 0000000000..24852e8b7f
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/toast.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/variant_error.png b/packages/storybook-vue/public/assets/3_components/notifications/variant_error.png
new file mode 100644
index 0000000000..5022c42480
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/variant_error.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/variant_info.png b/packages/storybook-vue/public/assets/3_components/notifications/variant_info.png
new file mode 100644
index 0000000000..84009c8978
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/variant_info.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/variant_success.png b/packages/storybook-vue/public/assets/3_components/notifications/variant_success.png
new file mode 100644
index 0000000000..313ba71ce3
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/variant_success.png differ
diff --git a/packages/storybook-vue/public/assets/3_components/notifications/variant_warning.png b/packages/storybook-vue/public/assets/3_components/notifications/variant_warning.png
new file mode 100644
index 0000000000..766319569c
Binary files /dev/null and b/packages/storybook-vue/public/assets/3_components/notifications/variant_warning.png differ
diff --git a/packages/storybook-vue/public/assets/card-grayscale.jpeg b/packages/storybook-vue/public/assets/card-grayscale.jpeg
deleted file mode 100644
index af1dbb79d5..0000000000
Binary files a/packages/storybook-vue/public/assets/card-grayscale.jpeg and /dev/null differ
diff --git a/packages/storybook-vue/public/assets/card-image.jpg b/packages/storybook-vue/public/assets/card-image.jpg
new file mode 100644
index 0000000000..96a247cdcd
Binary files /dev/null and b/packages/storybook-vue/public/assets/card-image.jpg differ
diff --git a/packages/storybook-vue/stories/components/accordion/Accordion.stories.mdx b/packages/storybook-vue/stories/components/accordion/Accordion.stories.mdx
index ef5fad0c74..59d578d261 100644
--- a/packages/storybook-vue/stories/components/accordion/Accordion.stories.mdx
+++ b/packages/storybook-vue/stories/components/accordion/Accordion.stories.mdx
@@ -115,19 +115,17 @@ export const Template = (args, { argTypes }) => ({
   --line-height-button: var(--telekom-typography-line-spacing-standard);
   --border-width-button: var(--telekom-spacing-unit-x05);
   --radius-button: var(--telekom-radius-small);
-  --spacing-left-button: var(--telekom-spacing-unit-x1);
+  --spacing-left-button: 0;
   --spacing-left-button-text: var(--telekom-spacing-unit-x2);
   --color-button-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-button-active: var(--telekom-color-text-and-icon-primary-pressed);
-  --background-button-hover: var(--telekom-color-ui-state-fill-hovered);
-  --border-color-button-focus: var(--telekom-color-functional-focus);
-
-  /* icon */
-  --spacing-top-icon: calc(var(--telekom-spacing-unit-x1) + 1px);
+  --background-button-hover: none;
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
 
   /* content */
   --spacing-right-content: var(--telekom-spacing-unit-x12);
-  --spacing-left-content: var(--telekom-spacing-unit-x8);
+  --spacing-left-content: 34px;
   --spacing-top-content: var(--telekom-spacing-unit-x4);
   --spacing-bottom-content: var(--telekom-spacing-unit-x6);
 }
diff --git a/packages/storybook-vue/stories/components/breadcrumb/Breadcrumb.stories.mdx b/packages/storybook-vue/stories/components/breadcrumb/Breadcrumb.stories.mdx
index 114d4e2a4b..56768d5bc9 100644
--- a/packages/storybook-vue/stories/components/breadcrumb/Breadcrumb.stories.mdx
+++ b/packages/storybook-vue/stories/components/breadcrumb/Breadcrumb.stories.mdx
@@ -28,9 +28,10 @@ export const Template = (args, { argTypes }) => ({
       :separator="separator"
       :styles="styles"
     >
-      <a href="#1">First Entry</a>
-      <a href="#2">Second Entry</a>
-      <a href="#3">Active Page</a>
+      <a href="#1">Home</a>
+      <a href="#2">Page 1</a>
+      <a href="#2">Page 2</a>
+      <a href="#3">Current Page</a>
       <template v-if="separator === true" #separator>
         <span slot="separator">
           <scale-icon-navigation-right size={12} color="#6B6B6B"></scale-icon-navigation-right>
@@ -78,7 +79,7 @@ export const Template = (args, { argTypes }) => ({
 
   --font-size-list-item: var(--telekom-typography-font-size-caption);
 
-  --color-separator: var(--telekom-color-ui-regular);
+  --color-separator: var(--telekom-color-text-and-icon-additional);
 
   --spacing-y-item: var(--telekom-spacing-unit-x1);
   --spacing-x-item: var(--telekom-spacing-unit-x2);
@@ -87,10 +88,10 @@ export const Template = (args, { argTypes }) => ({
   --radius-link: var(--telekom-radius-standard);
   --color-link-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-link-active: var(--telekom-color-text-and-icon-primary-pressed);
-  --box-shadow-link-focus: 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
 
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
+  --font-current: var(--telekom-text-style-caption-bold);
   --color-current: var(--telekom-color-text-and-icon-standard);
 }
 ```
diff --git a/packages/storybook-vue/stories/components/breadcrumb/breadcrumb.md b/packages/storybook-vue/stories/components/breadcrumb/breadcrumb.md
index cdac433382..76f9ee194c 100644
--- a/packages/storybook-vue/stories/components/breadcrumb/breadcrumb.md
+++ b/packages/storybook-vue/stories/components/breadcrumb/breadcrumb.md
@@ -37,6 +37,4 @@ The current page is highlighted at the right end of the breadcrumb. It has no in
 
 ## Related components
 
-<a href="?path=/usage/components-brand-header-navigation--standard">Brand Header & Navigation</a>
-
-[Brand Header & Navigation](?path=/usage/components-brand-header-navigation--standard)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
diff --git a/packages/storybook-vue/stories/components/breadcrumb/breadcrumb_de.md b/packages/storybook-vue/stories/components/breadcrumb/breadcrumb_de.md
index 6e89fe9803..1be6072ef2 100644
--- a/packages/storybook-vue/stories/components/breadcrumb/breadcrumb_de.md
+++ b/packages/storybook-vue/stories/components/breadcrumb/breadcrumb_de.md
@@ -39,4 +39,4 @@ Die aktuelle Seite ist immer der letzte Eintrag der Breadcrumb. Sie hat keine in
 
 ## Verwandte Komponenten
 
-[Brand Header & Navigation](?path=/usage/components-brand-header-navigation--standard)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
diff --git a/packages/storybook-vue/stories/components/button/Button.stories.mdx b/packages/storybook-vue/stories/components/button/Button.stories.mdx
index 67613683b8..4c494045c7 100644
--- a/packages/storybook-vue/stories/components/button/Button.stories.mdx
+++ b/packages/storybook-vue/stories/components/button/Button.stories.mdx
@@ -65,11 +65,11 @@ export const Template = (args, { argTypes }) => ({
       :styles="styles"
       @click="action('clicked')"
     >
-      <scale-icon-action-search size="16" v-if="icon === 'before'" />
+      <scale-icon-content-heart v-if="icon === 'before'" />
       {{ iconOnly !== true ? label : null }}
-      <scale-icon-action-add accessibility-title="Add" size="16" v-if="iconOnly" />
-      <scale-icon-navigation-right accessibility-title="Next" size="16" v-if="icon === 'after'" />
-      <scale-icon-navigation-external-link accessibility-title="External link, opens in new tab" size="16" v-if="icon === 'external'" />
+      <scale-icon-content-heart accessibility-title="Add" v-if="iconOnly" />
+      <scale-icon-navigation-right accessibility-title="Next" v-if="icon === 'after'" />
+      <scale-icon-navigation-external-link accessibility-title="External link, opens in new tab" v-if="icon === 'external'" />
     </scale-button>
     </div>
   `,
@@ -117,10 +117,9 @@ export const Template = (args, { argTypes }) => ({
   --min-height: var(--telekom-spacing-unit-x11);
   --min-width: var(--telekom-spacing-unit-x11);
   --radius: var(--telekom-radius-standard);
-  --transition: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
-  --color-focus: var(--telekom-color-functional-focus);
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
+  --color-focus: var(--telekom-color-functional-focus-standard);
   --font-weight: var(--telekom-typography-font-weight-bold);
   --font-size: var(--telekom-typography-font-size-body);
   --line-height: var(--telekom-typography-line-spacing-tight);
@@ -160,7 +159,7 @@ export const Template = (args, { argTypes }) => ({
   --border-secondary: var(--telekom-color-ui-border-standard);
   --border-secondary-hover: var(--telekom-color-ui-border-hovered);
   --border-secondary-active: var(--telekom-color-ui-border-pressed);
-  --border-secondary-focus: var(--telekom-color-functional-focus);
+  --border-secondary-focus: var(--telekom-color-functional-focus-standard);
 
   /* variant: secondary white */
   --border-secondary-white: var(--telekom-color-ui-white);
@@ -177,7 +176,7 @@ export const Template = (args, { argTypes }) => ({
   --radius-ghost: var(--radius);
   --border-width-ghost: var(--telekom-spacing-unit-x025);
   --spacing-x-ghost: var(--telekom-spacing-unit-x2);
-  --color-ghost: var(--telekom-color-text-and-icon-standard);
+  --color-ghost: var(--telekom-color-text-and-icon-primary-standard);
   --color-ghost-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-ghost-active: var(--telekom-color-text-and-icon-primary-pressed);
   --color-ghost-disabled: var(--telekom-color-text-and-icon-disabled);
@@ -272,7 +271,7 @@ For Shadow Parts, please inspect the element's #shadow.
 
 ```html
 <scale-button>
-  <scale-icon-action-search></scale-icon-action-search> Label
+  <scale-icon-content-heart></scale-icon-content-heart> Label
 </scale-button>
 ```
 
@@ -311,7 +310,7 @@ For Shadow Parts, please inspect the element's #shadow.
 
 ```html
 <scale-button icon-only>
-  <scale-icon-action-add accessibility-title="add" />
+  <scale-icon-content-heart accessibility-title="like" />
 </scale-button>
 ```
 
@@ -534,9 +533,9 @@ If the icon is an `img` element, its `alt` attribute should be empty.
 </Canvas>
 
 ```html
-<scale-button size="small" href="https://example.com" target="_blank"
-  >Label</scale-button
->
+<scale-button size="small" href="https://example.com" target="_blank">
+  Label
+</scale-button>
 ```
 
 ## Small Link Download
@@ -557,6 +556,6 @@ If the icon is an `img` element, its `alt` attribute should be empty.
 
 ```html
 <scale-button size="small" icon-only>
-  <scale-icon-action-add accessibility-title="add" />
+  <scale-icon-action-add accessibility-title="add"></scale-icon-action-add>
 </scale-button>
 ```
diff --git a/packages/storybook-vue/stories/components/callout/Callout.stories.mdx b/packages/storybook-vue/stories/components/callout/Callout.stories.mdx
index 1f5fa6b354..e7a4af9d44 100644
--- a/packages/storybook-vue/stories/components/callout/Callout.stories.mdx
+++ b/packages/storybook-vue/stories/components/callout/Callout.stories.mdx
@@ -7,7 +7,7 @@ import {
 } from '@storybook/addon-docs';
 import ScaleCallout from './ScaleCallout.vue';
 
-export const CANVAS_HEIGHT = 180
+export const CANVAS_HEIGHT = 204
 
 <Meta
   title="Beta Components/Callout"
@@ -82,8 +82,9 @@ export const CANVAS_HEIGHT = 180
             :bottom="bottom"
             :left="left"
           >
-            <span class="scl-callout-text-small">Now only</span>
-            <span class="scl-callout-text-large">15&#8364;</span>
+            <span class="scl-callout-text-small">Starting at</span>
+            <span class="scl-callout-text-large">9.95 &#8364;</span>
+            <span class="scl-callout-text-small">for 4 weeks</span>
           </scale-callout>
         </div>
       `
@@ -95,8 +96,9 @@ export const CANVAS_HEIGHT = 180
 
 ```html
 <scale-callout variant="primary">
-  <span class="scl-callout-text-small">Now only</span>
-  <span class="scl-callout-text-large">15&#8364;</span>
+  <span class="scl-callout-text-small">Starting at</span>
+  <span class="scl-callout-text-large">9.95 &#8364;</span>
+  <span class="scl-callout-text-small">for 4 weeks</span>
 </scale-callout>
 ```
 
@@ -107,11 +109,11 @@ export const CANVAS_HEIGHT = 180
   --position: absolute;
   --background: var(--telekom-color-ui-extra-strong);
   --color: var(--telekom-color-text-and-icon-inverted-standard);
-  --spacing: var(--telekom-spacing-unit-x6);
+  --spacing: var(--telekom-spacing-unit-x8);
   --min-width: 6rem;
   --aspect-ratio: 1;
   --rotation: 0deg;
-  --font-standard: var(--telekom-text-style-lead-text);
+  --font-standard: var(--telekom-text-style-body-bold);
   --font-small: var(--telekom-text-style-body-bold);
   --font-large: var(--telekom-text-style-heading-1);
 }
@@ -127,8 +129,7 @@ export const CANVAS_HEIGHT = 180
       template: `
         <div style="min-height: ${CANVAS_HEIGHT}px">
           <scale-callout variant="primary">
-            <span class="scl-callout-text-small">Now only</span>
-            <span class="scl-callout-text-large">15&#8364;</span>
+            <span class="scl-callout-text-large">9.95 &#8364;</span>
           </scale-callout>
         </div>
       `
@@ -138,8 +139,7 @@ export const CANVAS_HEIGHT = 180
 
 ```html
 <scale-callout variant="primary">
-  <span class="scl-callout-text-small">Now only</span>
-  <span class="scl-callout-text-large">15&#8364;</span>
+  <span class="scl-callout-text-large">9.95 &#8364;</span>
 </scale-callout>
 ```
 
@@ -151,8 +151,7 @@ export const CANVAS_HEIGHT = 180
       template: `
         <div style="min-height: ${CANVAS_HEIGHT}px">
           <scale-callout variant="black">
-            <span class="scl-callout-text-small">Now only</span>
-            <span class="scl-callout-text-large">15&#8364;</span>
+            <span class="scl-callout-text-large">9.95 &#8364;</span>
           </scale-callout>
         </div>
       `
@@ -162,8 +161,7 @@ export const CANVAS_HEIGHT = 180
 
 ```html
 <scale-callout variant="black">
-  <span class="scl-callout-text-small">Now only</span>
-  <span class="scl-callout-text-large">15&#8364;</span>
+  <span class="scl-callout-text-large">9.95 &#8364;</span>
 </scale-callout>
 ```
 
@@ -175,8 +173,7 @@ export const CANVAS_HEIGHT = 180
       template: `
         <div style="min-height: ${CANVAS_HEIGHT}px">
           <scale-callout variant="white">
-            <span class="scl-callout-text-small">Now only</span>
-            <span class="scl-callout-text-large">15&#8364;</span>
+            <span class="scl-callout-text-large">9.95 &#8364;</span>
           </scale-callout>
         </div>
       `
@@ -186,8 +183,7 @@ export const CANVAS_HEIGHT = 180
 
 ```html
 <scale-callout variant="white">
-  <span class="scl-callout-text-small">Now only</span>
-  <span class="scl-callout-text-large">15&#8364;</span>
+  <span class="scl-callout-text-large">9.95 &#8364;</span>
 </scale-callout>
 ```
 
@@ -199,8 +195,7 @@ export const CANVAS_HEIGHT = 180
       template: `
         <div style="min-height: ${CANVAS_HEIGHT}px">
           <scale-callout variant="blue">
-            <span class="scl-callout-text-small">Now only</span>
-            <span class="scl-callout-text-large">15&#8364;</span>
+            <span class="scl-callout-text-large">9.95 &#8364;</span>
           </scale-callout>
         </div>
       `
@@ -210,8 +205,7 @@ export const CANVAS_HEIGHT = 180
 
 ```html
 <scale-callout variant="blue">
-  <span class="scl-callout-text-small">Now only</span>
-  <span class="scl-callout-text-large">15&#8364;</span>
+  <span class="scl-callout-text-large">9.95 &#8364;</span>
 </scale-callout>
 ```
 
@@ -225,10 +219,10 @@ export const CANVAS_HEIGHT = 180
       template: `
         <div style="min-height: ${CANVAS_HEIGHT}px">
           <scale-callout variant="black">
-            <span>Bis zu 200 &#8364;</span>
-            <span>Tauschprämie +</span>
-            <span>Altgerätewert</span>
-            <span>erhalten</span>
+            <span>Up to 200 &#8364;</span>
+            <span>Exchange premium +</span>
+            <span>receive old appliance</span>
+            <span>value *</span>
           </scale-callout>
         </div>
       `
@@ -238,10 +232,10 @@ export const CANVAS_HEIGHT = 180
 
 ```html
 <scale-callout variant="black">
-  <span>Bis zu 200 &#8364;</span>
-  <span>Tauschprämie +</span>
-  <span>Altgerätewert</span>
-  <span>erhalten</span>
+  <span>Up to 200 &#8364;</span>
+  <span>Exchange premium +</span>
+  <span>receive old appliance</span>
+  <span>value *</span>
 </scale-callout>
 ```
 
@@ -255,9 +249,8 @@ For convenience, two scoped CSS classes are provided for large and small text: `
       template: `
         <div style="min-height: ${CANVAS_HEIGHT}px">
           <scale-callout variant="primary">
-            <span>LOREM</span>
-            <span class="scl-callout-text-large">ipsum</span>
-            <span class="scl-callout-text-small">dolor sit amet</span>
+            <span class="scl-callout-text-large">9.95 &#8364;</span>
+            <span class="scl-callout-text-small">for 4 weeks</span>
           </scale-callout>
         </div>
       `
@@ -267,8 +260,7 @@ For convenience, two scoped CSS classes are provided for large and small text: `
 
 ```html
 <scale-callout variant="primary">
-  <span>LOREM</span>
-  <span class="scl-callout-text-large">ipsum</span>
-  <span class="scl-callout-text-small">dolor sit amet</span>
+  <span class="scl-callout-text-large">9.95 &#8364;</span>
+  <span class="scl-callout-text-small">for 4 weeks</span>
 </scale-callout>
 ```
diff --git a/packages/storybook-vue/stories/components/card/Card.stories.mdx b/packages/storybook-vue/stories/components/card/Card.stories.mdx
index 734ebf3c20..ac93ae713f 100644
--- a/packages/storybook-vue/stories/components/card/Card.stories.mdx
+++ b/packages/storybook-vue/stories/components/card/Card.stories.mdx
@@ -55,13 +55,20 @@ export const Template = (args, { argTypes }) => ({
             >
                 <div v-if="slot.startsWith('<div')">
                     <div style="margin: -24px;">
-                      <img style="margin-bottom: -4px; width:100%;" src="assets/card-grayscale.jpeg" alt="placeholder" />
-                      <div style="padding: 24px;">A card with a full width image</div>
+                      <img style="display: block; width:100%;" src="assets/card-image.jpg" alt="placeholder" />
+                      <div style="padding: 24px;"> 
+                        <h4 style="margin: 0px 0 16px 0; font: var(--telekom-text-style-heading-4);">Blogpost Title </h4>
+                        <span style="${'font: var(--telekom-text-style-body);'}"> Lorem ipsur dolor sit amet </span>
+                      </div>
                     </div>
                 </div>
-                <div v-if="!slot.startsWith('<div')">
-                  {{ slot }}
+                <div v-if="slot.startsWith('<span')">
+                  <h4 style="margin: 0px 0 16px 0; font: var(--telekom-text-style-heading-4);">Blogpost Title </h4>
+                  <span> Lorem ipsur dolor sit amet </span>
                 </div>
+                <div v-if="!slot.startsWith('<span') && !slot.startsWith('<div')">
+                  {{ slot }}
+                </div>                
         </scale-card>
     </div>
   `,
@@ -85,7 +92,7 @@ export const Template = (args, { argTypes }) => ({
   <Story
     name="Standard"
     args={{
-      slot: 'A card',
+      slot: `<span>Lorem ipsur dolor sit amet</span>`,
       label: 'Example Card',
     }}
   >
@@ -100,21 +107,21 @@ export const Template = (args, { argTypes }) => ({
 ```css
 :host {
   --background: var(--telekom-color-background-surface);
-  --transition: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
   --radius: var(--telekom-radius-large);
   --box-shadow: var(--telekom-shadow-raised-standard);
   --box-shadow-hover: var(--telekom-shadow-raised-hover);
-  --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight)
+    var(--telekom-color-functional-focus-standard);
   --box-shadow-active: var(--telekom-shadow-raised-pressed);
 
   --spacing-body: var(--telekom-spacing-unit-x6);
 
   --spacing-body-slotted: 0;
   --spacing-body-slotted-interactive: 0;
+
+  --font-body-slotted: var(--telekom-text-style-body);
 }
 ```
 
@@ -126,7 +133,7 @@ For Shadow Parts, please inspect the element's #shadow.
   <Story
     name="With Link"
     args={{
-      slot: 'A card with a link to example.com',
+      slot: 'Lorem ipsur dolor sit amet',
       to: 'https://example.com',
       target: '_blank',
       rel: 'noopener noreferrer',
@@ -143,7 +150,7 @@ For Shadow Parts, please inspect the element's #shadow.
   target="_blank"
   rel="noopener noreferrer"
   label="Example Card"
-  >A card with a link to example.com</scale-card
+  >Lorem ipsur dolor sit amet</scale-card
 >
 ```
 
@@ -154,8 +161,9 @@ For Shadow Parts, please inspect the element's #shadow.
     name="With Image"
     args={{
       slot: `<div style="margin: -24px;">
-        <img style="margin-bottom: -4px; width:100%;" src="https://placeimg.com/200/200/tech/grayscale" alt="placeholder" />
-        <div style="padding: 24px;">A card with a full width image</div>
+        <img style="display:block; width:100%;" src="assets/card-image" alt="placeholder" />
+        <h4 style="margin: 0px 0 16px 0; font: var(--telekom-text-style-heading-4);"> Title </h4>
+        <div style="padding: 24px;">Lorem ipsur dolor sit amet</div>
       </div>
       `,
       to: 'https://example.com',
@@ -173,79 +181,14 @@ For Shadow Parts, please inspect the element's #shadow.
     <div style="margin: -24px;">
       <img
         style="margin-bottom: -4px; width:100%;"
-        src="https://via.placeholder.com/150"
+        src="assets/card-image"
         alt="placeholder"
       />
-      <div style="padding: 24px;">A card with a full width image</div>
-    </div>
-  </scale-card>
-</div>
-```
-
-## With Further Functions
-
-<Canvas withSource="none">
-  <Story
-    name="With Further Functions"
-    args={{
-      label: 'Example Card with further functions',
-    }}
-  >
-    {(args, { argTypes }) => ({
-      components: { ScaleCard },
-      props: {
-        slot: String,
-        ...ScaleCard.props,
-      },
-      template: `
-                <div :style="{ maxWidth: '300px' }">
-                    <scale-card
-                          :to="to"
-                          :target="target"
-                          :label="label"
-                          :rel="rel"
-                          :styles="JSON.stringify(styles)"
-                        >
-                          <div style="margin: -24px;">
-                              <img style="margin-bottom: -4px; width:100%;" src="assets/card-grayscale.jpeg" alt="placeholder" />
-                              <div style="padding: 24px;">
-                                <div style="padding: 0 0 24px 0;">A card with with further functions</div>
-                                <div style="padding: 0 0 24px 0; display: flex; justify-content: center;"><scale-button>Label</scale-button></div>
-                                <div style="display: flex; justify-content: flex-end;"><scale-link href="https://example.com" tabindex=0>More...</scale-link></div>
-                              </div>
-                          </div>
-                    </scale-card>
-                </div>
-              `,
-    })}
-  </Story>
-</Canvas>
-
-```html
-<div style="max-width: 300px">
-  <scale-card label="Example Card with further functions">
-    <article style="margin: -24px;">
-      <img
-        style="margin-bottom: -4px; width:100%;"
-        src="assets/card-grayscale.jpeg"
-        alt="placeholder"
-      />
-      <div style="padding: 24px;">
-        <div style="padding: 0 0 24px 0;">
-          A card with with further functions
-        </div>
-        <div
-          style="padding: 0 0 24px 0; display: flex; justify-content: center;"
-        >
-          <scale-button>Label</scale-button>
-        </div>
-        <div style="display: flex; justify-content: flex-end;">
-          <scale-link href="https://example.com" tabindex="0"
-            >More...</scale-link
-          >
-        </div>
+      <div style="padding: 24px;"> 
+        <h4 style="margin: 0px 0 16px 0; font: var(--telekom-text-style-heading-4);">Blogpost Title </h4>
+        <span>Lorem ipsur dolor sit amet</span>
       </div>
-    </article>
+    </div>
   </scale-card>
 </div>
-```
+```
\ No newline at end of file
diff --git a/packages/storybook-vue/stories/components/checkbox-group/CheckboxGroup.stories.mdx b/packages/storybook-vue/stories/components/checkbox-group/CheckboxGroup.stories.mdx
index 79f916852e..3664b6f876 100644
--- a/packages/storybook-vue/stories/components/checkbox-group/CheckboxGroup.stories.mdx
+++ b/packages/storybook-vue/stories/components/checkbox-group/CheckboxGroup.stories.mdx
@@ -48,13 +48,13 @@ import ScaleCheckboxGroup from './ScaleCheckboxGroup.vue';
 ```css
 :host {
   /* checkbox-group container */
-  --spacing-left-container: var(--telekom-spacing-unit-x6);
+  --spacing-left-container: var(--telekom-spacing-unit-x8);
 
   /* checkbox-group checkbox */
   --spacing-left-checkbox: var(--telekom-spacing-unit-x2);
 
   /* slotted item */
-  --spacing-top-slotted-item: var(--telekom-spacing-unit-x1);
+  --spacing-top-slotted-item: var(--telekom-spacing-unit-x3);
 }
 ```
 
diff --git a/packages/storybook-vue/stories/components/checkbox/Checkbox.stories.mdx b/packages/storybook-vue/stories/components/checkbox/Checkbox.stories.mdx
index 4f7895d91f..504443b681 100644
--- a/packages/storybook-vue/stories/components/checkbox/Checkbox.stories.mdx
+++ b/packages/storybook-vue/stories/components/checkbox/Checkbox.stories.mdx
@@ -26,6 +26,7 @@ export const Template = (args, { argTypes }) => ({
       :indeterminate="indeterminate"
       :value="value"
       :input-id="inputId"
+      :required="required"
       @scaleChange="action('scaleChange')($event)"
       @scale-change="action('scale-change')($event)"
     ></scale-checkbox>
@@ -67,22 +68,22 @@ export const Template = (args, { argTypes }) => ({
 ```css
 scale-checkbox {
   --spacing-x: var(--telekom-spacing-unit-x2);
-  --transition: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
   --color-text: var(--telekom-color-text-and-icon-standard);
   --color-error: var(--telekom-color-functional-danger-standard);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
+  /* FIXME unused variable */
   --color-standard: var(--telekom-color-background-surface);
   --background-disabled: none;
   --color-primary: var(--telekom-color-primary-standard);
-  --color-focus: var(--telekom-color-functional-focus);
+  --color-focus: var(--telekom-color-functional-focus-standard);
   --color-primary-hover: var(--telekom-color-text-and-icon-standard);
   --color-primary-active: var(--telekom-color-text-and-icon-standard);
 
   /*control*/
-  --width-control: var(--telekom-spacing-unit-x4);
-  --height-control: var(--telekom-spacing-unit-x4);
+  --width-control: var(--telekom-spacing-unit-x5);
+  --height-control: var(--telekom-spacing-unit-x5);
   --transition-control: var(--transition);
   --spacing-control: var(--telekom-spacing-unit-x05);
   --spacing-left-control: var(--telekom-spacing-unit-x1);
@@ -98,7 +99,6 @@ scale-checkbox {
   --color-helper-text: var(
     --telekom-color-text-and-icon-functional-informational
   );
-
   /*label*/
   --font-weight-label: var(--telekom-typography-font-weight-medium);
   --transition-label: var(--transition);
@@ -108,8 +108,9 @@ scale-checkbox {
   --color-icon-checked-active: var(
     --telekom-color-text-and-icon-white-standard
   );
-  --width-icon: var(--telekom-spacing-unit-x3);
-  --height-icon: var(--telekom-spacing-unit-x3);
+  --width-icon: var(--telekom-spacing-unit-x4);
+  --height-icon: var(--telekom-spacing-unit-x4);
+  --stroke-width: var(--stroke-width-checkbox, 0.5px);
 }
 ```
 
diff --git a/packages/storybook-vue/stories/components/checkbox/ScaleCheckbox.vue b/packages/storybook-vue/stories/components/checkbox/ScaleCheckbox.vue
index 6df54eb03b..6aa6a2d29a 100644
--- a/packages/storybook-vue/stories/components/checkbox/ScaleCheckbox.vue
+++ b/packages/storybook-vue/stories/components/checkbox/ScaleCheckbox.vue
@@ -9,6 +9,7 @@
     :indeterminate="indeterminate"
     :value="value"
     :input-id="inputId"
+    :required="required"
     :aria-label-checkbox="ariaLabelCheckbox"
     @scaleChange="scaleChange"
   >
@@ -29,6 +30,7 @@ export default {
     indeterminate: { type: Boolean },
     value: { type: String },
     inputId: { type: String },
+    required: { type: Boolean },
     ariaLabelCheckbox: { type: String}
   },
   methods: {
diff --git a/packages/storybook-vue/stories/components/chip/Chip.stories.mdx b/packages/storybook-vue/stories/components/chip/Chip.stories.mdx
index b7bef4ca8e..42d701f385 100644
--- a/packages/storybook-vue/stories/components/chip/Chip.stories.mdx
+++ b/packages/storybook-vue/stories/components/chip/Chip.stories.mdx
@@ -140,6 +140,27 @@ export const TemplateInteractive = (args, { argTypes }) => ({
 
 <ArgsTable story="Standard" />
 
+### Scoped CSS variables
+
+```css
+:host {
+  --height: 34px;
+  --font-size: var(--telekom-typography-font-size-body);
+  --line-height: var(--telekom-typography-line-spacing-standard);
+  --font-weight: var(--telekom-typography-font-weight-bold);
+  --color-focus: var(--telekom-color-functional-focus-standard);
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
+  --box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 8px rgba(0, 0, 0, 0.1);
+
+  /*standard selected*/
+  --background-standard-selected: var(--telekom-color-ui-extra-strong);
+  --color-standard-selected: var(
+    --telekom-color-text-and-icon-inverted-standard
+  );
+}
+```
+
 ```html
 <scale-chip>{{label}}</scale-chip>
 ```
diff --git a/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx b/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx
index 9d8e293175..ed5d9d230e 100644
--- a/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx
+++ b/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx
@@ -317,41 +317,13 @@ Expected format: an array of objects, e.g. `[{ label: 'Edit', onClick: () => { /
                 type: 'actions',
                 label: 'Actions (secondary)',
             },
-            {
-                type: 'actions',
-                label: 'Actions (icon-only)',
-            }
         ];
         dataGrid.rows = [
             [
                 [{ label: 'edit', variant: 'secondary', onClick: () => {} }],
-                [
-                    {
-                        label: { __html: '<scale-icon-action-more accessibility-title="More"></scale-icon-action-more>' },
-                        iconOnly: true,
-                        variant: 'ghost'
-                    },
-                    {
-                        label: { __html: '<scale-icon-action-remove accessibility-title="Delete"></scale-icon-action-remove>' },
-                        iconOnly: true,
-                        variant: 'ghost'
-                    }
-                ]
             ],
             [
                 [{ label: 'edit', variant: 'secondary', onClick: () => {} }],
-                [
-                    {
-                        label: { __html: '<scale-icon-action-more accessibility-title="More"></scale-icon-action-more>' },
-                        iconOnly: true,
-                        variant: 'ghost'
-                    },
-                    {
-                        label: { __html: '<scale-icon-action-remove accessibility-title="Delete"></scale-icon-action-remove>' },
-                        iconOnly: true,
-                        variant: 'ghost'
-                    }
-                ]
             ]
         ];
     }
@@ -588,7 +560,6 @@ Expected format: `number` or `string`, eg `120.0`
 - `precision?: number Infinity`
 - `prefix?: string`
 - `suffix?: string`
-- `editable?: boolean = false`
 
 <Canvas withSource="close">
   <Story name="Number Cell">
@@ -616,17 +587,12 @@ Expected format: `number` or `string`, eg `120.0`
                 prefix: '$',
                 suffix: ' USD',
             },
-            {
-                type: 'number',
-                label: 'Editable',
-                editable: true,
-            },
         ];
         dataGrid.rows = [
-            [11, 11, 11, 11],
-            [126.3, 126.3, 126.3, 126.3],
-            [0.032, 0.032, 0.032, 0.032],
-            [123045, 123045, 123045, 123045],
+            [11, 11, 11],
+            [126.3, 126.3, 126.3],
+            [0.032, 0.032, 0.032],
+            [123045, 123045, 123045],
         ];
     }
     </script>
diff --git a/packages/storybook-vue/stories/components/date-picker/DatePicker.stories.mdx b/packages/storybook-vue/stories/components/date-picker/DatePicker.stories.mdx
index f1e07547a1..cac5209869 100644
--- a/packages/storybook-vue/stories/components/date-picker/DatePicker.stories.mdx
+++ b/packages/storybook-vue/stories/components/date-picker/DatePicker.stories.mdx
@@ -26,7 +26,7 @@ export const Template = (args, { argTypes }) => ({
   components: { ScaleDatePicker },
   props: ScaleDatePicker.props,
   template: `
-    <div style="height: 380px;">
+    <div style="height: 500px;">
         <scale-date-picker
             ref="picker"
             :name="name"
@@ -140,7 +140,7 @@ export const Template = (args, { argTypes }) => ({
 export const RangeTemplate = (args, { argTypes }) => ({
   components: { ScaleDatePicker },
   template: `
-    <div style="height: 380px;">
+    <div style="height: 500px;">
         <scale-date-picker
             ref="start"
             identifier="start"
@@ -236,20 +236,25 @@ duet-date-picker {
   --duet-font-bold: var(--telekom-typography-font-weight-medium);
   --duet-color-placeholder: var(--telekom-color-ui-regular);
   --duet-radius: var(--telekom-radius-standard);
+  --duet-radius-toggle-focus: 6px;
   --duet-color-text-active: var(--telekom-color-text-and-icon-white-standard);
   --duet-color-button: var(--telekom-color-background-surface);
   --duet-color-surface: var(--telekom-color-background-surface);
   --duet-z-index: 600;
+  --duet-z-index-toggle: 2;
 
   --spacing-x: var(--telekom-spacing-unit-x3);
 
   --spacing-heading: 0 0 var(--telekom-spacing-unit-x4) 0;
-  --font-size-heading: var(--telekom-typography-font-size-callout);
-  --font-size-select-label: var(--telekom-typography-font-size-body);
-  --radius-day: var(--telekom-radius-large);
+  --font-size-heading: var(--telekom-typography-font-size-body);
+  --radius-day: var(--telekom-radius-standard);
   --font-size-day: var(--telekom-typography-font-size-body);
-  --font-size-table-header: var(--font-size-day);
+  --font-size-table-header: var(--telekom-typography-font-size-caption);
   --font-weight-table-header: var(--telekom-typography-font-weight-extra-bold);
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
+
+  --z-index-label: 10;
 }
 ```
 
@@ -417,7 +422,7 @@ duet-date-picker {
 const RangeTemplate = (args, { argTypes }) => ({
   components: { ScaleDatePicker },
   template: `
-    <div style="height: 380px; display: inline-flex;">
+    <div style="height: 500px; display: inline-flex;">
         <scale-date-picker
             ref="start"
             identifier="start"
diff --git a/packages/storybook-vue/stories/components/divider/Divider.stories.mdx b/packages/storybook-vue/stories/components/divider/Divider.stories.mdx
index 5fddb36276..e39f8fbf4d 100644
--- a/packages/storybook-vue/stories/components/divider/Divider.stories.mdx
+++ b/packages/storybook-vue/stories/components/divider/Divider.stories.mdx
@@ -55,7 +55,6 @@ export const Template = (args, { argTypes }) => ({
   --color: var(--telekom-color-ui-faint);
   --border-width: var(--telekom-spacing-unit-x025);
   --min-height-vertical: var(--telekom-spacing-unit-x6);
-}
 ```
 
 For Shadow Parts, please inspect the element's #shadow.
diff --git a/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx b/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx
index b616fe3137..1c9fd8ef14 100644
--- a/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx
+++ b/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx
@@ -22,6 +22,8 @@ export const Template = (args, { argTypes }) => ({
         :size="size"
         :value="value"
         :combobox-id="comboboxId"
+        :hide-label-visually="hideLabelVisually"
+        :floating-strategy="floatingStrategy"
         @scaleChange="['scale-change']"
         @scaleFocus="['scale-focus']"
         @scaleBlur="['scale-blur']"
@@ -77,6 +79,68 @@ export const Template = (args, { argTypes }) => ({
 </scale-dropdown-select>
 ```
 
+### Scoped CSS variables
+
+```css
+:host {
+  --font-weight: var(--telekom-typography-font-weight-bold);
+  --height: var(--telekom-spacing-unit-x11);
+  --color: var(--telekom-color-text-and-icon-standard);
+  --color-disabled: var(--telekom-color-text-and-icon-disabled);
+  --background-disabled: none;
+  --background-hover: var(--telekom-color-ui-state-fill-hovered);
+  --border: var(--telekom-spacing-unit-x025) solid
+    var(--telekom-color-ui-border-standard);
+  --border-color-hover: var(--telekom-color-ui-border-hovered);
+  --border-color-focus: var(--telekom-color-ui-border-hovered);
+  --border-color-disabled: var(--telekom-color-ui-border-disabled);
+  --border-invalid: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-danger-hovered);
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
+  --spacing-x: var(--telekom-spacing-unit-x3);
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
+  --radius: var(--telekom-radius-standard);
+  --spacing-x-for-helper-text: var(--telekom-spacing-unit-x1);
+
+  /*combobox*/
+  --transition-combobox: var(--transition);
+  --background-combobox: var(--telekom-color-ui-state-fill-standard);
+  --spacing-combobox: 1.125rem calc(2rem - var(--telekom-spacing-unit-x025))
+    0.25rem calc(0.75rem - var(--telekom-spacing-unit-x025));
+
+  /*meta*/
+  --spacing-y-meta: var(--telekom-spacing-unit-x1);
+  --color-meta: var(--telekom-color-text-and-icon-standard);
+
+  /*icon*/
+  --height-icon: 20px;
+  --color-icon: var(--telekom-color-text-and-icon-standard);
+  --color-icon-hover: var(--telekom-color-text-and-icon-standard);
+  --color-icon-active: var(--telekom-color-text-and-icon-standard);
+  --transition-icon: var(--transition);
+
+  /*label*/
+  --color-label: var(--telekom-color-text-and-icon-additional);
+  --z-index-label: var(--scl-z-index-10);
+  --transition-label: var(--transition);
+  --transform-label: translate(var(--spacing-x), 0.875rem);
+  --transform-label-animated: translate(
+    var(--spacing-x),
+    calc(0.25rem + var(--telekom-spacing-unit-x025))
+  );
+
+  /*listbox*/
+  --background-listbox: var(--telekom-color-background-surface);
+  --box-shadow-listbox: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
+    0 4px 16px 0 rgba(0, 0, 0, 0.1);
+  --max-height-listbox: 300px;
+  --z-index-listbox: 99;
+}
+
+```
+
 ## Disabled
 
 <Canvas withSource="none">
diff --git a/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue b/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue
index 4fc33628b8..2fcdba068d 100644
--- a/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue
+++ b/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue
@@ -8,6 +8,8 @@
     :size="size"
     :value="value"
     :combobox-id="comboboxId"
+    :hide-label-visually="hideLabelVisually"
+    :floating-strategy="floatingStrategy"
     @scaleChange="['scale-change']"
     @scaleFocus="['scale-focus']"
     @scaleBlur="['scale-blur']"
@@ -30,6 +32,8 @@ export default {
     value: { type: String },
     variant: { type: String },
     comboboxId: { type: String },
+    hideLabelVisually: {type: Boolean, default: false},
+    floatingStrategy: { type: String }
   },
   methods: {
     'scale-change'($event) {
diff --git a/packages/storybook-vue/stories/components/dropdown/DropDown.stories.mdx b/packages/storybook-vue/stories/components/dropdown/DropDown.stories.mdx
index 9b2232375f..21bb9e20d9 100644
--- a/packages/storybook-vue/stories/components/dropdown/DropDown.stories.mdx
+++ b/packages/storybook-vue/stories/components/dropdown/DropDown.stories.mdx
@@ -44,7 +44,7 @@ export const Template = (args, { argTypes }) => ({
       <optgroup label="Category Group 2">
         <option value="3">Category 3</option>
       </optgroup>
-      <scale-icon-content-calendar v-if="label === 'With Custom Icon'" slot="icon"></scale-icon-content-calendar>
+      <scale-icon-content-calendar v-if="label === 'With Custom Icon'" slot="icon" size="20"></scale-icon-content-calendar>
     </scale-dropdown>
   `,
   methods: {
@@ -97,46 +97,40 @@ export const Template = (args, { argTypes }) => ({
   --font-weight: var(--telekom-typography-font-weight-bold);
   --height: var(--telekom-spacing-unit-x11);
   --spacing-x: var(--telekom-spacing-unit-x3);
-  --spacing-dropdown: 21px var(--telekom-spacing-unit-x10) 5px
+  --spacing-dropdown: 18px var(--telekom-spacing-unit-x10) 5px
     calc(var(--spacing-x) - 1px);
   --transition: all var(--telekom-motion-duration-transition)
     var(--telekom-motion-easing-standard);
   --radius: var(--telekom-radius-standard);
   --border: var(--telekom-spacing-unit-x025) solid
     var(--telekom-color-ui-border-standard);
-  --border-error: var(--telekom-spacing-unit-x05) solid
+  --border-danger: var(--telekom-spacing-unit-x05) solid
     var(--telekom-color-functional-danger-standard);
+  --border-success: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-success-standard);
+  --border-warning: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-warning-standard);
   --border-color-hover: var(--telekom-color-ui-border-hovered);
   --border-color-focus: var(--telekom-color-ui-border-hovered);
   --border-color-disabled: var(--telekom-color-ui-border-disabled);
-  --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight)
-    var(--telekom-color-functional-focus);
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-disabled: none;
-  --color: var(--telekom-color-text-and-icon-standard)
+  --color: var(--telekom-color-text-and-icon-standard);
   --background-color: var(--telekom-color-ui-state-fill-standard);
+  --margin-bottom-helper-text: var(--telekom-spacing-unit-x1);
 
   /*input*/
   --transition-input: var(--transition);
   --font-size-input: var(--telekom-typography-font-size-body);
 
-  /*helper-text*/
-  --transition-helper-text: var(--transition);
-  --font-size-helper-text: var(--telekom-typography-font-size-small);
-  --line-height-helper-text: var(--telekom-typography-line-spacing-standard);
-  --color-helper-text: var(
-    --telekom-color-text-and-icon-functional-informational
-  );
-  --color-helper-text-error: var(
-    --telekom-color-text-and-icon-functional-danger
-  );
-
   /*meta*/
   --spacing-y-meta: var(--telekom-spacing-unit-x1);
   --color-meta: var(--telekom-color-text-and-icon-standard);
 
   /*icon*/
-  --height-icon: var(--telekom-spacing-unit-x6);
+  --height-icon: var(--telekom-spacing-unit-x5);
   --color-icon: var(--telekom-color-text-and-icon-standard);
   --color-icon-hover: var(--telekom-color-text-and-icon-standard);
   --color-icon-active: var(--telekom-color-text-and-icon-standard);
@@ -273,6 +267,6 @@ The display error is on the browser side.
   <option value="1">item 1</option>
   <option value="2" selected>item 2</option>
   <option value="3">item 3</option>
-  <scale-icon-content-calendar slot="icon"></scale-icon-content-calendar>
+  <scale-icon-content-calendar size="20" slot="icon"></scale-icon-content-calendar>
 </scale-dropdown>
 ```
diff --git a/packages/storybook-vue/stories/components/flyout-menu/menu-flyout.md b/packages/storybook-vue/stories/components/flyout-menu/menu-flyout.md
index 297dc6a716..045665dbb9 100644
--- a/packages/storybook-vue/stories/components/flyout-menu/menu-flyout.md
+++ b/packages/storybook-vue/stories/components/flyout-menu/menu-flyout.md
@@ -54,5 +54,5 @@ Interactive text with one icon on the left and one on the right.
 
 ## Related components
 
-[Brand Header & Navigation, ](?path=/story/components-brand-header-navigation)
-[Data Grid](?path=/story/beta-components-data-grid)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
+[Data Grid](?path=/usage/components-data-grid--standard)
diff --git a/packages/storybook-vue/stories/components/flyout-menu/menu-flyout_de.md b/packages/storybook-vue/stories/components/flyout-menu/menu-flyout_de.md
index 574ee6024b..6f54d35a8b 100644
--- a/packages/storybook-vue/stories/components/flyout-menu/menu-flyout_de.md
+++ b/packages/storybook-vue/stories/components/flyout-menu/menu-flyout_de.md
@@ -50,5 +50,5 @@ Interaktiver Text mit jeweils einem Icon links und rechts.
 
 ## Verwandte Komponenten
 
-[Brand Header & Navigation, ](?path=/story/components-brand-header-navigation)
-[Data Grid](?path=/story/beta-components-data-grid)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
+[Data Grid](?path=/usage/components-data-grid--standard)
diff --git a/packages/storybook-vue/stories/components/link/Link.stories.mdx b/packages/storybook-vue/stories/components/link/Link.stories.mdx
index 389447ffe1..ac81703294 100644
--- a/packages/storybook-vue/stories/components/link/Link.stories.mdx
+++ b/packages/storybook-vue/stories/components/link/Link.stories.mdx
@@ -49,7 +49,6 @@ import ScaleLink from './ScaleLink.vue';
 />
 
 export const Template = (args, { argTypes }) => ({
-  components: { ScaleLink },
   props: {
     label: String,
     withIcon: { type: Boolean, default: false },
@@ -57,28 +56,26 @@ export const Template = (args, { argTypes }) => ({
   },
   template: `
     <scale-link
-        :href="href"
-        :disabled="disabled"
-        :styles="styles"
-        :omit-underline="omitUnderline"
-        :icon-position="iconPosition"
-        :download="download"
-        :hreflang="hreflang"
-        :referrerpolicy="referrerpolicy"
-        :rel="rel"
-        :target="target"
-        :type="type"
-        :inner-tabindex="innerTabindex"
+      :href="href"
+      :disabled="disabled"
+      :styles="styles"
+      :omit-underline="omitUnderline"
+      :icon-position="iconPosition"
+      :download="download"
+      :hreflang="hreflang"
+      :referrerpolicy="referrerpolicy"
+      :rel="rel"
+      :target="target"
+      :type="type"
+      :inner-tabindex="innerTabindex"
     >
-        {{ label }}
-        <template v-slot:icon v-if="withIcon">
-            <scale-icon-navigation-external-link
-            v-if="withIcon"
-            size="16"
-            slot="icon"
-            accessibility-title="open link in new tab"
-        ></scale-icon-navigation-external-link>
-        </template>
+      {{ label }}
+      <scale-icon-navigation-external-link
+        v-if="withIcon"
+        size="16"
+        slot="icon"
+        accessibility-title="open link in new tab"
+      ></scale-icon-navigation-external-link>
     </scale-link>
     `,
 });
@@ -126,7 +123,7 @@ export const Template = (args, { argTypes }) => ({
 
 ```css
 :host {
-  --font-weight: var(--telekom-typography-font-weight-medium);
+  --font-weight: ;
   --spacing-x-icon: var(--telekom-spacing-unit-x1);
   --line-offset: 0.0625em;
 
@@ -134,30 +131,26 @@ export const Template = (args, { argTypes }) => ({
   --color: var(--telekom-color-text-and-icon-link-standard);
   --color-line-initial: var(--telekom-color-functional-interaction-subtle);
   --line-thickness-initial: var(--telekom-line-weight-standard);
-
   /* visited */
   --color-visited: var(--telekom-color-text-and-icon-link-visited);
   --color-line-visited: currentColor;
   --line-thickness-visited: var(--line-thickness-initial);
-
   /* hover */
   --color-hover: var(--telekom-color-text-and-icon-link-hovered);
-  --color-line-hover: var(--telekom-color-functional-interaction-hovered);
-  --line-thickness-hover: var(--line-thickness-initial);
-
+  --color-line-hover: currentColor;
+  --line-thickness-hover: var(--telekom-line-weight-highlight);
   /* focus */
+  --color-focus-outline: var(--telekom-color-functional-focus-standard);
   --color-focus: var(--telekom-color-text-and-icon-link-standard);
-  --color-line-focus: var(--telekom-color-text-and-icon-link-standard);
-  --line-thickness-focus: var(--telekom-line-weight-bold);
-
+  --color-line-focus: transparent;
+  --line-thickness-focus: 0;
   /* active */
   --color-active: var(--telekom-color-text-and-icon-link-active);
-  --color-line-active: var(--telekom-color-functional-interaction-pressed);
-  --line-thickness-active: var(--line-thickness-initial);
-
+  --color-line-active: currentColor;
+  --line-thickness-active: var(--telekom-line-weight-highlight);
   /* disabled */
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
-  --color-line-disabled: var(--telekom-color-ui-border-disabled);
+  --color-line-disabled: transparent;
   --line-thickness-disabled: var(--line-thickness-initial);
 }
 ```
@@ -217,6 +210,7 @@ For Shadow Parts, please inspect the element's #shadow.
     args={{
       label: 'A link, without an underline',
       omitUnderline: true,
+      innerTabindex: 0
     }}
   >
     {Template.bind({})}
diff --git a/packages/storybook-vue/stories/components/link/ScaleLink.vue b/packages/storybook-vue/stories/components/link/ScaleLink.vue
index f47d660532..1d62cf9fd1 100644
--- a/packages/storybook-vue/stories/components/link/ScaleLink.vue
+++ b/packages/storybook-vue/stories/components/link/ScaleLink.vue
@@ -1,30 +1,5 @@
-<template>
-  <scale-link
-    :href="href"
-    :styles="styles"
-    :disabled="disabled"
-    :omit-underline="omitUnderline"
-    :icon-position="iconPosition"
-    :download="download"
-    :hreflang="hreflang"
-    :referrerpolicy="referrerpolicy"
-    :rel="rel"
-    :target="target"
-    :type="type"
-    :inner-tabindex="innerTabindex"
-  >
-    <slot></slot>
-    <slot name="icon"></slot>
-  </scale-link>
-</template>
-
 <script>
 export default {
-  data() {
-    return {
-      withIcon: false,
-    };
-  },
   props: {
     href: String,
     styles: String,
@@ -40,5 +15,14 @@ export default {
     type: { type: String, default: null },
     innerTabindex: Number,
   },
+  render() {
+    return this.$slots.default;
+  }
 };
 </script>
+
+<style>
+scale-link {
+  font: var(--telekom-text-style-body);
+}
+</style>
\ No newline at end of file
diff --git a/packages/storybook-vue/stories/components/list/List.stories.mdx b/packages/storybook-vue/stories/components/list/List.stories.mdx
index add759fde1..25b0d84dd8 100644
--- a/packages/storybook-vue/stories/components/list/List.stories.mdx
+++ b/packages/storybook-vue/stories/components/list/List.stories.mdx
@@ -113,11 +113,11 @@ export const TemplateCustomIcon = (args) => ({
   --display: block;
   --font-size: var(--telekom-typography-font-size-body);
   --line-height: var(--telekom-typography-line-spacing-standard);
-  --spacing-left: calc(0.25ch + var(--telekom-spacing-unit-x4));
+  --spacing-left: calc(0.5ch + var(--telekom-spacing-unit-x5));
+  --spacing-left-nested: calc(0.5ch + var(--telekom-spacing-unit-x4));
 
-  --font-size-marker-ordered: var(--telekom-typography-font-size-body);
-  --font-weight-marker-ordered: var(--telekom-typography-font-weight-bold);
-  --font-size-marker-ordered-nested: var(--telekom-typography-font-size-small);
+  --font-marker-ordered: var(--telekom-text-style-body);
+  --font-marker-ordered-nested: var(--telekom-text-style-small-bold);
   --line-height-marker-ordered-nested: var(
     --telekom-typography-line-spacing-standard
   );
diff --git a/packages/storybook-vue/stories/components/loading-spinner/LoadingSpinner.stories.mdx b/packages/storybook-vue/stories/components/loading-spinner/LoadingSpinner.stories.mdx
index 1ed6c84ae5..e5d871b8e6 100644
--- a/packages/storybook-vue/stories/components/loading-spinner/LoadingSpinner.stories.mdx
+++ b/packages/storybook-vue/stories/components/loading-spinner/LoadingSpinner.stories.mdx
@@ -14,6 +14,16 @@ import ScaleLoadingSpinner from './ScaleLoadingSpinner.vue';
     alignment: {
       control: { type: 'select', options: ['vertical', 'horizontal'] },
     },
+    accessibilityTitle: {
+      control: {
+        type: 'text',
+      },
+    },
+    text: {
+      control: {
+        type: 'text',
+      },
+    },
   }}
 />
 
@@ -64,7 +74,7 @@ export const Template = () => ({
   <Story
     name="Small Primary (horizontal)"
     args={{
-      text: 'Loading...',
+      text: 'Loading ...',
     }}
   >
     {Template.bind({})}
@@ -72,7 +82,7 @@ export const Template = () => ({
 </Canvas>
 
 ```html
-<scale-loading-spinner text="Loading..."></scale-loading-spinner>
+<scale-loading-spinner text="Loading ..."></scale-loading-spinner>
 ```
 
 ## Small Size & Vertical Text (Primary)
@@ -81,7 +91,7 @@ export const Template = () => ({
   <Story
     name="Small Primary (vertical)"
     args={{
-      text: 'Loading...',
+      text: 'Loading ...',
       alignment: 'vertical',
     }}
   >
@@ -91,7 +101,7 @@ export const Template = () => ({
 
 ```html
 <scale-loading-spinner
-  text="Loading..."
+  text="Loading ..."
   alignment="vertical"
 ></scale-loading-spinner>
 ```
@@ -103,7 +113,7 @@ export const Template = () => ({
     name="Large Primary (horizontal)"
     args={{
       size: 'large',
-      text: 'Loading...',
+      text: 'Loading ...',
     }}
   >
     {Template.bind({})}
@@ -111,7 +121,7 @@ export const Template = () => ({
 </Canvas>
 
 ```html
-<scale-loading-spinner size="large" text="Loading..."></scale-loading-spinner>
+<scale-loading-spinner size="large" text="Loading ..."></scale-loading-spinner>
 ```
 
 ## Large Size & Vertical Text (Primary)
@@ -121,7 +131,7 @@ export const Template = () => ({
     name="Large Primary (vertical)"
     args={{
       size: 'large',
-      text: 'Loading...',
+      text: 'Loading ...',
       alignment: 'vertical',
     }}
   >
@@ -132,7 +142,7 @@ export const Template = () => ({
 ```html
 <scale-loading-spinner
   size="large"
-  text="Loading..."
+  text="Loading ..."
   alignment="vertical"
 ></scale-loading-spinner>
 ```
@@ -162,7 +172,7 @@ export const Template = () => ({
     name="Small White (horizontal)"
     args={{
       size: 'small',
-      text: 'Loading...',
+      text: 'Loading ...',
       variant: 'white',
     }}
   >
@@ -173,7 +183,7 @@ export const Template = () => ({
 ```html
 <scale-loading-spinner
   size="small"
-  text="Loading..."
+  text="Loading ..."
   variant="white"
 ></scale-loading-spinner>
 ```
@@ -185,7 +195,7 @@ export const Template = () => ({
     name="Small White (vertical)"
     args={{
       size: 'small',
-      text: 'Loading...',
+      text: 'Loading ...',
       variant: 'white',
       alignment: 'vertical',
     }}
@@ -197,7 +207,7 @@ export const Template = () => ({
 ```html
 <scale-loading-spinner
   size="small"
-  text="Loading..."
+  text="Loading ..."
   variant="white"
   alignment="vertical"
 ></scale-loading-spinner>
@@ -228,7 +238,7 @@ export const Template = () => ({
     name="Large White (horizontal)"
     args={{
       size: 'large',
-      text: 'Loading...',
+      text: 'Loading ...',
       variant: 'white',
     }}
   >
@@ -239,7 +249,7 @@ export const Template = () => ({
 ```html
 <scale-loading-spinner
   size="large"
-  text="Loading..."
+  text="Loading ..."
   variant="white"
 ></scale-loading-spinner>
 ```
@@ -253,7 +263,7 @@ export const Template = () => ({
       size: 'large',
       variant: 'white',
       alignment: 'vertical',
-      text: 'Loading...',
+      text: 'Loading ...',
     }}
   >
     {Template.bind({})}
@@ -265,6 +275,6 @@ export const Template = () => ({
   size="large"
   variant="white"
   alignment="vertical"
-  text="Loading..."
+  text="Loading ..."
 ></scale-loading-spinner>
 ```
diff --git a/packages/storybook-vue/stories/components/loading-spinner/ScaleLoadingSpinner.vue b/packages/storybook-vue/stories/components/loading-spinner/ScaleLoadingSpinner.vue
index 7877a6496d..d2e6977ba9 100644
--- a/packages/storybook-vue/stories/components/loading-spinner/ScaleLoadingSpinner.vue
+++ b/packages/storybook-vue/stories/components/loading-spinner/ScaleLoadingSpinner.vue
@@ -2,6 +2,7 @@
   <scale-loading-spinner
     :variant="variant"
     :alignment="alignment"
+    :accessibility-title="accessibilityTitle"
     :text="text"
     :size="size"
   >
@@ -19,6 +20,7 @@ export default {
       default: 'horizontal',
     },
     text: { type: String },
+    accessibilityTitle: { type: String },
     size: { type: 'small' | 'large', default: 'small' },
   },
 };
diff --git a/packages/storybook-vue/stories/components/logo/Logo.stories.mdx b/packages/storybook-vue/stories/components/logo/Logo.stories.mdx
index dc0abb0f81..c74551a8a3 100644
--- a/packages/storybook-vue/stories/components/logo/Logo.stories.mdx
+++ b/packages/storybook-vue/stories/components/logo/Logo.stories.mdx
@@ -6,6 +6,12 @@ import { action } from '@storybook/addon-actions';
   title="Components/Logo"
   component={ScaleLogo}
   argTypes={{
+    variant: {
+      control: {
+        type: 'select',
+        options: ['magenta', 'white'],
+      },
+    },
     language: {
       control: {
         type: 'select',
@@ -23,6 +29,7 @@ import { action } from '@storybook/addon-actions';
           '',
         ],
       },
+      description: `DEPRECATED - localized brand claim is not shown anymore.`,
     },
   }}
 />
@@ -132,37 +139,3 @@ export const Template = (args, { argTypes }) => ({
   logo-title="Telekom Logo – Erleben, was verbindet – Zur Startseite"
 ></scale-logo>
 ```
-
-## Macedonia Cyrillic
-
-<Canvas withSource="none">
-  <Story
-    name="Macedonia Cyrillic"
-    args={{
-      language: 'mk_kyr',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-logo language="mk_kyr"></scale-logo>
-```
-
-## Macedonia Latin Script
-
-<Canvas withSource="none">
-  <Story
-    name="Macedonia Latin Script"
-    args={{
-      language: 'mk_lat',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-logo language="mk_lat"></scale-logo>
-```
diff --git a/packages/storybook-vue/stories/components/logo/ScaleLogo.vue b/packages/storybook-vue/stories/components/logo/ScaleLogo.vue
index fec7e0878b..04b07c9188 100644
--- a/packages/storybook-vue/stories/components/logo/ScaleLogo.vue
+++ b/packages/storybook-vue/stories/components/logo/ScaleLogo.vue
@@ -38,7 +38,7 @@ export default {
         '',
       default: 'de',
     },
-    size: { type: Number, default: 36 },
+    size: { type: Number, default: 38 },
     href: { type: String },
     styles: { type: String },
     logoAriaDescribedBy: { type: String },
diff --git a/packages/storybook-vue/stories/components/logo/logo.md b/packages/storybook-vue/stories/components/logo/logo.md
index 5967673bce..83d74b39d8 100644
--- a/packages/storybook-vue/stories/components/logo/logo.md
+++ b/packages/storybook-vue/stories/components/logo/logo.md
@@ -10,25 +10,11 @@ In addition to color and typography, our logo is one of the three central Teleko
 We use our logo in combination with our claim to convey our central brand promise.
 Only use the logo for the brand header and footer.
 
-## Variants
-
-The Telekom logo with claim is available in 9 country-specific variants (International, German, Hungarian, Czech, Croatian, Montenegrin, Macedonian, Romanian, Slovak).
-
-![Image Name](assets/3_components/logo/Logo-Claim-Varianten-EN.png)
-
-## Elements
-
-![Image Name](assets/3_components/logo/Logo-Claim.png)
-
-#### Logo (1)
-
-#### Claim (2)
-
 ## Colors
 
 ![Image Name](assets/3_components/logo/Farben-EN.png)
 
 ## Related components
 
-[Brand Header & Navigation, ](?path=/usage/components-brand-header-navigation--standard)
-[Footer](?path=/usage/components-footer--standard)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
+[Footer](?path=/usage/components-telekom-footer--standard)
diff --git a/packages/storybook-vue/stories/components/logo/logo_de.md b/packages/storybook-vue/stories/components/logo/logo_de.md
index bf1f24af9c..124ef42ecd 100644
--- a/packages/storybook-vue/stories/components/logo/logo_de.md
+++ b/packages/storybook-vue/stories/components/logo/logo_de.md
@@ -10,25 +10,11 @@ Neben Farbe und Typografie ist das Logo eines der drei zentralen Telekom Gestalt
 Wir setzen das Logo in Kombination mit dem Claim ein, um unser zentrales Markenversprechen zu vermitteln.
 Verwende das Logo ausschließlich für den Brand-Header und Footer.
 
-## Varianten
-
-Das Telekom Logo mit Claim liegt in 9 länderspezifischen Varianten vor (für Deutschland, Ungarn, Tschechien, Kroatien, Montenegro, Mazedonien, Rumänien und Slovakei sowie als internationale Variante).
-
-![Image Name](assets/3_components/logo/Logo-Claim-Varianten-DE.png)
-
-## Elemente
-
-![Image Name](assets/3_components/logo/Logo-Claim.png)
-
-#### Logo (1)
-
-#### Claim (2)
-
 ## Farben
 
 ![Image Name](assets/3_components/logo/Farben-DE.png)
 
 ## Verwandte Komponenten
 
-[Brand Header & Navigation, ](?path=/usage/components-brand-header-navigation--standard)
-[Footer](?path=/usage/components-footer--standard)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
+[Footer](?path=/usage/components-telekom-footer--standard)
diff --git a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
index e1fb2664ac..5ac016bf81 100644
--- a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
+++ b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
@@ -190,22 +190,23 @@ export const Template = (args, context) => ({
     -spacing-56 !== --telekom-spacing-unrelated-sm
   */
   --size-window-small: calc(
-    (6 * var(--telekom-spacing-unit-x14, 3.5rem)) + (5 * var(--telekom-spacing-unit-x8))
+    (6 * var(--telekom-spacing-unit-x14, 3.5rem)) +
+      (5 * var(--telekom-spacing-unit-x8))
   );
   --size-window-default: calc(
-    (8 * var(--telekom-spacing-unit-x14, 3.5rem)) + (7 * var(--telekom-spacing-unit-x8))
+    (8 * var(--telekom-spacing-unit-x14, 3.5rem)) +
+      (7 * var(--telekom-spacing-unit-x8))
   );
   --size-window-large: calc(
-    (12 * var(--telekom-spacing-unit-x14, 3.5rem)) + (11 * var(--telekom-spacing-unit-x8))
+    (12 * var(--telekom-spacing-unit-x14, 3.5rem)) +
+      (11 * var(--telekom-spacing-unit-x8))
   );
 
   --spacing-x-header: var(--telekom-spacing-unit-x6);
   --spacing-y-header: var(--telekom-spacing-unit-x6);
 
-  --border-bottom-header-has-scroll: var(--telekom-line-weight-standard) solid var(
-      --telekom-color-ui-general-subtle,
-      var(--telekom-color-ui-subtle)
-    );
+  --border-bottom-header-has-scroll: var(--telekom-line-weight-standard) solid
+    var(--telekom-color-ui-subtle);
 
   --font-family-heading: var(--telekom-typography-font-family-sans);
   --font-size-heading: var(--telekom-typography-font-size-callout);
@@ -213,12 +214,10 @@ export const Template = (args, context) => ({
 
   --spacing-close-button: var(--telekom-spacing-unit-x2);
   --radius-close-button: var(--telekom-radius-standard);
-  --transition-close-button: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
-  --box-shadow-close-button-focus: 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --transition-close-button: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
+  --box-shadow-close-button-focus: 0 0 0 var(--telekom-line-weight-highlight)
+    var(--telekom-color-functional-focus-standard);
   --color-close-button: var(--telekom-color-text-and-icon-standard);
   --color-close-button-hover: var(--telekom-color-primary-hovered);
   --color-close-button-active: var(--telekom-color-primary-pressed);
@@ -226,7 +225,8 @@ export const Template = (args, context) => ({
   --spacing-x-body-wrapper: var(--telekom-spacing-unit-x6);
   --spacing-y-body: var(--telekom-spacing-unit-x6);
 
-  --spacing-actions: var(--telekom-spacing-unit-x6);
+  --spacing-actions: var(--telekom-spacing-unit-x4)
+    var(--telekom-spacing-unit-x6) var(--telekom-spacing-unit-x6);
 
   --spacing-x-actions-slotted: var(--telekom-spacing-unit-x2);
   --background-actions-has-scroll: var(
diff --git a/packages/storybook-vue/stories/components/notification-banner/notification-banner.md b/packages/storybook-vue/stories/components/notification-banner/notification-banner.md
deleted file mode 100644
index e96cc11422..0000000000
--- a/packages/storybook-vue/stories/components/notification-banner/notification-banner.md
+++ /dev/null
@@ -1,10 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Notification Banner</h1>
-    <img src="assets/beta.png" alt="Beta Component" />
-</div>
-
-The standard Notification Banner component can be used to display a message/message/information concerning the page or the system. In addition, a short explanatory text can be added to it.
-
-## Beta components
-
-This component is still in the beta phase. When testing it, keep in mind that it may not have gone through all quality control measures, and it may not yet have WCAG accessibility certification. There may be changes to this component in the future.
diff --git a/packages/storybook-vue/stories/components/notification-banner/notification-banner_de.md b/packages/storybook-vue/stories/components/notification-banner/notification-banner_de.md
deleted file mode 100644
index 04f4f744be..0000000000
--- a/packages/storybook-vue/stories/components/notification-banner/notification-banner_de.md
+++ /dev/null
@@ -1,9 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Notification Banner</h1>
-    <img src="assets/beta.png" alt="Beta Component" />
-</div>
-Die standardmäßige Notification Banner Komponente kann zum Ausgeben von einer Mitteilung/ Meldung/ Information genutzt werden, welche die Seite oder das System betrifft. Ergänzend kann dieser auch ein kurzer erklärender Text hinzugefügt werden.
-
-## Beta-Komponente
-
-Diese Komponente befindet sich noch im Beta-Stadium. Wenn du sie testest, bedenke, dass sie möglicherweise noch nicht alle Qualitätskontrollmaßnahmen durchlaufen hat und noch keine WCAG-Zertifizierung zur Barrierefreiheit vorliegt. In Zukunft kann es zu Änderungen an dieser Komponente kommen.
diff --git a/packages/storybook-vue/stories/components/notification-message/notification-message.md b/packages/storybook-vue/stories/components/notification-message/notification-message.md
deleted file mode 100644
index b0399d5c40..0000000000
--- a/packages/storybook-vue/stories/components/notification-message/notification-message.md
+++ /dev/null
@@ -1,10 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Notification Message</h1>
-    <img src="assets/beta.png" alt="Beta Component" />
-</div>
-
-The standard Notification Message component can be used to output a notification message. In addition, a short explanatory text can be added to it.
-
-## Beta components
-
-This component is still in the beta phase. When testing it, keep in mind that it may not have gone through all quality control measures, and it may not yet have WCAG accessibility certification. There may be changes to this component in the future.
diff --git a/packages/storybook-vue/stories/components/notification-message/notification-message_de.md b/packages/storybook-vue/stories/components/notification-message/notification-message_de.md
deleted file mode 100644
index 55d95b84ef..0000000000
--- a/packages/storybook-vue/stories/components/notification-message/notification-message_de.md
+++ /dev/null
@@ -1,9 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Notification Message</h1>
-    <img src="assets/beta.png" alt="Beta Component" />
-</div>
-Die standardmäßige Notification Message Komponente kann zum ausgeben von einer Mitteilung/ Meldung genutzt werden. Ergänzend kann dieser auch ein kurzer erklärender Text hinzugefügt werden.
-
-## Beta-Komponente
-
-Diese Komponente befindet sich noch im Beta-Stadium. Wenn du sie testest, bedenke, dass sie möglicherweise noch nicht alle Qualitätskontrollmaßnahmen durchlaufen hat und noch keine WCAG-Zertifizierung zur Barrierefreiheit vorliegt. In Zukunft kann es zu Änderungen an dieser Komponente kommen.
diff --git a/packages/storybook-vue/stories/components/notification-toast/notification-toast.md b/packages/storybook-vue/stories/components/notification-toast/notification-toast.md
deleted file mode 100644
index bef4616525..0000000000
--- a/packages/storybook-vue/stories/components/notification-toast/notification-toast.md
+++ /dev/null
@@ -1,10 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Notification Toast</h1>
-    <img src="assets/beta.png" alt="Beta Component" />
-</div>
-
-The standard Notification Toast component can be used to issue quick and non-disruptive feedback or notifications regarding an action.
-
-## Beta components
-
-This component is still in the beta phase. When testing it, keep in mind that it may not have gone through all quality control measures, and it may not yet have WCAG accessibility certification. There may be changes to this component in the future.
diff --git a/packages/storybook-vue/stories/components/notification-toast/notification-toast_de.md b/packages/storybook-vue/stories/components/notification-toast/notification-toast_de.md
deleted file mode 100644
index 718250ba8a..0000000000
--- a/packages/storybook-vue/stories/components/notification-toast/notification-toast_de.md
+++ /dev/null
@@ -1,10 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Notification Toast</h1>
-    <img src="assets/beta.png" alt="Beta Component" />
-</div>
-
-Die standardmäßige Notification Toast Komponente kann verwendet werden, um schnelle, nicht störende Rückmeldungen oder Hinweise bezüglich einer Aktion auszugeben.
-
-## Beta-Komponente
-
-Diese Komponente befindet sich noch im Beta-Stadium. Wenn du sie testest, bedenke, dass sie möglicherweise noch nicht alle Qualitätskontrollmaßnahmen durchlaufen hat und noch keine WCAG-Zertifizierung zur Barrierefreiheit vorliegt. In Zukunft kann es zu Änderungen an dieser Komponente kommen.
diff --git a/packages/storybook-vue/stories/components/notification/Notification.stories.mdx b/packages/storybook-vue/stories/components/notification/Notification.stories.mdx
new file mode 100644
index 0000000000..b0bbe42973
--- /dev/null
+++ b/packages/storybook-vue/stories/components/notification/Notification.stories.mdx
@@ -0,0 +1,406 @@
+import {
+  Meta,
+  Story,
+  ArgsTable,
+  Canvas,
+  Description,
+} from '@storybook/addon-docs';
+import { action } from '@storybook/addon-actions';
+import ScaleNotification from './ScaleNotification.vue';
+
+<Meta
+  title="Beta Components/Notification"
+  component={ScaleNotification}
+  argTypes={{
+    heading: {
+      control: {
+        type: 'text',
+      },
+    },
+    type: {
+      options: ['inline', 'banner', 'toast'],
+      control: {
+        type: 'select',
+      },
+    },
+    variant: {
+      options: ['informational', 'warning', 'success', 'danger'],
+      control: {
+        type: 'select',
+      },
+    },
+    opened: {
+      defaultValue: true,
+      control: {
+        type: 'boolean'
+      }
+    },
+    dismissible: {
+      defaultValue: true,
+      control: {
+        type: 'boolean'
+      }
+    },
+    delay: {
+      control: {
+        type: 'number'
+      }
+    },
+    innerAriaLive: {
+      control: {
+        type: 'text'
+      }
+    },
+    closeButtonLabel: {
+      control: {
+        type: 'text'
+      }
+    },
+    closeButtonTitle: {
+      control: {
+        type: 'text'
+      }
+    },
+    'scale-open': {
+      description: 'Fires after the notification has been opened',
+      table: {
+        category: 'Events',
+      },
+    },
+    'scale-before-close': {
+      description: 'Fires on every close attempt. Calling `event.preventDefault()` will prevent the modal from closing',
+      table: {
+        category: 'Events',
+      },
+    },
+    'scale-close': {
+      description: 'Fires after the notification has been closed',
+      table: {
+        category: 'Events',
+      },
+    }
+  }}
+/>
+
+export const Template = (args, context) => ({
+  props: {
+    text: String,
+    ...ScaleNotification.props,
+  },
+  template: `
+    <div>
+      <scale-notification
+        :heading="heading"
+        :type="type"
+        :variant="variant"
+        :opened="opened"
+        :dismissible="dismissible"
+        :delay="delay"
+        :inner-aria-live="innerAriaLive"
+        :close-button-label="closeButtonLabel"
+        :close-button-title="closeButtonTitle"
+        @scale-open="emitOpen"
+        @scale-before-close="emitBeforeClose"
+        @scale-close="emitClose"
+      >
+        <span v-if="text" slot="text">{{ text }}</span>
+      </scale-notification>
+    </div>
+  `,
+  methods: {
+    emitOpen: action('scale-open'),
+    emitBeforeClose: action('scale-before-close'),
+    emitClose: action('scale-close'),
+  }
+})
+
+<div
+  style={{
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+  }}
+>
+  <h1>Notification</h1>
+  <img src="assets/beta.png" alt="Beta Component" />
+</div>
+
+## Standard
+
+<Canvas withSource="none">
+  <Story
+    name="Standard"
+    args={{
+      heading: 'Info notification with icon, title, copytext and close',
+      text: 'Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et dolore.',
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+<ArgsTable story="Standard" />
+
+```html
+<scale-notification
+  heading="Success notification with icon, title, copytext and close"
+  dismissible
+  opened
+>
+  <span slot="text">Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et dolore.</span>
+</scale-notification>
+```
+
+### Scoped CSS variables
+
+```css
+:host {
+  --width: 100%;
+  --radius: var(--telekom-radius-standard);
+  --spacing-y: var(--telekom-spacing-unit-x4);
+  --spacing-y-inner: var(--telekom-spacing-unit-x2);
+  --spacing-x-aside: var(--telekom-spacing-unit-x12);
+  --spacing-outer-toast: var(--telekom-spacing-unit-x4);
+}
+```
+
+## Types
+
+### Inline (default)
+
+<Canvas withSource="none">
+  <Story name="Inline" args={{
+    heading: 'Info notification with icon, title and close',
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Info notification with icon, title and close"
+  opened
+></scale-notification>
+```
+
+### Banner
+
+<Canvas withSource="none">
+  <Story name="Banner" args={{
+    heading: 'Success notification with icon, title and close',
+    type: 'banner',
+    variant: 'success',
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Success notification with icon, title and close"
+  type="banner"
+  variant="success"
+></scale-notification>
+```
+
+### Toast
+
+<Canvas withSource="none">
+  <Story name="Toast" args={{
+    heading: 'Warning toast headline',
+    type: 'toast',
+    variant: 'warning',
+    text: 'Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et dolore.'
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Warning toast headline"
+  type="toast"
+  variant="warning"
+  dismissible
+  opened
+>
+  <span slot="text">Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et dolore.</span>
+</scale-notification>
+```
+
+#### Toast Stack
+
+In order to "toast" a notification, append it to a div with the `.scl-toast-stack` class. Listen to the `scale-close` event if you'd like to remove them from the DOM after being dismissed.
+
+<Canvas withSource="none">
+  <Story name="Toast Stack">
+    {{
+      data() {
+        return {
+          count: 1,
+          delay: 0,
+          variants: ['informational', 'warning', 'success', 'danger'],
+          currentVariant: 0,
+        }
+      },
+      computed: {
+        variant() {
+          const s = this.variants[this.currentVariant]
+          return s.charAt(0).toUpperCase() + s.slice(1)
+        }
+      },
+      template: `
+        <div>
+          <div ref="stack" class="scl-toast-stack"></div>
+          <div style="display: flex; gap: var(--telekom-spacing-unit-x12); align-items: center">
+            <scale-button variant="secondary" @click="create">Show</scale-button>
+            <scale-slider
+              @scale-change="$event => this.delay = $event.target.value"
+              label="Delay"
+              min="0"
+              max="10"
+              show-step-marks
+              unit="s"
+              helper-text="0 means no timeout."
+            ></scale-slider>
+          </div>
+        </div>
+      `,
+      methods: {
+        create() {
+          const toast = Object.assign(
+            document.createElement('scale-notification'),
+            {
+              heading: `${this.variant} toast headline #${this.count++}`, 
+              type: 'toast',
+              variant: this.variants[this.currentVariant],
+              delay: this.delay === 0 ? undefined : this.delay * 1000,
+              dismissible: true,
+              opened: false,
+              innerHTML: '<span slot="text">Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et dolore.</span>'
+            }
+          );
+          const handleOpen = () => {
+            this.emitOpen();
+            toast.removeEventListener('scale-open', handleOpen);
+          }
+          const handleBeforeClose = (event) => {
+            this.emitBeforeClose();
+            toast.removeEventListener('scale-before-close', handleBeforeClose);
+          }
+          const handleClose = () => {
+            this.emitClose();
+            toast.removeEventListener('scale-close', handleClose);
+            toast.remove();
+          }
+          toast.addEventListener('scale-open', handleOpen);
+          toast.addEventListener('scale-before-close', handleBeforeClose);
+          toast.addEventListener('scale-close', handleClose);
+          this.$refs.stack.prepend(toast);
+          toast.opened = true;
+          this.currentVariant = (this.currentVariant + 1) % this.variants.length;
+        },
+        emitOpen: action('scale-open'),
+        emitClose: action('scale-close'),
+        emitBeforeClose: action('scale-before-close'),
+      }
+    }}
+  </Story>
+</Canvas>
+
+```html
+<div class="scl-toast-stack">
+  <scale-notification
+    heading="Informational toast headline"
+    type="toast"
+    dismissible
+    delay="10000"
+    opened
+  >
+    <span slot="text">Lorem ipsum dolor sit amet, consetetur tempordede invidunt ut labore et dolore.</span>
+  </scale-notification>
+</div>
+```
+
+## Variants
+
+### Success
+
+<Canvas withSource="none">
+  <Story name="Success" args={{
+    heading: 'Success notification with icon and title',
+    variant: 'success',
+    dismissible: false,
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Success notification with icon and title"
+  variant="success"
+  opened
+></scale-notification>
+```
+
+### Informational (default)
+
+<Canvas withSource="none">
+  <Story name="Informational" args={{
+    heading: 'Informational notification with icon and title',
+    variant: 'informational',
+    dismissible: false,
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Informational notification with icon and title"
+  variant="informational"
+  opened
+></scale-notification>
+```
+
+### Danger
+
+<Canvas withSource="none">
+  <Story name="Danger" args={{
+    heading: 'Danger notification with icon and title',
+    variant: 'danger',
+    dismissible: false,
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Danger notification with icon and title"
+  variant="danger"
+  opened
+></scale-notification>
+```
+
+### Warning
+
+<Canvas withSource="none">
+  <Story name="Warning" args={{
+    heading: 'Warning notification with icon and title',
+    variant: 'warning',
+    dismissible: false,
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-notification
+  heading="Warning notification with icon and title"
+  variant="warning"
+  opened
+></scale-notification>
+```
diff --git a/packages/storybook-vue/stories/components/notification/ScaleNotification.vue b/packages/storybook-vue/stories/components/notification/ScaleNotification.vue
new file mode 100644
index 0000000000..16f8ffe189
--- /dev/null
+++ b/packages/storybook-vue/stories/components/notification/ScaleNotification.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <slot name="text"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    heading: { type: String },
+    type: { type: 'inline' | 'banner' | 'toast', default: 'inline' },
+    variant: { type: 'danger' | 'warning' | 'success' | 'informational', default: 'informational' },
+    opened: { type: Boolean },
+    dismissible: { type: Boolean },
+    delay: { type: Number },
+    innerAriaLive: { type: String },
+    closeButtonLabel: { type: String },
+    closeButtonTitle: { type: String },
+    styles: { type: String }
+  },
+  render() {
+    return this.$slots.default
+  },
+}
+</script>
\ No newline at end of file
diff --git a/packages/storybook-vue/stories/components/notification/notification.md b/packages/storybook-vue/stories/components/notification/notification.md
new file mode 100644
index 0000000000..14708d8ac3
--- /dev/null
+++ b/packages/storybook-vue/stories/components/notification/notification.md
@@ -0,0 +1,120 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification</h1>
+    <img src="assets/beta.png" alt="Beta Component" />
+</div>
+
+Notifications give users feedback about the status of the system or an action.
+
+## General
+
+Scale offers toast, banner, and inline notifications.
+
+### When to use
+
+Use notifications to:
+
+- inform users about the status of an action,
+- provide a system message, or
+- communicate updates like "New Message".
+
+### When not to use
+
+Don't use a notification when:
+
+- the user needs to confirm a decision to prevent or correct critical errors (here, use a modal instead).
+
+## Basic types
+
+### Toast notification
+
+Toast notifications appear immediately after a specific event. They don’t refer to an object on the page and are temporarily displayed in a global position.
+Toast notifications can cover other content and hide automatically after a short time. Alternatively, users can actively close them. If necessary, use a link to
+provide further information.
+
+![Image Name](assets/3_components/notifications/toast.png)
+
+### Banner notification
+
+Banner notifications communicate system messages. They are displayed above the page content.
+
+![Image Name](assets/3_components/notifications/banner.png)
+
+### Inline notification
+
+Inline notifications give users feedback on an action. They are located in the corresponding section of the page.
+
+![Image Name](assets/3_components/notifications/inline.png)
+
+## Variants
+
+### Informational notification
+
+The informational notification gives users additional helpful information.
+
+![Image Name](assets/3_components/notifications/variant_info.png)
+
+### Success notification
+
+The success notification confirms a successfully performed action.
+
+![Image Name](assets/3_components/notifications/variant_success.png)
+
+### Warning notification
+
+The warning notification informs users about potentially unwanted results.
+
+![Image Name](assets/3_components/notifications/variant_warning.png)
+
+### Error notification
+
+The error notification informs users about a failed action or error and may require an action to continue.
+
+![Image Name](assets/3_components/notifications/variant_error.png)
+
+## Elements
+
+![Image Name](assets/3_components/notifications/elements.png)
+
+### Icon (1)
+
+The icon illustrates the basic message of the notification.
+
+### Headline (2)
+
+Formulate the text in a meaningful way and keep it as short as possible.
+
+### Subheadline (3) (optional)
+
+A supporting text is only necessary in exceptional cases.
+
+### Link (4) (optional)
+
+Use the link within the toast or banner notification (e.g., for further information).
+
+### Close icon (5) (optional)
+
+The close icon is optional.
+
+## Positioning
+
+### Toast notification
+
+Toast notifications are usually placed on the top left or top right and can cover other content.
+
+![Image Name](assets/3_components/notifications/position_toast.png)
+
+### Banner notification
+
+Center banner notifications above the page content.
+
+![Image Name](assets/3_components/notifications/position_banner.png)
+
+### Inline notification
+
+Position inline notifications in the appropriate page area.
+
+![Image Name](assets/3_components/notifications/position_inline.png)
+
+## Beta component
+
+This component is still in the beta phase. When testing it, keep in mind that it might not have gone through all quality control checks, and it might not yet have WCAG accessibility certification. This component might change in the future.
diff --git a/packages/storybook-vue/stories/components/notification/notification_de.md b/packages/storybook-vue/stories/components/notification/notification_de.md
new file mode 100644
index 0000000000..1f3027c972
--- /dev/null
+++ b/packages/storybook-vue/stories/components/notification/notification_de.md
@@ -0,0 +1,116 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification</h1>
+    <img src="assets/beta.png" alt="Beta Component" />
+</div>
+
+Notifications geben Nutzer\*innen Feedback über den Status des Systems oder einer Aktion.
+
+## Allgemein
+
+Scale unterscheidet Toast, Banner und Inline Notifications.
+
+### Verwende eine Notification, um
+
+- Nutzer\*innen über den Status einer Aktion zu informieren, oder um
+- eine Systemmeldung auszugeben, oder um
+- Updates wie "neue Nachrichten" zu kommunizieren.
+
+### Verwende Notifications besser nicht, wenn
+
+- Nutzer\*innen eine Entscheidung bestätigen müssen, um mögliche Fehler zu verhindern oder zu korrigieren. Verwende in diesem Fall ein Modal.
+
+## Basistypen
+
+### Toast Notification
+
+Toast Notifications erscheinen unmittelbar nach einem bestimmten Ereignis. Sie beziehen sich nicht auf ein Objekt auf der Seite und werden
+vorübergehend an globaler Position eingeblendet. Toast Notifications können Inhalte verdecken und werden nach kurzer Zeit automatisch ausgeblendet.
+Alternativ können sie aktiv geschlossen werden. Verwende bei Bedarf einen Link, um weiterführende Informationen anzubieten.
+
+![Image Name](assets/3_components/notifications/toast.png)
+
+### Banner Notification
+
+Banner Notifications zeigen Systemmeldungen an. Sie werden oberhalb des Seiteninhalts eingeblendet.
+
+![Image Name](assets/3_components/notifications/banner.png)
+
+### Inline Notification
+
+Inline Notifications geben Nutzer\*innen Feedback auf eine Aktion. Sie sind im entsprechenden Teilbereich der Seite verortet.
+
+![Image Name](assets/3_components/notifications/inline.png)
+
+## Varianten
+
+### Informational Notification
+
+Die Informational Notification gibt Nutzer\*innen zusätzliche und hilfreiche Informationen.
+
+![Image Name](assets/3_components/notifications/variant_info.png)
+
+### Success Notification
+
+Die Sucess Notification bestätigt eine erfolgreich durchgeführte Aktion.
+
+![Image Name](assets/3_components/notifications/variant_success.png)
+
+### Warning Notification
+
+Die Warning Notification informiert Nutzer\*innen über möglicherweise unerwünschte Ergebnisse
+
+![Image Name](assets/3_components/notifications/variant_warning.png)
+
+### Error Notification
+
+Die Error Notification informiert Nutzer\*innen über eine fehlgeschlagene Aktion oder einen Fehler und verlangt möglicherweise eine Aktion, um fortfahren zu können.
+
+![Image Name](assets/3_components/notifications/variant_error.png)
+
+## Elemente
+
+![Image Name](assets/3_components/notifications/elements.png)
+
+### Icon (1)
+
+Das Icon verdeutlicht die grundlegende Aussage der Notification.
+
+### Headline (2)
+
+Das Icon verdeutlicht die grundlegende Aussage der Notification.
+
+### Subheadline (3) (optional)
+
+Ein ergänzender Text ist nur in Ausnahmefällen notwendig.
+
+### Link (4) (optional)
+
+Nutze den Link innerhalb der Toast oder Banner Notification bspw. für weiterführende Informationen.
+
+### Schließen-Symbol (5) (optional)
+
+Das Schließen-Icon ist optional.
+
+## Positionierung
+
+### Toast Notification
+
+Toast Notifications sitzen üblicherweise oben links oder rechts und können andere Inhalte verdecken.
+
+![Image Name](assets/3_components/notifications/position_toast.png)
+
+### Banner Notification
+
+Banner Notifications sitzen zentriert oberhalb des Seiteninhalts.
+
+![Image Name](assets/3_components/notifications/position_banner.png)
+
+### Inline Notification
+
+Positioniere Inline Notifications im entsprechenden Seitenbereich.
+
+![Image Name](assets/3_components/notifications/position_inline.png)
+
+## Beta-Komponente
+
+Diese Komponente befindet sich noch im Beta-Stadium. Wenn du sie testest, bedenke, dass sie möglicherweise noch nicht alle Qualitätskontrollmaßnahmen durchlaufen hat und noch keine WCAG-Zertifizierung zur Barrierefreiheit vorliegt. In Zukunft kann es zu Änderungen an dieser Komponente kommen.
diff --git a/packages/storybook-vue/stories/components/pagination/Pagination.stories.mdx b/packages/storybook-vue/stories/components/pagination/Pagination.stories.mdx
index 231fa4897d..299a4a627b 100644
--- a/packages/storybook-vue/stories/components/pagination/Pagination.stories.mdx
+++ b/packages/storybook-vue/stories/components/pagination/Pagination.stories.mdx
@@ -194,10 +194,6 @@ export const TemplateEmbedded = (args, { argTypes }) => ({
 </Canvas>
 
 ```html
-<!--
-  Deprecated:
-   <scale-pagination page-size="5" start-element="100" total-elements="200" hide-borders></scale-pagination>
--->
 <scale-pagination
   page-size="5"
   start-element="100"
@@ -206,39 +202,6 @@ export const TemplateEmbedded = (args, { argTypes }) => ({
 ></scale-pagination>
 ```
 
-## Embedded Hidden Borders
-
-<Canvas withSource="none">
-  <Story
-    name=" Embedded Hidden Borders"
-    args={{
-      pageSize: 5,
-      startElement: 100,
-      totalElements: 200,
-      hideBorder: true,
-    }}
-  >
-    {TemplateEmbedded.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<!--
-  Deprecated:
-   <scale-pagination page-size="5" start-element="100" total-elements="200" hide-borders></scale-pagination>
--->
-<div
-  style="border: 1px solid #000; display: flex; align-items: center;  overflow: auto;"
->
-  <scale-pagination
-    page-size="5"
-    start-element="100"
-    total-elements="200"
-    hide-border
-  ></scale-pagination>
-</div>
-```
-
 ## Translated Aria Labels
 
 <Canvas withSource="none">
diff --git a/packages/storybook-vue/stories/components/progress-bar/ProgressBar.stories.mdx b/packages/storybook-vue/stories/components/progress-bar/ProgressBar.stories.mdx
index 7d64266afa..bba81e493a 100644
--- a/packages/storybook-vue/stories/components/progress-bar/ProgressBar.stories.mdx
+++ b/packages/storybook-vue/stories/components/progress-bar/ProgressBar.stories.mdx
@@ -154,22 +154,27 @@ export const TemplateCustomColor = (args, { argTypes }) => ({
 
 ```css
 :host {
-  --background: var(--telekom-color-primary-standard);
-  --background-color: var(--telekom-color-ui-faint);
-  --color-error: var(--telekom-color-text-and-icon-functional-danger);
-  --background-error: var(--telekom-color-functional-danger-subtle);
-  --color-success: var(--telekom-color-text-and-icon-functional-success);
+  --track-color: var(--telekom-color-ui-faint);
+  --bar-color: var(--telekom-color-primary-standard);
+
+  --icon-color-error: var(--telekom-color-text-and-icon-functional-danger);
+  --track-color-error: var(--telekom-color-functional-danger-subtle);
+  --bar-color-error: var(--telekom-color-functional-danger-standard);
+
+  --icon-color-success: var(--telekom-color-text-and-icon-functional-success);
+  --track-color-success: var(--telekom-color-functional-success-subtle);
+  --bar-color-success: var(--telekom-color-functional-success-standard);
+
+  --bar-color-disabled: var(--telekom-color-ui-disabled);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
-  --progress-bar-outer-size: var(--telekom-spacing-unit-x2);
+
+  --progress-bar-outer-size: 6px;
   --progress-bar-inner-size: var(--telekom-spacing-unit-x1);
   --font-label: var(--telekom-text-style-ui);
-  --color-inner-status: var(--telekom-color-primary-standard);
-  --font-size-inner-status: var(--telekom-typography-font-size-small);
-  --font-size-status: var(--telekom-typography-font-size-small);
-  --font-weight-status: var(--telekom-typography-font-weight-extra-bold);
+  --color-label: var(--telekom-color-text-and-icon-standard);
+
   --color-status-description: var(--telekom-color-text-and-icon-additional);
-  --font-size-status-description: var(--telekom-typography-font-size-small);
-  --font-weight-status-description: var(--telekom-typography-font-weight-bold);
+  --font-status-description: var(--telekom-text-style-small-bold);
 }
 ```
 
diff --git a/packages/storybook-vue/stories/components/radio-button-group/RadioButtonGroup.stories.mdx b/packages/storybook-vue/stories/components/radio-button-group/RadioButtonGroup.stories.mdx
index 7f9bc84005..a67db3b535 100644
--- a/packages/storybook-vue/stories/components/radio-button-group/RadioButtonGroup.stories.mdx
+++ b/packages/storybook-vue/stories/components/radio-button-group/RadioButtonGroup.stories.mdx
@@ -6,114 +6,56 @@ import {
   Description,
 } from '@storybook/addon-docs';
 import ScaleRadioButtonGroup from './ScaleRadioButtonGroup.vue';
+import ScaleRadioButton from './ScaleRadioButton.vue';
 import { action } from '@storybook/addon-actions';
 
 <Meta
   title="Components/Radio Button Group"
   component={ScaleRadioButtonGroup}
+  subcomponents={{ 'Radio Button': ScaleRadioButton }}
   argTypes={{}}
 />
 
-export const StandardTemplate = (args, { argTypes }) => ({
+export const Template = (args, context) => ({
   props: {
-    width: { type: String },
+    groupName: { default: 'example' },
+    itemProps: { default: {} },
     ...ScaleRadioButtonGroup.props,
   },
-  computed: {
-    wrapperStyles() {
-      return {
-        maxWidth: this.width,
-      };
-    },
+  data() {
+    return {
+      items: Array.from({ length: 3 }, (_, i) => ({
+        id: `choice-${i}`,
+        label: 'Radio Label',
+        value: i,
+      })),
+    };
   },
-  template: `
-    <div :style="wrapperStyles">
-    <scale-radio-button-group :label="label" :invalid="invalid" :helper-text="helperText">
-      <scale-radio-button
-        value="1"
-        label="Radio Button"
-        name="radioStandard"
-        transparent="true"
-        input-id="choiceStandardOne"
-      ></scale-radio-button>
-      <scale-radio-button
-        value="2"
-        label="Radio Button"
-        name="radioStandard"
-        input-id="choiceStandardTwo"
-      ></scale-radio-button>
-    </scale-radio-button-group>
-    </div>
-  `,
-});
-
-export const HelperTextTemplate = (args, { argTypes }) => ({
-  props: {
-    width: { type: String },
-    ...ScaleRadioButtonGroup.props,
-  },
-  computed: {
-    wrapperStyles() {
-      return {
-        maxWidth: this.width,
-      };
-    },
+  methods: {
+    emitChange: action('scale-change'),
   },
   template: `
-    <div :style="wrapperStyles">
-    <scale-radio-button-group :label="label" :invalid="invalid" :helper-text="helperText">
-      <scale-radio-button
-        value="1"
-        label="Radio Button"
-        name="RadioButtonHelperText"
-        transparent="true"
-        input-id="choiceHelperTextOne"
-      ></scale-radio-button>
+    <scale-radio-button-group
+      :label="label"
+      :invalid="invalid"
+      :helper-text="helperText"
+      @scale-change="emitChange"
+    >
       <scale-radio-button
-        value="2"
-        label="Radio Button"
-        name="RadioButtonHelperText"
-        input-id="choiceHelperTextTwo"
+        v-for="(item, index) in items"
+        :key="item.id"
+        :input-id="item.id"
+        :name="groupName"
+        :value="item.value"
+        :label="item.label"
+        :checked="itemProps[index]?.checked"
+        :invalid="itemProps[index]?.invalid"
+        :helper-text="itemProps[index]?.helperText"
+        :disabled="itemProps[index]?.disabled"
       ></scale-radio-button>
     </scale-radio-button-group>
-    </div>
-  `,
-});
-
-export const ErrorTemplate = (args, { argTypes }) => ({
-  props: {
-    width: { type: String },
-    ...ScaleRadioButtonGroup.props,
-  },
-  computed: {
-    wrapperStyles() {
-      return {
-        maxWidth: this.width,
-      };
-    },
-  },
-  template: `
-    <div :style="wrapperStyles">
-    <scale-radio-button-group :label="label" :invalid="invalid" :helper-text="helperText">
-      <scale-radio-button
-        invalid="true"
-        value="1"
-        label="Radio Button"
-        name="radioButtonError"
-        transparent="true"
-        input-id="choiceErrorOne"
-      ></scale-radio-button>
-      <scale-radio-button
-        invalid="true"
-        value="2"
-        label="Radio Button"
-        name="radioButtonError"
-        input-id="choiceErrorTwo"
-      ></scale-radio-button>
-    </scale-radio-button-group>
-    </div>
-  `,
-});
+  `
+})
 
 <div
   style={{
@@ -132,30 +74,139 @@ export const ErrorTemplate = (args, { argTypes }) => ({
 <Canvas withSource="none">
   <Story
     name="Standard"
+    parameters={{
+      controls: { 
+        exclude: ['groupName'] 
+      }
+    }}
     args={{
       label: 'Group Label',
+      groupName: 'standard'
     }}
   >
-    {StandardTemplate.bind({})}
+    {Template.bind({})}
   </Story>
 </Canvas>
 
 <ArgsTable story="Standard" />
 
+### Scoped CSS variables
+
+```css
+:host {
+  /*label*/
+  --font-weight-label: var(--telekom-typography-font-weight-medium);
+  --font-size-label: var(--telekom-typography-font-size-body);
+
+  /*helper-text*/
+  --font-size-helper-text: var(--telekom-typography-font-size-small);
+  --color-helper-text: var(
+    --telekom-color-text-and-icon-functional-informational
+  );
+  --padding-bottom-helper-text: var(--telekom-spacing-unit-x2);
+  --margin-top-helper-text: var(--telekom-spacing-unit-x1);
+  --font-size-helper-text: var(--telekom-typography-font-size-small);
+  --font-weight-helper-text: var(--telekom-typography-font-weight-bold);
+
+  /*helper-text--status-error*/
+  --font-size-error-helper-text: var(--telekom-typography-font-size-small);
+  --color-error-helper-text: var(
+    --telekom-color-text-and-icon-functional-danger
+  );
+  --padding-bottom-error-helper-text: var(--telekom-spacing-unit-x2);
+  --margin-top-error-helper-text: var(--telekom-spacing-unit-x1);
+  --font-weight-error-helper-text: var(--telekom-typography-font-weight-medium);
+  --color-error-helper-text-hcm: var(
+    --telekom-color-text-and-icon-white-standard
+  );
+  --line-height-helper-text: var(--telekom-typography-line-spacing-standard);
+
+  /*title*/
+  --font-size-title: var(--font-size-label);
+  --font-weight-title: var(--telekom-typography-font-weight-medium);
+  --padding-bottom-title: var(--telekom-spacing-unit-x1);
+  --margin-left-title: var(--telekom-spacing-unit-x05);
+
+  /*slotted items*/
+  --margin-top-slotted-item: var(--telekom-spacing-unit-x3);  
+}
+
+scale-radio-button {
+  --color-disabled: var(--telekom-color-text-and-icon-disabled);
+  --background-disabled: var(--telekom-color-ui-disabled);
+  --color-error: var(--telekom-color-text-and-icon-functional-danger);
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
+  --color-primary: var(--telekom-color-text-and-icon-primary-standard);
+  --color-primary-hover: var(--telekom-color-text-and-icon-standard);
+  --color-primary-active: var(--telekom-color-text-and-icon-standard);
+  --color-focus: var(--telekom-color-functional-focus-standard);
+  --color-text: var(--telekom-color-text-and-icon-standard);
+
+  /*helper-text*/
+  --transition-helper-text: var(--transition);
+  --font-size-helper-text: var(--telekom-typography-font-size-small);
+  --font-weight-helper-text: var(--telekom-typography-font-weight-bold);
+  --line-height-helper-text: var(--telekom-typography-line-spacing-standard);
+  --color-helper-text: var(
+    --telekom-color-text-and-icon-functional-informational
+  );
+  --spacing-left-helper-text: calc(
+    var(--width-control) + var(--telekom-spacing-unit-x2)
+  );
+  --spacing-top-helper-text: var(--telekom-spacing-unit-x1);
+  --color-helper-text-error: var(
+    --telekom-color-text-and-icon-functional-danger
+  );
+  /*label*/
+  --transition-label: var(--transition);
+  --font-weight-label: var(--telekom-typography-font-weight-medium);
+  --color-label: var(--color-text);
+
+  /*control*/
+  --width-control: var(--telekom-spacing-unit-x5);
+  --height-control: var(--telekom-spacing-unit-x5);
+  --transition-control: var(--transition);
+  --spacing-control: 0 var(--telekom-spacing-unit-x2) 0 0;
+  --background-color-control: var(--telekom-color-ui-base);
+  --border-control: var(--telekom-spacing-unit-x025) solid
+    var(--telekom-color-ui-border-standard);
+  --line-height-helper-text: var(--telekom-typography-line-spacing-standard);
+  --border-control-checked: calc(0.25 * var(--telekom-spacing-unit-x3)) solid
+    var(--telekom-color-background-canvas);
+  --border-control-checked-disabled: calc(0.5 * var(--telekom-spacing-unit-x3))
+    solid var(--telekom-color-ui-border-disabled);
+  --background-control-checked-disabled: none;
+  --border-control-active: var(--telekom-spacing-unit-x2) solid
+    var(--telekom-color-primary-pressed);
+  --border-control-disabled: 0 0 0 var(--telekom-spacing-unit-x025)
+    var(--telekom-color-ui-border-disabled);
+  --border-control-error: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-danger-standard);
+  --box-shadow-control-focus: 0 0 0 var(--telekom-spacing-unit-x1)
+    var(--color-focus);
+}
+```
+
 ```html
 <scale-radio-button-group label="Group Label">
   <scale-radio-button
+    label="Radio Label"
+    name="standard"
+    input-id="choice-0"
+    value="0"
+  ></scale-radio-button>
+  <scale-radio-button
+    label="Radio Label"
+    name="standard"
+    input-id="choice-1"
     value="1"
-    label="Radio Button"
-    name="radioStandard"
-    transparent="true"
-    input-id="choiceStandardOne"
   ></scale-radio-button>
   <scale-radio-button
+    label="Radio Label"
+    name="standard"
+    input-id="choice-2"
     value="2"
-    label="Radio Button"
-    name="radioStandard"
-    input-id="choiceStandardTwo"
   ></scale-radio-button>
 </scale-radio-button-group>
 ```
@@ -167,27 +218,33 @@ export const ErrorTemplate = (args, { argTypes }) => ({
     name="Helper Text"
     args={{
       label: 'Group Label',
-      helperText: 'Helper message',
+      groupName: 'helper-text',
+      helperText: 'Make sure to fill this',
     }}
   >
-    {HelperTextTemplate.bind({})}
+    {Template.bind({})}
   </Story>
 </Canvas>
 
 ```html
-<scale-radio-button-group label="Group Label" helper-text="Helper message">
+<scale-radio-button-group label="Group Label" helper-text="Make sure to fill this">
+  <scale-radio-button
+    label="Radio Label"
+    name="helper-text"
+    input-id="choice-0"
+    value="0"
+  ></scale-radio-button>
   <scale-radio-button
+    label="Radio Label"
+    name="helper-text"
+    input-id="choice-1"
     value="1"
-    label="Radio Button"
-    name="RadioButtonHelperText"
-    transparent="true"
-    input-id="choiceHelperTextOne"
   ></scale-radio-button>
   <scale-radio-button
+    label="Radio Label"
+    name="helper-text"
+    input-id="choice-2"
     value="2"
-    label="Radio Button"
-    name="RadioButtonHelperText"
-    input-id="choiceHelperTextTwo"
   ></scale-radio-button>
 </scale-radio-button-group>
 ```
@@ -198,35 +255,88 @@ export const ErrorTemplate = (args, { argTypes }) => ({
   <Story
     name="Error"
     args={{
-      label: 'RadioButton Group',
+      label: 'Group Label',
+      groupName: 'error',
       invalid: true,
-      helperText: 'Error message',
+      helperText: 'Something is wrong',
+      itemProps: {
+        0: {
+          invalid: true,
+          checked: true,
+          helperText: 'Error message',
+        },
+      }
     }}
   >
-    {ErrorTemplate.bind({})}
+    {Template.bind({})}
   </Story>
 </Canvas>
 
 ```html
-<scale-radio-button-group
-  label="RadioButton Group"
-  invalid="true"
-  helper-text="Error message"
->
+<scale-radio-button-group label="Group Label" invalid helper-text="Something is wrong">
+  <scale-radio-button
+    label="Radio Label"
+    name="error"
+    input-id="choice-0"
+    value="0"
+    invalid
+    checked
+    helper-text="Error message"
+  ></scale-radio-button>
+  <scale-radio-button
+    label="Radio Label"
+    name="error"
+    input-id="choice-1"
+    value="1"
+  ></scale-radio-button>
+  <scale-radio-button
+    label="Radio Label"
+    name="error"
+    input-id="choice-2"
+    value="2"
+  ></scale-radio-button>
+</scale-radio-button-group>
+```
+
+## Disabled
+
+<Canvas withSource="none">
+  <Story
+    name="Disabled"
+    args={{
+      label: 'Group Label',
+      groupName: 'disabled',
+      itemProps: {
+        0: {
+          disabled: true,
+        },
+      }
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-radio-button-group label="Group Label">
+  <scale-radio-button
+    label="Radio Label"
+    name="disabled"
+    input-id="choice-0"
+    value="0"
+    disabled
+  ></scale-radio-button>
   <scale-radio-button
-    invalid="true"
+    label="Radio Label"
+    name="disabled"
+    input-id="choice-1"
     value="1"
-    label="Radio Button"
-    name="radioButtonError"
-    transparent="true"
-    input-id="choiceErrorOne"
   ></scale-radio-button>
   <scale-radio-button
-    invalid="true"
+    label="Radio Label"
+    name="disabled"
+    input-id="choice-2"
     value="2"
-    label="Radio Button"
-    name="radioButtonError"
-    input-id="choiceErrorTwo"
   ></scale-radio-button>
 </scale-radio-button-group>
 ```
diff --git a/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButton.vue b/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButton.vue
new file mode 100644
index 0000000000..6254aaad3a
--- /dev/null
+++ b/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButton.vue
@@ -0,0 +1,24 @@
+<script>
+export default {
+  name: 'Radio Button',
+  props: {
+    invalid: { type: Boolean },
+    name: { type: String },
+    label: { type: String },
+    helperText: { type: String },
+    disabled: { type: Boolean },
+    checked: { type: Boolean },
+    value: { type: String },
+    inputId: { type: String },
+    styles: { type: String }
+  },
+  methods: {
+    fireEvents() {
+      this.$emit('scale-change');
+    }
+  },
+  render() {
+    return this.$slots.default;
+  }
+};
+</script>
diff --git a/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButtonGroup.vue b/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButtonGroup.vue
index ea9d03e2d9..5b798e9680 100644
--- a/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButtonGroup.vue
+++ b/packages/storybook-vue/stories/components/radio-button-group/ScaleRadioButtonGroup.vue
@@ -1,18 +1,13 @@
-<template>
-  <scale-radio-button-group>
-    <slot></slot>
-  </scale-radio-button-group>
-</template>
-
 <script>
-import { action } from '@storybook/addon-actions';
-
 export default {
+  name: 'Radio Button Group',
   props: {
     helperText: { type: String },
     label: { type: String },
     invalid: { type: Boolean },
   },
-  methods: {},
+  render() {
+    return this.$slots.default;
+  }
 };
 </script>
diff --git a/packages/storybook-vue/stories/components/radio-button/RadioButton.stories.mdx b/packages/storybook-vue/stories/components/radio-button/RadioButton.stories.mdx
deleted file mode 100644
index 00144da4e2..0000000000
--- a/packages/storybook-vue/stories/components/radio-button/RadioButton.stories.mdx
+++ /dev/null
@@ -1,230 +0,0 @@
-import {
-  Meta,
-  Story,
-  ArgsTable,
-  Canvas,
-  Description,
-} from '@storybook/addon-docs';
-import ScaleRadioButton from './ScaleRadioButton.vue';
-import { action } from '@storybook/addon-actions';
-export const ICON =
-  'M16.471,8.321 L12.613594,0.502886112 L8.755,8.321 L0.126435258,9.57533801 L6.37,15.66 L4.89610548,24.2548735 L12.613,20.197 L20.3310826,24.2548735 L18.856,15.66 L25.1007528,9.57533801 L16.471,8.321 Z M9.41891527,9.23556376 L12.613,2.761 L15.8082728,9.23556376 L22.951,10.273 L17.7826928,15.3122039 L19.003,22.427 L12.613594,19.067774 L6.223,22.427 L7.44449521,15.3122039 L2.275,10.273 L9.41891527,9.23556376 Z';
-
-<Meta
-  title="Components/Radio Button"
-  component={ScaleRadioButton}
-  argTypes={{}}
-/>
-
-export const Template = (args, { argTypes }) => ({
-  components: { ScaleRadioButton },
-  props: {
-    label: String,
-    ...ScaleRadioButton.props,
-  },
-  template: `
-    <scale-radio-button
-      :invalid="invalid"
-      :name="name"
-      :label="label"
-      :helper-text="helperText"
-      :disabled="disabled"
-      :checked="checked"
-      :value="value"
-      :input-id="inputId"
-      @scaleChange="scaleChange"
-    ></scale-radio-button>
-  `,
-  methods: {
-    scaleChange: action('scaleChange'),
-  },
-});
-
-<div
-  style={{
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    width: '100%',
-  }}
->
-  <h1>Radio Button</h1>
-  <img src="assets/aa.png" alt="Accessible AA" />
-</div>
-
-## Standard
-
-<Canvas withSource="none">
-  <Story
-    name="Standard"
-    args={{
-      label: 'Radio',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-<ArgsTable story="Standard" />
-
-### Scoped CSS variables
-
-```css
-scale-radio-button {
-  --color-disabled: var(--telekom-color-text-and-icon-disabled);
-  --background-disabled: var(--telekom-color-ui-disabled);
-  --color-error: var(--telekom-color-text-and-icon-functional-danger);
-  --transition: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
-  --color-primary: var(--telekom-color-text-and-icon-primary-standard);
-  --color-primary-hover: var(--telekom-color-text-and-icon-standard);
-  --color-primary-active: var(--telekom-color-text-and-icon-standard);
-  --color-focus: var(--telekom-color-functional-focus);
-  --color-text: var(--telekom-color-text-and-icon-standard);
-
-  /*helper-text*/
-  --transition-helper-text: var(--transition);
-  --font-size-helper-text: var(--telekom-typography-font-size-small);
-  --font-weight-helper-text: var(--telekom-typography-font-weight-bold);
-  --line-height-helper-text: var(--telekom-typography-line-spacing-standard);
-  --color-helper-text: var(
-    --telekom-color-text-and-icon-functional-informational
-  );
-  --spacing-left-helper-text: var(--telekom-spacing-unit-x6);
-  --spacing-top-helper-text: var(--telekom-spacing-unit-x1);
-
-  /*label*/
-  --transition-label: var(--transition);
-  --font-weight-label: var(--telekom-typography-font-weight-medium);
-  --color-label: var(--color-text);
-
-  /*control*/
-  --width-control: var(--telekom-spacing-unit-x4);
-  --height-control: var(--telekom-spacing-unit-x4);
-  --transition-control: var(--transition);
-  --spacing-control: 0 var(--telekom-spacing-unit-x2) 0 0;
-  --background-color-control: var(--telekom-color-ui-base);
-  --border-control: var(--telekom-spacing-unit-x025) solid var(
-      --telekom-color-ui-border-standard
-    );
-  --border-control-checked: calc(0.5 * var(--telekom-spacing-unit-x3)) solid var(
-      --telekom-color-primary-standard
-    );
-  --border-control-checked-active: calc(0.5 * var(--telekom-spacing-unit-x3)) solid
-    var(--telekom-color-primary-pressed, #cb0068);
-  --border-control-checked-disabled: calc(0.5 * var(--telekom-spacing-unit-x3)) solid
-    var(--telekom-color-ui-border-disabled);
-  --background-control-checked-disabled: none;
-  --border-control-active: var(--telekom-spacing-unit-x2) solid var(
-      --telekom-color-primary-pressed
-    );
-  --border-control-disabled: var(--telekom-spacing-unit-x025) solid var(
-      --telekom-color-ui-border-disabled
-    );
-  --border-control-error: var(--telekom-spacing-unit-x05) solid var(
-      --telekom-color-functional-danger-standard
-    );
-  --box-shadow-control-focus: 0 0 0 var(--telekom-spacing-unit-x05) var(
-      --color-focus
-    );
-}
-```
-
-## Standard Disabled
-
-<Canvas withSource="none">
-  <Story
-    name="Standard Disabled"
-    args={{
-      label: 'Standard Disabled',
-      disabled: true,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-radio-button disabled></scale-radio-button>
-```
-
-## Selected
-
-<Canvas withSource="none">
-  <Story
-    name="Selected"
-    args={{
-      label: 'Selected',
-      checked: true,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-radio-button checked></scale-radio-button>
-```
-
-## Selected Disabled
-
-<Canvas withSource="none">
-  <Story
-    name="Selected Disabled"
-    args={{
-      label: 'Selected Disabled',
-      checked: true,
-      disabled: true,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-radio-button checked disabled></scale-radio-button>
-```
-
-## Helper Text
-
-<Canvas withSource="none">
-  <Story
-    name="Helper Text"
-    args={{
-      label: 'Helper Text',
-      helperText: 'Make sure to select this',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-radio-button
-  label="Helper Text"
-  helper-text="Make sure to select this"
-></scale-radio-button>
-```
-
-## Error
-
-<Canvas withSource="none">
-  <Story
-    name="Error"
-    args={{
-      label: 'Standard with error',
-      invalid: true,
-      helperText: 'This is the error message',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-```html
-<scale-radio-button
-  invalid
-  helper-text="This is the error message"
-></scale-radio-button>
-```
diff --git a/packages/storybook-vue/stories/components/radio-button/ScaleRadioButton.vue b/packages/storybook-vue/stories/components/radio-button/ScaleRadioButton.vue
deleted file mode 100644
index 5cb75b1fab..0000000000
--- a/packages/storybook-vue/stories/components/radio-button/ScaleRadioButton.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <scale-radio-button
-    :name="name"
-    :invalid="invalid"
-    :label="label"
-    :helper-text="helperText"
-    :disabled="disabled"
-    :checked="checked"
-    :value="value"
-    :input-id="inputId"
-    @scaleChange="scaleChange"
-  >
-    <slot></slot>
-  </scale-radio-button>
-</template>
-
-<script>
-import { action } from "@storybook/addon-actions";
-
-export default {
-  props: {
-    invalid: { type: Boolean },
-    name: { type: String },
-    label: { type: String },
-    helperText: { type: String },
-    disabled: { type: Boolean },
-    checked: { type: Boolean },
-    value: { type: String },
-    inputId: { type: String },
-    styles: { type: String }
-  },
-  methods: {
-    scaleChange($event) {
-      action("scaleChange");
-      this.$emit("scaleChange", $event);
-    },
-    'scale-change'($event) {
-      action("scale-change");
-      this.$emit("scale-change", $event);
-    },
-  }
-};
-</script>
diff --git a/packages/storybook-vue/stories/components/radio-button/radio-button.md b/packages/storybook-vue/stories/components/radio-button/radio-button.md
deleted file mode 100644
index ca1f032af7..0000000000
--- a/packages/storybook-vue/stories/components/radio-button/radio-button.md
+++ /dev/null
@@ -1,75 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Radio Button</h1>
-    <img src="assets/aa.png" alt="Accessible AA" />
-</div>
-
-Radio buttons allow a user to only select one option from a collection of choices.
-
-## General
-
-A radio button is a selection control that consists of a circular button and a label. It is considered to be on with a filled circle and off with an empty circle.
-
-Radio buttons only appear in groups. Activating a radio button automatically deselects the previously selected option.
-
-![Image Name](assets/3_components/radio-button/radiobuttons-general.png)
-
-### When to use
-
-- Use radio buttons to provide the user with a collection of related but mutually exclusive choices.
-
-### When not to use
-
-- If the user needs to choose one or more options, use checkboxes.
-- To initiate an action, use a button.
-
-## Elements
-
-![Image Name](assets/3_components/radio-button/radio-button-elements.png)
-
-#### Radio button deselected (1)
-
-An empty circle is considered to be deselected.
-
-#### Radio button selected (2)
-
-If the circle is filled, the option is considered to be selected.
-
-#### Information (3) (Optional)
-
-When necessary, you can also provide additional information to help users.
-
-#### Error (4)
-
-If the selection is contradictory or not applicable, an error message appears.
-
-## Label
-
-The label clearly describes the effect of activating the radio button. Labels normally contain at most three words.
-
-![Image Name](assets/3_components/radio-button/radiobuttons-label.png)
-
-## Disabled state
-
-Disable the radio button if:
-
-- another action has to take place before the radio button is usable or
-- the option needs to be listed but is currently unavailable.
-
-![Image Name](assets/3_components/radio-button/disabled-radiobutton.png)
-
-> The disabled state is exempt from the WCAG contrast minimum for text colors. You can find more information in the [WCAG guidelines](https://www.w3.org/TR/WCAG21/#contrast-minimum).
-
-## Headline and default selection
-
-Consider using a headline to provide more clarity to the user.
-
-Display one option as a default selection to align with user expectations and reduce the time and clicks needed. This is also a good way of making suggestions to the user. There are a few cases where you don't have to select a radio button by default, e.g., when selecting titles in a form (Mr., Ms., etc.).
-
-![Image Name](assets/3_components/radio-button/radiobuttons-bestpractice.png)
-
-## Related components
-
-[Radio Button Group, ](?path=/usage/components-radio-button-group--standard)
-[Checkbox, ](?path=/usage/components-checkbox--standard)
-[Switch, ](?path=/usage/components-switch--standard)
-[Dropdown ](?path=/usage/components-dropdown--standard)
diff --git a/packages/storybook-vue/stories/components/radio-button/radio-button_de.md b/packages/storybook-vue/stories/components/radio-button/radio-button_de.md
deleted file mode 100644
index c871c769f7..0000000000
--- a/packages/storybook-vue/stories/components/radio-button/radio-button_de.md
+++ /dev/null
@@ -1,77 +0,0 @@
-<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
-    <h1>Radio Button</h1>
-    <img src="assets/aa.png" alt="Accessible AA" />
-</div>
-
-Radio-Buttons ermöglichen es Nutzer\*innen, eine Option aus einer Reihe von Alternativen auszuwählen.
-
-## Allgemein
-
-Ein Radio-Button ist ein Steuerelement und besteht aus einem runden Button mit einem Label. Die Nutzer\*innen können per Klick/Tap eine Option auswählen (Kreis ist gefüllt) oder wieder abwählen (Kreis ist leer).
-
-Radio-Buttons funktionieren nur als Gruppe. Durch Aktivieren eines Radio-Buttons wird die zuvor gewählte Option automatisch abgewählt.
-
-![Image Name](assets/3_components/radio-button/radiobuttons-general.png)
-
-### Verwende Radio-Buttons, um
-
-- Nutzer\*innen eine Reihe von verwandten, aber sich gegenseitig ausschließenden Auswahlmöglichkeiten anzubieten.
-
-### Verwende Radio-Buttons besser nicht, wenn
-
-- Nutzer\*innen mehr als eine Option auswählen sollen (nutze hierfür Checkboxen) oder
-- eine Aktion ausführen müssen (nutze hierfür einen Button).
-
-## Elemente
-
-![Image Name](assets/3_components/radio-button/radio-button-elements.png)
-
-#### Radio-Button ausgeschaltet (1)
-
-Wenn der Kreis leer ist, gilt eine Option als abgewählt.
-
-#### Radio-Button eingeschaltet (2)
-
-Ist der Kreis ausgefüllt, so gilt eine Option als ausgewählt.
-
-#### Information (3) (optional)
-
-Wenn nötig, kannst du auch noch eine zusätzliche Information angeben.
-
-#### Fehlermeldung (4)
-
-Bei widersprüchlicher oder nichtzutreffender Auswahl erscheint eine Fehlermeldung.
-
-## Label
-
-Beschreibe mit dem Label deutlich, welche Auswirkung die jeweilige Auswahl hat. Ein Label enthält in der Regel maximal drei Wörter.
-
-![Image Name](assets/3_components/radio-button/radiobuttons-label.png)
-
-## Deaktivierter Zustand
-
-Deaktiviere den Radio-Button, wenn
-
-- eine andere Aktion erfolgen muss, bevor der Radio-Button nutzbar ist oder
-- die Option aufgeführt werden muss, aber aktuell nicht auswählbar ist.
-
-![Image Name](assets/3_components/radio-button/disabled-radiobutton.png)
-
-> Der deaktivierte Zustand (Disabled State) ist vom Kontrastminimum der WCAG für Textfarben ausgenommen. Weitere Informationen hierzu findest du in den [Richtlinien der WCAG](https://www.w3.org/TR/WCAG21/#contrast-minimum).
-
-## Titel und Default-Auswahl
-
-Treffe eine Vorauswahl durch die Default-Aktivierung einer Option. Entspricht diese den Erwartungen der Nutzer\*innen, reduzierst du somit den benötigen Interaktionsaufwand. Das ist zudem eine gute Möglichkeit, Nutzer\*innen Vorschläge zu machen.
-
-Es gibt ein paar wenige Fälle, in denen du besser keine Vorauswahl triffst, zum Beispiel bei der Auswahl des Titels in einem Formular (Herr, Frau etc.).
-
-In vielen Fällen ist es für Nutzer\*innen hilfreich, wenn du eine Headline verwendest.
-
-![Image Name](assets/3_components/radio-button/radiobuttons-bestpractice.png)
-
-## Verwandte Komponenten
-
-[Radio Button Group, ](?path=/usage/components-radio-button-group--standard)
-[Checkbox, ](?path=/usage/components-checkbox--standard)
-[Switch, ](?path=/usage/components-switch--standard)
-[Dropdown ](?path=/usage/components-dropdown--standard)
diff --git a/packages/storybook-vue/stories/components/rating-stars/RatingStars.stories.mdx b/packages/storybook-vue/stories/components/rating-stars/RatingStars.stories.mdx
index 48c825d839..aa52d8cc81 100644
--- a/packages/storybook-vue/stories/components/rating-stars/RatingStars.stories.mdx
+++ b/packages/storybook-vue/stories/components/rating-stars/RatingStars.stories.mdx
@@ -158,7 +158,6 @@ export const Template = (args, { argTypes }) => ({
     name="Info Text and custom Label"
     args={{
       rating: 3,
-      infoText: 'Info Text',
       label: 'Custom Rating Label',
     }}
   >
@@ -168,10 +167,32 @@ export const Template = (args, { argTypes }) => ({
 
 <ArgsTable story="Info Text and custom Label" />
 
+### Scoped CSS variables
+
+```css
+  :host {
+    --stars-color: var(--telekom-color-text-and-icon-primary-standard);
+    --stars-hover-color: var(--telekom-color-text-and-icon-primary-hovered);
+    --stars-active-color: var(--telekom-color-text-and-icon-primary-pressed);
+    --stars-inactive-color: transparent;
+    --stars-placeholder-color: var(--telekom-color-ui-border-standard);
+    --stars-placeholder-hover-color: var(--telekom-color-ui-border-hovered);
+    --stars-disabled-color: var(--telekom-color-text-and-icon-disabled);
+    --stars-spacing: var(--telekom-spacing-unit-x05);
+    --stars-transition: color var(--telekom-motion-duration-immediate);
+    --stars-size: 24px;
+    --label-font: var(--telekom-text-style-ui);
+    --infotext-font: var(--telekom-text-style-body);
+    --infotext-font-small: var(--telekom-text-style-body);
+    --infotext-color: var(--telekom-color-text-and-icon-additional);
+    --focus-outline: var(--telekom-line-weight-highlight) solid
+      var(--telekom-color-functional-focus-standard);
+  }
+```
+
 ```html
 <scale-rating-stars
   rating="3"
-  info-text="Info Text"
   label="Custom Rating Label"
 ></scale-rating-stars>
 ```
@@ -194,15 +215,14 @@ export const Template = (args, { argTypes }) => ({
 <scale-rating-stars rating="2" disabled></scale-rating-stars>
 ```
 
-## Small With Info Text
+## Small
 
 <Canvas withSource="none">
   <Story
-    name="Small With Info Text"
+    name="Small"
     args={{
       rating: 4,
-      starSize: 'small',
-      infoText: 'Info Text',
+      size: 'small',
     }}
   >
     {Template.bind({})}
@@ -217,7 +237,6 @@ export const Template = (args, { argTypes }) => ({
 <scale-rating-stars
   rating="4"
   size="small"
-  info-text="Info Text"
 ></scale-rating-stars>
 ```
 
diff --git a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx
index 8cad79c5a6..da2f0a83cd 100644
--- a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx
+++ b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx
@@ -11,14 +11,6 @@ import ScaleSidebarNavItem from './SidebarNavItem.vue';
     'scale-sidebar-nav-item': ScaleSidebarNavItem,
   }}
   argTypes={{
-    width: {
-      control: {
-        type: 'radio',
-        options: ['256px', '25rem', '100%'],
-      },
-      defaultValue: '100%',
-      description: 'Example width for wrapper element',
-    },
     styles: {
       control: { disable: true },
     },
@@ -51,7 +43,7 @@ export const Template = (args, { argTypes }) => ({
         </scale-sidebar-nav-item>
         <scale-sidebar-nav-collapsible label="Reference" expanded>
           <scale-sidebar-nav-collapsible label="Function A" expanded>
-            <scale-sidebar-nav-item current>
+            <scale-sidebar-nav-item current active>
               <a href="#">Endpoint 1</a>
             </scale-sidebar-nav-item>
             <scale-sidebar-nav-item>
@@ -121,7 +113,7 @@ export const Template = (args, { argTypes }) => ({
   </scale-sidebar-nav-item>
   <scale-sidebar-nav-collapsible label="Reference" expanded>
     <scale-sidebar-nav-collapsible label="Function A" expanded>
-      <scale-sidebar-nav-item current>
+      <scale-sidebar-nav-item current active>
         <a href="#">Endpoint 1</a>
       </scale-sidebar-nav-item>
       <scale-sidebar-nav-item>
@@ -173,41 +165,38 @@ export const Template = (args, { argTypes }) => ({
 
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-active: var(--telekom-color-text-and-icon-primary-pressed);
-  --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
   --color-toggle-button: var(--telekom-color-ui-regular);
-  --border-y-toggle-button: 1px solid var(--telekom-color-ui-subtle);
+  --border-y-toggle-button: 1px solid var(--telekom-color-ui-faint);
   --radius-toggle-button: var(--telekom-radius-small);
 }
 
 /* sidebar-nav-collapsible */
 :host {
   --opacity-chevron: 1;
-  --border-bottom-color: var(--telekom-color-ui-subtle);
+  --border-bottom-color: var(--telekom-color-ui-faint);
   --border-left-color-third-nesting: var(--telekom-color-ui-strong);
   --color-active: var(--telekom-color-text-and-icon-primary-pressed);
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
-  --color-primary: var(--telekom-color-text-and-icon-primary-hovered);
+  --color-primary: var(--telekom-color-text-and-icon-primary-standard);
   --background-color-before-active: var(--color-primary);
   --font-weight-bold: var(--telekom-typography-font-weight-bold);
-  --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight)
+    var(--telekom-color-functional-focus-standard);
 }
 
 /* sidebar-nav-item */
 :host {
-  --border-bottom-color: var(--telekom-color-ui-subtle);
+  --border-bottom-color: var(--telekom-color-ui-faint);
   --border-left-color-third-nesting: var(--telekom-color-ui-strong);
   --color-active: var(--telekom-color-text-and-icon-primary-pressed);
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-primary: var(--telekom-color-text-and-icon-primary-standard);
   --background-color-before-active: var(--color-primary);
-  --font-weight-bold: var(--telekom-typography-font-weight-bold);
-  --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --font-bold: var(--telekom-text-style-ui-bold);
+  --box-shadow-focus: inset 0 0 0 var(--telekom-line-weight-highlight)
+    var(--telekom-color-functional-focus-standard);
 }
 ```
 
@@ -223,7 +212,7 @@ For Shadow Parts, please inspect the element's #shadow.
           <scale-sidebar-nav-item>
             <a href="#">Overview</a>
           </scale-sidebar-nav-item>
-          <scale-sidebar-nav-item current>
+          <scale-sidebar-nav-item current active>
             <a href="#">Resources</a>
           </scale-sidebar-nav-item>
           <scale-sidebar-nav-item>
@@ -240,7 +229,7 @@ For Shadow Parts, please inspect the element's #shadow.
   <scale-sidebar-nav-item>
     <a href="#">Overview</a>
   </scale-sidebar-nav-item>
-  <scale-sidebar-nav-item current>
+  <scale-sidebar-nav-item current active>
     <a href="#">Resources</a>
   </scale-sidebar-nav-item>
   <scale-sidebar-nav-item>
@@ -260,7 +249,7 @@ For Shadow Parts, please inspect the element's #shadow.
             <a href="#">Overview</a>
           </scale-sidebar-nav-item>
           <scale-sidebar-nav-collapsible label="Reference" expanded>
-            <scale-sidebar-nav-item current>
+            <scale-sidebar-nav-item current active>
               <a href="#">Day</a>
             </scale-sidebar-nav-item>
             <scale-sidebar-nav-item>
@@ -282,7 +271,7 @@ For Shadow Parts, please inspect the element's #shadow.
     <a href="#">Overview</a>
   </scale-sidebar-nav-item>
   <scale-sidebar-nav-collapsible label="Reference" expanded>
-    <scale-sidebar-nav-item current>
+    <scale-sidebar-nav-item current active>
       <a href="#">Day</a>
     </scale-sidebar-nav-item>
     <scale-sidebar-nav-item>
@@ -295,6 +284,44 @@ For Shadow Parts, please inspect the element's #shadow.
 </scale-sidebar-nav>
 ```
 
+## Active on Level 3
+
+<Canvas withSource="none">
+  <Story name="Active on Level 3">
+    {{
+      template: `
+        <scale-sidebar-nav>
+          <scale-sidebar-nav-collapsible label="Reference" expanded>
+            <scale-sidebar-nav-collapsible label="Function A" expanded>
+              <scale-sidebar-nav-item current active>
+                <a href="#">Endpoint 1</a>
+              </scale-sidebar-nav-item>
+              <scale-sidebar-nav-item>
+                <a href="#">Endpoint 2</a>
+              </scale-sidebar-nav-item>
+            </scale-sidebar-nav-collapsible>
+          </scale-sidebar-nav-collapsible>
+        </scale-sidebar-nav>
+      `,
+    }}
+  </Story>
+</Canvas>
+
+```html
+<scale-sidebar-nav>
+  <scale-sidebar-nav-collapsible label="Reference" expanded>
+    <scale-sidebar-nav-collapsible label="Function A" expanded>
+      <scale-sidebar-nav-item current active>
+        <a href="#">Endpoint 1</a>
+      </scale-sidebar-nav-item>
+      <scale-sidebar-nav-item>
+        <a href="#">Endpoint 2</a>
+      </scale-sidebar-nav-item>
+    </scale-sidebar-nav-collapsible>
+  </scale-sidebar-nav-collapsible>
+</scale-sidebar-nav>
+```
+
 ## Custom Media Query
 
 <Canvas withSource="none">
diff --git a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue
index f5344e2e5b..bb1cd6f039 100644
--- a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue
+++ b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue
@@ -1,5 +1,6 @@
 <script>
 export default {
+  name: 'scale-sidebar-nav',
   props: {
     ariaLabel: { type: String },
     collapsible: { type: Boolean, default: false },
@@ -8,4 +9,4 @@ export default {
     styles: { type: String }
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav.md b/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav.md
index e9b9f0484d..4c286a0296 100644
--- a/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav.md
+++ b/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav.md
@@ -63,6 +63,6 @@ Since there is no mouse over on mobile devices, the arrow of a submenu is always
 
 ## Related components
 
-[Brand Header & Navigation, ](?path=/usage/components-brand-header-navigation--standard)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
 [Tab Navigation, ](?path=/usage/components-tab-navigation--text-icon)
 [Accordion ](?path=/usage/components-accordion--standard)
diff --git a/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav_de.md b/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav_de.md
index b8dc56a737..d8dd6a518c 100644
--- a/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav_de.md
+++ b/packages/storybook-vue/stories/components/sidebar-navigation/sidebar-nav_de.md
@@ -58,6 +58,6 @@ Da es auf mobilen Geräten kein Mouseover gibt, bleibt der Pfeil eines Submenüs
 
 ## Verwandte Komponenten
 
-[Brand Header & Navigation, ](?path=/usage/components-brand-header-navigation--standard)
+[Brand Header & Navigation](?path=/usage/components-telekom-brand-header-navigation--standard-header)
 [Tab-Navigation, ](?path=/usage/components-tab-navigation--text-icon)
 [Accordion ](?path=/usage/components-accordion--standard)
diff --git a/packages/storybook-vue/stories/components/slider/ScaleSlider.vue b/packages/storybook-vue/stories/components/slider/ScaleSlider.vue
index d4ee82539d..27052bc48f 100644
--- a/packages/storybook-vue/stories/components/slider/ScaleSlider.vue
+++ b/packages/storybook-vue/stories/components/slider/ScaleSlider.vue
@@ -18,6 +18,7 @@ export default {
     name: { type: String },
     sliderId: { type: String },
     helperText: String,
+    platform: { type: 'ios' | 'android' },
     styles: { type: String },
   },
   render() {
diff --git a/packages/storybook-vue/stories/components/slider/Slider.stories.mdx b/packages/storybook-vue/stories/components/slider/Slider.stories.mdx
index 7e301f46c3..d634b4456e 100644
--- a/packages/storybook-vue/stories/components/slider/Slider.stories.mdx
+++ b/packages/storybook-vue/stories/components/slider/Slider.stories.mdx
@@ -12,6 +12,9 @@ import { action } from '@storybook/addon-actions';
   title="Components/Slider"
   component={ScaleSlider}
   argTypes={{
+    platform: {
+      control: { type: 'text' },
+    },
     styles: {
       control: { disable: true },
     },
@@ -41,6 +44,7 @@ export const Template = (args, { argTypes }) => ({
       :name="name"
       :slider-id="sliderId"
       :helper-text="helperText"
+      :platform="platform"
       @scale-change="handleScaleChange"
       @scale-input="handleScaleInput"
       >
@@ -96,7 +100,9 @@ export const Template = (args, { argTypes }) => ({
   --size-thumb: 24px;
   --border-color-thumb: rgba(0, 0, 0, 0.05);
   --background-thumb: var(--telekom-color-ui-white);
-  --color-focus: var(--telekom-color-functional-focus);
+  --shadow-thumb: 0 0 2px 0 rgba(0, 0, 0, 0.24), 0 2px 4px 0 rgba(0, 0, 0, 0.24),
+    0 4px 12px 0 rgba(0, 0, 0, 0.26);
+  --color-focus: var(--telekom-color-functional-focus-standard);
   --spacing-x-step-marks: 8px;
   --color-step-mark: var(--telekom-color-text-and-icon-additional);
   --radius-step-mark: var(--telekom-radius-circle);
@@ -222,18 +228,14 @@ For Shadow Parts, please inspect the element's #shadow.
   <Story name="Platform iOS">
     {{
       template: `
-        <div data-platform="ios">
-          <scale-slider label="iOS" value="25"></scale-slider>
-        </div>
+        <scale-slider label="iOS" value="25" platform="ios"></scale-slider>
       `
     }}
   </Story>
 </Canvas>
 
 ```html
-<div data-platform="ios">
-  <scale-slider label="Apple" value="25"></scale-slider>
-</div>
+<scale-slider label="Apple" value="25" platform="ios"></scale-slider>
 ```
 
 ## Platform Android
@@ -242,16 +244,15 @@ For Shadow Parts, please inspect the element's #shadow.
   <Story name="Platform Android">
     {{
       template: `
-        <div data-platform="android">
-          <scale-slider label="Android" value="75"></scale-slider>
-        </div>
+        <scale-slider label="Android" value="75" platform="android"></scale-slider>
       `
     }}
   </Story>
 </Canvas>
 
 ```html
-<div data-platform="android">
+<!-- attribute data-platform="android" in parent element works in Chrome -->
+<body data-platform="android">
   <scale-slider label="Android" value="75"></scale-slider>
-</div>
+</body>
 ```
diff --git a/packages/storybook-vue/stories/components/switch/switch.stories.mdx b/packages/storybook-vue/stories/components/switch/switch.stories.mdx
index f0bd0a992b..c433561b12 100644
--- a/packages/storybook-vue/stories/components/switch/switch.stories.mdx
+++ b/packages/storybook-vue/stories/components/switch/switch.stories.mdx
@@ -57,6 +57,26 @@ export const Template = (args, { argTypes }) => ({
 
 <ArgsTable story="Standard" />
 
+
+### Scoped CSS variables
+
+```css
+:host {
+  --width: 42px;
+  --height: 24px;
+  --offset: 2px;
+  --radius: 1em;
+  --transition-duration: var(--telekom-motion-duration-immediate);
+  --transition-easing: var(--telekom-motion-easing-standard);
+  --shadow-thumb: 0 0 2px 0 rgba(0, 0, 0, 0.24), 0 2px 4px 0 rgba(0, 0, 0, 0.24),
+    0 4px 12px 0 rgba(0, 0, 0, 0.26);
+  --spacing-x-label: var(--telekom-spacing-unit-x2);
+  --font-label: var(--telekom-text-style-ui);
+  --font-io-text: var(--telekom-text-style-small-bold);
+  --color-label: var(--telekom-color-text-and-icon-standard);  
+}
+```
+
 ## Small
 
 <Canvas withSource="none">
diff --git a/packages/storybook-vue/stories/components/tab-navigation/TabNav.stories.mdx b/packages/storybook-vue/stories/components/tab-navigation/TabNav.stories.mdx
index f7739e2207..c4b6caac03 100644
--- a/packages/storybook-vue/stories/components/tab-navigation/TabNav.stories.mdx
+++ b/packages/storybook-vue/stories/components/tab-navigation/TabNav.stories.mdx
@@ -98,37 +98,35 @@ export const Template = (args, { argTypes }) => ({
 
 ```css
 :host {
-  --tab-height: var(--telekom-spacing-unit-x12);
-  --tab-spacing-horizontal: var(--telekom-spacing-unit-x4);
-  --tab-spacing-vertical: 0.875rem;
+  --tab-height: 3rem;
+  --tab-spacing-horizontal: var(--telekom-spacing-unit-x3);
+  --tab-spacing-vertical: var(--telekom-spacing-unit-x4);
   --tab-radius: var(--telekom-radius-small);
   --tab-border-size: var(--telekom-line-weight-standard);
   --tab-border-size-selected: var(--telekom-line-weight-highlight);
+  --tab-border-size-selected: 3px;
+
   --tab-border-color: var(--telekom-color-ui-subtle);
 
-  --tab-height-small: var(--telekom-spacing-unit-x10);
-  --tab-spacing-horizontal-small: var(--telekom-spacing-unit-x3);
-  --tab-spacing-vertical-small: var(--telekom-spacing-unit-x4);
+  --tab-height-large: 3.25rem;
+
+  --tab-spacing-horizontal-large: var(--telekom-spacing-unit-x4);
+  --tab-spacing-vertical-large: 0.875rem;
 }
 
 /* tab-header */
 :host {
-  --font-size: var(--telekom-typography-font-size-callout);
-  --font-family: var(--telekom-typography-font-family-sans, TeleNeoWeb);
-  --font-weight: var(--telekom-typography-font-weight-bold);
-  --height: 3rem;
+  --font: var(--telekom-text-style-ui-bold);
   --color: var(--telekom-color-text-and-icon-standard);
   --color-hover: var(--telekom-color-text-and-icon-primary-hovered);
   --color-active: var(--telekom-color-text-and-icon-primary-pressed);
   --color-selected: var(--telekom-color-text-and-icon-primary-standard);
-  --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
   --spacing-right-slotted: var(--telekom-spacing-unit-x2);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --radius: var(--telekom-radius-standard);
-
-  --font-size-small: var(--telekom-typography-font-size-body);
+  --font-size-large: var(--telekom-typography-font-size-callout);
 }
 
 /* tab-panel */
diff --git a/packages/storybook-vue/stories/components/table/Table.stories.mdx b/packages/storybook-vue/stories/components/table/Table.stories.mdx
index 02912cbfa1..2d9c5bf8d8 100644
--- a/packages/storybook-vue/stories/components/table/Table.stories.mdx
+++ b/packages/storybook-vue/stories/components/table/Table.stories.mdx
@@ -66,7 +66,7 @@ export const Template = (args, { argTypes }) => ({
                 <span style="margin-right: 8px;">9.356</span>
                 <scale-progress-bar
                   variant="info"
-                  style="width: 120px; --background: var(--telekom-color-ui-extra-strong)"
+                  style="width: 120px"
                   stroke-width="6"
                   percentage="90"
                   show-status="false"
@@ -94,7 +94,7 @@ export const Template = (args, { argTypes }) => ({
                 <span style="margin-right: 8px;">3.356</span>
                 <scale-progress-bar
                   variant="info"
-                  style="width: 120px; --background: var(--telekom-color-ui-extra-strong)"
+                  style="width: 120px"
                   stroke-width="6"
                   percentage="30"
                   show-status="false"
@@ -122,7 +122,7 @@ export const Template = (args, { argTypes }) => ({
                 <span style="margin-right: 8px;">6.356</span>
                 <scale-progress-bar
                   variant="info"
-                  style="width: 120px; --background: var(--telekom-color-ui-extra-strong)"
+                  style="width: 120px"
                   stroke-width="6"
                   percentage="60"
                   show-status="false"
@@ -159,7 +159,7 @@ export const Template = (args, { argTypes }) => ({
         return 'ascending';
       };
       const ths = document.getElementsByClassName(className);
-      const th = ths[ths.length - 1];
+      const th = Array.from(ths).filter((x) => x.getAttribute('tabindex') === '0')[0];
       const currentSort = th.getAttribute('aria-sort');
       const nextSort = getNextSort(currentSort);
       const tableHeaders = Array.from(document.getElementsByTagName('TH'));
@@ -238,25 +238,21 @@ scale-table {
   --font-size: var(--telekom-typography-font-size-small);
   --font-weight: var(--telekom-typography-font-weight-bold);
 
-  --spacing-tbody-td: var(--telekom-spacing-unit-x4) var(
-      --telekom-spacing-unit-x2
-    );
-  --border-bottom-tbody-td: var(--telekom-spacing-unit-x025) solid var(
-      --telekom-color-ui-faint
-    );
+  --spacing-tbody-td: var(--telekom-spacing-unit-x4)
+    var(--telekom-spacing-unit-x2);
+  --border-bottom-tbody-td: var(--telekom-spacing-unit-x025) solid
+    var(--telekom-color-ui-faint);
   --background-tbody: var(--telekom-color-ui-state-fill-standard);
   --background-tbody-tr-hover: var(--telekom-color-ui-state-fill-hovered);
   --background-tfoot: var(--telekom-color-ui-state-fill-standard);
-  --border-bottom-tfoot-td: var(--telekom-spacing-unit-x025) solid var(
-      --telekom-color-ui-extra-strong
-    );
+  --border-bottom-tfoot-td: var(--telekom-spacing-unit-x025) solid
+    var(--telekom-color-ui-extra-strong);
 
   --spacing-th-sortable: 0 var(--telekom-spacing-unit-x2) 0 0;
   --background-th-sortable-hover: var(--telekom-color-ui-subtle);
   --background-th-sortable-active: var(--telekom-color-ui-faint);
-  --box-shadow-th-sortable-focus: inset 0 0 0 var(--telekom-spacing-unit-x05) var(
-      --telekom-color-functional-focus
-    );
+  --box-shadow-th-sortable-focus: inset 0 0 0 var(--telekom-spacing-unit-x05)
+    var(--telekom-color-functional-focus-standard);
   --background-tr-striped: var(--telekom-color-ui-subtle);
   --padding: var(--telekom-spacing-unit-x0) var(--telekom-spacing-unit-x2);
 }
diff --git a/packages/storybook-vue/stories/components/tag/Tag.stories.mdx b/packages/storybook-vue/stories/components/tag/Tag.stories.mdx
index 7c1d74fcc1..1e04493e3d 100644
--- a/packages/storybook-vue/stories/components/tag/Tag.stories.mdx
+++ b/packages/storybook-vue/stories/components/tag/Tag.stories.mdx
@@ -160,13 +160,10 @@ export const TemplateInteractive = (args, { argTypes }) => ({
 :host {
   --background: var(--telekom-color-ui-faint);
   --color: var(--telekom-color-text-and-icon-standard);
-  --font-size: var(--telekom-typography-font-size-body);
-  --line-height: var(--telekom-typography-line-spacing-standard);
-  --font-weight: var(--telekom-typography-font-weight-bold);
-  --radius: var(--telekom-radius-small);
-  --focus-outline: var(--telekom-line-weight-highlight) solid var(
-      --telekom-color-functional-focus
-    );
+  --font: var(--telekom-text-style-caption-bold);
+  --radius: 2px;
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
 
   --icon-color: var(--telekom-color-text-and-icon-additional);
   --icon-color-hover: var(--color);
@@ -174,7 +171,15 @@ export const TemplateInteractive = (args, { argTypes }) => ({
   --background-disabled: var(--telekom-color-ui-faint);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
 
-  --spacing-left-dismissable: var(--telekom-spacing-unit-x05);
+  --spacing-dismissable: var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x05) var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x1);
+  --spacing-dismissable-small: var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x05) var(--telekom-spacing-unit-x05)
+    var(--telekom-spacing-unit-x1);
+
+  --height: 24px;
+  --height-small: 20px;
 
   --border-button-dismissable-focus: 1px solid transparent;
   --box-shadow-button-dismissable-focus: var(--box-shadow-focus);
@@ -190,10 +195,11 @@ export const TemplateInteractive = (args, { argTypes }) => ({
   --background-button-dismissable-active: var(
     --telekom-color-ui-state-fill-pressed
   );
+
   --height-button-dismissable: 20px;
   --width-button-dismissable: 20px;
-  --height-button-dismissable-small: 18px;
-  --width-button-dismissable-small: 18px;
+  --height-button-dismissable-small: 16px;
+  --width-button-dismissable-small: 16px;
 
   --spacing-small: 0 var(--telekom-spacing-unit-x2);
   --font-size-small: var(--telekom-typography-font-size-small);
diff --git a/packages/storybook-vue/stories/components/telekom-brand-header-navigation/TelekomBrandHeader.stories.mdx b/packages/storybook-vue/stories/components/telekom-brand-header-navigation/TelekomBrandHeader.stories.mdx
index 9691276560..07741016a4 100644
--- a/packages/storybook-vue/stories/components/telekom-brand-header-navigation/TelekomBrandHeader.stories.mdx
+++ b/packages/storybook-vue/stories/components/telekom-brand-header-navigation/TelekomBrandHeader.stories.mdx
@@ -126,19 +126,27 @@ scale-telekom-header {
   --shadow: 0px 2px 9px rgba(0, 0, 0, 0.15);
   --background: var(--telekom-color-background-surface);
   --background-logo: var(--telekom-color-primary-standard);
-  --transition-common-scrolled: height var(--telekom-motion-duration-immediate) var(
-        --telekom-motion-easing-standard
-      ), width var(--telekom-motion-duration-immediate) var(
-        --telekom-motion-easing-standard
-      );
-  --font-size-app-name: var(--telekom-typography-font-size-small);
+  --transition-common-scrolled: height var(--telekom-motion-duration-immediate)
+      var(--telekom-motion-easing-standard),
+    width var(--telekom-motion-duration-immediate),
+    margin var(--telekom-motion-duration-immediate);
+  --font-size-app-name: var(--telekom-typography-font-size-body);
   --line-height-app-name: var(--telekom-typography-line-spacing-tight);
   --font-weight-app-name: var(--telekom-typography-font-weight-extra-bold);
 }
 
 scale-telekom-nav-list {
+  --width: 100%;
+  --height: 100%;
+  --spacing-x-start: 0;
   --flex-direction: row;
 }
+
+scale-telekom-nav-item {
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
+  --color: var(--telekom-color-text-and-icon-standard);  
+}
 ```
 
 ## Application Name
@@ -205,7 +213,7 @@ scale-telekom-nav-list {
 ```html
 <scale-telekom-mega-menu>
   <scale-telekom-mega-menu-column>
-    <scale-icon-home-home slot="icon"></scale-icon-home-home>
+    <scale-icon-home-home slot="icon" size="20"></scale-icon-home-home>
     <a href="https://example.com" slot="heading">Second Level</a>
     <ul>
       <li><a href="https://example.com">Third Level</a></li>
diff --git a/packages/storybook-vue/stories/components/telekom-footer/TelekomFooter.stories.mdx b/packages/storybook-vue/stories/components/telekom-footer/TelekomFooter.stories.mdx
index 14a50eca18..0f4ddce5de 100644
--- a/packages/storybook-vue/stories/components/telekom-footer/TelekomFooter.stories.mdx
+++ b/packages/storybook-vue/stories/components/telekom-footer/TelekomFooter.stories.mdx
@@ -234,6 +234,19 @@ export const ExtendedTemplate = (args, { argTypes }) => ({
 
 <ArgsTable story="Standard" />
 
+### Scoped CSS variables
+
+```css
+:host {
+  --font-size: var(--telekom-typography-font-size-caption);
+  --font-color: var(--telekom-color-text-and-icon-white-standard);
+
+  --font-large: var(--telekom-text-style-ui);
+  --background-footer: var(--telekom-color-ui-black);
+  --background-footer-minimal: var(--telekom-color-background-canvas);
+}
+```
+
 ```html
 <scale-telekom-footer>
   <scale-telekom-footer-content>
diff --git a/packages/storybook-vue/stories/components/text-area/TextArea.stories.mdx b/packages/storybook-vue/stories/components/text-area/TextArea.stories.mdx
index aeae39a295..03c16a99d6 100644
--- a/packages/storybook-vue/stories/components/text-area/TextArea.stories.mdx
+++ b/packages/storybook-vue/stories/components/text-area/TextArea.stories.mdx
@@ -89,30 +89,26 @@ export const Template = (args, { argTypes }) => ({
 
 ```css
 scale-textarea {
-  --transition: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
   --radius: var(--telekom-radius-standard);
-  --border: var(--telekom-line-weight-standard) solid var(
-      --telekom-color-ui-border-standard
-    );
-  --border-error: var(--telekom-line-weight-highlight) solid var(
-      --telekom-color-functional-danger-standard
-    );
+  --border: var(--telekom-line-weight-standard) solid
+    var(--telekom-color-ui-border-standard);
+  --border-error: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-danger-standard);
   --border-color-hover: var(--telekom-color-ui-border-hovered);
   --border-color-focus: var(--telekom-color-ui-border-hovered);
   --border-color-disabled: var(--telekom-color-ui-border-disabled);
   --background-color-hover: var(--telekom-color-ui-state-fill-hovered);
   --background-color-disabled: none;
-  --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
   --spacing-x-control: var(--telekom-spacing-unit-x3);
   --spacing-bottom-control: var(--telekom-spacing-unit-x3);
-  --spacing-top-control: var(--telekom-spacing-unit-x6);
+  --spacing-top-control: calc(1.125rem - var(--telekom-spacing-unit-x025));
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-disabled: transparent;
-  --border-color-readonly: var(--telekom-color-ui-border-disabled);
+  --border-color-readonly: transparent;
   --background-readonly: var(--telekom-color-ui-disabled);
 
   /*meta*/
@@ -124,23 +120,15 @@ scale-textarea {
   --color-meta-error: var(--telekom-color-text-and-icon-functional-danger);
 
   /*control*/
-  --spacing-control: 0 var(--spacing-x-control) var(--spacing-top-control);
+  --spacing-control: 0 calc(2rem - var(--telekom-spacing-unit-x025)) 0.25rem
+    calc(0.75rem - var(--telekom-spacing-unit-x025));
   --transition-control: var(--transition);
-  --font-size-control: var(--telekom-typography-font-size-body);
   --background-control: var(--telekom-color-ui-state-fill-standard);
+
   /*counter*/
   --transition-counter: var(--transition);
-  --font-size-counter: var(--font-size-meta);
-  --line-height-counter: var(--line-height-meta);
   --color-counter-error: var(--color-meta-error);
 
-  /*helper-text*/
-  --transition-helper-text: var(--transition);
-  --font-size-helper-text: var(--font-size-meta);
-  --line-height-helper-text: var(--line-height-meta);
-  --color-helper-text: var(--telekom-color-functional-informational-standard);
-  --color-helper-text-error: var(--color-meta-error);
-
   /*placeholder*/
   --transition-placeholder: var(--transition);
   --color-placeholder: var(--telekom-color-text-and-icon-additional);
@@ -150,10 +138,6 @@ scale-textarea {
   --color-label-readonly: var(--telekom-color-text-and-icon-standard);
   --z-index-label: var(--scl-z-index-10);
   --transition-label: var(--transition);
-  --font-size-label: var(--telekom-typography-font-size-body);
-  --font-weight-label: var(--telekom-typography-font-weight-medium);
-  --font-size-label-focus: var(--telekom-typography-font-size-small);
-  --font-weight-label-focus: var(--telekom-typography-font-weight-bold);
 }
 ```
 
@@ -207,7 +191,7 @@ scale-textarea {
     args={{
       label: 'With Error',
       invalid: true,
-      helperText: 'something is wrong',
+      helperText: 'Something is wrong',
     }}
   >
     {Template.bind({})}
@@ -217,7 +201,7 @@ scale-textarea {
 ```html
 <scale-textarea
   label="With Error"
-  helper-text="something is wrong"
+  helper-text="Something is wrong"
   invalid="true"
 ></scale-textarea>
 ```
@@ -240,14 +224,13 @@ scale-textarea {
 <scale-textarea label="Disabled" disabled></scale-textarea>
 ```
 
-<!--
-## Readonly
+## Read Only
 
 <Canvas withSource="none">
   <Story
-    name="Readonly"
+    name="Read Only"
     args={{
-      label: "Readonly",
+      label: "Read only",
       readonly: true,
       value: "This cannot be changed"
     }}
@@ -257,9 +240,8 @@ scale-textarea {
 </Canvas>
 
 ```html
-<scale-textarea label="Readonly" value="This cannot be changed" readonly></scale-textarea>
+<scale-textarea label="Read only" value="This cannot be changed" readonly></scale-textarea>
 ```
--->
 
 ## Max Length With Counter
 
diff --git a/packages/storybook-vue/stories/components/text-field/TextField.stories.mdx b/packages/storybook-vue/stories/components/text-field/TextField.stories.mdx
index 2ba916a9f3..25cd57bb4b 100644
--- a/packages/storybook-vue/stories/components/text-field/TextField.stories.mdx
+++ b/packages/storybook-vue/stories/components/text-field/TextField.stories.mdx
@@ -184,31 +184,25 @@ export const StorySectionsTemplate = (args, { argTypes }) => ({
 
 ```css
 scale-text-field {
-  --transition: all var(--telekom-motion-duration-transition) var(
-      --telekom-motion-easing-standard
-    );
+  --transition: all var(--telekom-motion-duration-transition)
+    var(--telekom-motion-easing-standard);
   --radius: var(--telekom-radius-standard);
-  --border: var(--telekom-spacing-unit-x025) solid var(
-      --telekom-color-ui-border-standard
-    );
-  --border-error: var(--telekom-spacing-unit-x05) solid var(
-      --telekom-color-functional-danger-standard
-    );
-  --border-success: var(--telekom-spacing-unit-x05) solid var(
-      --telekom-color-functional-success-standard
-    );
-  --border-warning: var(--telekom-spacing-unit-x05) solid var(
-      --telekom-color-functional-warning-standard
-    );
+  --border: var(--telekom-spacing-unit-x025) solid
+    var(--telekom-color-ui-border-standard);
+  --border-error: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-danger-standard);
+  --border-success: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-success-standard);
+  --border-warning: var(--telekom-spacing-unit-x05) solid
+    var(--telekom-color-functional-warning-standard);
   --border-color-hover: var(--telekom-color-ui-border-hovered);
   --border-color-focus: var(--telekom-color-ui-border-hovered);
   --border-color-disabled: var(--telekom-color-ui-border-disabled);
   --background-color-hover: var(--telekom-color-ui-state-fill-hovered);
   --background-color-disabled: none;
-  --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight) var(
-      --telekom-color-functional-focus
-    );
-  --height: var(--telekom-spacing-unit-x11);
+  --focus-outline: var(--telekom-line-weight-highlight) solid
+    var(--telekom-color-functional-focus-standard);
+  --height: 44px;
   --spacing-x: var(--telekom-spacing-unit-x3);
   --color-disabled: var(--telekom-color-text-and-icon-disabled);
   --background-disabled: none;
@@ -224,17 +218,14 @@ scale-text-field {
   --color-meta-error: var(--telekom-color-text-and-icon-functional-danger);
 
   /* control */
-  --spacing-control: 21px var(--telekom-spacing-unit-x10) 5px calc(
-      var(--spacing-x) - 1px
-    );
+  --spacing-control: 1.125rem calc(2rem - var(--telekom-spacing-unit-x025))
+    0.25rem calc(0.75rem - var(--telekom-spacing-unit-x025));
   --transition-control: var(--transition);
-  --font-size-control: var(--telekom-typography-font-size-body);
   --background-control: var(--telekom-color-ui-state-fill-standard);
+  --margin-bottom-control: var(--telekom-spacing-unit-x1);
 
   /* counter */
   --transition-counter: var(--transition);
-  --font-size-counter: var(--font-size-meta);
-  --line-height-counter: var(--line-height-meta);
   --color-counter-error: var(--color-meta-error);
 
   /* helper-text */
@@ -263,10 +254,6 @@ scale-text-field {
   --color-label-readonly: var(--telekom-color-text-and-icon-standard);
   --z-index-label: var(--scl-z-index-10);
   --transition-label: var(--transition);
-  --font-size-label: var(--telekom-typography-font-size-body);
-  --font-weight-label: var(--telekom-typography-font-weight-medium);
-  --font-size-label-focus: var(--telekom-typography-font-size-small);
-  --font-weight-label-focus: var(--telekom-typography-font-weight-bold);
 }
 ```
 
@@ -288,16 +275,16 @@ scale-text-field {
 
 <script>
   const textField = document.getElementById('text-field');
-  textField.addEventListener('scaleChange', () => {
+  textField.addEventListener('scale-change', (event) => {
     /* ... */
   });
-  textField.addEventListener('scaleBlur', () => {
+  textField.addEventListener('scale-blur', (event) => {
     /* ... */
   });
-  textField.addEventListener('scaleFocus', () => {
+  textField.addEventListener('scale-focus', (event) => {
     /* ... */
   });
-  textField.addEventListener('scaleKeyDown', () => {
+  textField.addEventListener('scale-keydown', (event) => {
     /* ... */
   });
 </script>
@@ -353,7 +340,7 @@ scale-text-field {
     args={{
       label: 'With Error',
       invalid: true,
-      helperText: 'something is wrong',
+      helperText: 'Something is wrong',
     }}
   >
     {StorySectionsTemplate.bind({})}
@@ -363,7 +350,7 @@ scale-text-field {
 ```html
 <scale-text-field
   label="With Error"
-  helper-text="something is wrong"
+  helper-text="Something is wrong"
   invalid
 ></scale-text-field>
 ```
@@ -376,7 +363,7 @@ scale-text-field {
     args={{
       label: 'With Warning',
       variant: 'warning',
-      helperText: 'something with warning',
+      helperText: 'Something with warning',
     }}
   >
     {StorySectionsTemplate.bind({})}
@@ -386,7 +373,7 @@ scale-text-field {
 ```html
 <scale-text-field
   label="With Error"
-  helper-text="something with warning"
+  helper-text="Something with warning"
   variant="warning"
 ></scale-text-field>
 ```
@@ -399,7 +386,7 @@ scale-text-field {
     args={{
       label: 'With Success',
       variant: 'success',
-      helperText: 'something is successful',
+      helperText: 'Something is successful',
     }}
   >
     {StorySectionsTemplate.bind({})}
@@ -409,7 +396,7 @@ scale-text-field {
 ```html
 <scale-text-field
   label="With Success"
-  helper-text="something is successful"
+  helper-text="Something is successful"
   variant="success"
 ></scale-text-field>
 ```
@@ -432,7 +419,7 @@ scale-text-field {
 <scale-text-field label="Disabled" disabled></scale-text-field>
 ```
 
-## Readonly
+## Read Only
 
 <Canvas withSource="none">
   <Story
diff --git a/packages/storybook-vue/stories/components/notification-banner/NotificationBanner.stories.mdx b/packages/storybook-vue/stories/deprecated/notification-banner/NotificationBanner.stories.mdx
similarity index 98%
rename from packages/storybook-vue/stories/components/notification-banner/NotificationBanner.stories.mdx
rename to packages/storybook-vue/stories/deprecated/notification-banner/NotificationBanner.stories.mdx
index 5782df6f7e..375cb6e960 100644
--- a/packages/storybook-vue/stories/components/notification-banner/NotificationBanner.stories.mdx
+++ b/packages/storybook-vue/stories/deprecated/notification-banner/NotificationBanner.stories.mdx
@@ -8,7 +8,7 @@ import {
 import ScaleNotificationBanner from './ScaleNotificationBanner.vue';
 
 <Meta
-  title="Beta Components/Notification Banner"
+  title="Deprecated Components/Notification Banner"
   component={ScaleNotificationBanner}
   argTypes={{
     variant: {
@@ -94,7 +94,7 @@ export const LinkTextTemplate = (args, { argTypes }) => ({
   }}
 >
   <h1>Notification Banner</h1>
-  <img src="assets/beta.png" alt="Beta Component" />
+  <img src="assets/deprecated.png" alt="Deprecated Component" />
 </div>
 
 ## Standard
diff --git a/packages/storybook-vue/stories/components/notification-banner/ScaleNotificationBanner.vue b/packages/storybook-vue/stories/deprecated/notification-banner/ScaleNotificationBanner.vue
similarity index 100%
rename from packages/storybook-vue/stories/components/notification-banner/ScaleNotificationBanner.vue
rename to packages/storybook-vue/stories/deprecated/notification-banner/ScaleNotificationBanner.vue
diff --git a/packages/storybook-vue/stories/deprecated/notification-banner/notification-banner.md b/packages/storybook-vue/stories/deprecated/notification-banner/notification-banner.md
new file mode 100644
index 0000000000..341b259168
--- /dev/null
+++ b/packages/storybook-vue/stories/deprecated/notification-banner/notification-banner.md
@@ -0,0 +1,6 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification Banner</h1>
+    <img src="assets/deprecated.png" alt="Deprecated Component" />
+</div>
+
+We no longer support the Notification Banner. Please use the [Notification](?path=/docs/beta-components-notification--standard) instead.
diff --git a/packages/storybook-vue/stories/deprecated/notification-banner/notification-banner_de.md b/packages/storybook-vue/stories/deprecated/notification-banner/notification-banner_de.md
new file mode 100644
index 0000000000..afe6c8125d
--- /dev/null
+++ b/packages/storybook-vue/stories/deprecated/notification-banner/notification-banner_de.md
@@ -0,0 +1,6 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification Banner</h1>
+    <img src="assets/deprecated.png" alt="Deprecated Component" />
+</div>
+
+Wir unterstützen die Notification Banner nicht mehr. Bitte verwende stattdessen den [Notification](?path=/docs/beta-components-notification--standard).
diff --git a/packages/storybook-vue/stories/components/notification-message/NotificationMessage.stories.mdx b/packages/storybook-vue/stories/deprecated/notification-message/NotificationMessage.stories.mdx
similarity index 97%
rename from packages/storybook-vue/stories/components/notification-message/NotificationMessage.stories.mdx
rename to packages/storybook-vue/stories/deprecated/notification-message/NotificationMessage.stories.mdx
index e0f8522581..3f92bebeef 100644
--- a/packages/storybook-vue/stories/components/notification-message/NotificationMessage.stories.mdx
+++ b/packages/storybook-vue/stories/deprecated/notification-message/NotificationMessage.stories.mdx
@@ -8,7 +8,7 @@ import {
 import ScaleNotificationMessage from './ScaleNotificationMessage.vue';
 
 <Meta
-  title="Beta Components/Notification Message"
+  title="Deprecated Components/Notification Message"
   component={ScaleNotificationMessage}
   argTypes={{
     variant: {
@@ -52,7 +52,7 @@ export const Template = (args, { argTypes }) => ({
   }}
 >
   <h1>Notification Message</h1>
-  <img src="assets/beta.png" alt="Beta Component" />
+  <img src="assets/deprecated.png" alt="Deprecated Component" />
 </div>
 
 ## Standard
diff --git a/packages/storybook-vue/stories/components/notification-message/ScaleNotificationMessage.vue b/packages/storybook-vue/stories/deprecated/notification-message/ScaleNotificationMessage.vue
similarity index 100%
rename from packages/storybook-vue/stories/components/notification-message/ScaleNotificationMessage.vue
rename to packages/storybook-vue/stories/deprecated/notification-message/ScaleNotificationMessage.vue
diff --git a/packages/storybook-vue/stories/deprecated/notification-message/notification-message.md b/packages/storybook-vue/stories/deprecated/notification-message/notification-message.md
new file mode 100644
index 0000000000..eda11c3e68
--- /dev/null
+++ b/packages/storybook-vue/stories/deprecated/notification-message/notification-message.md
@@ -0,0 +1,6 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification Message</h1>
+    <img src="assets/deprecated.png" alt="Deprecated Component" />
+</div>
+
+We no longer support the Notification Message. Please use the [Notification](?path=/docs/beta-components-notification--standard) instead.
diff --git a/packages/storybook-vue/stories/deprecated/notification-message/notification-message_de.md b/packages/storybook-vue/stories/deprecated/notification-message/notification-message_de.md
new file mode 100644
index 0000000000..ed3a65989b
--- /dev/null
+++ b/packages/storybook-vue/stories/deprecated/notification-message/notification-message_de.md
@@ -0,0 +1,6 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification Message</h1>
+    <img src="assets/deprecated.png" alt="Deprecated Component" />
+</div>
+
+Wir unterstützen die Notification Message nicht mehr. Bitte verwende stattdessen den [Notification](?path=/docs/beta-components-notification--standard).
diff --git a/packages/storybook-vue/stories/components/notification-toast/NotificationToast.stories.mdx b/packages/storybook-vue/stories/deprecated/notification-toast/NotificationToast.stories.mdx
similarity index 97%
rename from packages/storybook-vue/stories/components/notification-toast/NotificationToast.stories.mdx
rename to packages/storybook-vue/stories/deprecated/notification-toast/NotificationToast.stories.mdx
index 7879f25ae5..53894ac441 100644
--- a/packages/storybook-vue/stories/components/notification-toast/NotificationToast.stories.mdx
+++ b/packages/storybook-vue/stories/deprecated/notification-toast/NotificationToast.stories.mdx
@@ -8,7 +8,7 @@ import {
 import ScaleNotificationToast from './ScaleNotificationToast.vue';
 
 <Meta
-  title="Beta Components/Notification Toast"
+  title="Deprecated Components/Notification Toast"
   component={ScaleNotificationToast}
   argTypes={{
     variant: {
@@ -91,7 +91,7 @@ export const TemplateLink = (args, { argTypes }) => ({
   }}
 >
   <h1>Notification Toast</h1>
-  <img src="assets/beta.png" alt="Beta Component" />
+  <img src="assets/deprecated.png" alt="Deprecated Component" />
 </div>
 
 ## Standard
diff --git a/packages/storybook-vue/stories/components/notification-toast/ScaleNotificationToast.vue b/packages/storybook-vue/stories/deprecated/notification-toast/ScaleNotificationToast.vue
similarity index 100%
rename from packages/storybook-vue/stories/components/notification-toast/ScaleNotificationToast.vue
rename to packages/storybook-vue/stories/deprecated/notification-toast/ScaleNotificationToast.vue
diff --git a/packages/storybook-vue/stories/deprecated/notification-toast/notification-toast.md b/packages/storybook-vue/stories/deprecated/notification-toast/notification-toast.md
new file mode 100644
index 0000000000..4772d59c8c
--- /dev/null
+++ b/packages/storybook-vue/stories/deprecated/notification-toast/notification-toast.md
@@ -0,0 +1,6 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification Toast</h1>
+    <img src="assets/deprecated.png" alt="Deprecated Component" />
+</div>
+
+We no longer support the Notification Toast. Please use the [Notification](?path=/docs/beta-components-notification--standard) instead.
diff --git a/packages/storybook-vue/stories/deprecated/notification-toast/notification-toast_de.md b/packages/storybook-vue/stories/deprecated/notification-toast/notification-toast_de.md
new file mode 100644
index 0000000000..b772bee16e
--- /dev/null
+++ b/packages/storybook-vue/stories/deprecated/notification-toast/notification-toast_de.md
@@ -0,0 +1,6 @@
+<div style="display: inline-flex; align-items: center; justify-content: space-between; width: 100%;">
+    <h1>Notification Toast</h1>
+    <img src="assets/deprecated.png" alt="Deprecated Component" />
+</div>
+
+Wir unterstützen die Notification Toast nicht mehr. Bitte verwende stattdessen den [Notification](?path=/docs/beta-components-notification--standard).
diff --git a/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_de.md b/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_de.md
index 6a76a72b4a..1a86ade1a5 100644
--- a/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_de.md
+++ b/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_de.md
@@ -37,7 +37,7 @@ const App = () => (
 export default App;
 ```
 
-Wenn du unser automatisch generiertes Proxy Package `@telekom/scale-components-react` nutzt (vergiss nicht, es zu installieren):
+Wenn du unser automatisch generiertes Proxy Package `@telekom/scale-components-react` nutzt (vergiss nicht, es zu installieren `npm install @telekom/scale-components-react@next`):
 
 ```jsx
 import React from 'react';
diff --git a/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_en.md b/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_en.md
index ba63d7c537..cfdada40d9 100644
--- a/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_en.md
+++ b/packages/storybook-vue/stories/setup_and_info/ScaleAndReact_en.md
@@ -37,7 +37,7 @@ const App = () => (
 export default App;
 ```
 
-If you use our automatically generated proxy package `@telekom/scale-components-react` (don't forget to install it first):
+If you use our automatically generated proxy package `@telekom/scale-components-react` (don't forget to install it first `npm install @telekom/scale-components-react@next`):
 
 ```jsx
 import React from 'react';
diff --git a/packages/storybook-vue/stories/update_history/Development_de.md b/packages/storybook-vue/stories/update_history/Development_de.md
index fa0085552c..39eebd7f35 100644
--- a/packages/storybook-vue/stories/update_history/Development_de.md
+++ b/packages/storybook-vue/stories/update_history/Development_de.md
@@ -2,6 +2,44 @@
 
 Diese Seite dokumentiert Aktualisierungen in `@telekom/scale-components` und verwandten Paketen.
 
+## Visual Design Updates
+
+21.06.2023
+
+Kleinere Bugfixes und Optimierungen des Visual Designs folgender Komponenten:
+
+- Accordion
+- Breadcrump
+- Button
+- Checkbox Group
+- Card
+- Data Grid
+- Date Picker
+- Dropdown Select
+- Footer
+- Flyout Menu
+- Link
+- List
+- Loading Spinner
+- Modal
+- Notification
+- Radio Button Group
+- Rating Stars
+- Sidebar Navigation
+- Switch
+- Tab Navigation
+- Table
+- Tag
+- Telekom Brand Header
+- Text Area
+- Text Field
+
+**Weitere Änderungen:**
+
+Die Beta-Komponenten Notification Banner, Messager und Toast wurden zu einer Komponente namens "Notification" zusammengefasst.
+
+Die Logovarianten mit Claim wurden aus Scale entfernt, da sie nicht für digitale Anwendungen vorgesehen sind. Das Logo mit Claim kann weiterhin über das Brand & Design-Portal heruntergeladen werden.
+
 ## Weitere Basistypen des Telekom Brand Headers
 
 20.03.2023
diff --git a/packages/storybook-vue/stories/update_history/Development_en.md b/packages/storybook-vue/stories/update_history/Development_en.md
index 3e7895a38b..cd3b65e2dd 100644
--- a/packages/storybook-vue/stories/update_history/Development_en.md
+++ b/packages/storybook-vue/stories/update_history/Development_en.md
@@ -2,6 +2,44 @@
 
 This page documents updates in `@telekom/scale-components` and related packages.
 
+## Visual Design Updates
+
+21.06.2023
+
+Minor bug fixes and optimizations of the visual design of the following components:
+
+- Accordion
+- Breadcrumb
+- Button
+- Checkbox Group
+- Card
+- Data Grid
+- Date Picker
+- Dropdown Select
+- Footer
+- Flyout Menu
+- Link
+- List
+- Loading Spinner
+- Modal
+- Notification
+- Radio Button Group
+- Rating Stars
+- Sidebar Navigation
+- Switch
+- Tab Navigation
+- Table
+- Tag
+- Telekom Brand Header
+- Text Area
+- Text Field
+
+**Further changes:**
+
+The beta components Notification Banner, Messager, and Toast have been merged into a component named "Notification."
+
+The logo variants with a claim have been removed from Scale as they are not intended for digital applications. The logo with a claim can still be downloaded via the [Brand & Design portal](https://www.brand-design.telekom.com/en/asset/logo-0-t-logo-with-claim/).
+
 ## Additional basic types of the Telekom Brand Header
 
 20.03.2023
diff --git a/packages/visual-tests/CHANGELOG.md b/packages/visual-tests/CHANGELOG.md
index 4b50315434..de5e8a392b 100644
--- a/packages/visual-tests/CHANGELOG.md
+++ b/packages/visual-tests/CHANGELOG.md
@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.135](https://github.com/telekom/scale/compare/v3.0.0-beta.134...v3.0.0-beta.135) (2023-06-21)
+
+
+### Bug Fixes
+
+* **list:** spacing ([#2005](https://github.com/telekom/scale/issues/2005)) ([b5a501d](https://github.com/telekom/scale/commit/b5a501d2d12609ab980dae7c47c87770f5010867)), closes [#2006](https://github.com/telekom/scale/issues/2006) [#2012](https://github.com/telekom/scale/issues/2012)
+* accordion spacing and icon size ([#1936](https://github.com/telekom/scale/issues/1936)) ([bf3e60d](https://github.com/telekom/scale/commit/bf3e60d44669bac07d82e0ad2f676308362d4fa3))
+* checkbox group design alignment [#1998](https://github.com/telekom/scale/issues/1998)) ([ecbdcfa](https://github.com/telekom/scale/commit/ecbdcfabe352bb7b263b47cf5a312e7eecf84997))
+* design qa alignment ([#1932](https://github.com/telekom/scale/issues/1932)) ([8f1877c](https://github.com/telekom/scale/commit/8f1877cfdba51856cca926990ead3a8070a35b4d))
+* link design alignment ([#1972](https://github.com/telekom/scale/issues/1972)) ([24c1d7d](https://github.com/telekom/scale/commit/24c1d7d1a9e003ee6befe6bb2950b3a6c640d6df))
+* logo design alignment (SCL-153) ([#1986](https://github.com/telekom/scale/issues/1986)) ([a10306e](https://github.com/telekom/scale/commit/a10306ef0f3660e1f3e92ebf5253d92ed2344284))
+* solving multi-line problems ([#1828](https://github.com/telekom/scale/issues/1828)) ([c3d4c23](https://github.com/telekom/scale/commit/c3d4c236b0f6ff0c9c6f488e63c3127f3cbd1efa))
+* some visual alignments 💅 ([#1884](https://github.com/telekom/scale/issues/1884)) ([8f668a8](https://github.com/telekom/scale/commit/8f668a8bf0a4d2b74c61dcb95f31249dbcb5be5a)), closes [#1886](https://github.com/telekom/scale/issues/1886)
+* tab navigation design qa alignment ([#1942](https://github.com/telekom/scale/issues/1942)) ([40bf169](https://github.com/telekom/scale/commit/40bf1693d11d2e3cd96f635088d9fb5f5c2ddc94))
+* textarea design alignment ([#1925](https://github.com/telekom/scale/issues/1925)) ([4280147](https://github.com/telekom/scale/commit/42801476411b7fbc11854bc140b4e8b9b57dff1b))
+* **date-picker:** sync code and figma ([#1899](https://github.com/telekom/scale/issues/1899)) ([305a42a](https://github.com/telekom/scale/commit/305a42ad1b3d399b9d0e067fffdf2a8916998af4)), closes [#1910](https://github.com/telekom/scale/issues/1910) [#1911](https://github.com/telekom/scale/issues/1911)
+* **icons:** polish after icon library update ([#1921](https://github.com/telekom/scale/issues/1921)) ([1652980](https://github.com/telekom/scale/commit/1652980a4d07be45cc90b818eb0852fb14d67111)), closes [#1922](https://github.com/telekom/scale/issues/1922) [#1923](https://github.com/telekom/scale/issues/1923)
+* **visual-test:** rating stars variant ([#1962](https://github.com/telekom/scale/issues/1962)) ([6e89551](https://github.com/telekom/scale/commit/6e89551e1aa946f0c51b3d0bc1ed70a57368e41a)), closes [#1964](https://github.com/telekom/scale/issues/1964)
+* **visual-tests:** switch ([#1968](https://github.com/telekom/scale/issues/1968)) ([2a3ba70](https://github.com/telekom/scale/commit/2a3ba707d76a3f2fae7c25c89fe61f8b61a4308d))
+* more visual alignments 💅 ([#1929](https://github.com/telekom/scale/issues/1929)) ([73415ba](https://github.com/telekom/scale/commit/73415bacf09b38aaf5b8adddb4ea7c93ed7f81f3)), closes [#1931](https://github.com/telekom/scale/issues/1931) [#1938](https://github.com/telekom/scale/issues/1938)
+* **visual-tests:** pagination buttons disabled ([#1855](https://github.com/telekom/scale/issues/1855)) ([d2068b9](https://github.com/telekom/scale/commit/d2068b9c94b5a148aaefe2d0ae5663bf5df3142a))
+
+
+### Features
+
+* more visual alignments ([#1984](https://github.com/telekom/scale/issues/1984)) ([3c7ecfd](https://github.com/telekom/scale/commit/3c7ecfd6c5449b560f86a8a764427e0dfc1be1be)), closes [#1985](https://github.com/telekom/scale/issues/1985)
+* use sort indicator icons ([#2010](https://github.com/telekom/scale/issues/2010)) ([953c198](https://github.com/telekom/scale/commit/953c198b84398a09d0f006dc7d246da7160e7f36)), closes [#2011](https://github.com/telekom/scale/issues/2011) [#2013](https://github.com/telekom/scale/issues/2013)
+* visual alignment, some more ([#2022](https://github.com/telekom/scale/issues/2022)) ([070df35](https://github.com/telekom/scale/commit/070df354a404a46e0cf2524ca23a08a1ce99f871)), closes [#2023](https://github.com/telekom/scale/issues/2023) [#2024](https://github.com/telekom/scale/issues/2024) [#2028](https://github.com/telekom/scale/issues/2028)
+* **chip:** better spacing ([#2008](https://github.com/telekom/scale/issues/2008)) ([e60a8aa](https://github.com/telekom/scale/commit/e60a8aa00fd0ebcf5eff64d09c61432bf40ca25f)), closes [#2009](https://github.com/telekom/scale/issues/2009)
+* **notification:** banner, message and toast are now one single component ([#1180](https://github.com/telekom/scale/issues/1180)) ([89990af](https://github.com/telekom/scale/commit/89990af4003666f7b99d5439b48460d59b833158))
+
+
+
+
+
 # [3.0.0-beta.134](https://github.com/telekom/scale/compare/v3.0.0-beta.133...v3.0.0-beta.134) (2023-05-09)
 
 **Note:** Version bump only for package @telekom/scale-visual-tests
diff --git a/packages/visual-tests/package.json b/packages/visual-tests/package.json
index 9eb8a8a21a..ecbab47b38 100644
--- a/packages/visual-tests/package.json
+++ b/packages/visual-tests/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-visual-tests",
   "private": true,
-  "version": "3.0.0-beta.134",
+  "version": "3.0.0-beta.135",
   "main": "index.js",
   "license": "MPL-2.0",
   "scripts": {
@@ -9,6 +9,7 @@
     "copy": "rimraf ./storybook-static && cp -R ../storybook-vue/storybook-static ./",
     "test": "PUPPETEER_CHROMIUM_REVISION=1055161 PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true jest --forceExit",
     "test:ci": "JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1 PUPPETEER_CHROMIUM_REVISION=1055161 jest --forceExit",
+    "test:m1": "DOCKER_DEFAULT_PLATFORM=linux/amd64 PUPPETEER_CHROMIUM_REVISION=1055161 PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true jest --forceExit",
     "format": "prettier --write \"package.json\" \"src/**/*.js\" \"./*.js\""
   },
   "dependencies": {
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-1-snap.png
index eab8a38d48..b06016be03 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-2-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-2-snap.png
index 2b222cc364..eda2fcdc42 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-3-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-3-snap.png
index b0440777f5..04c1e6ee95 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-4-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-4-snap.png
index 74b972e3cd..2e052e2f3f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-5-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-5-snap.png
index 57332df216..2d9c880192 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-5-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-dependent-5-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-expanded-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-expanded-1-snap.png
index 38522d5312..a2d4d7d865 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-expanded-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-expanded-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-heading-level-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-heading-level-1-snap.png
index eab8a38d48..b06016be03 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-heading-level-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-heading-level-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-1-snap.png
index eab8a38d48..b06016be03 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-2-snap.png
index 2b222cc364..eda2fcdc42 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-3-snap.png
index b0440777f5..04c1e6ee95 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-4-snap.png
index 74b972e3cd..2e052e2f3f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-5-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-5-snap.png
index 57332df216..2d9c880192 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-5-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-dark-standard-5-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-1-snap.png
index 360ec87e9c..c3f7d75a09 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-2-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-2-snap.png
index 30909efd63..20916c8d08 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-3-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-3-snap.png
index 6527fd057a..b3fd16155d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-4-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-4-snap.png
index ba7978eab9..af84370e92 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-5-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-5-snap.png
index 569a19fb24..51d8919461 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-5-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-dependent-5-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-expanded-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-expanded-1-snap.png
index f3a8267f6e..10ef676e56 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-expanded-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-expanded-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-heading-level-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-heading-level-1-snap.png
index 360ec87e9c..c3f7d75a09 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-heading-level-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-heading-level-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-1-snap.png
index 360ec87e9c..c3f7d75a09 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-2-snap.png
index 30909efd63..20916c8d08 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-3-snap.png
index 6527fd057a..b3fd16155d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-4-snap.png
index ba7978eab9..af84370e92 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-5-snap.png b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-5-snap.png
index 569a19fb24..51d8919461 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-5-snap.png and b/packages/visual-tests/src/__image_snapshots__/accordion-visual-spec-js-accordion-light-standard-5-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-1-snap.png
index 4d119f51a6..7c24dc0bcd 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-2-snap.png
index acc0a51063..42e040ee83 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-3-snap.png
index 681f5b42d0..5dc70802cb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-1-snap.png
index 2ca7ffc1ac..fe99a683b2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-2-snap.png
index 0aaab5676e..761be313b9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-3-snap.png
index 971a5991b1..63fe9a9621 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/breadcrumb-visual-spec-js-breadcrumb-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-1-snap.png
index 3c3f37da84..ad713dacd2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-2-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-2-snap.png
index e95ff97733..8cc77ed344 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-3-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-3-snap.png
index f5b62c5b92..ea7027c7af 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-icon-only-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-1-snap.png
index edec485eba..4c62525719 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-2-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-2-snap.png
index 232847d0b9..c12604fad3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-3-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-3-snap.png
index fc0100bd89..0b22817b2e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-button-with-icon-before-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-icon-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-icon-only-1-snap.png
index 90726cb9f0..30173f54ee 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-icon-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-icon-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-icon-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-icon-only-1-snap.png
index 268e2b2de2..9c0d93dc02 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-icon-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-icon-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-after-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-after-1-snap.png
index 161edfb01a..ef310d40de 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-after-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-after-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-before-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-before-1-snap.png
index 967e5e7e10..f684ffb8e5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-before-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-small-with-icon-before-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-after-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-after-1-snap.png
index 61cf5c67bb..d3042e34b5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-after-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-after-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-before-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-before-1-snap.png
index a47e40ceac..8899ecfd48 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-before-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-dark-with-icon-before-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-icon-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-icon-only-1-snap.png
index fdea69fdb4..28bf3aad24 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-icon-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-icon-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-icon-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-icon-only-1-snap.png
index 76d7d5e8df..7a5727bdb4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-icon-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-icon-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-after-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-after-1-snap.png
index 9c15fa64ec..aa6de9cf41 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-after-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-after-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-before-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-before-1-snap.png
index bd4a383780..74f9dbc29a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-before-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-small-with-icon-before-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-after-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-after-1-snap.png
index 3ab213b785..badb13f62d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-after-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-after-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-before-1-snap.png b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-before-1-snap.png
index 60b0f9bc8b..43f7dee947 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-before-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/button-visual-spec-js-button-light-with-icon-before-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-standard-1-snap.png
index 44428aa95c..a1ff35b761 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-further-functions-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-further-functions-1-snap.png
deleted file mode 100644
index a815776d86..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-further-functions-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-1-snap.png
index 4809297cd5..05e4c326cf 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-2-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-2-snap.png
index 4809297cd5..05e4c326cf 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-image-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-1-snap.png
index 3a7a85255a..39fb303439 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-2-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-2-snap.png
index 3a7a85255a..39fb303439 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-dark-with-link-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-standard-1-snap.png
index b574021d7f..742ea83a4c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-further-functions-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-further-functions-1-snap.png
deleted file mode 100644
index 98dcffaef5..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-further-functions-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-1-snap.png
index d5dc08041e..61240b5feb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-2-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-2-snap.png
index fdf3264c3a..0e175e0da6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-image-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-1-snap.png
index 0cd51726e6..ee1c7d8191 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-2-snap.png b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-2-snap.png
index c66a15ea51..9bc4623ea1 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/card-visual-spec-js-card-light-with-link-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-checkbox-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-checkbox-disabled-1-snap.png
index 76f1340f56..e02c73f8df 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-checkbox-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-checkbox-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-group-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-group-error-1-snap.png
index 726afe9e82..faec3da1a4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-group-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-group-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-helper-text-1-snap.png
index e561f98b1a..eb32e94a1b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-1-snap.png
index a7a8424f54..d36545334e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-2-snap.png
index a02982b75b..c08480bf0b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-3-snap.png
index 4ec27b2fce..c13af3eeb2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-4-snap.png
index 84c8bae2c4..e46487248b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-dark-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-checkbox-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-checkbox-disabled-1-snap.png
index f00985691a..188bc7005c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-checkbox-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-checkbox-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-group-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-group-error-1-snap.png
index a861d18488..0aed63ec99 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-group-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-group-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-helper-text-1-snap.png
index 05c990d299..ff32d3abad 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-1-snap.png
index ba58cd0a26..949798e155 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-2-snap.png
index 64f87abcc9..9f6f10bf7d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-3-snap.png
index 5dd92fc214..ac3e292e7c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-4-snap.png
index f3478c9730..eb58e20fe9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-group-visual-spec-js-checkbox-group-light-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-1-snap.png
index 866871d9e0..7ebee3cc31 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-2-snap.png
index 87271f478a..b437e38fb5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-3-snap.png
index 826fbe870b..f6595be903 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-4-snap.png
index b38da66ccf..7a325cc247 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-custom-label-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-error-1-snap.png
index 85424e02fb..2f12a114e6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-helper-text-1-snap.png
index 6d3152d899..5065f0a80b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-1-snap.png
index d501fa1792..2aa3417628 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-2-snap.png
index a0f9edd5dd..6070c084e9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-3-snap.png
index 912e9f30d2..0caa6ac145 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-4-snap.png
index 227785c6af..1f501448b0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-disabled-1-snap.png
index a9d08c5fe4..0533e0bb2a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-1-snap.png
index 371a9bcc6a..ff891d11c5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-2-snap.png
index c468486d7b..0eecfe80fb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-3-snap.png
index b1e45494b9..2945edd51b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-4-snap.png
index 129858bfd9..946cc63621 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-disabled-1-snap.png
index bbaafdfc2c..24954d44cb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-dark-standard-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-1-snap.png
index 1d1d23bb04..e337b2cee5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-2-snap.png
index f969b4cb35..18e171079a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-3-snap.png
index d0d436fd95..b082388224 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-4-snap.png
index a2c23e91bb..838c67a83b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-custom-label-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-error-1-snap.png
index fb53f5d021..3fe76e32e4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-helper-text-1-snap.png
index be32943ab3..235fb15d57 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-1-snap.png
index 951d2cf3bf..94fc37c201 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-2-snap.png
index 402f9bf8dd..c78fd034ca 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-3-snap.png
index 5053b05801..a195f29ce6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-4-snap.png
index 9a6bc6f420..04a8377083 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-disabled-1-snap.png
index 6f46a59c8b..a177ff7660 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-1-snap.png
index 853d42c4a0..8e8a90e07d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-2-snap.png
index dcb3aa9384..10933cc25f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-3-snap.png
index 5c07e18f65..c3a498e788 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-4-snap.png
index 8ece3e1463..18cf76db1f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-disabled-1-snap.png
index aaa6a7af01..27760f57e3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/checkbox-visual-spec-js-checkbox-light-standard-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-outline-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-outline-1-snap.png
index b8737f4405..a7714a64b4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-outline-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-outline-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-standard-1-snap.png
index 1bfa5269ac..58760a14cb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-selection-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-suggestion-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-suggestion-1-snap.png
index 6a95c185b8..e2564fd117 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-suggestion-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-dynamic-suggestion-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-1-snap.png
index 6a95c185b8..e2564fd117 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-disabled-1-snap.png
index 61dbb931ab..6b6755d0b9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-1-snap.png
index 0784aca89f..26215f46c0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-disabled-1-snap.png
index 4261adaa5d..a431346dc3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-outline-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-1-snap.png
index 6a95c185b8..e2564fd117 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-disabled-1-snap.png
index 61dbb931ab..6b6755d0b9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-selected-1-snap.png
index f6e6c6dadb..4a36e1616d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-dark-persistent-standard-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-outline-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-outline-1-snap.png
index 30979a86da..8e25640c69 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-outline-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-outline-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-standard-1-snap.png
index fcf83f4eac..336de815a1 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-selection-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-suggestion-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-suggestion-1-snap.png
index cb0274375f..e8998a57d6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-suggestion-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-dynamic-suggestion-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-1-snap.png
index cb0274375f..e8998a57d6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-disabled-1-snap.png
index 360079c8b8..1a687a5634 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-1-snap.png
index 18fb46b434..12dc8aeb57 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-disabled-1-snap.png
index af31170ad2..a24525c20d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-outline-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-1-snap.png
index cb0274375f..e8998a57d6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-disabled-1-snap.png
index 360079c8b8..1a687a5634 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-selected-1-snap.png
index 9cf1dffc22..e094a7dbf0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/chip-visual-spec-js-chip-light-persistent-standard-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-email-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-email-cell-1-snap.png
index 9e1cf06df4..6c37332cc7 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-email-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-email-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-heading-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-heading-1-snap.png
index a41d96a334..26042718e2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-heading-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-heading-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-hide-extras-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-hide-extras-1-snap.png
index 45808cd0ed..eb4bcfa920 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-hide-extras-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-hide-extras-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-html-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-html-cell-1-snap.png
index 73e99e03a4..e92df716c9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-html-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-html-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-number-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-number-cell-1-snap.png
index e4a4bf1fe2..f14f4e8741 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-number-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-number-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-pagination-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-pagination-1-snap.png
index 3ef587d9f1..15f5e6bea6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-pagination-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-pagination-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-selection-export-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-selection-export-1-snap.png
index 16aed863bf..138bc7f8ca 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-selection-export-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-selection-export-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-tags-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-tags-cell-1-snap.png
index f6a3725783..58de1cf34e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-tags-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-tags-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-telephone-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-telephone-cell-1-snap.png
index 54e334adc5..5af6309cfd 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-telephone-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-dark-telephone-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-email-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-email-cell-1-snap.png
index d1a5710958..dd2e3a0612 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-email-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-email-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-heading-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-heading-1-snap.png
index 8a94f763a7..e95fef326d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-heading-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-heading-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-hide-extras-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-hide-extras-1-snap.png
index 5bb5e17d9b..12dd910fc5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-hide-extras-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-hide-extras-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-html-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-html-cell-1-snap.png
index a88c2bc4f7..aa96c6649d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-html-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-html-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-number-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-number-cell-1-snap.png
index f518aec015..d64939a482 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-number-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-number-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-pagination-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-pagination-1-snap.png
index 6abbe8fba7..142c0d6522 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-pagination-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-pagination-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-selection-export-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-selection-export-1-snap.png
index 0c1caa8aa6..54a25cebf2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-selection-export-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-selection-export-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-tags-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-tags-cell-1-snap.png
index aa325cb398..259212e4f9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-tags-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-tags-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-telephone-cell-1-snap.png b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-telephone-cell-1-snap.png
index 70c9ea1cb3..d19186fc74 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-telephone-cell-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/datagrid-visual-spec-js-data-grid-light-telephone-cell-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-date-range-picker-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-date-range-picker-1-snap.png
index cbd5dcfbc0..d08f9cf051 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-date-range-picker-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-date-range-picker-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-disabled-1-snap.png
index 848c6d896a..a6a11a15d2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-helper-text-1-snap.png
index a852c86cf5..4bf0318e50 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-1-snap.png
index 7e2e05060a..c0196c451c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-2-snap.png
index 47a1e3c750..5269b0cdb6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-3-snap.png
index 3d56dc8bfd..a78ac3333d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-4-snap.png
index e865e179a7..67264e75c6 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-with-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-with-error-1-snap.png
index d7b5fc0737..54cc6c6074 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-with-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-dark-with-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-date-range-picker-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-date-range-picker-1-snap.png
index b55c301cdc..41c476494c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-date-range-picker-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-date-range-picker-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-disabled-1-snap.png
index 3a68594260..b23701fe56 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-helper-text-1-snap.png
index e5ac524e76..52b37ad4dc 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-1-snap.png
index e5d7a9e700..df7a0a614c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-2-snap.png
index f9286fb68e..709bd0d5a7 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-3-snap.png
index 144f4f546b..c9022bd230 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-4-snap.png
index 1a899d8348..a7b5aae1cb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-with-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-with-error-1-snap.png
index 52a93e3bc6..9de36255c3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-with-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/date-picker-visual-spec-js-date-picker-light-with-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png
deleted file mode 100644
index de2f45af45..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png
deleted file mode 100644
index de2f45af45..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-disabled-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png
deleted file mode 100644
index eb970c1620..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png
deleted file mode 100644
index dd5c59c90a..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-error-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png
deleted file mode 100644
index 4e352073d8..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-2-snap.png
deleted file mode 100644
index 222055bf59..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png
deleted file mode 100644
index b0deec3af3..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png
deleted file mode 100644
index 4d3b13344f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-dark-standard-4-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png
deleted file mode 100644
index 6ec980655c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png
deleted file mode 100644
index 6ec980655c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-disabled-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png
deleted file mode 100644
index aedfef0fc8..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png
deleted file mode 100644
index a6bc459de9..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-error-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png
deleted file mode 100644
index 7c6d7aa1b8..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png
deleted file mode 100644
index 4dbd8a5ff7..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-3-snap.png
deleted file mode 100644
index 4ffe5c4a2d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png
deleted file mode 100644
index 72bf1aca87..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-select-visual-spec-js-dropdown-select-light-standard-4-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-disabled-1-snap.png
index 2fabae1514..2b54112ea8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-error-1-snap.png
index 8bb03c72e7..2fef5677bd 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-1-snap.png
index 947e9c3a62..1b983d8442 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-2-snap.png
index d6ca447c8f..1b5c91b49e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-3-snap.png
index 529172be87..be60a7b960 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-4-snap.png
index 947e9c3a62..1b983d8442 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png
index 3865a866c0..0544b8e1dd 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-warning-1-snap.png
index ac468f2c51..c2699f2166 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-warning-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-warning-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-with-custom-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-with-custom-icon-1-snap.png
index 5b3ec286eb..0b6dfe13d7 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-with-custom-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-with-custom-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-disabled-1-snap.png
index 5ff4da45ec..3f6039b28e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-error-1-snap.png
index cab6c3722c..f4ff97dac3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-1-snap.png
index f5a29d583b..b86f50ac3c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-2-snap.png
index 6dfc9f1934..9d10dd6253 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-3-snap.png
index 3e1c5f4b66..a421e74de8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-4-snap.png
index 97a9d6d029..b86f50ac3c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png
index 8557de6b76..3623b8f222 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-warning-1-snap.png
index 0edc78095b..c129836575 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-warning-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-warning-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-with-custom-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-with-custom-icon-1-snap.png
index 0f5bb33108..2e7c2d6f04 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-with-custom-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-with-custom-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-minimal-1-snap.png b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-minimal-1-snap.png
index b71d8027d7..8bc86e0b1d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-minimal-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-minimal-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-standard-1-snap.png
index a5320378e9..e6f6248f73 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-minimal-1-snap.png b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-minimal-1-snap.png
index 29a5422de9..ebe2b3c81a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-minimal-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-minimal-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-standard-1-snap.png
index c456765127..32d1afae4c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/footer-visual-spec-js-footer-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-dark-icon-library-1-snap.png b/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-dark-icon-library-1-snap.png
index 3e8944fce0..840c009f82 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-dark-icon-library-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-dark-icon-library-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-light-icon-library-1-snap.png b/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-light-icon-library-1-snap.png
index 5abbc61f86..9c65d3fbca 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-light-icon-library-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/icon-visual-spec-js-icon-light-icon-library-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-disabled-1-snap.png
index 5011d42d70..9055f341f4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-standard-1-snap.png
index 6c2b4d8bb8..af10ecf6bc 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-1-snap.png
index c4d761d645..95fba84433 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-2-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-2-snap.png
index 44be98868b..702667d4fe 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-3-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-3-snap.png
index c4d761d645..510d33288f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-4-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-4-snap.png
index 9a5510d5e2..a541fb8488 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-dark-with-icon-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-disabled-1-snap.png
index f7456340cf..e083e1fb1a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-standard-1-snap.png
index 0370216f88..ca7034ff5d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-1-snap.png
index 94a84cb16d..7391b40efe 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-2-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-2-snap.png
index 7735c1b5dc..8ded6a1165 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-3-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-3-snap.png
index 94a84cb16d..034d117909 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-4-snap.png b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-4-snap.png
index c427cb6d2b..2d64bb12be 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/link-visual-spec-js-link-light-with-icon-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-ordered-1-snap.png b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-ordered-1-snap.png
index 22befcc635..0af112a71e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-ordered-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-ordered-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-1-snap.png b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-1-snap.png
index 0ca86c25ed..40c953181b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-with-custom-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-with-custom-icon-1-snap.png
index 5f8d7f8902..5b518cfeb3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-with-custom-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-dark-unordered-with-custom-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-ordered-1-snap.png b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-ordered-1-snap.png
index 62d3c67930..9104ad3fe7 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-ordered-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-ordered-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-1-snap.png b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-1-snap.png
index eac07732b9..6dfa12cce8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-with-custom-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-with-custom-icon-1-snap.png
index f5882c1c14..73e96dda0e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-with-custom-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/list-visual-spec-js-list-light-unordered-with-custom-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-1-snap.png
index 5bac1cb30f..7233c9a2d3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-2-snap.png
index 5bac1cb30f..7233c9a2d3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-link-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-cyrillic-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-cyrillic-1-snap.png
deleted file mode 100644
index 2e50440fc5..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-cyrillic-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-cyrillic-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-cyrillic-2-snap.png
deleted file mode 100644
index 2e50440fc5..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-cyrillic-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-latin-script-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-latin-script-1-snap.png
deleted file mode 100644
index e20e8fdc99..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-latin-script-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-latin-script-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-latin-script-2-snap.png
deleted file mode 100644
index e20e8fdc99..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-macedonia-latin-script-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-1-snap.png
index f8efd7660e..18cda727e9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-2-snap.png
index f8efd7660e..18cda727e9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-sizing-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-1-snap.png
index 5bac1cb30f..7233c9a2d3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-2-snap.png
index 5bac1cb30f..7233c9a2d3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-1-snap.png
index 66993f591e..2d6746f4e8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-2-snap.png
index 66993f591e..2d6746f4e8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-dark-white-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-1-snap.png
index afe64b3701..a32c6bf6f5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-2-snap.png
index afe64b3701..a32c6bf6f5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-link-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-cyrillic-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-cyrillic-1-snap.png
deleted file mode 100644
index d797917c2d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-cyrillic-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-cyrillic-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-cyrillic-2-snap.png
deleted file mode 100644
index d797917c2d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-cyrillic-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-latin-script-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-latin-script-1-snap.png
deleted file mode 100644
index b495032121..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-latin-script-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-latin-script-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-latin-script-2-snap.png
deleted file mode 100644
index b495032121..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-macedonia-latin-script-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-1-snap.png
index ff839818b6..a89d2ffcec 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-2-snap.png
index ff839818b6..a89d2ffcec 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-sizing-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-1-snap.png
index afe64b3701..a32c6bf6f5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-2-snap.png
index afe64b3701..a32c6bf6f5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-1-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-1-snap.png
index dd635b63a2..a01099c389 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-2-snap.png b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-2-snap.png
index dd635b63a2..a01099c389 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/logo-visual-spec-js-logo-light-white-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-dismissible-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-dismissible-1-snap.png
deleted file mode 100644
index c2e0273875..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-dismissible-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-error-1-snap.png
deleted file mode 100644
index 15a47c03b7..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-informational-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-informational-1-snap.png
deleted file mode 100644
index d3e9c00e83..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-informational-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-standard-1-snap.png
deleted file mode 100644
index d3e9c00e83..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-success-1-snap.png
deleted file mode 100644
index cd972d88ca..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-success-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-timeout-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-timeout-1-snap.png
deleted file mode 100644
index d3e9c00e83..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-timeout-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-warning-1-snap.png
deleted file mode 100644
index a3f9407e60..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-warning-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-link-1-snap.png
deleted file mode 100644
index 9605408586..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-link-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-link-and-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-link-and-text-1-snap.png
deleted file mode 100644
index 134b73e3f4..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-link-and-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-text-1-snap.png
deleted file mode 100644
index 34b005e822..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-dark-with-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-dismissible-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-dismissible-1-snap.png
deleted file mode 100644
index 306155859d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-dismissible-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-error-1-snap.png
deleted file mode 100644
index 3b784e8c0f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-informational-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-informational-1-snap.png
deleted file mode 100644
index 746520a380..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-informational-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-standard-1-snap.png
deleted file mode 100644
index 746520a380..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-success-1-snap.png
deleted file mode 100644
index 4936ca277c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-success-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-timeout-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-timeout-1-snap.png
deleted file mode 100644
index 746520a380..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-timeout-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-warning-1-snap.png
deleted file mode 100644
index ca2feadf6f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-warning-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-link-1-snap.png
deleted file mode 100644
index 88b016a1a8..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-link-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-link-and-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-link-and-text-1-snap.png
deleted file mode 100644
index cf35743891..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-link-and-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-text-1-snap.png
deleted file mode 100644
index 0abf2d6770..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-banner-visual-spec-js-notification-banner-light-with-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-dismissible-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-dismissible-1-snap.png
deleted file mode 100644
index 2e5789089d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-dismissible-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-error-1-snap.png
deleted file mode 100644
index 121e14d632..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-informational-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-informational-1-snap.png
deleted file mode 100644
index 0c3a5aed4f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-informational-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-standard-1-snap.png
deleted file mode 100644
index 0c3a5aed4f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-success-1-snap.png
deleted file mode 100644
index 070c6ba5cb..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-success-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-timeout-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-timeout-1-snap.png
deleted file mode 100644
index 0c3a5aed4f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-timeout-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-warning-1-snap.png
deleted file mode 100644
index 2e42e716ff..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-warning-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-with-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-with-text-1-snap.png
deleted file mode 100644
index 3abf7e5c5a..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-dark-with-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-dismissible-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-dismissible-1-snap.png
deleted file mode 100644
index 065daa5534..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-dismissible-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-error-1-snap.png
deleted file mode 100644
index e56904be27..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-informational-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-informational-1-snap.png
deleted file mode 100644
index 2fdb753863..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-informational-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-standard-1-snap.png
deleted file mode 100644
index 2fdb753863..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-success-1-snap.png
deleted file mode 100644
index ae434b9228..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-success-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-timeout-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-timeout-1-snap.png
deleted file mode 100644
index 2fdb753863..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-timeout-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-warning-1-snap.png
deleted file mode 100644
index 899b2c068a..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-warning-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-with-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-with-text-1-snap.png
deleted file mode 100644
index ca8f51c0b2..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-message-visual-spec-js-notification-message-light-with-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-error-1-snap.png
deleted file mode 100644
index 11c8aa28ff..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-standard-1-snap.png
deleted file mode 100644
index 35e439315e..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-success-1-snap.png
deleted file mode 100644
index 038069a190..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-success-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-warning-1-snap.png
deleted file mode 100644
index 71b5a48f03..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-warning-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-with-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-with-link-1-snap.png
deleted file mode 100644
index f2b2bd714b..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-with-link-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-with-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-with-text-1-snap.png
deleted file mode 100644
index a9cee03062..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-dark-with-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-error-1-snap.png
deleted file mode 100644
index bdce48563f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-standard-1-snap.png
deleted file mode 100644
index dbcdb1a926..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-success-1-snap.png
deleted file mode 100644
index e710562127..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-success-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-warning-1-snap.png
deleted file mode 100644
index 9bc6c58fe2..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-warning-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-with-link-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-with-link-1-snap.png
deleted file mode 100644
index 8a20a74249..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-with-link-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-with-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-with-text-1-snap.png
deleted file mode 100644
index c12a7e9060..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/notification-toast-visual-spec-js-notification-toast-light-with-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-banner-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-banner-1-snap.png
new file mode 100644
index 0000000000..67478e69af
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-banner-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-danger-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-danger-1-snap.png
new file mode 100644
index 0000000000..dc815a257b
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-danger-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-informational-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-informational-1-snap.png
new file mode 100644
index 0000000000..0fae07241f
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-informational-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-inline-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-inline-1-snap.png
new file mode 100644
index 0000000000..379eb72635
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-inline-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-standard-1-snap.png
new file mode 100644
index 0000000000..6beed874e3
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-success-1-snap.png
new file mode 100644
index 0000000000..2e2496936e
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-toast-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-toast-1-snap.png
new file mode 100644
index 0000000000..369404c478
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-toast-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-warning-1-snap.png
new file mode 100644
index 0000000000..0ab6ee554f
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-dark-warning-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-banner-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-banner-1-snap.png
new file mode 100644
index 0000000000..c9359349ce
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-banner-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-danger-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-danger-1-snap.png
new file mode 100644
index 0000000000..990676d84e
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-danger-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-informational-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-informational-1-snap.png
new file mode 100644
index 0000000000..e7c165fa50
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-informational-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-inline-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-inline-1-snap.png
new file mode 100644
index 0000000000..486359a3ab
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-inline-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-standard-1-snap.png
new file mode 100644
index 0000000000..a0ae257308
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-success-1-snap.png
new file mode 100644
index 0000000000..d152f9e870
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-toast-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-toast-1-snap.png
new file mode 100644
index 0000000000..7301e62e62
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-toast-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-warning-1-snap.png
new file mode 100644
index 0000000000..f78815aa8a
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/notification-visual-spec-js-notification-light-warning-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-1-snap.png
index 0285187ffd..d636b99558 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-2-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-2-snap.png
index b64fa4ef50..9921220998 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-buttons-disabled-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-1-snap.png
deleted file mode 100644
index ef77cb0f43..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-2-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-2-snap.png
deleted file mode 100644
index ce17597b17..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-3-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-3-snap.png
deleted file mode 100644
index 348a1b11e9..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-4-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-4-snap.png
deleted file mode 100644
index 18f3a3b1a1..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-embedded-hidden-borders-4-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-1-snap.png
index a0b74c208a..d5ede32c47 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-2-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-2-snap.png
index 61446cf216..b2104f3fac 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-3-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-3-snap.png
index 72a8169152..4fa3039033 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-4-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-4-snap.png
index 5c7ca48456..62508cf7b4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-hidden-borders-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-standard-1-snap.png
index 02b5c27811..6e0de32735 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-1-snap.png
index 50050182ce..bffc457a24 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-2-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-2-snap.png
index 1c65a66467..67e5a519e8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-buttons-disabled-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-1-snap.png
deleted file mode 100644
index 5148b4aa66..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-2-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-2-snap.png
deleted file mode 100644
index 5aee040feb..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-3-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-3-snap.png
deleted file mode 100644
index 617aac2d40..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-4-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-4-snap.png
deleted file mode 100644
index 63fcb13dae..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-embedded-hidden-borders-4-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-1-snap.png
index 026d6b1360..dfe2da6536 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-2-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-2-snap.png
index ba40c8ef75..0ba2314ed0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-3-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-3-snap.png
index 3c403f3d76..a18e97e3ee 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-4-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-4-snap.png
index 4ac87b8358..93a3410ab4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-hidden-borders-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-standard-1-snap.png
index 6f709dd8a4..ea3dc8fb5d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/pagination-visual-spec-js-pagination-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-completed-1-snap.png b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-completed-1-snap.png
index 9fba836429..22d527c612 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-completed-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-completed-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-description-1-snap.png b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-description-1-snap.png
index 66b51a1a65..26731ec6fc 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-description-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-description-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-error-1-snap.png
index 4b80fb4c1e..0aa7e94731 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-dark-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-completed-1-snap.png b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-completed-1-snap.png
index 9311024f6f..757857138d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-completed-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-completed-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-description-1-snap.png b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-description-1-snap.png
index b696225c9d..ebb9a5b618 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-description-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-description-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-error-1-snap.png
index ca7ad38a55..3237be209d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/progressbar-visual-spec-js-progress-bar-light-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-error-1-snap.png
deleted file mode 100644
index 64bc6e259b..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-helper-text-1-snap.png
deleted file mode 100644
index 88cd68cab6..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-helper-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-1-snap.png
deleted file mode 100644
index a9ce7b9113..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-2-snap.png
deleted file mode 100644
index 67fa95a08f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-3-snap.png
deleted file mode 100644
index 6839272f58..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-4-snap.png
deleted file mode 100644
index e0f357c6d0..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-4-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-5-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-5-snap.png
deleted file mode 100644
index aa231f8afd..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-dark-standard-5-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-error-1-snap.png
deleted file mode 100644
index 7309864f3d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-helper-text-1-snap.png
deleted file mode 100644
index 59c900d3cb..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-helper-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-1-snap.png
deleted file mode 100644
index 202e6b336b..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-2-snap.png
deleted file mode 100644
index da34f0b1da..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-3-snap.png
deleted file mode 100644
index b5c553141f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-4-snap.png
deleted file mode 100644
index 28c3357c5c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-4-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-5-snap.png b/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-5-snap.png
deleted file mode 100644
index 234361074f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radio-button-group-visual-spec-js-radio-button-group-light-standard-5-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-error-1-snap.png
deleted file mode 100644
index bf9cb314ee..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-helper-text-1-snap.png
deleted file mode 100644
index c475ae11f4..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-helper-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-selected-1-snap.png
deleted file mode 100644
index 043d874d3b..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-selected-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-selected-disabled-1-snap.png
deleted file mode 100644
index a43b9e59f9..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-selected-disabled-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-standard-1-snap.png
deleted file mode 100644
index 3ce4d34c2d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-standard-disabled-1-snap.png
deleted file mode 100644
index 3bea42b79d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-dark-standard-disabled-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-error-1-snap.png
deleted file mode 100644
index 7ccc93a061..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-error-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-helper-text-1-snap.png
deleted file mode 100644
index 30c704bb63..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-helper-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-selected-1-snap.png
deleted file mode 100644
index 71f8d255f0..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-selected-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-selected-disabled-1-snap.png
deleted file mode 100644
index 070a97a69d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-selected-disabled-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-standard-1-snap.png
deleted file mode 100644
index 105e03ae6e..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-standard-disabled-1-snap.png
deleted file mode 100644
index 0b038680b5..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-light-standard-disabled-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-1-snap.png
deleted file mode 100644
index df0ed4807c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-2-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-2-snap.png
deleted file mode 100644
index df0ed4807c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-3-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-3-snap.png
deleted file mode 100644
index df0ed4807c..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-selected-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-1-snap.png
deleted file mode 100644
index 9f37eb84ca..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-2-snap.png
deleted file mode 100644
index 7fb665fcbb..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-3-snap.png
deleted file mode 100644
index bcbc6a3a3f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/radiobutton-visual-spec-js-radio-button-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-active-info-text-and-custom-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-active-info-text-and-custom-label-1-snap.png
index 493de28fd6..964c8f9cb2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-active-info-text-and-custom-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-active-info-text-and-custom-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-disabled-1-snap.png
index 36310c8a19..b526be67f8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-hidden-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-hidden-label-1-snap.png
index 96e166b448..c3d6b4e6ac 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-hidden-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-hidden-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-info-text-and-custom-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-info-text-and-custom-label-1-snap.png
index c67d9063df..3e4d92d580 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-info-text-and-custom-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-info-text-and-custom-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-readonly-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-readonly-1-snap.png
index f721f9060b..ef2a3471d0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-readonly-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-readonly-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-small-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-small-1-snap.png
new file mode 100644
index 0000000000..6ddc9e1ada
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-small-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-small-with-info-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-small-with-info-text-1-snap.png
deleted file mode 100644
index 6c93172cf4..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-dark-story-small-with-info-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-active-info-text-and-custom-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-active-info-text-and-custom-label-1-snap.png
index e8903bdf84..f37d6e8b72 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-active-info-text-and-custom-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-active-info-text-and-custom-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-disabled-1-snap.png
index ab9cbcf9b9..0a198aa300 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-hidden-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-hidden-label-1-snap.png
index 855f21298f..e8bd396a5a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-hidden-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-hidden-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-info-text-and-custom-label-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-info-text-and-custom-label-1-snap.png
index 54fe46d227..3bb07e2b2d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-info-text-and-custom-label-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-info-text-and-custom-label-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-readonly-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-readonly-1-snap.png
index 4467e71306..8659c6ccdb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-readonly-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-readonly-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-small-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-small-1-snap.png
new file mode 100644
index 0000000000..fdcce1702b
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-small-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-small-with-info-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-small-with-info-text-1-snap.png
deleted file mode 100644
index 37e7361248..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/rating-stars-visual-spec-js-rating-stars-light-story-small-with-info-text-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-active-on-level-1-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-active-on-level-1-1-snap.png
deleted file mode 100644
index 477ce89ab3..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-active-on-level-1-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-active-on-level-2-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-active-on-level-2-1-snap.png
deleted file mode 100644
index 281863b2e7..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-active-on-level-2-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-custom-media-query-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-custom-media-query-1-snap.png
deleted file mode 100644
index cea7d58064..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-custom-media-query-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-1-snap.png
deleted file mode 100644
index cea7d58064..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-2-snap.png
deleted file mode 100644
index 713478913f..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-3-snap.png
deleted file mode 100644
index b0fbd7d942..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-dark-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-active-on-level-1-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-active-on-level-1-1-snap.png
deleted file mode 100644
index 49dcd4f870..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-active-on-level-1-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-active-on-level-2-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-active-on-level-2-1-snap.png
deleted file mode 100644
index d4e280ce2b..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-active-on-level-2-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-custom-media-query-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-custom-media-query-1-snap.png
deleted file mode 100644
index 79baf61b25..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-custom-media-query-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-1-snap.png
deleted file mode 100644
index 79baf61b25..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-2-snap.png
deleted file mode 100644
index 58fe570f2d..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-3-snap.png
deleted file mode 100644
index 607488c1f6..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-light-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-1-snap.png
deleted file mode 100644
index 2068e5d316..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-2-snap.png
deleted file mode 100644
index 97be613a86..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-3-snap.png
deleted file mode 100644
index 2dacf653ba..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-collapsible-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-1-snap.png
deleted file mode 100644
index 34602c7568..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-1-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-2-snap.png
deleted file mode 100644
index 0adc9aa3c0..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-2-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-3-snap.png
deleted file mode 100644
index 6e727404a6..0000000000
Binary files a/packages/visual-tests/src/__image_snapshots__/sidebar-navigation-visual-spec-js-sidebar-navigation-sidebar-nav-item-standard-3-snap.png and /dev/null differ
diff --git a/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-dark-story-range-1-snap.png b/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-dark-story-range-1-snap.png
index 68aba5f5ed..4ccfc63f3d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-dark-story-range-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-dark-story-range-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-light-story-range-1-snap.png b/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-light-story-range-1-snap.png
index 37915854f2..2e39a39b08 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-light-story-range-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/slider-visual-spec-js-slider-light-story-range-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-focus-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-focus-standard-1-snap.png
index ad911ed964..308efae2c7 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-focus-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-focus-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-android-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-android-selected-1-snap.png
index 217e5f12ff..d18f51bcd9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-android-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-android-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-selected-1-snap.png
index d8b0758d0d..a289520987 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-standard-1-snap.png
index a926958b39..33cbd24c0a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-hover-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-1-snap.png
index 5ae8e6f28c..dd1518ced0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-disabled-1-snap.png
index 67bc5a88af..6917dc85e8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-1-snap.png
index dc24e9a3e8..5d7de33922 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-disabled-1-snap.png
index 3c8ee0229f..52817a3fec 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-android-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-1-snap.png
index 85c2c73a29..69bb9d2da5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-disabled-1-snap.png
index 3f5020ac50..6cef51fc51 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-small-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-small-1-snap.png
index e38768ca95..156514e604 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-small-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-small-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-1-snap.png
index 4d5f2d1924..3cb66b7602 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-disabled-1-snap.png
index 6b0abf7f19..610d128749 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-dark-story-standard-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-focus-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-focus-standard-1-snap.png
index ec16d328ca..b185af1470 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-focus-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-focus-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-android-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-android-selected-1-snap.png
index b0d2e7162c..6927d69191 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-android-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-android-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-selected-1-snap.png
index 3a01665b5a..7f169589c8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-standard-1-snap.png
index b4302c9603..6cb7d026e8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-hover-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-1-snap.png
index 2390c9f648..a286c20121 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-disabled-1-snap.png
index e82821d1d8..69514d63b2 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-1-snap.png
index 84cc019068..cb2efc592d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-disabled-1-snap.png
index 766cd52d25..c14adba034 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-android-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-1-snap.png
index 8ea3e269e2..ee776020f5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-disabled-1-snap.png
index 8b0f8138bd..0dfa7d2a6b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-selected-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-small-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-small-1-snap.png
index fd49a11d9c..c8c01df7e8 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-small-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-small-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-1-snap.png
index 2da9d589c0..3652370ab3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-disabled-1-snap.png
index 32508d11c9..1e7589b32d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/switch-visual-spec-js-switch-light-story-standard-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-disabled-tabs-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-disabled-tabs-1-snap.png
index d9fb0a784b..84fb992511 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-disabled-tabs-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-disabled-tabs-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-icon-1-snap.png
index df5cedea9f..7239a7ee5d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-only-1-snap.png
index c3556f5b7e..8ce5bf7cae 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-large-text-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-1-snap.png
index 841d5e997c..bac13def71 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-2-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-2-snap.png
index c4eee30622..41e9d347ee 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-3-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-3-snap.png
index c648c6a8fd..0ad758fbef 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-4-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-4-snap.png
index edfb79bd1f..c96f430d61 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-icon-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-1-snap.png
index b905db8148..f2ad7daf94 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-2-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-2-snap.png
index 438e13c039..3ad9f9b243 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-3-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-3-snap.png
index f1af1cc8ba..7b9bd9fbae 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-4-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-4-snap.png
index 747175e47d..ef179eee48 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-dark-text-only-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-disabled-tabs-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-disabled-tabs-1-snap.png
index 5c78b71301..12ec32b029 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-disabled-tabs-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-disabled-tabs-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-icon-1-snap.png
index 9ccb9f7223..ff643afa68 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-only-1-snap.png
index 662c6e722e..03e4ac0837 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-large-text-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-1-snap.png
index e2bf62e1a4..3fd79887b1 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-2-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-2-snap.png
index 8c8ace67cc..6c3e9cc850 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-3-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-3-snap.png
index 0d2c157509..8555de5d92 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-4-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-4-snap.png
index 6affcec0be..5cf14716e5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-icon-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-1-snap.png
index 4aa4632313..d23ca1ec91 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-2-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-2-snap.png
index e7bd363599..f75c1259f4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-3-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-3-snap.png
index b336066f72..8507c7b963 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-4-snap.png b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-4-snap.png
index 552fd82a7a..1d52ea7f26 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/tab-navigation-visual-spec-js-tab-navigation-light-text-only-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-1-snap.png
index adc7ee5ef5..1439320125 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-2-snap.png
index 2b3830e715..40d36027ab 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-sorting-icons-1-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-sorting-icons-1-snap.png
index d0f998ae16..7abca6c08e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-sorting-icons-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-sorting-icons-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-striped-rows-1-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-striped-rows-1-snap.png
index 3d2ff0e108..57b94ef618 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-striped-rows-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-dark-with-striped-rows-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-1-snap.png
index 14cced6a88..a919db43a9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-2-snap.png
index 54e561b42e..a27c6f5100 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-sorting-icons-1-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-sorting-icons-1-snap.png
index 3c4480ab17..3cec14bbca 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-sorting-icons-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-sorting-icons-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-striped-rows-1-snap.png b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-striped-rows-1-snap.png
index d3ee362fa8..f39565e92c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-striped-rows-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/table-visual-spec-js-table-light-with-striped-rows-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-standard-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-standard-tag-1-snap.png
index 8be6f5e43c..ff42fb44ca 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-standard-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-standard-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-strong-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-strong-tag-1-snap.png
index af1d93fe04..a891cb9c4d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-strong-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-color-strong-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-colors-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-colors-1-snap.png
index 5d6d2b12e0..d095457b4b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-colors-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-colors-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-disabled-dismissable-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-disabled-dismissable-tag-1-snap.png
index 10dbcbecbc..63b107fb3f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-disabled-dismissable-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-disabled-dismissable-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-dismissable-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-dismissable-tag-1-snap.png
index 3560e952c4..e3b5af6d08 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-dismissable-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-dismissable-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-dismissable-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-dismissable-tag-1-snap.png
index 02c5406b01..ad73ac9ec9 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-dismissable-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-dismissable-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-tag-1-snap.png
index e2a084fc5b..7930ba1bca 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-small-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-standard-1-snap.png
index c05477218d..1a816e3cbc 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-standard-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-standard-tag-1-snap.png
index d84cdd7526..cd64e972fc 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-standard-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-standard-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-strong-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-strong-tag-1-snap.png
index b777097fdd..caed452035 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-strong-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-color-strong-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-colors-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-colors-1-snap.png
index efa69df42d..0d52fb46bf 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-colors-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-colors-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-disabled-dismissable-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-disabled-dismissable-tag-1-snap.png
index 6bed8298e8..b6fdcb5d2b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-disabled-dismissable-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-disabled-dismissable-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-dismissable-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-dismissable-tag-1-snap.png
index 002697150c..3f209d6b05 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-dismissable-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-dismissable-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-dismissable-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-dismissable-tag-1-snap.png
index bf6d83179c..abf35ebcdc 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-dismissable-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-dismissable-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-tag-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-tag-1-snap.png
index c58f9b1b53..9a6687eecb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-tag-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-small-tag-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-standard-1-snap.png
index e4a94f6363..7e2d97da3c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/tag-visual-spec-js-tag-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-disabled-1-snap.png
index 763b3d8678..163f0c4745 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-helper-text-1-snap.png
index 1c081b427f..65cf17425e 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-max-length-with-counter-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-max-length-with-counter-1-snap.png
index 2d1d1882aa..a226c0b4eb 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-max-length-with-counter-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-max-length-with-counter-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-more-rows-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-more-rows-1-snap.png
index 01f5fac833..4b18b44806 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-more-rows-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-more-rows-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-placeholder-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-placeholder-1-snap.png
index b749896852..63dabccdcd 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-placeholder-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-placeholder-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-read-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-read-only-1-snap.png
new file mode 100644
index 0000000000..6c52045ffc
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-read-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-1-snap.png
index 9b18bd7f0d..b090c7d73a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-2-snap.png
index 5f1177dda8..89cf80c7a1 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-3-snap.png
index 43a218681f..ffb53c3c41 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-4-snap.png
index 43a218681f..89cf80c7a1 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-with-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-with-error-1-snap.png
index 9abcfc3fcd..426b15a1ac 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-with-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-dark-with-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-disabled-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-disabled-1-snap.png
index 149f2006cd..03312d3975 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-disabled-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-disabled-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-helper-text-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-helper-text-1-snap.png
index 690f089177..1d6fc1a8d3 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-helper-text-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-helper-text-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-max-length-with-counter-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-max-length-with-counter-1-snap.png
index 1ab1dc5ef0..ca56c0c802 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-max-length-with-counter-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-max-length-with-counter-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-more-rows-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-more-rows-1-snap.png
index 0331513d03..f5f281700b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-more-rows-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-more-rows-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-placeholder-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-placeholder-1-snap.png
index b42093d5f5..732b3cb3f0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-placeholder-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-placeholder-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-read-only-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-read-only-1-snap.png
new file mode 100644
index 0000000000..798458b837
Binary files /dev/null and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-read-only-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-1-snap.png
index 9bd40eb87c..3942ba8cf0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-2-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-2-snap.png
index 21947b982a..19359ef519 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-2-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-2-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-3-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-3-snap.png
index 648c59e06a..7839027b6c 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-3-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-3-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-4-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-4-snap.png
index 648c59e06a..19359ef519 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-4-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-standard-4-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-with-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-with-error-1-snap.png
index ecad8ee4ea..eaec85965b 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-with-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textarea-visual-spec-js-textarea-light-with-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-max-length-with-counter-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-max-length-with-counter-1-snap.png
index 9e817ba975..72c3d0fce5 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-max-length-with-counter-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-max-length-with-counter-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-error-1-snap.png
index a6e544cc32..84260a26e1 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png
index 6b9d0c9a0f..382e7e307d 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-warning-1-snap.png
index 172ddec3ba..2400483a07 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-warning-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-warning-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-max-length-with-counter-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-max-length-with-counter-1-snap.png
index b3a6df2ca8..2803784e7a 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-max-length-with-counter-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-max-length-with-counter-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-error-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-error-1-snap.png
index 037d209ea9..4cf72259aa 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-error-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-error-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png
index 7468ff431a..adaa2ae2c4 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-warning-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-warning-1-snap.png
index 0b053bf6fc..792cbb6a97 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-warning-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-warning-1-snap.png differ
diff --git a/packages/visual-tests/src/card.visual.spec.js b/packages/visual-tests/src/card.visual.spec.js
index a0b6c1541f..8db77c7fce 100644
--- a/packages/visual-tests/src/card.visual.spec.js
+++ b/packages/visual-tests/src/card.visual.spec.js
@@ -3,23 +3,21 @@ describe('Card', () => {
     beforeAll(async () => {
       await global.runColorSetup('components-card--standard', mode);
     });
-    test.each([
-      ['standard'],
-      ['with-link'],
-      ['with-image'],
-      ['with-further-functions'],
-    ])('%p', async (variant) => {
-      await global.runSetup(`components-card--${variant}`);
+    test.each([['standard'], ['with-link'], ['with-image']])(
+      '%p',
+      async (variant) => {
+        await global.runSetup(`components-card--${variant}`);
 
-      const anchor = await global.page.evaluateHandle(
-        `document.querySelector("body scale-card").shadowRoot.querySelector("div > a")`
-      );
-      await global.visualCheck();
-      // if no anchor is found an error object is returned
-      if (anchor._remoteObject.className) {
-        await anchor.hover();
+        const anchor = await global.page.evaluateHandle(
+          `document.querySelector("body scale-card").shadowRoot.querySelector("div > a")`
+        );
         await global.visualCheck();
+        // if no anchor is found an error object is returned
+        if (anchor._remoteObject.className) {
+          await anchor.hover();
+          await global.visualCheck();
+        }
       }
-    });
+    );
   });
 });
diff --git a/packages/visual-tests/src/dropdown-select.visual.spec.js b/packages/visual-tests/src/dropdown-select.visual.spec.js
index 9ac957bcd5..e52ef6ad02 100644
--- a/packages/visual-tests/src/dropdown-select.visual.spec.js
+++ b/packages/visual-tests/src/dropdown-select.visual.spec.js
@@ -1,4 +1,4 @@
-describe('DropdownSelect', () => {
+describe.skip('DropdownSelect', () => {
   describe.each(['light', 'dark'])('%p', (mode) => {
     beforeAll(async () => {
       await global.runColorSetup(
diff --git a/packages/visual-tests/src/logo.visual.spec.js b/packages/visual-tests/src/logo.visual.spec.js
index c9e04475d5..4b28ccd2c9 100644
--- a/packages/visual-tests/src/logo.visual.spec.js
+++ b/packages/visual-tests/src/logo.visual.spec.js
@@ -3,21 +3,17 @@ describe('Logo', () => {
     beforeAll(async () => {
       await global.runColorSetup('components-logo--standard', mode);
     });
-    test.each([
-      ['standard'],
-      ['white'],
-      ['sizing'],
-      ['link'],
-      ['macedonia-cyrillic'],
-      ['macedonia-latin-script'],
-    ])('%p', async (variant) => {
-      await global.runSetup(`components-logo--${variant}`);
-      await global.visualCheck();
-      const image = await global.page.evaluateHandle(
-        `document.querySelector("#root scale-logo").shadowRoot.querySelector("svg")`
-      );
-      await image.focus();
-      await global.visualCheck();
-    });
+    test.each([['standard'], ['white'], ['sizing'], ['link']])(
+      '%p',
+      async (variant) => {
+        await global.runSetup(`components-logo--${variant}`);
+        await global.visualCheck();
+        const image = await global.page.evaluateHandle(
+          `document.querySelector("#root scale-logo").shadowRoot.querySelector("svg")`
+        );
+        await image.focus();
+        await global.visualCheck();
+      }
+    );
   });
 });
diff --git a/packages/visual-tests/src/notification-banner.visual.spec.js b/packages/visual-tests/src/notification-banner.visual.spec.js
deleted file mode 100644
index abee56dfc8..0000000000
--- a/packages/visual-tests/src/notification-banner.visual.spec.js
+++ /dev/null
@@ -1,25 +0,0 @@
-describe('NotificationBanner', () => {
-  describe.each(['light', 'dark'])('%p', (mode) => {
-    beforeAll(async () => {
-      await global.runColorSetup(
-        'components-notification-banner--standard',
-        mode
-      );
-    });
-    test.each([
-      ['standard'],
-      ['warning'],
-      ['error'],
-      ['success'],
-      ['informational'],
-      ['dismissible'],
-      ['timeout'],
-      ['with-text'],
-      ['with-link'],
-      ['with-link-and-text'],
-    ])('%p', async (variant) => {
-      await global.runSetup(`beta-components-notification-banner--${variant}`);
-      await global.visualCheck();
-    });
-  });
-});
diff --git a/packages/visual-tests/src/notification-message.visual.spec.js b/packages/visual-tests/src/notification-message.visual.spec.js
deleted file mode 100644
index 4a3135959d..0000000000
--- a/packages/visual-tests/src/notification-message.visual.spec.js
+++ /dev/null
@@ -1,23 +0,0 @@
-describe('NotificationMessage', () => {
-  describe.each(['light', 'dark'])('%p', (mode) => {
-    beforeAll(async () => {
-      await global.runColorSetup(
-        'components-notification-message--standard',
-        mode
-      );
-    });
-    test.each([
-      ['standard'],
-      ['warning'],
-      ['error'],
-      ['success'],
-      ['informational'],
-      ['dismissible'],
-      ['timeout'],
-      ['with-text'],
-    ])('%p', async (variant) => {
-      await global.runSetup(`beta-components-notification-message--${variant}`);
-      await global.visualCheck();
-    });
-  });
-});
diff --git a/packages/visual-tests/src/notification-toast.visual.spec.js b/packages/visual-tests/src/notification-toast.visual.spec.js
deleted file mode 100644
index 67b154c983..0000000000
--- a/packages/visual-tests/src/notification-toast.visual.spec.js
+++ /dev/null
@@ -1,22 +0,0 @@
-describe('NotificationToast', () => {
-  describe.each(['light', 'dark'])('%p', (mode) => {
-    beforeAll(async () => {
-      await global.runColorSetup(
-        'components-notification-toast--standard',
-        mode
-      );
-    });
-    test.each([
-      ['standard'],
-      ['warning'],
-      ['error'],
-      ['success'],
-      ['with-text'],
-      ['with-link'],
-    ])('%p', async (variant) => {
-      await global.runSetup(`beta-components-notification-toast--${variant}`);
-      await global.page.waitFor(3000);
-      await global.visualCheck();
-    });
-  });
-});
diff --git a/packages/visual-tests/src/notification.visual.spec.js b/packages/visual-tests/src/notification.visual.spec.js
new file mode 100644
index 0000000000..2591f21f4f
--- /dev/null
+++ b/packages/visual-tests/src/notification.visual.spec.js
@@ -0,0 +1,20 @@
+describe('Notification', () => {
+  describe.each(['light', 'dark'])('%p', (mode) => {
+    beforeAll(async () => {
+      await global.runColorSetup('components-notification--standard', mode);
+    });
+    test.each([
+      ['standard'],
+      ['inline'],
+      ['banner'],
+      ['toast'],
+      ['success'],
+      ['informational'],
+      ['danger'],
+      ['warning'],
+    ])('%p', async (variant) => {
+      await global.runSetup(`beta-components-notification--${variant}`);
+      await global.visualCheck();
+    });
+  });
+});
diff --git a/packages/visual-tests/src/pagination.visual.spec.js b/packages/visual-tests/src/pagination.visual.spec.js
index 686c69a6a2..4d00979ea8 100644
--- a/packages/visual-tests/src/pagination.visual.spec.js
+++ b/packages/visual-tests/src/pagination.visual.spec.js
@@ -3,61 +3,56 @@ describe('Pagination', () => {
     beforeAll(async () => {
       await global.runColorSetup('components-pagination--standard', mode);
     });
-    test.each([['standard'], ['hidden-borders'], ['embedded-hidden-borders']])(
-      '%p',
-      async (variant) => {
-        await page.goto(
-          `http://host.docker.internal:3123/iframe.html?id=components-pagination--${variant}&viewMode=story`
-        );
-        await page.waitForSelector('html.hydrated');
-        const previewHtml = await page.$('body');
-        await page.evaluate(() => {
-          [
-            '--telekom-motion-duration-immediate',
-            '--telekom-motion-duration-transition',
-            '--telekom-motion-duration-animation',
-            '--telekom-motion-duration-animation-deliberate',
-          ].forEach((transitionSpeed) => {
-            document.body.style.setProperty(transitionSpeed, '0s');
-          });
+    test.each([['standard'], ['hidden-borders']])('%p', async (variant) => {
+      await page.goto(
+        `http://host.docker.internal:3123/iframe.html?id=components-pagination--${variant}&viewMode=story`
+      );
+      await page.waitForSelector('html.hydrated');
+      const previewHtml = await page.$('body');
+      await page.evaluate(() => {
+        [
+          '--telekom-motion-duration-immediate',
+          '--telekom-motion-duration-transition',
+          '--telekom-motion-duration-animation',
+          '--telekom-motion-duration-animation-deliberate',
+        ].forEach((transitionSpeed) => {
+          document.body.style.setProperty(transitionSpeed, '0s');
         });
-        expect(await previewHtml.screenshot()).toMatchImageSnapshot();
-      }
-    );
+      });
+      expect(await previewHtml.screenshot()).toMatchImageSnapshot();
+    });
     test('buttons disabled', async () => {
       await global.runSetup(`components-pagination--standard`);
+
       const firstButton = await global.page.evaluateHandle(
         `document.querySelector("#root > scale-pagination").shadowRoot.querySelector("div > button.pagination__first-prompt")`
       );
       const lastButton = await global.page.evaluateHandle(
         `document.querySelector("#root > scale-pagination").shadowRoot.querySelector("div > button.pagination__last-prompt")`
       );
-      firstButton.click();
+      await firstButton.click();
       await global.visualCheck();
-      lastButton.click();
+      await lastButton.click();
       await global.visualCheck();
     });
-    test.each([['hidden-borders'], ['embedded-hidden-borders']])(
-      '%p',
-      async (variant) => {
-        await global.runSetup(`components-pagination--${variant}`);
+    test.each([['hidden-borders']])('%p', async (variant) => {
+      await global.runSetup(`components-pagination--${variant}`);
 
-        const firstButton = await global.page.evaluateHandle(
-          `document.querySelector("#root scale-pagination").shadowRoot.querySelector("div > button.pagination__first-prompt")`
-        );
-        const base = await global.page.evaluateHandle(
-          `document.querySelector("#root")`
-        );
+      const firstButton = await global.page.evaluateHandle(
+        `document.querySelector("#root scale-pagination").shadowRoot.querySelector("div > button.pagination__first-prompt")`
+      );
+      const base = await global.page.evaluateHandle(
+        `document.querySelector("#root")`
+      );
 
-        firstButton.hover();
-        await global.visualCheck();
-        base.hover();
-        firstButton.focus();
-        await global.visualCheck();
-        await global.page.mouse.move(20, 30);
-        await global.page.mouse.down();
-        await global.visualCheck();
-      }
-    );
+      firstButton.hover();
+      await global.visualCheck();
+      base.hover();
+      firstButton.focus();
+      await global.visualCheck();
+      await global.page.mouse.move(20, 30);
+      await global.page.mouse.down();
+      await global.visualCheck();
+    });
   });
 });
diff --git a/packages/visual-tests/src/radio-button-group.visual.spec.js b/packages/visual-tests/src/radio-button-group.visual.spec.js
index f6c3b1b648..5a1898d6ad 100644
--- a/packages/visual-tests/src/radio-button-group.visual.spec.js
+++ b/packages/visual-tests/src/radio-button-group.visual.spec.js
@@ -1,4 +1,5 @@
-describe('RadioButtonGroup', () => {
+// FIXME unskip
+describe.skip('RadioButtonGroup', () => {
   describe.each(['light', 'dark'])('%p', (mode) => {
     beforeAll(async () => {
       await global.runColorSetup(
@@ -6,7 +7,7 @@ describe('RadioButtonGroup', () => {
         mode
       );
     });
-    test.each([['standard'], ['error'], ['helper-text']])(
+    test.each([['standard'], ['helper-text'], ['error'], ['disabled']])(
       '%p',
       async (variant) => {
         await global.runSetup(`components-radio-button-group--${variant}`);
diff --git a/packages/visual-tests/src/radiobutton.visual.spec.js b/packages/visual-tests/src/radio-button.visual.spec.js
similarity index 89%
rename from packages/visual-tests/src/radiobutton.visual.spec.js
rename to packages/visual-tests/src/radio-button.visual.spec.js
index db9536f86b..e291636ce3 100644
--- a/packages/visual-tests/src/radiobutton.visual.spec.js
+++ b/packages/visual-tests/src/radio-button.visual.spec.js
@@ -1,9 +1,10 @@
-describe('RadioButton', () => {
+// FIXME unskip
+describe.skip('RadioButton', () => {
   describe.each(['light', 'dark'])('%p', (mode) => {
     beforeAll(async () => {
       await global.runColorSetup('components-radio-button--standard', mode);
     });
-    test.each([
+    test([
       ['standard'],
       ['standard-disabled'],
       ['selected'],
@@ -16,7 +17,7 @@ describe('RadioButton', () => {
     });
   });
   // hover, active, focus
-  test.each([['standard'], ['selected']])('%p', async (variant) => {
+  test([['standard'], ['selected']])('%p', async (variant) => {
     await global.runSetup(`components-radio-button--${variant}`);
 
     const radioButtonWrapper = await global.page.evaluateHandle(
diff --git a/packages/visual-tests/src/rating-stars.visual.spec.js b/packages/visual-tests/src/rating-stars.visual.spec.js
index 30102fcb9d..369664a744 100644
--- a/packages/visual-tests/src/rating-stars.visual.spec.js
+++ b/packages/visual-tests/src/rating-stars.visual.spec.js
@@ -6,7 +6,7 @@ describe('RatingStars', () => {
     test.each([
       ['info-text-and-custom-label'],
       ['disabled'],
-      ['small-with-info-text'],
+      ['small'],
       ['hidden-label'],
       ['readonly'],
     ])('story %p', async (variant) => {
diff --git a/packages/visual-tests/src/sidebar-navigation.visual.spec.js b/packages/visual-tests/src/sidebar-navigation.visual.spec.js
index d6dc9bbb94..2c66efdbd1 100644
--- a/packages/visual-tests/src/sidebar-navigation.visual.spec.js
+++ b/packages/visual-tests/src/sidebar-navigation.visual.spec.js
@@ -1,4 +1,4 @@
-describe('SidebarNavigation', () => {
+describe.skip('SidebarNavigation', () => {
   describe.each(['light', 'dark'])('%p', (mode) => {
     beforeAll(async () => {
       await global.runColorSetup(
diff --git a/packages/visual-tests/src/switch.visual.spec.js b/packages/visual-tests/src/switch.visual.spec.js
index 442dc91c4e..54d6cc566f 100644
--- a/packages/visual-tests/src/switch.visual.spec.js
+++ b/packages/visual-tests/src/switch.visual.spec.js
@@ -32,6 +32,7 @@ describe('Switch', () => {
     test.each([['standard']])('focus %p', async (variant) => {
       await global.runSetup(`components-switch--${variant}`);
       await global.page.keyboard.press('Tab');
+      await global.page.waitFor(300);
       await global.visualCheck();
     });
   });
diff --git a/packages/visual-tests/src/textarea.visual.spec.js b/packages/visual-tests/src/textarea.visual.spec.js
index 1a478e3ef7..2e2027a3ac 100644
--- a/packages/visual-tests/src/textarea.visual.spec.js
+++ b/packages/visual-tests/src/textarea.visual.spec.js
@@ -9,6 +9,7 @@ describe('Textarea', () => {
       ['helper-text'],
       ['with-error'],
       ['disabled'],
+      ['read-only'],
       ['max-length-with-counter'],
       ['more-rows'],
     ])('%p', async (variant) => {
diff --git a/yarn.lock b/yarn.lock
index 440993f63f..a000411040 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5744,10 +5744,10 @@
   resolved "https://registry.yarnpkg.com/@telekom/design-tokens/-/design-tokens-1.0.0-beta.2.tgz#b3e9eeef05417883315e509fb9a3686a89fa91b0"
   integrity sha512-FZ8XfT5drDPjpzYhHfJ7JIYumHeNN/C92aJIRILmD4052wNgUU7ormdD2rvTCprvvDFFQXwCDhrl+9kNEgtNLg==
 
-"@telekom/design-tokens@^1.0.0-beta.4":
-  version "1.0.0-beta.4"
-  resolved "https://registry.yarnpkg.com/@telekom/design-tokens/-/design-tokens-1.0.0-beta.4.tgz#5bde16205470657f4da62062e5b6ac6de2e1750d"
-  integrity sha512-g2a9GUI0xhTsPEGEQvmSRLPmYVN81nclamiNwc0QAMkArjF7m5jOYCK01+lodKziuwNLzYrffWV9BKFyRpDygQ==
+"@telekom/design-tokens@^1.0.0-beta.7":
+  version "1.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/@telekom/design-tokens/-/design-tokens-1.0.0-beta.7.tgz#27ae7d6e96cfb198433fdfa0193bc94af65a802a"
+  integrity sha512-QwoE/7pcy8P5iLBeiK/VZQ9hcQ54BZPoKMWzKGjMzYeB4e0TKQer0rYHJg+eOO3Kg6B8v4hDVxMZK9KQ2ipvkw==
 
 "@testing-library/jest-dom@^5.8.0":
   version "5.11.4"
@@ -6002,6 +6002,11 @@
   resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz"
   integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw==
 
+"@types/parse5@^6.0.0":
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.3.tgz#705bb349e789efa06f43f128cef51240753424cb"
+  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
+
 "@types/prettier@^2.0.0":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.0.2.tgz"
@@ -7943,6 +7948,11 @@ ccount@^1.0.0:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.5.tgz"
   integrity sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==
 
+ccount@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5"
+  integrity sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==
+
 chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz"
@@ -7984,16 +7994,21 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
-character-entities-html4@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.4.tgz"
-  integrity sha512-HRcDxZuZqMx3/a+qrzxdBKBPUpxWEq9xw2OPZ3a/174ihfrQKVsFhqtthBInFy1zZ9GgZyFXOatNujm8M+El3g==
+character-entities-html4@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz#1f1adb940c971a4b22ba39ddca6b618dc6e56b2b"
+  integrity sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==
 
 character-entities-legacy@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz"
   integrity sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==
 
+character-entities-legacy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz#76bc83a90738901d7bc223a9e93759fdd560125b"
+  integrity sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==
+
 character-entities@^1.0.0:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.4.tgz"
@@ -8370,6 +8385,11 @@ comma-separated-tokens@^1.0.0:
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz"
   integrity sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==
 
+comma-separated-tokens@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
+  integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
+
 commander@^2.11.0, commander@^2.12.1, commander@^2.18.0, commander@^2.19.0, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz"
@@ -11173,16 +11193,31 @@ hast-util-from-parse5@^6.0.0:
     vfile "^4.0.0"
     web-namespaces "^1.0.0"
 
-hast-util-is-element@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/hast-util-is-element/-/hast-util-is-element-1.1.0.tgz"
-  integrity sha512-oUmNua0bFbdrD/ELDSSEadRVtWZOf3iF6Lbv81naqsIV99RnSCieTbWuWCY8BAeEfKJTKl0gRdokv+dELutHGQ==
+hast-util-from-parse5@^7.0.0:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-7.1.2.tgz#aecfef73e3ceafdfa4550716443e4eb7b02e22b0"
+  integrity sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    "@types/unist" "^2.0.0"
+    hastscript "^7.0.0"
+    property-information "^6.0.0"
+    vfile "^5.0.0"
+    vfile-location "^4.0.0"
+    web-namespaces "^2.0.0"
 
 hast-util-parse-selector@^2.0.0:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.4.tgz"
   integrity sha512-gW3sxfynIvZApL4L07wryYF4+C9VvH3AUi7LAnVXV4MneGEgwOByXvFo18BgmTWnm7oHAe874jKbIB1YhHSIzA==
 
+hast-util-parse-selector@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz#25ab00ae9e75cbc62cf7a901f68a247eade659e2"
+  integrity sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==
+  dependencies:
+    "@types/hast" "^2.0.0"
+
 hast-util-raw@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-6.0.1.tgz"
@@ -11199,21 +11234,39 @@ hast-util-raw@6.0.1:
     xtend "^4.0.0"
     zwitch "^1.0.0"
 
-hast-util-to-html@^7.1.1:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-7.1.2.tgz"
-  integrity sha512-pu73bvORzdF6XZgwl9eID/0RjBb/jtRfoGRRSykpR1+o9rCdiAHpgkSukZsQBRlIqMg6ylAcd7F0F7myJUb09Q==
+hast-util-raw@^7.0.0:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-7.2.3.tgz#dcb5b22a22073436dbdc4aa09660a644f4991d99"
+  integrity sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==
   dependencies:
-    ccount "^1.0.0"
-    comma-separated-tokens "^1.0.0"
-    hast-util-is-element "^1.0.0"
-    hast-util-whitespace "^1.0.0"
-    html-void-elements "^1.0.0"
-    property-information "^5.0.0"
-    space-separated-tokens "^1.0.0"
-    stringify-entities "^3.0.1"
-    unist-util-is "^4.0.0"
-    xtend "^4.0.0"
+    "@types/hast" "^2.0.0"
+    "@types/parse5" "^6.0.0"
+    hast-util-from-parse5 "^7.0.0"
+    hast-util-to-parse5 "^7.0.0"
+    html-void-elements "^2.0.0"
+    parse5 "^6.0.0"
+    unist-util-position "^4.0.0"
+    unist-util-visit "^4.0.0"
+    vfile "^5.0.0"
+    web-namespaces "^2.0.0"
+    zwitch "^2.0.0"
+
+hast-util-to-html@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-8.0.4.tgz#0269ef33fa3f6599b260a8dc94f733b8e39e41fc"
+  integrity sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    "@types/unist" "^2.0.0"
+    ccount "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-raw "^7.0.0"
+    hast-util-whitespace "^2.0.0"
+    html-void-elements "^2.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    stringify-entities "^4.0.0"
+    zwitch "^2.0.4"
 
 hast-util-to-parse5@^6.0.0:
   version "6.0.0"
@@ -11226,10 +11279,22 @@ hast-util-to-parse5@^6.0.0:
     xtend "^4.0.0"
     zwitch "^1.0.0"
 
-hast-util-whitespace@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-1.0.4.tgz"
-  integrity sha512-I5GTdSfhYfAPNztx2xJRQpG8cuDSNt599/7YUn7Gx/WxNMsG+a835k97TDkFgk123cwjfwINaZknkKkphx/f2A==
+hast-util-to-parse5@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-7.1.0.tgz#c49391bf8f151973e0c9adcd116b561e8daf29f3"
+  integrity sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    web-namespaces "^2.0.0"
+    zwitch "^2.0.0"
+
+hast-util-whitespace@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz#0ec64e257e6fc216c7d14c8a1b74d27d650b4557"
+  integrity sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==
 
 hastscript@^5.0.0:
   version "5.1.2"
@@ -11252,6 +11317,17 @@ hastscript@^6.0.0:
     property-information "^5.0.0"
     space-separated-tokens "^1.0.0"
 
+hastscript@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-7.2.0.tgz#0eafb7afb153d047077fa2a833dc9b7ec604d10b"
+  integrity sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-parse-selector "^3.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+
 he@^1.1.0, he@^1.1.1, he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz"
@@ -11356,6 +11432,11 @@ html-void-elements@^1.0.0:
   resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.5.tgz"
   integrity sha512-uE/TxKuyNIcx44cIWnjr/rfIATDH7ZaOMmstu0CwhFG1Dunhlp4OC6/NMbhiwoq5BpW0ubi303qnEk/PZj614w==
 
+html-void-elements@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-2.0.1.tgz#29459b8b05c200b6c5ee98743c41b979d577549f"
+  integrity sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==
+
 html-webpack-plugin@^4.0.0:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.5.2.tgz"
@@ -15731,6 +15812,11 @@ property-information@^5.0.0, property-information@^5.3.0:
   dependencies:
     xtend "^4.0.0"
 
+property-information@^6.0.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.2.0.tgz#b74f522c31c097b5149e3c3cb8d7f3defd986a1d"
+  integrity sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==
+
 proto-list@~1.2.1:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz"
@@ -17398,6 +17484,11 @@ space-separated-tokens@^1.0.0:
   resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz"
   integrity sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==
 
+space-separated-tokens@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f"
+  integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==
+
 spawnd@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/spawnd/-/spawnd-4.4.0.tgz"
@@ -17695,14 +17786,13 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-stringify-entities@^3.0.1:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-3.1.0.tgz"
-  integrity sha512-3FP+jGMmMV/ffZs86MoghGqAoqXAdxLrJP4GUdrDN1aIScYih5tuIO3eF4To5AJZ79KDZ8Fpdy7QJnK8SsL1Vg==
+stringify-entities@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-4.0.3.tgz#cfabd7039d22ad30f3cc435b0ca2c1574fc88ef8"
+  integrity sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==
   dependencies:
-    character-entities-html4 "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    xtend "^4.0.0"
+    character-entities-html4 "^2.0.0"
+    character-entities-legacy "^3.0.0"
 
 strip-ansi@6.0.1, strip-ansi@^6.0.1:
   version "6.0.1"
@@ -18658,11 +18748,25 @@ unist-util-is@^4.0.0:
   resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-4.0.2.tgz"
   integrity sha512-Ofx8uf6haexJwI1gxWMGg6I/dLnF2yE+KibhD3/diOqY2TinLcqHXCV6OI5gFVn3xQqDH+u0M625pfKwIwgBKQ==
 
+unist-util-is@^5.0.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-5.2.1.tgz#b74960e145c18dcb6226bc57933597f5486deae9"
+  integrity sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==
+  dependencies:
+    "@types/unist" "^2.0.0"
+
 unist-util-position@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-3.1.0.tgz"
   integrity sha512-w+PkwCbYSFw8vpgWD0v7zRCl1FpY3fjDSQ3/N/wNd9Ffa4gPi8+4keqt99N3XW6F99t/mUzp2xAhNmfKWp95QA==
 
+unist-util-position@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-4.0.4.tgz#93f6d8c7d6b373d9b825844645877c127455f037"
+  integrity sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+
 unist-util-remove-position@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-2.0.1.tgz"
@@ -18684,6 +18788,13 @@ unist-util-stringify-position@^2.0.0:
   dependencies:
     "@types/unist" "^2.0.2"
 
+unist-util-stringify-position@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz#03ad3348210c2d930772d64b489580c13a7db39d"
+  integrity sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+
 unist-util-visit-parents@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-3.1.0.tgz"
@@ -18692,6 +18803,14 @@ unist-util-visit-parents@^3.0.0:
     "@types/unist" "^2.0.0"
     unist-util-is "^4.0.0"
 
+unist-util-visit-parents@^5.1.1:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz#b4520811b0ca34285633785045df7a8d6776cfeb"
+  integrity sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+
 unist-util-visit@2.0.3, unist-util-visit@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-2.0.3.tgz"
@@ -18701,6 +18820,15 @@ unist-util-visit@2.0.3, unist-util-visit@^2.0.0:
     unist-util-is "^4.0.0"
     unist-util-visit-parents "^3.0.0"
 
+unist-util-visit@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-4.1.2.tgz#125a42d1eb876283715a3cb5cceaa531828c72e2"
+  integrity sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+    unist-util-visit-parents "^5.1.1"
+
 universal-user-agent@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-4.0.1.tgz"
@@ -18938,6 +19066,14 @@ vfile-location@^3.0.0:
   resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-3.1.0.tgz"
   integrity sha512-FCZ4AN9xMcjFIG1oGmZKo61PjwJHRVA+0/tPUP2ul4uIwjGGndIxavEMRpWn5p4xwm/ZsdXp9YNygf1ZyE4x8g==
 
+vfile-location@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-4.1.0.tgz#69df82fb9ef0a38d0d02b90dd84620e120050dd0"
+  integrity sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    vfile "^5.0.0"
+
 vfile-message@*, vfile-message@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.4.tgz"
@@ -18946,6 +19082,14 @@ vfile-message@*, vfile-message@^2.0.0:
     "@types/unist" "^2.0.0"
     unist-util-stringify-position "^2.0.0"
 
+vfile-message@^3.0.0:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-3.1.4.tgz#15a50816ae7d7c2d1fa87090a7f9f96612b59dea"
+  integrity sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-stringify-position "^3.0.0"
+
 vfile@^4.0.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.2.0.tgz"
@@ -18957,6 +19101,16 @@ vfile@^4.0.0:
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
+vfile@^5.0.0:
+  version "5.3.7"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-5.3.7.tgz#de0677e6683e3380fafc46544cfe603118826ab7"
+  integrity sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    is-buffer "^2.0.0"
+    unist-util-stringify-position "^3.0.0"
+    vfile-message "^3.0.0"
+
 vm-browserify@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz"
@@ -19146,6 +19300,11 @@ web-namespaces@^1.0.0:
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-1.1.4.tgz"
   integrity sha512-wYxSGajtmoP4WxfejAPIr4l0fVh+jeMXZb08wNc0tMg6xsfZXj3cECqIK0G7ZAqUq0PP8WlMDtaOGVBTAWztNw==
 
+web-namespaces@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
+  integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
@@ -19634,3 +19793,8 @@ zwitch@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz"
   integrity sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==
+
+zwitch@^2.0.0, zwitch@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-2.0.4.tgz#c827d4b0acb76fc3e685a4c6ec2902d51070e9d7"
+  integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==