From 5de2c07042baec02b1a28c6c31e57d235f3e469a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sat, 13 Aug 2022 10:02:02 +0200
Subject: [PATCH 1/6] WIP Upgrade tailwindcss and dependencies

---
 package-lock.json                             | 794 ++++--------------
 package.json                                  |  10 +-
 .../Calendar/ContingentViewHelper.php         |   2 +-
 .../TypoScript/Library/Breadcrumb.typoscript  |   6 +-
 .../TypoScript/Page/Main.typoscript           |   4 +-
 .../js/components/GroupsPriceCalculator.vue   |  24 +-
 .../Private/Assets/js/myep/Address.vue        |  22 +-
 .../Resources/Private/Assets/js/myep/App.vue  |  18 +-
 .../Private/Assets/js/myep/BookingEdit.vue    |  24 +-
 .../Private/Assets/js/myep/CrmData.vue        |   4 +-
 .../Private/Assets/js/myep/Events.vue         |  36 +-
 .../Private/Assets/js/myep/Login.vue          |   4 +-
 .../Private/Assets/js/myep/Registration.vue   |   8 +-
 .../js/myep/components/CollapsiblePanel.vue   |   4 +-
 .../myep/components/ContingentsOverview.vue   |   2 +-
 .../js/myep/components/MutableFields.vue      |   4 +-
 .../Assets/js/myep/components/Panel.vue       |   4 +-
 .../components/ParticipantAddressForm.vue     |   2 +-
 .../myep/components/ParticipantDataForm.vue   |  12 +-
 .../js/myep/components/PickupSelect.vue       |   2 +-
 .../js/myep/components/ServiceSelect.vue      |   2 +-
 .../js/myep/components/ServicesOverview.vue   |   2 +-
 .../myep/components/TransportationSelect.vue  |   2 +-
 .../Resources/Private/Assets/scss/_base.scss  |  11 +
 .../Private/Assets/scss/_components.scss      |  14 +
 .../Private/Assets/scss/_utilities.scss       |  40 +
 .../Private/Assets/scss/_vendor.scss          | 100 +++
 .../Assets/scss/base/_rte-content.scss        |   6 +-
 .../Private/Assets/scss/base/_typography.scss |  10 +-
 .../Assets/scss/components/_buttons.scss      |  14 +-
 .../Assets/scss/components/_calendar.scss     |  16 +-
 .../Assets/scss/components/_datepicker.scss   |  32 -
 .../Assets/scss/components/_forms.scss        |   4 +-
 .../Assets/scss/components/_lightbox.scss     |   1 -
 .../Private/Assets/scss/components/_map.scss  |   8 -
 .../Assets/scss/components/_slider.scss       |  43 -
 .../Assets/scss/components/_teaser.scss       |   6 +-
 .../Assets/scss/components/_tooltips.scss     |   7 -
 .../Resources/Private/Assets/scss/main.scss   |  82 +-
 .../Resources/Private/Assets/scss/rte.scss    |   2 +-
 .../Resources/Private/Partials/Badge.html     |   2 +-
 .../Private/Partials/City/Details.html        |   6 +-
 .../Private/Partials/City/Teaser.html         |   2 +-
 .../Private/Partials/Disrupter/Large.html     |   6 +-
 .../Partials/Disrupter/LastChance.html        |   4 +-
 .../Private/Partials/Disrupter/Small.html     |   4 +-
 .../Private/Partials/Disturber/Large.html     |   6 +-
 .../Private/Partials/Disturber/Small.html     |   4 +-
 .../Resources/Private/Partials/EventHero.html |   2 +-
 .../Resources/Private/Partials/Facts.html     |   2 +-
 .../Resources/Private/Partials/Faq.html       |   4 +-
 .../Resources/Private/Partials/Footer.html    |   2 +-
 .../Private/Partials/Form/Field/Field.html    |   2 +-
 .../Private/Partials/Form/Fieldset.html       |   2 +-
 .../Private/Partials/Form/MultiCheckbox.html  |   2 +-
 .../Private/Partials/Form/RadioButton.html    |   2 +-
 .../Private/Partials/HeaderSlider.html        |   2 +-
 .../Private/Partials/HeaderSliderSmall.html   |   6 +-
 .../Private/Partials/Hotel/Details.html       |  10 +-
 .../Private/Partials/Hotel/Teaser.html        |   2 +-
 .../Private/Partials/Journey/Details.html     |   2 +-
 .../Resources/Private/Partials/Mainnav.html   |  22 +-
 .../Resources/Private/Partials/Mobilenav.html |  10 +-
 .../Resources/Private/Partials/Officetip.html |   2 +-
 .../Private/Partials/Pricetable.html          |  18 +-
 .../Private/Partials/Product/Details.html     |  14 +-
 .../Partials/Product/HeaderDetail.html        |   4 +-
 .../Private/Partials/Product/Teaser.html      |   2 +-
 .../Resources/Private/Partials/Rating.html    |   4 +-
 .../Private/Partials/Region/Details.html      |   8 +-
 .../Private/Partials/Region/Teaser.html       |   2 +-
 .../Private/Partials/Region/Webcam.html       |   2 +-
 .../Private/Partials/RegionAward.html         |   2 +-
 .../Private/Partials/RegionMaps.html          |   2 +-
 .../Private/Partials/Regioninfo.html          |   2 +-
 .../Private/Partials/Search/FilterPanel.html  |  22 +-
 .../Private/Partials/Search/MobileSearch.html |   4 +-
 .../Private/Partials/Search/Result.html       |   2 +-
 .../Private/Partials/Snowreport.html          |   2 +-
 .../Private/Partials/SubpageHeader.html       |   2 +-
 .../Resources/Private/Partials/Teamer.html    |   2 +-
 .../Private/Partials/Teaser/OneColumn.html    |   4 +-
 .../Private/Templates/AjaxCalendar/Range.html |   6 +-
 .../Templates/AjaxTable/Datestable.html       |  16 +-
 .../Templates/AjaxTable/DaytripRooms.html     |  14 +-
 .../Templates/AjaxTable/EventPricetable.html  |  12 +-
 .../Templates/AjaxTable/Pricetable.html       |  16 +-
 .../Private/Templates/City/Detail.html        |   2 +-
 .../Private/Templates/Concept/Detail.html     |   2 +-
 .../Private/Templates/Country/Detail.html     |   2 +-
 .../FluidStyledContent/Calendar.html          |   4 +-
 .../Templates/FluidStyledContent/Contact.html |   2 +-
 .../FluidStyledContent/TeaserCountry.html     |   2 +-
 .../Private/Templates/Hotel/Detail.html       |   2 +-
 .../Private/Templates/Product/Detail.html     |  10 +-
 .../Private/Templates/Product/HotelList.html  |   2 +-
 .../Private/Templates/Searchbar/Index.html    |   2 +-
 .../Private/Templates/Snowreport/List.html    |  16 +-
 .../Private/Templates/Team/List.html          |   2 +-
 tailwind.config.js                            |  76 +-
 100 files changed, 636 insertions(+), 1146 deletions(-)
 create mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_base.scss
 create mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_components.scss
 create mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_utilities.scss
 create mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_vendor.scss
 delete mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_datepicker.scss
 delete mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_lightbox.scss
 delete mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_map.scss
 delete mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_slider.scss
 delete mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_tooltips.scss

diff --git a/package-lock.json b/package-lock.json
index b61a7751..2a7743f4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,19 +41,19 @@
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
         "@babel/preset-env": "^7.16.0",
         "@symfony/webpack-encore": "^1.6.1",
-        "@tailwindcss/aspect-ratio": "^0.3.0",
-        "@tailwindcss/forms": "^0.3.4",
-        "autoprefixer": "^10.4.0",
+        "@tailwindcss/aspect-ratio": "^0.4.0",
+        "@tailwindcss/forms": "^0.5.2",
+        "autoprefixer": "^10.4.8",
         "core-js": "^3.19.1",
         "document-register-element": "^1.14.10",
         "file-loader": "^6.2.0",
-        "postcss": "^8.3.11",
+        "postcss": "^8.4.16",
         "postcss-loader": "^6.2.0",
         "sass": "^1.53.0",
         "sass-loader": "^12.3.0",
         "sass-mq": "^5.0.1",
         "smoothscroll-polyfill": "^0.4.4",
-        "tailwindcss": "^2.2.19",
+        "tailwindcss": "^3.1.8",
         "tailwindcss-alt": "^3.0.0",
         "tinycolor2": "^1.4.2",
         "vue-custom-element": "^3.3.0",
@@ -2021,24 +2021,24 @@
       "dev": true
     },
     "node_modules/@tailwindcss/aspect-ratio": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.3.0.tgz",
-      "integrity": "sha512-DMgWskNJR6FNPLbQ8Xoq/PKV/9DfNKh5dvKB+SM8x7lVl4+pnxlZ3Ns4+yGmurA/ze708HrnCG1tXk85HolJmw==",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.0.tgz",
+      "integrity": "sha512-WJu0I4PpqNPuutpaA9zDUq2JXR+lorZ7PbLcKNLmb6GL9/HLfC7w3CRsMhJF4BbYd/lkY6CfXOvkYpuGnZfkpQ==",
       "dev": true,
       "peerDependencies": {
-        "tailwindcss": ">=2.0.0 || >=3.0.0-alpha.1"
+        "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
       }
     },
     "node_modules/@tailwindcss/forms": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.4.tgz",
-      "integrity": "sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.2.tgz",
+      "integrity": "sha512-pSrFeJB6Bg1Mrg9CdQW3+hqZXAKsBrSG9MAfFLKy1pVA4Mb4W7C0k7mEhlmS2Dfo/otxrQOET7NJiJ9RrS563w==",
       "dev": true,
       "dependencies": {
         "mini-svg-data-uri": "^1.2.3"
       },
       "peerDependencies": {
-        "tailwindcss": ">=2.0.0"
+        "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
       }
     },
     "node_modules/@trysound/sax": {
@@ -3261,19 +3261,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=12.5.0"
-      }
-    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -3289,34 +3276,6 @@
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true
     },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/color/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
     "node_modules/colord": {
       "version": "2.9.3",
       "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
@@ -3592,15 +3551,6 @@
         "urix": "^0.1.0"
       }
     },
-    "node_modules/css-color-names": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
-      "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/css-declaration-sorter": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.0.tgz",
@@ -3756,12 +3706,6 @@
         "node": ">=8.0.0"
       }
     },
-    "node_modules/css-unit-converter": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
-      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==",
-      "dev": true
-    },
     "node_modules/css-what": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
@@ -4732,20 +4676,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/fs-monkey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
@@ -4971,12 +4901,6 @@
         "he": "bin/he"
       }
     },
-    "node_modules/hex-color-regex": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
-      "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==",
-      "dev": true
-    },
     "node_modules/hotkeys-js": {
       "version": "3.9.4",
       "resolved": "https://registry.npmjs.org/hotkeys-js/-/hotkeys-js-3.9.4.tgz",
@@ -5018,36 +4942,12 @@
         "safe-buffer": "~5.1.0"
       }
     },
-    "node_modules/hsl-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
-      "integrity": "sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==",
-      "dev": true
-    },
-    "node_modules/hsla-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
-      "integrity": "sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==",
-      "dev": true
-    },
     "node_modules/html-entities": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.3.tgz",
       "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==",
       "dev": true
     },
-    "node_modules/html-tags": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
-      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/htmlparser2": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -5281,20 +5181,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/is-color-stop": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
-      "integrity": "sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==",
-      "dev": true,
-      "dependencies": {
-        "css-color-names": "^0.0.4",
-        "hex-color-regex": "^1.1.0",
-        "hsl-regex": "^1.0.0",
-        "hsla-regex": "^1.0.0",
-        "rgb-regex": "^1.0.1",
-        "rgba-regex": "^1.0.0"
-      }
-    },
     "node_modules/is-core-module": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
@@ -5545,18 +5431,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -5653,12 +5527,6 @@
       "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
       "dev": true
     },
-    "node_modules/lodash.topath": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
-      "integrity": "sha512-1/W4dM+35DwvE/iEd1M9ekewOSTlpFekhw9mhAtrwjVqUr83/ilQiyAvmg4tVX7Unkcfl1KC+i9WdaT4B6aQcg==",
-      "dev": true
-    },
     "node_modules/lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -5883,18 +5751,6 @@
       "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
       "dev": true
     },
-    "node_modules/modern-normalize": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz",
-      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -5946,15 +5802,6 @@
       "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
       "dev": true
     },
-    "node_modules/node-emoji": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz",
-      "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
-      "dev": true,
-      "dependencies": {
-        "lodash": "^4.17.21"
-      }
-    },
     "node_modules/node-forge": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
@@ -6039,9 +5886,9 @@
       }
     },
     "node_modules/object-hash": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
-      "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
       "dev": true,
       "engines": {
         "node": ">= 6"
@@ -6575,21 +6422,40 @@
         "postcss": "^8.2.15"
       }
     },
-    "node_modules/postcss-js": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-3.0.3.tgz",
-      "integrity": "sha512-gWnoWQXKFw65Hk/mi2+WTQTHdPD5UJdDXZmX073EY/B3BWnYjO4F4t0VneTCnCGQ5E5GsCdMkzPaTXwl3r5dJw==",
+    "node_modules/postcss-import": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
+      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
       "dev": true,
       "dependencies": {
-        "camelcase-css": "^2.0.1",
-        "postcss": "^8.1.6"
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
       },
       "engines": {
-        "node": ">=10.0"
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
+      "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
+      "dev": true,
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
       }
     },
     "node_modules/postcss-load-config": {
@@ -7109,15 +6975,6 @@
         "renderkid": "^2.0.6"
       }
     },
-    "node_modules/pretty-hrtime": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -7161,30 +7018,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/purgecss": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-4.1.3.tgz",
-      "integrity": "sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==",
-      "dev": true,
-      "dependencies": {
-        "commander": "^8.0.0",
-        "glob": "^7.1.7",
-        "postcss": "^8.3.5",
-        "postcss-selector-parser": "^6.0.6"
-      },
-      "bin": {
-        "purgecss": "bin/purgecss.js"
-      }
-    },
-    "node_modules/purgecss/node_modules/commander": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-      "dev": true,
-      "engines": {
-        "node": ">= 12"
-      }
-    },
     "node_modules/qs": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
@@ -7265,6 +7098,24 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/read-cache/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -7303,22 +7154,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/reduce-css-calc": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
-      "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
-      "dev": true,
-      "dependencies": {
-        "css-unit-converter": "^1.1.1",
-        "postcss-value-parser": "^3.3.0"
-      }
-    },
-    "node_modules/reduce-css-calc/node_modules/postcss-value-parser": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-      "dev": true
-    },
     "node_modules/regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -7629,18 +7464,6 @@
       "integrity": "sha512-+4nRk0k3oEpwUB7/CalD7xE2z4VmtEnnq0GO2IPTkrooTrAhEsWvuLF5iWP1dXrwluki/azwXV1ve7gtYuPldg==",
       "dev": true
     },
-    "node_modules/rgb-regex": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
-      "integrity": "sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==",
-      "dev": true
-    },
-    "node_modules/rgba-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
-      "integrity": "sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==",
-      "dev": true
-    },
     "node_modules/rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -8000,21 +7823,6 @@
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dev": true,
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "dev": true
-    },
     "node_modules/slick-carousel": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
@@ -8364,43 +8172,33 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "2.2.19",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.19.tgz",
-      "integrity": "sha512-6Ui7JSVtXadtTUo2NtkBBacobzWiQYVjYW0ZnKaP9S1ZCKQ0w7KVNz+YSDI/j7O7KCMHbOkz94ZMQhbT9pOqjw==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz",
+      "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==",
       "dev": true,
       "dependencies": {
-        "arg": "^5.0.1",
-        "bytes": "^3.0.0",
-        "chalk": "^4.1.2",
-        "chokidar": "^3.5.2",
-        "color": "^4.0.1",
-        "cosmiconfig": "^7.0.1",
-        "detective": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "color-name": "^1.1.4",
+        "detective": "^5.2.1",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
-        "fast-glob": "^3.2.7",
-        "fs-extra": "^10.0.0",
-        "glob-parent": "^6.0.1",
-        "html-tags": "^3.1.0",
-        "is-color-stop": "^1.1.0",
-        "is-glob": "^4.0.1",
-        "lodash": "^4.17.21",
-        "lodash.topath": "^4.5.2",
-        "modern-normalize": "^1.1.0",
-        "node-emoji": "^1.11.0",
+        "fast-glob": "^3.2.11",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "lilconfig": "^2.0.6",
         "normalize-path": "^3.0.0",
-        "object-hash": "^2.2.0",
-        "postcss-js": "^3.0.3",
-        "postcss-load-config": "^3.1.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.14",
+        "postcss-import": "^14.1.0",
+        "postcss-js": "^4.0.0",
+        "postcss-load-config": "^3.1.4",
         "postcss-nested": "5.0.6",
-        "postcss-selector-parser": "^6.0.6",
-        "postcss-value-parser": "^4.1.0",
-        "pretty-hrtime": "^1.0.3",
-        "purgecss": "^4.0.3",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
         "quick-lru": "^5.1.1",
-        "reduce-css-calc": "^2.1.8",
-        "resolve": "^1.20.0",
-        "tmp": "^0.2.1"
+        "resolve": "^1.22.1"
       },
       "bin": {
         "tailwind": "lib/cli.js",
@@ -8410,7 +8208,6 @@
         "node": ">=12.13.0"
       },
       "peerDependencies": {
-        "autoprefixer": "^10.0.2",
         "postcss": "^8.0.9"
       }
     },
@@ -8424,49 +8221,6 @@
         "postcss-selector-parser": "^6.0.2"
       }
     },
-    "node_modules/tailwindcss/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
     "node_modules/tailwindcss/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
@@ -8485,27 +8239,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/tailwindcss/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -8781,15 +8514,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -10932,16 +10656,16 @@
       }
     },
     "@tailwindcss/aspect-ratio": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.3.0.tgz",
-      "integrity": "sha512-DMgWskNJR6FNPLbQ8Xoq/PKV/9DfNKh5dvKB+SM8x7lVl4+pnxlZ3Ns4+yGmurA/ze708HrnCG1tXk85HolJmw==",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.0.tgz",
+      "integrity": "sha512-WJu0I4PpqNPuutpaA9zDUq2JXR+lorZ7PbLcKNLmb6GL9/HLfC7w3CRsMhJF4BbYd/lkY6CfXOvkYpuGnZfkpQ==",
       "dev": true,
       "requires": {}
     },
     "@tailwindcss/forms": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.4.tgz",
-      "integrity": "sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.2.tgz",
+      "integrity": "sha512-pSrFeJB6Bg1Mrg9CdQW3+hqZXAKsBrSG9MAfFLKy1pVA4Mb4W7C0k7mEhlmS2Dfo/otxrQOET7NJiJ9RrS563w==",
       "dev": true,
       "requires": {
         "mini-svg-data-uri": "^1.2.3"
@@ -11960,33 +11684,6 @@
         "shallow-clone": "^3.0.0"
       }
     },
-    "color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "dev": true,
-      "requires": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "dependencies": {
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        }
-      }
-    },
     "color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -12002,16 +11699,6 @@
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true
     },
-    "color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dev": true,
-      "requires": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
     "colord": {
       "version": "2.9.3",
       "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
@@ -12234,12 +11921,6 @@
         "urix": "^0.1.0"
       }
     },
-    "css-color-names": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
-      "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==",
-      "dev": true
-    },
     "css-declaration-sorter": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.0.tgz",
@@ -12344,12 +12025,6 @@
         "source-map": "^0.6.1"
       }
     },
-    "css-unit-converter": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
-      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==",
-      "dev": true
-    },
     "css-what": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
@@ -13087,17 +12762,6 @@
       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true
     },
-    "fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      }
-    },
     "fs-monkey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
@@ -13267,12 +12931,6 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
-    "hex-color-regex": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
-      "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==",
-      "dev": true
-    },
     "hotkeys-js": {
       "version": "3.9.4",
       "resolved": "https://registry.npmjs.org/hotkeys-js/-/hotkeys-js-3.9.4.tgz",
@@ -13316,30 +12974,12 @@
         }
       }
     },
-    "hsl-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
-      "integrity": "sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==",
-      "dev": true
-    },
-    "hsla-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
-      "integrity": "sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==",
-      "dev": true
-    },
     "html-entities": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.3.tgz",
       "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==",
       "dev": true
     },
-    "html-tags": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
-      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
-      "dev": true
-    },
     "htmlparser2": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -13497,20 +13137,6 @@
       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
       "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
     },
-    "is-color-stop": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
-      "integrity": "sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==",
-      "dev": true,
-      "requires": {
-        "css-color-names": "^0.0.4",
-        "hex-color-regex": "^1.1.0",
-        "hsl-regex": "^1.0.0",
-        "hsla-regex": "^1.0.0",
-        "rgb-regex": "^1.0.1",
-        "rgba-regex": "^1.0.0"
-      }
-    },
     "is-core-module": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
@@ -13688,16 +13314,6 @@
       "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
       "dev": true
     },
-    "jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.6",
-        "universalify": "^2.0.0"
-      }
-    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -13776,12 +13392,6 @@
       "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
       "dev": true
     },
-    "lodash.topath": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
-      "integrity": "sha512-1/W4dM+35DwvE/iEd1M9ekewOSTlpFekhw9mhAtrwjVqUr83/ilQiyAvmg4tVX7Unkcfl1KC+i9WdaT4B6aQcg==",
-      "dev": true
-    },
     "lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -13949,12 +13559,6 @@
       "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
       "dev": true
     },
-    "modern-normalize": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz",
-      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
-      "dev": true
-    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -13994,15 +13598,6 @@
       "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
       "dev": true
     },
-    "node-emoji": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz",
-      "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.21"
-      }
-    },
     "node-forge": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
@@ -14063,9 +13658,9 @@
       "dev": true
     },
     "object-hash": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
-      "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
       "dev": true
     },
     "object-inspect": {
@@ -14432,14 +14027,24 @@
       "dev": true,
       "requires": {}
     },
-    "postcss-js": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-3.0.3.tgz",
-      "integrity": "sha512-gWnoWQXKFw65Hk/mi2+WTQTHdPD5UJdDXZmX073EY/B3BWnYjO4F4t0VneTCnCGQ5E5GsCdMkzPaTXwl3r5dJw==",
+    "postcss-import": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
+      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
       "dev": true,
       "requires": {
-        "camelcase-css": "^2.0.1",
-        "postcss": "^8.1.6"
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      }
+    },
+    "postcss-js": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
+      "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
+      "dev": true,
+      "requires": {
+        "camelcase-css": "^2.0.1"
       }
     },
     "postcss-load-config": {
@@ -14758,12 +14363,6 @@
         "renderkid": "^2.0.6"
       }
     },
-    "pretty-hrtime": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
-      "dev": true
-    },
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -14800,26 +14399,6 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
-    "purgecss": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-4.1.3.tgz",
-      "integrity": "sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==",
-      "dev": true,
-      "requires": {
-        "commander": "^8.0.0",
-        "glob": "^7.1.7",
-        "postcss": "^8.3.5",
-        "postcss-selector-parser": "^6.0.6"
-      },
-      "dependencies": {
-        "commander": {
-          "version": "8.3.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-          "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-          "dev": true
-        }
-      }
-    },
     "qs": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
@@ -14868,6 +14447,23 @@
         "unpipe": "1.0.0"
       }
     },
+    "read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "requires": {
+        "pify": "^2.3.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+          "dev": true
+        }
+      }
+    },
     "readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -14897,24 +14493,6 @@
         "resolve": "^1.9.0"
       }
     },
-    "reduce-css-calc": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
-      "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
-      "dev": true,
-      "requires": {
-        "css-unit-converter": "^1.1.1",
-        "postcss-value-parser": "^3.3.0"
-      },
-      "dependencies": {
-        "postcss-value-parser": {
-          "version": "3.3.1",
-          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-          "dev": true
-        }
-      }
-    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -15170,18 +14748,6 @@
       "integrity": "sha512-W6V2fix7nCLUYX1v6eGPrBOZlc03/faqzP4sUxMAJMBMOPYhfV/RyLegTufn5gJKaOITyi+gvf0LXDZ9NzkHnQ==",
       "dev": true
     },
-    "rgb-regex": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
-      "integrity": "sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==",
-      "dev": true
-    },
-    "rgba-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
-      "integrity": "sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==",
-      "dev": true
-    },
     "rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -15453,23 +15019,6 @@
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true
     },
-    "simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dev": true,
-      "requires": {
-        "is-arrayish": "^0.3.1"
-      },
-      "dependencies": {
-        "is-arrayish": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-          "dev": true
-        }
-      }
-    },
     "slick-carousel": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
