diff --git a/webseite/assets/css/topic.css b/webseite/assets/css/topic.css
index 01d9929..3d6e0a5 100644
--- a/webseite/assets/css/topic.css
+++ b/webseite/assets/css/topic.css
@@ -267,3 +267,19 @@ body {
     color: white;
     font-size: 18px; /* Größere Schriftgröße */
 }
+
+
+.task-container {
+    border-radius: 20px;
+    padding: 2rem;
+    margin-bottom: 2rem;
+    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);*/
+    box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.1);
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.variable-input{
+    border: 2px solid;
+    border-radius: 8px;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/webseite/check_answer.php b/webseite/check_answer.php
deleted file mode 100644
index e68fc3e..0000000
--- a/webseite/check_answer.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<?php
-require_once "classes/task.php";
-header('Content-Type: application/json');
-
-// Sicherheitsüberprüfungen hier (z.B. Authentifizierung)
-
-// Eingaben validieren
-$taskId = isset($_POST['task_id']) ? intval($_POST['task_id']) : null;
-$variableIndex = isset($_POST['variable_index']) ? intval($_POST['variable_index']) : null;
-$userAnswer = isset($_POST['user_answer']) ? trim($_POST['user_answer']) : '';
-
-if ($taskId === null || $variableIndex === null || $userAnswer === '') {
-    echo json_encode(['success' => false, 'message' => 'Ungültige Eingaben.']);
-    exit;
-}
-
-// Laden Sie die Aufgaben und Variablen entsprechend Ihrer Datenstruktur
-$tasks = $topicData->getTasks();
-
-if (!isset($tasks[$taskId])) {
-    echo json_encode(['success' => false, 'message' => 'Aufgabe nicht gefunden.']);
-    exit;
-}
-
-$variables = $tasks[$taskId]->getVariables();
-
-if (!isset($variables[$variableIndex])) {
-    echo json_encode(['success' => false, 'message' => 'Variable nicht gefunden.']);
-    exit;
-}
-
-$correctAnswer = strtolower(trim($variables[$variableIndex]->getCorrectAnswer()));
-$userAnswerLower = strtolower($userAnswer);
-
-if ($userAnswerLower === $correctAnswer) {
-    echo json_encode(['success' => true, 'message' => 'Richtig!']);
-} else {
-    echo json_encode(['success' => false, 'message' => 'Falsch.']);
-}
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/bruchrechnung/tasks.json b/webseite/config/subjects/mathe/topics/bruchrechnung/tasks.json
index 0d71e1d..5fe0f98 100644
--- a/webseite/config/subjects/mathe/topics/bruchrechnung/tasks.json
+++ b/webseite/config/subjects/mathe/topics/bruchrechnung/tasks.json
@@ -1,24 +1,26 @@
 [
     {
-        "text": "34 + 26 = ?",
+        "text": "$$\\frac{3}{5} + \\frac{1}{5} = ? $$",
         "vars": {
-            "?": "60",
-            "x": "5",
-            "y": "2"
+            "?": "1/5"
         }
     },
     {
-        "text": "$$\\frac{2}{6} + \\frac{3}{6} = ? $$",
+        "text": "$$\\frac{4}{7} - \\frac{2}{7} = ? $$",
         "vars": {
-            "a": "1",
-            "b": "2",
-            "c": "4"
+            "?": "2/7"
         }
     },
     {
-        "text": "Wie schreibt man nähmlich richtig?",
+        "text": "Kürze $$\\frac{6}{9}$$",
         "vars": {
-            "?": "nämlich"
+            "?": "1/3"
+        }
+    },
+    {
+        "text": "Erweitere $$\\frac{1}{3}$$ mit 5",
+        "vars": {
+            "?": "5/15"
         }
     }
 ]
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/geometrie/article.html b/webseite/config/subjects/mathe/topics/geometrie/article.html
new file mode 100644
index 0000000..6dc42c3
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/geometrie/article.html
@@ -0,0 +1,16 @@
+Erklaerung: Die Flaeche eines Rechtecks oder Quadrats berechnet sich durch Laenge x Breite.
+Formel: A = l x b
+Beispiel: Rechteck mit l = 5 cm und b = 3 cm: A = 5 x 3 = 15 cm2
+<br> <br>
+
+Thema: Berechnung des Umfangs von Rechtecken und Quadraten
+Formel: U = 2 x (l + b)
+Beispiel: Rechteck mit l = 5 cm und b = 3 cm: U = 2 x (5 + 3) = 16 cm
+<br> <br>
+
+
+Thema: Flaechenberechnung bei Dreiecken
+Formel: A = (1/2) x Grundlinie x Hoehe
+Beispiel: Ein Dreieck mit einer Grundlinie von 6 cm und einer Hoehe von 4 cm: A = (1/2) x 6 x 4 = 12
+cm2
+Uebungsa
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/geometrie/downloads/exercise1.pdf b/webseite/config/subjects/mathe/topics/geometrie/downloads/exercise1.pdf
new file mode 100644
index 0000000..047d232
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/geometrie/downloads/exercise1.pdf differ
diff --git a/webseite/config/subjects/mathe/topics/geometrie/downloads/exercise2.pdf b/webseite/config/subjects/mathe/topics/geometrie/downloads/exercise2.pdf
new file mode 100644
index 0000000..047d232
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/geometrie/downloads/exercise2.pdf differ
diff --git a/webseite/config/subjects/mathe/topics/geometrie/properties.json b/webseite/config/subjects/mathe/topics/geometrie/properties.json
new file mode 100644
index 0000000..6228864
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/geometrie/properties.json
@@ -0,0 +1,11 @@
+{
+    "displayName": "Geometrie",
+    "icon": "fa-chart-pie",
+    "description": "",
+    "relatedTopics": [
+        "schriftliches-multiplizieren",
+        "schriftliches-dividieren",
+        "punkt-vor-strichrechnung",
+        "rechnen-mit-klammern"
+    ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/geometrie/tasks.json b/webseite/config/subjects/mathe/topics/geometrie/tasks.json
new file mode 100644
index 0000000..98f3c55
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/geometrie/tasks.json
@@ -0,0 +1,38 @@
+[
+    {
+        "text": "Ein Quadrat mit Seitenlänge $$a = 4 cm$$ berechne die Fläche",
+        "vars": {
+            "Fläche in cm^2": "16"
+        }
+    },
+    {
+        "text": "Ein Rechteck mit $$l = 7 cm$$ und $$b = 2 cm$$ berechne die Fläche",
+        "vars": {
+            "Fläche in cm^2": "14"
+        }
+    },
+    {
+        "text": "Berechne den Umfang $$U$$ eines Quadrats mit $$a = 6 cm$$",
+        "vars": {
+            "U in cm": "24"
+        }
+    },
+    {
+        "text": "Berechne den Umfang $$U$$ eines Rechteck mit $$l = 8 cm$$ und $$b = 4 cm$$",
+        "vars": {
+            "?": "5/15"
+        }
+    },
+    {
+        "text": "Ein Dreieck mit der Grundlinie $$G = 8cm$$ und einer Höhe $$h= 5cm$$ berechne die Fläche",
+        "vars": {
+            "Fläche in cm^2": "20"
+        }
+    },
+    {
+        "text": "Ein Dreieck mit der Grundlinie $$G = 10cm$$ und einer Höhe $$h= 7cm$$ berechne die Fläche",
+        "vars": {
+            "Fläche in cm^2": "35"
+        }
+    }
+]
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/article.html b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/article.html
new file mode 100644
index 0000000..fc1c3cf
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/article.html
@@ -0,0 +1 @@
+Lorem Ipsum
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/downloads/exercise1.pdf b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/downloads/exercise1.pdf
new file mode 100644
index 0000000..047d232
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/downloads/exercise1.pdf differ
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/downloads/exercise2.pdf b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/downloads/exercise2.pdf
new file mode 100644
index 0000000..047d232
Binary files /dev/null and b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/downloads/exercise2.pdf differ
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/properties.json b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/properties.json
new file mode 100644
index 0000000..c78182c
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/properties.json
@@ -0,0 +1,11 @@
+{
+    "displayName": "schriftliche Addition und Subtraktion",
+    "icon": "fa-chart-pie",
+    "description": "Die Bruchrechnung ist ein Teil der Mathematik, der das Rechnen mit Brüchen beinhaltet, also das Teilen eines Ganzen in gleich große Teile, und umfasst Operationen wie Addition, Subtraktion, Multiplikation und Division von Brüchen.",
+    "relatedTopics": [
+        "schriftliches-multiplizieren",
+        "schriftliches-dividieren",
+        "punkt-vor-strichrechnung",
+        "rechnen-mit-klammern"
+    ]
+}
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/tasks.json b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/tasks.json
new file mode 100644
index 0000000..17bbb96
--- /dev/null
+++ b/webseite/config/subjects/mathe/topics/schriftliches-addieren-subtrahieren/tasks.json
@@ -0,0 +1,14 @@
+[
+    {
+        "text": "$$6342 + 9873 = ?$$",
+        "vars": {
+            "?": "16215"
+        }
+    },
+    {
+        "text": "$$4521 - 1234 = ?$$",
+        "vars": {
+            "?": "3287"
+        }
+    }
+]
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-dividieren/tasks.json b/webseite/config/subjects/mathe/topics/schriftliches-dividieren/tasks.json
index 0637a08..713e5b1 100644
--- a/webseite/config/subjects/mathe/topics/schriftliches-dividieren/tasks.json
+++ b/webseite/config/subjects/mathe/topics/schriftliches-dividieren/tasks.json
@@ -1 +1,8 @@
-[]
\ No newline at end of file
+[
+  {
+    "text": "$$560 : 7 = ?$$",
+    "vars": {
+      "?": "80"
+    }
+  }
+]
\ No newline at end of file
diff --git a/webseite/config/subjects/mathe/topics/schriftliches-multiplizieren/tasks.json b/webseite/config/subjects/mathe/topics/schriftliches-multiplizieren/tasks.json
index 0637a08..035a008 100644
--- a/webseite/config/subjects/mathe/topics/schriftliches-multiplizieren/tasks.json
+++ b/webseite/config/subjects/mathe/topics/schriftliches-multiplizieren/tasks.json
@@ -1 +1,8 @@
-[]
\ No newline at end of file
+[
+  {
+    "text": "$$432 \\times 23 = ?$$",
+    "vars": {
+      "?": "9936"
+    }
+  }
+]
\ No newline at end of file
diff --git a/webseite/show_answer.php b/webseite/show_answer.php
deleted file mode 100644
index 9e82ab5..0000000
--- a/webseite/show_answer.php
+++ /dev/null
@@ -1,33 +0,0 @@
-<?php
-require_once "classes/task.php";
-header('Content-Type: application/json');
-
-// Sicherheitsüberprüfungen hier (z.B. Authentifizierung)
-
-// Eingaben validieren
-$taskId = isset($_POST['task_id']) ? intval($_POST['task_id']) : null;
-$variableIndex = isset($_POST['variable_index']) ? intval($_POST['variable_index']) : null;
-
-if ($taskId === null || $variableIndex === null) {
-    echo json_encode(['success' => false, 'message' => 'Ungültige Eingaben.']);
-    exit;
-}
-
-// Laden Sie die Aufgaben und Variablen entsprechend Ihrer Datenstruktur
-$tasks = $topicData->getTasks();
-
-if (!isset($tasks[$taskId])) {
-    echo json_encode(['success' => false, 'message' => 'Aufgabe nicht gefunden.']);
-    exit;
-}
-
-$variables = $tasks[$taskId]->getVariables();
-
-if (!isset($variables[$variableIndex])) {
-    echo json_encode(['success' => false, 'message' => 'Variable nicht gefunden.']);
-    exit;
-}
-
-$correctAnswer = $variables[$variableIndex]->getCorrectAnswer();
-
-echo json_encode(['success' => true, 'correct_answer' => $correctAnswer]);
\ No newline at end of file
diff --git a/webseite/topic.php b/webseite/topic.php
index 9efc592..012f657 100644
--- a/webseite/topic.php
+++ b/webseite/topic.php
@@ -124,7 +124,7 @@ if (!isset($topicData)) {
             ?>
             <div class="content-card mt-[8px]">
                 <h1 class="content-title">Aufgaben</h1>
-                <div style="display: flex; flex-direction: column; gap: 0.5rem;">
+                <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
                     <?php
                     foreach ($tasks as $taskIndex => $task) {
                         $taskId = $taskIndex;
@@ -142,8 +142,8 @@ if (!isset($topicData)) {
                                 ?>
                                 <div class="variable-container" style="display: flex; flex-wrap: wrap; gap: 0.5rem; ">
                                     <label for="answer<?php echo $taskId . '_' . $variableIndex; ?>"></label>
-                                    <input id="answer<?php echo $taskId . '_' . $variableIndex; ?>" type="text"
-                                           placeholder="Ihre Antwort" data-correct-answer="<?php echo $correctAnswer; ?>"/>
+                                    <input class="variable-input border-2 border-[var(--primary-color)]" id="answer<?php echo $taskId . '_' . $variableIndex; ?>" type="text"
+                                           placeholder="<?php echo $variableIndex; ?>" data-correct-answer="<?php echo $correctAnswer; ?>"/>
                                     <button class="check-answer bg-white text-[var(--primary-color)] border-2 border-[var(--primary-color)] w-10 h-10 flex items-center justify-center rounded-lg hover:bg-[var(--primary-color)] hover:text-white transition duration-300">
                                         <i class="fa-solid fa-check"></i>
                                     </button>