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>