Change cursor when hovering clickable teasers

public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss

@@ -15,6 +15,10 @@
     width: percentage(3/4);
     padding: 0 16px;
 
+    &--clickable {
+        cursor: pointer;
+    }
+
     @include mq($until: tablet) {
         padding-bottom: 16px;
     }

public/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html

@@ -12,13 +12,13 @@
 
     <f:section name="Teasers">
         <div class="teasers {ep:sectionCssClass(sectionValue: offer.configuratorType)}">
-            <div class="teaser">
+            <div class="teaser teaser--clickable">
                 <f:render section="Teaser" arguments="{image: offer.hotel.imageTeaser, title: 'Unterkunft', subtitle: offer.hotel.name, link: '#hotel'}"/>
             </div>
-            <div class="teaser">
+            <div class="teaser teaser--clickable">
                 <f:render section="Teaser" arguments="{image: offer.location.imageTeaser, title: 'Destination', subtitle: offer.location.name, link: '#location'}"/>
             </div>
-            <div class="teaser program-slider">
+            <div class="teaser teaser--clickable program-slider">
                 <f:for each="{offer.activities}" as="activity">
                     <f:render section="Teaser" arguments="{image: activity.imageTeaser, title: 'Programm', subtitle: activity.name, link: '#activities'}"/>
                 </f:for>