diff --git a/src/assets/splashscreens/ipad_splash.png b/src/assets/splashscreens/ipad_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..d9ad3f21c066b99be788800f83e73125de32c32b
Binary files /dev/null and b/src/assets/splashscreens/ipad_splash.png differ
diff --git a/src/assets/splashscreens/ipadpro1_splash.png b/src/assets/splashscreens/ipadpro1_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..ed5817efd959d6b28dd6a425f39177e0535fe83b
Binary files /dev/null and b/src/assets/splashscreens/ipadpro1_splash.png differ
diff --git a/src/assets/splashscreens/ipadpro2_splash.png b/src/assets/splashscreens/ipadpro2_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..62c1f06347d07b81c8e25bf15f79c94ef112ae50
Binary files /dev/null and b/src/assets/splashscreens/ipadpro2_splash.png differ
diff --git a/src/assets/splashscreens/ipadpro3_splash.png b/src/assets/splashscreens/ipadpro3_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..c7247805e8142447a84854fd160b7c04d94604aa
Binary files /dev/null and b/src/assets/splashscreens/ipadpro3_splash.png differ
diff --git a/src/assets/splashscreens/iphone5_splash.png b/src/assets/splashscreens/iphone5_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..a08d895500f8fbe69c8a0176f97e40aea2c928b8
Binary files /dev/null and b/src/assets/splashscreens/iphone5_splash.png differ
diff --git a/src/assets/splashscreens/iphone6_splash.png b/src/assets/splashscreens/iphone6_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..25b791fa8e05b805e5731d859a1fc8a414397e18
Binary files /dev/null and b/src/assets/splashscreens/iphone6_splash.png differ
diff --git a/src/assets/splashscreens/iphoneplus_splash.png b/src/assets/splashscreens/iphoneplus_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..7557726563405ad2b408c8cde58a1b9394b48f3c
Binary files /dev/null and b/src/assets/splashscreens/iphoneplus_splash.png differ
diff --git a/src/assets/splashscreens/iphonex_splash.png b/src/assets/splashscreens/iphonex_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..bc7fdfc297cb42047ee55eb66b3790cea8d958e9
Binary files /dev/null and b/src/assets/splashscreens/iphonex_splash.png differ
diff --git a/src/assets/splashscreens/iphonexr_splash.png b/src/assets/splashscreens/iphonexr_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..bb11c5bf13a787935575ee67897ad7ee64053be3
Binary files /dev/null and b/src/assets/splashscreens/iphonexr_splash.png differ
diff --git a/src/assets/splashscreens/iphonexsmax_splash.png b/src/assets/splashscreens/iphonexsmax_splash.png
new file mode 100755
index 0000000000000000000000000000000000000000..086eaed521732efd8b388c2691cb1f489020464b
Binary files /dev/null and b/src/assets/splashscreens/iphonexsmax_splash.png differ
diff --git a/src/index.html b/src/index.html
index d7021df8831dbe9150194c3caa36720b2fe12aec..c718ea9117d40099e6caff66aa23e53742919d22 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,37 +2,47 @@
 <html lang="de">
 <head>
   <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="description" content="An innovative question app developed at THM">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
+  <meta content="IE=edge" http-equiv="X-UA-Compatible">
+  <meta content="An innovative question app developed at THM" name="description">
+  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" name="viewport">
 
   <title>frag.jetzt</title>
 
   <base href="/">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png?v=00zWdx8zdl">
-  <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png?v=00zWdx8zdl">
-  <link rel="icon" type="image/png" sizes="194x194" href="/assets/icons/favicon-194x194.png?v=00zWdx8zdl">
-  <link rel="icon" type="image/png" sizes="192x192" href="/assets/icons/android-chrome-192x192.png?v=00zWdx8zdl">
-  <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png?v=00zWdx8zdl">
-  <link rel="manifest" href="/assets/icons/site.webmanifest?v=00zWdx8zdl">
-  <link rel="mask-icon" href="/assets/icons/safari-pinned-tab.svg?v=00zWdx8zdl" color="#5bbad5">
-  <link rel="shortcut icon" href="/assets/icons/favicon.ico?v=00zWdx8zdl">
-  <meta name="apple-mobile-web-app-title" content="frag.jetzt">
-  <meta name="application-name" content="frag.jetzt">
-  <meta name="msapplication-TileColor" content="#00aba9">
-  <meta name="msapplication-config" content="/assets/icons/browserconfig.xml?v=00zWdx8zdl">
-  <meta name="theme-color" content="#03dac6">
+  <link href="/assets/icons/apple-touch-icon.png?v=00zWdx8zdl" rel="apple-touch-icon" sizes="180x180">
+  <link href="/assets/icons/favicon-32x32.png?v=00zWdx8zdl" rel="icon" sizes="32x32" type="image/png">
+  <link href="/assets/icons/favicon-194x194.png?v=00zWdx8zdl" rel="icon" sizes="194x194" type="image/png">
+  <link href="/assets/icons/android-chrome-192x192.png?v=00zWdx8zdl" rel="icon" sizes="192x192" type="image/png">
+  <link href="/assets/icons/favicon-16x16.png?v=00zWdx8zdl" rel="icon" sizes="16x16" type="image/png">
+  <link href="/assets/icons/site.webmanifest?v=00zWdx8zdl" rel="manifest">
+  <link color="#5bbad5" href="/assets/icons/safari-pinned-tab.svg?v=00zWdx8zdl" rel="mask-icon">
+  <link href="/assets/icons/favicon.ico?v=00zWdx8zdl" rel="shortcut icon">
+  <meta content="frag.jetzt" name="apple-mobile-web-app-title">
+  <meta content="frag.jetzt" name="application-name">
+  <meta content="#00aba9" name="msapplication-TileColor">
+  <meta content="/assets/icons/browserconfig.xml?v=00zWdx8zdl" name="msapplication-config">
+  <meta content="#03dac6" name="theme-color">
 
   <!-- Add to homescreen for Chrome on Android -->
-  <meta name="mobile-web-app-capable" content="yes">
+  <meta content="yes" name="mobile-web-app-capable">
 
   <!-- Add to homescreen for Safari on iOS -->
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black">
-
-
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
+  <meta content="yes" name="apple-mobile-web-app-capable">
+  <meta content="black" name="apple-mobile-web-app-status-bar-style">
+
+  <link href="/assets/splashscreens/iphone5_splash.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/iphoneplus_splash.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/iphonex_splash.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/iphonexr_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/iphonexsmax_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/ipad_splash.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/ipadpro1_splash.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/ipadpro3_splash.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+  <link href="/assets/splashscreens/ipadpro2_splash.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+
+  <link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet">
 
 </head>
 <body>