From 5df69fb84f77397b3912bc84b8747e3d25565867 Mon Sep 17 00:00:00 2001
From: lukas <lukas.harat@protonmail.com>
Date: Tue, 1 Sep 2026 12:37:22 +0200
Subject: [PATCH] :sparkles: Update design

---
 src/lib/opening-hours.ts | 12 ++++++------
 src/routes/index.tsx     | 27 +++++++++++++++------------
 src/styles.css           |  4 ++++
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/lib/opening-hours.ts b/src/lib/opening-hours.ts
index b6a10ab..9ecc764 100644
--- a/src/lib/opening-hours.ts
+++ b/src/lib/opening-hours.ts
@@ -7,13 +7,13 @@ export type OpeningRange = { start: string; end: string }
 
 // Keyed by the JS `Date#getDay()` convention: 0 = Sunday … 6 = Saturday.
 const OPENING_HOURS_BY_WEEKDAY: Record<number, OpeningRange[]> = {
-  0: [{ start: '12:00', end: '20:00' }],
+  0: [{ start: '11:00', end: '20:00' }],
   1: [],
-  2: [{ start: '12:00', end: '20:00' }],
-  3: [{ start: '12:00', end: '20:00' }],
-  4: [{ start: '12:00', end: '20:00' }],
-  5: [{ start: '12:00', end: '20:00' }],
-  6: [{ start: '12:00', end: '20:00' }],
+  2: [{ start: '11:00', end: '20:00' }],
+  3: [{ start: '11:00', end: '20:00' }],
+  4: [{ start: '11:00', end: '20:00' }],
+  5: [{ start: '11:00', end: '20:00' }],
+  6: [{ start: '11:00', end: '20:00' }],
 }
 
 const WEEKDAY_LABELS_MONDAY_FIRST: Array<{ day: string; weekday: number }> = [
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 0f92bce..adbc0b2 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -201,18 +201,21 @@ function Home() {
               <span className="section-kicker">Wann wir für Sie da sind</span>
               <h2 className="section-heading">Öffnungszeiten</h2>
             </div>
-            <ul className="hours-list">
-              {OPENING_HOURS.map(({ day, hours }) => (
-                <li key={day} className={day === todayName ? 'today' : undefined}>
-                  <span className="day">{day}</span>
-                  {hours ? (
-                    <span>{hours.join(' · ')}</span>
-                  ) : (
-                    <span className="hours-closed">geschlossen</span>
-                  )}
-                </li>
-              ))}
-            </ul>
+            <div>
+              <ul className="hours-list">
+                {OPENING_HOURS.map(({ day, hours }) => (
+                  <li key={day} className={day === todayName ? 'today' : undefined}>
+                    <span className="day">{day}</span>
+                    {hours ? (
+                      <span>{hours.join(' · ')}</span>
+                    ) : (
+                      <span className="hours-closed">geschlossen</span>
+                    )}
+                  </li>
+                ))}
+              </ul>
+              <p className="field-hint hours-note">Unsere Küche ist von 12:00 – 20:00 Uhr für Sie geöffnet.</p>
+            </div>
           </div>
         </section>
 
diff --git a/src/styles.css b/src/styles.css
index 3516b85..dccd49f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -724,6 +724,10 @@ a {
   text-decoration: underline;
 }
 
+.hours-note {
+  margin-top: 0.9rem;
+}
+
 .message {
   margin: 0;
   padding: 0.65rem 0.9rem;