diff --git a/Balance_Crystal.ipynb b/Balance_Crystal.ipynb
index b94d4f2d061ec354cb86674bcbf5fea2bca24213..baa676e3c65914ce2e210cb756f78909bd8bffad 100644
--- a/Balance_Crystal.ipynb
+++ b/Balance_Crystal.ipynb
@@ -2,7 +2,7 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 3,
    "id": "28ffafab-45ee-4719-917f-0cb2bacb4915",
    "metadata": {
     "extensions": {
@@ -59,49 +59,92 @@
   },
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 6,
    "id": "a0497a7a-9f3a-4566-a880-48e123028b37",
    "metadata": {},
    "outputs": [],
    "source": [
-    "html_infos_nodes = '''\n",
-    "<hr>\n",
-    "<p><strong>Knoten_1: Solvat und Solvent -Eintritt-</strong></p>\n",
+    "html_info_node_1 = '''\n",
+    "\n",
+    "<p>Knoten_1: Solvat und Solvent -Eintritt-</p>\n",
     "<ul style = \"margin : 0; padding = 0\" >\n",
     "<li  style = \"margin : 0\" >C: Eintritt (Feed) eines Kristallisators, bestehend aus Solvat (Salz) und Solvent (Lösungsmittel). Der Eintritt wird hier als <strong>konstant</strong> angesehen</li>\n",
     "<li  style = \"margin : 0\" >A: Solvat gelöstes und / oder kristallines Solvat. Die Masse ist konstant, aber die Zusammensetzung zwischen kristallines und gelöstes Solvat kann sich ändern. Hängt von einer Temperaturänderung und / oder einer Mengenänderung des Solvents ab (Passieren der Löslichkeitsgrenze)</li>\n",
     "<li>B: Solventmasse reines Lösungsmittel. Wird hier als <strong>konstant</strong> angesehen.</li>\n",
     "</ul>\n",
-    "<hr>\n",
+    "'''\n",
+    "\n",
+    "html_info_node_2 = '''\n",
     "<p><strong>Knoten_2: Solvat</strong></p>\n",
-    "<ul>\n",
+    "<ul  style = \"margin : 0; padding = 0\" >\n",
     "<li>C: = Knoten_1.A</li>\n",
     "<li>A: Kristallines Solvat. Die Menge kann sich ändern. </li>\n",
     "<li>B: gelöstestes Solvat. Die Menge kann sich ändern.</li>\n",
     "</ul>\n",
-    "<hr>\n",
+    "'''\n",
+    "\n",
+    "html_info_node_3 = '''\n",
     "<p><strong>Knoten_3: Solvat und Solvent auf der Löslichkeitskurve</strong></p>\n",
-    "<ul>\n",
+    "<ul  style = \"margin : 0; padding = 0\" >\n",
     "<li>C: Solvat- und Solventmasse geättigt (Punkt auf Löslichkeitskurve).</li>\n",
     "<li>A: Solvent nach einer möglichen Massenänderung  </li>\n",
     "<li>B: = Knoten_2.B</li>\n",
     "</ul>\n",
-    "<hr>\n",
+    "'''\n",
+    "\n",
+    "html_info_node_4 = '''\n",
     "<p><strong>Knoten_4: Solvent -Austritt-</strong></p>\n",
-    "<ul>\n",
+    "<ul  style = \"margin : 0; padding = 0\" >\n",
     "<li>C: = Knoten_1.B</li>\n",
     "<li>A: Veränderte Solventmasse  </li>\n",
     "<li>B: = Abgeführte Solventmasse (Dampf) </li>\n",
     "</ul>\n",
-    "<hr>\n",
+    "'''\n",
+    "\n",
+    "html_info_node_5 = '''\n",
     "<p><strong>Knoten_5: Solvat und Solvent -Austritt-</strong></p>\n",
-    "<ul>\n",
+    "<ul style = \"margin : 0; padding = 0\" >\n",
     "<li>C: Solvent und Solvat (gelöstes und kristallines)</li>\n",
     "<li>A: = Knoten_3.C  </li>\n",
     "<li>B: = Knoten_2.A </li>\n",
     "</ul>\n",
     "'''\n",
-    "infos_nodes = widgets.HTML(html_infos_nodes)"
+    "infos_node_1 = widgets.HTML(html_info_node_1)\n",
+    "infos_node_2 = widgets.HTML(html_info_node_2)\n",
+    "infos_node_3 = widgets.HTML(html_info_node_3)\n",
+    "infos_node_4 = widgets.HTML(html_info_node_4)\n",
+    "infos_node_5 = widgets.HTML(html_info_node_5)\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 7,
+   "id": "a38cffbc-42c9-4c39-823f-00f81c99fc8c",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "df276fbc14224dd3b47587f571a9242a",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Tab(children=(HTML(value='\\n\\n<p>Knoten_1: Solvat und Solvent -Eintritt-</p>\\n<ul style = \"margin : 0; padding…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "tab_contents = ['Knoten 1', 'Knoten 2', 'Knoten 3', 'Knoten 4', 'Knoten 5']\n",
+    "\n",
+    "tab = widgets.Tab(children =[infos_node_1, infos_node_2, infos_node_3, infos_node_4, infos_node_5])\n",
+    "i = 0\n",
+    "for name in tab_contents:\n",
+    "    tab.set_title(i, name)\n",
+    "    i += 1\n"
    ]
   },
   {
@@ -153,7 +196,7 @@
    },
    "outputs": [],
    "source": [
-    "accordion = widgets.Accordion(children=[aufgabe_totesmeer, infos_nodes\n",
+    "accordion = widgets.Accordion(children=[aufgabe_totesmeer, tab\n",
     "], selected_index=None)\n",
     "accordion.set_title(1, 'Informationen zu den Bilanzknoten')\n",
     "accordion.set_title(0, 'Übungsaufgabe')\n",
@@ -173,7 +216,7 @@
     "crystal_image = widgets.Image(\n",
     "    value=image_2,\n",
     "    format='svg+xml',\n",
-    "    width = '380px'\n",
+    "    width = '420px'\n",
     "   \n",
     ")\n",
     "#crystal_image.layout.object_fit = 'scale-down'\n",
@@ -308,6 +351,14 @@
     "Row_2 = widgets.HBox([Col_1_2, bilanz_1.Box()])\n",
     "widgets.VBox([Row_1, Row_2])"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "10019288-0d5f-4517-8b11-047ab10e36a0",
+   "metadata": {},
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {