From 37ab121979944a818b91e0b930c0037e97c653bd Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 9 Jul 2023 02:41:12 +0200
Subject: [PATCH] Optimized the Privacy.jsx for mobile devices

---
 src/pages/Privacy/Privacy.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/Privacy/Privacy.jsx b/src/pages/Privacy/Privacy.jsx
index 1faf272..0b8aec9 100644
--- a/src/pages/Privacy/Privacy.jsx
+++ b/src/pages/Privacy/Privacy.jsx
@@ -1,4 +1,4 @@
-import {Box, Link, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
+import {Link, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
 import PrivacyImage from "@/common/assets/images/legal/privacy.svg";
 
 export const Privacy = () => {
@@ -9,9 +9,10 @@ export const Privacy = () => {
         <Stack direction="column" justifyContent="center"
                sx={{mt: 15, ml: {lg: "auto", xs: "0"}, mr: {lg: "auto", xs: "0"}, width: {lg: "80%", xs: "100%"}}}>
             <Stack direction="row" justifyContent="space-between">
-                <Stack direction="column" justifyContent="center" sx={{width: "33rem"}}>
-                    <Typography variant="h2" fontWeight={700}>Datenschutz</Typography>
-                    <Typography variant="h4" fontWeight={500}>Unsere Datenschutzerklärung</Typography>
+                <Stack direction="column" justifyContent="center" sx={{width: "40rem", overflow: "hidden",
+                    textOverflow: "ellipsis"}}>
+                    <Typography fontWeight={700} variant={isMobile ? "h3" : "h2"}>Datenschutz</Typography>
+                    <Typography fontWeight={500} variant={isMobile ? "h5" : "h4"}>Unsere Datenschutzerklärung</Typography>
 
                     <Typography variant="h6" fontWeight={500} sx={{mt: 5}}>
                         Datenschutz hat einen besonders hohen Stellenwert für uns.