@@ -15738,73 +15287,35 @@
       }
     },
     "tailwindcss": {
-      "version": "2.2.19",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.19.tgz",
-      "integrity": "sha512-6Ui7JSVtXadtTUo2NtkBBacobzWiQYVjYW0ZnKaP9S1ZCKQ0w7KVNz+YSDI/j7O7KCMHbOkz94ZMQhbT9pOqjw==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz",
+      "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==",
       "dev": true,
       "requires": {
-        "arg": "^5.0.1",
-        "bytes": "^3.0.0",
-        "chalk": "^4.1.2",
-        "chokidar": "^3.5.2",
-        "color": "^4.0.1",
-        "cosmiconfig": "^7.0.1",
-        "detective": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "color-name": "^1.1.4",
+        "detective": "^5.2.1",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
-        "fast-glob": "^3.2.7",
-        "fs-extra": "^10.0.0",
-        "glob-parent": "^6.0.1",
-        "html-tags": "^3.1.0",
-        "is-color-stop": "^1.1.0",
-        "is-glob": "^4.0.1",
-        "lodash": "^4.17.21",
-        "lodash.topath": "^4.5.2",
-        "modern-normalize": "^1.1.0",
-        "node-emoji": "^1.11.0",
+        "fast-glob": "^3.2.11",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "lilconfig": "^2.0.6",
         "normalize-path": "^3.0.0",
-        "object-hash": "^2.2.0",
-        "postcss-js": "^3.0.3",
-        "postcss-load-config": "^3.1.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.14",
+        "postcss-import": "^14.1.0",
+        "postcss-js": "^4.0.0",
+        "postcss-load-config": "^3.1.4",
         "postcss-nested": "5.0.6",
-        "postcss-selector-parser": "^6.0.6",
-        "postcss-value-parser": "^4.1.0",
-        "pretty-hrtime": "^1.0.3",
-        "purgecss": "^4.0.3",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
         "quick-lru": "^5.1.1",
-        "reduce-css-calc": "^2.1.8",
-        "resolve": "^1.20.0",
-        "tmp": "^0.2.1"
+        "resolve": "^1.22.1"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
         "color-name": {
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
@@ -15819,21 +15330,6 @@
           "requires": {
             "is-glob": "^4.0.3"
           }
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -16037,12 +15533,6 @@
       "integrity": "sha512-5Zfuy9q/DFr4tfO7ZPeVXb1aPoeQSdeFMLpYuFebehDAhbuevLs5yxSZmIFN1tP5F9Wl4IpJrYojg85/zgyZHQ==",
       "dev": true
     },
-    "universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true
-    },
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
diff --git a/package.json b/package.json
index 039f06d9..a6edf556 100644
--- a/package.json
+++ b/package.json
@@ -44,19 +44,19 @@
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/preset-env": "^7.16.0",
     "@symfony/webpack-encore": "^1.6.1",
-    "@tailwindcss/aspect-ratio": "^0.3.0",
-    "@tailwindcss/forms": "^0.3.4",
-    "autoprefixer": "^10.4.0",
+    "@tailwindcss/aspect-ratio": "^0.4.0",
+    "@tailwindcss/forms": "^0.5.2",
+    "autoprefixer": "^10.4.8",
     "core-js": "^3.19.1",
     "document-register-element": "^1.14.10",
     "file-loader": "^6.2.0",
-    "postcss": "^8.3.11",
+    "postcss": "^8.4.16",
     "postcss-loader": "^6.2.0",
     "sass": "^1.53.0",
     "sass-loader": "^12.3.0",
     "sass-mq": "^5.0.1",
     "smoothscroll-polyfill": "^0.4.4",
-    "tailwindcss": "^2.2.19",
+    "tailwindcss": "^3.1.8",
     "tailwindcss-alt": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "vue-custom-element": "^3.3.0",
diff --git a/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/Calendar/ContingentViewHelper.php b/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/Calendar/ContingentViewHelper.php
index ee39f33e..bdf910df 100644
--- a/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/Calendar/ContingentViewHelper.php
+++ b/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/Calendar/ContingentViewHelper.php
@@ -78,7 +78,7 @@ class ContingentViewHelper extends AbstractViewHelper
         }
         $now = new \DateTime('now');
         if ($now > $day->getBegin()) {
-            $class = [ 'text-gray-400' ];
+            $class = [ 'text-zinc-400' ];
             return static::getHtml($class, $day->format('d'));
         }
         $contingents = $events->find($day);
diff --git a/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Library/Breadcrumb.typoscript b/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Library/Breadcrumb.typoscript
index 6345416a..7ee93804 100644
--- a/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Library/Breadcrumb.typoscript
+++ b/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Library/Breadcrumb.typoscript
@@ -3,12 +3,12 @@ lib.breadcrumb {
     special = rootline
     special.range = 0|-1
     1 = TMENU
-    1.wrap = <div class="hidden md:flex container mb-8 text-sm text-gray-400">|</div>
+    1.wrap = <div class="hidden md:flex container mb-8 text-sm text-zinc-400">|</div>
     1.NO {
         stdWrap.htmlSpecialChars = 1
-        ATagParams = class="text-gray-400"
+        ATagParams = class="text-zinc-400"
         ATagTitle.field = nav_title // title
-        linkWrap = |<span class="text-gray-400 px-1">/</span>|*||*| |
+        linkWrap = |<span class="text-zinc-400 px-1">/</span>|*||*| |
         doNotLinkIt = |*| 0 |*| 1
     }
 }
