diff --git a/Phonebook.Frontend/src/index.html b/Phonebook.Frontend/src/index.html
index cbfaf1ad5..77583ef2d 100644
--- a/Phonebook.Frontend/src/index.html
+++ b/Phonebook.Frontend/src/index.html
@@ -28,7 +28,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
   </head>
-
   <body class="mat-typography">
     <app-root></app-root>
     <noscript>Please enable JavaScript to continue using this application.</noscript>
@@ -47,5 +46,36 @@
     } else {
       top.location = self.location;
     }
+    msieversion();
+
+</script>
+<!-- Show Browser not supported Message -->
+<script>
+    function msieversion() {
+      var browserList = {
+        //list of browser-links where app can be openend in: key=browser name, value=link for browser download
+        'Google Chrome': 'https://www.google.de/chrome/',
+        'Mozilla Firefox': 'https://www.mozilla.org',
+        Opera: 'https://www.opera.com'
+      };
+      var msie = window.navigator.userAgent.indexOf('MSIE ');
+
+
+      if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
+        // stone age browser IE
+        var html =
+          '<div class="pb-no-ie"><h1>This application does not support Internet Explorer!</h1><p>To run the Phonebook, please <a href="microsoft-edge:' +
+          window.location.href +
+          '">open it in Microsoft Edge</a></strong> or use one of the following modern browsers:</p><ul><strong>';
+        for (var key in browserList) {
+          html += '<li><strong><a href="' + browserList[key] + '" target="_blank" rel="nofollow">' + key + '</a></strong></li>';
+
+        }
+        html +=
+          '</ul><p>If this was detected by mistake consider <a href="https://github.com/T-Systems-MMS/phonebook/issues/new/choose">opening an issue</a>.</p> </div>';
+
+        document.getElementsByTagName('body')[0].innerHTML = html;
+      }
+    }
   </script>
 </html>
diff --git a/Phonebook.Frontend/src/styles.scss b/Phonebook.Frontend/src/styles.scss
index 309abc7a2..bfa9bf72c 100644
--- a/Phonebook.Frontend/src/styles.scss
+++ b/Phonebook.Frontend/src/styles.scss
@@ -181,7 +181,18 @@ app-root {
     margin: auto 1%;
   }
 }
-
+.pb-no-ie {
+  top: 38%;
+  left: 38%;
+  position: absolute;
+}
+.pb-no-ie a {
+  cursor: pointer;
+  text-decoration: none;
+  &:hover, &:focus {
+    color: #9b9e9e;
+  }
+}
 //Media query classes
 @include on-med-and-up {
   .pb-hide-on-med-and-up {
