From 50b1cb6e2e3c7d5d50d697a9bf3fe94775648683 Mon Sep 17 00:00:00 2001
From: syntaxbullet <syntaxbullet@protonmail.com>
Date: Mon, 13 Jul 2026 22:19:27 +0200
Subject: [PATCH] fix: remove inline maxWidth style from About and Netzwerk
 components for improved layout consistency

---
 src/spa/pages/About.tsx       | 2 +-
 src/spa/pages/EventDetail.tsx | 2 +-
 src/spa/pages/Netzwerk.tsx    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/spa/pages/About.tsx b/src/spa/pages/About.tsx
index 7987d76..10a0e84 100644
--- a/src/spa/pages/About.tsx
+++ b/src/spa/pages/About.tsx
@@ -324,7 +324,7 @@ const About: React.FC = () => {
               <Lines text={fallbackText(values.heading, aboutContent.values.heading)} />
             </h2>
           </div>
-          <p className="type-body text-role-secondary" style={{ margin: 0, maxWidth: 440 }}>
+          <p className="type-body text-role-secondary" style={{ margin: 0 }}>
             {fallbackText(values.description, aboutContent.values.description)}
           </p>
         </div>
diff --git a/src/spa/pages/EventDetail.tsx b/src/spa/pages/EventDetail.tsx
index cbaf0e8..6c15c60 100644
--- a/src/spa/pages/EventDetail.tsx
+++ b/src/spa/pages/EventDetail.tsx
@@ -142,7 +142,7 @@ export default function EventDetail() {
   const statusStyle = statusStyles[event.status] ?? statusStyles.geplant
 
   return (
-    <div style={{ paddingTop: 60, background: WHITE, minHeight: '100vh', fontFamily: '"Inter", sans-serif' }}>
+    <div style={{ background: WHITE, minHeight: '100vh', fontFamily: '"Inter", sans-serif' }}>
 
       {/* ── Hero ─────────────────────────────────────────────────────────── */}
       <section style={{ position: 'relative', height: isMobile ? 'auto' : '65vh', minHeight: isMobile ? 520 : 480, overflow: 'hidden' }}>
diff --git a/src/spa/pages/Netzwerk.tsx b/src/spa/pages/Netzwerk.tsx
index 708083e..3397d24 100644
--- a/src/spa/pages/Netzwerk.tsx
+++ b/src/spa/pages/Netzwerk.tsx
@@ -753,12 +753,12 @@ const Netzwerk: React.FC = () => {
       {/* ── 6. PARTNER & SPONSOREN ───────────────────────────────────────────── */}
       <section id="partner" style={{ background: '#fff', overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
         <MunichSkylineBg />
-        <div style={{ padding: isMobile ? '48px 24px 32px' : '80px 80px 56px', display: 'flex', flexDirection: isMobile ? 'column' : 'row', gap: isMobile ? 12 : 0, justifyContent: 'space-between', alignItems: isMobile ? 'flex-start' : 'flex-end', borderBottom: '1px solid rgba(3,9,58,0.1)' }}>
+        <div style={{ padding: isMobile ? '48px 24px 32px' : '80px 80px 56px', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr', gap: isMobile ? 12 : 40, alignItems: 'end', borderBottom: '1px solid rgba(3,9,58,0.1)' }}>
           <div>
             <span style={{ fontFamily: FF, fontSize: 10, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, color: 'var(--text-eyebrow-light)', display: 'block', marginBottom: 16 }}>{fallbackText(partnerSection.eyebrow, netzwerkContent.partners.eyebrow)}</span>
             <h2 className="type-section-title text-role-heading" style={{ textTransform: 'uppercase', margin: 0 }}><Lines text={fallbackText(partnerSection.heading, netzwerkContent.partners.heading)} /></h2>
           </div>
-          <p className="type-body text-role-secondary" style={{ maxWidth: isMobile ? '100%' : 220, textAlign: isMobile ? 'left' : 'right', margin: 0 }}>
+          <p className="type-body text-role-secondary" style={{ margin: 0 }}>
             {visiblePartnerDescription(partnerSection.description)}
           </p>
         </div>