diff --git a/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Page/Main.typoscript b/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Page/Main.typoscript
index 7aad1ae5..c86f2f14 100644
--- a/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Page/Main.typoscript
+++ b/public/typo3conf/ext/ep_theme/Configuration/TypoScript/Page/Main.typoscript
@@ -9,7 +9,7 @@ page {
     bodyTagCObject = COA
     bodyTagCObject {
         10 = TEXT
-        10.value = <body class="antialiased text-gray-800 font-sans pt-14 lg:pt-8 bg-white
+        10.value = <body class="antialiased text-zinc-800 font-sans pt-14 lg:pt-8 bg-white
         20 = TEXT
         20 {
             field = tx_eptheme_bodyclass
@@ -208,7 +208,7 @@ page {
 [page["backend_layout"] == 'pagets__popup']
     page.bodyTagCObject >
     page.bodyTagCObject = TEXT
-    page.bodyTagCObject.value = <body class="antialiased text-gray-800 font-sans bg-white p-4">
+    page.bodyTagCObject.value = <body class="antialiased text-zinc-800 font-sans bg-white p-4">
     page.headerData.333 >
     page.headerData.990 >
     page.headerData.995 >
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
index 3af00292..8f5c7af2 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
@@ -87,28 +87,28 @@
             <div class="p-2 uppercase bg-ep-primary-dark text-white w-full">
                 Preise
             </div>
-            <div class="bg-gray-100 p-2">
+            <div class="bg-zinc-100 p-2">
                 <table class="w-full" v-show="nightsCount > 0">
                     <tbody>
-                    <tr class="odd:bg-gray-100">
+                    <tr class="odd:bg-zinc-100">
                         <th class="text-left py-2">Zeitraum</th>
                         <td>{{ rangeFormatted }}, {{ nightsCount }} Nächte</td>
                     </tr>
-                    <tr class="odd:bg-gray-100">
+                    <tr class="odd:bg-zinc-100">
                         <th class="text-left py-2">Basispreis</th>
                         <td>{{ formatCurrency(pricePax.base) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="pricePax.additional > 0">
                         <th class="text-left py-2">Aufpreis Personenzahl</th>
                         <td>{{ formatCurrency(pricePax.additional) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="priceShortTerm > 0">
                         <th class="text-left py-2">Aufpreis Kurzzeit</th>
                         <td>{{ formatCurrency(priceShortTerm) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="includesBonusCard">
                         <th class="text-left py-2">Inklusivleistungen</th>
                         <td>
@@ -117,27 +117,27 @@
                             </a>
                         </td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="selectedOptions.length > 0">
                         <th class="text-left py-2">Zusatzleistungen</th>
                         <td>{{ formatCurrency(priceOptions) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="priceBoard > 0">
                         <th class="text-left  py-2">Verpflegung</th>
                         <td>{{ formatCurrency(priceBoard) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="pricePax.undersubscription > 0">
                         <th class="text-left py-2">Kleingruppen-Verpflegungszuschlag</th>
                         <td>{{ formatCurrency(pricePax.undersubscription) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100"
+                    <tr class="odd:bg-zinc-100"
                         v-if="priceRunningCosts > 0">
                         <th class="text-left py-2">Strom- und Abfallgebühren</th>
                         <td>{{ formatCurrency(priceRunningCosts) }}</td>
                     </tr>
-                    <tr class="odd:bg-gray-100">
+                    <tr class="odd:bg-zinc-100">
                         <th class="text-left py-2">Gesamtpreis</th>
                         <td><strong>{{ formatCurrency(priceTotal) }}</strong><br><small>zzgl. vor Ort zu entrichtender
                             Ortstaxe</small></td>
@@ -155,7 +155,7 @@
             <div class="p-2 uppercase bg-ep-primary-dark text-white w-full">
                 Angebot anfordern
             </div>
-            <div class="bg-gray-100 p-2">
+            <div class="bg-zinc-100 p-2">
                 <div class="grid md:grid-cols-2 gap-4 mb-4">
                     <div :class="{ 'has-error': formErrors.name }">
                         <label class="font-bold mb-2">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
index d7abc1b9..97f5578b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
@@ -5,20 +5,20 @@
             <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                 <div>
                     <form-group label="Gender">
-                        <select v-model="userData.gender" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <select v-model="userData.gender" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                             <option value="w">W</option>
                             <option value="m">M</option>
                             <option value="d">D</option>
                         </select>
                     </form-group>
                     <form-group label="Title">
-                        <input type="text" v-model="userData.title" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.title" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Name" :error="formErrors.lastName">
-                        <input type="text" v-model="userData.lastName" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.lastName" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Vorname" :error="formErrors.firstName">
-                        <input type="text" v-model="userData.firstName" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.firstName" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Geburtsdatum">
                         <div ref="picker"></div>
@@ -26,28 +26,28 @@
                 </div>
                 <div>
                     <form-group label="Straße" :error="formErrors.street">
-                        <input type="text" v-model="userData.street" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.street" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="PLZ" :error="formErrors.zipCode">
-                        <input type="text" v-model="userData.zipCode" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.zipCode" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Stadt" :error="formErrors.city">
-                        <input type="text" v-model="userData.city" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.city" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Land" :error="formErrors.country">
-                        <select v-model="userData.country" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <select v-model="userData.country" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                             <option v-for="country in countries"
                                     :value="country['code']">{{ country['name'] }}</option>
                         </select>
                     </form-group>
                     <form-group label="E-Mail" :error="formErrors.email">
-                        <input type="text" v-model="userData.email" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.email" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Telefon" :error="formErrors.phonePrivate">
-                        <input type="text" v-model="userData.phonePrivate" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.phonePrivate" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Mobil" :error="formErrors.phoneMobile">
-                        <input type="text" v-model="userData.phoneMobile" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="text" v-model="userData.phoneMobile" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                 </div>
                 <div class="col-span-1 md:col-span2">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
index 1c7d3fa7..2a3eb019 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
@@ -1,19 +1,19 @@
 <template>
     <div id="myep" class="relative mb-16">
-        <nav class="w-full bg-gray-50 flex items-center justify-between mb-8 relative" v-if="isLoggedIn">
+        <nav class="w-full bg-zinc-50 flex items-center justify-between mb-8 relative" v-if="isLoggedIn">
             <span class="block text-2xl px-4">My E&P</span>
-            <div class="absolute z-50 top-100 left-0 w-full bg-gray-50 shadow lg:relative lg:top-auto lg:left-auto lg:w-auto lg:shadow-none lg:flex lg:space-x-4"
+            <div class="absolute z-50 top-100 left-0 w-full bg-zinc-50 shadow lg:relative lg:top-auto lg:left-auto lg:w-auto lg:shadow-none lg:flex lg:space-x-4"
                 :class="{ 'hidden': !navVisible }">
               <div class="lg:flex lg:items-center m-0">
-                <router-link @click.native="navVisible = false" :to="{ name: 'address' }" class="block p-4 text-black hover:bg-gray-400 hover:text-gray-800" active-class="bg-gray-400 text-gray-800">Adressdaten</router-link>
-                <router-link @click.native="navVisible = false" :to="{ name: 'newsletter' }" class="block p-4 text-black hover:bg-gray-400 hover:text-gray-800" active-class="bg-gray-400 text-gray-800">Newsletter</router-link>
-                <router-link @click.native="navVisible = false" :to="{ name: 'profile' }" class="block p-4 text-black hover:bg-gray-400 hover:text-gray-800" active-class="bg-gray-400 text-gray-800">Mein Profil</router-link>
-                <router-link @click.native="navVisible = false" :to="{ name: 'events' }" class="block p-4 text-black hover:bg-gray-400 hover:text-gray-800" active-class="bg-gray-400 text-gray-800">Buchungen</router-link>
-                <router-link @click.native="navVisible = false" :to="{ name: 'teamer' }" class="block p-4 text-black hover:bg-gray-400 hover:text-gray-800" active-class="bg-gray-400 text-gray-800" v-if="isTeamer">Teamer</router-link>
+                <router-link @click.native="navVisible = false" :to="{ name: 'address' }" class="block p-4 text-black hover:bg-zinc-400 hover:text-zinc-800" active-class="bg-zinc-400 text-zinc-800">Adressdaten</router-link>
+                <router-link @click.native="navVisible = false" :to="{ name: 'newsletter' }" class="block p-4 text-black hover:bg-zinc-400 hover:text-zinc-800" active-class="bg-zinc-400 text-zinc-800">Newsletter</router-link>
+                <router-link @click.native="navVisible = false" :to="{ name: 'profile' }" class="block p-4 text-black hover:bg-zinc-400 hover:text-zinc-800" active-class="bg-zinc-400 text-zinc-800">Mein Profil</router-link>
+                <router-link @click.native="navVisible = false" :to="{ name: 'events' }" class="block p-4 text-black hover:bg-zinc-400 hover:text-zinc-800" active-class="bg-zinc-400 text-zinc-800">Buchungen</router-link>
+                <router-link @click.native="navVisible = false" :to="{ name: 'teamer' }" class="block p-4 text-black hover:bg-zinc-400 hover:text-zinc-800" active-class="bg-zinc-400 text-zinc-800" v-if="isTeamer">Teamer</router-link>
               </div>
-              <a class="block px-4 py-4 text-black hover:bg-gray-400 hover:text-gray-800" href="#" @click.prevent="logout()">Logout</a>
+              <a class="block px-4 py-4 text-black hover:bg-zinc-400 hover:text-zinc-800" href="#" @click.prevent="logout()">Logout</a>
             </div>
-            <a href="#" class="lg:hidden p-4 transform text-black hover:text-gray-800" :class="{ 'rotate-90': navVisible }" @click.prevent="navVisible = !navVisible">
+            <a href="#" class="lg:hidden p-4 text-black hover:text-zinc-800" :class="{ 'rotate-90': navVisible }" @click.prevent="navVisible = !navVisible">
               <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
             </a>
         </nav>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue
index 64b84dd3..0220cec7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue
@@ -4,25 +4,25 @@
             <div>
                 <panel title="Reisedaten">
                     <ul class="list-none">
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Reise:</strong> {{ travelData.productName }}
                         </li>
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Zeitraum:</strong> {{ travelData.dateFrom }} - {{ travelData.dateTo }}
                         </li>
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Inklusivleistungen:</strong> {{ travelData.servicesIncluded.join(', ') }}
                         </li>
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Anmelder:</strong> {{ bookingData.applicant.firstName }} {{ bookingData.applicant.lastName }}
                         </li>
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Gesamtpreis:</strong> {{ totalPrice.toFixed(2) }}€
                         </li>
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Teilnehmer:</strong> {{ participantsCount.active }}
                         </li>
-                        <li class="p-2 border-b border-gray-200 last:border-0">
+                        <li class="p-2 border-b border-zinc-200 last:border-0">
                             <strong>Stornos:</strong> {{ participantsCount.canceled }}
                         </li>
                     </ul>
@@ -34,13 +34,13 @@
                 <contingents-overview :contingents="bookingData.accomodations"/>
                 <panel title="Beförderungsart (alle Teilnehmer)" :body="true">
                     <ul class="list-none">
-                        <li class="p-2 border-b border-gray-200 last:border-0" v-for="transportation in bookingData.transportations" :key="transportation.id">
+                        <li class="p-2 border-b border-zinc-200 last:border-0" v-for="transportation in bookingData.transportations" :key="transportation.id">
                             {{ transportation.name }}: {{ transportation.count }}
                         </li>
                     </ul>
                 </panel>
                 <panel title="Anmerkungen" :body="true">
-                    <textarea class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full"
+                    <textarea class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
                               rows="2"
                               v-model="bookingData.remarks"
                               @change="dirty = true"/>
@@ -66,14 +66,14 @@
                     Storniert am {{ participant.data.cancellationDate }}, Stornokosten {{ participant.data.cancellationFee.toFixed(2) }} €
                 </template>
                 <template v-else>
-                    <div class="p-2 border-b border-gray-200">
+                    <div class="p-2 border-b border-zinc-200">
                         <participant-data-form :participant="participant"
                                                :mutable="mutableFields.participantData.mutable"
                                                :countries="countries"
                                                v-on:updated="onParticipantDataUpdated($event, index)"
                         />
                     </div>
-                    <div class="flex flex-col space-y-1 md:flex-row md:space-y-0 md:space-x-1 py-4 border-b border-gray-200 p-2">
+                    <div class="flex flex-col space-y-1 md:flex-row md:space-y-0 md:space-x-1 py-4 border-b border-zinc-200 p-2">
                         <participant-address-form :participant="participant"
                                                   :countries="countries"
                                                   :mutable="mutableFields.participantData.mutable"
@@ -131,7 +131,7 @@
                             </tr>
                             </tbody>
                         </table>
-                        <textarea rows="2" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full"
+                        <textarea rows="2" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
                                   v-model="participant.data.additionRequest"
                                   @change="dirty = true"
                                   placeholder="Sonstiges (z. B. Allergien, Verleihgrößen)"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
index 7030c64e..f27c4d3b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
@@ -16,7 +16,7 @@
                              v-if="selection.changeable === true && isSelectionVisible(selection)">
                             <label class="inline-flex items-center" :class="{ 'opacity-50': !selection.changeable}">
                                 <input type="checkbox"
-                                       class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
+                                       class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
                                        v-model="selection.value"
                                        :disabled="!selection.changeable"/>
                                 <span class="ml-2">
@@ -32,7 +32,7 @@
                          v-if="action.changeable === true">
                         <label class="inline-flex items-center" :class="{ 'opacity-50': !action.changeable}">
                             <input type="checkbox"
-                                   class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
+                                   class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
                                    v-model="action.value"
                                    :disabled="!action.changeable"/>
                             <span class="ml-2">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
index 05b45f6f..ed6025fc 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
@@ -4,57 +4,57 @@
             Meine Buchungen
         </h1>
         <div class="w-full max-w-full overflow-x-scroll md:overflow-x-auto">
-            <table class="min-w-full border border-gray-200 border-collapse mb-8 text-sm">
+            <table class="min-w-full border border-zinc-200 border-collapse mb-8 text-sm">
                 <thead>
                     <tr>
-                        <th class="px-2 py-1 border border-gray-200 text-left">
+                        <th class="px-2 py-1 border border-zinc-200 text-left">
                             Buchungsdatum
                         </th>
-                        <th class="px-2 py-1 border border-gray-200 text-left">
+                        <th class="px-2 py-1 border border-zinc-200 text-left">
                             Reisedatum
                         </th>
-                        <th class="px-2 py-1 border border-gray-200 text-left">
+                        <th class="px-2 py-1 border border-zinc-200 text-left">
                             Reise
                         </th>
-                        <th class="px-2 py-1 border border-gray-200 text-left">
+                        <th class="px-2 py-1 border border-zinc-200 text-left">
                             Vorgang
                         </th>
-                        <th class="px-2 py-1 border border-gray-200 text-center">
+                        <th class="px-2 py-1 border border-zinc-200 text-center">
                             Preis
                         </th>
-                        <th class="px-2 py-1 border border-gray-200 text-center">
+                        <th class="px-2 py-1 border border-zinc-200 text-center">
                             offen
                         </th>
-                        <th class="px-2 py-1 border border-gray-200 text-left">
+                        <th class="px-2 py-1 border border-zinc-200 text-left">
                             Status
                         </th>
-                        <th class="px-2 py-1 border border-gray-200"></th>
+                        <th class="px-2 py-1 border border-zinc-200"></th>
                     </tr>
                 </thead>
                 <tbody>
-                    <tr v-for="event of events" class="even:bg-gray-50">
-                        <td class="px-2 py-1 border border-gray-200">
+                    <tr v-for="event of events" class="even:bg-zinc-50">
+                        <td class="px-2 py-1 border border-zinc-200">
                             {{ formatBookingDate(event.dateBooking) }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200">
+                        <td class="px-2 py-1 border border-zinc-200">
                             {{ event.dateTravel | date }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200">
+                        <td class="px-2 py-1 border border-zinc-200">
                             {{ event.product }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200">
+                        <td class="px-2 py-1 border border-zinc-200">
                             {{ event.bookingNumber }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200 whitespace-nowrap">
+                        <td class="px-2 py-1 border border-zinc-200 whitespace-nowrap">
                             {{ formatCurrency(event.price) }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200 whitespace-nowrap" :class="{ 'text-red-500': hasOutstandingPayment(event) }">
+                        <td class="px-2 py-1 border border-zinc-200 whitespace-nowrap" :class="{ 'text-red-500': hasOutstandingPayment(event) }">
                             {{ calculateBalance(event) }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200">
+                        <td class="px-2 py-1 border border-zinc-200">
                             {{ status[event.status] }}
                         </td>
-                        <td class="px-2 py-1 border border-gray-200">
+                        <td class="px-2 py-1 border border-zinc-200">
                             <div class="grid grid-cols-1 xl:grid-cols-3 gap-2 w-32 xl:w-auto">
                                 <a :href="getDownloadUrl(event, 'confirmation')" target="_blank" class="button bg-button button--small">
                                     Bestätigung
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
index 5f017a2a..a50ec6ee 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Login.vue
@@ -7,10 +7,10 @@
             <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                 <div>
                     <form-group label="E-Mail" :error="formErrors.email">
-                        <input type="email" v-model="email" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="email" v-model="email" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <form-group label="Passwort" v-if="loginMode">
-                        <input type="password" v-model="password" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                        <input type="password" v-model="password" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                     </form-group>
                     <div class="flex flex-col lg:flex-row space-y-2 lg:space-y-0 lg:space-x-2 mt-4">
                         <button type="submit" class="button bg-button" :disabled="loading">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
index 6aa6d93e..944f44eb 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
@@ -6,16 +6,16 @@
         <form @submit.prevent="register()">
             <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 mb-4">
                 <form-group label="Vorname" :error="formErrors.firstName">
-                    <input type="text" v-model="userData.firstName" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                    <input type="text" v-model="userData.firstName" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                 </form-group>
                 <form-group label="Name" :error="formErrors.lastName">
-                    <input type="text" v-model="userData.lastName" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                    <input type="text" v-model="userData.lastName" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                 </form-group>
                 <form-group label="E-Mail" :error="formErrors.email">
-                    <input type="text" v-model="userData.email" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                    <input type="text" v-model="userData.email" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                 </form-group>
                 <form-group label="Gender" :error="formErrors.gender">
-                    <select v-model="userData.gender" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full">
+                    <select v-model="userData.gender" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
                         <option value="M">M</option>
                         <option value="W">W</option>
                         <option value="D">D</option>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/CollapsiblePanel.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/CollapsiblePanel.vue
index 5fddbdf1..47a71f45 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/CollapsiblePanel.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/CollapsiblePanel.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="border border-gray-200 rounded mb-4">
-        <div class="bg-gray-50 p-2">
+    <div class="border border-zinc-200 rounded mb-4">
+        <div class="bg-zinc-50 p-2">
             <h3 class="text-base font-bold">
                 <a role="button" href="#" class="flex items-center justify-between"
                    @click.prevent="expanded = !expanded">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ContingentsOverview.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ContingentsOverview.vue
index 67373caa..97e59c65 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ContingentsOverview.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ContingentsOverview.vue
@@ -1,7 +1,7 @@
 <template>
     <panel title="Gebuchte Kontingente">
         <ul class="list-none">
-            <li class="p-2 border-b border-gray-200 last:border-0" v-for="contingent in contingents" :key="contingent.id">
+            <li class="p-2 border-b border-zinc-200 last:border-0" v-for="contingent in contingents" :key="contingent.id">
                 {{ contingent.room }}: {{ contingent.count }}
             </li>
         </ul>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue
index 2d8ea2b8..da7d1e0f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/MutableFields.vue
@@ -1,11 +1,11 @@
 <template>
     <panel title="Änderungen möglich bis">
         <ul class="list-none">
-            <li class="p-2 border-b border-gray-200 last:border-0" v-for="field in fields" :key="field.prop">
+            <li class="p-2 border-b border-zinc-200 last:border-0" v-for="field in fields" :key="field.prop">
                 <strong>
                     {{ field.label }}:
                 </strong>
-                <span class="px-2 py-1 text-white" :class="mutableFields[field.prop].mutable ? 'bg-green-500' : 'bg-red-500'">
+                <span class="px-2 py-1 text-white" :class="mutableFields[field.prop].mutable ? 'bg-emerald-500' : 'bg-red-500'">
                     {{ mutableFields[field.prop].mutable ? mutableFields[field.prop].until : 'keine Änderung möglich' }}
                 </span>
             </li>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Panel.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Panel.vue
index 542f7935..8cb803d1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Panel.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Panel.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="border border-gray-50 rounded mb-4">
-        <div class="bg-gray-50 p-2">
+    <div class="border border-zinc-50 rounded mb-4">
+        <div class="bg-zinc-50 p-2">
             <h3 class="text-base font-bold">
                 {{ title }}
             </h3>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
index cade8ece..215b1f53 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
@@ -11,7 +11,7 @@
             </svg>
         </button>
         <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
-            <input class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Mobil"
+            <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Mobil"
                    v-model="participant.data.phoneMobile" :disabled="!mutable"
                    @change="$emit('updated', participant)"
             >
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue
index 407ff2ee..0d5a9841 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue
@@ -1,18 +1,18 @@
 <template>
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-1">
-      <input class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Nachname"
+      <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Nachname"
              v-model="participant.data.lastName" :disabled="!mutable"
              @change="$emit('updated', participant)"
       >
-      <input class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Vorname"
+      <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Vorname"
              v-model="participant.data.firstName" :disabled="!mutable"
              @change="$emit('updated', participant)"
       >
-      <input class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="E-Mail"
+      <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="E-Mail"
              v-model="participant.data.email" :disabled="!mutable"
              @change="$emit('updated', participant)"
       >
-      <select class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full"
+      <select class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
               v-model="participant.data.gender" :disabled="!mutable"
               @change="$emit('updated', participant)"
       >
@@ -20,14 +20,14 @@
           <option value="M">männlich</option>
           <option value="D">divers</option>
       </select>
-      <select class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full"
+      <select class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
               v-model="participant.data.nationality" :disabled="!mutable"
               @change="$emit('updated', participant)"
       >
           <option value="">Nationalität...</option>
           <option v-for="country in countries" :key="country.code" :value="country.code">{{ country.adjective }}</option>
       </select>
-      <input type="date" class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full" placeholder="Geburtsdatum"
+      <input type="date" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" placeholder="Geburtsdatum"
              v-model="participant.data.dateOfBirth" :disabled="!mutable"
              @change="$emit('updated', participant)"
       >
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
index 82f4078f..5669d768 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
@@ -12,7 +12,7 @@
             <div class="py-1" v-for="pickup in pickups" :key="pickup.id">
                 <label class="inline-flex items-center text-sm">
                     <input type="radio"
-                           class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
+                           class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
                            :name="'pickup-' + participant.data.id"
                            v-model="pickupId"
                            :value="pickup.busproId"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
index 0c8b4857..f1456255 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
@@ -12,7 +12,7 @@
             <div class="py-1" v-for="service in availableServices" :key="service.id">
                 <label class="inline-flex items-center text-sm">
                     <input type="checkbox"
-                           class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
+                           class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
                            v-model="participant.serviceIds"
                            :value="service.id"
                            :disabled="false === isServiceSelectable(service)"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServicesOverview.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServicesOverview.vue
index ff7ac99a..d0463d61 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServicesOverview.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServicesOverview.vue
@@ -1,7 +1,7 @@
 <template>
     <panel title="Gebuchte Zusatzleistungen">
         <ul class="list-none" v-show="hasServiceAssignments">
-            <li class="p-2 border-b border-gray-200 last:border-0" v-for="(assignment, serviceId) in serviceAssignments">
+            <li class="p-2 border-b border-zinc-200 last:border-0" v-for="(assignment, serviceId) in serviceAssignments">
                 {{ services[serviceId].name }}: {{ assignment.length }}
             </li>
         </ul>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue
index 6d897a7c..97ae91ae 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/TransportationSelect.vue
@@ -3,7 +3,7 @@
         <label class="flex items-center"
                v-for="service in services" :key="service.id">
             <input type="checkbox"
-                   class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
+                   class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
                    v-model="selectedTransportationIds"
                    :value="service.id"
                    :disabled="isServiceUnavailable(service) || !mutable"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_base.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_base.scss
new file mode 100644
index 00000000..f322d961
--- /dev/null
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_base.scss
@@ -0,0 +1,11 @@
+@layer base {
+    body {
+        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+    }
+    @import "base/typography";
+    @import "base/images";
+
+    [data-rte-content] {
+        @import "base/rte-content";
+    }
+}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_components.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_components.scss
new file mode 100644
index 00000000..df105d6e
--- /dev/null
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_components.scss
@@ -0,0 +1,14 @@
+@layer components {
+    @import "components/topnav";
+    @import "components/background";
+    @import "components/badges";
+    @import "components/buttons";
+    @import "components/contact-bar";
+    @import "components/calendar";
+    @import "components/forms";
+    @import "components/herounit";
+    @import "components/misc";
+    @import "components/searchbar";
+    @import "components/teaser";
+    @import "components/tiles";
+}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_utilities.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_utilities.scss
new file mode 100644
index 00000000..9bfb5e29
--- /dev/null
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_utilities.scss
@@ -0,0 +1,40 @@
+@layer utilities {
+    .max-w-screen-2xl {
+        max-width: 1440px;
+    }
+    .max-w-1\/2 {
+        max-width: 50%;
+    }
+    .has-validation-error input {
+        @apply text-red-500 border-red-500;
+    }
+    .container-wide {
+        @apply container;
+        max-width: 1440px;
+    }
+    .underlined {
+        @apply relative mb-4;
+
+        &:after {
+            content: "";
+            @apply absolute top-100 left-0 mt-2 mb-2 border-b-4 w-48;
+            @apply border-ep-primary-dark sbw:border-sbw-primary-dark snz:border-snz-primary-dark uch:border-uch-primary-dark;
+        }
+    }
+    .-translate-xy-1\/2 {
+        transform: translate(-50%, -50%);
+    }
+    .text-shadow {
+        text-shadow: 0 2px 2px theme('colors.zinc.400');
+    }
+    .hide-text {
+        font: 0/0 a;
+        color: transparent;
+        text-shadow: none;
+        border: 0;
+    }
+
+    iframe:not([src]) {
+        display: none;
+    }
+}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_vendor.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_vendor.scss
new file mode 100644
index 00000000..7ad98519
--- /dev/null
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_vendor.scss
@@ -0,0 +1,100 @@
+// Lightbox
+@import "~glightbox/dist/css/glightbox.css";
+
+// Tooltips
+@import "~cooltipz-css/src/cooltipz";
+
+:root {
+    --cooltipz-bg-color: theme('colors.zinc.700');
+    --cooltipz-border-color: theme('colors.zinc.700');
+    --cooltipz-text-color: theme('colors.white');
+}
+
+// Datepicker
+@import "~flatpickr/dist/flatpickr.css";
+
+[data-datepicker-inline-value="true"] .flatpickr-input {
+    @apply hidden;
+}
+
+.flatpickr-calendar {
+    border: none #{!important};
+
+    &.inline {
+        @apply shadow-none #{!important};
+        @apply border border-zinc-400 #{!important};
+    }
+}
+
+.flatpickr-day {
+    @apply rounded my-2 mx-0;
+
+    &.available:not(.inRange) {
+        @apply text-white bg-emerald-500;
+    }
+}
+
+.flatpickr-day.selected {
+    @apply bg-ep-secondary sbw:bg-sbw-secondary;
+    @apply border-ep-secondary sbw:border-sbw-secondary;
+
+    &.startRange, &.endRange {
+        @apply bg-ep-secondary sbw:bg-sbw-secondary;
+        @apply border-ep-secondary sbw:border-sbw-secondary;
+    }
+}
+
+// Maps
+@import "~leaflet/dist/leaflet.css";
+
+.leaflet-pane {
+    z-index: 10 !important;
+}
+.leaflet-top, .leaflet-bottom, .leaflet-control {
+    z-index: 20 !important;
+}
+
+// Slider
+@import "~@splidejs/splide/dist/css/splide-core.min.css";
+
+.slider-pagination {
+    @apply absolute bottom-0 left-1/2 transform -translate-x-1/2 md:mb-8;
+    @apply list-none p-0;
+    @apply flex items-center space-x-2;
+}
+
+.slider-pagination__dot {
+    @apply hide-text block w-3 h-3 xl:w-4 xl:h-4 rounded-full bg-white shadow-md focus:outline-none;
+
+    &.is-active {
+        @apply bg-ep-secondary;
+    }
+}
+
+.slider-pagination__arrow {
+    @apply absolute z-10 text-ep-secondary bg-transparent focus:outline-none;
+
+    .slider--teasers & {
+        @apply bg-ep-secondary text-white rounded p-1;
+    }
+
+    &[disabled] {
+        @apply opacity-25;
+    }
+
+    &--prev {
+        @apply left-0 top-1/2 transform -translate-y-1/2 ml-4;
+
+        .slider--teasers & {
+            @apply -ml-8;
+        }
+    }
+
+    &--next {
+        @apply right-0 top-1/2 transform -translate-y-1/2 mr-4;
+
+        .slider--teasers & {
+            @apply -mr-8;
+        }
+    }
+}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
index ec1921ae..0d460060 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
@@ -53,13 +53,13 @@ table,
 
 thead {
     tr {
-        @apply bg-gray-200;
+        @apply bg-zinc-200;
     }
 }
 
 tbody {
     tr {
-        @apply odd:bg-gray-100;
+        @apply odd:bg-zinc-100;
     }
 }
 
@@ -68,5 +68,5 @@ th {
 }
 
 td {
-    @apply border-r border-gray-200 px-2 py-1 md:p-2;
+    @apply border-r border-zinc-200 px-2 py-1 md:p-2;
 }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
index 397212ed..4e7023f1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
@@ -1,21 +1,21 @@
 h1,
 .headline--primary {
-    @apply block text-3xl md:text-4xl text-gray-800 font-bold mb-2;
+    @apply block text-3xl md:text-4xl text-zinc-800 font-bold mb-2;
 }
 
 h2,
 .headline--secondary {
-    @apply block text-2xl md:text-3xl text-gray-800 font-bold mb-2;
+    @apply block text-2xl md:text-3xl text-zinc-800 font-bold mb-2;
 }
 
 h3,
 .headline--3 {
-    @apply block text-xl md:text-2xl text-gray-800 font-bold leading-6 mb-2;
+    @apply block text-xl md:text-2xl text-zinc-800 font-bold leading-6 mb-2;
 }
 
 h4,
 .headline--4 {
-    @apply block md:text-lg text-gray-800 font-bold;
+    @apply block md:text-lg text-zinc-800 font-bold;
 }
 
 .headline--underlined:after {
@@ -25,7 +25,7 @@ h4,
 }
 
 .subline {
-    @apply block text-xs md:text-sm font-normal leading-6 text-gray-500;
+    @apply block text-xs md:text-sm font-normal leading-6 text-zinc-500;
 }
 
 // Lists
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
index dee0f7cd..8fb0e272 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
@@ -18,11 +18,11 @@
     @apply snz:bg-snz-secondary;
     @apply uch:bg-uch-secondary;
     @apply ser:bg-ser-secondary;
-    @apply hover:bg-ep-secondary group-hover:bg-ep-secondary;
-    @apply sbw:hover:bg-sbw-primary-dark sbw:group-hover:bg-sbw-primary-dark;
-    @apply snz:hover:bg-snz-primary-dark snz:group-hover:bg-snz-primary-dark;
-    @apply uch:hover:bg-uch-primary-dark uch:group-hover:bg-uch-primary-dark;
-    @apply ser:hover:bg-ser-primary ser:group-hover:bg-ser-primary;
+    @apply hover:bg-ep-secondary;
+    @apply sbw:hover:bg-sbw-primary-dark;
+    @apply snz:hover:bg-snz-primary-dark;
+    @apply uch:hover:bg-uch-primary-dark;
+    @apply ser:hover:bg-ser-primary;
 
     &--active,
     &--secondary {
@@ -34,13 +34,13 @@
     }
 
     &--muted {
-        @apply bg-gray-300 hover:bg-gray-300;
+        @apply bg-zinc-300 hover:bg-zinc-300;
     }
 
     &--dark {
         @apply bg-ep-primary-dark;
         @apply ser:bg-ser-primary;
-        @apply ser:hover:bg-ser-secondary ser:group-hover:bg-ser-secondary;
+        @apply ser:hover:bg-ser-secondary;
     }
 
     &--light {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_calendar.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_calendar.scss
index 99f22e42..c0aac254 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_calendar.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_calendar.scss
@@ -1,9 +1,9 @@
 .availability-full {
-    @apply bg-green-500;
+    @apply bg-emerald-500;
 }
 
 .availability-partial {
-    @apply bg-yellow-300;
+    @apply bg-amber-300;
 }
 
 .availability-none {
@@ -11,25 +11,25 @@
 }
 
 .availability-full-to-none {
-    @apply bg-gradient-to-br from-green-500 to-red-500;
+    @apply bg-gradient-to-br from-emerald-500 to-red-500;
 }
 
 .availability-full-to-partial {
-    @apply bg-gradient-to-br from-green-500 to-yellow-300;
+    @apply bg-gradient-to-br from-emerald-500 to-amber-300;
 }
 
 .availability-none-to-full {
-    @apply bg-gradient-to-br from-red-500 to-green-500;
+    @apply bg-gradient-to-br from-red-500 to-emerald-500;
 }
 
 .availability-partial-to-full {
-    @apply bg-gradient-to-br from-yellow-300 to-green-500;
+    @apply bg-gradient-to-br from-amber-300 to-emerald-500;
 }
 
 .availability-none-to-partial {
-    @apply bg-gradient-to-br from-red-500 to-yellow-300;
+    @apply bg-gradient-to-br from-red-500 to-amber-300;
 }
 
 .availability-partial-to-none {
-    @apply bg-gradient-to-br from-yellow-300 to-red-500;
+    @apply bg-gradient-to-br from-amber-300 to-red-500;
 }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_datepicker.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_datepicker.scss
deleted file mode 100644
index b81096b5..00000000
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_datepicker.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-@import "~flatpickr/dist/flatpickr.css";
-
-[data-datepicker-inline-value="true"] .flatpickr-input {
-    @apply hidden;
-}
-
-.flatpickr-calendar {
-    border: none #{!important};
-
-    &.inline {
-        @apply shadow-none #{!important};
-        @apply border border-gray-400 #{!important};
-    }
-}
-
-.flatpickr-day {
-    @apply rounded my-2 mx-0;
-
-    &.available:not(.inRange) {
-        @apply text-white bg-green-500;
-    }
-}
-
-.flatpickr-day.selected {
-    @apply bg-ep-secondary sbw:bg-sbw-secondary;
-    @apply border-ep-secondary sbw:border-sbw-secondary;
-
-    &.startRange, &.endRange {
-        @apply bg-ep-secondary sbw:bg-sbw-secondary;
-        @apply border-ep-secondary sbw:border-sbw-secondary;
-    }
-}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_forms.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_forms.scss
index 2bdaed92..948e405e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_forms.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_forms.scss
@@ -1,5 +1,5 @@
 .form-field {
-    @apply border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 block w-full;
+    @apply border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 block w-full;
 
     &--has-error {
         @apply border-red-500;
@@ -8,7 +8,7 @@
 
 .form-checkbox,
 .form-radio {
-    @apply border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary uch:text-uch-secondary h-4 w-4;
+    @apply border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary uch:text-uch-secondary h-4 w-4;
 
     &--has-error {
         @apply border-red-500;
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_lightbox.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_lightbox.scss
deleted file mode 100644
index 899c7e72..00000000
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_lightbox.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import "~glightbox/dist/css/glightbox.css";
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_map.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_map.scss
deleted file mode 100644
index 103b0ccc..00000000
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_map.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "~leaflet/dist/leaflet.css";
-
-.leaflet-pane {
-    z-index: 10 !important;
-}
-.leaflet-top, .leaflet-bottom, .leaflet-control {
-    z-index: 20 !important;
-}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_slider.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_slider.scss
deleted file mode 100644
index 87107ae5..00000000
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_slider.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@import "~@splidejs/splide/dist/css/splide-core.min.css";
-
-.slider-pagination {
-    @apply absolute bottom-0 left-1/2 transform -translate-x-1/2 md:mb-8;
-    @apply list-none p-0;
-    @apply flex items-center space-x-2;
-}
-
-.slider-pagination__dot {
-    @apply hide-text block w-3 h-3 xl:w-4 xl:h-4 rounded-full bg-white shadow-md focus:outline-none;
-
-    &.is-active {
-        @apply bg-ep-secondary;
-    }
-}
-
-.slider-pagination__arrow {
-    @apply absolute z-10 text-ep-secondary bg-transparent focus:outline-none;
-
-    .slider--teasers & {
-        @apply bg-ep-secondary text-white rounded p-1;
-    }
-
-    &[disabled] {
-        @apply opacity-25;
-    }
-
-    &--prev {
-        @apply left-0 top-1/2 transform -translate-y-1/2 ml-4;
-
-        .slider--teasers & {
-            @apply -ml-8;
-        }
-    }
-
-    &--next {
-        @apply right-0 top-1/2 transform -translate-y-1/2 mr-4;
-
-        .slider--teasers & {
-            @apply -mr-8;
-        }
-    }
-}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_teaser.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_teaser.scss
index 7ac3ebf7..8a38b939 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_teaser.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_teaser.scss
@@ -19,7 +19,7 @@
 }
 
 .product-teaser__label-name {
-    @apply text-gray-800 leading-none;
+    @apply text-zinc-800 leading-none;
 
     [data-teasergrid-disabled-value="false"] & {
         @apply text-sm md:text-base;
@@ -27,7 +27,7 @@
 }
 
 .product-teaser__label-region {
-    @apply h-12 md:h-16 text-gray-800 leading-none font-bold text-3xl;
+    @apply h-12 md:h-16 text-zinc-800 leading-none font-bold text-3xl;
 
     [data-teasergrid-disabled-value="false"] & {
         @apply text-lg leading-none md:text-3xl md:leading-none;
@@ -35,7 +35,7 @@
 }
 
 .product-teaser__label-included {
-    @apply pb-2 text-gray-800 text-xl font-bold leading-none;
+    @apply pb-2 text-zinc-800 text-xl font-bold leading-none;
 
     [data-teasergrid-disabled-value="false"] & {
         @apply text-sm md:text-lg lg:text-xl;
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_tooltips.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_tooltips.scss
deleted file mode 100644
index 2f868ced..00000000
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_tooltips.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@import "~cooltipz-css/src/cooltipz";
-
-:root {
-    --cooltipz-bg-color: theme('colors.gray.700');
-    --cooltipz-border-color: theme('colors.gray.700');
-    --cooltipz-text-color: theme('colors.white');
-}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main.scss
index 779bdae1..d15459ea 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main.scss
@@ -1,78 +1,10 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss/base";
+@import "base";
 
-@layer base {
-    body {
-        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
-    }
-    @import "base/typography";
-    @import "base/images";
+@import "tailwindcss/components";
+@import "components";
 
-    [data-rte-content] {
-        @import "base/rte-content";
-    }
-}
+@import "tailwindcss/utilities";
+@import "utilities";
 
-@layer components {
-    @import "components/topnav";
-    @import "components/background";
-    @import "components/badges";
-    @import "components/buttons";
-    @import "components/contact-bar";
-    @import "components/calendar";
-    @import "components/datepicker";
-    @import "components/forms";
-    @import "components/herounit";
-    @import "components/lightbox";
-    @import "components/map";
-    @import "components/misc";
-    @import "components/searchbar";
-    @import "components/slider";
-    @import "components/teaser";
-    @import "components/tiles";
-    @import "components/tooltips";
-}
-
-@layer utilities {
-    @responsive {
-        .max-w-screen-2xl {
-            max-width: 1440px;
-        }
-        .max-w-1\/2 {
-            max-width: 50%;
-        }
-    }
-    .has-validation-error input {
-        @apply text-red-500 border-red-500;
-    }
-    .container-wide {
-        @apply container;
-        max-width: 1440px;
-    }
-    .underlined {
-        @apply relative mb-4;
-
-        &:after {
-            content: "";
-            @apply absolute top-100 left-0 mt-2 mb-2 border-b-4 w-48;
-            @apply border-ep-primary-dark sbw:border-sbw-primary-dark snz:border-snz-primary-dark uch:border-uch-primary-dark;
-        }
-    }
-    .-translate-xy-1\/2 {
-        transform: translate(-50%, -50%);
-    }
-    .text-shadow {
-        text-shadow: 0 2px 2px theme('colors.gray.400');
-    }
-    .hide-text {
-        font: 0/0 a;
-        color: transparent;
-        text-shadow: none;
-        border: 0;
-    }
-
-    iframe:not([src]) {
-        display: none;
-    }
-}
+@import "vendor";
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/rte.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/rte.scss
index 62c401ed..e73ea2e5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/rte.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/rte.scss
@@ -1,7 +1,7 @@
 @import "base/fonts";
 
 body {
-    @apply antialiased text-gray-800 font-sans;
+    @apply antialiased text-zinc-800 font-sans;
 }
 
 table {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Badge.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Badge.html
index c605c41c..2fcb80e6 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Badge.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Badge.html
@@ -5,7 +5,7 @@
     <f:if condition="{badge}">
         <f:link.typolink parameter="{badge.link}"
                          title="{badge.title}"
-                         class="hidden md:block absolute bottom-0 right-0 -mb-8 -mr-8 w-40 transform rotate-6">
+                         class="hidden md:block absolute bottom-0 right-0 -mb-8 -mr-8 w-40 rotate-6">
             <svg viewBox="0 0 200 200"
                  xmlns="http://www.w3.org/2000/svg"
                  preserveAspectRatio="xMinYMin meet"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
index 268abac5..9a959899 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Details.html
@@ -1,5 +1,5 @@
 <div class="space-y-2">
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <f:if condition="{bars}">
             <f:then>
                 <div class="headline--3 headline--underlined">
@@ -18,7 +18,7 @@
         <f:render partial="ImageGallery" arguments="{images: city.images, id: 'city-{city.uid}', thumbnails: 1}"/>
     </f:if>
     <f:if condition="{city.party}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <f:if condition="{bars}">
                 <f:then>
                     <div class="headline--3 headline--underlined">
@@ -35,7 +35,7 @@
         </div>
     </f:if>
     <f:if condition="{city.leisure}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <f:if condition="{bars}">
                 <f:then>
                     <div class="headline--3 headline--underlined">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html
index 80e9aedb..dd6d28e0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html
@@ -34,7 +34,7 @@
                     </f:if>
                 </f:alias>
             </div>
-            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200">
+            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200">
                 <span class="headline--3 mb-4">
                     {city.name}
                 </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
index cfe248c5..31cb4f7a 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
@@ -7,7 +7,7 @@
         <f:if condition="{settings.themeKey} == 'ep'">
             <f:render partial="Disrupter/Outlines"
                       section="Top1"
-                      arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                      arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         </f:if>
         <div class="relative container grid grid-cols-2 gap-8 py-4" data-rte-content>
             <div class="col-span-2 md:col-span-1">
@@ -23,7 +23,7 @@
                     </f:if>
                     <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
                        rel="nofollow"
-                       class="absolute bottom-0 left-1/2 transform -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
+                       class="absolute bottom-0 left-1/2 -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
                         {ep:icon(icon: 'phone', class: 'w-10 h-10 text-white')}
                         <div class="text-center text-white">
                         <span class="block whitespace-nowrap">
@@ -61,7 +61,7 @@
         <f:if condition="{settings.themeKey} == 'ep'">
             <f:render partial="Disrupter/Outlines"
                       section="Bottom1"
-                      arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                      arguments="{classes: 'hidden md:block translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         </f:if>
     </div>
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
index 4142f78f..3e940346 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
@@ -6,7 +6,7 @@
     <div class="bg-ep-primary-dark my-1">
         <f:render partial="Disrupter/Outlines"
                   section="Top1"
-                  arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                  arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         <div class="max-w-screen-lg mx-auto" data-rte-content>
             <div>{data.headline}</div>
             <div>{data.text -> f:format.html()}</div>
@@ -17,7 +17,7 @@
         </div>
         <f:render partial="Disrupter/Outlines"
                   section="Bottom1"
-                  arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                  arguments="{classes: 'hidden md:block translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
     </div>
 
 </html>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
index 579d6c1d..518e3742 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
@@ -6,7 +6,7 @@
     <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)} my-1">
         <f:render partial="Disrupter/Outlines"
                   section="Top1"
-                  arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                  arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         <div class="max-w-screen-lg mx-auto py-4" data-rte-content>
             <div class="md:flex md:items-start py-4">
                 <div class="px-16 pb-4 md:px-4 md:pb-0 md:w-1/6">
@@ -39,7 +39,7 @@
         </div>
         <f:render partial="Disrupter/Outlines"
                   section="Bottom1"
-                  arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                  arguments="{classes: 'hidden md:block translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
     </div>
 
 </html>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
index 88a0da98..38523a93 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
@@ -8,7 +8,7 @@
         <f:if condition="{settings.themeKey} == 'ep'">
             <f:render partial="Disrupter/Outlines"
                       section="Top1"
-                      arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                      arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         </f:if>
         <div class="relative container grid grid-cols-2 gap-8 py-8" data-rte-content>
             <div class="col-span-2 md:col-span-1">
@@ -24,7 +24,7 @@
                     </f:if>
                     <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
                        rel="nofollow"
-                       class="absolute bottom-0 left-1/2 transform -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
+                       class="absolute bottom-0 left-1/2 -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
                         {ep:icon(icon: 'phone', class: 'w-10 h-10 text-white')}
                         <div class="text-center text-white">
                         <span class="block whitespace-nowrap">
@@ -62,7 +62,7 @@
         <f:if condition="{settings.themeKey} == 'ep'">
             <f:render partial="Disrupter/Outlines"
                       section="Bottom1"
-                      arguments="{classes: 'hidden md:block sbw:md:hidden transform translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                      arguments="{classes: 'hidden md:block sbw:md:hidden translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         </f:if>
     </div>
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
index 7abf7b58..190587ac 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
@@ -6,7 +6,7 @@
     <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)} my-1">
         <f:render partial="Disrupter/Outlines"
                   section="Top1"
-                  arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                  arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
         <div class="max-w-screen-lg mx-auto" data-rte-content>
             <div class="md:flex md:items-start py-4">
                 <div class="px-16 pb-4 md:px-4 md:pb-0 md:w-1/6">
@@ -39,7 +39,7 @@
         </div>
         <f:render partial="Disrupter/Outlines"
                   section="Bottom1"
-                  arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
+                  arguments="{classes: 'hidden md:block translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
     </div>
 
 </html>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/EventHero.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/EventHero.html
index 92a1655d..fc777c06 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/EventHero.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/EventHero.html
@@ -52,7 +52,7 @@
                             <circle id="bgouter" cx="100" cy="100" r="100" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary-50\', snz: \'text-snz-primary-50\', uch: \'text-uch-primary-50\'}', key: settings.themekey)}"/>
                             <circle id="bginner" cx="100" cy="100" r="70" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary\', snz: \'text-snz-primary\', uch: \'text-uch-primary\'}', key: settings.themekey)}"/>
                         </svg>
-                        <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 flex flex-col items-center justify-around">
+                        <div class="absolute top-1/2 left-1/2 -translate-xy-1/2 flex flex-col items-center justify-around">
                             <span class="text-white uppercase font-extrabold text-center leading-tight">{badgeData.title -> f:format.raw()}</span>
                             <span class="text-white uppercase text-center leading-tight">{badgeData.subtitle -> f:format.raw()}</span>
                         </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Facts.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Facts.html
index c671e3da..33fe0a16 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Facts.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Facts.html
@@ -4,7 +4,7 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
     <f:if condition="{facts -> f:count()} > 0">
-        <div class="bg-gray-50 p-4 mb-4">
+        <div class="bg-zinc-50 p-4 mb-4">
             <h2 class="text-base font-bold mb-1">
                 <f:if condition="{title}">
                     <f:then>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
index 66d27940..c0971f3a 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
@@ -29,7 +29,7 @@
                             <button type="button"
                                     class="uppercase text-lg text-white flex items-center space-x-4"
                                     data-action="collapse#toggle">
-                                {ep:icon(icon: 'chevron-right', class: 'w-4 h-4 text-white transform transition-transform duration-200 ease-in-out', data: '{collapse-target: \'icon\'}')}
+                                {ep:icon(icon: 'chevron-right', class: 'w-4 h-4 text-white transition-transform duration-200 ease-in-out', data: '{collapse-target: \'icon\'}')}
                                 <span>
                                     {faq.question}
                                 </span>
@@ -50,7 +50,7 @@
                         </div>
                     </f:if>
                 </div>
-                <f:render partial="Disrupter/Outlines" section="Bottom2" arguments="{classes: 'hidden md:block transform translate-y-2 text-white'}"/>
+                <f:render partial="Disrupter/Outlines" section="Bottom2" arguments="{classes: 'hidden md:block translate-y-2 text-white'}"/>
             </div>
         </div>
     </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
index 34658423..ac2213f7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
@@ -5,7 +5,7 @@
 
     <div class="bg-ep-primary-dark sbw:bg-sbw-primary-80 uch:bg-uch-primary-80 ser:bg-ser-primary mt-8">
         <f:if condition="{settings.themekey} == 'ep'">
-            <f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: 'transform -translate-y-2 text-white'}"/>
+            <f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: '-translate-y-2 text-white'}"/>
         </f:if>
         <div class="py-4 relative">
             <div class="container grid grid-cols-2 lg:grid-cols-4 gap-8 pb-4">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Field/Field.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Field/Field.html
index 76038c0d..60fb3b49 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Field/Field.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Field/Field.html
@@ -2,7 +2,7 @@
 <f:form.validationResults for="{element.rootForm.identifier}.{element.identifier}">
     <label class="block mb-4">
         <f:if condition="{doNotShowLabel} != 1">
-            <span class="{f:if(condition: '{validationResults.errors.0}', then: 'text-red-500', else: 'text-gray-700')}">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
+            <span class="{f:if(condition: '{validationResults.errors.0}', then: 'text-red-500', else: 'text-zinc-700')}">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
         </f:if>
         {elementContent -> f:format.raw()}
         <f:if condition="{validationResults.flattenedErrors}">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Fieldset.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Fieldset.html
index 52071707..7e997291 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Fieldset.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Fieldset.html
@@ -2,7 +2,7 @@
 <formvh:renderRenderable renderable="{element}">
 	<fieldset id="{element.uniqueIdentifier}" class="{f:if(condition: element.properties.elementClassAttribute, then: ' {element.properties.elementClassAttribute}')}">
 		<f:if condition="{element.label}">
-			<legend class="pb-2 mb-2 border-b border-gray-400">{formvh:translateElementProperty(element: element, property: 'label')}</legend>
+			<legend class="pb-2 mb-2 border-b border-zinc-400">{formvh:translateElementProperty(element: element, property: 'label')}</legend>
 		</f:if>
 		<f:for each="{element.elements}" as="element">
 			<f:render partial="{element.templateName}" arguments="{element: element}" />
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/MultiCheckbox.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/MultiCheckbox.html
index 36858487..d78aa9fd 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/MultiCheckbox.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/MultiCheckbox.html
@@ -1,7 +1,7 @@
 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
 <formvh:renderRenderable renderable="{element}">
 	<f:render partial="Field/Field" arguments="{element: element, doNotShowLabel: 1}" contentAs="elementContent">
-        <span class="block text-gray-700 mb-1">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
+        <span class="block text-zinc-700 mb-1">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
         <f:for each="{element.properties.options}" as="label" key="value" iteration="idIterator">
             <div>
                 <label class="inline-flex items-center">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/RadioButton.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/RadioButton.html
index c5d69ce8..9e2064ad 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/RadioButton.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/RadioButton.html
@@ -1,7 +1,7 @@
 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
 <formvh:renderRenderable renderable="{element}">
 	<f:render partial="Field/Field" arguments="{element: element, doNotShowLabel: 1}" contentAs="elementContent">
-        <span class="block text-gray-700 mb-1">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
+        <span class="block text-zinc-700 mb-1">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
         <f:for each="{element.properties.options}" as="label" key="value" iteration="idIterator">
             <div>
                 <label for="{element.uniqueIdentifier}-{idIterator.index}" class="inline-flex items-center">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
index ea29c3b8..1665bdc6 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
@@ -21,7 +21,7 @@
                                     </div>
                                 </f:if>
                             </f:alias>
-                            <div class="absolute left-0 bottom-0 inset-x-0 px-4 py-8 w-full md:bottom-1/2 md:transform md:translate-y-1/2">
+                            <div class="absolute left-0 bottom-0 inset-x-0 px-4 py-8 w-full md:bottom-1/2 md:translate-y-1/2">
                                 <div class="lg:container px-0">
                                     <div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 snz:bg-snz-primary-80 uch:bg-uch-primary-80 ser:bg-ser-primary-80 mb-4 md:p-8 md:max-w-2xl">
                                         <span class="block text-2xl md:text-4xl lg:text-5xl max-w-sm md:max-w-none font-black text-white uppercase mb-4 md:mb-8">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
index aa3dd08c..67b8ae76 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
@@ -17,7 +17,7 @@
                     </picture>
                 </f:if>
             </f:alias>
-            <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2">
+            <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
                 <div class="lg:container">
                     <div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 snz:bg-snz-primary-80 uch:bg-uch-primary-80 ser:bg-ser-primary-80 mb-4 md:p-8 md:max-w-2xl">
                         <span class="block text-xl md:text-2xl text-white uppercase">
@@ -49,7 +49,7 @@
                         <f:alias map="{badgeData: badge.0.data}">
                             <f:link.typolink parameter="{badgeData.link}"
                                              title="{badgeData.title}">
-                                <div class="hidden md:block absolute top-0 right-0 mt-12 mr-8 w-40 transform rotate-6">
+                                <div class="hidden md:block absolute top-0 right-0 mt-12 mr-8 w-40 rotate-6">
                                     <svg viewBox="0 0 200 200"
                                          xmlns="http://www.w3.org/2000/svg"
                                          preserveAspectRatio="xMinYMin meet"
@@ -70,7 +70,7 @@
                 </div>
             </f:if>
             <f:if condition="{slide.image.0.description}">
-                <div class="absolute bottom-0 right-0 bg-overlay-white font-sm text-gray-700">
+                <div class="absolute bottom-0 right-0 bg-overlay-white font-sm text-zinc-700">
                     {slide.image.0.description -> f:format.htmlspecialchars()}
                 </div>
             </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
index 41b36f8d..cabb1e29 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Details.html
@@ -1,7 +1,7 @@
 {namespace ep=EP\EpTheme\ViewHelpers}
 <f:variable name="hotelTitle">{hotel.name -> f:format.raw()}{f:if(condition: hotel.categoryLabel, then: ' ({hotel.categoryLabel -> f:format.raw()})')}</f:variable>
 <div class="space-y-2">
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <f:if condition="{bars}">
             <f:then>
                 <div class="headline--3 headline--underlined">
@@ -26,7 +26,7 @@
     <f:if condition="{teasers}">
         <f:then>
             <a id="teasers" class="anchor"></a>
-            <div class="bg-gray-50 p-4 mb-4"
+            <div class="bg-zinc-50 p-4 mb-4"
                  data-controller="teasergrid"
                  data-teasergrid-grid-class="grid-cols-2"
                  data-teasergrid-disabled-value="false">
@@ -91,7 +91,7 @@
     <f:if condition="{hotel.images -> f:count()} > 0">
         <f:render partial="ImageGallery" arguments="{images: hotel.images, id: 'hotel-{hotel.uid}', thumbnails: 1}"/>
     </f:if>
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <f:if condition="{bars}">
             <f:then>
                 <div class="headline--3 headline--underlined">
@@ -107,7 +107,7 @@
         {hotel.features -> f:format.html()}
     </div>
     <f:if condition="{hotel.isApartment} || hotel.isHolidayFlat || hotel.isOther">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <f:if condition="{hotel.isApartment}">
                 <f:if condition="{bars}">
                     <f:then>
@@ -152,7 +152,7 @@
         </div>
     </f:if>
     <f:if condition="{hotel.additionalInformation}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <f:if condition="{bars}">
                 <f:then>
                     <div class="headline--3 headline--underlined">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
index 910e8726..fc5d4077 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
@@ -25,7 +25,7 @@
                     </f:else>
                 </f:if>
             </div>
-            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200">
+            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200">
                 <span class="headline--3 mb-4">
                     {hotel.name -> f:format.nl2br()}
                 </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html
index cd906eea..9c761b85 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html
@@ -3,7 +3,7 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <h3>
             Eigenanreise
         </h3>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
index 752cf23b..8ddee52e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
@@ -20,20 +20,20 @@
                     <f:if condition="{settings.hideSearchbar}">
                         <f:else>
                             <button type="button"
-                                    class="focus:outline-none text-gray-800"
+                                    class="focus:outline-none text-zinc-800"
                                     data-controller="overlay-toggle"
                                     data-overlay-toggle-id-value="mobile-search"
                                     data-action="overlay-toggle#invokeToggle">
-                                {ep:icon(icon: 'search', class: 'w-8 h-8 text-gray-800')}
+                                {ep:icon(icon: 'search', class: 'w-8 h-8 text-zinc-800')}
                             </button>
                         </f:else>
                     </f:if>
                     <button type="button"
-                            class="focus:outline-none text-gray-800"
+                            class="focus:outline-none text-zinc-800"
                             data-controller="overlay-toggle"
                             data-overlay-toggle-id-value="mobilenav"
                             data-action="overlay-toggle#invokeToggle">
-                        {ep:icon(icon: 'menu', class: 'w-8 h-8 text-gray-800')}
+                        {ep:icon(icon: 'menu', class: 'w-8 h-8 text-zinc-800')}
                     </button>
                 </div>
             </div>
@@ -48,16 +48,16 @@
                         <f:if condition="{topitem.children}">
                             <f:then>
                                 <a href="{f:uri.typolink(parameter: topitem.data.uid)}"
-                                   class="block text-gray-800 uppercase lg:text-lg font-bold flex items-center"
+                                   class="block text-zinc-800 uppercase lg:text-lg font-bold flex items-center"
                                    title="{topitem.title}">
                                     <span>{topitem.title}</span>
-                                    {ep:icon(icon: 'chevron-down', class: 'ml-1 w-4 h-4 transform group-hover:rotate-180')}
+                                    {ep:icon(icon: 'chevron-down', class: 'ml-1 w-4 h-4 group-hover:rotate-180')}
                                 </a>
                                 <f:render section="SecondLevel" arguments="{topitem: topitem}"/>
                             </f:then>
                             <f:else>
                                 <a href="{topitem.link}"{f:if(condition: '{topitem.doktype} == 3', then: ' target="_blank"')}
-                                   class="block text-gray-800 uppercase lg:text-lg font-bold"
+                                   class="block text-zinc-800 uppercase lg:text-lg font-bold"
                                    title="{topitem.title}">
                                     {topitem.title}
                                 </a>
@@ -101,7 +101,7 @@
                                         <f:if condition="{subitem.data.tx_eptheme_context_country_code}">
                                             {ep:icon(icon: 'flag-{subitem.data.tx_eptheme_context_country_code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6')}
                                         </f:if>
-                                        <span class="text-gray-800 uppercase lg:text-lg">
+                                        <span class="text-zinc-800 uppercase lg:text-lg">
                                             {subitem.title}
                                         </span>
                                     </a>
@@ -113,7 +113,7 @@
                                         <f:if condition="{subitem.data.tx_eptheme_context_country_code}">
                                             {ep:icon(icon: 'flag-{subitem.data.tx_eptheme_context_country_code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6')}
                                         </f:if>
-                                        <span class="text-gray-800 uppercase lg:text-lg">
+                                        <span class="text-zinc-800 uppercase lg:text-lg">
                                             {subitem.title}
                                         </span>
                                     </a>
@@ -133,7 +133,7 @@
                 <f:then>
                     <li>
                         <a href="{subsubitem.link}"
-                           class="text-gray-800 text-lg"
+                           class="text-zinc-800 text-lg"
                            target="_blank"
                            title="{subsubitem.title}">
                             {subsubitem.title}
@@ -143,7 +143,7 @@
                 <f:else>
                     <li>
                         <a href="{f:uri.typolink(parameter: subsubitem.data.uid)}"
-                           class="text-gray-800 text-lg"
+                           class="text-zinc-800 text-lg"
                            title="{subsubitem.title}">
                             {subsubitem.title}
                         </a>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index ac9a4927..dd8233e8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -5,7 +5,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Main">
-        <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-gray-700 hidden"
+        <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
              data-controller="overlay-toggle"
              data-overlay-toggle-id-value="mobilenav"
              data-overlay-toggle-target="overlay"
@@ -20,11 +20,11 @@
                     <f:if condition="{data.tx_eptheme_hide_searchbar}">
                         <f:else>
                             <button type="button"
-                                    class="focus:outline-none text-gray-800"
+                                    class="focus:outline-none text-zinc-800"
                                     data-controller="overlay-toggle"
                                     data-overlay-toggle-id-value="search"
                                     data-action="overlay-toggle#invokeToggle">
-                                {ep:icon(icon: 'search', class: 'w-8 h-8 text-gray-800')}
+                                {ep:icon(icon: 'search', class: 'w-8 h-8 text-zinc-800')}
                             </button>
                         </f:else>
                     </f:if>
@@ -100,7 +100,7 @@
                                 <button type="button"
                                         class="focus:outline-none bg-ep-primary-dark p-1"
                                         data-action="collapse#toggle">
-                                    {ep:icon(icon: 'chevron-right', class: 'w-6 h-6 transform text-white', data: '{collapse-target: \'icon\'}')}
+                                    {ep:icon(icon: 'chevron-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
                                 </button>
                             </div>
                             <div data-collapse-target="container" class="bg-ep-primary-dark pr-4">
@@ -139,7 +139,7 @@
                                 <button type="button"
                                         class="focus:outline-none bg-ep-primary p-1"
                                         data-action="collapse#toggle">
-                                    {ep:icon(icon: 'chevron-right', class: 'w-6 h-6 transform text-white', data: '{collapse-target: \'icon\'}')}
+                                    {ep:icon(icon: 'chevron-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
                                 </button>
                             </div>
                             <div data-collapse-target="container">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Officetip.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Officetip.html
index f65ecb58..25c56706 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Officetip.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Officetip.html
@@ -1,5 +1,5 @@
 <f:if condition="{officetip}">
-    <div class="bg-gray-50 p-4">
+    <div class="bg-zinc-50 p-4">
         <div class="grid grid-cols-3 gap-4">
             <div class="col-span-3">
                 <p class="font-bold">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
index 3761e0e3..7659723e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
@@ -11,7 +11,7 @@
             <div class="w-full max-w-full overflow-x-scroll md:overflow-x-auto"
                  data-controller="pricetable"
                  data-pricetable-show-all-rows-value="true">
-                <table class="min-w-full border border-gray-200 border-collapse mb-8">
+                <table class="min-w-full border border-zinc-200 border-collapse mb-8">
                     <thead>
                     <tr>
                         <th class="text-left">
@@ -29,8 +29,8 @@
                     </thead>
                     <tbody>
                         <f:for each="{pricetable}" as="row" iteration="iteration">
-                            <tr class="even:bg-gray-50">
-                                <td class="px-2 py-1 border border-gray-200 whitespace-nowrap">
+                            <tr class="even:bg-zinc-50">
+                                <td class="px-2 py-1 border border-zinc-200 whitespace-nowrap">
                                     {row.roomName}
                                     <div class="lg:hidden">
                                         <f:if condition="{row.available}">
@@ -45,7 +45,7 @@
                                         </f:if>
                                     </div>
                                 </td>
-                                <td class="px-2 py-1 border border-gray-200">
+                                <td class="px-2 py-1 border border-zinc-200">
                                     <f:if condition="{row.available}">
                                         <f:then>
                                             {row.minPrice} €
@@ -55,7 +55,7 @@
                                         </f:else>
                                     </f:if>
                                 </td>
-                                <td class="px-2 py-1 border border-gray-200">
+                                <td class="px-2 py-1 border border-zinc-200">
                                     <f:if condition="{row.busIncluded}">
                                         <span data-cooltipz-dir="top"
                                               aria-label="Busfahrt"
@@ -74,7 +74,7 @@
                                         </span>
                                     </f:if>
                                 </td>
-                                <td class="px-2 py-1 border border-gray-200">
+                                <td class="px-2 py-1 border border-zinc-200">
                                     <f:if condition="{row.optionalServices} && {row.available}">
                                         <button type="button"
                                                 data-action="pricetable#openModal"
@@ -87,7 +87,7 @@
                                         </button>
                                     </f:if>
                                 </td>
-                                <td class="hidden lg:table-cell px-2 py-1 border border-gray-200">
+                                <td class="hidden lg:table-cell px-2 py-1 border border-zinc-200">
                                     <f:if condition="{row.available}">
                                         <f:then>
                                             <a class="button bg-button button--small w-full"
@@ -116,7 +116,7 @@
          data-action="pricetable:options-modal:open@window->modal#open">
         <div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
              data-action="click->modal#close"></div>
-        <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
+        <div class="absolute top-1/2 left-1/2 -translate-xy-1/2 w-full max-w-xl px-4">
             <div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
                 <span class="text-xl font-bold">
                     Optionale Zusatzleistungen
@@ -138,7 +138,7 @@
                                     {section.label}
                                 </div>
                                 <f:for each="{section.services}" as="service">
-                                    <dl class="flex items-start justify-between p-1 hover:bg-gray-50">
+                                    <dl class="flex items-start justify-between p-1 hover:bg-zinc-50">
                                         <dt class="font-normal">
                                             {service.label}:
                                         </dt>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
index 48da8470..5dd8e769 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
@@ -1,5 +1,5 @@
 <div class="space-y-2">
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <h2 class="headline--underlined">
             Konzept
         </h2>
@@ -15,20 +15,20 @@
             Preisberechnung
         </button>
     </f:if>
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <h2 class="headline--underlined" data-rte-content>
             Verpflegung
         </h2>
         {product.boardDescription -> f:format.html()}
     </div>
     <f:if condition="{product.includedServices}">
-        <div class="relative odd:bg-gray-50 p-4" data-rte-content>
+        <div class="relative odd:bg-zinc-50 p-4" data-rte-content>
             <h2 class="headline--underlined">
                 Inklusivleistungen
             </h2>
             {product.includedServices -> f:format.html()}
             <f:if condition="{product.minPrice}">
-                <div class="absolute top-0 right-0 mt-4 mr-4 w-32 transform rotate-6">
+                <div class="absolute top-0 right-0 mt-4 mr-4 w-32 rotate-6">
                     <svg viewBox="0 0 200 200"
                          xmlns="http://www.w3.org/2000/svg"
                          preserveAspectRatio="xMinYMin meet"
@@ -46,7 +46,7 @@
         </div>
     </f:if>
     <f:if condition="{product.additionalServices}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <h2 class="headline--underlined">
                 Zusatzleistungen
             </h2>
@@ -54,7 +54,7 @@
         </div>
     </f:if>
     <f:if condition="{product.programmeDescription}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <h2 class="headline--underlined">
                 Programm
             </h2>
@@ -62,7 +62,7 @@
         </div>
     </f:if>
     <f:if condition="{product.skiPassDescription}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <h2 class="headline--underlined">
                 Skipass, Kurse, Leihmaterial
             </h2>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
index 82bbb95e..a4326b6b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
@@ -21,7 +21,7 @@
                          height="320c"
                          alt="{image.alternative}"/>
             </picture>
-            <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2">
+            <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
                 <div class="lg:container">
                     <div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 ser:bg-ser-primary-80 mb-4 md:p-8 md:max-w-2xl">
                         <span class="block text-xl md:text-2xl font-bold text-white uppercase">
@@ -75,7 +75,7 @@
                 </div>
             </f:if>
             <f:if condition="{slide.image.0.description}">
-                <div class="absolute bottom-0 right-0 bg-overlay-white font-sm text-gray-700">
+                <div class="absolute bottom-0 right-0 bg-overlay-white font-sm text-zinc-700">
                     {slide.image.0.description -> f:format.htmlspecialchars()}
                 </div>
             </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index 56d970f7..75aefc4e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -68,7 +68,7 @@
             <div class="product-teaser__label-included">
                 {ep:nightsOptions(options: nights, daytrip: daytrip)} inkl.
             </div>
-            <ul class="product-teaser__list-included flex-1 list-none m-0 text-gray-800 divide-y divide-gray-400">
+            <ul class="product-teaser__list-included flex-1 list-none m-0 text-zinc-800 divide-y divide-zinc-400">
                 <li class="flex items-center space-x-1 py-1">
                     {ep:icon(class: 'w-6 h-6 text-ep-primary-light', icon: 'check')}
                     <span class="block flex-1 leading-none">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Rating.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Rating.html
index a2f146ff..6e1db3ae 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Rating.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Rating.html
@@ -1,6 +1,6 @@
 <f:if condition="{product.ratingVotesCount} > 0">
     <a href="{f:uri.typolink(parameter: targetPageUid)}"
-       class="block bg-gray-50 p-4 mb-4"
+       class="block bg-zinc-50 p-4 mb-4"
        title="Reisebewertungen">
         <p class="font-bold mb-1">
             {label}
@@ -9,7 +9,7 @@
     </a>
 </f:if>
 <f:if condition="{product.testimonials}">
-    <div class="bg-gray-50 p-4 mb-8">
+    <div class="bg-zinc-50 p-4 mb-8">
         <p class="font-bold">
             Kundenstimmen
         </p>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
index b213580e..301efbf8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Details.html
@@ -1,6 +1,6 @@
 {namespace ep=EP\EpTheme\ViewHelpers}
 <div class="space-y-2">
-    <div class="odd:bg-gray-50 p-4">
+    <div class="odd:bg-zinc-50 p-4">
         <f:if condition="{bars}">
             <f:then>
                 <div class="headline--3 headline--underlined">
@@ -53,7 +53,7 @@
         <f:if condition="{teasers}">
             <f:then>
                 <a id="teasers" class="anchor"></a>
-                <div class="bg-gray-50 p-4 mb-4"
+                <div class="bg-zinc-50 p-4 mb-4"
                      data-controller="teasergrid"
                      data-teasergrid-grid-class="grid-cols-2"
                      data-teasergrid-disabled-value="false">
@@ -124,7 +124,7 @@
             <f:render partial="ImageGallery" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
         </f:if>
     </f:if>
-    <div class="odd:bg-gray-50 p-4" data-rte-content>
+    <div class="odd:bg-zinc-50 p-4" data-rte-content>
         <f:if condition="{bars}">
             <f:then>
                 <div class="headline--3 headline--underlined">
@@ -145,7 +145,7 @@
         </f:if>
     </div>
     <f:if condition="{region.news}">
-        <div class="odd:bg-gray-50 p-4" data-rte-content>
+        <div class="odd:bg-zinc-50 p-4" data-rte-content>
             <f:if condition="{bars}">
                 <f:then>
                     <div class="headline--3 headline--underlined">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
index 3df65537..54d5abd4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
@@ -14,7 +14,7 @@
                                   height="300c"
                                   alt="{region.name}" />
             </div>
-            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200" data-rte-content>
+            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content>
                 <span class="headline--3 mb-4">
                     {region.name}
                 </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Webcam.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Webcam.html
index 4780cb33..459b7f80 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Webcam.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Webcam.html
@@ -4,7 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:if condition="{region.webcam.available}">
-        <div class="bg-gray-50 p-4 mb-8">
+        <div class="bg-zinc-50 p-4 mb-8">
             <p class="font-bold mb-2">
                 Webcam
             </p>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionAward.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionAward.html
index cf7d223e..4b14011b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionAward.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionAward.html
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:if condition="{region.awardImage}">
-        <div class="bg-gray-50 p-4 mb-8">
+        <div class="bg-zinc-50 p-4 mb-8">
             <span class="block font-bold mb-8">
                 {region.awardLabel -> v:or(alternative: 'Auszeichnung')}
             </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html
index dc32a585..ea665cc6 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html
@@ -4,7 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:if condition="{region.regionMaps}">
-        <div class="bg-gray-50 p-4 mb-4"
+        <div class="bg-zinc-50 p-4 mb-4"
              data-controller="lightbox">
             <p class="font-bold mb-2">
                 Pistenplan
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Regioninfo.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Regioninfo.html
index 31933bb6..02cde92c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Regioninfo.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Regioninfo.html
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
-    <div class="bg-gray-50 p-4 mb-4">
+    <div class="bg-zinc-50 p-4 mb-4">
         <p class="font-bold mb-1">
             Gebietsinfo
         </p>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index c0cf08a2..0eb5a1f8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -13,7 +13,7 @@
             <span class="flex-1 uppercase font-bold text-white text-left">
                 Reisezeitraum
             </span>
-            {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+            {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
         </button>
         <div data-collapse-target="container">
             <f:form.hidden property="dateFrom"
@@ -32,7 +32,7 @@
                             <input type="text"
                                    class="border-px border-white text-white text-xl p-2 w-full bg-transparent focus:border-white focus:ring-0"
                                    data-datepicker-target="field">
-                            {ep:icon(icon: 'calendar', class: 'w-6 h-6 text-white absolute top-0 right-0 transform translate-y-1/2 mr-2')}
+                            {ep:icon(icon: 'calendar', class: 'w-6 h-6 text-white absolute top-0 right-0 translate-y-1/2 mr-2')}
                         </div>
                         <f:if condition="{settings.datePickerPresets}">
                             <div class="flex flex-col divide-y divide-overlay-white mt-2">
@@ -68,7 +68,7 @@
             <span class="flex-1 uppercase font-bold text-white text-left">
                 Reisekonzepte
             </span>
-            {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+            {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
         </button>
         <div data-collapse-target="container"
              class="p-4 border-t border-overlay-white bg-brand-gradient">
@@ -110,7 +110,7 @@
                 <span class="uppercase font-bold">
                     Reiseziel
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4">
@@ -158,7 +158,7 @@
                 <span class="uppercase font-bold">
                     Preis
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -188,10 +188,10 @@
                 <span class="uppercase font-bold">
                     Personen
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
-                <f:form.select class="w-full border-0 focus:ring-0 bg-right bg-transparent text-white lg:bg-white lg:text-gray-800 mt-2 p-0"
+                <f:form.select class="w-full border-0 focus:ring-0 bg-right bg-transparent text-white lg:bg-white lg:text-zinc-800 mt-2 p-0"
                                property="pax"
                                options="{filterOptions.pax}"
                                data="{action: '{stimulusController}#filter'}"/>
@@ -214,7 +214,7 @@
                 <span class="uppercase font-bold">
                     Unterkunft
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -244,7 +244,7 @@
                 <span class="uppercase font-bold">
                     Verpflegung
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -284,7 +284,7 @@
                 <span class="uppercase font-bold">
                     Zimmerarten/Apart.
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white transform', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 p-0 pt-4 space-y-2">
@@ -315,7 +315,7 @@
                     <span class="uppercase font-bold">
                         Anreise
                     </span>
-                    {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 transform', data: '{collapse-target: \'icon\'}')}
+                    {ep:icon(icon: 'arrow-right', class: 'w-6 h-6', data: '{collapse-target: \'icon\'}')}
                 </button>
                 <div data-collapse-target="container">
                     <ul class="mb-0 p-0 pt-4 space-y-2">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
index 7f8039cd..e37f9483 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
@@ -2,7 +2,7 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       data-namespace-typo3-fluid="true">
 
-    <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-gray-700 hidden"
+    <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
          data-controller="mobile-search"
          data-mobile-search-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}"
          data-mobile-search-init-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, arguments: '{filterSettings: filterSettings}', format: 'html')}"
@@ -23,7 +23,7 @@
         </div>
         <div class="fixed top-0 left-0 z-20 w-full h-full hidden"
              data-mobile-search-target="loadingIndicator">
-            <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 flex items-center space-x-4 bg-ep-secondary text-white text-lg p-4 rounded">
+            <div class="absolute top-1/2 left-1/2 -translate-xy-1/2 flex items-center space-x-4 bg-ep-secondary text-white text-lg p-4 rounded">
                 {ep:icon(icon: 'spinner', class: 'w-6 h-6')}
                 <span>Suche wird geladen...</span>
             </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
index 8d2bbc07..27508653 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
-    <div class="flex items-center space-x-4 text-white text-lg p-4 mb-4 {f:if(condition: '{meta.organic} && {meta.total} > 0', then: 'bg-green-600', else: 'bg-red-600')}">
+    <div class="flex items-center space-x-4 text-white text-lg p-4 mb-4 {f:if(condition: '{meta.organic} && {meta.total} > 0', then: 'bg-emerald-600', else: 'bg-red-600')}">
         <f:if condition="{meta.organic} && {meta.total} > 0">
             <f:then>
                 {ep:icon(icon: 'emoji-happy', class: 'w-6 h-6')}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Snowreport.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Snowreport.html
index 778317dc..fed5a37d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Snowreport.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Snowreport.html
@@ -1,5 +1,5 @@
 <f:if condition="{snowreport.snowLevelMountain}">
-    <div class="bg-gray-50 p-4 mb-4">
+    <div class="bg-zinc-50 p-4 mb-4">
         <p class="font-bold mb-1">
             Schneehöhe aktuell
         </p>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/SubpageHeader.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/SubpageHeader.html
index bbb668d5..7f926fe6 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/SubpageHeader.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/SubpageHeader.html
@@ -15,7 +15,7 @@
                 </picture>
             </f:if>
         </f:alias>
-        <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2">
+        <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
             <div class="lg:container px-0">
                 <div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 snz:bg-snz-primary-80 uch:bg-uch-primary-80 py-4 lg:py-8 px-4 mb-8 md:max-w-1/2 p-16">
                     <span class="block text-xl md:text-2xl font-light text-white uppercase">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teamer.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teamer.html
index 347987c5..9e654bee 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teamer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teamer.html
@@ -6,7 +6,7 @@
 
     <f:if condition="{teamer -> f:count()} > 0">
         {teamer -> v:iterator.first() -> v:variable.set(name: 'teamerInCharge')}
-        <div class="bg-gray-50 p-4 mb-4">
+        <div class="bg-zinc-50 p-4 mb-4">
             <p class="font-bold">
                 Teamer vor Ort
             </p>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html
index 55ca112b..8a491f44 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html
@@ -16,11 +16,11 @@
                                   height="300c"
                                   alt="{teaserImage.alternative}" />
             </div>
-            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200" data-rte-content>
+            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content>
                 <span class="headline--3 mb-4">
                     {data.header -> f:format.nl2br()}{f:if(condition: data.subheader, then: '<br>{data.subheader}')}
                 </span>
-                <div class="text-gray-800">
+                <div class="text-zinc-800">
                     {data.bodytext -> f:format.html()}
                 </div>
             </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxCalendar/Range.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxCalendar/Range.html
index d4c0d5eb..4fa7d12b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxCalendar/Range.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxCalendar/Range.html
@@ -17,11 +17,11 @@
         <f:for each="{year}" as="month">
             <ep:calendar.includes range="{range}" period="{month}">
                 <div class="w-full{f:if(condition: '{months} > 1', then: ' md:w-1/2 lg:w-1/3')}">
-                    <table class="min-w-full border border-gray-400 border-collapse mb-0">
+                    <table class="min-w-full border border-zinc-400 border-collapse mb-0">
                         <thead>
                             <tr>
                                 <f:for each="{0: 'Mo', 1: 'Di', 2: 'Mi', 3: 'Do', 4: 'Fr', 5: 'Sa', 6: 'So'}" as="weekday">
-                                    <th class="px-1 py-2 border border-gray-300 text-center">
+                                    <th class="px-1 py-2 border border-zinc-300 text-center">
                                         {weekday}
                                     </th>
                                 </f:for>
@@ -31,7 +31,7 @@
                         <f:for each="{month}" as="week">
                             <tr>
                                 <f:for each="{week}" as="day">
-                                    <td class="px-1 py-2 border border-gray-300 text-center">
+                                    <td class="px-1 py-2 border border-zinc-300 text-center">
                                         <ep:calendar.contingent day="{day}" month="{month}" events="{events}"/>
                                     </td>
                                 </f:for>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
index 08025cd1..3f84dae7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
@@ -23,7 +23,7 @@
                 <div class="headline--3 mb-2">
                     Buchungsoptionen {hotel.name}
                 </div>
-                <table class="w-full mb-4 bg-gray-200">
+                <table class="w-full mb-4 bg-zinc-200">
                     <thead>
                         <tr>
                             <th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
@@ -43,9 +43,9 @@
                     </thead>
                     <tbody>
                     <f:for each="{dates}" as="row" iteration="iteration">
-                        <tr class="odd:bg-gray-50 hover:bg-gray-100 odd:hover:bg-gray-100{f:if(condition: '{iteration.cycle} > 5', then: ' hidden')}"
+                        <tr class="odd:bg-zinc-50 hover:bg-zinc-100 odd:hover:bg-zinc-100{f:if(condition: '{iteration.cycle} > 5', then: ' hidden')}"
                             data-pricetable-target="row">
-                            <td class="border-r border-gray-200 px-2 py-1 md:p-2">
+                            <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
                                 <f:if condition="{bookable} && {row.available} && {row.showBookingButton}">
                                     <f:then>
                                         <button type="button"
@@ -62,12 +62,12 @@
                                     </f:else>
                                 </f:if>
                             </td>
-                            <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                            <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                 <span class="block text-sm md:text-base">
                                     {row.nights}
                                 </span>
                             </td>
-                            <td class="border-r border-gray-200 px-2 p-1">
+                            <td class="border-r border-zinc-200 px-2 p-1">
                                 <div class="flex flex-wrap items-center">
                                     <f:if condition="{row.busIncluded}">
                                         <span class="block p-1"
@@ -103,7 +103,7 @@
                                     </button>
                                 </div>
                             </td>
-                            <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                            <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                 <f:if condition="{row.pseudoPrice}">
                                     <span class="block text-sm line-through">
                                         {row.pseudoPrice} €
@@ -121,7 +121,7 @@
                                 <f:if condition="{row.showBookingButton}">
                                     <f:then>
                                         <button type="button"
-                                                class="flex space-x-1 items-center {f:if(condition: row.available, then: 'text-ep-primary-light ser:text-ser-primary', else: 'text-gray-300')}"
+                                                class="flex space-x-1 items-center {f:if(condition: row.available, then: 'text-ep-primary-light ser:text-ser-primary', else: 'text-zinc-300')}"
                                                 data-action="product-details#loadPrices"
                                                 data-date-uid="{row.dateUid}">
                                             <svg class="w-6 h-6 hidden md:block">
@@ -151,7 +151,7 @@
                     </tbody>
                 </table>
 
-                <ul class="divide-y divide-gray-200">
+                <ul class="divide-y divide-zinc-200">
                     <f:if condition="{hasSurcharge}">
                         <li class="py-2">
                         <button type="button"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
index 03290f1b..f9ec1ea8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
@@ -18,7 +18,7 @@
     </f:section>>
 
     <f:section name="Table">
-        <table class="w-full mb-4 bg-gray-200 text-sm xl:text-base">
+        <table class="w-full mb-4 bg-zinc-200 text-sm xl:text-base">
             <thead>
             <tr>
                 <th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
@@ -36,14 +36,14 @@
             </thead>
             <tbody>
             <f:for each="{rooms}" as="row" iteration="iteration">
-                <tr class="odd:bg-gray-50 hover:bg-gray-100 odd:hover:bg-gray-100">
-                    <td class="border-r border-gray-200 px-2 py-1 md:p-2">
+                <tr class="odd:bg-zinc-50 hover:bg-zinc-100 odd:hover:bg-zinc-100">
+                    <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
                         {row.label}
                     </td>
-                    <td class="border-r border-gray-200 px-2 py-1 md:p-2 whitespace-nowrap">
+                    <td class="border-r border-zinc-200 px-2 py-1 md:p-2 whitespace-nowrap">
                         ab {row.priceForSelection} €
                     </td>
-                    <td class="border-r border-gray-200 px-2 py-1 md:p-2">
+                    <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
                         <f:if condition="{row.skipassIncluded}">
                             <span data-cooltipz-dir="top"
                                   aria-label="{f:if(condition: row.summer, then: 'Bergbahnticket inklusive', else: 'Skipass inklusive')}"
@@ -65,8 +65,8 @@
                             </svg>
                         </button>
                     </td>
-                    <td class="border-r border-gray-200 px-2 py-1 md:p-2">
-                        <a class="button button--small bg-green-500 border-green-500"
+                    <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
+                        <a class="button button--small bg-emerald-500 border-emerald-500"
                            href="{row.bookingUrl}" target="_blank">
                             Buchen
                         </a>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
index 8811421e..1bbc302a 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
@@ -18,22 +18,22 @@
 
     <f:section name="Table">
         <div class="w-full max-w-full overflow-x-scroll md:overflow-x-auto">
-            <table class="min-w-full border border-gray-200 border-collapse mb-8">
+            <table class="min-w-full border border-zinc-200 border-collapse mb-8">
                 <f:for each="{categories}" as="category" key="categoryKey">
                     <f:if condition="{v:variable.get(name: 'pricetable.{categoryKey}', useRawKeys: 1) -> f:count()} > 0">
                         <tr class="text-white {ep:themeClasses(classes: '{sbw: \'bg-sbw-primary\', snz: \'bg-snz-primary\', uch: \'bg-uch-primary\'}', key: themekey)}">
-                            <td class="px-2 py-1 font-bold border border-gray-200">
+                            <td class="px-2 py-1 font-bold border border-zinc-200">
                                 Apartments {category}
                             </td>
                             <f:for each="{roomTypesLabels}" as="type">
-                                <td class="px-2 py-1 border border-gray-200">
+                                <td class="px-2 py-1 border border-zinc-200">
                                     {type}
                                 </td>
                             </f:for>
                         </tr>
                         <f:for each="{pricetable.{categoryKey}}" as="row">
                             <tr>
-                                <td class="px-2 py-1 border border-gray-200">
+                                <td class="px-2 py-1 border border-zinc-200">
                                     <f:if condition="{row.hotelShortName}">
                                         <f:then>
                                             {row.hotelShortName}
@@ -51,7 +51,7 @@
                                     </f:if>
                                 </td>
                                 <f:for each="{roomTypesPax}" as="type">
-                                    <td class="px-2 py-1 border border-gray-200">
+                                    <td class="px-2 py-1 border border-zinc-200">
                                         <f:if condition="{row.rooms.{type}.available}">
                                             <f:then>
                                                 <a class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary\', snz: \'text-snz-primary\', uch: \'text-uch-primary\'}', key: settings.themekey)}"
@@ -64,7 +64,7 @@
                                             <f:else>
                                                 <f:if condition="{row.rooms.{type}.available}">
                                                     <f:else>
-                                                        <span class="line-through text-gray-500">{row.rooms.{type}.price}</span>
+                                                        <span class="line-through text-zinc-500">{row.rooms.{type}.price}</span>
                                                     </f:else>
                                                 </f:if>
                                             </f:else>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
index d6588c8d..113f151b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
@@ -20,7 +20,7 @@
                 </f:else>
             </f:if>
 
-            <table class="w-full mb-4 bg-gray-200">
+            <table class="w-full mb-4 bg-zinc-200">
                 <thead>
                     <tr>
                         <th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
@@ -44,9 +44,9 @@
                 </thead>
                 <tbody>
                 <f:for each="{prices}" as="row">
-                    <tr class="odd:bg-gray-50 hover:bg-gray-100 odd:hover:bg-gray-100"
+                    <tr class="odd:bg-zinc-50 hover:bg-zinc-100 odd:hover:bg-zinc-100"
                         data-pricetable-target="row">
-                        <td class="border-r border-gray-200 px-2 py-1 md:p-2">
+                        <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
                             <f:if condition="{row.showBookingButton} && {row.available}">
                                 <f:then>
                                     <a class="inline-block text-ep-primary-light text-xs sm:text-sm md:text-base leading-tight"
@@ -68,7 +68,7 @@
                                 </f:else>
                             </f:if>
                         </td>
-                        <td class="border-r border-gray-200 px-2 py-1 md:p-2">
+                        <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
                             <div class="flex items-center justify-around space-x-1">
                                 <f:if condition="{row.busIncluded}">
                                     <span data-cooltipz-dir="top"
@@ -93,7 +93,7 @@
                                 </f:if>
                             </div>
                         </td>
-                        <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                        <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                             <f:if condition="{row.hasOptionalServices} && {row.available}">
                                 <button type="button"
                                         class="text-ep-primary-light text-sm md:text-base text-left leading-none p-1"
@@ -152,7 +152,7 @@
                 </tbody>
             </table>
 
-            <ul class="divide-y divide-gray-200 mb-4">
+            <ul class="divide-y divide-zinc-200 mb-4">
                 <f:if condition="{hasSurcharge}">
                     <li class="py-2">
                         <button type="button"
@@ -205,7 +205,7 @@
             <div class="headline--3 headline--underlined">
                 Inklusivleistungen
             </div>
-            <div class="bg-gray-50 p-4 mb-8 flex items-center">
+            <div class="bg-zinc-50 p-4 mb-8 flex items-center">
                 <ul class="list-none m-0 p-0 flex-1">
                     <f:for each="{servicesIncluded}" as="service">
                         <li class="flex items-center space-x-2">
@@ -265,7 +265,7 @@
                                         {section.label}
                                     </div>
                                     <f:for each="{section.services}" as="service">
-                                        <dl class="flex items-start justify-between p-1 hover:bg-gray-50">
+                                        <dl class="flex items-start justify-between p-1 hover:bg-zinc-50">
                                             <dt class="font-normal">
                                                 {service.label}:
                                             </dt>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Detail.html
index c522f5d9..8077ecdf 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/City/Detail.html
@@ -29,7 +29,7 @@
                     <f:render partial="City/Details" arguments="{city: city}"/>
                     <f:if condition="{teasers}">
                         <a id="teasers" class="anchor"></a>
-                        <div class="bg-gray-50 p-4 mb-4"
+                        <div class="bg-zinc-50 p-4 mb-4"
                              data-controller="teasergrid"
                              data-teasergrid-grid-class="grid-cols-2"
                              data-teasergrid-disabled-value="false">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
index cca24c21..f0a9b881 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Concept/Detail.html
@@ -19,7 +19,7 @@
                     </div>
                     <f:if condition="{teasers}">
                         <a class="anchor" id="teasers"></a>
-                        <div class="bg-gray-50 p-4 mb-4"
+                        <div class="bg-zinc-50 p-4 mb-4"
                              data-controller="teasergrid"
                              data-teasergrid-grid-class="grid-cols-2"
                              data-teasergrid-disabled-value="false">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
index 47cd5988..90060242 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Country/Detail.html
@@ -30,7 +30,7 @@
                         {country.description -> f:format.html()}
                     </div>
                     <f:if condition="{teasers}">
-                        <div class="bg-gray-50 p-4 mb-4"
+                        <div class="bg-zinc-50 p-4 mb-4"
                              data-controller="teasergrid"
                              data-teasergrid-grid-class="grid-cols-2"
                              data-teasergrid-disabled-value="false">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Calendar.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Calendar.html
index 226e48ff..07401784 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Calendar.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Calendar.html
@@ -11,7 +11,7 @@
             <div data-controller="calendar"
                  data-calendar-uri-value="{ep:uri.ajax(action: 'range', controller: 'AjaxCalendar', extensionName: 'epproducts', pageUid: settings.defaultAjaxUid, format: 'html')}"
                  data-calendar-hotel-uid-value="{product.calendarHotel.uid}">
-                <select class="w-full border-gray-400 focus:border-gray-400"
+                <select class="w-full border-zinc-400 focus:border-zinc-400"
                         data-calendar-target="field"
                         data-action="calendar#select">
                 </select>
@@ -19,7 +19,7 @@
                      data-calendar-target="container"></div>
                 <div class="absolute top-0 left-0 inset-0 w-full h-full bg-overlay-white"
                      data-calendar-target="loadingIndicator">
-                    <svg class="w-6 h-6 text-gray-800 absolute top-1/2 left-1/2 transform -translate-xy-1/2">
+                    <svg class="w-6 h-6 text-zinc-800 absolute top-1/2 left-1/2 transform -translate-xy-1/2">
                         <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-spinner"></use>
                     </svg>
                 </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Contact.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Contact.html
index 3fc33293..3c44074e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Contact.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Contact.html
@@ -7,7 +7,7 @@
     <f:layout name="Default"/>
 
     <f:section name="Main">
-        <div class="bg-gray-50 p-4 mb-8">
+        <div class="bg-zinc-50 p-4 mb-8">
             <div class="grid grid-cols-3 gap-4">
                 <div class="col-span-1">
                     <f:if condition="{contact.0.image.0}">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html
index 388a8d23..5141b0aa 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html
@@ -20,7 +20,7 @@
                                       alt="{country.name}" />
                 </f:if>
             </div>
-            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200" data-rte-content>
+            <div class="flex-1 py-4 px-2 bg-white border-l border-r border-zinc-200" data-rte-content>
                 <span class="headline--3 mb-4">
                     {country.name}
                 </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Detail.html
index 1b42adf8..5e154653 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Hotel/Detail.html
@@ -45,7 +45,7 @@
                         <f:render partial="Snowreport" arguments="{snowreport: hotel.region.snowreport}"/>
                         <f:render partial="Regioninfo" arguments="{region: hotel.region}"/>
                     </f:if>
-                    <div class="bg-gray-50 p-4">
+                    <div class="bg-zinc-50 p-4">
                         <p><strong>Lage</strong></p>
                         <div>
                             <div class="w-full aspect-w-16 aspect-h-9"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
index 53e66a80..070b89b1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
@@ -221,7 +221,7 @@
                 </div>
             </div>
         </f:if>
-        <div class="bg-gray-50 p-4 mb-4">
+        <div class="bg-zinc-50 p-4 mb-4">
             <p class="font-bold mb-2">
                 Lage
             </p>
@@ -236,7 +236,7 @@
         <f:render partial="RegionMaps" arguments="{region: product.region}"/>
         <f:render partial="RegionAward" arguments="{region: product.region}"/>
         <f:if condition="{product.banner}">
-            <div class="bg-gray-50 p-4 mb-4">
+            <div class="bg-zinc-50 p-4 mb-4">
                 <f:link.typolink parameter="{product.banner.originalResource.link}"
                                  title="{product.banner.title}">
                     <f:image src="{product.banner.uid}" treatIdAsReference="1"
@@ -303,14 +303,14 @@
                     Preisberechnung
                 </button>
             </f:if>
-            <div class="bg-gray-50 p-4 relative mb-8">
+            <div class="bg-zinc-50 p-4 relative mb-8">
                 <span class="block font-bold mb-2">
                     Belegungskalender
                 </span>
                 <div data-controller="calendar"
                      data-calendar-uri-value="{ep:uri.ajax(action: 'range', controller: 'AjaxCalendar', extensionName: 'epproducts', pageUid: settings.defaultAjaxUid, format: 'html')}"
                      data-calendar-hotel-uid-value="{product.calendarHotel.uid}">
-                    <select class="w-full border-gray-400 focus:border-gray-400"
+                    <select class="w-full border-zinc-400 focus:border-zinc-400"
                             data-calendar-target="field"
                             data-action="calendar#select">
                     </select>
@@ -367,7 +367,7 @@
 
     <f:section name="SidebarGallery">
         <f:if condition="{product.images}">
-            <div class="bg-gray-50 p-4 mb-4"
+            <div class="bg-zinc-50 p-4 mb-4"
                  data-controller="lightbox">
                 <p class="font-bold mb-2">
                     Galerie
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/HotelList.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/HotelList.html
index a7796b1a..64260cc0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/HotelList.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/HotelList.html
@@ -44,7 +44,7 @@
                             </div>
                         </f:then>
                         <f:else>
-                            <div class="flex items-center space-x-4 text-lg p-4 mb-4 bg-gray-50">
+                            <div class="flex items-center space-x-4 text-lg p-4 mb-4 bg-zinc-50">
                                 <svg class="w-6 h-6">
                                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-emoji-sad"></use>
                                 </svg>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
index 3bf21e02..47f99ae4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
@@ -54,7 +54,7 @@
                                         </svg>
                                         <div class="hidden absolute z-20 top-100 mt-2 left-0 min-w-full bg-white p-4 shadow-md rounded"
                                              data-collapse-target="container">
-                                            <div class="flex justify-between divide-x divide-gray-200">
+                                            <div class="flex justify-between divide-x divide-zinc-200">
                                                 <div class="pr-2">
                                                     <input type="hidden"
                                                            data-datepicker-target="field">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Snowreport/List.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Snowreport/List.html
index 5bfa4c92..a1c420af 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Snowreport/List.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Snowreport/List.html
@@ -8,7 +8,7 @@
     <f:section name="Main">
         <ep:container data="{data}">
         <div class="w-full max-w-full overflow-x-scroll md:overflow-x-auto">
-            <table class="w-full mb-4 bg-gray-200">
+            <table class="w-full mb-4 bg-zinc-200">
                 <thead>
                 <tr>
                     <th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
@@ -33,8 +33,8 @@
                 </thead>
                 <tbody>
                 <f:for each="{list}" as="snowreport">
-                    <tr class="odd:bg-gray-50 hover:bg-gray-100 odd:hover:bg-gray-100">
-                        <td class="border-r border-gray-200 px-2 py-1 md:p-2">
+                    <tr class="odd:bg-zinc-50 hover:bg-zinc-100 odd:hover:bg-zinc-100">
+                        <td class="border-r border-zinc-200 px-2 py-1 md:p-2">
                             <f:link.typolink parameter="{snowreport.regionDetailPage}"
                                              title="{snowreport.regionName}"
                                              class="text-ep-primary">
@@ -49,22 +49,22 @@
                         </td>
                         <f:if condition="{snowreport.inSeason}">
                             <f:then>
-                                <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                                <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                     {snowreport.snow_level_mountain -> v:or(alternative: '-')}/{snowreport.snow_level_valley -> v:or(alternative: '-')} cm
                                 </td>
-                                <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                                <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                     {snowreport.snow_quality}
                                 </td>
-                                <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                                <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                     <f:if condition="{snowreport.lifts_opened} > 0">
                                         <f:then>{snowreport.lifts_opened}/{snowreport.lifts_total}</f:then>
                                         <f:else>k. A.</f:else>
                                     </f:if>
                                 </td>
-                                <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                                <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                     {f:if(condition: snowreport.last_snowfall, then: '{snowreport.last_snowfall -> f:format.date(format: \'%d.%m.%Y\')}', else: '-')}
                                 </td>
-                                <td class="border-r border-gray-200 px-2 py-1 md:p-2 text-center">
+                                <td class="border-r border-zinc-200 px-2 py-1 md:p-2 text-center">
                                     {snowreport.last_update -> f:format.date(format: '%d.%m.%Y')}
                                 </td>
                             </f:then>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/List.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/List.html
index 8c4952fb..3d64eed5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/List.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/List.html
@@ -36,7 +36,7 @@
                                       alt="{member.name}"
                                       title="{member.name}" />
                 </f:if>
-                <div class="text-center text-gray-800 pt-2">
+                <div class="text-center text-zinc-800 pt-2">
                     <span class="block font-bold text-xl">
                         {member.name}
                     </span>
diff --git a/tailwind.config.js b/tailwind.config.js
index 61428fd5..a4709004 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,38 +2,36 @@ const plugin = require('tailwindcss/plugin')
 const tinycolor = require('tinycolor2')
 
 module.exports = {
-    purge: {
-        content: [
-            './public/typo3conf/ext/ep_theme/Configuration/RTE/*.yaml',
-            './public/typo3conf/ext/ep_theme/Configuration/TypoScript/**/*.typoscript',
-            './public/typo3conf/ext/ep_theme/Resources/Private/Layouts/**/*.html',
-            './public/typo3conf/ext/ep_theme/Resources/Private/Partials/**/*.html',
-            './public/typo3conf/ext/ep_theme/Resources/Private/Templates/**/*.html',
-            './public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/**/*.{js,vue}',
-            './public/typo3conf/ext/ep_theme/Classes/ViewHelpers/**/*.php',
-        ],
-        safelist: [
-            'pt-8', 'pt-16', 'pb-8', 'pb-16',
-            'bg-red-600',
-            'bg-header-season-w',
-            'bg-header-season-s',
-            'bg-concept-bdg', 'bg-concept-bdg-overlay',
-            'bg-concept-skr', 'bg-concept-skr-overlay',
-            'bg-concept-evt', 'bg-concept-evt-overlay',
-            'bg-concept-fam', 'bg-concept-fam-overlay',
-            'bg-concept-grp', 'bg-concept-grp-overlay',
-            'bg-concept-prg', 'bg-concept-prg-overlay',
-            'bg-concept-ind', 'bg-concept-ind-overlay',
-            'bg-concept-wkd', 'bg-concept-wkd-overlay',
-            'bg-concept-kt',  'bg-concept-kt-overlay',
-            'bg-concept-spz', 'bg-concept-spz-overlay',
-            'bg-concept-epe', 'bg-concept-epe-overlay',
-            'bg-concept-sfl', 'bg-concept-sfl-overlay',
-            /^flatpickr-.*/,
-            /^leaflet-.*/,
-            /^availability-.*/,
-        ],
-    },
+    content: [
+        './public/typo3conf/ext/ep_theme/Configuration/RTE/*.yaml',
+        './public/typo3conf/ext/ep_theme/Configuration/TypoScript/**/*.typoscript',
+        './public/typo3conf/ext/ep_theme/Resources/Private/Layouts/**/*.html',
+        './public/typo3conf/ext/ep_theme/Resources/Private/Partials/**/*.html',
+        './public/typo3conf/ext/ep_theme/Resources/Private/Templates/**/*.html',
+        './public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/**/*.{js,vue}',
+        './public/typo3conf/ext/ep_theme/Classes/ViewHelpers/**/*.php',
+    ],
+    safelist: [
+        'pt-8', 'pt-16', 'pb-8', 'pb-16',
+        'bg-red-600',
+        'bg-header-season-w',
+        'bg-header-season-s',
+        'bg-concept-bdg', 'bg-concept-bdg-overlay',
+        'bg-concept-skr', 'bg-concept-skr-overlay',
+        'bg-concept-evt', 'bg-concept-evt-overlay',
+        'bg-concept-fam', 'bg-concept-fam-overlay',
+        'bg-concept-grp', 'bg-concept-grp-overlay',
+        'bg-concept-prg', 'bg-concept-prg-overlay',
+        'bg-concept-ind', 'bg-concept-ind-overlay',
+        'bg-concept-wkd', 'bg-concept-wkd-overlay',
+        'bg-concept-kt',  'bg-concept-kt-overlay',
+        'bg-concept-spz', 'bg-concept-spz-overlay',
+        'bg-concept-epe', 'bg-concept-epe-overlay',
+        'bg-concept-sfl', 'bg-concept-sfl-overlay',
+        'flatpickr-input', 'flatpickr-calendar', 'flatpickr-day', 'flatpickr-day.selected',
+        'availability-full-to-none', 'availability-full-to-partial', 'availability-none-to-full',
+        'availability-partial-to-full', 'availability-none-to-partial', 'availability-partial-to-none',
+    ],
     theme: {
         container: {
             center: true,
@@ -150,20 +148,16 @@ module.exports = {
     },
     variants: {
         extend: {
-            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'ser', 'ser-hover', 'ser-group-hover', 'even', 'odd' ],
+            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'ser', 'ser-hover', 'ser-group-hover' ],
             backgroundImage: [ 'ser' ],
-            borderWidth: [ 'even', 'odd', 'first', 'last' ],
             textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover', 'ser', 'ser-hover' ],
             borderColor: [ 'sbw','snz', 'uch', 'ser' ],
-            display: [ 'group-hover', 'reduced' ],
-            visibility: [ 'group-hover' ],
-            opacity: [ 'group-hover' ],
-            rotate: [ 'group-hover' ],
+            display: [ 'reduced' ],
             flex: [ 'reduced' ],
-            flexDirection: [ 'even', 'odd', 'reduced' ],
+            flexDirection: [ 'reduced' ],
             alignItems: [ 'reduced' ],
-            padding: [ 'even', 'odd', 'first', 'last', 'reduced' ],
-            margin: [ 'even', 'odd', 'first', 'last', 'reduced' ],
+            padding: [ 'reduced' ],
+            margin: [ 'reduced' ],
             maxWidth: [ 'reduced' ],
         },
     },

From 8fbb115a52465306b926f184585c23f6eba3220f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sat, 13 Aug 2022 10:15:34 +0200
Subject: [PATCH 2/6] Cleanup dependencies

---
 package-lock.json | 1683 +++++++++++----------------------------------
 package.json      |    9 +-
 2 files changed, 387 insertions(+), 1305 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2a7743f4..129dc047 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,6 @@
       "dependencies": {
         "@splidejs/splide": "^2.4.21",
         "axios": "^0.21.1",
-        "axios-auth-refresh": "^1.0.7",
         "bootstrap-sass": "^3.4.1",
         "bourbon": "^4.3.2",
         "cooltipz-css": "^1.6.8",
@@ -40,17 +39,17 @@
         "@babel/plugin-proposal-object-rest-spread": "^7.16.0",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3",
         "@babel/preset-env": "^7.16.0",
-        "@symfony/webpack-encore": "^1.6.1",
+        "@symfony/webpack-encore": "^2.1.0",
         "@tailwindcss/aspect-ratio": "^0.4.0",
         "@tailwindcss/forms": "^0.5.2",
         "autoprefixer": "^10.4.8",
-        "core-js": "^3.19.1",
+        "core-js": "^3.22.5",
         "document-register-element": "^1.14.10",
         "file-loader": "^6.2.0",
         "postcss": "^8.4.16",
-        "postcss-loader": "^6.2.0",
+        "postcss-loader": "^6.2.1",
         "sass": "^1.53.0",
-        "sass-loader": "^12.3.0",
+        "sass-loader": "^12.6.0",
         "sass-mq": "^5.0.1",
         "smoothscroll-polyfill": "^0.4.4",
         "tailwindcss": "^3.1.8",
@@ -1833,42 +1832,41 @@
       "integrity": "sha512-D6tJWsAC024MwGEIKlUVYU8Ln87mlrmiwHvYAjipg+s8H4eLxUMQ3PZkWyPevfipH+oR3leuHsjYsK1gN5ViQA=="
     },
     "node_modules/@symfony/webpack-encore": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-1.8.2.tgz",
-      "integrity": "sha512-ZOsOqaZNP3BSQuISAsyH/Jv5+rDxbM4Wf6IsKo1y5Cm9BFIS2dPLsqDZfMbi6G2HdAHm88JqX/HGwxE73eADEw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-2.1.0.tgz",
+      "integrity": "sha512-Cl4VhFUsiaG+R5vAntnpOqi0eBXyk2ccxR+7DatpJ9eq+qRtnxBD84/+q4jHM9AJ9gMqHzWTtBVcDmSj1rKuPA==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.7.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-        "@babel/preset-env": "^7.10.0",
+        "@babel/core": "^7.17.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0",
+        "@babel/preset-env": "^7.16.0",
         "@nuxt/friendly-errors-webpack-plugin": "^2.5.1",
         "assets-webpack-plugin": "7.0.*",
         "babel-loader": "^8.2.2",
         "chalk": "^4.0.0",
-        "clean-webpack-plugin": "^3.0.0",
-        "css-loader": "^5.2.4",
-        "css-minimizer-webpack-plugin": "^2.0.0",
+        "clean-webpack-plugin": "^4.0.0",
+        "css-loader": "^6.7.0",
+        "css-minimizer-webpack-plugin": "^3.4.0",
         "fast-levenshtein": "^3.0.0",
-        "loader-utils": "^2.0.0",
-        "mini-css-extract-plugin": "^1.5.0",
+        "mini-css-extract-plugin": "^2.6.0",
         "pkg-up": "^3.1.0",
-        "pretty-error": "^3.0.3",
-        "resolve-url-loader": "^3.1.2",
+        "pretty-error": "^4.0.0",
+        "resolve-url-loader": "^5.0.0",
         "semver": "^7.3.2",
-        "style-loader": "^2.0.0",
+        "style-loader": "^3.3.0",
         "sync-rpc": "^1.3.6",
-        "terser-webpack-plugin": "^5.1.1",
+        "terser-webpack-plugin": "^5.3.0",
         "tmp": "^0.2.1",
-        "webpack": "^5.35",
+        "webpack": "^5.72",
         "webpack-cli": "^4.9.1",
-        "webpack-dev-server": "^4.0.0",
-        "yargs-parser": "^20.2.4"
+        "webpack-dev-server": "^4.8.0",
+        "yargs-parser": "^21.0.0"
       },
       "bin": {
         "encore": "bin/encore.js"
       },
       "engines": {
-        "node": "^10.19.0 || ^12.0.0 || >=14.0.0"
+        "node": "^12.13.0 || >=14.0.0"
       }
     },
     "node_modules/@symfony/webpack-encore/node_modules/ansi-styles": {
@@ -1920,34 +1918,6 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
-    "node_modules/@symfony/webpack-encore/node_modules/css-loader": {
-      "version": "5.2.7",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-5.2.7.tgz",
-      "integrity": "sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==",
-      "dev": true,
-      "dependencies": {
-        "icss-utils": "^5.1.0",
-        "loader-utils": "^2.0.0",
-        "postcss": "^8.2.15",
-        "postcss-modules-extract-imports": "^3.0.0",
-        "postcss-modules-local-by-default": "^4.0.0",
-        "postcss-modules-scope": "^3.0.0",
-        "postcss-modules-values": "^4.0.0",
-        "postcss-value-parser": "^4.1.0",
-        "schema-utils": "^3.0.0",
-        "semver": "^7.3.5"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.27.0 || ^5.0.0"
-      }
-    },
     "node_modules/@symfony/webpack-encore/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -1969,24 +1939,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@symfony/webpack-encore/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
     "node_modules/@symfony/webpack-encore/node_modules/semver": {
       "version": "7.3.7",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
@@ -2232,61 +2184,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/source-list-map": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz",
-      "integrity": "sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==",
-      "dev": true
-    },
-    "node_modules/@types/tapable": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.8.tgz",
-      "integrity": "sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==",
-      "dev": true
-    },
-    "node_modules/@types/uglify-js": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.16.0.tgz",
-      "integrity": "sha512-0yeUr92L3r0GLRnBOvtYK1v2SjqMIqQDHMl7GLb+l2L8+6LSFWEEWEIgVsPdMn5ImLM8qzWT8xFPtQYpp8co0g==",
-      "dev": true,
-      "dependencies": {
-        "source-map": "^0.6.1"
-      }
-    },
-    "node_modules/@types/webpack": {
-      "version": "4.41.32",
-      "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.32.tgz",
-      "integrity": "sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "@types/tapable": "^1",
-        "@types/uglify-js": "*",
-        "@types/webpack-sources": "*",
-        "anymatch": "^3.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/@types/webpack-sources": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-3.2.0.tgz",
-      "integrity": "sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "@types/source-list-map": "*",
-        "source-map": "^0.7.3"
-      }
-    },
-    "node_modules/@types/webpack-sources/node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/@types/ws": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -2588,9 +2485,9 @@
       }
     },
     "node_modules/adjust-sourcemap-loader": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-3.0.0.tgz",
-      "integrity": "sha512-YBrGyT2/uVQ/c6Rr+t6ZJXniY03YtHGMJQYal368burRGYKqhx9qGTWqcBU5s1CwYY9E/ri63RYyG1IacMZtqw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
+      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
       "dev": true,
       "dependencies": {
         "loader-utils": "^2.0.0",
@@ -2677,12 +2574,12 @@
       }
     },
     "node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
     "node_modules/ansi-styles": {
@@ -2716,12 +2613,6 @@
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true
     },
-    "node_modules/arity-n": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/arity-n/-/arity-n-1.0.4.tgz",
-      "integrity": "sha512-fExL2kFDC1Q2DUOx3whE/9KoN66IzkY4b4zUHUBFM1ojEYjZZYDcUW3bek/ufGionX9giIKDC5redH2IlGqcQQ==",
-      "dev": true
-    },
     "node_modules/array-flatten": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
@@ -2766,18 +2657,6 @@
         "webpack": ">=5.0.0"
       }
     },
-    "node_modules/atob": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-      "dev": true,
-      "bin": {
-        "atob": "bin/atob.js"
-      },
-      "engines": {
-        "node": ">= 4.5.0"
-      }
-    },
     "node_modules/autoprefixer": {
       "version": "10.4.8",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz",
@@ -2819,48 +2698,6 @@
         "follow-redirects": "^1.14.0"
       }
     },
-    "node_modules/axios-auth-refresh": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/axios-auth-refresh/-/axios-auth-refresh-1.0.7.tgz",
-      "integrity": "sha512-TQl1tF+MY+iDG93WpiqcnwGb1lvdJLKzi0IN/7hBkYFlpOC6xv4S+cW3QHZOBjKpFWRWqHg9fXd/PDsCvJ3uLA==",
-      "dependencies": {
-        "axios": "^0.18.0"
-      }
-    },
-    "node_modules/axios-auth-refresh/node_modules/axios": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.18.1.tgz",
-      "integrity": "sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==",
-      "deprecated": "Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410",
-      "dependencies": {
-        "follow-redirects": "1.5.10",
-        "is-buffer": "^2.0.2"
-      }
-    },
-    "node_modules/axios-auth-refresh/node_modules/debug": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
-      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/axios-auth-refresh/node_modules/follow-redirects": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
-      "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
-      "dependencies": {
-        "debug": "=3.1.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/axios-auth-refresh/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
     "node_modules/babel-loader": {
       "version": "8.2.5",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.5.tgz",
@@ -2993,6 +2830,15 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/body-parser/node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/body-parser/node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -3093,9 +2939,9 @@
       "dev": true
     },
     "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
       "dev": true,
       "engines": {
         "node": ">= 0.8"
@@ -3232,19 +3078,18 @@
       }
     },
     "node_modules/clean-webpack-plugin": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/clean-webpack-plugin/-/clean-webpack-plugin-3.0.0.tgz",
-      "integrity": "sha512-MciirUH5r+cYLGCOL5JX/ZLzOZbVr1ot3Fw+KcvbhUb6PM+yycqd9ZhIlcigQ5gl+XhppNmw3bEFuaaMNyLj3A==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/clean-webpack-plugin/-/clean-webpack-plugin-4.0.0.tgz",
+      "integrity": "sha512-WuWE1nyTNAyW5T7oNyys2EN0cfP2fdRxhxnIQWiAp0bMabPdHhoGxM8A6YL2GhqwgrPnnaemVE7nv5XJ2Fhh2w==",
       "dev": true,
       "dependencies": {
-        "@types/webpack": "^4.4.31",
         "del": "^4.1.1"
       },
       "engines": {
-        "node": ">=8.9.0"
+        "node": ">=10.0.0"
       },
       "peerDependencies": {
-        "webpack": "*"
+        "webpack": ">=4.0.0 <6.0.0"
       }
     },
     "node_modules/clone-deep": {
@@ -3303,15 +3148,6 @@
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
       "dev": true
     },
-    "node_modules/compose-function": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/compose-function/-/compose-function-3.0.3.tgz",
-      "integrity": "sha512-xzhzTJ5eC+gmIzvZq+C3kCJHsp9os6tJkrigDRZclyGtOKINbZtE8n1Tzmeh32jW+BUDPbvZpibwvJHBLGMVwg==",
-      "dev": true,
-      "dependencies": {
-        "arity-n": "^1.0.4"
-      }
-    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -3342,15 +3178,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/compression/node_modules/bytes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/compression/node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -3539,18 +3366,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/css": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
-      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "source-map": "^0.6.1",
-        "source-map-resolve": "^0.5.2",
-        "urix": "^0.1.0"
-      }
-    },
     "node_modules/css-declaration-sorter": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.0.tgz",
@@ -3568,7 +3383,6 @@
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.1.tgz",
       "integrity": "sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "icss-utils": "^5.1.0",
         "postcss": "^8.4.7",
@@ -3595,7 +3409,6 @@
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -3608,7 +3421,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
       "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -3623,25 +3435,23 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/css-minimizer-webpack-plugin": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-2.0.0.tgz",
-      "integrity": "sha512-cG/uc94727tx5pBNtb1Sd7gvUPzwmcQi1lkpfqTpdkuNq75hJCw7bIVsCNijLm4dhDcr1atvuysl2rZqOG8Txw==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz",
+      "integrity": "sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==",
       "dev": true,
       "dependencies": {
-        "cssnano": "^5.0.0",
-        "jest-worker": "^26.3.0",
-        "p-limit": "^3.0.2",
-        "postcss": "^8.2.9",
-        "schema-utils": "^3.0.0",
-        "serialize-javascript": "^5.0.1",
+        "cssnano": "^5.0.6",
+        "jest-worker": "^27.0.2",
+        "postcss": "^8.3.5",
+        "schema-utils": "^4.0.0",
+        "serialize-javascript": "^6.0.0",
         "source-map": "^0.6.1"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -3651,26 +3461,67 @@
         "webpack": "^5.0.0"
       },
       "peerDependenciesMeta": {
+        "@parcel/css": {
+          "optional": true
+        },
         "clean-css": {
           "optional": true
         },
         "csso": {
           "optional": true
+        },
+        "esbuild": {
+          "optional": true
         }
       }
     },
-    "node_modules/css-minimizer-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+    "node_modules/css-minimizer-webpack-plugin/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/schema-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -3823,16 +3674,6 @@
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
       "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
     },
-    "node_modules/d": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
-      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
-      "dev": true,
-      "dependencies": {
-        "es5-ext": "^0.10.50",
-        "type": "^1.0.1"
-      }
-    },
     "node_modules/dayjs": {
       "version": "1.11.5",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz",
@@ -3861,15 +3702,6 @@
         }
       }
     },
-    "node_modules/decode-uri-component": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
-      "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/default-gateway": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
@@ -4168,47 +4000,11 @@
       "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
       "dev": true
     },
-    "node_modules/es5-ext": {
-      "version": "0.10.62",
-      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
-      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "es6-iterator": "^2.0.3",
-        "es6-symbol": "^3.1.3",
-        "next-tick": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/es6-iterator": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
-      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
-      "dev": true,
-      "dependencies": {
-        "d": "1",
-        "es5-ext": "^0.10.35",
-        "es6-symbol": "^3.1.1"
-      }
-    },
     "node_modules/es6-slide-up-down": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es6-slide-up-down/-/es6-slide-up-down-1.0.0.tgz",
       "integrity": "sha512-s86t2F+GjPRxiSodC59JRZZaP07Ht03EDU2RDrRCXYk9o3CfTCNjtwqrpoV1BjbCnzXcBoDGj1aZhzZkHzMpWQ=="
     },
-    "node_modules/es6-symbol": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
-      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
-      "dev": true,
-      "dependencies": {
-        "d": "^1.0.1",
-        "ext": "^1.1.2"
-      }
-    },
     "node_modules/escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -4418,21 +4214,6 @@
         }
       ]
     },
