diff --git a/webseite/config/subjects/deutsch/topics/topic1/article.html b/webseite/config/subjects/deutsch/topics/topic1/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic1/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic1/properties.json b/webseite/config/subjects/deutsch/topics/topic1/properties.json
index 4b30111..426de26 100644
--- a/webseite/config/subjects/deutsch/topics/topic1/properties.json
+++ b/webseite/config/subjects/deutsch/topics/topic1/properties.json
@@ -7,6 +7,5 @@
   ],
   "files": [
     "exercise1.pdf"
-  ],
-  "article": "Eine lange Erklärung\n![Alt Text](image.png)"
+  ]
 }
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic2/article.html b/webseite/config/subjects/deutsch/topics/topic2/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic2/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic2/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic2/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic2/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic2/image.png b/webseite/config/subjects/deutsch/topics/topic2/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic2/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic2/properties.json b/webseite/config/subjects/deutsch/topics/topic2/properties.json
new file mode 100644
index 0000000..d776814
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic2/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 2",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic1", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic3/article.html b/webseite/config/subjects/deutsch/topics/topic3/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic3/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic3/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic3/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic3/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic3/image.png b/webseite/config/subjects/deutsch/topics/topic3/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic3/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic3/properties.json b/webseite/config/subjects/deutsch/topics/topic3/properties.json
new file mode 100644
index 0000000..cbe7e38
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic3/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 3",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic1", "topic2"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic4/article.html b/webseite/config/subjects/deutsch/topics/topic4/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic4/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic4/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic4/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic4/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic4/image.png b/webseite/config/subjects/deutsch/topics/topic4/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic4/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic4/properties.json b/webseite/config/subjects/deutsch/topics/topic4/properties.json
new file mode 100644
index 0000000..426de26
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic4/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic2", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic5/article.html b/webseite/config/subjects/deutsch/topics/topic5/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic5/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic5/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic5/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic5/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic5/image.png b/webseite/config/subjects/deutsch/topics/topic5/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic5/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic5/properties.json b/webseite/config/subjects/deutsch/topics/topic5/properties.json
new file mode 100644
index 0000000..426de26
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic5/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic2", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic6/article.html b/webseite/config/subjects/deutsch/topics/topic6/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic6/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic6/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic6/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic6/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic6/image.png b/webseite/config/subjects/deutsch/topics/topic6/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic6/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic6/properties.json b/webseite/config/subjects/deutsch/topics/topic6/properties.json
new file mode 100644
index 0000000..426de26
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic6/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic2", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic7/article.html b/webseite/config/subjects/deutsch/topics/topic7/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic7/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic7/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic7/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic7/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic7/image.png b/webseite/config/subjects/deutsch/topics/topic7/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic7/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic7/properties.json b/webseite/config/subjects/deutsch/topics/topic7/properties.json
new file mode 100644
index 0000000..426de26
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic7/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic2", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic8/article.html b/webseite/config/subjects/deutsch/topics/topic8/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic8/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/deutsch/topics/topic8/exercise1.pdf b/webseite/config/subjects/deutsch/topics/topic8/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic8/exercise1.pdf differ
diff --git a/webseite/config/subjects/deutsch/topics/topic8/image.png b/webseite/config/subjects/deutsch/topics/topic8/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/deutsch/topics/topic8/image.png differ
diff --git a/webseite/config/subjects/deutsch/topics/topic8/properties.json b/webseite/config/subjects/deutsch/topics/topic8/properties.json
new file mode 100644
index 0000000..426de26
--- /dev/null
+++ b/webseite/config/subjects/deutsch/topics/topic8/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic2", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/topic1/article.html b/webseite/config/subjects/mathe/topics/topic1/article.html
new file mode 100644
index 0000000..e69de29
diff --git a/webseite/config/subjects/mathe/topics/topic2/article.html b/webseite/config/subjects/mathe/topics/topic2/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/topic2/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/topic2/exercise1.pdf b/webseite/config/subjects/mathe/topics/topic2/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/topic2/exercise1.pdf differ
diff --git a/webseite/config/subjects/mathe/topics/topic2/image.png b/webseite/config/subjects/mathe/topics/topic2/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/topic2/image.png differ
diff --git a/webseite/config/subjects/mathe/topics/topic2/properties.json b/webseite/config/subjects/mathe/topics/topic2/properties.json
index f508507..426de26 100644
--- a/webseite/config/subjects/mathe/topics/topic2/properties.json
+++ b/webseite/config/subjects/mathe/topics/topic2/properties.json
@@ -1,11 +1,11 @@
 {
-  "displayName": "Thema 2",
-  "icon": "fa-ruler",
-  "description": "Kurze Beschreibung",
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
   "relatedTopics": [
-    "topic3"
+    "topic2", "topic3"
   ],
   "files": [
-  ],
-  "article": "Erklärung"
+    "exercise1.pdf"
+  ]
 }
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/topic3/article.html b/webseite/config/subjects/mathe/topics/topic3/article.html
new file mode 100644
index 0000000..74f9470
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/topic3/article.html
@@ -0,0 +1,5 @@
+Das ist der Erklärtext
+<img alt="Ein Bild" src="$TOPICPATH/image.png">
+<br>
+When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
+$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/topic3/exercise1.pdf b/webseite/config/subjects/mathe/topics/topic3/exercise1.pdf
new file mode 100644
index 0000000..10b056f
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/topic3/exercise1.pdf differ
diff --git a/webseite/config/subjects/mathe/topics/topic3/image.png b/webseite/config/subjects/mathe/topics/topic3/image.png
new file mode 100644
index 0000000..a111ca4
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/topic3/image.png differ
diff --git a/webseite/config/subjects/mathe/topics/topic3/properties.json b/webseite/config/subjects/mathe/topics/topic3/properties.json
new file mode 100644
index 0000000..426de26
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/topic3/properties.json
@@ -0,0 +1,11 @@
+{
+  "displayName": "Thema 1",
+  "icon": "fa-divide",
+  "description": "Eine kurze Beschreibung des Themas",
+  "relatedTopics": [
+    "topic2", "topic3"
+  ],
+  "files": [
+    "exercise1.pdf"
+  ]
+}
\ No newline at end of file