diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/pages.php b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/pages.php
index 381e703f..377fd98e 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/pages.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/pages.php
@@ -116,4 +116,15 @@ call_user_func(function() {
         'allowedTables' => '*',
     ];
 
+    $GLOBALS['TCA']['pages']['columns']['media']['config']['overrideChildTca']['columns']['crop']['config']['cropVariants'] = [
+        'default' => [
+            'title' => 'Alle Geräte',
+            'allowedAspectRatios' => [
+                'header' => [
+                    'title' => 'Header Startseite',
+                    'value' => 2.0571,
+                ],
+            ],
+        ],
+    ];
 });
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_banner.php b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_banner.php
index 14361e73..2cd69a4e 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_banner.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_banner.php
@@ -39,7 +39,6 @@ call_user_func(function() {
                     'appearance' => [
                         'createNewRelationLinkTitle' => 'Hinzufügen'
                     ],
-                    'foreign_types' => $GLOBALS['TCA']['tt_content']['columns']['image']['config']['foreign_types'],
                     'maxitems' => 1,
                     'minitems' => 1,
                 ], 'jpg')
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_herounit.php b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_herounit.php
index 2c76dce7..9afe4db8 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_herounit.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_herounit.php
@@ -58,7 +58,29 @@ call_user_func(function() {
                     'appearance' => [
                         'createNewRelationLinkTitle' => 'Hinzufügen'
                     ],
-                    'foreign_types' => $GLOBALS['TCA']['tt_content']['columns']['image']['config']['foreign_types'],
+                    'overrideChildTca' => [
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'headerDefault' => [
+                                                    'title' => 'Header standard',
+                                                    'value' => 2.63333333333333,
+                                                ],
+                                                'headerLarge' => [
+                                                    'title' => 'Header groß',
+                                                    'value' => 2.0571,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
+                    ],
                     'maxitems' => 1,
                     'minitems' => 1,
                 ], 'jpg')
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_tile.php b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_tile.php
index 8c609177..c85e2221 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_tile.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/Overrides/tt_content_element_tile.php
@@ -48,7 +48,25 @@ call_user_func(function() {
                     'appearance' => [
                         'createNewRelationLinkTitle' => 'Hinzufügen'
                     ],
-                    'foreign_types' => $GLOBALS['TCA']['tt_content']['columns']['image']['config']['foreign_types'],
+                    'overrideChildTca' => [
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'default' => [
+                                                    'title' => 'Standard',
+                                                    'value' => 1.575,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
+                    ],
                     'maxitems' => 1,
                     'minitems' => 1,
                 ], 'jpg')
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_activity.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_activity.php
index 91c39a0d..04948c44 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_activity.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_activity.php
@@ -199,6 +199,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'teaser' => [
+                                                    'title' => 'Teaser',
+                                                    'value' => 1,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
@@ -222,6 +239,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'header' => [
+                                                    'title' => 'Header',
+                                                    'value' => 2.63333333333333,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_contact.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_contact.php
index 3a3e9243..99742c95 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_contact.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_contact.php
@@ -176,6 +176,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'default' => [
+                                                    'title' => 'Standard',
+                                                    'value' => 1.62162162,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_hotel.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_hotel.php
index 11464d3d..42dc0c51 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_hotel.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_hotel.php
@@ -166,6 +166,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'header' => [
+                                                    'title' => 'Teaser',
+                                                    'value' => 1,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_location.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_location.php
index 5b7e5be8..05c19ed6 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_location.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_location.php
@@ -204,6 +204,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'teaser' => [
+                                                    'title' => 'Teaser',
+                                                    'value' => 1,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_offer.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_offer.php
index 7f565675..ca89f4f2 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_offer.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_offer.php
@@ -267,6 +267,32 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Desktop',
+                                            'allowedAspectRatios' => [
+                                                'teaser' => [
+                                                    'title' => 'Teaser',
+                                                    'value' => 1,
+                                                ],
+                                            ],
+                                        ],
+                                        'mobile' => [
+                                            'title' => 'Mobile',
+                                            'allowedAspectRatios' => [
+                                                'teaser' => [
+                                                    'title' => 'Teaser',
+                                                    'value' => 1.7857,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
                     'maxitems' => 1
                 ],
@@ -290,6 +316,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Mobile',
+                                            'allowedAspectRatios' => [
+                                                'teaser' => [
+                                                    'title' => 'Teaser',
+                                                    'value' => 1.7857,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
                     'maxitems' => 1
                 ],
@@ -313,6 +356,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'teaser' => [
+                                                    'title' => 'Header',
+                                                    'value' => 2.63333333333333,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_testimonial.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_testimonial.php
index 8ac1e3cf..63a87c13 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_testimonial.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_testimonial.php
@@ -144,6 +144,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'default' => [
+                                                    'title' => 'Standard',
+                                                    'value' => 1,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_traveltype.php b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_traveltype.php
index c5fb1720..fc08c46c 100644
--- a/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_traveltype.php
+++ b/web/typo3conf/ext/ep_events/Configuration/TCA/tx_epevents_domain_model_traveltype.php
@@ -209,6 +209,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'header' => [
+                                                    'title' => 'Header',
+                                                    'value' => 2.0571,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
@@ -232,6 +249,23 @@ return [
                                 --palette--;;filePalette',
                             ],
                         ],
+                        'columns' => [
+                            'crop' => [
+                                'config' => [
+                                    'cropVariants' => [
+                                        'default' => [
+                                            'title' => 'Alle Geräte',
+                                            'allowedAspectRatios' => [
+                                                'header' => [
+                                                    'title' => 'Banner',
+                                                    'value' => 2.8667,
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
                     ],
 					'maxitems' => 1
                 ],
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Layouts/Page/CategoryEpEvents.html b/web/typo3conf/ext/ep_events/Resources/Private/Layouts/Page/CategoryEpEvents.html
index 5c788d4e..c833041e 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Layouts/Page/CategoryEpEvents.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Layouts/Page/CategoryEpEvents.html
@@ -40,7 +40,7 @@
                                         <span class="banner__title">{traveltype.bannertext -> f:format.nl2br()}</span>
                                         <a class="button button--transparent" href="{f:uri.typolink(parameter: settings.contactPageUid)}" title="Anfragen">&raquo; Fragen Sie unseren Experten</a>
                                     </div>
-                                    <div class="banner__image" style="background-image: url({f:uri.image(src: traveltype.imageBanner.uid, treatIdAsReference: 1, crop: traveltype.imageBanner.crop)})"></div>
+                                    <div class="banner__image" style="background-image: url({f:uri.image(image: traveltype.imageBanner, cropVariant: 'default', width: '800')})"></div>
                                 </div>
                             </f:if>
                         </div>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitActivity.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitActivity.html
index 15771b49..3947d03f 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitActivity.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitActivity.html
@@ -4,7 +4,7 @@
     <f:spaceless>
         <f:if condition="{activity.imageHeader.uid}">
             <f:then>
-                {f:uri.image(src: activity.imageHeader.uid, treatIdAsReference: 1, crop: activity.imageHeader.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
+                {f:uri.image(image: activity.imageHeader, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
             </f:then>
             <f:else>
                 {f:uri.image(src: settings.activityDefaultHeaderImage, width: '1440') -> v:variable.set(name: 'headerImage')}
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitCategory.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitCategory.html
index 9a671470..21365781 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitCategory.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitCategory.html
@@ -3,7 +3,7 @@
 <f:spaceless>
     <f:if condition="{traveltype.imageHeader.uid}">
         <f:then>
-            {f:uri.image(src: traveltype.imageHeader.uid, treatIdAsReference: 1, crop: traveltype.imageHeader.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
+            {f:uri.image(image: traveltype.imageHeader, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
         </f:then>
         <f:else>
             {v:variable.set(name: 'headerImage', value: 'https://placehold.it/1440x700')}
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitFrontpage.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitFrontpage.html
index 053dc968..59f168d3 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitFrontpage.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitFrontpage.html
@@ -29,10 +29,10 @@
             <f:if condition="{image.link}">
                 <f:then>
                     <a href="{f:uri.typolink(parameter: image.link)}" class="herounit__image" title="{image.title}"
-                       style="background-image: url({f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '1440')})"></a>
+                       style="background-image: url({f:uri.image(image: image, cropVariant: 'default', width: '1440', maxHeight: '700')})"></a>
                 </f:then>
                 <f:else>
-                    <div class="herounit__image" style="background-image: url({f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '1440')})"></div>
+                    <div class="herounit__image" style="background-image: url({f:uri.image(image: image, cropVariant: 'default', width: '1440', maxHeight: '700')})"></div>
                 </f:else>
             </f:if>
         </f:for>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitOffer.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitOffer.html
index 5739acad..0a77f47a 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitOffer.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/HerounitOffer.html
@@ -4,7 +4,7 @@
     <f:spaceless>
         <f:if condition="{offer.imageHeader.uid}">
             <f:then>
-                {f:uri.image(src: offer.imageHeader.uid, treatIdAsReference: 1, crop: offer.imageHeader.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
+                {f:uri.image(image: offer.imageHeader, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
             </f:then>
             <f:else>
                 {v:variable.set(name: 'headerImage', value: 'https://placehold.it/1440x700')}
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/News/Detail/MediaContainer.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/News/Detail/MediaContainer.html
index 5556d7a4..8377d446 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/News/Detail/MediaContainer.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/News/Detail/MediaContainer.html
@@ -8,7 +8,7 @@
             <div id="carousel-{id}" class="slider__items">
                 <f:for each="{images}" as="image" iteration="iteration">
                     <f:link.typolink parameter="{image.originalResource.link}" class="slider__item">
-                        <img src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '770', height: '430c+100')}"
+                        <img src="{f:uri.image(src: image, width: '770', height: '430c+100')}"
                              class="slider__image" alt="{image.alternative}" title="{image.title}">
                     </f:link.typolink>
                 </f:for>
@@ -18,7 +18,7 @@
                     <f:for each="{images}" as="image" iteration="iteration">
                         <f:if condition="{iteration.cycle} <= 5">
                             <a href="#" class="slider__thumb" data-slide="{iteration.index}">
-                                <img src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '150', height: '85c+100')}"
+                                <img src="{f:uri.image(image: image, width: '150', height: '85c+100')}"
                                      class="img-responsive" alt="{image.alternative}" title="{image.title}">
                             </a>
                         </f:if>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeaserLandscape.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeaserLandscape.html
index 108a2d58..18b3617c 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeaserLandscape.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeaserLandscape.html
@@ -7,10 +7,16 @@
                 <f:then>
                     <picture>
                         <f:if condition="{offer.imageTeaserMobile}">
-                            <source media="(max-width: 512px)"
-                                    srcset="{f:uri.image(src: offer.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: offer.imageTeaserMobile.crop)} 500w"/>
+                            <f:then>
+                                <source media="(max-width: 512px)"
+                                        srcset="{f:uri.image(image: offer.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
+                            </f:then>
+                            <f:else>
+                                <source media="(max-width: 512px)"
+                                        srcset="{f:uri.image(image: offer.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
+                            </f:else>
                         </f:if>
-                        <img class="card__image scale" src="{f:uri.image(src: offer.imageTeaser.uid, treatIdAsReference: 1, crop: offer.imageTeaser.crop, maxWidth: '500')}" alt="{offer.imageTeaser.alternative}">
+                        <img class="card__image scale" src="{f:uri.image(image: offer.imageTeaser, cropVariant: 'default', width: '500')}" alt="{offer.imageTeaser.alternative}">
                     </picture>
                 </f:then>
                 <f:else>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeasers.html b/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeasers.html
index 17f1d96a..3393e887 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeasers.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Partials/OfferTeasers.html
@@ -17,10 +17,16 @@
                             <f:then>
                                 <picture>
                                     <f:if condition="{offer.imageTeaserMobile}">
-                                        <source media="(max-width: 512px)"
-                                                srcset="{f:uri.image(src: offer.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: offer.imageTeaserMobile.crop)} 500w"/>
+                                        <f:then>
+                                            <source media="(max-width: 512px)"
+                                                    srcset="{f:uri.image(image: offer.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
+                                        </f:then>
+                                        <f:else>
+                                            <source media="(max-width: 512px)"
+                                                    srcset="{f:uri.image(image: offer.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
+                                        </f:else>
                                     </f:if>
-                                    <img class="card__image scale" data-lazy="{f:uri.image(src: offer.imageTeaser.uid, treatIdAsReference: 1, crop: offer.imageTeaser.crop, maxWidth: '500')}" alt="{offer.imageTeaser.alternative}">
+                                    <img class="card__image scale" data-lazy="{f:uri.image(image: offer.imageTeaser, cropVariant: 'default', width: '500')}" alt="{offer.imageTeaser.alternative}">
                                 </picture>
                             </f:then>
                             <f:else>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Activity/List.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Activity/List.html
index 49dd94fa..e6a61717 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Activity/List.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Activity/List.html
@@ -22,10 +22,16 @@
                                     <f:then>
                                         <picture>
                                             <f:if condition="{activity.imageTeaserMobile}">
-                                                <source media="(max-width: 512px)"
-                                                        srcset="{f:uri.image(src: activity.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: activity.imageTeaserMobile.crop)} 500w"/>
+                                                <f:then>
+                                                    <source media="(max-width: 512px)"
+                                                            srcset="{f:uri.image(image: activity.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
+                                                </f:then>
+                                                <f:else>
+                                                    <source media="(max-width: 512px)"
+                                                            srcset="{f:uri.image(image: activity.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
+                                                </f:else>
                                             </f:if>
-                                            <img class="card__image scale" data-lazy="{f:uri.image(src: activity.imageTeaser.uid, treatIdAsReference: 1, crop: activity.imageTeaser.crop, maxWidth: '500')}" alt="{activity.imageTeaser.alternative}">
+                                            <img class="card__image scale" data-lazy="{f:uri.image(image: activity.imageTeaser, cropVariant: 'default', width: '500')}" alt="{activity.imageTeaser.alternative}">
                                         </picture>
                                     </f:then>
                                     <f:else>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Banner.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Banner.html
index 08a7d56a..b648cad0 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Banner.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Banner.html
@@ -12,7 +12,7 @@
                 <span class="banner__title">{data.bodytext -> f:format.nl2br()}</span>
                 <a class="button button--transparent" href="{f:uri.typolink(parameter: data.header_link)}" title="{data.header}">&raquo; {data.header}</a>
             </div>
-            <div class="banner__image" style="background-image: url({f:uri.image(src: image.0.uid, treatIdAsReference: 1, crop: image.0.crop)})"></div>
+            <div class="banner__image" style="background-image: url({f:uri.image(image: image.0, cropVariant: 'default', width: '800')})"></div>
         </div>
     </f:section>
 
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Herounit.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Herounit.html
index 4e2d8c8c..4391dc8b 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Herounit.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Herounit.html
@@ -10,7 +10,7 @@
         <f:spaceless>
             <f:if condition="{image.0.uid}">
                 <f:then>
-                    {f:uri.image(src: image.0.uid, treatIdAsReference: 1, crop: image.0.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
+                    {f:uri.image(image: image.0, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
                 </f:then>
                 <f:else>
                     {v:variable.set(name: 'headerImage', value: 'https://placehold.it/1440x700')}
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Tile.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Tile.html
index c09445aa..c21086e7 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Tile.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/FluidStyledContent/Tile.html
@@ -7,7 +7,7 @@
 
     <f:section name="Content">
         <a class="tile" href="{f:uri.typolink(parameter: data.header_link)}" title="{data.header}">
-            <div class="tile__inner" style="background-image: url({f:uri.image(src: image.0.uid, treatIdAsReference: 1, crop: image.0.crop)})">
+            <div class="tile__inner" style="background-image: url({f:uri.image(image: image.0, cropVariant: 'default')})">
                 <div class="tile__caption {ep:sectionCssClass(sectionValue: data.tx_epevents_configurator_travel_type)}">
                     <div class="tile__caption__inner">
                         <img class="tile__icon" src="{f:uri.resource(path: 'images/{ep:sectionIcon(sectionValue: data.tx_epevents_configurator_travel_type)}', extensionName: 'ep_events')}" alt="{data.header}">
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
index 752ed189..2bde8f46 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
@@ -55,7 +55,7 @@
             <f:if condition="{image}">
                 <f:then>
                     <img class="teaser__image"
-                         src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, maxWidth: 500)}"
+                         src="{f:uri.image(image: image, cropVariant: 'default', width: '500')}"
                          alt="{title} {subtitle}"{f:if(condition: link, then: ' v-on:click.prevent="scrollTo(\'{link}\')"')}>
                 </f:then>
                 <f:else>
@@ -75,7 +75,8 @@
             <f:alias map="{image: offer.contact.image}">
                 <f:if condition="{image}">
                     <f:then>
-                        <f:image class="box__image" src="{image.uid}" treatIdAsReference="1" crop="{image.crop}" alt="{image.alternative}" width="600"/>
+                        <f:image class="box__image" image="{image}" cropVariant="default" alt="{image.alternative}"
+                                 width="600" maxHeight="350"/>
                     </f:then>
                     <f:else>
                         <img class="box__image" src="https://placehold.it/600x350" alt="">
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Search/Result.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Search/Result.html
index 5a884cbb..bf9ea1c9 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Search/Result.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Search/Result.html
@@ -20,20 +20,19 @@
                                rel="nofollow">
                                 <div class="card card--no-form searchresult-item__card">
                                     <div class="card__inner">
-                                        <f:if condition="{offer.imageTeaser}">
-                                            <f:then>
-                                                <picture>
-                                                    <f:if condition="{offer.imageTeaserMobile}">
-                                                        <source media="(max-width: 512px)"
-                                                                srcset="{f:uri.image(src: offer.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: offer.imageTeaserMobile.crop)} 500w"/>
-                                                    </f:if>
-                                                    <img class="card__image scale" src="{f:uri.image(src: offer.imageTeaser.uid, treatIdAsReference: 1, crop: offer.imageTeaser.crop, maxWidth: '500')}" alt="{offer.imageTeaser.alternative}">
-                                                </picture>
-                                            </f:then>
-                                            <f:else>
-                                                <img class="card__image scale" src="https://placehold.it/370x300" alt="Platzhalter">
-                                            </f:else>
-                                        </f:if>
+                                        <picture>
+                                            <f:if condition="{offer.imageTeaserMobile}">
+                                                <f:then>
+                                                    <source media="(max-width: 512px)"
+                                                            srcset="{f:uri.image(image: offer.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
+                                                </f:then>
+                                                <f:else>
+                                                    <source media="(max-width: 512px)"
+                                                            srcset="{f:uri.image(image: offer.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
+                                                </f:else>
+                                            </f:if>
+                                            <img class="card__image scale" src="{f:uri.image(image: offer.imageTeaser, cropVariant: 'default', width: '500')}" alt="{offer.imageTeaser.alternative}">
+                                        </picture>
                                         <div class="card__caption">
                                             <span class="card__subtitle">{offer.name -> ep:softHyphen()}</span>
                                             <span class="card__title">{offer.location.name -> ep:softHyphen()}</span>
diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Testimonial/List.html b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Testimonial/List.html
index 1da13264..6ded775f 100644
--- a/web/typo3conf/ext/ep_events/Resources/Private/Templates/Testimonial/List.html
+++ b/web/typo3conf/ext/ep_events/Resources/Private/Templates/Testimonial/List.html
@@ -16,7 +16,9 @@
                         <div class="carousel__item testimonial">
                             <f:if condition="{testimonial.clientImage}">
                                 <f:then>
-                                    <f:image class="testimonial__image" src="{testimonial.clientImage.uid}" treatIdAsReference="1" alt="{testimonial.clientImage.alternative}" width="160" height="160c"/>
+                                    <f:image class="testimonial__image" image="{testimonial.clientImage}"
+                                             alt="{testimonial.clientImage.alternative}" width="160" height="160c"
+                                             cropVariant="default"/>
                                 </f:then>
                                 <f:else>
                                     <img class="testimonial__image" src="https://placehold.it/160x160" alt="Platzhalter">
diff --git a/web/typo3conf/ext/ep_theme/Configuration/TCA/Overrides/sys_file_reference.php b/web/typo3conf/ext/ep_theme/Configuration/TCA/Overrides/sys_file_reference.php
deleted file mode 100644
index eb166646..00000000
--- a/web/typo3conf/ext/ep_theme/Configuration/TCA/Overrides/sys_file_reference.php
+++ /dev/null
@@ -1,31 +0,0 @@
-<?php
-
-/**
-$GLOBALS['TCA']['sys_file_reference']['columns']['crop']['config']['cropVariants'] = [
-    'default' => [
-        'title' => 'Default',
-        'allowedAspectRatios' => [
-            'epEventsTeaserSliderDesktop' => [
-                'title' => 'EP Events: Teaser Slider Desktop',
-                'value' => 1,
-            ],
-            'epEventsTeaserSliderMobile' => [
-                'title' => 'EP Events: Teaser Slider Mobile',
-                'value' => 1.7857
-            ],
-            'epEventsHeaderLarge' => [
-                'title' => 'EP Events: Header groß',
-                'value' => 2.0571,
-            ],
-            'epEventsHeaderOffer' => [
-                'title' => 'EP Events: Header Beispielangebot',
-                'value' => 2.63333333333333,
-            ],
-            'free' => [
-                'title' => 'Frei',
-                'value' => 'NaN',
-            ],
-        ],
-    ],
-];
-**/