-    "node_modules/ext": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/ext/-/ext-1.6.0.tgz",
-      "integrity": "sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==",
-      "dev": true,
-      "dependencies": {
-        "type": "^2.5.0"
-      }
-    },
-    "node_modules/ext/node_modules/type": {
-      "version": "2.7.2",
-      "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
-      "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==",
-      "dev": true
-    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -5159,28 +4940,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-buffer": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/is-core-module": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
@@ -5350,14 +5109,14 @@
       }
     },
     "node_modules/jest-worker": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
-      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
-        "supports-color": "^7.0.0"
+        "supports-color": "^8.0.0"
       },
       "engines": {
         "node": ">= 10.13.0"
@@ -5373,15 +5132,18 @@
       }
     },
     "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
     "node_modules/jquery": {
@@ -5680,38 +5442,71 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-1.6.2.tgz",
-      "integrity": "sha512-WhDvO3SjGm40oV5y26GjMJYjd2UMqrLAGKy5YS2/3QKJy2F7jgynuHTir/tgUUOiNQu5saXHdc8reo7YuhhT4Q==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.6.1.tgz",
+      "integrity": "sha512-wd+SD57/K6DiV7jIR34P+s3uckTRuQvx0tKPcvjFlrEylk6P4mQ2KSWk1hblj1Kxaqok7LogKOieygXqBczNlg==",
       "dev": true,
       "dependencies": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0",
-        "webpack-sources": "^1.1.0"
+        "schema-utils": "^4.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "webpack": "^4.4.0 || ^5.0.0"
+        "webpack": "^5.0.0"
       }
     },
