diff --git a/package-lock.json b/package-lock.json
index 42b33d18..0ff72db5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,10 +21,8 @@
         "glightbox": "^3.0.9",
         "htmx.org": "^1.9.12",
         "jquery": "^3.6.0",
-        "lazysizes": "^5.3.2",
         "leaflet": "^1.7.1",
         "normalize.css": "^8.0.1",
-        "picturefill": "^3.0.3",
         "slick-carousel": "^1.8.1",
         "sticky-js": "^1.3.0",
         "stimulus-use": "^0.52.0",
@@ -6017,12 +6015,6 @@
         "shell-quote": "^1.8.4"
       }
     },
-    "node_modules/lazysizes": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-5.3.2.tgz",
-      "integrity": "sha512-22UzWP+Vedi/sMeOr8O7FWimRVtiNJV2HCa+V8+peZOw6QbswN9k58VUhd7i6iK5bw5QkYrF01LJbeJe0PV8jg==",
-      "license": "MIT"
-    },
     "node_modules/leaflet": {
       "version": "1.9.4",
       "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
@@ -6963,16 +6955,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/picturefill": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/picturefill/-/picturefill-3.0.3.tgz",
-      "integrity": "sha512-JDdx+3i4fs2pkqwWZJgGEM2vFWsq+01YsQFT9CKPGuv2Q0xSdrQZoxi9XwyNARTgxiOdgoAwWQRluLRe/JQX2g==",
-      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/pify": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
diff --git a/package.json b/package.json
index 82689ff2..ffb72ca4 100644
--- a/package.json
+++ b/package.json
@@ -24,10 +24,8 @@
     "glightbox": "^3.0.9",
     "htmx.org": "^1.9.12",
     "jquery": "^3.6.0",
-    "lazysizes": "^5.3.2",
     "leaflet": "^1.7.1",
     "normalize.css": "^8.0.1",
-    "picturefill": "^3.0.3",
     "slick-carousel": "^1.8.1",
     "sticky-js": "^1.3.0",
     "stimulus-use": "^0.52.0",
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/_app.js b/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/_app.js
index cc057f56..39547dd3 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/_app.js
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/_app.js
@@ -4,9 +4,6 @@ import Vue from 'vue'
 import $ from 'jquery'
 import VueSession from 'vue-session'
 
-import 'lazysizes';
-import 'lazysizes/plugins/attrchange/ls.attrchange';
-
 const slick = require('slick-carousel');
 const Sticky = require('sticky-js');
 const $window = $(window);
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/components/OfferTeasers.vue b/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/components/OfferTeasers.vue
index e9c378fc..ff3fb9dc 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/components/OfferTeasers.vue
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/js/components/OfferTeasers.vue
@@ -38,9 +38,9 @@
                 <div class="card card--no-form offerlist-item__card">
                     <div class="card__inner">
                         <picture>
-                            <source media="(max-width: 512px)" :data-srcset="offer.teaserImageMobile +  ' 500w'"/>
-                            <img class="card__image scale lazyload" data-sizes="auto"
-                                 :data-src="offer.teaserImage" alt="">
+                            <source media="(max-width: 512px)" :srcset="offer.teaserImageMobile"/>
+                            <img class="card__image scale"
+                                 :src="offer.teaserImage" alt="" loading="lazy">
                         </picture>
                         <div class="card__caption">
                             <span class="card__subtitle" v-html="offer.name"></span>
diff --git a/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/LazyLoadImageViewHelper.php b/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/LazyLoadImageViewHelper.php
deleted file mode 100644
index 35cadc37..00000000
--- a/public/typo3conf/ext/ep_theme/Classes/ViewHelpers/LazyLoadImageViewHelper.php
+++ /dev/null
@@ -1,49 +0,0 @@
-<?php
-
-namespace EP\EpTheme\ViewHelpers;
-
-use TYPO3\CMS\Core\Utility\GeneralUtility;
-use TYPO3\CMS\Fluid\ViewHelpers\ImageViewHelper;
-
-class LazyLoadImageViewHelper extends ImageViewHelper
-{
-    public function initializeArguments()
-    {
-        parent::initializeArguments();
-        $this->registerArgument('loaderimg', 'string', '', false);
-    }
-
-    public function render(): string
-    {
-        parent::render();
-
-        $src = $this->tag->getAttribute('src');
-        $this->tag->removeAttribute('src');
-        $this->tag->addAttribute('data', ['src' => $src], false);
-
-        if (isset($this->arguments['loaderimg'])) {
-            $loaderImage = $this->imageService->getImage($this->arguments['loaderimg'], null, false);
-            $processingInstructions = [
-                'width' => $this->arguments['width'],
-                'height' => $this->arguments['height'],
-                'minWidth' => $this->arguments['minWidth'],
-                'minHeight' => $this->arguments['minHeight'],
-                'maxWidth' => $this->arguments['maxWidth'],
-                'maxHeight' => $this->arguments['maxHeight'],
-            ];
-            $processedLoaderImage = $this->imageService->applyProcessingInstructions($loaderImage, $processingInstructions);
-            $loaderImageUri = $this->imageService->getImageUri($processedLoaderImage, $this->arguments['absolute']);
-            $this->tag->addAttribute('src', $loaderImageUri);
-        }
-
-        $classes = $this->tag->getAttribute('class');
-        $classItems = GeneralUtility::trimExplode(' ', $classes, true);
-        $classItems[] = 'lazyload';
-        $classes = implode(' ', array_unique($classItems));
-        $this->tag->addAttribute('class', $classes);
-        // ensure a11y compliance
-        $this->tag->removeAttribute('title');
-
-        return $this->tag->render();
-    }
-}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
index 75a4ebde..88023442 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
@@ -1,8 +1,3 @@
-// Import dependencies
-require('lazysizes')
-require('lazysizes/plugins/unveilhooks/ls.unveilhooks')
-// require('picturefill')
-
 // Polyfills
 // import smoothscroll from 'smoothscroll-polyfill'
 // smoothscroll.polyfill()
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_images.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_images.scss
index 07abad95..df2c6090 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_images.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_images.scss
@@ -3,7 +3,3 @@
     @apply block w-full h-auto;
 }
 
