diff --git a/Entwicklungsleitfaden.md b/Entwicklungsleitfaden.md
index 162503f..2ab4ec3 100644
--- a/Entwicklungsleitfaden.md
+++ b/Entwicklungsleitfaden.md
@@ -1,9 +1,11 @@
 # Entwicklungsleitfaden
 
-![Entwicklungsleitfaden](images/Entwicklungsleitfaden.png "Entwicklungsleitfaden")
+<center>
+   <img src="images/Entwicklungsleitfaden.svg" alt="Entwicklungsleitfaden" />
+</center>
 
 1. Docker Image bauen \
-   Fast die gesamte Entwicklung eines Projektes wird innerhalb von Docker gemacht, da dadurch die Plattformunabhängigkeit gewährleistet ist. Um das Docker Image zu bauen wird der Befehl 
+   Fast die gesamte Entwicklung eines Projektes wird innerhalb von Docker gemacht, da dadurch die Plattformunabhängigkeit gewährleistet ist. Um das Docker Image zu bauen wird der Befehl
    ```
    docker build . -t zephyr-configurator
    ```
diff --git a/images/Entwicklungsleitfaden.png b/images/Entwicklungsleitfaden.png
deleted file mode 100644
index 175d076..0000000
Binary files a/images/Entwicklungsleitfaden.png and /dev/null differ
diff --git a/images/Entwicklungsleitfaden.svg b/images/Entwicklungsleitfaden.svg
new file mode 100644
index 0000000..01bf108
--- /dev/null
+++ b/images/Entwicklungsleitfaden.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="449px" height="1161px" viewBox="-0.5 -0.5 449 1161" content="&lt;mxfile host=&quot;draw.flokaiser.com&quot; modified=&quot;2023-08-07T12:17:33.110Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/116.0&quot; etag=&quot;vfXdq6CZUD15ODoI__xx&quot; version=&quot;21.6.6&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;ZY1je92VXMBBgRSeRszg&quot;&gt;7Vrbcts2EP0azbQP8lAkZcuPti5Jpk7tGbd12zdIXJGwQIIDgrr467O4kBR1sRkriaS0D7aJ5QIEFucc7oJuef14+UGQNPrMA2At1wmWLW/Qct2O7/n4R1lWxnJ17RpDKGhgnSrDI30Ba3SsNacBZDVHyTmTNK0bJzxJYCJrNiIEX9TdppzVn5qSELYMjxPCtq1PNJCRsfa6TmX/CDSMiid3HHsnJoWzNWQRCfhizeQNW15fcC7NVbzsA1PBK+Ji+o323C0nJiCRTTpkK1eO7kQ0fJo/8N5ycS+7V+2O3Y1MrooVQ4ABsE0uZMRDnhA2rKy3gudJAGpYB1uVzx3nKRo7aHwGKVd2N0kuOZoiGTN7F2csVn+r/hfdovmPHU43Bstaa2Vb20u2Uch4Libw2jotdIgIQb7iZ8OhYrD2ABvQD8BjwPmggwBGJJ3XQUIs1sLSr9oOvLA78jW7Y8adE5bbJ7XcS4bzvw3oHC9DqYNiTOPCMOCTGYj2p1hB23XGJIekcMJpjDc7om3HcDtMtDAE+glq7Jwin1znAn/aEn+9QBqtRBvZOKVhLojkopyf2Dvj/S575kvfWsMGpuuIXURUwmNKNGIWqFt1dE4pY33OcObeIOEJvAa8OQgJy1ehYu/6VgasDvZsc1GJil9IR7QmKIXft8eWtwNcP14K3k9ptyGlvZOitHsIpf/iLI8Vp0nCIKxY3Zg37+X5vHjwRACR6qLdDgQGS91kHF+X2pQQ7WREQFt4qlRBrlIoyFRZA5hTu8P+x/vPQ5yf6ZkK/qze5ZUrgmaQ67jq96XbD9caNa8xTYL/FWeX4rjO0SXHP3PJ8RpKjn9SkrNL6N+WnD5PJKGJZniGK5bfLYkQeaJITDWV55V+eDc46IKLWUCNmIj4jQzjP8xuzz06u7tnzm6/Ibu7J8XuXZq6QYd/DWWekEqZRulWAlGnRV855JNIoQkSRU6jApOIJ7F+1ZMkBBxAMXaRi0CN+MufaYCpQaY7oUl3G0MyJYwpI3YgaP31DLjk+0fn0uWZc6nbkEuXJ8WlXQq2waXfIdcYf1A56ky+RaWTx3r38uhYvzpzrF82xPrVSWF9l8JsYH2UJzNJVRQxN+t7rRtfGlmnyVS1b/vni/vL4x/A9M4c91cNcX99UrjfpTZbxcpAJzx9rjObMUwpxlhpfUZ1VkRVIZKJSfteBKZCytWpgzMjOlsy3BjrG89gUqE/YCkhoLpacXBc9efTYKiHJ2IMyAhZpk4XX11V7ax0GnYtDEOKWV1BbH3IUwjAPpbju6+lznF0FYehkVQLgvMocSN0mplPRT7VC3JMTGHrIdtLUHFvP06ihKaZ/pyE0IyMADH9xtUJ5W88jvEGUaOGJHnRu1AKFP6+BZqlFNixoomx2Azi6I6HdPbOYO6U3benevJS3Gt6MFWeYH1zUbhuIgpbW1zlgDMep5RREAcekjyZcisg9RTzJZ9r3bDbb3lk6jgEjLp4QO2UU66PSMrZrNVnqqaL8yzTo4HIZIk1/Q2nUjJV2Nmetoz7aYDWcY5f2HW24vQjv7eWDf219cIvv77u+eCqWw8gKK4eROvgr7DOsVJl3fVGCLJac0g5TWS2NvKDMqzBp7eBn0KARg079K6dDcSYKVT4KddyAKScA8VrykgWHShc5uV+C1OImJYYpUOjYmDkmwha5tjoBWkma3pETKa0NUOSK7m7HoGICBvveWkGuhovD6v1eHlWphjRT6pkne9YtmOz+q8Ug9Lqf3u84Rc=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 200 80 L 200 113.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 118.88 L 196.5 111.88 L 200 113.63 L 203.5 111.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="0" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 40px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><b>Docker-Image bauen</b></div><div><i>docker build . -t zephyr-configurator<br /><b><br /></b></i></div></div></div></div></foreignObject><text x="200" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Docker-Image bauen...</text></switch></g><path d="M 200 200 L 200 233.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 238.88 L 196.5 231.88 L 200 233.63 L 203.5 231.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="120" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 160px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><b>Docker-Volume anlegen<br /></b></div><div><i>docker volume create --driver local --name zephyr --opt type=none --opt device=$HOME/zephyrproject --opt o=uid=root,gid=root --opt o=bind<br /><b><br /></b></i></div></div></div></div></foreignObject><text x="200" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Docker-Volume anlegen...</text></switch></g><path d="M 200 320 L 200 353.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 358.88 L 196.5 351.88 L 200 353.63 L 203.5 351.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="240" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 280px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><b>Container starten</b></div><div><i>docker run -it -v zephyr:/workdir --rm zephyr-configurator<b><br /></b></i></div></div></div></div></foreignObject><text x="200" y="284" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Container starten...</text></switch></g><path d="M 200 440 L 200 473.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 478.88 L 196.5 471.88 L 200 473.63 L 203.5 471.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="360" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 400px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Zephyr-Workspace anlegen</b>, auch wenn er schonmal angelegt wurde (Updates werden ebenfalls geladen)</div></div></div></foreignObject><text x="200" y="404" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Zephyr-Workspace anlegen, auch wenn er schonmal angelegt wurde (Up...</text></switch></g><path d="M 200 560 L 200 593.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 598.88 L 196.5 591.88 L 200 593.63 L 203.5 591.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="480" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 520px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Neues Projekt anlegen</b></div></div></div></foreignObject><text x="200" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Neues Projekt anlegen</text></switch></g><path d="M 200 680 L 200 713.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 718.88 L 196.5 711.88 L 200 713.63 L 203.5 711.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="600" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 640px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Funktionalitäten einfügen</b></div></div></div></foreignObject><text x="200" y="644" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Funktionalitäten einfügen</text></switch></g><path d="M 200 920 L 200 953.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 200 958.88 L 196.5 951.88 L 200 953.63 L 203.5 951.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="720" width="400" height="200" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 820px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div>Der Code befindet sich im src-Ordner und kann über jeden Texteditor oder IDE bearbeitet werden.</div><div><br /></div><div><b>Eingefügte Funktionen</b> an der richtigen Stelle aufrufen. Der eingefügte <br />Code-Schnipsel enthält als Kommentar ganz unten ein Beispiel.</div><div><br /></div><div><b>Eigene Funktionen/Logik</b> an der richtigen Stelle einfügen<br /></div></div></div></div></foreignObject><text x="200" y="824" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Der Code befindet sich im src-Ordner und kann über jeden Textedito...</text></switch></g><rect x="0" y="960" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 1000px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><b>Projekt kompilieren</b></div><div>Wenn das Projekt zuvor für eine andere Plattform kompiliert wurde, muss zuerst der build-Ordner geleert werden<br /></div></div></div></div></foreignObject><text x="200" y="1004" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Projekt kompilieren...</text></switch></g><path d="M 400 1120 L 440 1120 L 440 810 L 406.37 810" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 401.12 810 L 408.12 806.5 L 406.37 810 L 408.12 813.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="1080" width="400" height="80" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 1120px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><b>Projekt flashen</b></div><div>Der Befehl zum Flashen wird angezeigt, muss aber <b>außerhalb</b> des Containers ausgeführt werden<br /></div></div></div></div></foreignObject><text x="200" y="1124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Projekt flashen...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file