-    "node_modules/mini-css-extract-plugin/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+    "node_modules/mini-css-extract-plugin/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/schema-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -5796,12 +5591,6 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
-    "node_modules/next-tick": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
-      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
-      "dev": true
-    },
     "node_modules/node-forge": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
@@ -5999,15 +5788,15 @@
       }
     },
     "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
       "dependencies": {
-        "yocto-queue": "^0.1.0"
+        "p-try": "^2.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=6"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -6025,21 +5814,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/p-locate/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/p-map": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
@@ -6268,21 +6042,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/pkg-up/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/pkg-up/node_modules/p-locate": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
@@ -6966,13 +6725,13 @@
       }
     },
     "node_modules/pretty-error": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-3.0.4.tgz",
-      "integrity": "sha512-ytLFLfv1So4AO1UkoBF6GXQgJRaKbiSiGFICaOPNwQ3CMvBvXpLRubeQWyPGnsbV/t9ml9qto6IeCsho0aEvwQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
+      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
       "dev": true,
       "dependencies": {
         "lodash": "^4.17.20",
-        "renderkid": "^2.0.6"
+        "renderkid": "^3.0.0"
       }
     },
     "node_modules/process-nextick-args": {
@@ -7098,6 +6857,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/raw-body/node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -7238,16 +7006,16 @@
       }
     },
     "node_modules/renderkid": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.7.tgz",