-img.lazyloading {
-    background: url(../../images/lazy.png) no-repeat top center;
-}
-
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 36c1aa2d..731961b7 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
@@ -18,12 +18,12 @@
                     </f:if>
                     <f:if condition="{image}">
                         <f:then>
-                            <ep:lazyLoadImage image="{image}"
-                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                              class="block w-full h-full object-cover"
-                                              width="400c"
-                                              height="300c"
-                                              alt="{city.name}" />
+                            <f:image image="{image}"
+                                     loading="lazy"
+                                     class="block w-full h-full object-cover"
+                                     width="400c"
+                                     height="300c"
+                                     alt="{city.name}" />
                         </f:then>
                         <f:else>
                             <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
index 7e78b524..5396ecd0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
 <f:section name="Teaser">
@@ -18,12 +17,12 @@
                     </f:if>
                     <f:if condition="{image}">
                         <f:then>
-                            <ep:lazyLoadImage image="{image}"
-                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                              class="block w-full h-full object-cover"
-                                              width="400c"
-                                              height="300c"
-                                              alt="{concept.name}" />
+                            <f:image image="{image}"
+                                     loading="lazy"
+                                     class="block w-full h-full object-cover"
+                                     width="400c"
+                                     height="300c"
+                                     alt="{concept.name}" />
                         </f:then>
                         <f:else>
                             <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
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 18080335..38230a70 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
@@ -13,12 +13,12 @@
             <div class="col-span-2 md:col-span-1">
                 <div class="relative max-w-md mx-auto mb-8">
                     <f:if condition="{image}">
-                        <ep:lazyLoadImage image="{image}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto rounded-full"
-                                          width="400"
-                                          height="400c"
-                                          alt="{image.alternative}" />
+                        <f:image image="{image}"
+                                 loading="lazy"
+                                 class="block w-full h-auto rounded-full"
+                                 width="400"
+                                 height="400c"
+                                 alt="{image.alternative}" />
                     </f:if>
                     <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
                        rel="nofollow"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Reminder.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Reminder.html
