design

app/ueber-uns/page.tsx

@@ -33,11 +33,11 @@ export default function About() {
         </div>
 
         <div className="container-custom relative z-10">
-          <motion.div 
+          <motion.div
             initial="initial"
             animate="animate"
             variants={stagger}
-            className="max-w-3xl"
+            className="text-left"
           >
             <motion.span 
               variants={fadeInUp}
@@ -108,12 +108,12 @@ export default function About() {
       {/* Manifest Section */}
       <section className="bg-slate-50">
         <div className="container-custom">
-          <motion.div 
+          <motion.div
             initial="initial"
             whileInView="animate"
             viewport={{ once: true }}
             variants={fadeInUp}
-            className="text-center max-w-3xl mx-auto mb-20"
+            className="mb-20"
           >
             <span className="text-accent font-bold uppercase tracking-widest text-sm mb-4 block">Werte</span>
             <h2 className="text-4xl md:text-5xl font-bold text-primary mb-6">Unser Manifest</h2>
@@ -135,11 +135,10 @@ export default function About() {
               { icon: MessageSquare, title: 'Offenheit', desc: 'Wir hören zu und passen unsere Prozesse kontinuierlich an Ihren Erfolg an.' },
               { icon: ShieldCheck, title: 'Zuverlässigkeit', desc: 'Wir halten, was wir versprechen – ohne Ausnahme. Verbindlichkeit ist unser Fundament.' }
             ].map((item, i) => (
-              <motion.div 
+              <motion.div
                 key={i}
                 variants={fadeInUp}
-                whileHover={{ y: -5 }}
-                className="bg-white p-10 rounded-3xl border border-slate-100 shadow-sm hover:shadow-md transition-all motion-fix"
+                className="bg-white p-10 rounded-3xl border border-slate-100 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all motion-fix"
               >
                 <div className="text-accent mb-6">
                   <item.icon size={32} />
@@ -155,14 +154,14 @@ export default function About() {
       {/* CTA Section */}
       <section className="bg-white">
         <div className="container-custom">
-          <motion.div 
+          <motion.div
             initial={{ opacity: 0, scale: 0.95 }}
             whileInView={{ opacity: 1, scale: 1 }}
             viewport={{ once: true }}
             transition={{ duration: 0.8 }}
-            className="relative rounded-[2.5rem] bg-slate-900 p-12 md:p-24 overflow-hidden text-center"
+            className="relative rounded-[2.5rem] bg-slate-900 p-12 md:p-24 overflow-hidden"
           >
-            <div className="relative z-10 max-w-2xl mx-auto">
+            <div className="relative z-10">
               <h2 className="text-4xl md:text-5xl font-bold text-white mb-8">
                 Bereit für Ihr nächstes Projekt?
               </h2>