-      "integrity": "sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
+      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
       "dev": true,
       "dependencies": {
         "css-select": "^4.1.3",
         "dom-converter": "^0.2.0",
         "htmlparser2": "^6.1.0",
         "lodash": "^4.17.21",
-        "strip-ansi": "^3.0.1"
+        "strip-ansi": "^6.0.1"
       }
     },
     "node_modules/require-from-string": {
@@ -7312,115 +7080,20 @@
         "node": ">=4"
       }
     },
-    "node_modules/resolve-url": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
-      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
-      "deprecated": "https://github.com/lydell/resolve-url#deprecated",
-      "dev": true
-    },
     "node_modules/resolve-url-loader": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-3.1.4.tgz",
-      "integrity": "sha512-D3sQ04o0eeQEySLrcz4DsX3saHfsr8/N6tfhblxgZKXxMT2Louargg12oGNfoTRLV09GXhVUe5/qgA5vdgNigg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
       "dev": true,
       "dependencies": {
-        "adjust-sourcemap-loader": "3.0.0",
-        "camelcase": "5.3.1",
-        "compose-function": "3.0.3",
-        "convert-source-map": "1.7.0",
-        "es6-iterator": "2.0.3",
-        "loader-utils": "1.2.3",
-        "postcss": "7.0.36",
-        "rework": "1.0.1",
-        "rework-visit": "1.0.0",
+        "adjust-sourcemap-loader": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^8.2.14",
         "source-map": "0.6.1"
       },
       "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/convert-source-map": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