index 20f8a8a4..5974779d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Reminder.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Reminder.html
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:alias map="{button: data.flexForm.buttons.0}">
@@ -11,11 +10,11 @@
             <div class="col-md-6">
                 <a href="{f:uri.typolink(parameter: button.container.link)}" title="{button.container.label -> f:format.raw()}">
                     <f:if condition="{image}">
-                        <ep:lazyLoadImage image="{image}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto rounded-full"
-                                          width="400"
-                                          alt="{image.alternative}" />
+                        <f:image image="{image}"
+                                 loading="lazy"
+                                 class="block w-full h-auto rounded-full"
+                                 width="400"
+                                 alt="{image.alternative}" />
                     </f:if>
                 </a>
             </div>
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 583a6e44..36925d74 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
@@ -11,12 +11,12 @@
             <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">
                     <f:if condition="{image}">
-                        <ep:lazyLoadImage image="{image}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto rounded-full"
-                                          width="400"
-                                          height="400c"
-                                          alt="{image.alternative}" />
+                        <f:image image="{image}"
+                                 loading="lazy"
+                                 class="block w-full h-auto rounded-full"
+                                 width="400"
+                                 height="400c"
+                                 alt="{image.alternative}" />
                     </f:if>
                 </div>
                 <div class="px-16 md:px-4 md:w-5/6 md:pl-8 text-center text-white md:text-left" data-rte-content>
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 7071aff3..fa2f2ca9 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
@@ -14,12 +14,12 @@
             <div class="col-span-2 md:col-span-1">
                 <div class="relative max-w-md mx-auto mb-8">
                     <f:if condition="{teaserImage}">
-                        <ep:lazyLoadImage image="{teaserImage}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto rounded-full"
-                                          width="400"
-                                          height="400c"
-                                          alt="{teaserImage.alternative}" />
+                        <f:image image="{teaserImage}"
+                                 loading="lazy"
+                                 class="block w-full h-auto rounded-full"
+                                 width="400"
+                                 height="400c"
+                                 alt="{teaserImage.alternative}" />
                     </f:if>
                     <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
                        rel="nofollow"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Reminder.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Reminder.html
index 9bdc5b85..e542856b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Reminder.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Reminder.html
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:alias map="{button: data.flexForm.buttons.0}">
@@ -11,11 +10,11 @@
             <div class="col-md-6">
                 <a href="{f:uri.typolink(parameter: button.container.link)}" title="{button.container.label -> f:format.raw()}">
                     <f:if condition="{teaserImage}">
-                        <ep:lazyLoadImage image="{teaserImage}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto rounded-full"
-                                          width="400"
-                                          alt="{teaserImage.alternative}" />
+                        <f:image image="{teaserImage}"
+                                 loading="lazy"
+                                 class="block w-full h-auto rounded-full"
+                                 width="400"
+                                 alt="{teaserImage.alternative}" />
                     </f:if>
                 </a>
             </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 2ee73161..4c3a560d 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
@@ -11,12 +11,12 @@
             <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">
                     <f:if condition="{teaserImage}">
-                        <ep:lazyLoadImage image="{teaserImage}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto rounded-full"
-                                          width="400"
-                                          height="400c"
-                                          alt="{teaserImage.alternative}" />
+                        <f:image image="{teaserImage}"
+                                 loading="lazy"
+                                 class="block w-full h-auto rounded-full"
+                                 width="400"
+                                 height="400c"
+                                 alt="{teaserImage.alternative}" />
                     </f:if>
                 </div>
                 <div class="px-16 md:px-4 md:w-5/6 md:pl-8 text-center text-white md:text-left" data-rte-content>
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 473da21e..47ac9238 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
@@ -158,11 +158,11 @@
                            target="_blank"
                            rel="nofollow"
                            title="Global Compact">
