infra/README.md

@@ -172,13 +172,11 @@ docker restart postgres
 Use these playbooks to deploy from your local machine — no Forgejo runner needed.
 
 ```bash
-cd ansible
+cd infra/ansible
 
 # Deploy both environments (git pull once, then build+deploy each sequentially)
 ansible-playbook playbooks/deploy.yml --ask-vault-pass
-```
 
-```
 # Deploy staging only
 ansible-playbook playbooks/deploy-staging.yml --ask-vault-pass
 

src/collections/EventOccurrences.ts

@@ -65,7 +65,7 @@ export const EventOccurrences: CollectionConfig = {
   ],
   admin: {
     defaultColumns: ['date', 'event', 'cancelled'],
-    hidden: true,
+    hidden: false,
   },
   access: {
     read: () => true,

src/components/Banner/Banner.tsx

@@ -1,24 +1,12 @@
-import Image from 'next/image'
-import type { CSSProperties } from 'react'
 import { Logo } from '@/components/Logo/Logo'
-import type { Media } from '@/payload-types'
 import styles from "./styles.module.scss"
 
-const backgroundSizeToObjectFit: Record<
-  'cover' | 'contain' | 'auto',
-  CSSProperties['objectFit']
-> = {
-  cover: 'cover',
-  contain: 'contain',
-  auto: 'none',
-}
-
 export interface BannerProps {
   textLine1?: string | null
   textLine2?: string | null
   textLine3?: string | null
   backgroundColor?: string | null
-  backgroundImage?: Media | null
+  backgroundImage?: string | null
   backgroundPosition?:
     | 'center center'
     | 'top center'
@@ -42,27 +30,15 @@ export const Banner = ({
   backgroundPosition = 'center center',
   backgroundSize = 'cover',
 }: BannerProps) => {
-  const bannerStyle: CSSProperties = {
+  const bannerStyle: React.CSSProperties = {
     ...(backgroundColor && { backgroundColor }),
+    ...(backgroundImage && { backgroundImage: `url(${backgroundImage})` }),
+    ...(backgroundPosition && { backgroundPosition }),
+    ...(backgroundSize && { backgroundSize }),
   }
 
   return (
     <div className={styles.banner} style={bannerStyle}>
-      {backgroundImage?.url && (
-        <Image
-          src={backgroundImage.url}
-          alt={backgroundImage.alt ?? ''}
-          fill
-          priority
-          sizes="100vw"
-          unoptimized
-          className={styles.backgroundImage}
-          style={{
-            objectFit: backgroundSizeToObjectFit[backgroundSize ?? 'cover'],
-            objectPosition: backgroundPosition ?? 'center center',
-          }}
-        />
-      )}
       <div className={styles.logo}>
         <Logo color={"#ffffff33"} height={200} />
       </div>

src/components/Banner/styles.module.scss

@@ -4,17 +4,14 @@
   position: relative;
   height: 634px;
   background-color: $shade1;
+  background-image: url("banner2.jpg");
+  background-size: cover;
+  background-position: center center;
   opacity: 0.7;
-  overflow: hidden;
-}
-
-.backgroundImage {
-  z-index: 0;
 }
 
 .logo {
   position: absolute;
-  z-index: 1;
   bottom: 20px;
   left: 30px;
 }
@@ -24,7 +21,6 @@
   color: $white;
   font-family: var(--header-font);
   position: absolute;
-  z-index: 1;
   bottom: 50px;
   right: 0;
   width: 50vw;

src/components/MassTable/massgrid.module.scss

@@ -8,5 +8,5 @@
 
 .container {
   margin: 0 auto;
-  max-width: 1000px;
+  max-width: 1200px
 }

src/compositions/Blocks/Blocks.tsx

@@ -148,9 +148,10 @@ export function Blocks({ content }: BlocksProps) {
           }
 
           if (item.blockType === 'banner') {
-            const backgroundImage =
-              typeof item.backgroundImage === 'object'
-                ? item.backgroundImage
+            const bannerImageUrl =
+              typeof item.backgroundImage === 'object' &&
+              item.backgroundImage?.url
+                ? item.backgroundImage.url
                 : undefined
             return (
               <Banner
@@ -159,7 +160,7 @@ export function Blocks({ content }: BlocksProps) {
                 textLine2={item.textLine2}
                 textLine3={item.textLine3}
                 backgroundColor={item.backgroundColor}
-                backgroundImage={backgroundImage}
+                backgroundImage={bannerImageUrl}
                 backgroundPosition={item.backgroundPosition}
                 backgroundSize={item.backgroundSize}
               />

src/utils/recurrenceDescription.test.ts

@@ -1,12 +1,11 @@
 import { describe, it, expect } from 'vitest'
 import { describeRecurrence } from './recurrenceDescription'
 
-// All test dates fall inside EU DST (Mar 29 – Oct 25, 2026), so Berlin is UTC+2.
-// We spell the UTC instant explicitly so tests are timezone-independent.
-const tuesdayFirstOfMonth = '2026-04-07T16:30:00.000Z' // Tue 2026-04-07 18:30 Berlin
-const monday2ndOfMonth = '2026-04-13T16:30:00.000Z' // Mon 2026-04-13 18:30 Berlin
-const sunday13thOfMonth = '2026-09-13T08:00:00.000Z' // Sun 2026-09-13 10:00 Berlin
-const monday5thOfMonth = '2026-03-30T18:00:00.000Z' // Mon 2026-03-30 20:00 Berlin
+// Reference: 2026-04-13 local time = Monday, 2nd Monday of April 2026.
+const tuesdayFirstOfMonth = new Date(2026, 3, 7, 18, 30).toISOString() // 2026-04-07 is a Tuesday, 1st of month
+const monday2ndOfMonth = new Date(2026, 3, 13, 18, 30).toISOString() // 2026-04-13
+const sunday13thOfMonth = new Date(2026, 8, 13, 10, 0).toISOString() // 2026-09-13 is a Sunday
+const monday5thOfMonth = new Date(2026, 2, 30, 20, 0).toISOString() // 2026-03-30
 
 describe('describeRecurrence', () => {
   it('returns undefined for none / missing recurrenceType', () => {
@@ -15,7 +14,7 @@ describe('describeRecurrence', () => {
   })
 
   it('describes daily with time from event.date', () => {
-    const dateAt10 = '2026-04-13T08:00:00.000Z' // 10:00 Berlin
+    const dateAt10 = new Date(2026, 3, 13, 10, 0).toISOString()
     expect(describeRecurrence({ recurrenceType: 'daily', date: dateAt10 })).toBe(
       'Täglich um 10:00 Uhr',
     )
@@ -86,7 +85,7 @@ describe('describeRecurrence', () => {
   })
 
   it('pads minutes correctly (08:05, not 8:5)', () => {
-    const dateEarly = '2026-04-13T06:05:00.000Z' // 08:05 Berlin
+    const dateEarly = new Date(2026, 3, 13, 8, 5).toISOString()
     expect(describeRecurrence({ recurrenceType: 'daily', date: dateEarly })).toBe(
       'Täglich um 08:05 Uhr',
     )

src/utils/recurrenceDescription.ts

@@ -28,55 +28,18 @@ const WEEK_OF_MONTH_LABEL: Record<string, string> = {
   last: 'letzten',
 }
 
-const BERLIN_TZ = 'Europe/Berlin'
-
-const WEEKDAY_EN_TO_INDEX: Record<string, number> = {
-  Sunday: 0,
-  Monday: 1,
-  Tuesday: 2,
-  Wednesday: 3,
-  Thursday: 4,
-  Friday: 5,
-  Saturday: 6,
-}
-
-const berlinFormatter = new Intl.DateTimeFormat('en-GB', {
-  timeZone: BERLIN_TZ,
-  hour: '2-digit',
-  minute: '2-digit',
-  day: 'numeric',
-  weekday: 'long',
-  hourCycle: 'h23',
-})
-
-type BerlinParts = {
-  hour: string
-  minute: string
-  day: number
-  weekdayIndex: number
-}
-
-const getBerlinParts = (d: Date): BerlinParts => {
-  const parts = berlinFormatter.formatToParts(d)
-  const get = (type: string) =>
-    parts.find((p) => p.type === type)?.value ?? ''
-  return {
-    hour: get('hour'),
-    minute: get('minute'),
-    day: Number(get('day')),
-    weekdayIndex: WEEKDAY_EN_TO_INDEX[get('weekday')] ?? 0,
-  }
-}
-
 // Match the clamp in eventRecurrence.ts so the label on the Event page
 // agrees with the rule the generator actually produces.
-const weekOfMonthN = (dayOfMonth: number): number =>
-  Math.min(Math.ceil(dayOfMonth / 7), 4)
+const weekOfMonthN = (d: Date): number => Math.min(Math.ceil(d.getDate() / 7), 4)
 
-const formatTime = (p: BerlinParts): string => `${p.hour}:${p.minute}`
+const formatTime = (d: Date): string => {
+  const hh = String(d.getHours()).padStart(2, '0')
+  const mm = String(d.getMinutes()).padStart(2, '0')
+  return `${hh}:${mm}`
+}
 
-const withTime = (description: string, p: BerlinParts | null): string =>
-  p ? `${description} um ${formatTime(p)} Uhr` : description
+const withTime = (description: string, d: Date | null): string =>
+  d ? `${description} um ${formatTime(d)} Uhr` : description
 
 type RecurrenceRule = NonNullable<Event['recurrenceRules']>[number]
 
@@ -115,34 +78,33 @@ export const describeRecurrence = (
 
   const parsed = event.date ? new Date(event.date) : null
   const d = parsed && !Number.isNaN(parsed.getTime()) ? parsed : null
-  const p = d ? getBerlinParts(d) : null
 
   switch (type) {
     case 'daily':
-      return withTime('Täglich', p)
+      return withTime('Täglich', d)
     case 'weekly':
-      return withTime(p ? `Jeden ${WEEKDAYS_DE[p.weekdayIndex]}` : 'Wöchentlich', p)
+      return withTime(d ? `Jeden ${WEEKDAYS_DE[d.getDay()]}` : 'Wöchentlich', d)
     case 'biweekly':
       return withTime(
-        p ? `Alle 2 Wochen, ${WEEKDAYS_DE[p.weekdayIndex]}` : 'Alle 2 Wochen',
-        p,
+        d ? `Alle 2 Wochen, ${WEEKDAYS_DE[d.getDay()]}` : 'Alle 2 Wochen',
+        d,
       )
     case 'monthlyByDate':
-      return withTime(p ? `Monatlich am ${p.day}.` : 'Monatlich', p)
+      return withTime(d ? `Monatlich am ${d.getDate()}.` : 'Monatlich', d)
     case 'monthlyByWeekday':
       return withTime(
-        p
-          ? `Monatlich am ${weekOfMonthN(p.day)}. ${WEEKDAYS_DE[p.weekdayIndex]}`
+        d
+          ? `Monatlich am ${weekOfMonthN(d)}. ${WEEKDAYS_DE[d.getDay()]}`
           : 'Monatlich',
-        p,
+        d,
       )
     case 'custom': {
       const rules = event.recurrenceRules ?? []
       const parts = rules
         .map(describeCustomRule)
-        .filter((part): part is string => Boolean(part))
-      if (parts.length === 0) return withTime('Benutzerdefiniert', p)
-      return withTime(parts.join(' · '), p)
+        .filter((p): p is string => Boolean(p))
+      if (parts.length === 0) return withTime('Benutzerdefiniert', d)
+      return withTime(parts.join(' · '), d)
     }
     default:
       return undefined