-      "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.1"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/emojis-list": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-      "integrity": "sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/loader-utils": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-      "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^2.0.0",
-        "json5": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/postcss": {
-      "version": "7.0.36",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
-      "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/resolve-url-loader/node_modules/supports-color": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
+        "node": ">=12"
       }
     },
     "node_modules/retry": {
@@ -7442,28 +7115,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/rework": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rework/-/rework-1.0.1.tgz",
-      "integrity": "sha512-eEjL8FdkdsxApd0yWVZgBGzfCQiT8yqSc2H1p4jpZpQdtz7ohETiDMoje5PlM8I9WgkqkreVxFUKYOiJdVWDXw==",
-      "dev": true,
-      "dependencies": {
-        "convert-source-map": "^0.3.3",
-        "css": "^2.0.0"
-      }
-    },
-    "node_modules/rework-visit": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/rework-visit/-/rework-visit-1.0.0.tgz",
-      "integrity": "sha512-W6V2fix7nCLUYX1v6eGPrBOZlc03/faqzP4sUxMAJMBMOPYhfV/RyLegTufn5gJKaOITyi+gvf0LXDZ9NzkHnQ==",
-      "dev": true
-    },
-    "node_modules/rework/node_modules/convert-source-map": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz",
-      "integrity": "sha512-+4nRk0k3oEpwUB7/CalD7xE2z4VmtEnnq0GO2IPTkrooTrAhEsWvuLF5iWP1dXrwluki/azwXV1ve7gtYuPldg==",
-      "dev": true
-    },
     "node_modules/rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -7663,9 +7314,9 @@
       "dev": true
     },
     "node_modules/serialize-javascript": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
-      "integrity": "sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
       "dev": true,
       "dependencies": {
         "randombytes": "^2.1.0"
@@ -7848,12 +7499,6 @@
         "websocket-driver": "^0.7.4"
       }
     },
-    "node_modules/source-list-map": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
-      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
-      "dev": true
-    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -7870,20 +7515,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/source-map-resolve": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
-      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
-      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
-      "dev": true,
-      "dependencies": {
-        "atob": "^2.1.2",
-        "decode-uri-component": "^0.2.0",
-        "resolve-url": "^0.2.1",
-        "source-map-url": "^0.4.0",
-        "urix": "^0.1.0"
-      }
-    },
     "node_modules/source-map-support": {
       "version": "0.5.21",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
@@ -7894,13 +7525,6 @@
         "source-map": "^0.6.0"
       }
     },
-    "node_modules/source-map-url": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
-      "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
-      "dev": true
-    },
     "node_modules/spdy": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -8021,16 +7645,7 @@
         "node": ">=8"
       }
     },
-    "node_modules/string-width/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width/node_modules/strip-ansi": {
+    "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
@@ -8042,18 +7657,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/strip-final-newline": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
@@ -8064,41 +7667,19 @@
       }
     },
     "node_modules/style-loader": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-2.0.0.tgz",
-      "integrity": "sha512-Z0gYUJmzZ6ZdRUqpg1r8GsaFKypE+3xAzuFeMuoHgjc9KZv3wMyCRjQIWEbhoFSq7+7yoHXySDJyyWQaPajeiQ==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
       "dev": true,
-      "dependencies": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0"
-      },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
-      }
-    },
-    "node_modules/style-loader/node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+        "webpack": "^5.0.0"
       }
     },
     "node_modules/stylehacks": {
@@ -8300,29 +7881,6 @@
         }
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
     "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
@@ -8341,30 +7899,6 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/serialize-javascript": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
-      "dev": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
     "node_modules/terser/node_modules/acorn": {
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
@@ -8455,12 +7989,6 @@
         "node": ">=0.6"
       }
     },
-    "node_modules/type": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
-      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==",
-      "dev": true
-    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -8558,13 +8086,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/urix": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
-      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
-      "deprecated": "Please see https://github.com/lydell/urix#deprecated",
-      "dev": true
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -9087,13 +8608,12 @@
       }
     },
     "node_modules/webpack-sources": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
-      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
       "dev": true,
-      "dependencies": {
-        "source-list-map": "^2.0.0",
-        "source-map": "~0.6.1"
+      "engines": {
+        "node": ">=10.13.0"
       }
     },
     "node_modules/webpack/node_modules/acorn": {
@@ -9135,15 +8655,6 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/webpack/node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/websocket-driver": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
@@ -9245,24 +8756,12 @@
       }
     },
     "node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "dev": true,
       "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=12"
       }
     }
   },
@@ -10519,36 +10018,35 @@
       "integrity": "sha512-D6tJWsAC024MwGEIKlUVYU8Ln87mlrmiwHvYAjipg+s8H4eLxUMQ3PZkWyPevfipH+oR3leuHsjYsK1gN5ViQA=="
     },
     "@symfony/webpack-encore": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-1.8.2.tgz",
-      "integrity": "sha512-ZOsOqaZNP3BSQuISAsyH/Jv5+rDxbM4Wf6IsKo1y5Cm9BFIS2dPLsqDZfMbi6G2HdAHm88JqX/HGwxE73eADEw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@symfony/webpack-encore/-/webpack-encore-2.1.0.tgz",
+      "integrity": "sha512-Cl4VhFUsiaG+R5vAntnpOqi0eBXyk2ccxR+7DatpJ9eq+qRtnxBD84/+q4jHM9AJ9gMqHzWTtBVcDmSj1rKuPA==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.7.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-        "@babel/preset-env": "^7.10.0",
+        "@babel/core": "^7.17.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0",
+        "@babel/preset-env": "^7.16.0",
         "@nuxt/friendly-errors-webpack-plugin": "^2.5.1",
         "assets-webpack-plugin": "7.0.*",
         "babel-loader": "^8.2.2",
         "chalk": "^4.0.0",
-        "clean-webpack-plugin": "^3.0.0",
-        "css-loader": "^5.2.4",
-        "css-minimizer-webpack-plugin": "^2.0.0",
+        "clean-webpack-plugin": "^4.0.0",
+        "css-loader": "^6.7.0",
+        "css-minimizer-webpack-plugin": "^3.4.0",
         "fast-levenshtein": "^3.0.0",
-        "loader-utils": "^2.0.0",
-        "mini-css-extract-plugin": "^1.5.0",
+        "mini-css-extract-plugin": "^2.6.0",
         "pkg-up": "^3.1.0",
-        "pretty-error": "^3.0.3",
-        "resolve-url-loader": "^3.1.2",
+        "pretty-error": "^4.0.0",
+        "resolve-url-loader": "^5.0.0",
         "semver": "^7.3.2",
-        "style-loader": "^2.0.0",
+        "style-loader": "^3.3.0",
         "sync-rpc": "^1.3.6",
-        "terser-webpack-plugin": "^5.1.1",
+        "terser-webpack-plugin": "^5.3.0",
         "tmp": "^0.2.1",
-        "webpack": "^5.35",
+        "webpack": "^5.72",
         "webpack-cli": "^4.9.1",
-        "webpack-dev-server": "^4.0.0",
-        "yargs-parser": "^20.2.4"
+        "webpack-dev-server": "^4.8.0",
+        "yargs-parser": "^21.0.0"
       },
       "dependencies": {
         "ansi-styles": {
@@ -10585,24 +10083,6 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
-        "css-loader": {
-          "version": "5.2.7",
-          "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-5.2.7.tgz",
-          "integrity": "sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==",
-          "dev": true,
-          "requires": {
-            "icss-utils": "^5.1.0",
-            "loader-utils": "^2.0.0",
-            "postcss": "^8.2.15",
-            "postcss-modules-extract-imports": "^3.0.0",
-            "postcss-modules-local-by-default": "^4.0.0",
-            "postcss-modules-scope": "^3.0.0",
-            "postcss-modules-values": "^4.0.0",
-            "postcss-value-parser": "^4.1.0",
-            "schema-utils": "^3.0.0",
-            "semver": "^7.3.5"
-          }
-        },
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -10618,17 +10098,6 @@
             "yallist": "^4.0.0"
           }
         },
-        "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-          "dev": true,
-          "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
-          }
-        },
         "semver": {
           "version": "7.3.7",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
@@ -10859,60 +10328,6 @@
         "@types/node": "*"
       }
     },
-    "@types/source-list-map": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz",
-      "integrity": "sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==",
-      "dev": true
-    },
-    "@types/tapable": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.8.tgz",
-      "integrity": "sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==",
-      "dev": true
-    },
-    "@types/uglify-js": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.16.0.tgz",
-      "integrity": "sha512-0yeUr92L3r0GLRnBOvtYK1v2SjqMIqQDHMl7GLb+l2L8+6LSFWEEWEIgVsPdMn5ImLM8qzWT8xFPtQYpp8co0g==",
-      "dev": true,
-      "requires": {
-        "source-map": "^0.6.1"
-      }
-    },
-    "@types/webpack": {
-      "version": "4.41.32",
-      "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.32.tgz",
-      "integrity": "sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*",
-        "@types/tapable": "^1",
-        "@types/uglify-js": "*",
-        "@types/webpack-sources": "*",
-        "anymatch": "^3.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "@types/webpack-sources": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-3.2.0.tgz",
-      "integrity": "sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*",
-        "@types/source-list-map": "*",
-        "source-map": "^0.7.3"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.7.4",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-          "dev": true
-        }
-      }
-    },
     "@types/ws": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -11182,9 +10597,9 @@
       "dev": true
     },
     "adjust-sourcemap-loader": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-3.0.0.tgz",
-      "integrity": "sha512-YBrGyT2/uVQ/c6Rr+t6ZJXniY03YtHGMJQYal368burRGYKqhx9qGTWqcBU5s1CwYY9E/ri63RYyG1IacMZtqw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
+      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
       "dev": true,
       "requires": {
         "loader-utils": "^2.0.0",
@@ -11246,9 +10661,9 @@
       "dev": true
     },
     "ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true
     },
     "ansi-styles": {
@@ -11276,12 +10691,6 @@
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true
     },
-    "arity-n": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/arity-n/-/arity-n-1.0.4.tgz",
-      "integrity": "sha512-fExL2kFDC1Q2DUOx3whE/9KoN66IzkY4b4zUHUBFM1ojEYjZZYDcUW3bek/ufGionX9giIKDC5redH2IlGqcQQ==",
-      "dev": true
-    },
     "array-flatten": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
@@ -11314,12 +10723,6 @@
         "lodash": "^4.17.20"
       }
     },
-    "atob": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-      "dev": true
-    },
     "autoprefixer": {
       "version": "10.4.8",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz",
@@ -11342,46 +10745,6 @@
         "follow-redirects": "^1.14.0"
       }
     },
-    "axios-auth-refresh": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/axios-auth-refresh/-/axios-auth-refresh-1.0.7.tgz",
-      "integrity": "sha512-TQl1tF+MY+iDG93WpiqcnwGb1lvdJLKzi0IN/7hBkYFlpOC6xv4S+cW3QHZOBjKpFWRWqHg9fXd/PDsCvJ3uLA==",
-      "requires": {
-        "axios": "^0.18.0"
-      },
-      "dependencies": {
-        "axios": {
-          "version": "0.18.1",
-          "resolved": "https://registry.npmjs.org/axios/-/axios-0.18.1.tgz",
-          "integrity": "sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==",
-          "requires": {
-            "follow-redirects": "1.5.10",
-            "is-buffer": "^2.0.2"
-          }
-        },
-        "debug": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
-          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "follow-redirects": {
-          "version": "1.5.10",
-          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
-          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
-          "requires": {
-            "debug": "=3.1.0"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-        }
-      }
-    },
     "babel-loader": {
       "version": "8.2.5",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.5.tgz",
@@ -11488,6 +10851,12 @@
         "unpipe": "1.0.0"
       },
       "dependencies": {
+        "bytes": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+          "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+          "dev": true
+        },
         "debug": {
           "version": "2.6.9",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -11571,9 +10940,9 @@
       "dev": true
     },
     "bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
       "dev": true
     },
     "call-bind": {
@@ -11664,12 +11033,11 @@
       "dev": true
     },
     "clean-webpack-plugin": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/clean-webpack-plugin/-/clean-webpack-plugin-3.0.0.tgz",
-      "integrity": "sha512-MciirUH5r+cYLGCOL5JX/ZLzOZbVr1ot3Fw+KcvbhUb6PM+yycqd9ZhIlcigQ5gl+XhppNmw3bEFuaaMNyLj3A==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/clean-webpack-plugin/-/clean-webpack-plugin-4.0.0.tgz",
+      "integrity": "sha512-WuWE1nyTNAyW5T7oNyys2EN0cfP2fdRxhxnIQWiAp0bMabPdHhoGxM8A6YL2GhqwgrPnnaemVE7nv5XJ2Fhh2w==",
       "dev": true,
       "requires": {
-        "@types/webpack": "^4.4.31",
         "del": "^4.1.1"
       }
     },
@@ -11723,15 +11091,6 @@
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
       "dev": true
     },
-    "compose-function": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/compose-function/-/compose-function-3.0.3.tgz",
-      "integrity": "sha512-xzhzTJ5eC+gmIzvZq+C3kCJHsp9os6tJkrigDRZclyGtOKINbZtE8n1Tzmeh32jW+BUDPbvZpibwvJHBLGMVwg==",
-      "dev": true,
-      "requires": {
-        "arity-n": "^1.0.4"
-      }
-    },
     "compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -11756,12 +11115,6 @@
         "vary": "~1.1.2"
       },
       "dependencies": {
-        "bytes": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-          "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-          "dev": true
-        },
         "debug": {
           "version": "2.6.9",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -11909,18 +11262,6 @@
         "which": "^2.0.1"
       }
     },
-    "css": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
-      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
-      "dev": true,
-      "requires": {
-        "inherits": "^2.0.3",
-        "source-map": "^0.6.1",
-        "source-map-resolve": "^0.5.2",
-        "urix": "^0.1.0"
-      }
-    },
     "css-declaration-sorter": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.0.tgz",
@@ -11933,7 +11274,6 @@
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.1.tgz",
       "integrity": "sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw==",
       "dev": true,
-      "peer": true,
       "requires": {
         "icss-utils": "^5.1.0",
         "postcss": "^8.4.7",
@@ -11950,7 +11290,6 @@
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
           "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "yallist": "^4.0.0"
           }
@@ -11960,7 +11299,6 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
           "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
           "dev": true,
-          "peer": true,
           "requires": {
             "lru-cache": "^6.0.0"
           }
@@ -11969,35 +11307,61 @@
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
           "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "peer": true
+          "dev": true
         }
       }
     },
     "css-minimizer-webpack-plugin": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-2.0.0.tgz",
-      "integrity": "sha512-cG/uc94727tx5pBNtb1Sd7gvUPzwmcQi1lkpfqTpdkuNq75hJCw7bIVsCNijLm4dhDcr1atvuysl2rZqOG8Txw==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz",
+      "integrity": "sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==",
       "dev": true,
       "requires": {
-        "cssnano": "^5.0.0",
-        "jest-worker": "^26.3.0",
-        "p-limit": "^3.0.2",
-        "postcss": "^8.2.9",
-        "schema-utils": "^3.0.0",
-        "serialize-javascript": "^5.0.1",
+        "cssnano": "^5.0.6",
+        "jest-worker": "^27.0.2",
+        "postcss": "^8.3.5",
+        "schema-utils": "^4.0.0",
+        "serialize-javascript": "^6.0.0",
         "source-map": "^0.6.1"
       },
       "dependencies": {
-        "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+        "ajv": {
+          "version": "8.11.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+          "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
           "dev": true,
           "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+          "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.3"
+          }
+        },
+        "json-schema-traverse": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+          "dev": true
+        },
+        "schema-utils": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+          "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.8.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.0.0"
           }
         }
       }
@@ -12106,16 +11470,6 @@
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
       "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
     },
-    "d": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
-      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
-      "dev": true,
-      "requires": {
-        "es5-ext": "^0.10.50",
-        "type": "^1.0.1"
-      }
-    },
     "dayjs": {
       "version": "1.11.5",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz",
@@ -12136,12 +11490,6 @@
         "ms": "2.1.2"
       }
     },
-    "decode-uri-component": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
-      "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==",
-      "dev": true
-    },
     "default-gateway": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
@@ -12372,43 +11720,11 @@
       "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
       "dev": true
     },
-    "es5-ext": {
-      "version": "0.10.62",
-      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
-      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
-      "dev": true,
-      "requires": {
-        "es6-iterator": "^2.0.3",
-        "es6-symbol": "^3.1.3",
-        "next-tick": "^1.1.0"
-      }
-    },
-    "es6-iterator": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
-      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
-      "dev": true,
-      "requires": {
-        "d": "1",
-        "es5-ext": "^0.10.35",
-        "es6-symbol": "^3.1.1"
-      }
-    },
     "es6-slide-up-down": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es6-slide-up-down/-/es6-slide-up-down-1.0.0.tgz",
       "integrity": "sha512-s86t2F+GjPRxiSodC59JRZZaP07Ht03EDU2RDrRCXYk9o3CfTCNjtwqrpoV1BjbCnzXcBoDGj1aZhzZkHzMpWQ=="
     },
-    "es6-symbol": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
-      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
-      "dev": true,
-      "requires": {
-        "d": "^1.0.1",
-        "ext": "^1.1.2"
-      }
-    },
     "escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -12569,23 +11885,6 @@
         }
       }
     },
-    "ext": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/ext/-/ext-1.6.0.tgz",
-      "integrity": "sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==",
-      "dev": true,
-      "requires": {
-        "type": "^2.5.0"
-      },
-      "dependencies": {
-        "type": {
-          "version": "2.7.2",
-          "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
-          "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==",
-          "dev": true
-        }
-      }
-    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -13132,11 +12431,6 @@
         "binary-extensions": "^2.0.0"
       }
     },
-    "is-buffer": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
-    },
     "is-core-module": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
@@ -13252,14 +12546,14 @@
       "dev": true
     },
     "jest-worker": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
-      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "dev": true,
       "requires": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
-        "supports-color": "^7.0.0"
+        "supports-color": "^8.0.0"
       },
       "dependencies": {
         "has-flag": {
@@ -13269,9 +12563,9 @@
           "dev": true
         },
         "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
           "dev": true,
           "requires": {
             "has-flag": "^4.0.0"
@@ -13509,25 +12803,51 @@
       "dev": true
     },
     "mini-css-extract-plugin": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-1.6.2.tgz",
-      "integrity": "sha512-WhDvO3SjGm40oV5y26GjMJYjd2UMqrLAGKy5YS2/3QKJy2F7jgynuHTir/tgUUOiNQu5saXHdc8reo7YuhhT4Q==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.6.1.tgz",
+      "integrity": "sha512-wd+SD57/K6DiV7jIR34P+s3uckTRuQvx0tKPcvjFlrEylk6P4mQ2KSWk1hblj1Kxaqok7LogKOieygXqBczNlg==",
       "dev": true,
       "requires": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0",
-        "webpack-sources": "^1.1.0"
+        "schema-utils": "^4.0.0"
       },
       "dependencies": {
-        "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+        "ajv": {
+          "version": "8.11.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+          "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
           "dev": true,
           "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
+            "fast-deep-equal": "^3.1.1",
+            "json-schema-traverse": "^1.0.0",
+            "require-from-string": "^2.0.2",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+          "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.3"
+          }
+        },
+        "json-schema-traverse": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+          "dev": true
+        },
+        "schema-utils": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+          "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.9",
+            "ajv": "^8.8.0",
+            "ajv-formats": "^2.1.1",
+            "ajv-keywords": "^5.0.0"
           }
         }
       }
@@ -13592,12 +12912,6 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
-    "next-tick": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
-      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
-      "dev": true
-    },
     "node-forge": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
@@ -13738,12 +13052,12 @@
       }
     },
     "p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
       "requires": {
-        "yocto-queue": "^0.1.0"
+        "p-try": "^2.0.0"
       }
     },
     "p-locate": {
@@ -13753,17 +13067,6 @@
       "dev": true,
       "requires": {
         "p-limit": "^2.2.0"
-      },
-      "dependencies": {
-        "p-limit": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-          "dev": true,
-          "requires": {
-            "p-try": "^2.0.0"
-          }
-        }
       }
     },
     "p-map": {
@@ -13931,15 +13234,6 @@
             "path-exists": "^3.0.0"
           }
         },
-        "p-limit": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-          "dev": true,
-          "requires": {
-            "p-try": "^2.0.0"
-          }
-        },
         "p-locate": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
@@ -14354,13 +13648,13 @@
       "optional": true
     },
     "pretty-error": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-3.0.4.tgz",
-      "integrity": "sha512-ytLFLfv1So4AO1UkoBF6GXQgJRaKbiSiGFICaOPNwQ3CMvBvXpLRubeQWyPGnsbV/t9ml9qto6IeCsho0aEvwQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
+      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
       "dev": true,
       "requires": {
         "lodash": "^4.17.20",
-        "renderkid": "^2.0.6"
+        "renderkid": "^3.0.0"
       }
     },
     "process-nextick-args": {
@@ -14445,6 +13739,14 @@
         "http-errors": "2.0.0",
         "iconv-lite": "0.4.24",
         "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+          "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+          "dev": true
+        }
       }
     },
     "read-cache": {
@@ -14567,16 +13869,16 @@
       }
     },
     "renderkid": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.7.tgz",
