diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_base.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_base.scss
index 35e78632..70635dad 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_base.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_base.scss
@@ -71,6 +71,18 @@ b, strong {
 
 a {
     color: inherit;
+
+    &.anchor {
+        display: block;
+        height: 0;
+        padding-top: $header-height-mobile;
+        margin-top: -$header-height-mobile;
+
+        @include mq($from: tablet) {
+            padding-top: $header-height-desktop;
+            margin-top: -$header-height-desktop;
+        }
+    }
 }
 
 ul {
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_variables.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_variables.scss
index 174f9ebe..f6c6f298 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_variables.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_variables.scss
@@ -15,3 +15,7 @@ $content-width-max: 1280px;
 
 // Default padding
 $padding-default: 16px;
+
+// Header height
+$header-height-mobile: 100px;
+$header-height-desktop: 160px;
\ No newline at end of file
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Layouts/FluidStyledContent/Default.html b/public/typo3conf/ext/ep_events/Resources/Private/Layouts/FluidStyledContent/Default.html
index d2413b03..e7c8bbf6 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Layouts/FluidStyledContent/Default.html
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Layouts/FluidStyledContent/Default.html
@@ -1 +1,2 @@
+<a class="anchor" id="c{data.uid}"></a>
 <f:render section="Main" optional="true"/>