fix: newsletter width home page

src/components/NewsletterFullWidth.tsx

@@ -22,27 +22,30 @@ const NewsletterFullWidth: React.FC<Props> = ({
     backgroundColor,
   };
   return (
-    <section
-      style={inlineStyles}
-      className="fc-py-16 lg:fc-pb-20 lg:fc-pt-18 fc-relative-width-full"
-    >
+    <section style={inlineStyles} className="fc-py-16 lg:fc-pb-20 lg:fc-pt-18">
       <div className="fc-container fc-flex fc-items-center fc-justify-center">
-        <NewsletterForm
-          locale={locale}
-          title={title}
-          placeholder={placeholder}
-          buttonText={buttonText}
-          privacyText={
-            <>
-              Für den Newsletter-Versand gelten unsere{" "}
-              <a className="fc-underline" href={`${baseUrl || ""}/de/privacy`}>
-                Datenschutzbestimmungen
-              </a>
-              .
-            </>
-          }
-          id="newsletter-hero"
-        />
+        <div className="fc-w-full fc-grid fc-grid-cols-1 lg:fc-grid-cols-[18%_64%_18%]">
+          <NewsletterForm
+            locale={locale}
+            title={title}
+            placeholder={placeholder}
+            buttonText={buttonText}
+            privacyText={
+              <>
+                Für den Newsletter-Versand gelten unsere{" "}
+                <a
+                  className="fc-underline"
+                  href={`${baseUrl || ""}/de/privacy`}
+                >
+                  Datenschutzbestimmungen
+                </a>
+                .
+              </>
+            }
+            id="newsletter-hero"
+            className="lg:fc-col-start-2"
+          />
+        </div>
       </div>
     </section>
   );