-                            <ep:lazyLoadImage src="EXT:ep_theme/Resources/Public/images/global_compact.png"
-                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                              class="block w-full h-auto"
-                                              width="100"
-                                              alt="Global Compact" />
+                            <f:image src="EXT:ep_theme/Resources/Public/images/global_compact.png"
+                                     loading="lazy"
+                                     class="block w-full h-auto"
+                                     width="100"
+                                     alt="Global Compact" />
                         </a>
                     </div>
                 </div>
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 c93c788d..77cb703c 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
@@ -9,12 +9,12 @@
                 {ep:icon(icon: 'flag-{hotel.country.code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6 absolute top-0 left-0')}
                 <f:if condition="{hotel.images.original.0}">
                     <f:then>
-                        <ep:lazyLoadImage image="{hotel.images.original.0}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-full object-cover"
-                                          width="400c"
-                                          height="300c"
-                                          alt="{hotel.name}" />
+                        <f:image image="{hotel.images.original.0}"
+                                 loading="lazy"
+                                 class="block w-full h-full object-cover"
+                                 width="400c"
+                                 height="300c"
+                                 alt="{hotel.name}" />
                     </f:then>
                     <f:else>
                         <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ImageGallery.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ImageGallery.html
index a57d6029..cb8987c8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ImageGallery.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/ImageGallery.html
@@ -15,12 +15,12 @@
             <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
                title="{image.title}"
                data-action="lightbox#open">
-                <ep:lazyLoadImage image="{image}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto"
-                                  width="770"
-                                  height="430c+100"
-                                  alt="{image.alternative}"/>
+                <f:image image="{image}"
+                         loading="lazy"
+                         class="block w-full h-auto"
+                         width="770"
+                         height="430c+100"
+                         alt="{image.alternative}"/>
             </a>
         </f:alias>
         <f:if condition="{thumbnails}">
@@ -35,12 +35,12 @@
                                data-lightbox-caption="{image.originalResource.description}"
                                title="{image.title}"
                                class="block">
-                                <ep:lazyLoadImage image="{image}"
-                                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                                  class="block w-full h-auto"
-                                                  width="150"
-                                                  height="85c+100"
-                                                  alt="{image.alternative}"/>
+                                <f:image image="{image}"
+                                         loading="lazy"
+                                         class="block w-full h-auto"
+                                         width="150"
+                                         height="85c+100"
+                                         alt="{image.alternative}"/>
                             </a>
                         </f:if>
                     </f:for>
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 4d20a21e..c2767af2 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
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <div class="odd:bg-zinc-50 p-4" data-rte-content>
@@ -18,12 +17,12 @@
             </h3>
             {journey.byCar -> f:format.html()}
             <f:if condition="{journey.image}">
-                <ep:lazyLoadImage image="{journey.image}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto"
-                                  width="770"
-                                  height="430c+100"
-                                  alt="{journey.image.alternative}" />
+                <f:image image="{journey.image}"
+                         loading="lazy"
+                         class="block w-full h-auto"
+                         width="770"
+                         height="430c+100"
+                         alt="{journey.image.alternative}" />
             </f:if>
         </f:if>
     </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/News/List/Item.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/News/List/Item.html
index 84e5cff2..85a37647 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/News/List/Item.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/News/List/Item.html
@@ -10,8 +10,9 @@
                     <f:then>
                         <f:if condition="{newsItem.mediaPreviews.0}">
                             <f:alias map="{mediaElement: '{newsItem.mediaPreviews.0}'}">
-                                <img class="block w-full h-auto lazyload"
-                                     data-src="{f:uri.image(image: mediaElement, width: '640', height: '360c+50')}"
+                                <img class="block w-full h-auto"
+                                     src="{f:uri.image(image: mediaElement, width: '640', height: '360c+50')}"
+                                     loading="lazy"
                                      alt="{mediaElement.originalResource.alternative}">
                             </f:alias>
                         </f:if>
@@ -19,8 +20,9 @@
                     <f:else>
                         <f:if condition="{newsItem.media}">
                             <f:alias map="{mediaElement: '{newsItem.media.0}'}">
