diff --git a/.gitignore b/.gitignore
index 8c2b884..614c782 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,3 +12,4 @@
 # Built Visual Studio Code Extensions
 *.vsix
 
+Speicher/
diff --git a/README.md b/README.md
deleted file mode 100644
index 2e156d5..0000000
--- a/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Homepage
-
-New Homepage for l-neuhaus.de
\ No newline at end of file
diff --git a/assets/fonts/fredoka-v17-latin_latin-ext-500.woff2 b/assets/fonts/fredoka-v17-latin_latin-ext-500.woff2
new file mode 100644
index 0000000..38c31ad
Binary files /dev/null and b/assets/fonts/fredoka-v17-latin_latin-ext-500.woff2 differ
diff --git a/assets/fonts/fredoka-v17-latin_latin-ext-700.woff2 b/assets/fonts/fredoka-v17-latin_latin-ext-700.woff2
new file mode 100644
index 0000000..3c80103
Binary files /dev/null and b/assets/fonts/fredoka-v17-latin_latin-ext-700.woff2 differ
diff --git a/assets/fonts/fredoka-v17-latin_latin-ext-regular.woff2 b/assets/fonts/fredoka-v17-latin_latin-ext-regular.woff2
new file mode 100644
index 0000000..af05abd
Binary files /dev/null and b/assets/fonts/fredoka-v17-latin_latin-ext-regular.woff2 differ
diff --git a/assets/fonts/roboto-500.woff2 b/assets/fonts/roboto-500.woff2
new file mode 100644
index 0000000..f510c8a
Binary files /dev/null and b/assets/fonts/roboto-500.woff2 differ
diff --git a/assets/fonts/roboto-700.woff2 b/assets/fonts/roboto-700.woff2
new file mode 100644
index 0000000..89ac60c
Binary files /dev/null and b/assets/fonts/roboto-700.woff2 differ
diff --git a/assets/fonts/roboto-regular.woff2 b/assets/fonts/roboto-regular.woff2
new file mode 100644
index 0000000..87b4adc
Binary files /dev/null and b/assets/fonts/roboto-regular.woff2 differ
diff --git a/index.html b/index.html
index e69de29..3364843 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Homepage</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <div>
+            <h1>Willkommen!</h1>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2e7c620
--- /dev/null
+++ b/style.css
@@ -0,0 +1,57 @@
+@font-face {
+  font-display: swap;
+  font-family: 'Fredoka';
+  font-style: normal;
+  font-weight: 400;
+  src: url('assets/fonts/fredoka-v17-latin_latin-ext-regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Fredoka';
+  font-style: normal;
+  font-weight: 500;
+  src: url('assets/fonts/fredoka-v17-latin_latin-ext-500.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Fredoka';
+  font-style: normal;
+  font-weight: 700;
+  src: url('assets/fonts/fredoka-v17-latin_latin-ext-700.woff2') format('woff2');
+}
+
+
+@font-face {
+  font-display: swap;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url('assets/fonts/roboto-regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url('assets/fonts/roboto-500.woff2') format('woff2');
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: url('assets/fonts/roboto-700.woff2') format('woff2');
+}
+
+body {
+    background-color: #222222;
+    font-family: "Roboto";
+}
+
+h1 {
+    color: #eeeeee;
+}