diff --git a/public/bestellformular.html b/public/bestellformular.html
index ed4996f..b050ce9 100644
--- a/public/bestellformular.html
+++ b/public/bestellformular.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bestellungen</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
     <script src="javascript/formchecker.js" async="true" ></script>
 </head>
diff --git a/public/bestellung_erfolgreich.html b/public/bestellung_erfolgreich.html
index d8cf5f6..bb53559 100644
--- a/public/bestellung_erfolgreich.html
+++ b/public/bestellung_erfolgreich.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bestellung erfolgreich</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 
diff --git a/public/bestellung_fehlgeschlagen.html b/public/bestellung_fehlgeschlagen.html
index 6cb5f02..38a43d6 100644
--- a/public/bestellung_fehlgeschlagen.html
+++ b/public/bestellung_fehlgeschlagen.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bestellung fehlgeschlagen</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 
diff --git a/public/datenschutz.html b/public/datenschutz.html
index 4e5af6c..78ea912 100644
--- a/public/datenschutz.html
+++ b/public/datenschutz.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Datenschutzerklärung</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 
diff --git a/public/impressum.html b/public/impressum.html
index 178f2a3..f399f83 100644
--- a/public/impressum.html
+++ b/public/impressum.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Impressum</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 
diff --git a/public/index.html b/public/index.html
index b8ab895..8455985 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Second Harvest</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 <body class="index">
diff --git a/public/kontakt.html b/public/kontakt.html
index 8687122..08fcbc7 100644
--- a/public/kontakt.html
+++ b/public/kontakt.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kontakt</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 
diff --git a/public/produkte.html b/public/produkte.html
index d5844b4..6025e9e 100644
--- a/public/produkte.html
+++ b/public/produkte.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Produkte</title>
     <style>
-      @import 'css/mobile.css' (max-width: 480px);
-      @import 'css/desktop.css' (min-width: 481px);
+      @import 'css/mobile.css' (max-width: 800px);
+      @import 'css/desktop.css' (min-width: 801px);
   </style>
     <script src="javascript/warenkorb.js"></script>
 </head>
diff --git a/public/ueber_uns.html b/public/ueber_uns.html
index 89f5f29..e3beaae 100644
--- a/public/ueber_uns.html
+++ b/public/ueber_uns.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ueber uns</title>
     <style>
-        @import 'css/mobile.css' (max-width: 480px);
-        @import 'css/desktop.css' (min-width: 481px);
+        @import 'css/mobile.css' (max-width: 800px);
+        @import 'css/desktop.css' (min-width: 801px);
     </style>
 </head>
 
diff --git a/public/warenkorb.html b/public/warenkorb.html
index e3be5a5..216f06e 100644
--- a/public/warenkorb.html
+++ b/public/warenkorb.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Warenkorb</title>
     <style>
-        @import 'css/mobile.css'(max-width: 480px);
-        @import 'css/desktop.css'(min-width: 481px);
+        @import 'css/mobile.css'(max-width: 800px);
+        @import 'css/desktop.css'(min-width: 801px);
     </style>
     <script src="javascript/warenkorb.js"></script>
 </head>
