From 3582370449a033f3606eb1696d3c779146769718 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Sun, 25 Jan 2026 11:34:57 +0100
Subject: [PATCH] font sizes

---
 app/[locale]/[slug]/page.tsx             |  2 +-
 app/[locale]/blog/[slug]/page.tsx        |  4 ++--
 app/[locale]/blog/page.tsx               |  4 ++--
 app/[locale]/contact/page.tsx            |  2 +-
 app/[locale]/products/[...slug]/page.tsx |  4 ++--
 app/[locale]/products/page.tsx           |  4 ++--
 app/[locale]/team/page.tsx               |  8 ++++----
 components/blog/PowerCTA.tsx             |  2 +-
 components/blog/StickyNarrative.tsx      |  2 +-
 components/home/Experience.tsx           |  4 ++--
 components/home/VideoSection.tsx         |  2 +-
 components/ui/Heading.tsx                | 10 +++++-----
 styles/globals.css                       | 12 ++++++------
 13 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/app/[locale]/[slug]/page.tsx b/app/[locale]/[slug]/page.tsx
index de43b8e2..9ad882c4 100644
--- a/app/[locale]/[slug]/page.tsx
+++ b/app/[locale]/[slug]/page.tsx
@@ -60,7 +60,7 @@ export default async function StandardPage({ params: { locale, slug } }: PagePro
         <Container className="relative z-10">
           <div className="max-w-4xl animate-slide-up">
             <Badge variant="accent" className="mb-4 md:mb-6">{t('badge')}</Badge>
-            <Heading level={1} className="text-3xl md:text-6xl lg:text-7xl xl:text-8xl text-white mb-0">
+            <Heading level={1} className="text-3xl md:text-5xl lg:text-6xl text-white mb-0">
               <span className="text-white">{pageData.frontmatter.title}</span>
             </Heading>
           </div>
diff --git a/app/[locale]/blog/[slug]/page.tsx b/app/[locale]/blog/[slug]/page.tsx
index e22b3676..48912278 100644
--- a/app/[locale]/blog/[slug]/page.tsx
+++ b/app/[locale]/blog/[slug]/page.tsx
@@ -224,7 +224,7 @@ export default async function BlogPost({ params: { locale, slug } }: BlogPostPro
                     </span>
                   </div>
                 )}
-                <h1 className="text-4xl md:text-6xl lg:text-7xl font-bold text-white mb-8 leading-[1.1] drop-shadow-2xl animate-slight-fade-in-from-bottom [animation-delay:200ms]">
+                <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-8 leading-[1.1] drop-shadow-2xl animate-slight-fade-in-from-bottom [animation-delay:200ms]">
                   {post.frontmatter.title}
                 </h1>
                 <div className="flex flex-wrap items-center gap-6 text-white/80 text-sm md:text-base font-medium animate-slight-fade-in-from-bottom [animation-delay:400ms]">
@@ -252,7 +252,7 @@ export default async function BlogPost({ params: { locale, slug } }: BlogPostPro
                 </span>
               </div>
             )}
-            <h1 className="text-4xl md:text-6xl font-bold text-text-primary mb-8 leading-tight">
+            <h1 className="text-4xl md:text-5xl font-bold text-text-primary mb-8 leading-tight">
               {post.frontmatter.title}
             </h1>
             <div className="flex items-center gap-6 text-text-secondary font-medium">