-      "integrity": "sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
+      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
       "dev": true,
       "requires": {
         "css-select": "^4.1.3",
         "dom-converter": "^0.2.0",
         "htmlparser2": "^6.1.0",
         "lodash": "^4.17.21",
-        "strip-ansi": "^3.0.1"
+        "strip-ansi": "^6.0.1"
       }
     },
     "require-from-string": {
@@ -14625,91 +13927,17 @@
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true
     },
-    "resolve-url": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
-      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
-      "dev": true
-    },
     "resolve-url-loader": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-3.1.4.tgz",
-      "integrity": "sha512-D3sQ04o0eeQEySLrcz4DsX3saHfsr8/N6tfhblxgZKXxMT2Louargg12oGNfoTRLV09GXhVUe5/qgA5vdgNigg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
       "dev": true,
       "requires": {
-        "adjust-sourcemap-loader": "3.0.0",
-        "camelcase": "5.3.1",
-        "compose-function": "3.0.3",
-        "convert-source-map": "1.7.0",
-        "es6-iterator": "2.0.3",
-        "loader-utils": "1.2.3",
-        "postcss": "7.0.36",
-        "rework": "1.0.1",
-        "rework-visit": "1.0.0",
+        "adjust-sourcemap-loader": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^8.2.14",
         "source-map": "0.6.1"
-      },
-      "dependencies": {
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
-        "convert-source-map": {
-          "version": "1.7.0",
-          "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
-          "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
-          "dev": true,
-          "requires": {
-            "safe-buffer": "~5.1.1"
-          }
-        },
-        "emojis-list": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-          "integrity": "sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==",
-          "dev": true
-        },
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.2.3",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
-          "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^2.0.0",
-            "json5": "^1.0.1"
-          }
-        },
-        "postcss": {
-          "version": "7.0.36",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
-          "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
-          "dev": true,
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
       }
     },
     "retry": {
@@ -14724,30 +13952,6 @@
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
       "dev": true
     },
-    "rework": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rework/-/rework-1.0.1.tgz",
-      "integrity": "sha512-eEjL8FdkdsxApd0yWVZgBGzfCQiT8yqSc2H1p4jpZpQdtz7ohETiDMoje5PlM8I9WgkqkreVxFUKYOiJdVWDXw==",
-      "dev": true,
-      "requires": {
-        "convert-source-map": "^0.3.3",
-        "css": "^2.0.0"
-      },
-      "dependencies": {
-        "convert-source-map": {
-          "version": "0.3.5",
-          "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz",
-          "integrity": "sha512-+4nRk0k3oEpwUB7/CalD7xE2z4VmtEnnq0GO2IPTkrooTrAhEsWvuLF5iWP1dXrwluki/azwXV1ve7gtYuPldg==",
-          "dev": true
-        }
-      }
-    },
-    "rework-visit": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/rework-visit/-/rework-visit-1.0.0.tgz",
-      "integrity": "sha512-W6V2fix7nCLUYX1v6eGPrBOZlc03/faqzP4sUxMAJMBMOPYhfV/RyLegTufn5gJKaOITyi+gvf0LXDZ9NzkHnQ==",
-      "dev": true
-    },
     "rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@@ -14884,9 +14088,9 @@
       }
     },
     "serialize-javascript": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
-      "integrity": "sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
       "dev": true,
       "requires": {
         "randombytes": "^2.1.0"
@@ -15042,12 +14246,6 @@
         "websocket-driver": "^0.7.4"
       }
     },
-    "source-list-map": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
-      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
-      "dev": true
-    },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -15058,19 +14256,6 @@
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
     },
-    "source-map-resolve": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
-      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
-      "dev": true,
-      "requires": {
-        "atob": "^2.1.2",
-        "decode-uri-component": "^0.2.0",
-        "resolve-url": "^0.2.1",
-        "source-map-url": "^0.4.0",
-        "urix": "^0.1.0"
-      }
-    },
     "source-map-support": {
       "version": "0.5.21",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
@@ -15081,12 +14266,6 @@
         "source-map": "^0.6.0"
       }
     },
-    "source-map-url": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
-      "dev": true
-    },
     "spdy": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -15180,32 +14359,15 @@
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
         "strip-ansi": "^6.0.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-          "dev": true
-        },
-        "strip-ansi": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^5.0.1"
-          }
-        }
       }
     },
     "strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
       "requires": {
-        "ansi-regex": "^2.0.0"
+        "ansi-regex": "^5.0.1"
       }
     },
     "strip-final-newline": {
@@ -15215,27 +14377,11 @@
       "dev": true
     },
     "style-loader": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-2.0.0.tgz",
-      "integrity": "sha512-Z0gYUJmzZ6ZdRUqpg1r8GsaFKypE+3xAzuFeMuoHgjc9KZv3wMyCRjQIWEbhoFSq7+7yoHXySDJyyWQaPajeiQ==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
       "dev": true,
-      "requires": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0"
-      },
-      "dependencies": {
-        "schema-utils": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-          "dev": true,
-          "requires": {
-            "@types/json-schema": "^7.0.8",
-            "ajv": "^6.12.5",
-            "ajv-keywords": "^3.5.2"
-          }
-        }
-      }
+      "requires": {}
     },
     "stylehacks": {
       "version": "5.1.0",
@@ -15388,23 +14534,6 @@
         "terser": "^5.14.1"
       },
       "dependencies": {
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true
-        },
-        "jest-worker": {
-          "version": "27.5.1",
-          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-          "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-          "dev": true,
-          "requires": {
-            "@types/node": "*",
-            "merge-stream": "^2.0.0",
-            "supports-color": "^8.0.0"
-          }
-        },
         "schema-utils": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
@@ -15415,24 +14544,6 @@
             "ajv": "^6.12.5",
             "ajv-keywords": "^3.5.2"
           }
-        },
-        "serialize-javascript": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-          "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
-          "dev": true,
-          "requires": {
-            "randombytes": "^2.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "8.1.1",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -15489,12 +14600,6 @@
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
       "dev": true
     },
-    "type": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
-      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==",
-      "dev": true
-    },
     "type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -15558,12 +14663,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "urix": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
-      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
-      "dev": true
-    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -15796,12 +14895,6 @@
             "ajv": "^6.12.5",
             "ajv-keywords": "^3.5.2"
           }
-        },
-        "webpack-sources": {
-          "version": "3.2.3",
-          "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-          "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-          "dev": true
         }
       }
     },
@@ -15977,14 +15070,10 @@
       }
     },
     "webpack-sources": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
-      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
-      "dev": true,
-      "requires": {
-        "source-list-map": "^2.0.0",
-        "source-map": "~0.6.1"
-      }
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true
     },
     "websocket-driver": {
       "version": "0.7.4",
@@ -16055,15 +15144,9 @@
       "dev": true
     },
     "yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true
-    },
-    "yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "dev": true
     }
   }
diff --git a/package.json b/package.json
index a6edf556..7b2ea881 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
   "dependencies": {
     "@splidejs/splide": "^2.4.21",
     "axios": "^0.21.1",
-    "axios-auth-refresh": "^1.0.7",
     "bootstrap-sass": "^3.4.1",
     "bourbon": "^4.3.2",
     "cooltipz-css": "^1.6.8",
@@ -43,17 +42,17 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.16.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/preset-env": "^7.16.0",
-    "@symfony/webpack-encore": "^1.6.1",
+    "@symfony/webpack-encore": "^2.1.0",
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/forms": "^0.5.2",
     "autoprefixer": "^10.4.8",
-    "core-js": "^3.19.1",
+    "core-js": "^3.22.5",
     "document-register-element": "^1.14.10",
     "file-loader": "^6.2.0",
     "postcss": "^8.4.16",
-    "postcss-loader": "^6.2.0",
+    "postcss-loader": "^6.2.1",
     "sass": "^1.53.0",
-    "sass-loader": "^12.3.0",
+    "sass-loader": "^12.6.0",
     "sass-mq": "^5.0.1",
     "smoothscroll-polyfill": "^0.4.4",
     "tailwindcss": "^3.1.8",

From 0df7fa730bcd1bb81c95e99681f6ed66a8aa7246 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sat, 13 Aug 2022 10:33:19 +0200
Subject: [PATCH 3/6] WIP Always use mobile navigation on touch devices

---
 .../Resources/Private/Partials/Mainnav.html   |  6 +++---
 .../Resources/Private/Partials/Mobilenav.html |  4 ++--
 .../Private/Partials/Search/MobileSearch.html |  2 +-
 tailwind.config.js                            | 21 +++++++++++++++----
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
index 8ddee52e..ddc061e1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
@@ -5,7 +5,7 @@
 
     <f:section name="Main">
         <div class="fixed top-0 left-0 inset-x-0 z-40 lg:relative lg:container bg-white shadow-md lg:shadow-none">
-            <div class="flex items-center lg:items-end justify-between px-4 py-2 lg:px-0 lg:pt-4 lg:pb-0">
+            <div class="flex items-center hover-hover:lg:items-end justify-between px-4 py-2 lg:px-0 lg:pt-4 lg:pb-0">
                 <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
                    class="block lg:pb-4"
                    title="{settings.defaultTitle}">
@@ -13,10 +13,10 @@
                              class="block w-auto {ep:themeClasses(classes: '{ep: \'h-10 lg:h-12\', sbw: \'h-14 lg:h-24\', snz: \'h-14 lg:h-24\', uch: \'h-12 lg:h-20\', ser: \'h-10 lg:h-12\'}', key: settings.themekey)}"
                              alt="{settings.defaultTitle}"/>
                 </a>
-                <div class="hidden lg:block">
+                <div class="hidden hover-hover:lg:block">
                     <f:render section="FirstLevel" arguments="{_all}"/>
                 </div>
-                <div class="flex lg:hidden items-center space-x-4">
+                <div class="flex hover-hover:lg:hidden items-center space-x-4">
                     <f:if condition="{settings.hideSearchbar}">
                         <f:else>
                             <button type="button"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index dd8233e8..5b24cb41 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -5,7 +5,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Main">
-        <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
+        <div class="fixed hover-hover:lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 hover-none:lg:pt-20 pb-10 z-50 bg-zinc-700 hidden"
              data-controller="overlay-toggle"
              data-overlay-toggle-id-value="mobilenav"
              data-overlay-toggle-target="overlay"
@@ -16,7 +16,7 @@
                    title="{settings.defaultTitle}">
                     <f:image class="block h-10 lg:h-12 w-auto" src="{settings.logoImage}" alt="{settings.defaultTitle}"/>
                 </a>
-                <div class="flex lg:hidden items-center space-x-4">
+                <div class="flex hover-hover:lg:hidden items-center space-x-4">
                     <f:if condition="{data.tx_eptheme_hide_searchbar}">
                         <f:else>
                             <button type="button"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
index e37f9483..ebf9f1db 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
@@ -2,7 +2,7 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       data-namespace-typo3-fluid="true">
 
-    <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
+    <div class="fixed hover-hover:lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
          data-controller="mobile-search"
          data-mobile-search-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}"
          data-mobile-search-init-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, arguments: '{filterSettings: filterSettings}', format: 'html')}"
diff --git a/tailwind.config.js b/tailwind.config.js
index a4709004..38470776 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,4 @@
+const postcss = require('postcss')
 const plugin = require('tailwindcss/plugin')
 const tinycolor = require('tinycolor2')
 
@@ -168,20 +169,32 @@ module.exports = {
             variants: ['sbw', 'snz', 'uch', 'ser'],
         }),
         plugin(function ({addVariant, e}) {
+            addVariant('hover-hover', ({ container, separator }) => {
+                const hoverHover = postcss.atRule({ name: 'media', params: '(hover: hover)' })
+                hoverHover.append(container.nodes)
+                container.append(hoverHover)
+                hoverHover.walkRules(rule => {
+                    rule.selector = `.${e(`hover-hover${separator}${rule.selector.slice(1)}`)}`
+                })
+            })
+            addVariant('hover-none', ({ container, separator }) => {
+                const hoverNone = postcss.atRule({ name: 'media', params: '(hover: none)' })
+                hoverNone.append(container.nodes)
+                container.append(hoverNone)
+                hoverNone.walkRules(rule => {
+                    rule.selector = `.${e(`hover-none${separator}${rule.selector.slice(1)}`)}`
+                })
+            })
             addVariant('first-type', ({modifySelectors, separator}) => {
                 modifySelectors(({className}) => {
                     return `.${e(`first-type${separator}${className}`)}:first-of-type`
                 })
             })
-        }),
-        plugin(function ({addVariant, e}) {
             addVariant('last-type', ({modifySelectors, separator}) => {
                 modifySelectors(({className}) => {
                     return `.${e(`last-type${separator}${className}`)}:last-of-type`
                 })
             })
-        }),
-        plugin(function ({addVariant, e}) {
             addVariant('reduced', ({modifySelectors, separator}) => {
                 modifySelectors(({className}) => {
                     return `.reduced .${e(`reduced${separator}${className}`)}`

From f5fb2c111ae21abda382efa2cdfdfbb2dd90fc3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 16 Aug 2022 14:51:36 +0200
Subject: [PATCH 4/6] Remove deprecations

---
 package-lock.json                                  | 14 +++++++-------
 package.json                                       |  2 +-
 .../Resources/Private/Assets/scss/_brands.scss     |  4 ++--
 .../Private/Assets/scss/_configurator.scss         |  8 ++++----
 .../Resources/Private/Assets/scss/_iconnav.scss    |  4 ++--
 .../Resources/Private/Assets/scss/_mixins.scss     |  3 ++-
 .../Resources/Private/Assets/scss/_news.scss       |  4 ++--
 .../Private/Assets/scss/_page-footer.scss          |  6 +++---
 .../Resources/Private/Assets/scss/_search.scss     |  2 +-
 .../Resources/Private/Assets/scss/_team.scss       |  4 ++--
 .../Resources/Private/Assets/scss/_teasers.scss    |  6 +++---
 .../Private/Assets/scss/_testimonial.scss          |  4 ++--
 .../Resources/Private/Assets/scss/_tiles.scss      |  2 +-
 13 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 129dc047..46ef06aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "font-awesome": "^4.7.0",
         "glightbox": "^3.0.9",
         "jquery": "^3.6.0",
-        "lazysizes": "^4.1.8",
+        "lazysizes": "^5.3.2",
         "leaflet": "^1.7.1",
         "normalize.css": "^8.0.1",
         "picturefill": "^3.0.3",
@@ -5212,9 +5212,9 @@
       }
     },
     "node_modules/lazysizes": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-4.1.8.tgz",
-      "integrity": "sha512-qxBMQZKdR3cwydyyBOoGVBtN2T1nyrozhnEstV2H3M6UE/mivSh7U+n7N7DtBV2L07Uw442QRwtwf0E2IntJZg=="
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-5.3.2.tgz",
+      "integrity": "sha512-22UzWP+Vedi/sMeOr8O7FWimRVtiNJV2HCa+V8+peZOw6QbswN9k58VUhd7i6iK5bw5QkYrF01LJbeJe0PV8jg=="
     },
     "node_modules/leaflet": {
       "version": "1.8.0",
@@ -12621,9 +12621,9 @@
       "dev": true
     },
     "lazysizes": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-4.1.8.tgz",
-      "integrity": "sha512-qxBMQZKdR3cwydyyBOoGVBtN2T1nyrozhnEstV2H3M6UE/mivSh7U+n7N7DtBV2L07Uw442QRwtwf0E2IntJZg=="
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-5.3.2.tgz",
+      "integrity": "sha512-22UzWP+Vedi/sMeOr8O7FWimRVtiNJV2HCa+V8+peZOw6QbswN9k58VUhd7i6iK5bw5QkYrF01LJbeJe0PV8jg=="
     },
     "leaflet": {
       "version": "1.8.0",
diff --git a/package.json b/package.json
index 7b2ea881..991dbb7c 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "font-awesome": "^4.7.0",
     "glightbox": "^3.0.9",
     "jquery": "^3.6.0",
-    "lazysizes": "^4.1.8",
+    "lazysizes": "^5.3.2",
     "leaflet": "^1.7.1",
     "normalize.css": "^8.0.1",
     "picturefill": "^3.0.3",
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_brands.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_brands.scss
index 599b08c9..82b3fe90 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_brands.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_brands.scss
@@ -7,10 +7,10 @@
 }
 
 .brands__item {
-    width: percentage(1/2);
+    width: 50%;
 
     @include mq($from: desktop) {
-        width: percentage(1/4);
+        width: 25%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_configurator.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_configurator.scss
index 8eee8602..c14d4bd7 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_configurator.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_configurator.scss
@@ -387,7 +387,7 @@
     padding-bottom: 16px;
 
     @include mq($from: tablet) {
-        width: percentage(2/3);
+        width: 66.6666%;
         padding-right: 32px;
     }
 }
@@ -397,7 +397,7 @@
     padding-bottom: 16px;
 
     @include mq($from: tablet) {
-        width: percentage(1/3);
+        width: 33.3333%;
     }
 }
 
@@ -416,13 +416,13 @@
 }
 
 .configurator-field__label {
-    width: percentage(2/3);
+    width: 66.6666%;
     font-weight: 700;
     text-transform: uppercase;
 }
 
 .configurator-field__input {
-    width: percentage(2/3);
+    width: 66.6666%;
 }
 
 .configurator-field__group {
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_iconnav.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_iconnav.scss
index 4fef906e..35da88a3 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_iconnav.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_iconnav.scss
@@ -9,7 +9,7 @@
 
 .iconnav__link {
     display: block;
-    width: percentage(1/2);
+    width: 50%;
     padding: 16px;
     text-decoration: none;
     text-align: center;
@@ -22,7 +22,7 @@
     }
 
     @include mq($from: mobile) {
-        width: percentage(1/4);
+        width: 25%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss
index 793d3da8..1fb4ebcc 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss
@@ -1,4 +1,5 @@
-@mixin container($width-max: $content-width-max, $padding: $padding-default / 2) {
+@use "sass:math";
+@mixin container($width-max: $content-width-max, $padding: math.div($padding-default, 2)) {
   @include clearfix();
   width: 100%;
   max-width: $width-max;
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_news.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_news.scss
index fe0eaa36..cf663289 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_news.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_news.scss
@@ -23,7 +23,7 @@
   margin-bottom: 8px;
 
   @include mq($from: desktop) {
-    width: percentage(1/2);
+    width: 50%;
   }
 }
 
@@ -41,7 +41,7 @@
 
   @include mq($from: desktop) {
     padding-left: 24px;
-    width: percentage(1/2);
+    width: 50%;
   }
 
   p {
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_page-footer.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_page-footer.scss
index 8c26b175..7d534834 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_page-footer.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_page-footer.scss
@@ -25,7 +25,7 @@
 }
 
 .page-footer__column {
-    width: percentage(1/2);
+    width: 50%;
     text-align: center;
     padding: 0 8px 32px;
 
@@ -34,7 +34,7 @@
     }
 
     @include mq($from: tablet) {
-        width: percentage(1/5);
+        width: 20%;
     }
 
     &--hide-mobile {
@@ -77,7 +77,7 @@
     width: 100%;
 
     @include mq($from: tablet) {
-        width: percentage(1/3);
+        width: 33.3333%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_search.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_search.scss
index ab6be68c..b58e2949 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_search.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_search.scss
@@ -19,7 +19,7 @@
         width: 240px;
     }
     @include mq($from: desktop) {
-        width: percentage(1/3);
+        width: 33.3333%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_team.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_team.scss
index 9dadf328..48b27f54 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_team.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_team.scss
@@ -17,7 +17,7 @@
     }
 
     @include mq($from: desktop) {
-        width: percentage(1/2);
+        width: 50%;
         max-width: 100%;
     }
 }
@@ -39,7 +39,7 @@
 
     th {
         text-align: left;
-        width: percentage(1/5);
+        width: 20%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
index cf3cb4bf..9db5c70e 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
@@ -12,7 +12,7 @@
 }
 
 .teaser {
-    width: percentage(3/4);
+    width: 75%;
     padding: 0 16px;
 
     &--clickable {
@@ -24,11 +24,11 @@
     }
 
     @include mq($from: tablet) {
-        width: percentage(1/2);
+        width: 50%;
     }
 
     @include mq($from: desktop) {
-        width: percentage(1/3);
+        width: 33.3333%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_testimonial.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_testimonial.scss
index 881c532b..9d9b5ecb 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_testimonial.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_testimonial.scss
@@ -5,14 +5,14 @@
 
     @include mq($from: tablet) {
         font-size: 80%;
-        width: percentage(1/2);
+        width: 50%;
         &:not(:last-child) {
             border-right: 1px solid $color-divider;
         }
     }
 
     @include mq($from: desktop) {
-        width: percentage(1/4);
+        width: 25%;
     }
 }
 
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_tiles.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_tiles.scss
index e38af917..c87c749d 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_tiles.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_tiles.scss
@@ -11,7 +11,7 @@
 
 .tile {
     display: block;
-    width: percentage(1/2);
+    width: 50%;
     padding: 16px;
     text-decoration: none;
 

From 33f93b14a26a70df16a4cb1e1b1543c79d25cfc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 16 Aug 2022 15:08:42 +0200
Subject: [PATCH 5/6] Always use mobile navigation and search on touch devices

---
 .../ext/ep_theme/Resources/Private/Partials/Mobilenav.html  | 4 ++--
 .../Resources/Private/Partials/Search/FilterPanel.html      | 2 +-
 .../Resources/Private/Partials/Search/MobileSearch.html     | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index 5b24cb41..3fa4671e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -10,9 +10,9 @@
              data-overlay-toggle-id-value="mobilenav"
              data-overlay-toggle-target="overlay"
              data-action="overlay-toggle:toggle@window->overlay-toggle#toggle">
-            <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 flex justify-between bg-white shadow-md">
+            <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 hover-none:lg:py-4 flex justify-between bg-white shadow-md">
                 <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
-                   class="block lg:pb-4"
+                   class="block hover-hover:lg:pb-4"
                    title="{settings.defaultTitle}">
                     <f:image class="block h-10 lg:h-12 w-auto" src="{settings.logoImage}" alt="{settings.defaultTitle}"/>
                 </a>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index 0eb5a1f8..62fbbefc 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -99,7 +99,7 @@
         </div>
     </f:if>
 
-    <div class="px-4 divide-y py-2 px-4 lg:bg-white">
+    <div class="px-4 divide-y py-2 px-4 hover-none:lg:bg-white">
 
         <div class="py-2"
              data-controller="collapse"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
index ebf9f1db..6425eef8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/MobileSearch.html
@@ -2,14 +2,14 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       data-namespace-typo3-fluid="true">
 
-    <div class="fixed hover-hover:lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-zinc-700 hidden"
+    <div class="fixed hover-hover:lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 hover-none:lg:pt-20 pb-10 z-50 bg-zinc-700 hidden"
          data-controller="mobile-search"
          data-mobile-search-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}"
          data-mobile-search-init-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, arguments: '{filterSettings: filterSettings}', format: 'html')}"
          data-action="overlay-toggle:toggle@window->mobile-search#open datepicker:range-select->mobile-search#selectDateRange">
-        <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 flex justify-between bg-white shadow-md">
+        <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 hover-none:lg:py-4 flex justify-between bg-white shadow-md">
             <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
-               class="block lg:pb-4"
+               class="block hover-hover:lg:pb-4"
                title="{settings.defaultTitle}">
                 <f:image class="block h-10 lg:h-12 w-auto" src="{settings.logoImage}" alt="{settings.defaultTitle}"/>
             </a>

From cc8f41499946361b93ef6679bd88ab71cacab6b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 16 Aug 2022 15:13:03 +0200
Subject: [PATCH 6/6] Fix button arrow not being visible on non-touch devices

---
 .../Private/Partials/Search/FilterPanel.html       | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index 62fbbefc..81f4b52f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -99,7 +99,7 @@
         </div>
     </f:if>
 
-    <div class="px-4 divide-y py-2 px-4 hover-none:lg:bg-white">
+    <div class="px-4 divide-y py-2 px-4 hover-hover:lg:bg-white">
 
         <div class="py-2"
              data-controller="collapse"
@@ -110,7 +110,7 @@
                 <span class="uppercase font-bold">
                     Reiseziel
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4">
@@ -158,7 +158,7 @@
                 <span class="uppercase font-bold">
                     Preis
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -188,7 +188,7 @@
                 <span class="uppercase font-bold">
                     Personen
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <f:form.select class="w-full border-0 focus:ring-0 bg-right bg-transparent text-white lg:bg-white lg:text-zinc-800 mt-2 p-0"
@@ -214,7 +214,7 @@
                 <span class="uppercase font-bold">
                     Unterkunft
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -244,7 +244,7 @@
                 <span class="uppercase font-bold">
                     Verpflegung
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 pt-4 space-y-2">
@@ -284,7 +284,7 @@
                 <span class="uppercase font-bold">
                     Zimmerarten/Apart.
                 </span>
-                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
+                {ep:icon(icon: 'arrow-right', class: 'w-6 h-6 hover-none:text-white', data: '{collapse-target: \'icon\'}')}
             </button>
             <div data-collapse-target="container">
                 <ul class="mb-0 p-0 p-0 pt-4 space-y-2">