fix(ui): comprehensive mobile optimizations across homepage and blocks

- fix: bottom nav and footer padding collision
- fix: reveal animation flickering (Certificates, SubCompanyTiles)
- fix: tooltip flyout overflow on mobile in Germany map
- fix: flex direction for 'Projekt anfragen' and Service Detail icons
- fix: text alignment and spacing issues in ReferencesSlider
- fix: reduce excessive whitespace above footer

components/blocks/InteractiveGermanyMap.tsx

@@ -239,16 +239,16 @@ export function InteractiveGermanyMap({
                     animate={{ opacity: 1, y: 0, scale: 1 }}
                     exit={{ opacity: 0, y: 10, scale: 0.95 }}
                     transition={{ duration: 0.2 }}
-                    className="absolute z-[9999] pointer-events-auto"
+                    className="absolute z-[9999] pointer-events-auto bottom-[-60px] left-1/2 -translate-x-1/2 w-[calc(100vw-2rem)] max-w-[320px] md:w-max md:bottom-auto md:left-[var(--md-left)] md:top-[var(--md-top)] md:[transform:var(--md-transform)]"
                     style={{
-                      left: `${activeLocation.x}%`,
-                      top: `${activeLocation.y}%`,
-                      transform: activeLocation.x < 50 ? 'translate(20px, -50%)' : 'translate(calc(-100% - 20px), -50%)',
-                    }}
+                      '--md-left': `${activeLocation.x}%`,
+                      '--md-top': `${activeLocation.y}%`,
+                      '--md-transform': activeLocation.x < 50 ? 'translate(20px, -50%)' : 'translate(calc(-100% - 20px), -50%)',
+                    } as React.CSSProperties}
                     onMouseEnter={() => handleMouseEnter(activeLocation)}
                     onMouseLeave={handleMouseLeave}
                   >
-                    <div className="bg-[#050B14]/95 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl min-w-[200px] w-max max-w-[300px] text-white overflow-hidden">
+                    <div className="bg-[#050B14]/95 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl w-full text-white overflow-hidden">
                       {activeLocation.featuredImage && (
                         <div className="relative w-full h-32 bg-neutral-900">
                           <Image