css fix

app/globals.css

@@ -7,6 +7,8 @@
   --color-secondary-bg: #E6E9ED;
   --color-text-primary: #1F2933;
   --color-text-secondary: #6B7280;
+  
+  --font-family-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 
 :root {
@@ -35,6 +37,10 @@
 }
 
 @layer base {
+  *, ::after, ::before {
+    box-sizing: border-box;
+  }
+
   html {
     scroll-behavior: smooth;
     -webkit-text-size-adjust: 100%;
@@ -48,6 +54,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
+    margin: 0;
   }
 
   h1, h2, h3, h4, h5, h6 {
@@ -91,12 +98,6 @@
     transition: all var(--transition-fast);
   }
 
-  .container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 var(--spacing-lg);
-  }
-
   section {
     padding: clamp(3rem, 8vw, 6rem) 0;
   }

app/page.tsx

@@ -14,7 +14,7 @@ export default function Home() {
           backgroundPosition: 'center',
         }}
       >
-        <div className="container mx-auto px-4 relative z-10">
+        <div className="max-w-[1200px] mx-auto px-4 relative z-10">
           <div className="max-w-[700px]">
             <span className="inline-block text-accent-green text-xs font-bold uppercase tracking-[0.15em] mb-3">Engineering Excellence</span>
             <h1 className="text-primary text-4xl md:text-6xl font-extrabold mb-6 tracking-tight leading-[1.15]">
@@ -39,7 +39,7 @@ export default function Home() {
       </section>
 
       <section className="py-16 md:py-24 bg-[#f8fafc]">
-        <div className="container mx-auto px-4">
+        <div className="max-w-[1200px] mx-auto px-4">
           <div className="mb-12 md:mb-20">
             <span className="inline-block text-accent-green text-xs font-bold uppercase tracking-[0.15em] mb-3">Portfolio</span>
             <h2 className="text-primary text-3xl md:text-4xl font-bold mb-6 relative inline-block after:content-[''] after:absolute after:-bottom-3 after:left-0 after:w-12 after:h-1 after:bg-accent-green after:rounded-sm">Unsere Leistungen</h2>
@@ -68,7 +68,7 @@ export default function Home() {
       </section>
 
       <section className="py-16 md:py-24 bg-white">
-        <div className="container mx-auto px-4">
+        <div className="max-w-[1200px] mx-auto px-4">
           <div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 md:gap-16">
             <img
               src="/media/cables/HS Kabel.png"
@@ -112,7 +112,7 @@ export default function Home() {
           backgroundPosition: 'center',
         }}
       >
-        <div className="container mx-auto px-4 relative z-10">
+        <div className="max-w-[1200px] mx-auto px-4 relative z-10">
           <div className="mb-12 md:mb-20">
             <span className="inline-block text-white/60 text-xs font-bold uppercase tracking-[0.15em] mb-3">Expertise</span>
             <h2 className="text-white text-3xl md:text-4xl font-bold mb-6">Technische Spezifikationen</h2>
@@ -143,7 +143,7 @@ export default function Home() {
       </section>
 
       <section className="py-16 md:py-24 bg-white">
-        <div className="container mx-auto px-4">
+        <div className="max-w-[1200px] mx-auto px-4">
           <div className="mb-12 md:mb-20">
             <span className="inline-block text-accent-green text-xs font-bold uppercase tracking-[0.15em] mb-3">Werte</span>
             <h2 className="text-primary text-3xl md:text-4xl font-bold mb-6 relative inline-block after:content-[''] after:absolute after:-bottom-3 after:left-0 after:w-12 after:h-1 after:bg-accent-green after:rounded-sm">Unsere Leitprinzipien</h2>
@@ -171,7 +171,7 @@ export default function Home() {
       </section>
 
       <section className="relative py-16 md:py-24 bg-primary overflow-hidden">
-        <div className="container mx-auto px-4 relative z-10">
+        <div className="max-w-[1200px] mx-auto px-4 relative z-10">
           <h2 className="text-white text-3xl md:text-5xl font-bold mb-6 tracking-tight leading-tight">
             Bereit für Ihr nächstes Projekt?
           </h2>

components/Layout.tsx

@@ -35,7 +35,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <div className="min-h-screen flex flex-col">
       <header className="sticky top-0 z-[100] bg-bg-color/95 backdrop-blur-xl border-b border-secondary-bg pt-[env(safe-area-top)]">
-        <div className="container mx-auto px-4 h-20 flex justify-between items-center">
+        <div className="max-w-[1200px] mx-auto px-4 h-20 flex justify-between items-center">
           <Link
             href="/"
             className="flex items-center"
@@ -104,7 +104,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
       </nav>
 
       <footer className="bg-white border-t border-secondary-bg py-8 md:py-16 mt-8 md:mt-16">
-        <div className="container mx-auto px-4">
+        <div className="max-w-[1200px] mx-auto px-4">
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-12 mb-8 md:mb-12">
             <div className="flex flex-col items-center md:items-start text-center md:text-left">
               <img

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+
+export default config;