diff --git a/_includes/head.html b/_includes/head.html
index c8ad063..b24d5ba 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -4,7 +4,7 @@
     {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}
   </title>
   <meta name="description" content="{{ site.description }}">
-  <meta name="viewport" content="width=device-width initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <script src="{{ "/bootstrap/js/jquery-2.1.1.min.js" | prepend: site.baseurl }}" type="text/javascript"></script>
@@ -31,4 +31,16 @@
   <meta name="msapplication-TileColor" content="#000000">
   <meta name="msapplication-TileImage" content="/mstile-144x144.png">
   <meta name="theme-color" content="#ffffff">
+
+  <style>
+    body {
+        margin: 0;
+        padding: 0;
+        background-color:  #d2d4bc; /* Hintergrundfarbe setzen */
+    }
+    .safe-area {
+        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+    }
+</style>
+
 </head>