-                                <img class="block w-full h-auto lazyload"
-                                     data-src="{f:uri.image(image: mediaElement, width: '640', height: '360c+50')}"
+                                <img class="block w-full h-auto"
+                                     src="{f:uri.image(image: mediaElement, width: '640', height: '360c+50')}"
+                                     loading="lazy"
                                      alt="{mediaElement.originalResource.alternative}">
                             </f:alias>
                         </f:if>
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 25c56706..0a8a223c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Officetip.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Officetip.html
@@ -8,11 +8,11 @@
             </div>
             <div class="col-span-1">
                 <f:if condition="{officetip.author.image}">
-                    <ep:lazyLoadImage image="{officetip.author.image}"
-                                      loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                      class="block w-full h-auto"
-                                      width="120"
-                                      alt="{officetip.author.name}" />
+                    <f:image image="{officetip.author.image}"
+                             loading="lazy"
+                             class="block w-full h-auto"
+                             width="120"
+                             alt="{officetip.author.name}" />
                 </f:if>
             </div>
             <div class="col-span-2">
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 40bd1bb8..ebc557cf 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
@@ -16,19 +16,19 @@
         <div class="relative{f:if(condition: landscape, then: ' sm:w-2/5')}">
             <f:if condition="{productImage}">
                 <f:then>
-                    <ep:lazyLoadImage image="{productImage}"
-                                        loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                        class="block w-full h-full object-cover"
-                                        width="400c"
-                                        height="300c"
-                                        alt="{product.name}" />
+                    <f:image image="{productImage}"
+                             loading="lazy"
+                             class="block w-full h-full object-cover"
+                             width="400c"
+                             height="300c"
+                             alt="{product.name}" />
                 </f:then>
                 <f:else>
                     <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                class="block w-full h-full object-cover"
-                                width="400c"
-                                height="300c"
-                                alt="{product.name}" />
+                             class="block w-full h-full object-cover"
+                             width="400c"
+                             height="300c"
+                             alt="{product.name}" />
                 </f:else>
             </f:if>
             <div class="absolute top-0 left-0 z-20 inset-x-0 p-2 flex justify-between items-center {f:if(condition: concept, then: 'bg-concept-{concept.code}/70', else: 'bg-ep-primary/80')}">
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 98115da6..eb3484c0 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
@@ -18,12 +18,12 @@
                     </f:if>
                     <f:if condition="{image}">
                         <f:then>
-                            <ep:lazyLoadImage image="{image}"
-                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                              class="block w-full h-full object-cover"
-                                              width="400c"
-                                              height="300c"
-                                              alt="{region.name}" />
+                            <f:image image="{image}"
+                                     loading="lazy"
+                                     class="block w-full h-full object-cover"
+                                     width="400c"
+                                     height="300c"
+                                     alt="{region.name}" />
                         </f:then>
                         <f:else>
                             <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
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 e28e1a26..4ba18aab 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
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:if condition="{region.webcam.available}">
@@ -13,11 +12,11 @@
                data-action="lightbox#open"
                data-lightbox-caption="Webcam {region.name}"
                title="Webcam {region.name}">
-                <ep:lazyLoadImage src="{region.webcam.url}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto"
-                                  width="330"
-                                  alt="Webcam {region.name}" />
+                <f:image src="{region.webcam.url}"
+                         loading="lazy"
+                         class="block w-full h-auto"
+                         width="330"
+                         alt="Webcam {region.name}" />
             </a>
         </div>
     </f:if>
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 bc921684..b26b4d3b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:if condition="{region.regionMaps}">
@@ -17,11 +16,11 @@
                        data-lightbox-index="{iteration.cycle}"
                        data-lightbox-caption="Pistenplan {region.name}"
                        title="Pistenplan {region.name}">
-                        <ep:lazyLoadImage image="{regionMap}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto"
-                                          width="330"
-                                          alt="{regionMap.alternative}"/>
+                        <f:image image="{regionMap}"
+                                 loading="lazy"
+                                 class="block w-full h-auto"
+                                 width="330"
+                                 alt="{regionMap.alternative}"/>
                     </a>
                 </f:for>
             </div>
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 9e654bee..f09bcc8f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teamer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teamer.html
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
@@ -11,11 +10,11 @@
                 Teamer vor Ort
             </p>
             <f:if condition="{teamerInCharge.image}">
