fix: reduce mobile gaps in ScaleOfImpact component

components/blocks/ScaleOfImpact.tsx

@@ -46,7 +46,7 @@ export function ScaleOfImpact() {
           )}
         </h2>
         
-        <p className="text-white/60 text-lg md:text-xl max-w-2xl font-medium mb-16">
+        <p className="text-white/60 text-lg md:text-xl max-w-2xl font-medium mb-8 md:mb-16">
           {locale === 'en' 
             ? "We don't just talk about the energy transition. We build it. In the last 36 months alone, we have completed a route that stretches from our headquarters in Guben all the way to Munich."
             : "Wir sprechen nicht nur über die Energiewende. Wir bauen sie. Allein in den letzten 36 Monaten haben wir eine Strecke realisiert, die von unserem Hauptsitz in Guben bis nach München reicht."
@@ -54,7 +54,7 @@ export function ScaleOfImpact() {
         </p>
 
         {/* Abstract SVG Line Animation */}
-        <div className="w-full max-w-4xl h-32 relative">
+        <div className="w-full max-w-4xl h-20 md:h-32 relative">
           <svg 
             width="100%" 
             height="100%" 
@@ -82,7 +82,7 @@ export function ScaleOfImpact() {
         </div>
 
         {/* Static Data Grid (No jumping text) */}
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12 w-full max-w-5xl mt-12">
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-y-8 gap-x-2 md:gap-12 w-full max-w-5xl mt-8 md:mt-12">
           <div className="flex flex-col items-center">
             <div className="font-mono text-4xl md:text-5xl font-black text-white tracking-tighter mb-2">200 <span className="text-primary">+</span></div>
             <div className="text-xs font-bold uppercase tracking-widest text-white/50">{locale === 'en' ? 'Projects' : 'Projekte'}</div>