From b5e09ea52ea1caf21bc8a300e2c142b443f790ef Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Thu, 29 Jan 2026 00:18:44 +0100
Subject: [PATCH] css fix

---
 app/globals.css       | 13 +++++++------
 app/page.tsx          | 12 ++++++------
 components/Layout.tsx |  4 ++--
 next-env.d.ts         |  2 +-
 postcss.config.mjs    |  7 +++++++
 5 files changed, 23 insertions(+), 15 deletions(-)
 create mode 100644 postcss.config.mjs

diff --git a/app/globals.css b/app/globals.css
index d2df0ff..5973f45 100644
--- a/app/globals.css
+++ b/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;
   }
diff --git a/app/page.tsx b/app/page.tsx
index 6528390..8e06e98 100644
--- a/app/page.tsx
+++ b/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>
diff --git a/components/Layout.tsx b/components/Layout.tsx
index 814a315..6a54a21 100644
--- a/components/Layout.tsx
+++ b/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
diff --git a/next-env.d.ts b/next-env.d.ts
index 9edff1c..c4b7818 100644
--- a/next-env.d.ts
+++ b/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.
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..297374d
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+
+export default config;