different changes;

ai_docs/009_fix_main_width.md

@@ -0,0 +1,56 @@
+# Fix main content width on mobile devices
+
+**Task ID:** 009
+**Date Created:** 2025-07-08
+**Author:** Gemini
+
+---
+
+## Task Description
+
+The main content area of the landing page does not extend to the full width of the screen on mobile devices, leaving a white bar on the side. This task is to fix the styling to ensure the main content utilizes the entire screen width.
+
+---
+
+## Instructions
+
+- Identify the CSS rule or element style causing the width issue.
+- Modify the appropriate CSS file to ensure the main content area spans the full width.
+- Verify the fix on mobile screen sizes.
+
+---
+
+## Input Data
+
+- Image of the issue: `ai_docs/images/failire_main_not_full_with.png`
+
+---
+
+## Expected Output
+
+- The main content area should be full-width on mobile devices, with no horizontal white space.
+
+---
+
+## Constraints & Requirements
+
+- The fix should not negatively impact the layout on desktop devices.
+
+---
+
+## References (Optional)
+
+- `src/app/layout.tsx`
+- `src/app/globals.css`
+
+---
+
+## Metadata
+
+| Key             | Value            |
+|-----------------|------------------|
+| Priority        | High             |
+| Status          | Done             |
+| Tags            | CSS, Mobile, Fix |
+
+---

ai_docs/010_fix_mobile_view.md

@@ -0,0 +1,62 @@
+# Task: Fix Mobile View Issues
+
+**Task ID:** 010
+**Date Created:** 2025-07-08
+**Author:** Gemini
+
+---
+
+## Task Description
+
+The mobile view of the landing page is broken. The body does not have full width, the burger menu is not visible, and the cookie message is cut off. This task is to fix these issues.
+
+---
+
+## Instructions
+
+- Ensure the body has full width in mobile view.
+- Make the burger menu visible in the upper right corner.
+- The cookie message should be centered and sticky to the bottom of the displayed page area.
+
+---
+
+## Input Data
+
+- The current state of the landing page codebase.
+
+---
+
+## Expected Output
+
+- A fixed mobile view of the landing page that addresses all the issues mentioned in the task description.
+
+---
+
+## Constraints & Requirements
+
+- The solution should be implemented using Next.js, React, TypeScript, and Tailwind CSS.
+- The changes should not break the desktop view.
+
+---
+
+## System Instructions (Optional)
+
+> You are an expert assistant. Follow the instructions precisely and provide clear, concise answers.
+
+---
+
+## References (Optional)
+
+- @ai_docs/009_fix_main_width.md
+
+---
+
+## Metadata
+
+| Key             | Value            |
+|-----------------|------------------|
+| Priority        | High             |
+| Status          | Open             |
+| Tags            | bug, mobile, view |
+
+---

src/app/globals.css

@@ -1 +1,3 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@700&display=swap');
 @import "tailwindcss";

src/app/impressum/page.tsx