-                <ep:lazyLoadImage image="{teamerInCharge.image}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto mb-4"
-                                  width="330"
-                                  alt="{teamerInCharge.name}"/>
+                <f:image image="{teamerInCharge.image}"
+                         loading="lazy"
+                         class="block w-full h-auto mb-4"
+                         width="330"
+                         alt="{teamerInCharge.name}"/>
             </f:if>
             <p>{teamerInCharge.name}</p>
         </div>
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 b0e39bf4..d2e520bd 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
@@ -9,12 +9,12 @@
                 <f:if condition="{context.country}">
                     {ep:icon(icon: 'flag-{context.country.code -> f:format.case(mode: \'lower\')}', class: 'w-8 h-6 absolute top-0 left-0')}
                 </f:if>
-                <ep:lazyLoadImage image="{teaserImage}"
-                                    loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                    class="block w-full h-full object-cover"
-                                    width="400c"
-                                    height="300c"
-                                    alt="{teaserImage.alternative}" />
+                <f:image image="{teaserImage}"
+                         loading="lazy"
+                         class="block w-full h-full object-cover"
+                         width="400c"
+                         height="300c"
+                         alt="{teaserImage.alternative}" />
             </div>
             <div class="flex-1 flex flex-col pt-4 bg-white border border-t-0 border-zinc-200">
                 <a href="{f:uri.typolink(parameter: data.header_link)}" class="px-2 peer headline--3 mb-2 no-underline">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html
index 51cd9bc5..ed21a4df 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html
@@ -1,62 +1,61 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:if condition="{image.uid}">
         <f:then>
             <picture>
-                <source media="(min-width: 1201px)" data-srcset="{f:uri.image(
+                <source media="(min-width: 1201px)" srcset="{f:uri.image(
                     image: image, width: '370', height: '220c-100'
                 )}  370w"/>
-                <source media="(max-width: 1200px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 1200px)" srcset="{f:uri.image(
                     image: image, width: '320', height: '160c-100'
                 )}  320w"/>
-                <source media="(max-width: 991px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 991px)" srcset="{f:uri.image(
                     image: image, width: '360', height: '200c-100'
                 )}  360w"/>
-                <source media="(max-width: 768px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 768px)" srcset="{f:uri.image(
                     image: image, width: '500', height: '250c-100'
                 )}  500w"/>
-                <source media="(max-width: 512px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 512px)" srcset="{f:uri.image(
                     image: image, width: '350', height: '175c-100'
                 )}  350w"/>
-                <ep:lazyLoadImage image="{image}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto"
-                                  width="500"
-                                  height="250c-100"
-                                  alt="{image.alternative}" />
+                <f:image image="{image}"
+                         loading="lazy"
+                         class="block w-full h-auto"
+                         width="500"
+                         height="250c-100"
+                         alt="{image.alternative}" />
             </picture>
         </f:then>
         <f:else>
             <picture>
-                <source media="(min-width: 1201px)" data-srcset="{f:uri.image(
+                <source media="(min-width: 1201px)" srcset="{f:uri.image(
                     src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg',
                     width: '370', height: '220c-100'
                 )}  370w"/>
-                <source media="(max-width: 1200px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 1200px)" srcset="{f:uri.image(
                     src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg',
                     width: '320', height: '160c-100'
-                )}  420w"/>
-                <source media="(max-width: 991px)" data-srcset="{f:uri.image(
+                )}  320w"/>
+                <source media="(max-width: 991px)" srcset="{f:uri.image(
                     src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg',
                     width: '360', height: '200c-100'
                 )}  360w"/>
-                <source media="(max-width: 768px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 768px)" srcset="{f:uri.image(
                     src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg',
                     width: '500', height: '250c-100'
                 )}  500w"/>
-                <source media="(max-width: 512px)" data-srcset="{f:uri.image(
+                <source media="(max-width: 512px)" srcset="{f:uri.image(
                     src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg',
                     width: '350', height: '175c-100'
