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
+}