@@ -4,7 +4,7 @@ import Header from '../../components/layout/Header';
 export default function ImpressumPage() {
   return (
     <>
-      <Header />
+      {/* <Header /> */}
       <div className="container mx-auto px-4 py-8">
         <h1 className="text-3xl font-bold mb-6">Impressum</h1>
 

src/app/layout.tsx

@@ -1,6 +1,9 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import Header from "@/components/layout/Header";
+import Footer from "@/components/layout/Footer";
+import CookieBanner from "@/components/CookieBanner";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -13,8 +16,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
+  title: "Steinbruchfest 2025",
-  description: "Generated by create next app",
+  description: "Steinbruchfest und 150 Jahr-Feier der Freiwillige Feuerwehr Friedberg",
 };
 
 export default function RootLayout({
@@ -23,11 +26,14 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="de">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased bg-flyer-yellow overflow-x-hidden`}
+        className={`${geistSans.variable} ${geistMono.variable} antialiased bg-flyer-yellow`}
       >
-        {children}
+        <Header />
+        <main className="">{children}</main>
+        <Footer />
+        <CookieBanner />
       </body>
     </html>
   );

src/app/page.tsx

@@ -1,6 +1,3 @@
-import Header from '@/components/layout/Header';
-import Footer from '@/components/layout/Footer';
-import CookieBanner from '@/components/CookieBanner';
 import Hero from '@/components/sections/Hero';
 import Program from '@/components/sections/Program';
 import Info from '@/components/sections/Info';
@@ -9,15 +6,12 @@ import Contact from '@/components/sections/Contact';
 export default function Home() {
   return (
     <>
-      <Header />
       <main>
         <Hero />
         <Program />
         <Info />
         <Contact />
       </main>
-      <Footer />
-      <CookieBanner />
     </>
   );
 }

src/components/CookieBanner.tsx

@@ -22,8 +22,8 @@ export default function CookieBanner() {
   }
 
   return (
-    <div className="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4 flex flex-col items-center z-50">
+    <div className="fixed bottom-0 inset-x-0 bg-gray-800 text-white p-4 flex flex-col items-center z-50">
-      <p className="text-center">Wir verwenden Cookies, um Ihre Erfahrung zu verbessern.</p>
+      <p className="text-center max-w-prose mx-auto">Wir verwenden Cookies, um Ihre Erfahrung zu verbessern.</p>
       <button onClick={handleAccept} className="bg-white text-black px-4 py-2 rounded-full mt-2">Akzeptieren</button>
     </div>
   );

src/components/MobileImage.tsx

@@ -0,0 +1,62 @@
+
+export default function MobileImage() {
+    return (
+        <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 566.93 566.93">
+            <defs>
+                <style>{`
+                    .cls-1 { fill:hsl(61, 81.90%, 47.60%); }
+                    .cls-2 { fill: #000; }
+                    `}
+                    
+                </style>
+            </defs>
+            <polygon className="cls-1" points="505.32 491.79 77.86 538.82 19.54 90.04 539.63 30.94 505.32 491.79" />
+            <g>
+                <g>
+                    <path className="cls-2" d="M136.2,331.59v10.3h12.85v1.59h-12.85v10.65h-1.76v-24.12h16.13v1.59h-14.37Z" />
+                    <path className="cls-2" d="M179.82,354.13l-5.76-8.06c-.76.1-1.52.17-2.34.17h-6.89v7.89h-1.76v-24.12h8.65c6.06,0,9.72,3.03,9.72,8.13,0,3.82-2.07,6.48-5.65,7.55l6.03,8.44h-2ZM171.72,344.68c5.17,0,7.93-2.41,7.93-6.55s-2.76-6.55-7.93-6.55h-6.89v13.09h6.89Z" />
+                    <path className="cls-2" d="M211.41,352.54v1.59h-16.64v-24.12h16.13v1.59h-14.37v9.51h12.85v1.55h-12.85v9.89h14.89Z" />
+                    <path className="cls-2" d="M224.7,330h1.76v24.12h-1.76v-24.12Z" />
+                    <path className="cls-2" d="M273.69,330l-8.17,24.12h-1.86l-7.48-21.64-7.51,21.64h-1.86l-8.2-24.12h1.86l7.34,21.71,7.55-21.71h1.69l7.51,21.75,7.41-21.75h1.72Z" />
+                    <path className="cls-2" d="M285.64,330h1.76v24.12h-1.76v-24.12Z" />
+                    <path className="cls-2" d="M302.69,330h1.76v22.54h13.89v1.59h-15.65v-24.12Z" />
+                    <path className="cls-2" d="M329.73,330h1.76v22.54h13.89v1.59h-15.65v-24.12Z" />
+                    <path className="cls-2" d="M356.77,330h1.76v24.12h-1.76v-24.12Z" />
+                    <path className="cls-2" d="M391.06,342.17h1.69v9.03c-2.17,2.07-5.31,3.1-8.62,3.1-7.27,0-12.61-5.2-12.61-12.23s5.34-12.23,12.65-12.23c3.48,0,6.55,1.1,8.68,3.31l-1.1,1.17c-2.1-2.07-4.62-2.86-7.55-2.86-6.27,0-10.93,4.55-10.93,10.61s4.65,10.62,10.93,10.62c2.55,0,4.89-.62,6.86-2.21v-8.31Z" />
+                    <path className="cls-2" d="M423.99,352.54v1.59h-16.64v-24.12h16.13v1.59h-14.37v9.51h12.85v1.55h-12.85v9.89h14.89Z" />
+                    <path className="cls-2" d="M140.79,372.64v7.97h13.95v1.02c0,2.53-2.05,4.58-4.58,4.58h-9.37v10.98h-6.98v-30.15h22.78v1.02c0,2.53-2.05,4.58-4.58,4.58h-11.23Z" />
+                    <path className="cls-2" d="M184.67,391.59v5.6h-23.35v-30.15h22.78v1.22c0,2.42-1.96,4.38-4.38,4.38h-11.47v6.55h14v5.43h-14v6.98h16.41Z" />
+                    <path className="cls-2" d="M189.96,383.92v-16.88h6.98v16.63c0,5.73,2.5,8.1,6.72,8.1s6.72-2.37,6.72-8.1v-16.63h6.89v16.88c0,8.87-5.08,13.78-13.65,13.78s-13.65-4.91-13.65-13.78Z" />
+                    <path className="cls-2" d="M247.5,391.59v5.6h-23.35v-30.15h22.78v1.04c0,2.52-2.04,4.56-4.56,4.56h-11.29v6.55h14v5.43h-14v6.98h16.41Z" />
+                    <path className="cls-2" d="M277.03,397.19c-2.99,0-5.79-1.47-7.5-3.93l-3.09-4.47h-6.42v8.4h-6.98v-30.15h13.05c8.06,0,13.09,4.18,13.09,10.94,0,4.52-2.28,7.84-6.2,9.52l6.76,9.69h-2.72ZM265.71,372.72h-5.69v10.51h5.69c4.26,0,6.42-1.98,6.42-5.25s-2.15-5.25-6.42-5.25Z" />
+                    <path className="cls-2" d="M330.26,367.04l-9.86,30.15h-7.5l-6.63-20.42-6.85,20.42h-7.45l-9.91-30.15h7.24l6.81,21.19,7.1-21.19h6.46l6.89,21.36,7.02-21.36h6.68Z" />
+                    <path className="cls-2" d="M357.47,391.59v5.6h-23.35v-30.15h22.78v1.23c0,2.42-1.96,4.37-4.37,4.37h-11.48v6.55h14v5.43h-14v6.98h16.41Z" />
+                    <path className="cls-2" d="M390.67,367.04v30.15h-6.98v-12.36h-13.7v12.36h-6.98v-30.15h6.98v11.89h13.7v-11.89h6.98Z" />
+                    <path className="cls-2" d="M421.41,397.19c-2.75,0-5.32-1.35-6.88-3.6l-3.32-4.79h-6.42v8.4h-6.98v-30.15h13.05c8.06,0,13.09,4.18,13.09,10.94,0,4.52-2.28,7.84-6.2,9.52l6.76,9.69h-3.11ZM410.48,372.72h-5.69v10.51h5.69c4.26,0,6.42-1.98,6.42-5.25s-2.15-5.25-6.42-5.25Z" />
+                    <path className="cls-2" d="M140.79,415.7v7.97h13.95v1.19c0,2.44-1.98,4.41-4.41,4.41h-9.54v10.98h-6.98v-30.15h22.78v1.19c0,2.44-1.98,4.41-4.41,4.41h-11.39Z" />
+                    <path className="cls-2" d="M189.12,440.25c-2.68,0-5.19-1.32-6.72-3.52l-3.38-4.88h-6.42v8.4h-6.98v-30.15h13.05c8.06,0,13.09,4.18,13.09,10.94,0,4.52-2.28,7.84-6.2,9.52l6.76,9.69h-3.21ZM178.3,415.78h-5.69v10.51h5.69c4.26,0,6.42-1.98,6.42-5.25s-2.15-5.25-6.42-5.25Z" />
+                    <path className="cls-2" d="M201.59,410.1h6.98v30.15h-6.98v-30.15Z" />
+                    <path className="cls-2" d="M243.36,434.65v5.6h-23.35v-30.15h22.78v1.02c0,2.53-2.05,4.58-4.58,4.58h-11.27v6.55h14v5.43h-14v6.98h16.41Z" />
+                    <path className="cls-2" d="M253.22,410.1h13.7c9.86,0,16.63,5.94,16.63,15.07s-6.76,15.08-16.63,15.08h-13.7v-30.15ZM266.57,434.52c5.99,0,9.91-3.58,9.91-9.35s-3.92-9.35-9.91-9.35h-6.37v18.69h6.37Z" />
+                    <path className="cls-2" d="M320.74,432.02c0,5.21-4.13,8.23-12.06,8.23h-15.59v-30.15h14.73c7.54,0,11.41,3.14,11.41,7.84,0,3.02-1.55,5.34-4.01,6.63,3.36,1.08,5.51,3.66,5.51,7.45ZM300.03,415.35v7.11h6.93c3.4,0,5.25-1.21,5.25-3.57s-1.85-3.53-5.25-3.53h-6.93ZM313.72,431.29c0-2.54-1.94-3.75-5.56-3.75h-8.14v7.45h8.14c3.62,0,5.56-1.12,5.56-3.7Z" />
+                    <path className="cls-2" d="M353.69,434.65v5.6h-23.35v-30.15h22.78v1.02c0,2.53-2.05,4.57-4.57,4.57h-11.28v6.55h14v5.43h-14v6.98h16.41Z" />
+                    <path className="cls-2" d="M386.48,440.25c-2.34,0-4.53-1.15-5.86-3.07l-3.69-5.33h-6.42v8.4h-6.98v-30.15h13.05c8.06,0,13.09,4.18,13.09,10.94,0,4.52-2.28,7.84-6.2,9.52l6.76,9.69h-3.76ZM376.2,415.78h-5.69v10.51h5.69c4.26,0,6.42-1.98,6.42-5.25s-2.15-5.25-6.42-5.25Z" />
+                    <path className="cls-2" d="M419.87,424.7h1.44c2.73,0,4.94,2.21,4.94,4.94v7.29c-3.32,2.5-7.88,3.83-12.19,3.83-9.48,0-16.45-6.5-16.45-15.59s6.98-15.59,16.58-15.59c5.3,0,9.69,1.81,12.62,5.21l-4.48,4.13c-2.2-2.33-4.74-3.4-7.8-3.4-5.86,0-9.86,3.92-9.86,9.65s4.01,9.65,9.78,9.65c1.9,0,3.66-.34,5.43-1.29v-8.83Z" />
+                </g>
+                <g>
+                    <path className="cls-2" d="M359.79,125.59c-38.16,0-69.33,32.22-71.4,72.81,6.52,4.86,11.79,11.21,15.74,19.11,4.81,9.64,7.23,21.04,7.23,34.22,0,2.51-.14,4.95-.35,7.36,12.78,12.87,29.93,20.76,48.79,20.76,39.5,0,71.52-34.53,71.52-77.13s-32.02-77.13-71.52-77.13ZM393.38,219.32l-30.78,38.12c-.32.48-.6.98-.97,1.44l-1.71,2.1-.09-.11-.73-.84-17.36-21.1c-.21-.25-.39-.51-.58-.77-.14-.2-.3-.39-.44-.58l-14.57-18.44c-.77-.93-1.45-2.05-2.04-3.3-.59-1.25-1.09-2.62-1.49-4.04-.81-2.85-1.23-5.91-1.23-8.61,0-7.88,3.19-14.09,4.87-16.15,5.47-6.59,12.1-11.38,18.23-17.96.9-.97,1.79-1.97,2.67-3.03.02-.03.04-.05.07-.08.44-.53.85-1.04,1.24-1.51,0,0,0-.01.01-.02.4-.5.78-.97,1.14-1.43,1.31-1.68,2.39-3.19,3.61-5.02,0,0,0,0,0,0,.39-.58.78-1.19,1.21-1.85,0,0,0,0,0,0,.43-.66.88-1.37,1.37-2.15,2.41-4.28,4.02-8.59,4.02-8.59h0s1.99,2.6,4.06,5.13c5.98,7.32,3.02,15.25-5.89,25.03-5.21,5.55-10.59,10.69-14.11,14.74-6.49,7.48-5.59,14.07-3.54,19.78.65-2.42,1.73-4.63,3.11-6.69,0,0,0,0,0,0t0,0c3.73-5.53,9.62-9.97,15.23-14.39.29-.23.59-.47.88-.7.48-.38.97-.77,1.44-1.16.85-.69,1.68-1.39,2.49-2.1.23-.2.45-.4.68-.6.86-.77,1.71-1.55,2.49-2.34,1.71-1.76,3.11-3.55,4.25-5.3,1.35-2.08,2.31-4.07,3.01-5.89.4-1.01.71-1.96.95-2.83.41-1.5.64-2.77.7-3.65l2.39,2.97c1.78,2.21,4.17,5.15,4.52,7.8,1.23,6.93-2.24,12.1-4.53,15.3-2.95,4.13-10.12,10.63-16.05,16.8-7.36,7.66-9.83,19.41-3.69,26.89l3.09,3.58c.12.14.21.31.32.45l.78-.81,3.69-4.6c3.2-4.8,2.55-7.4,1.07-10.41-1.98-4.03-3.26-6.39-.39-11.23l4.37-5.29,8.36,10.23,3.26-4.06c3.84-6.11,4.22-9.08,1.98-13.91-1.48-3.19-1.23-7.58,2.06-11.53l3.23-3.76,2.84,3.65c8.04,10.25,5.86,25.48.48,32.82Z" />
+                    <path className="cls-2" d="M176.49,144.98v161.85h-25.91v-130.22l-10.5,6.53c-8.04,4.88-18.51,2.49-23.64-5.39l-4.52-6.95,41.86-25.83h22.72Z" />
+                    <path className="cls-2" d="M271.13,168.28h-44.77v36.26c8.17-4.09,16.51-6.13,25.02-6.13,9.15,0,17.33,2.13,24.52,6.38,7.19,4.26,12.79,10.39,16.8,18.4,4,8.01,6.01,17.5,6.01,28.45s-2.54,21.26-7.6,29.92c-5.07,8.67-12.26,15.41-21.58,20.23-9.32,4.82-20.11,7.24-32.37,7.24-10.96,0-20.64-2-29.06-6.01-8.42-4.01-16.28-11.8-18.59-14.56l17.9-16.68c5.7,6.79,19.04,12.97,31.8,12.97,9.32,0,16.63-2.86,21.95-8.58,5.31-5.72,7.97-13.89,7.97-24.52,0-20.44-10.25-31.68-27.9-31.68-3.76,0-7.48,1.12-10.75,2.02-3.27.9-8.03,2.69-11.96,4.65h-19.91v-81.64h93.25l-1.02,1.78c-1.53,9.69-9.88,21.52-19.69,21.52Z" />
+                    <g>
+                        <path className="cls-2" d="M304.87,303.81l2.27-1.54c.68,1.24,1.71,1.86,2.95,1.86,1.89,0,2.8-1.01,2.8-3.81v-12.81h3.51v13.11c0,3.63-1.8,6.55-6.02,6.55-2.54,0-4.34-1.06-5.52-3.36Z" />
+                        <path className="cls-2" d="M334.41,287.51h4.13l6.26,19.31h-3.72l-1.48-5.17h-6.41l-1.48,5.17h-3.57l6.26-19.31ZM333.99,298.91h4.84l-.65-2.3c-.62-2.04-1.18-4.25-1.74-6.35h-.12c-.5,2.13-1.06,4.31-1.68,6.35l-.65,2.3Z" />
+                        <path className="cls-2" d="M356.62,287.51h3.51v7.73h7.67v-7.73h3.51v19.31h-3.51v-8.5h-7.67v8.5h-3.51v-19.31Z" />
+                        <path className="cls-2" d="M385.66,287.51h6.52c4.04,0,7.14,1.42,7.14,5.76,0,2.92-1.51,4.72-3.81,5.52l4.57,8.03h-3.93l-4.13-7.5h-2.86v7.5h-3.51v-19.31ZM391.83,296.52c2.63,0,4.04-1.09,4.04-3.25s-1.42-2.95-4.04-2.95h-2.66v6.2h2.66Z" />
+                        <path className="cls-2" d="M412.62,287.51h11.66v2.95h-8.15v4.84h6.91v2.95h-6.91v5.61h8.44v2.95h-11.96v-19.31Z" />
+                    </g>
+                    <path className="cls-2" d="M391.79,133.74c1.03,5,1.57,10.17,1.57,15.47,0,27.42-14.47,51.46-36.18,64.91-3.3,6.79-3.45,14.58,1.06,20.07l3.09,3.58c.12.14.21.31.32.45l.78-.81,3.69-4.6c3.2-4.8,2.55-7.4,1.07-10.41-1.98-4.03-3.26-6.39-.39-11.23l4.37-5.29,8.36,10.23,3.26-4.06c3.84-6.11,4.22-9.08,1.98-13.91-1.48-3.19-1.23-7.58,2.06-11.53l3.23-3.76,2.84,3.65c8.04,10.25,5.86,25.48.48,32.82l-30.78,38.12c-.32.48-.6.98-.97,1.44l-1.71,2.1-.09-.11-.73-.84-17.36-21.1c-.21-.25-.39-.51-.58-.77-.14-.2-.3-.39-.44-.58l-10.44-13.21c-4.3.75-8.71,1.17-13.23,1.17-3.33,0-6.61-.23-9.83-.64,2.75,7.94,4.14,16.89,4.14,26.84,0,2.51-.14,4.95-.35,7.36,12.77,12.87,29.92,20.76,48.79,20.76,39.5,0,71.52-34.53,71.52-77.13,0-30.19-16.09-56.31-39.52-68.98Z" />
+                </g>
+            </g>
+        </svg>
+    )
+}

src/components/MobileImageLandscape.tsx

@@ -0,0 +1,66 @@
+
+export default function MobileImageLandscape() {
+    return (
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819.4 325.66" className="w-full h-full object-cover">
+  <defs>
+    <style>{`      .cls-1 {
+        fill: #FCEA10;
+      }
+
+      .cls-2 {
+        fill: #000;
+      }`
+        }
+
+    </style>
+  </defs>
+  <polygon className="cls-1" points="751.05 254.83 102.21 303.75 44.66 20.33 769.75 54.86 751.05 254.83"/>
+  <g>
+    <g>
+      <path className="cls-2" d="M386.91,104.98v10.53h13.14v1.62h-13.14v10.89h-1.8v-24.66h16.49v1.62h-14.69Z"/>
+      <path className="cls-2" d="M431.51,128.03l-5.89-8.24c-.77.11-1.55.18-2.39.18h-7.05v8.07h-1.8v-24.66h8.84c6.2,0,9.94,3.1,9.94,8.32,0,3.91-2.12,6.62-5.78,7.72l6.17,8.63h-2.04ZM423.23,118.37c5.28,0,8.1-2.47,8.1-6.69s-2.82-6.69-8.1-6.69h-7.05v13.39h7.05Z"/>
+      <path className="cls-2" d="M463.8,126.41v1.62h-17.02v-24.66h16.49v1.62h-14.69v9.72h13.14v1.59h-13.14v10.11h15.22Z"/>
+      <path className="cls-2" d="M477.4,103.36h1.8v24.66h-1.8v-24.66Z"/>
+      <path className="cls-2" d="M527.49,103.36l-8.35,24.66h-1.9l-7.65-22.13-7.68,22.13h-1.9l-8.39-24.66h1.9l7.5,22.2,7.72-22.2h1.73l7.68,22.23,7.58-22.23h1.76Z"/>
+      <path className="cls-2" d="M539.7,103.36h1.8v24.66h-1.8v-24.66Z"/>
+      <path className="cls-2" d="M557.13,103.36h1.8v23.04h14.2v1.62h-16v-24.66Z"/>
+      <path className="cls-2" d="M584.78,103.36h1.8v23.04h14.2v1.62h-16v-24.66Z"/>
+      <path className="cls-2" d="M612.43,103.36h1.8v24.66h-1.8v-24.66Z"/>
+      <path className="cls-2" d="M647.48,115.8h1.73v9.23c-2.22,2.11-5.43,3.17-8.81,3.17-7.43,0-12.9-5.32-12.9-12.51s5.46-12.51,12.93-12.51c3.56,0,6.69,1.13,8.88,3.38l-1.13,1.2c-2.15-2.11-4.72-2.92-7.72-2.92-6.41,0-11.17,4.65-11.17,10.85s4.76,10.85,11.17,10.85c2.61,0,5-.63,7.01-2.26v-8.49Z"/>
+      <path className="cls-2" d="M681.15,126.41v1.62h-17.02v-24.66h16.49v1.62h-14.69v9.72h13.14v1.59h-13.14v10.11h15.22Z"/>
+      <path className="cls-2" d="M391.61,146.95v8.15h14.27v1.04c0,2.59-2.1,4.68-4.68,4.68h-9.58v11.23h-7.13v-30.82h23.29v1.04c0,2.59-2.1,4.68-4.68,4.68h-11.48Z"/>
+      <path className="cls-2" d="M436.47,166.33v5.72h-23.87v-30.82h23.29v1.25c0,2.47-2,4.48-4.48,4.48h-11.73v6.69h14.31v5.55h-14.31v7.13h16.78Z"/>
+      <path className="cls-2" d="M441.88,158.49v-17.26h7.13v17c0,5.86,2.55,8.28,6.87,8.28s6.87-2.42,6.87-8.28v-17h7.04v17.26c0,9.07-5.2,14.09-13.96,14.09s-13.96-5.02-13.96-14.09Z"/>
+      <path className="cls-2" d="M500.71,166.33v5.72h-23.87v-30.82h23.29v1.06c0,2.57-2.09,4.66-4.66,4.66h-11.54v6.69h14.31v5.55h-14.31v7.13h16.78Z"/>
+      <path className="cls-2" d="M530.9,172.05c-3.06,0-5.92-1.5-7.66-4.02l-3.16-4.57h-6.56v8.59h-7.13v-30.82h13.34c8.24,0,13.39,4.27,13.39,11.18,0,4.62-2.33,8.01-6.34,9.73l6.92,9.91h-2.78ZM519.32,147.04h-5.81v10.74h5.81c4.36,0,6.56-2.03,6.56-5.37s-2.2-5.37-6.56-5.37Z"/>
+      <path className="cls-2" d="M585.33,141.23l-10.08,30.82h-7.66l-6.78-20.87-7,20.87h-7.62l-10.13-30.82h7.4l6.96,21.66,7.26-21.66h6.61l7.05,21.84,7.18-21.84h6.83Z"/>
+      <path className="cls-2" d="M613.15,166.33v5.72h-23.87v-30.82h23.29v1.25c0,2.47-2,4.47-4.47,4.47h-11.73v6.69h14.31v5.55h-14.31v7.13h16.78Z"/>
+      <path className="cls-2" d="M647.09,141.23v30.82h-7.13v-12.64h-14v12.64h-7.13v-30.82h7.13v12.15h14v-12.15h7.13Z"/>
+      <path className="cls-2" d="M678.51,172.05c-2.81,0-5.44-1.38-7.03-3.69l-3.39-4.9h-6.56v8.59h-7.13v-30.82h13.34c8.24,0,13.39,4.27,13.39,11.18,0,4.62-2.33,8.01-6.34,9.73l6.92,9.91h-3.18ZM667.34,147.04h-5.81v10.74h5.81c4.36,0,6.56-2.03,6.56-5.37s-2.2-5.37-6.56-5.37Z"/>
+      <path className="cls-2" d="M391.61,190.98v8.15h14.27v1.21c0,2.49-2.02,4.51-4.51,4.51h-9.76v11.23h-7.13v-30.82h23.29v1.21c0,2.49-2.02,4.51-4.51,4.51h-11.65Z"/>
+      <path className="cls-2" d="M441.03,216.08c-2.74,0-5.31-1.35-6.87-3.6l-3.45-4.99h-6.56v8.59h-7.13v-30.82h13.34c8.24,0,13.39,4.27,13.39,11.18,0,4.62-2.33,8.01-6.34,9.73l6.92,9.91h-3.29ZM429.96,191.07h-5.81v10.74h5.81c4.36,0,6.56-2.03,6.56-5.37s-2.2-5.37-6.56-5.37Z"/>
+      <path className="cls-2" d="M453.77,185.25h7.13v30.82h-7.13v-30.82Z"/>
+      <path className="cls-2" d="M496.48,210.35v5.72h-23.87v-30.82h23.29v1.05c0,2.58-2.1,4.68-4.68,4.68h-11.53v6.69h14.31v5.55h-14.31v7.13h16.78Z"/>
+      <path className="cls-2" d="M506.55,185.25h14c10.08,0,17,6.08,17,15.41s-6.91,15.41-17,15.41h-14v-30.82ZM520.2,210.22c6.12,0,10.13-3.66,10.13-9.56s-4.01-9.56-10.13-9.56h-6.52v19.11h6.52Z"/>
+      <path className="cls-2" d="M575.59,207.67c0,5.33-4.23,8.41-12.33,8.41h-15.94v-30.82h15.06c7.71,0,11.67,3.21,11.67,8.01,0,3.08-1.58,5.46-4.1,6.78,3.44,1.1,5.64,3.74,5.64,7.62ZM554.41,190.63v7.27h7.09c3.48,0,5.37-1.23,5.37-3.65s-1.89-3.61-5.37-3.61h-7.09ZM568.41,206.92c0-2.6-1.98-3.83-5.68-3.83h-8.32v7.62h8.32c3.7,0,5.68-1.15,5.68-3.79Z"/>
+      <path className="cls-2" d="M609.27,210.35v5.72h-23.87v-30.82h23.29v1.05c0,2.58-2.09,4.68-4.68,4.68h-11.53v6.69h14.31v5.55h-14.31v7.13h16.78Z"/>
+      <path className="cls-2" d="M642.8,216.08c-2.39,0-4.63-1.17-5.99-3.14l-3.77-5.45h-6.56v8.59h-7.13v-30.82h13.34c8.24,0,13.39,4.27,13.39,11.18,0,4.62-2.33,8.01-6.34,9.73l6.92,9.91h-3.85ZM632.29,191.07h-5.81v10.74h5.81c4.36,0,6.56-2.03,6.56-5.37s-2.2-5.37-6.56-5.37Z"/>
+      <path className="cls-2" d="M676.94,200.18h1.47c2.79,0,5.05,2.26,5.05,5.05v7.46c-3.39,2.55-8.06,3.92-12.46,3.92-9.69,0-16.82-6.65-16.82-15.94s7.13-15.94,16.95-15.94c5.42,0,9.91,1.85,12.9,5.33l-4.58,4.23c-2.25-2.38-4.84-3.48-7.97-3.48-5.99,0-10.08,4.01-10.08,9.86s4.1,9.86,10,9.86c1.94,0,3.74-.35,5.55-1.32v-9.03Z"/>
+    </g>
+    <g>
+      <path className="cls-2" d="M314.65,89.36c-26.8,0-48.7,22.64-50.16,51.15,4.58,3.42,8.28,7.88,11.06,13.43,3.38,6.77,5.08,14.78,5.08,24.04,0,1.77-.1,3.48-.25,5.17,8.98,9.04,21.02,14.58,34.27,14.58,27.75,0,50.24-24.26,50.24-54.18s-22.49-54.18-50.24-54.18ZM338.25,155.21l-21.62,26.78c-.22.34-.42.69-.68,1.01l-1.2,1.47-.06-.08-.52-.59-12.2-14.82c-.15-.18-.27-.36-.41-.54-.1-.14-.21-.27-.31-.41l-10.23-12.95c-.54-.65-1.02-1.44-1.43-2.32-.41-.88-.76-1.84-1.05-2.84-.57-2-.86-4.15-.86-6.05,0-5.53,2.24-9.9,3.42-11.34,3.84-4.63,8.5-8,12.8-12.61.63-.68,1.26-1.39,1.87-2.13.02-.02.03-.04.05-.06.31-.37.6-.73.87-1.06,0,0,0,0,0-.01.28-.35.55-.68.8-1.01.92-1.18,1.68-2.24,2.53-3.53,0,0,0,0,0,0,.27-.41.55-.84.85-1.3,0,0,0,0,0,0,.3-.46.62-.96.96-1.51,1.69-3.01,2.83-6.03,2.83-6.03h0s1.4,1.83,2.85,3.61c4.2,5.14,2.12,10.72-4.14,17.59-3.66,3.9-7.44,7.51-9.91,10.35-4.56,5.25-3.92,9.89-2.48,13.9.46-1.7,1.21-3.26,2.19-4.7,0,0,0,0,0,0t0,0c2.62-3.89,6.76-7,10.7-10.11.21-.16.41-.33.62-.49.34-.27.68-.54,1.01-.81.6-.49,1.18-.98,1.75-1.48.16-.14.32-.28.48-.42.61-.54,1.2-1.09,1.75-1.65,1.2-1.23,2.19-2.49,2.99-3.72.95-1.46,1.62-2.86,2.12-4.14.28-.71.5-1.38.67-1.99.29-1.05.45-1.95.49-2.56l1.68,2.08c1.25,1.55,2.93,3.62,3.17,5.48.86,4.87-1.57,8.5-3.18,10.75-2.08,2.9-7.11,7.47-11.28,11.8-5.17,5.38-6.9,13.64-2.59,18.89l2.17,2.51c.09.1.15.21.23.32l.55-.57,2.6-3.23c2.25-3.37,1.79-5.2.75-7.31-1.39-2.83-2.29-4.49-.27-7.89l3.07-3.71,5.87,7.19,2.29-2.85c2.7-4.29,2.96-6.38,1.39-9.77-1.04-2.24-.87-5.33,1.45-8.1l2.27-2.64,1.99,2.57c5.65,7.2,4.12,17.9.34,23.06Z"/>
+      <path className="cls-2" d="M185.89,102.98v113.7h-18.2v-91.47l-7.38,4.59c-5.65,3.43-13,1.75-16.61-3.79l-3.18-4.88,29.4-18.15h15.96Z"/>
+      <path className="cls-2" d="M252.37,119.35h-31.45v25.47c5.74-2.87,11.6-4.31,17.57-4.31,6.43,0,12.17,1.49,17.23,4.48,5.05,2.99,8.99,7.3,11.8,12.92,2.81,5.63,4.22,12.29,4.22,19.98s-1.78,14.93-5.34,21.02c-3.56,6.09-8.61,10.83-15.16,14.21-6.55,3.39-14.13,5.08-22.74,5.08-7.7,0-14.5-1.41-20.42-4.22-5.92-2.81-11.43-8.29-13.06-10.23l12.58-11.72c4.01,4.77,13.38,9.11,22.34,9.11,6.55,0,11.68-2.01,15.42-6.03,3.73-4.02,5.6-9.76,5.6-17.23,0-14.36-7.2-22.26-19.6-22.26-2.64,0-5.25.79-7.55,1.42-2.3.63-5.64,1.89-8.4,3.27h-13.99v-57.35h65.5l-.72,1.25c-1.07,6.81-6.94,15.12-13.83,15.12Z"/>
+      <g>
+        <path className="cls-2" d="M276.07,214.56l1.6-1.08c.48.87,1.2,1.31,2.07,1.31,1.33,0,1.97-.71,1.97-2.68v-9h2.47v9.21c0,2.55-1.26,4.6-4.23,4.6-1.78,0-3.05-.75-3.88-2.36Z"/>
+        <path className="cls-2" d="M296.82,203.11h2.9l4.4,13.56h-2.61l-1.04-3.63h-4.5l-1.04,3.63h-2.51l4.4-13.56ZM296.53,211.11h3.4l-.46-1.62c-.44-1.43-.83-2.99-1.22-4.46h-.08c-.35,1.49-.75,3.03-1.18,4.46l-.46,1.62Z"/>
+        <path className="cls-2" d="M312.43,203.11h2.47v5.43h5.39v-5.43h2.47v13.56h-2.47v-5.97h-5.39v5.97h-2.47v-13.56Z"/>
+        <path className="cls-2" d="M332.82,203.11h4.58c2.84,0,5.02,1,5.02,4.04,0,2.05-1.06,3.32-2.67,3.88l3.21,5.64h-2.76l-2.9-5.27h-2.01v5.27h-2.47v-13.56ZM337.16,209.43c1.85,0,2.84-.77,2.84-2.28s-1-2.07-2.84-2.07h-1.87v4.35h1.87Z"/>
+        <path className="cls-2" d="M351.77,203.11h8.19v2.07h-5.72v3.4h4.85v2.07h-4.85v3.94h5.93v2.07h-8.4v-13.56Z"/>
+      </g>
+      <path className="cls-2" d="M337.13,95.09c.72,3.51,1.1,7.14,1.1,10.87,0,19.26-10.16,36.15-25.42,45.6-2.32,4.77-2.42,10.24.74,14.1l2.17,2.51c.09.1.15.21.23.32l.55-.57,2.6-3.23c2.25-3.37,1.79-5.2.75-7.31-1.39-2.83-2.29-4.49-.27-7.89l3.07-3.71,5.87,7.19,2.29-2.85c2.7-4.29,2.96-6.38,1.39-9.77-1.04-2.24-.87-5.33,1.45-8.1l2.27-2.64,1.99,2.57c5.65,7.2,4.12,17.9.34,23.06l-21.62,26.78c-.22.34-.42.69-.68,1.01l-1.2,1.47-.06-.08-.52-.59-12.2-14.82c-.15-.18-.27-.36-.41-.54-.1-.14-.21-.27-.31-.41l-7.33-9.28c-3.02.53-6.12.82-9.29.82-2.34,0-4.64-.16-6.9-.45,1.93,5.58,2.91,11.86,2.91,18.86,0,1.77-.1,3.48-.25,5.17,8.97,9.04,21.02,14.58,34.27,14.58,27.75,0,50.24-24.26,50.24-54.18,0-21.21-11.3-39.56-27.76-48.45Z"/>
+    </g>
+  </g>
+</svg>
+    )
+}

src/components/layout/Header.tsx

@@ -12,8 +12,8 @@ export default function Header() {
   };
 
   return (
-    <header className="fixed top-0 left-0 w-full bg-white shadow-md z-50">
+    <header className="sticky top-0 left-0 w-full bg-white shadow-md z-50">
-      <div className="container mx-auto px-4 py-4 flex justify-between items-center">
+      <div className="w-full px-4 py-4 flex justify-between items-center">
         <Link href="/" className="text-2xl font-bold">FF Friedberg</Link>
         <div className="md:hidden">
           <button onClick={toggleMenu} className="text-2xl z-50 relative">

src/components/sections/Hero.tsx

@@ -1,9 +1,21 @@
+import MobileImageLandscape from "../MobileImageLandscape";
+
+
 export default function Hero() {
   return (
-    <section className="relative w-full min-h-screen bg-flyer-yellow flex items-center justify-center">
+    <section className="relative w-full min-h-screen bg-flyer-yellow flex flex-col">
-      <img src="/images/150_image.png" alt="150 Jahre Feuerwehr Friedberg" className="absolute inset-0 w-full h-full object-cover opacity-20" />
+      <div className="w-full h-[50vh]">
-      <div className="relative z-10 text-center text-black">
+        <MobileImageLandscape />
-        <h1 className="text-6xl md:text-9xl font-bold">STEINBRUCHFEST</h1>
+      </div>
+      <div className="w-full h-[50vh] flex flex-col text-center text-black">
+        <div className="md:hidden">
+          <h1 className="text-6xl font-bold font-stick">STEIN</h1>
+          <h1 className="text-6xl font-bold font-stick">BRUCH</h1>
+          <h1 className="text-6xl font-bold font-stick">FEST</h1>
+        </div>
+        <div className="hidden md:block">
+          <h1 className="text-9xl font-bold font-stick">STEINBRUCHFEST</h1>
+        </div>
         <p className="text-2xl md:text-4xl mt-4">16. + 17. Aug.</p>
       </div>
     </section>

src/components/sections/Info.tsx

@@ -7,7 +7,14 @@ export default function Info() {
           <div className="mb-8">
             <h3 className="text-xl md:text-2xl font-bold mb-4">Karten</h3>
             <p>VVK € 10,- / AK € 12,-</p>
-            <p>Karten: Trafik Gressenbauer, Der Salon - Monika Krammer, Tapeziermeister Michäler, FF-Mitglieder</p>
+            <br />
+            <p>Erhältlich bei</p>
+            <ul className="list-disc pl-5">
+              <li>Trafik Gressenbauer</li>
+              <li>Der Salon - Monika Krammer</li>
+              <li>Tapeziermeister Michäler</li>
+              <li>FF-Mitglieder</li>
+            </ul>
           </div>
           <div>
             <h3 className="text-xl md:text-2xl font-bold mb-4">Reinerlös</h3>

tailwind.config.ts

@@ -1,4 +1,5 @@
 import type { Config } from 'tailwindcss'
+const defaultTheme = require('tailwindcss/defaultTheme');
 
 const config: Config = {
   content: [
@@ -12,6 +13,10 @@ const config: Config = {
         'flyer-yellow': '#FFD700',
       },
     },
+    fontFamily: {
+        roboto: ['Roboto', ...defaultTheme.fontFamily.sans],
+        stick: ['"Stick No Bills"', ...defaultTheme.fontFamily.sans],
+      },
   },
   plugins: [require('@tailwindcss/typography')],
 }