diff --git a/src/app/epochen/gegenwart/page.tsx b/src/app/epochen/gegenwart/page.tsx
index e79aeb3..a2494e0 100644
--- a/src/app/epochen/gegenwart/page.tsx
+++ b/src/app/epochen/gegenwart/page.tsx
@@ -3,12 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { Landmark, HelpCircle } from "lucide-react";
+import { Landmark, BookOpen } from "lucide-react";
 
-export default function ContemporaryPage() {
+export default function GegenwartPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -16,7 +15,7 @@ export default function ContemporaryPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -27,20 +26,19 @@ export default function ContemporaryPage() {
         <NavbarLayoutFloatingInline
           brandName="Schloss Wolfenbüttel"
           navItems={[
-            { name: "Startseite", id: "home" },
-            { name: "Epochen", id: "epochs" },
-            { name: "Recherche", id: "research" },
-            { name: "Kontakt", id: "contact" },
+            { name: "Startseite", id: "/" },
+            { name: "Epochen", id: "/epochen/mittelalter" },
+            { name: "Recherche", id: "#faq" },
+            { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
-            href: "#about",
+            text: "Zur Übersicht",            href: "/"
           }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Contemporary Section 1: Main Content */}
+      {/* Contemporary Section */}
       <div id="contemporary" data-section="contemporary">
         <MetricSplitMediaAbout
           tag="Gegenwart"
@@ -51,97 +49,38 @@ export default function ContemporaryPage() {
             { value: "Museum", title: "Kulturelle Nutzung" },
             { value: "Gymnasium", title: "Bildungseinrichtung" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=11"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
           imageAlt="Schloss heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      {/* FAQ Section */}
-      <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          title="Häufig gestellte Fragen"
-          description="Antworten auf die wichtigsten Fragen zur Geschichte und Architektur von Schloss Wolfenbüttel"
-          tag="Recherche"
-          tagIcon={HelpCircle}
-          faqs={[
-            {
-              id: "1",
-              title: "Wann wurde Schloss Wolfenbüttel gegründet?",
-              content:
-                "Die Ursprünge des Schlosses Wolfenbüttel lassen sich vermutlich bis in das 11. oder frühe 12. Jahrhundert zurückverfolgen. In dieser Zeit entstand an der Oker eine befestigte Burganlage, die als Schutz- und Verwaltungszentrum diente. Die genaue Gründung ist historisch nicht eindeutig dokumentiert, aber archäologische Befunde deuten auf diese Zeitspanne hin.",
-            },
-            {
-              id: "2",
-              title: "Warum war die Lage an der Oker strategisch wichtig?",
-              content:
-                "Die Lage am Fluss war aus mehreren Gründen strategisch besonders günstig. Die Oker diente sowohl als natürliche Verteidigungslinie gegen Angreifer als auch als wichtiger Transportweg für Waren und Personen. Zudem ermöglichte die Wasserburg-Bauweise mit künstlichen Wassergräben zusätzliche Schutzmöglichkeiten, die im norddeutschen Flachland besonders wertvoll waren.",
-            },
-            {
-              id: "3",
-              title: "Was ist eine Wasserburg?",
-              content:
-                "Eine Wasserburg ist eine Burg, die von künstlichen oder natürlichen Wassergräben umgeben ist. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die flache Landschaft nur wenige natürliche Höhenlagen bot, die sich für klassische Höhenburgen eigneten. Die Wassergräben dienten der Verteidigung und machten die Burg schwer angreifbar.",
-            },
-            {
-              id: "4",
-              title: "Wann kam das Schloss in den Besitz der Welfen?",
-              content:
-                "Die Welfen begannen 1283, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Ab diesem Zeitpunkt entwickelte sich die Anlage zunehmend zu einem politischen Zentrum der welfischen Herrschaft. Die Welfen gehörten zu den einflussreichsten Dynastien des Heiligen Römischen Reiches und kontrollierten große Teile Norddeutschlands.",
-            },
-            {
-              id: "5",
-              title: "Was war der Grund für die Renaissance-Umgestaltung?",
-              content:
-                "Die Renaissance-Umgestaltung nach 1546 war zunächst eine Notwendigkeit aufgrund der Zerstörungen während des Schmalkaldischen Krieges. Allerdings entschied man sich nicht nur für Reparaturen, sondern für einen umfassenden Neubau im Renaissance-Stil. Dies war auch eine Aussage über die Macht und Bedeutung des Herrschers, da Fürstliche Residenzen zunehmend zur Darstellung politischer und kultureller Bedeutung dienten.",
-            },
-            {
-              id: "6",
-              title: "Warum wurde die Residenz 1754 nach Braunschweig verlegt?",
-              content:
-                "Herzog Karl I. verlegte 1754 die Residenz nach Braunschweig aus wirtschaftlichen und politischen Gründen. Braunschweig war eine größere und wirtschaftlich bedeutendere Stadt und bot bessere Möglichkeiten für die Regierungsgeschäfte des wachsenden Fürstentums. Dies bedeutete das Ende von Wolfenbüttel als politisches Zentrum, aber nicht das Ende des Schlosses als bedeutendes Bauwerk.",
-            },
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=9"
-          imageAlt="Schloss Architektur"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          animationType="smooth"
-          showCard={true}
-        />
-      </div>
-
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=12"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
-                { label: "Renaissance", href: "/epochen/renaissance" },
-                { label: "Barock", href: "/epochen/barock" },
+                { label: "Renaissance", href: "#renaissance" },
+                { label: "Barock", href: "#baroque" },
               ],
             },
             {
-              title: "Ressourcen",
-              items: [
+              title: "Ressourcen",              items: [
                 { label: "FAQ", href: "#faq" },
-                { label: "Kontakt", href: "/kontakt" },
+                { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
                 { label: "Datenschutz", href: "#datenschutz" },
               ],
             },
             {
-              title: "Über das Projekt",
-              items: [
+              title: "Über das Projekt",              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },
@@ -155,4 +94,4 @@ export default function ContemporaryPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/epochen/mittelalter/page.tsx b/src/app/epochen/mittelalter/page.tsx
index 57b7f4d..76f6a2c 100644
--- a/src/app/epochen/mittelalter/page.tsx
+++ b/src/app/epochen/mittelalter/page.tsx
@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { MapPin, Shield, History, Landmark, BookMarked, Castle } from "lucide-react";
+import { Shield, Crown, History, MapPin, BookOpen } from "lucide-react";
 
-export default function MedievalPage() {
+export default function MittelalterPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -16,7 +16,7 @@ export default function MedievalPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -33,70 +33,54 @@ export default function MedievalPage() {
             { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
-            href: "/",
+            text: "Zur Übersicht",            href: "/"
           }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Introduction Section */}
-      <div id="medieval-intro" data-section="medieval-intro">
+      {/* Medieval Overview Section */}
+      <div id="medieval-overview" data-section="medieval-overview">
         <MetricSplitMediaAbout
-          tag="11.-13. Jahrhundert"
-          tagIcon={MapPin}
-          title="Mittelalterliche Ursprünge des Schlosses Wolfenbüttel"
-          description="Die Anfänge von Schloss Wolfenbüttel reichen bis in das Hochmittelalter zurück. Die genauen Gründungsdaten sind historisch schwer zu bestimmen, aber archäologische Befunde und schriftliche Quellen deuten darauf hin, dass eine befestigte Burganlage an der Oker spätestens im 11.-12. Jahrhundert errichtet wurde. Diese erste Phase war geprägt von militärischen und defensiven Funktionen. Die strategische Lage an der Oker im norddeutschen Flachland war ausschlaggebend für die Wahl dieses Standortes."
+          tag="Hochmittelalter"
+          tagIcon={Shield}
+          title="Mittelalterliche Ursprünge"
+          description="Die Anfänge der Burganlage reichen bis in das Hochmittelalter zurück. Bereits im 11. Jahrhundert entstand an der Oker eine befestigte Anlage, die aufgrund ihrer strategischen Lage zu einem wichtigen Verwaltungs- und Verteidigungszentrum der Region wurde."
           metrics={[
-            { value: "11.-12. Jh.", title: "Gründungsepoche" },
-            { value: "~900", title: "Jahre Geschichte" },
+            { value: "11.-12. Jh.", title: "Gründungsphase" },
+            { value: "Wasserburg", title: "Bautyp" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=3"
-          imageAlt="Mittelalterliche Wasserburg Struktur"
+          imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=1"
+          imageAlt="Mittelalterliche Wasserburg"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      {/* Features Section */}
+      {/* Medieval Features Section */}
       <div id="medieval-features" data-section="medieval-features">
         <FeatureCardTwentySeven
-          title="Architektonische Merkmale der Wasserburg"
-          description="Die charakteristischen Elemente der mittelalterlichen Burganlage"
+          title="Architektonische Merkmale"
+          description="Die baulichen Charakteristiken der mittelalterlichen Burganlage"
           tag="Hochmittelalter"
           tagIcon={Shield}
           features={[
             {
-              id: "wasserburg-konzept",
-              title: "Wasserburg-Konzept",
-              description:
-                "Die Wasserburg war das dominante Burgtyp im norddeutschen Flachland. Umgeben von künstlichen oder natürlichen Wassergräben, bot diese Bauweise optimalen Schutz gegen mittelalterliche Angriffstechniken. Die Oker diente als natürliche Wasserquelle und Transportweg für Versorgungsgüter.",
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=4",
-              imageAlt: "Wasserburg Konzept",
+              id: "strategy",              title: "Strategische Bedeutung",              description:
+                "Die Lage am Fluss war strategisch besonders günstig. Bereits im Mittelalter war die Anlage mehrfach von kriegerischen Auseinandersetzungen betroffen. Regionale Machtkämpfe zwischen verschiedenen Fürsten führten zu Belagerungen und notwendigen Reparaturen und Erweiterungen.",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=2",              imageAlt: "Strategische Lage"
             },
             {
-              id: "burgfried",
-              title: "Bergfried - Das Herzstück",
-              description:
-                "Der Bergfried war der zentrale Wehrturm der Anlage. Mit seiner massiven Steinstruktur und den eng gestalteten Fensteröffnungen diente er sowohl als Wohnraum für Adelige als auch als ultimativer Verteidigungspunkt. Im Falle einer Belagerung konnte sich die Besatzung hier verteidigen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=5",
-              imageAlt: "Bergfried Turm",
+              id: "wasserburg",              title: "Wasserburg-Konzept",              description:
+                "Die ursprüngliche Anlage war als Wasserburg konzipiert, umgeben von künstlichen oder natürlichen Wassergräben. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die Landschaft nur wenige natürliche Höhenlagen bot. Die Oker diente als natürliche Verteidigungslinie und Transportweg.",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=1",              imageAlt: "Wassergräben"
             },
             {
-              id: "ringmauer",
-              title: "Massive Ringmauer",
-              description:
-                "Eine robuste Ringmauer umgab die gesamte Anlage und bildete die erste Verteidigungslinie. Gebaut aus Bruchstein mit sehr dicken Mauern (teilweise über 2 Meter), war sie designed um Pfeilen, Katapulten und Rammen standzuhalten.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=6",
-              imageAlt: "Ringmauer",
+              id: "ringmauer",              title: "Massive Ringmauer",              description:
+                "Die mittelalterliche Burg bestand aus mehreren zentralen Bauelementen: einer massiven Ringmauer, einem Bergfried als zentraler Wehrturm sowie verschiedenen Wohn- und Wirtschaftsgebäuden. Die Gebäude wurden überwiegend aus Bruchstein errichtet mit sehr dicken Mauern.",              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=1",              imageAlt: "Steinmauer"
             },
             {
-              id: "innenhof",
-              title: "Innenhof und Wirtschaftsgebäude",
-              description:
-                "Im Inneren der Burg befanden sich Wohn- und Wirtschaftsgebäude. Der zentrale Innenhof diente als Versammlungsplatz und erlaubte die Viehzucht. Speicherbauten lagerten Getreide und Proviant für längere Belagerungen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=4",
-              imageAlt: "Innenhof Struktur",
+              id: "bergfried",              title: "Bergfried und Wehrtürme",              description:
+                "Der Bergfried diente als zentraler Wehrturm mit enger Fenstergestaltung. Fenster waren klein und schmal gestaltet, wodurch sie sowohl Schutz boten als auch als Schießscharten genutzt werden konnten. Türme mit Wehrgängen bestimmten das Erscheinungsbild.",              imageSrc: "http://img.b2bpic.net/free-vector/nature-landscapes-flat-design_23-2147511644.jpg?_wi=1",              imageAlt: "Wehrtürme"
             },
           ]}
           gridVariant="two-columns-alternating-heights"
@@ -106,57 +90,49 @@ export default function MedievalPage() {
         />
       </div>
 
-      {/* Historical Context Section */}
-      <div id="historical-context" data-section="historical-context">
+      {/* Welfen Period Section */}
+      <div id="welfen-period" data-section="welfen-period">
         <MetricSplitMediaAbout
-          tag="Historischer Kontext"
-          tagIcon={History}
-          title="Die Oker-Region und die frühmittelalterliche Besiedlung"
-          description="Die Oker war ein strategisch wichtiger Fluss in Norddeutschland. Entlang ihrer Ufer entstanden mehrere Burgen, die für die regionale Herrschaft und den Schutz von Handelsrouten entscheidend waren. Wolfenbüttel war einer der bedeutendsten dieser Burgorte. Die Region war Schauplatz zahlreicher feudaler Konflikte zwischen verschiedenen Adelshäusern. Die Burganlage diente Fürsten und Bischöfen als Machtsymbol und Verwaltungszentrum. Über die Oker führte eine wichtige Handelsroute von der Nordsee ins Landesinnere."
+          tag="Spätes Mittelalter"
+          tagIcon={Crown}
+          title="Die Welfenresidenz (1283-1430)"
+          description="Eine bedeutende Phase begann 1283, als die Herzöge aus dem Haus der Welfen begannen, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Im Verlauf des 14. Jahrhunderts entwickelte sich Wolfenbüttel zunehmend zu einem politischen Zentrum der welfischen Herrschaft."
           metrics={[
-            { value: "Oker", title: "Strategischer Fluss" },
-            { value: "Mehrere", title: "Burgen in der Region" },
+            { value: "1283", title: "Beginn der Welfen-Herrschaft" },
+            { value: "14. Jh.", title: "Blüteperiode" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/nature-landscapes-flat-design_23-2147511644.jpg?_wi=2"
-          imageAlt="Oker-Landschaft"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-queen-with-royal-crown_23-2150306017.jpg?_wi=1"
+          imageAlt="Welfische Herrschaft"
           mediaAnimation="slide-up"
-          useInvertedBackground={false}
+          metricsAnimation="slide-up"
+          useInvertedBackground={true}
         />
       </div>
 
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=4"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
-                {
-                  label: "Renaissance",
-                  href: "/#renaissance",
-                },
-                {
-                  label: "Barock",
-                  href: "/#baroque",
-                },
+                { label: "Renaissance", href: "#renaissance" },
+                { label: "Barock", href: "#baroque" },
               ],
             },
             {
-              title: "Ressourcen",
-              items: [
-                { label: "FAQ", href: "/#faq" },
+              title: "Ressourcen",              items: [
+                { label: "FAQ", href: "#faq" },
                 { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
                 { label: "Datenschutz", href: "#datenschutz" },
               ],
             },
             {
-              title: "Über das Projekt",
-              items: [
+              title: "Über das Projekt",              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },
@@ -170,4 +146,4 @@ export default function MedievalPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/epochen/modern/page.tsx b/src/app/epochen/modern/page.tsx
index 26d197b..3bf1373 100644
--- a/src/app/epochen/modern/page.tsx
+++ b/src/app/epochen/modern/page.tsx
@@ -1,50 +1,13 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Clock, Landmark, MapPin, BookOpen } from "lucide-react";
-
-export default function ModernEpochPage() {
-  const navItems = [
-    { name: "Startseite", id: "/" },
-    { name: "Epochen", id: "/epochen" },
-    { name: "Recherche", id: "/research" },
-    { name: "Kontakt", id: "/contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Navigation",
-      items: [
-        { label: "Startseite", href: "/" },
-        { label: "Mittelalter", href: "/epochen/mittelalter" },
-        { label: "Renaissance", href: "/epochen/renaissance" },
-        { label: "Barock", href: "/epochen/barock" },
-      ],
-    },
-    {
-      title: "Ressourcen",
-      items: [
-        { label: "FAQ", href: "#faq" },
-        { label: "Kontakt", href: "/kontakt" },
-        { label: "Impressum", href: "#impressum" },
-        { label: "Datenschutz", href: "#datenschutz" },
-      ],
-    },
-    {
-      title: "Über das Projekt",
-      items: [
-        { label: "Facharbeit", href: "#research" },
-        { label: "Archiv", href: "#archive" },
-        { label: "Literatur", href: "#bibliography" },
-        { label: "Förderung", href: "#support" },
-      ],
-    },
-  ];
+import Link from "next/link";
+import { Clock, Landmark, BookOpen } from "lucide-react";
 
+export default function ModernPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -52,84 +15,121 @@ export default function ModernEpochPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
       headingFontWeight="extrabold"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="Schloss Wolfenbüttel"
-          navItems={navItems}
+          navItems={[
+            { name: "Startseite", id: "/" },
+            { name: "Epochen", id: "/epochen/mittelalter" },
+            { name: "Recherche", id: "#faq" },
+            { name: "Kontakt", id: "#contact" },
+          ]}
           button={{
-            text: "Weitere Informationen",
-            href: "#about",
+            text: "Zur Übersicht",            href: "/"
           }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="modern" data-section="modern" className="mx-auto px-4 md:px-6">
+      {/* Early Modern Era Section */}
+      <div id="early-modern" data-section="early-modern">
         <MetricSplitMediaAbout
-          tag="1754 - Gegenwart"
+          tag="Frühe Neuzeit"
           tagIcon={Clock}
-          title="Nach der Residenzverlagerung (1754 - frühes 20. Jahrhundert)"
-          description="Im Jahr 1753 entschied Herzog Karl I. von Braunschweig-Wolfenbüttel, seine Residenz nach Braunschweig zu verlegen. Im Jahr 1754 wurde diese Entscheidung endgültig umgesetzt. Gründe waren vor allem wirtschaftliche und politische Entwicklungen, da Braunschweig eine größere und wirtschaftlich bedeutendere Stadt war. Mit der Verlagerung der Residenz verlor das Schloss Wolfenbüttel seine zentrale politische Funktion. In den folgenden Jahrzehnten wurde die Anlage für verschiedene Zwecke genutzt - Teile des Gebäudes dienten als Verwaltungsräume, während andere Bereiche für Bildungs- und kulturelle Einrichtungen umgebaut wurden."
+          title="Renaissance und Barock (16.-18. Jahrhundert)"
+          description="Nach der Zerstörung während des Schmalkaldischen Krieges (1546-1547) wurde das Schloss unter Heinrich dem Jüngeren im Renaissance-Stil wiederaufgebaut. Im 17. Jahrhundert erfolgte dann eine barocke Expansion, die das Schloss zur bedeutendsten Fürstenresidenz der Region machte."
           metrics={[
-            { value: "270+", title: "Jahre alternative Nutzung" },
-            { value: "100%", title: "Erhaltene Bausubstanz" },
+            { value: "1546", title: "Renaissance-Wiederaufbau" },
+            { value: "17. Jh.", title: "Barock-Expansion" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/old-building-surrounded-by-trees-flowers-sunlight-avignon-france_181624-16123.jpg?_wi=2"
-          imageAlt="Schloss nach Residenzverlagerung"
+          imageSrc="http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=1"
+          imageAlt="Renaissance und Barock"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="contemporary" data-section="contemporary" className="mx-auto px-4 md:px-6">
+      {/* Residenzverlagerung Section */}
+      <div id="verlagerung" data-section="verlagerung">
+        <MetricSplitMediaAbout
+          tag="1754"
+          tagIcon={Clock}
+          title="Nach der Residenzverlagerung"
+          description="Im Jahr 1753 entschied Herzog Karl I. von Braunschweig-Wolfenbüttel, seine Residenz nach Braunschweig zu verlegen. Mit dieser Entscheidung verlor das Schloss Wolfenbüttel seine zentrale politische Funktion. In den folgenden Jahrzehnten wurde die Anlage für verschiedene Zwecke genutzt - Teile des Gebäudes dienten als Verwaltungsräume, während andere Bereiche für Bildungs- und kulturelle Einrichtungen umgebaut wurden."
+          metrics={[
+            { value: "1754", title: "Residenzverlagerung" },
+            { value: "270+ Jahre", title: "Alternative Nutzung" },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/old-building-surrounded-by-trees-flowers-sunlight-avignon-france_181624-16123.jpg?_wi=1"
+          imageAlt="Nach der Residenzverlagerung"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      {/* Contemporary Usage Section */}
+      <div id="contemporary" data-section="contemporary">
         <MetricSplitMediaAbout
           tag="Gegenwart"
           tagIcon={Landmark}
           title="Heutige Nutzung und Bedeutung"
-          description="Heute wird das Schloss sowohl kulturell als auch bildungspolitisch genutzt. Ein Teil der Anlage beherbergt ein Museum, in dem die Geschichte des Schlosses sowie der welfischen Herrscher dargestellt wird. Besucher können dort historische Räume besichtigen und Einblicke in das höfische Leben vergangener Jahrhunderte erhalten. Darüber hinaus befindet sich im Schloss ein Gymnasium, wodurch das Gebäude weiterhin eine wichtige Rolle im Bildungsbereich spielt. Durch diese vielfältige Nutzung bleibt das historische Bauwerk ein lebendiger Bestandteil der Stadt Wolfenbüttel und ein bedeutendes Wahrzeichen für Kultur und Bildung."
+          description="Heute wird das Schloss sowohl kulturell als auch bildungspolitisch genutzt. Ein Teil der Anlage beherbergt ein Museum, in dem die Geschichte des Schlosses sowie der welfischen Herrscher dargestellt wird. Darüber hinaus befindet sich im Schloss ein Gymnasium, wodurch das Gebäude weiterhin eine wichtige Rolle im Bildungsbereich spielt."
           metrics={[
             { value: "Museum", title: "Kulturelle Nutzung" },
             { value: "Gymnasium", title: "Bildungseinrichtung" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=8"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
           imageAlt="Schloss heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      <div id="conclusion" data-section="conclusion" className="mx-auto px-4 md:px-6">
-        <MetricSplitMediaAbout
-          tag="Fazit"
-          tagIcon={BookOpen}
-          title="Zusammenfassung und Zukunftsperspektiven"
-          description="Die Geschichte des Schlosses Wolfenbüttel zeigt eindrucksvoll die Entwicklung eines Bauwerks über mehrere Jahrhunderte hinweg. Von einer mittelalterlichen Burg entwickelte sich die Anlage zu einer repräsentativen Renaissance- und später barocken Residenz der Welfen. Die verschiedenen Bauphasen spiegeln dabei die politischen und gesellschaftlichen Veränderungen ihrer Zeit wider. Während im Mittelalter militärische Aspekte im Vordergrund standen, gewannen in der Renaissance und im Barock repräsentative Funktionen zunehmend an Bedeutung. Auch nach der Residenzverlagerung im Jahr 1754 blieb das Schloss ein wichtiger Bestandteil der regionalen Geschichte. Durch seine heutige Nutzung als kulturelle und bildungspolitische Einrichtung bleibt das Bauwerk weiterhin ein bedeutendes historisches Wahrzeichen der Stadt Wolfenbüttel."
-          metrics={[
-            { value: "5", title: "Große Epochen" },
-            { value: "∞", title: "Historische Bedeutung" },
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=9"
-          imageAlt="Schloss Wolfenbüttel heute"
-          mediaAnimation="slide-up"
-          useInvertedBackground={true}
-        />
-      </div>
-
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=10"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
-          columns={footerColumns}
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Startseite", href: "/" },
+                { label: "Mittelalter", href: "/epochen/mittelalter" },
+                { label: "Renaissance", href: "#renaissance" },
+                { label: "Barock", href: "#baroque" },
+              ],
+            },
+            {
+              title: "Ressourcen",              items: [
+                { label: "FAQ", href: "#faq" },
+                { label: "Kontakt", href: "#contact" },
+                { label: "Impressum", href: "#impressum" },
+                { label: "Datenschutz", href: "#datenschutz" },
+              ],
+            },
+            {
+              title: "Über das Projekt",              items: [
+                { label: "Facharbeit", href: "#research" },
+                { label: "Archiv", href: "#archive" },
+                { label: "Literatur", href: "#bibliography" },
+                { label: "Förderung", href: "#support" },
+              ],
+            },
+          ]}
           logoText="Schloss Wolfenbüttel"
           copyrightText="© 2025 | Schloss Wolfenbüttel - Historische Facharbeit"
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/kontakt/page.tsx b/src/app/kontakt/page.tsx
index 8b8478f..3f58441 100644
--- a/src/app/kontakt/page.tsx
+++ b/src/app/kontakt/page.tsx
@@ -3,12 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { Mail, HelpCircle } from "lucide-react";
+import { Mail, Phone, MapPin, BookOpen } from "lucide-react";
 
-export default function ContactPage() {
+export default function KontaktPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -16,7 +15,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -27,121 +26,61 @@ export default function ContactPage() {
         <NavbarLayoutFloatingInline
           brandName="Schloss Wolfenbüttel"
           navItems={[
-            { name: "Startseite", id: "home" },
-            { name: "Epochen", id: "epochs" },
-            { name: "Recherche", id: "research" },
-            { name: "Kontakt", id: "contact" },
+            { name: "Startseite", id: "/" },
+            { name: "Epochen", id: "/epochen/mittelalter" },
+            { name: "Recherche", id: "#faq" },
+            { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
-            href: "#about",
+            text: "Zur Übersicht",            href: "/"
           }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Contact Information Section */}
-      <div id="contact-info" data-section="contact-info">
+      {/* Contact Section */}
+      <div id="contact" data-section="contact">
         <MetricSplitMediaAbout
           tag="Kontakt"
           tagIcon={Mail}
-          title="Kontakt & Weitere Fragen"
-          description="Haben Sie Fragen zur Geschichte, Architektur oder aktuellen Nutzung von Schloss Wolfenbüttel? Wir freuen uns auf Ihre Anfragen und stehen für weitere Informationen zur Verfügung. Diese Facharbeit entstand im Rahmen einer umfassenden akademischen Auseinandersetzung mit der historischen Entwicklung dieses bedeutenden norddeutschen Bauwerks. Kontaktieren Sie uns, falls Sie zusätzliche Informationen, Quellenangaben oder Details zu spezifischen Epochen benötigen."
+          title="Kontaktieren Sie uns"
+          description="Bei Fragen zur Geschichte des Schlosses Wolfenbüttel, zur Facharbeit oder zu möglichen Besichtigungen kontaktieren Sie uns gerne. Wir freuen uns über Ihr Interesse an diesem bedeutenden historischen Bauwerk."
           metrics={[
-            { value: "24/7", title: "Online verfügbar" },
-            { value: "Schnell", title: "Antwort innerhalb 48h" },
+            { value: "info@schloss-wolfenbuettel.de", title: "Email" },
+            { value: "+49 (0) 5331 86390", title: "Telefon" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=13"
-          imageAlt="Schloss Kontakt"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
+          imageAlt="Schloss Wolfenbüttel Kontakt"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      {/* Research FAQ Section */}
-      <div id="research-faq" data-section="research-faq">
-        <FaqSplitMedia
-          title="Forschungsfragen und -ressourcen"
-          description="Häufig gestellte Fragen zum Forschungsprozess und zu verfügbaren Ressourcen"
-          tag="Recherche"
-          tagIcon={HelpCircle}
-          faqs={[
-            {
-              id: "1",
-              title: "Welche Quellen wurden für diese Facharbeit verwendet?",
-              content:
-                "Die Facharbeit basiert auf wissenschaftlichen Sekundärliteratur zur Baugeschichte von Schloss Wolfenbüttel, archivalen Quellen zur Welfischen Herrschaft sowie kunsthistorischen Analysen der verschiedenen Bauepochen. Die Architekturanalyse stützt sich auf stilgeschichtliche Vergleiche mit anderen deutschen Schlössern derselben Epochen.",
-            },
-            {
-              id: "2",
-              title: "Kann ich die detaillierten Quellenlisten erhalten?",
-              content:
-                "Ja, detaillierte Quellenlisten und Literaturverzeichnisse sind über unsere Website verfügbar. Kontaktieren Sie uns per E-Mail, um eine vollständige Bibliographie mit Primär- und Sekundärliteratur sowie archivalen Dokumenten zu erhalten.",
-            },
-            {
-              id: "3",
-              title: "Gibt es Möglichkeiten, das Schloss zu besichtigen?",
-              content:
-                "Das Schloss Wolfenbüttel ist heute in Teilen für Besucher zugänglich. Das Museum im Schloss bietet regelmäßig Führungen an. Das Gymnasium nutzt ebenfalls Räume der Anlage. Für aktuelle Öffnungszeiten und Besuchsinformationen empfehlen wir, die offizielle Website der Stadt Wolfenbüttel zu besuchen.",
-            },
-            {
-              id: "4",
-              title: "Darf ich diese Inhalte für eigene Arbeiten nutzen?",
-              content:
-                "Diese Facharbeit steht zur Verfügung für Bildungszwecke. Bei Verwendung in eigenen Arbeiten bitten wir um angemessene Quellenangabe und Zitierung. Kommerzielle Nutzung ist nicht gestattet. Kontaktieren Sie uns für spezifische Nutzungsanfragen.",
-            },
-            {
-              id: "5",
-              title: "Gibt es weitere Epochen oder Details zu erforschen?",
-              content:
-                "Ja, die dargestellten fünf Hauptepochen sind eine Vereinfachung einer komplexeren Baugeschichte. Es gibt zahlreiche Detailfragen zu Raumanordnung, künstlerischer Ausgestaltung, alltäglichem Leben am Hof und wirtschaftlichen Aspekten, die vertieft erforscht werden könnten.",
-            },
-            {
-              id: "6",
-              title: "Wie kann ich mehr über die Welfen erfahren?",
-              content:
-                "Die Welfen sind Gegenstand umfangreicher historischer Forschung. Es gibt spezialisierte Arbeiten zur Welfischen Herrschaft, zu einzelnen Herrschern und zu ihrer Rolle in der deutschen Geschichte. Archivale Quellen sind teilweise in Braunschweig und Wolfenbüttel zugänglich.",
-            },
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=10"
-          imageAlt="Forschungsressourcen"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          animationType="smooth"
-          showCard={true}
-        />
-      </div>
-
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=14"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
-                { label: "Renaissance", href: "/epochen/renaissance" },
-                { label: "Barock", href: "/epochen/barock" },
+                { label: "Renaissance", href: "#renaissance" },
+                { label: "Barock", href: "#baroque" },
               ],
             },
             {
-              title: "Ressourcen",
-              items: [
+              title: "Ressourcen",              items: [
                 { label: "FAQ", href: "#faq" },
-                { label: "Kontakt", href: "/kontakt" },
+                { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
                 { label: "Datenschutz", href: "#datenschutz" },
               ],
             },
             {
-              title: "Über das Projekt",
-              items: [
+              title: "Über das Projekt",              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },
@@ -155,4 +94,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ae34f1a..d7fc80c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -63,7 +63,7 @@ export default function HomePage() {
           description="Entdecken Sie die faszinierende Geschichte einer der bedeutendsten historischen Residenzen Norddeutschlands. Von der mittelalterlichen Wasserburg zur barocken Fürstenresidenz – eine architektonische Reise durch die Jahrhunderte."
           tag="Historische Forschung"
           tagIcon={BookOpen}
-          background={{ variant: "grid" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
             { text: "Zu den Epochen", href: "/epochen/mittelalter" },
             { text: "Mehr erfahren", href: "#about" },
@@ -126,6 +126,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=1"
           imageAlt="Schloss Wolfenbüttel - Residenzbau"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -256,6 +257,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/old-building-surrounded-by-trees-flowers-sunlight-avignon-france_181624-16123.jpg?_wi=1"
           imageAlt="Schloss nach Residenzverlagerung"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -274,6 +276,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
           imageAlt="Schloss heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -331,6 +334,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=2"
           imageAlt="Schloss Wolfenbüttel heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>