style: harmonize mobile and desktop vertical spacing across all components

components/blocks/BenefitGrid.tsx

@@ -75,7 +75,7 @@ const Icons = {
 
 export function BenefitGrid({ badge, title, description, benefits }: BenefitGridProps) {
   return (
-    <section className="bg-white py-12 md:py-24 relative overflow-hidden border-t border-neutral-100">
+    <section className="bg-white py-16 md:py-24 lg:py-32 relative overflow-hidden border-t border-neutral-100">
       <div className="container px-4 max-w-7xl mx-auto relative z-10">
         
         <div className="max-w-3xl mx-auto text-center mb-16">

components/blocks/CertificatesBlock.tsx

@@ -99,7 +99,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
 
   if (!isMounted) {
     return (
-      <section className="py-12 md:py-24 bg-neutral-50 relative overflow-hidden">
+    <section className="py-16 md:py-24 lg:py-32 bg-neutral-50 relative overflow-hidden">
         <Container>
           {!hideHeader && (
             <div className="text-center max-w-3xl mx-auto mb-16">

components/blocks/CompanyTimeline.tsx

@@ -80,7 +80,7 @@ export function CompanyTimeline({
   const lineHeight = useTransform(scrollYProgress, [0, 1], ["0%", "100%"]);
 
   return (
-    <section className="py-12 md:py-32 bg-[#FAFAFA] relative overflow-hidden">
+    <section className="py-16 md:py-24 lg:py-32 bg-[#FAFAFA] relative overflow-hidden">
       {/* Background Decor */}
       <div className="absolute top-0 right-0 w-[600px] h-[600px] bg-primary/5 rounded-full blur-[100px] pointer-events-none -translate-y-1/2 translate-x-1/3" />
       <div className="absolute bottom-0 left-0 w-[800px] h-[800px] bg-neutral-200/40 rounded-full blur-[120px] pointer-events-none translate-y-1/3 -translate-x-1/3" />

components/blocks/CompetenceBentoGrid.tsx

@@ -62,7 +62,7 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
   // Static fallback for SSR
   if (!isMounted) {
     return (
-      <section className="py-12 md:py-24 bg-neutral text-neutral-dark overflow-hidden relative">
+      <section className="py-16 md:py-24 lg:py-32 bg-neutral text-neutral-dark overflow-hidden relative">
         <Container>
           <div className="flex flex-col md:flex-row justify-between items-end mb-12">
             <div className="max-w-2xl">

components/blocks/ContactSection.tsx

@@ -41,7 +41,7 @@ export const ContactSection: React.FC<ContactSectionProps> = (props) => {
   const { showForm, showMap } = props;
 
   return (
-    <Section className="bg-neutral-light py-12 md:py-28 relative overflow-hidden">
+    <Section className="bg-neutral-light relative overflow-hidden">
       <Container>
         <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 md:gap-16">
           <motion.div 

components/blocks/FaqBlock.tsx

@@ -21,7 +21,7 @@ export const FaqBlock: React.FC<FaqBlockProps> = ({
   if (!questions || questions.length === 0) return null;
 
   return (
-    <section className="py-12 md:py-16">
+    <section className="py-16 md:py-24 lg:py-32">
       <div className="max-w-3xl mx-auto">
         <div className="mb-10 text-center">
           {subtitle && (

components/blocks/ReferencesSlider.tsx

@@ -94,7 +94,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
 
 
   return (
-    <section id="referenzen" className="py-12 md:py-24 bg-neutral-dark text-white relative overflow-hidden">
+    <section id="referenzen" className="py-16 md:py-24 lg:py-32 bg-neutral-dark text-white relative overflow-hidden">
       <div className="absolute inset-0 bg-gradient-to-b from-neutral-dark via-neutral-900 to-neutral-dark z-0" />
       
       <div className="container relative z-10 mb-12 flex flex-col md:flex-row justify-between items-end gap-6">

components/blocks/ServiceDetailGrid.tsx

@@ -105,7 +105,7 @@ export function ServiceDetailGrid({
   panels
 }: ServiceDetailGridProps) {
   return (
-    <section className="bg-neutral-50 py-12 md:py-24 border-b border-neutral-100 relative overflow-hidden">
+    <section className="bg-neutral-50 py-16 md:py-24 lg:py-32 border-b border-neutral-100 relative overflow-hidden">
       
       <div className="container relative z-10 px-4 max-w-7xl mx-auto">
         <div className="max-w-3xl mb-12 md:mb-20 text-left">

components/blocks/SubCompanyTiles.tsx

@@ -68,7 +68,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
   })) || defaultCompanies;
   
   return (
-    <section id="unternehmen" className="py-12 md:py-24 bg-neutral-dark border-b border-neutral-800 relative overflow-hidden">
+    <section id="unternehmen" className="py-16 md:py-24 lg:py-32 bg-neutral-dark border-b border-neutral-800 relative overflow-hidden">
       <div className="container relative z-10 px-4">
         
         {(badge || title) && (

components/blocks/TeamGrid.tsx

@@ -28,7 +28,7 @@ export function TeamGrid({ members }: TeamGridProps) {
   if (!members || members.length === 0) return null;
 
   return (
-    <section className="py-12 md:py-24 bg-white relative overflow-hidden">
+    <section className="py-16 md:py-24 lg:py-32 bg-white relative overflow-hidden">
       <div className="container relative z-10">
         <div className="mb-12">
           <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-3">{t('badge')}</h2>