diff --git a/app/[locale]/referenzen/page.tsx b/app/[locale]/referenzen/page.tsx
index 096ee147e..c0f671e92 100644
--- a/app/[locale]/referenzen/page.tsx
+++ b/app/[locale]/referenzen/page.tsx
@@ -11,6 +11,14 @@ import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap
 import { HeroSection } from '@/components/blocks/HeroSection';
 import { defaultLocations, minorLocations } from '@/lib/map-data';
 
+import { MDXRemote } from 'next-mdx-remote/rsc';
+
+const mdxComponents = {
+  ul: (props: any) => <ul className="list-disc pl-5 mb-6 text-neutral-600 text-sm space-y-2" {...props} />,
+  li: (props: any) => <li className="pl-1" {...props} />,
+  p: (props: any) => <p className="text-neutral-600 text-sm mb-4 leading-relaxed" {...props} />,
+};
+
 interface PageProps {
   params: Promise<{
     locale: string;
@@ -126,6 +134,13 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
                     {ref.frontmatter.title}
                   </h3>
                   
+                  {/* Project Details / Content */}
+                  {ref.content && (
+                    <div className="flex-grow mb-6">
+                      <MDXRemote source={ref.content} components={mdxComponents} />
+                    </div>
+                  )}
+                  
                   {/* Technical Meta Data */}
                   <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 relative z-10">
                     <div className="min-w-0">