diff --git a/app/[locale]/blog/page.tsx b/app/[locale]/blog/page.tsx
index e6053551..60e38273 100644
--- a/app/[locale]/blog/page.tsx
+++ b/app/[locale]/blog/page.tsx
@@ -68,10 +68,10 @@ export default async function BlogIndex({ params: { locale } }: BlogIndexProps)
             <Badge variant="saturated" className="mb-4 md:mb-6">{t('featuredPost')}</Badge>
             {featuredPost && (
               <>
-                <h1 className="text-3xl md:text-7xl font-extrabold text-white mb-4 md:mb-8 leading-[1.1] line-clamp-3 md:line-clamp-none">
+                <h1 className="text-3xl md:text-6xl font-extrabold text-white mb-4 md:mb-8 leading-[1.1] line-clamp-3 md:line-clamp-none">
                   {featuredPost.frontmatter.title}
                 </h1>
-                <p className="text-base md:text-2xl text-white/80 mb-6 md:mb-10 line-clamp-2 md:line-clamp-2 max-w-2xl">
+                <p className="text-base md:text-xl text-white/80 mb-6 md:mb-10 line-clamp-2 md:line-clamp-2 max-w-2xl">
                   {featuredPost.frontmatter.excerpt}
                 </p>
                 <Button href={`/${locale}/blog/${featuredPost.slug}`} variant="accent" size="lg" className="group w-full md:w-auto md:h-16 md:px-10 md:text-xl">
diff --git a/app/[locale]/contact/page.tsx b/app/[locale]/contact/page.tsx
index ef7e7cb0..e1977e9f 100644
--- a/app/[locale]/contact/page.tsx
+++ b/app/[locale]/contact/page.tsx
@@ -109,7 +109,7 @@ export default function ContactPage() {
             <Heading level={1} subtitle={t('heroSubtitle')} className="text-white mb-4 md:mb-6">
               <span className="text-white">{t('title')}</span>
             </Heading>
-            <p className="text-lg md:text-2xl text-white/70 leading-relaxed max-w-2xl">
+            <p className="text-lg md:text-xl text-white/70 leading-relaxed max-w-2xl">
               {t('subtitle')}
             </p>
           </div>
diff --git a/app/[locale]/products/[...slug]/page.tsx b/app/[locale]/products/[...slug]/page.tsx
index e08cb309..6aee00e8 100644
--- a/app/[locale]/products/[...slug]/page.tsx
+++ b/app/[locale]/products/[...slug]/page.tsx
@@ -93,7 +93,7 @@ const components = {
   p: (props: any) => <p {...props} className="text-lg md:text-xl text-text-secondary leading-relaxed mb-8 font-medium" />,
   h2: (props: any) => (
     <div className="relative mb-16">
-      <h2 {...props} className="text-4xl md:text-5xl font-black text-primary tracking-tighter uppercase mb-6" />
+      <h2 {...props} className="text-3xl md:text-4xl font-black text-primary tracking-tighter uppercase mb-6" />
       <div className="w-20 h-1.5 bg-accent rounded-full" />
     </div>
   ),
@@ -118,7 +118,7 @@ const components = {
   blockquote: (props: any) => (
     <div className="my-20 p-10 md:p-16 bg-primary-dark rounded-[40px] relative overflow-hidden group">
       <div className="absolute top-0 right-0 w-64 h-64 bg-accent/10 rounded-full -translate-y-1/2 translate-x-1/2 blur-3xl group-hover:bg-accent/20 transition-colors duration-700" />
-      <div className="relative z-10 italic text-2xl md:text-4xl text-white/90 leading-relaxed font-black tracking-tight" {...props} />
+      <div className="relative z-10 italic text-2xl md:text-3xl text-white/90 leading-relaxed font-black tracking-tight" {...props} />
     </div>
   ),
 };
diff --git a/app/[locale]/products/page.tsx b/app/[locale]/products/page.tsx
index 5d14cf0d..65b7409f 100644
--- a/app/[locale]/products/page.tsx
+++ b/app/[locale]/products/page.tsx
@@ -88,7 +88,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
             <Badge variant="saturated" className="mb-4 md:mb-8 shadow-lg px-3 py-1 md:px-4 md:py-1.5">
               {t('heroSubtitle')}
             </Badge>
-            <h1 className="text-4xl md:text-7xl lg:text-8xl font-extrabold text-white mb-4 md:mb-8 tracking-tight leading-[1.05]">
+            <h1 className="text-4xl md:text-6xl lg:text-7xl font-extrabold text-white mb-4 md:mb-8 tracking-tight leading-[1.05]">
               {t.rich('title', {
                 green: (chunks) => (
                   <span className="relative inline-block">
@@ -98,7 +98,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
                 )
               })}
             </h1>
-            <p className="text-lg md:text-2xl text-white/70 leading-relaxed max-w-2xl mb-8 md:mb-12 line-clamp-2 md:line-clamp-none">
+            <p className="text-lg md:text-xl text-white/70 leading-relaxed max-w-2xl mb-8 md:mb-12 line-clamp-2 md:line-clamp-none">
               {t('subtitle')}
             </p>
             <div className="flex flex-wrap gap-4 md:gap-6">
diff --git a/app/[locale]/team/page.tsx b/app/[locale]/team/page.tsx
index c67928f5..099c5dba 100644
--- a/app/[locale]/team/page.tsx
+++ b/app/[locale]/team/page.tsx
@@ -99,10 +99,10 @@ export default function TeamPage() {
         
         <Container className="relative z-10 text-center text-white max-w-5xl animate-slide-up">
           <Badge variant="saturated" className="mb-4 md:mb-8 shadow-lg">{t('hero.badge')}</Badge>
-          <h1 className="text-3xl md:text-7xl lg:text-8xl font-extrabold tracking-tight leading-[1.1] mb-4 md:mb-8">
+          <h1 className="text-3xl md:text-6xl lg:text-7xl font-extrabold tracking-tight leading-[1.1] mb-4 md:mb-8">
             {t('hero.subtitle')}
           </h1>
-          <p className="text-lg md:text-3xl text-white/70 font-medium italic">
+          <p className="text-lg md:text-2xl text-white/70 font-medium italic">
             {t('hero.title')}
           </p>
         </Container>
@@ -115,12 +115,12 @@ export default function TeamPage() {
             <div className="absolute top-0 right-0 w-32 h-full bg-accent/5 -skew-x-12 translate-x-1/2" />
             <div className="relative z-10">
               <Badge variant="accent" className="mb-4 md:mb-8">{t('michael.role')}</Badge>
-              <Heading level={2} className="text-white mb-6 md:mb-10 text-3xl md:text-6xl">
+              <Heading level={2} className="text-white mb-6 md:mb-10 text-3xl md:text-5xl">
                 <span className="text-white">{t('michael.name')}</span>
               </Heading>
               <div className="relative mb-6 md:mb-12">
                 <div className="absolute -left-4 md:-left-8 top-0 bottom-0 w-1 md:w-1.5 bg-accent rounded-full" />
-                <p className="text-lg md:text-3xl font-bold italic leading-relaxed pl-5 md:pl-8 text-white/90">
+                <p className="text-lg md:text-2xl font-bold italic leading-relaxed pl-5 md:pl-8 text-white/90">
                   {t('michael.quote')}
                 </p>
               </div>
diff --git a/components/blog/PowerCTA.tsx b/components/blog/PowerCTA.tsx
index d922cddd..60f15051 100644
--- a/components/blog/PowerCTA.tsx
+++ b/components/blog/PowerCTA.tsx
@@ -23,7 +23,7 @@ export default function PowerCTA({ locale }: PowerCTAProps) {
           {isDe ? 'Lösungen' : 'Solutions'}
         </div>
         
-        <h3 className="text-3xl md:text-5xl font-bold text-white mb-8 leading-tight">
+        <h3 className="text-2xl md:text-4xl font-bold text-white mb-8 leading-tight">
           {isDe ? 'Bereit für die' : 'Ready for the'} 
           <span className="text-accent block">{isDe ? 'Energiewende?' : 'Energy Transition?'}</span>
         </h3>
diff --git a/components/blog/StickyNarrative.tsx b/components/blog/StickyNarrative.tsx
index dd45e3b6..30780842 100644
--- a/components/blog/StickyNarrative.tsx
+++ b/components/blog/StickyNarrative.tsx
@@ -14,7 +14,7 @@ export default function StickyNarrative({ title, items }: StickyNarrativeProps)
   return (
     <div className="my-24 grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20 items-start not-prose">
       <div className="lg:col-span-4 lg:sticky lg:top-32">
-        <h3 className="text-3xl md:text-4xl font-bold text-primary leading-tight">
+        <h3 className="text-2xl md:text-3xl font-bold text-primary leading-tight">
           {title}
         </h3>
         <div className="w-16 h-1.5 bg-accent mt-8 rounded-full" />
diff --git a/components/home/Experience.tsx b/components/home/Experience.tsx
index 87a8ed32..85a042d6 100644
--- a/components/home/Experience.tsx
+++ b/components/home/Experience.tsx
@@ -36,11 +36,11 @@ export default function Experience() {
           
           <div className="mt-16 grid grid-cols-1 md:grid-cols-2 gap-12">
             <div className="animate-fade-in">
-              <div className="text-3xl md:text-4xl font-extrabold text-accent mb-4">{t('certifiedQuality')}</div>
+              <div className="text-2xl md:text-3xl font-extrabold text-accent mb-4">{t('certifiedQuality')}</div>
               <div className="text-base md:text-lg font-bold uppercase tracking-widest text-white/60">{t('vdeApproved')}</div>
             </div>
             <div className="animate-fade-in" style={{ animationDelay: '100ms' }}>
-              <div className="text-3xl md:text-4xl font-extrabold text-accent mb-4">{t('fullSpectrum')}</div>
+              <div className="text-2xl md:text-3xl font-extrabold text-accent mb-4">{t('fullSpectrum')}</div>
               <div className="text-base md:text-lg font-bold uppercase tracking-widest text-white/60">{t('solutionsRange')}</div>
             </div>
           </div>
diff --git a/components/home/VideoSection.tsx b/components/home/VideoSection.tsx
index b796a8ec..36d62287 100644
--- a/components/home/VideoSection.tsx
+++ b/components/home/VideoSection.tsx
@@ -17,7 +17,7 @@ export default function VideoSection() {
       </video>
       <div className="absolute inset-0 bg-gradient-to-b from-primary/60 via-transparent to-primary/60 flex items-center justify-center">
         <div className="max-w-5xl px-6 text-center animate-slide-up">
-          <h2 className="text-3xl md:text-5xl lg:text-6xl font-extrabold text-white leading-[1.1]">
+          <h2 className="text-3xl md:text-4xl lg:text-5xl font-extrabold text-white leading-[1.1]">
             {t.rich('title', {
               future: (chunks) => (
                 <span className="relative inline-block mx-2">
diff --git a/components/ui/Heading.tsx b/components/ui/Heading.tsx
index 5497425b..c05e5f09 100644
--- a/components/ui/Heading.tsx
+++ b/components/ui/Heading.tsx
@@ -17,11 +17,11 @@ export function Heading({
   const Tag = `h${level}` as any;
   
   const sizes = {
-    1: 'text-4xl md:text-6xl lg:text-7xl xl:text-8xl font-extrabold leading-[1.1] tracking-tight',
-    2: 'text-3xl md:text-5xl lg:text-6xl font-bold leading-[1.2] tracking-tight',
-    3: 'text-2xl md:text-3xl lg:text-4xl font-bold leading-[1.3] tracking-tight',
-    4: 'text-xl md:text-2xl font-bold leading-[1.4]',
-    5: 'text-lg md:text-xl font-bold leading-[1.5]',
+    1: 'text-3xl md:text-5xl lg:text-6xl font-extrabold leading-[1.1] tracking-tight',
+    2: 'text-2xl md:text-4xl lg:text-5xl font-bold leading-[1.2] tracking-tight',
+    3: 'text-xl md:text-2xl lg:text-3xl font-bold leading-[1.3] tracking-tight',
+    4: 'text-lg md:text-xl lg:text-2xl font-bold leading-[1.4]',
+    5: 'text-base md:text-lg font-bold leading-[1.5]',
     6: 'text-base md:text-lg font-semibold leading-[1.6]',
   };
 
diff --git a/styles/globals.css b/styles/globals.css
index 717833a2..1c0dc860 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -75,12 +75,12 @@
   }
   
   /* Enhanced Mobile-first typography hierarchy with fluid sizing */
-  h1 { @apply text-3xl md:text-6xl lg:text-7xl xl:text-8xl leading-[1.1]; }
-  h2 { @apply text-2xl md:text-5xl lg:text-6xl leading-[1.2]; }
-  h3 { @apply text-xl md:text-3xl lg:text-4xl leading-[1.3]; }
-  h4 { @apply text-lg md:text-2xl leading-[1.4]; }
-  h5 { @apply text-base md:text-xl leading-[1.5]; }
-  h6 { @apply text-sm md:text-lg leading-[1.6]; }
+  h1 { @apply text-3xl md:text-5xl lg:text-6xl leading-[1.1]; }
+  h2 { @apply text-2xl md:text-4xl lg:text-5xl leading-[1.2]; }
+  h3 { @apply text-xl md:text-2xl lg:text-3xl leading-[1.3]; }
+  h4 { @apply text-lg md:text-xl lg:text-2xl leading-[1.4]; }
+  h5 { @apply text-base md:text-lg leading-[1.5]; }
+  h6 { @apply text-sm md:text-base leading-[1.6]; }
   
   /* Paragraph and text styles */
   p {