design issues

app/impressum/page.tsx

@@ -5,61 +5,61 @@ import { TechBackground } from '@/components/TechBackground';
 
 export default function Legal() {
   return (
-    <div className="bg-slate-50 min-h-screen pt-32 pb-20 relative overflow-hidden">
+    <div className="bg-slate-50 min-h-screen pt-28 pb-20 relative overflow-hidden">
       <TechBackground />
       <div className="container-custom relative z-10">
-        <motion.div 
+        <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ type: "spring", stiffness: 50, damping: 20 }}
-          className="max-w-4xl mx-auto bg-white p-8 md:p-16 rounded-[2.5rem] shadow-sm border border-slate-100 relative overflow-hidden group"
+          className="max-w-4xl mx-auto bg-white p-8 md:p-12 rounded-[2.5rem] shadow-sm border border-slate-100 relative overflow-hidden group"
         >
           <div className="tech-corner top-8 left-8 border-t-2 border-l-2 opacity-20" />
           <div className="tech-corner bottom-8 right-8 border-b-2 border-r-2 opacity-20" />
           
-          <h1 className="text-4xl font-extrabold text-primary mb-12 relative z-10">Impressum</h1>
+          <h1 className="text-4xl font-extrabold text-primary mb-8 relative z-10">Impressum</h1>
           
-          <div className="space-y-12 text-slate-600 leading-relaxed relative z-10">
-            <section>
+          <div className="space-y-8 text-slate-600 leading-relaxed relative z-10">
+            <div>
               <h2 className="text-xl font-bold text-primary mb-4">Angaben gemäß § 5 TMG</h2>
               <p>
                 MB Grid Solutions & Services GmbH<br />
                 Raiffeisenstraße 22<br />
                 73630 Remshalden
               </p>
-            </section>
+            </div>
 
-            <section>
+            <div>
               <h2 className="text-xl font-bold text-primary mb-4">Vertreten durch</h2>
               <p>
                 Michael Bodemer<br />
                 Klaus Mintel
               </p>
-            </section>
+            </div>
 
-            <section>
+            <div>
               <h2 className="text-xl font-bold text-primary mb-4">Kontakt</h2>
               <p>
                 E-Mail: <a href="mailto:info@mb-grid-solutions.com" className="text-accent hover:underline">info@mb-grid-solutions.com</a><br />
                 Web: <a href="https://www.mb-grid-solutions.com" className="text-accent hover:underline">www.mb-grid-solutions.com</a>
               </p>
-            </section>
+            </div>
 
-            <section>
+            <div>
               <h2 className="text-xl font-bold text-primary mb-4">Registereintrag</h2>
               <p>
                 Eintragung im Handelsregister.<br />
                 Registergericht: Amtsgericht Stuttgart<br />
                 Registernummer: HRB 803379
               </p>
-            </section>
+            </div>
 
-            <section>
+            <div>
               <h2 className="text-xl font-bold text-primary mb-4">Urheberrecht</h2>
               <p>
                 Alle auf der Website veröffentlichten Texte, Bilder und sonstigen Informationen unterliegen – sofern nicht anders gekennzeichnet – dem Urheberrecht. Jede Vervielfältigung, Verbreitung, Speicherung, Übermittlung, Wiedergabe bzw. Weitergabe der Inhalte ohne schriftliche Genehmigung ist ausdrücklich untersagt.
               </p>
-            </section>
+            </div>
           </div>
         </motion.div>
       </div>