From 9ed5b07a7d265536e308cd210ca34dbe7d47ad75 Mon Sep 17 00:00:00 2001
From: Hendrik Schmidt <hendrik.schmidt@digitalservice.bund.de>
Date: Tue, 17 Sep 2024 17:27:07 +0200
Subject: [PATCH] Break support image later

---
 packages/dito/app/routes/unterstuetzung/route.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/dito/app/routes/unterstuetzung/route.tsx b/packages/dito/app/routes/unterstuetzung/route.tsx
index 36d37bdf..079ef702 100644
--- a/packages/dito/app/routes/unterstuetzung/route.tsx
+++ b/packages/dito/app/routes/unterstuetzung/route.tsx
@@ -79,16 +79,16 @@ export default function Index() {
         <Container
           paddingTop="0"
           paddingBottom="0"
-          additionalClassNames="flex flex-col xl:flex-row xl:h-[420px]"
+          additionalClassNames="flex flex-col lg:flex-row lg:h-[420px]"
         >
-          <div className="py-48 xl:w-1/2 xl:self-center">
+          <div className="py-48 lg:w-1/2 lg:self-center">
             <RichText
               markdown={socialProof.text}
               className="text-3xl leading-10 w-[370px]"
             />
           </div>
-          <div className="max-sm:hidden relative max-xl:mb-48 xl:w-1/2">
-            <div className="xl:absolute xl:top-0 xl:left-0 xl:bottom-0 xl:w-[50vw] xl:overflow-y-hidden">
+          <div className="max-sm:hidden relative max-lg:mb-48 lg:w-1/2">
+            <div className="lg:absolute lg:top-0 lg:left-0 lg:bottom-0 lg:w-[60vw] xl:w-[50vw] lg:overflow-y-hidden">
               <SocialProofImage />
             </div>
             <div className="absolute left-40 bottom-40 max-w-[400px] p-16 bg-white/70 backdrop-blur rounded-lg">