-                )}  320w"/>
-                <ep:lazyLoadImage src="EXT:ep_theme/Resources/Public/images/header-winter.jpg"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto"
-                                  width="360"
-                                  height="270c-100"
-                                  alt="" />
+                )}  350w"/>
+                <f:image src="EXT:ep_theme/Resources/Public/images/header-winter.jpg"
+                         loading="lazy"
+                         class="block w-full h-auto"
+                         width="360"
+                         height="270c-100"
+                         alt="" />
             </picture>
         </f:else>
     </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserWideImage.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserWideImage.html
index aad1f34e..9054c5f2 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserWideImage.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserWideImage.html
@@ -1,25 +1,27 @@
 <f:if condition="{image}">
     <f:then>
         <picture class="product-teaser__image">
-            <source media="(min-width: 1201px)" data-srcset="{f:uri.image(
+            <source media="(min-width: 1201px)" srcset="{f:uri.image(
                 image: image, width: '320', height: '200c-100'
             )}  320w"/>
-            <source media="(max-width: 1200px)" data-srcset="{f:uri.image(
+            <source media="(max-width: 1200px)" srcset="{f:uri.image(
                 image: image, width: '220', height: '130c-100'
             )}  220w"/>
-            <source media="(max-width: 991px)" data-srcset="{f:uri.image(
+            <source media="(max-width: 991px)" srcset="{f:uri.image(
                 image: image, width: '260', height: '220c-100'
             )}  260w"/>
-            <source media="(max-width: 768px)" data-srcset="{f:uri.image(
+            <source media="(max-width: 768px)" srcset="{f:uri.image(
                 image: image, width: '320', height: '140c-100'
             )}  320w"/>
-            <img class="scale lazyload" alt="{image.alternative}"
-                 src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '260', height: '160')}"
-                 data-src="{f:uri.image(image: image, width: '260', height: '160c-100')}"
+            <img class="scale" alt="{image.alternative}"
+                 src="{f:uri.image(image: image, width: '260', height: '160c-100')}"
+                 loading="lazy"
             >
         </picture>
     </f:then>
     <f:else>
-        <img class="scale" data-src="https://placehold.it/400x300" alt="">
+        <img class="scale" alt=""
+             src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '260', height: '160')}"
+             loading="lazy">
     </f:else>
 </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Default.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Default.html
index c8fa018b..24d7f7ca 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Default.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Default.html
@@ -7,8 +7,9 @@
         {data.bodytext -> f:format.html()}
         <f:if condition="{files}">
             <f:link.typolink parameter="{files.0.link}" title="{files.0.originalResource.title}">
-                <img class="img-responsive lazyload"
-                     data-src="{f:uri.image(image: files.0, maxWidth: '770')}"
+                <img class="img-responsive"
+                     src="{f:uri.image(image: files.0, maxWidth: '770')}"
+                     loading="lazy"
                      alt="{files.0.originalResource.alternative}">
             </f:link.typolink>
         </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Partnerlogos.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Partnerlogos.html
index a5b07991..55a62ee7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Partnerlogos.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Textmedia/Partnerlogos.html
@@ -1,7 +1,6 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Content">
@@ -25,12 +24,12 @@
     <f:section name="Image">
         <div class="{cssClasses}">
             <f:link.typolink parameter="{image.link}">
-                <ep:lazyLoadImage image="{image}"
-                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                  class="block w-full h-auto"
-                                  width="400c"
-                                  height="400"
-                                  alt="{image.alternative}" />
+                <f:image image="{image}"
+                         loading="lazy"
+                         class="block w-full h-auto"
+                         width="400c"
+                         height="400"
+                         alt="{image.alternative}" />
             </f:link.typolink>
         </div>
     </f:section>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Lineup.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Lineup.html
index af331a26..7ec6f5f9 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Lineup.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Lineup.html
@@ -10,12 +10,11 @@
 			<f:for each="{items}" as="item" iteration="iteration">
 				<div class="lg:flex odd:flex-row-reverse justify-between items-end mb-16">
                     <div class="mb-4 lg:mb-0 lg:w-1/2">
