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;