From f3c7e8fe9eff58f906b5612a8f4bf38f27d9c187 Mon Sep 17 00:00:00 2001
From: drg <gammlaa@chaospott.de>
Date: Sun, 7 Jul 2024 21:15:48 +0200
Subject: [PATCH] iphone Anpassungen

---
 _includes/head.html | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index d937568..fe93521 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -33,15 +33,31 @@
   <meta name="theme-color" content="#ffffff">
 
   <style>
-    html, body {
-        margin: 0;
-        padding: 0;
-        background-color:  #d2d4bc; /* Hintergrundfarbe setzen */
-    }
+html, body {
+    margin: 0;
+    padding: 0;
+    background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
+}
+
+.safe-area {
+    position: relative;
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
+    background-color: inherit; /* Hintergrundfarbe der Webseite */
+}
+
+/* Spezifische Anpassungen für Safari auf iOS */
+@media screen and (max-device-width: 480px) {
+    /* iPhone */
     .safe-area {
-        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
-        background-color: inherit;
+        padding-top: constant(safe-area-inset-top);
+        padding-right: constant(safe-area-inset-right);
+        padding-bottom: constant(safe-area-inset-bottom);
+        padding-left: constant(safe-area-inset-left);
     }
+}
 </style>
 
 </head>