fix(web): rename mail env vars and pass build context to Dockerfile to fix CMS white screen

apps/web/app/(payload)/admin/importMap.js

@@ -32,6 +32,7 @@ import { default as default_2ebf44fdf8ebc607cf0de30cff485248 } from "@/src/paylo
 import { default as default_a1c6da8fb7dd9846a8b07123ff256d09 } from "@/src/payload/components/IconSelector";
 import { ConvertInquiryButton as ConvertInquiryButton_09fd670bce023a947ab66e4eebea5168 } from "@/src/payload/components/ConvertInquiryButton";
 import { AiAnalyzeButton as AiAnalyzeButton_51a6009c2b12d068d736ffd2b8182c71 } from "@/src/payload/components/AiAnalyzeButton";
+import { BulkMailButton as BulkMailButton_ebc54eabb8a07878581b0043bd687708 } from "@/src/payload/components/BulkMailButton";
 import { GanttChartView as GanttChartView_0162b82db971e8f1e27fbdd0aaa2f1f4 } from "@/src/payload/views/GanttChart";
 import { ChatWindowProvider as ChatWindowProvider_258e2d0901cb901e46c3eeed91676211 } from "@mintel/payload-ai/components/ChatWindow/index";
 import { S3ClientUploadHandler as S3ClientUploadHandler_f97aa6c64367fa259c5bc0567239ef24 } from "@payloadcms/storage-s3/client";
@@ -106,6 +107,8 @@ export const importMap = {
     ConvertInquiryButton_09fd670bce023a947ab66e4eebea5168,
   "@/src/payload/components/AiAnalyzeButton#AiAnalyzeButton":
     AiAnalyzeButton_51a6009c2b12d068d736ffd2b8182c71,
+  "@/src/payload/components/BulkMailButton#BulkMailButton":
+    BulkMailButton_ebc54eabb8a07878581b0043bd687708,
   "@/src/payload/views/GanttChart#GanttChartView":
     GanttChartView_0162b82db971e8f1e27fbdd0aaa2f1f4,
   "@mintel/payload-ai/components/ChatWindow/index#ChatWindowProvider":

apps/web/app/(site)/globals.css

@@ -24,19 +24,19 @@
   }
 
   h1 {
-    @apply text-4xl md:text-8xl leading-[1.1] md:leading-[0.95] mb-6 md:mb-12;
+    @apply text-4xl md:text-6xl lg:text-8xl leading-[1.1] md:leading-[1] lg:leading-[0.95] mb-6 md:mb-8 lg:mb-12;
   }
 
   h2 {
-    @apply text-2xl md:text-6xl leading-tight mb-4 md:mb-8 mt-12 md:mt-16;
+    @apply text-2xl md:text-4xl lg:text-6xl leading-tight mb-4 md:mb-6 lg:mb-8 mt-12 lg:mt-16;
   }
 
   h3 {
-    @apply text-xl md:text-5xl leading-tight mb-3 md:mb-6 mt-8 md:mt-12;
+    @apply text-xl md:text-3xl lg:text-5xl leading-tight mb-3 md:mb-4 lg:mb-6 mt-8 lg:mt-12;
   }
 
   h4 {
-    @apply text-lg md:text-3xl leading-tight mb-3 md:mb-4 mt-6 md:mt-8;
+    @apply text-lg md:text-2xl lg:text-3xl leading-tight mb-3 lg:mb-4 mt-6 lg:mt-8;
   }
 
   p {
@@ -44,7 +44,7 @@
   }
 
   .lead {
-    @apply text-base md:text-2xl text-slate-600 mb-6 leading-relaxed;
+    @apply text-base md:text-xl lg:text-2xl text-slate-600 mb-6 leading-relaxed;
     font-weight: 400;
   }
 
@@ -92,15 +92,15 @@
   }
 
   .container {
-    @apply max-w-6xl mx-auto px-5 md:px-6 py-8 md:py-12;
+    @apply max-w-6xl mx-auto px-5 md:px-6 lg:px-8 py-8 md:py-10 lg:py-12;
   }
 
   .wide-container {
-    @apply max-w-7xl mx-auto px-5 md:px-6 py-10 md:py-16;
+    @apply max-w-7xl mx-auto px-5 md:px-6 lg:px-8 py-10 md:py-12 lg:py-16;
   }
 
   .narrow-container {
-    @apply max-w-4xl mx-auto px-5 md:px-6 py-6 md:py-10;
+    @apply max-w-4xl mx-auto px-5 md:px-6 lg:px-8 py-6 md:py-8 lg:py-10;
   }
 
   .highlighter-tag {

apps/web/app/(site)/page.tsx

@@ -50,7 +50,7 @@ export default function LandingPage() {
             </H3>
           </Reveal>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 relative z-10">
+          <div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 relative z-10">
             {[
               {
                 icon: <ConceptCommunication className="w-8 h-8" />,
@@ -136,7 +136,7 @@ export default function LandingPage() {
 
       {/* Section 04: Target Group */}
       <Section number="04" title="Für wen" borderTop>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 relative z-10">
+        <div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 gap-4 md:gap-6 lg:gap-10 relative z-10">
           <Reveal>
             <Card variant="glass" padding="normal" techBorder className="group">
               <div className="space-y-4 md:space-y-6 relative overflow-hidden">
@@ -215,8 +215,8 @@ export default function LandingPage() {
             },
           ].map((service, i) => (
             <Reveal key={i} delay={0.1 + i * 0.15}>
-              <div className="group py-8 md:py-16 border-b border-slate-100 last:border-b-0 cursor-pointer transition-all duration-500">
-                <div className="flex flex-col md:flex-row md:items-start gap-6 md:gap-16">
+              <div className="group py-8 md:py-12 lg:py-16 border-b border-slate-100 last:border-b-0 cursor-pointer transition-all duration-500">
+                <div className="flex flex-col md:flex-row md:items-start gap-6 md:gap-10 lg:gap-16">
                   {/* Number + Binary */}
                   <div className="shrink-0 flex md:block items-baseline gap-4">
                     <span className="text-4xl md:text-6xl font-black text-slate-100 group-hover:text-slate-200 transition-colors duration-500 tracking-tighter block leading-none">
@@ -280,13 +280,13 @@ export default function LandingPage() {
       <Section number="06" title="Kontakt" borderTop>
         <div className="relative py-4 md:py-12" id="contact">
           <Reveal>
-            <div className="space-y-8 md:space-y-16">
-              <H1 className="text-3xl md:text-8xl">
+            <div className="space-y-8 md:space-y-12 lg:space-y-16">
+              <H1 className="text-4xl md:text-6xl lg:text-8xl">
                 Lassen Sie uns <br />
                 <span className="text-slate-400">starten.</span>
               </H1>
 
-              <div className="flex flex-col md:flex-row gap-6 md:gap-16 items-start relative z-10">
+              <div className="flex flex-col md:flex-row gap-6 md:gap-10 lg:gap-16 items-start relative z-10">
                 <div className="space-y-4 md:space-y-8 flex-1">
                   <LeadText className="text-lg md:text-3xl text-slate-400">
                     Beschreiben Sie kurz Ihr Vorhaben. Ich melde mich{" "}