-                        <ep:lazyLoadImage image="{item.image.0}"
-                                          loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                          class="block w-full h-auto"
-                                          width="768"
-                                          alt="{item.data.name}"
-                                          title="{item.data.name}" />
+                        <f:image image="{item.image.0}"
+                                 loading="lazy"
+                                 class="block w-full h-auto"
+                                 width="768"
+                                 alt="{item.data.name}"/>
                     </div>
                     <div class="lg:w-1/2">
                         <div class="px-4 {f:if(condition: iteration.isEven, then: 'lg:pl-12', else: 'lg:pr-12')}">
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 3801c498..aebcaeab 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
@@ -1,6 +1,5 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:layout name="Bare"/>
@@ -12,12 +11,12 @@
                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{country.code -> f:format.case(mode: 'lower')}"></use>
                 </svg>
                 <f:if condition="{country.teaserImages}">
-                    <ep:lazyLoadImage image="{country.teaserImages.0}"
-                                      loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                      class="block w-full h-full object-cover"
-                                      width="400c"
-                                      height="300c"
-                                      alt="{country.name}" />
+                    <f:image image="{country.teaserImages.0}"
+                             loading="lazy"
+                             class="block w-full h-full object-cover"
+                             width="400c"
+                             height="300c"
+                             alt="{country.name}" />
                 </f:if>
             </div>
             <div class="flex-1 flex flex-col pt-4 bg-white border border-t-0 border-zinc-200">
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 a127c11c..173ba418 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
@@ -182,12 +182,11 @@
                    title="360°-Rundgang {hotel.name}">
                     <f:if condition="{product.tourThumbnail}">
                         <f:then>
-                            <ep:lazyLoadImage image="{product.tourThumbnail}"
-                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                              class="block w-full h-auto"
-                                              width="330"
-                                              alt="360°-Rundgang {hotel.name}"
-                                              title="360°-Rundgang {hotel.name}"/>
+                            <f:image image="{product.tourThumbnail}"
+                                     loading="lazy"
+                                     class="block w-full h-auto"
+                                     width="330"
+                                     alt="360°-Rundgang {hotel.name}"/>
                         </f:then>
                         <f:else>
                             <div class="button bg-button w-full">
@@ -335,11 +334,11 @@
                            data-lightbox-caption="{image.originalResource.description}"
                            data-action="lightbox#open"
                            class="{f:if(condition: iteration.isFirst, then: 'col-span-4')}">
-                            <ep:lazyLoadImage image="{image}"
-                                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                              class="block w-full h-auto"
-                                              width="{f:if(condition: iteration.isFirst, then: '400', else: '160')}"
-                                              height="{f:if(condition: iteration.isFirst, then: '225c+100', else: '160c+100')}"/>
+                            <f:image image="{image}"
+                                     loading="lazy"
+                                     class="block w-full h-auto"
+                                     width="{f:if(condition: iteration.isFirst, then: '400', else: '160')}"
+                                     height="{f:if(condition: iteration.isFirst, then: '225c+100', else: '160c+100')}"/>
                         </a>
                     </f:for>
                 </div>
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 3d64eed5..d3edd320 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
@@ -1,7 +1,6 @@
 <html data-namespace-typo3-fluid="true" lang="en"
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
-      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers">
 
     <f:layout name="Default"/>
@@ -28,13 +27,12 @@
                 arguments: '{member: member}'
             )}">
                 <f:if condition="{member.image}">
-                    <ep:lazyLoadImage image="{member.image}"
-                                      loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                      class="block w-full h-auto rounded-full"
-                                      width="400"
-                                      height="400c"
-                                      alt="{member.name}"
-                                      title="{member.name}" />
+                    <f:image image="{member.image}"
+                             loading="lazy"
+                             class="block w-full h-auto rounded-full"
+                             width="400"
+                             height="400c"
+                             alt="{member.name}"/>
                 </f:if>
                 <div class="text-center text-zinc-800 pt-2">
                     <span class="block font-bold text-xl">