diff --git a/docu/docs/index.md b/docu/docs/index.md
index 1cb9cc0..3e6befa 100644
--- a/docu/docs/index.md
+++ b/docu/docs/index.md
@@ -1,7 +1,8 @@
 # <center>BOSWatch 3</center>
 ---
 
-![BOSWatch](img/bw3.png "BOSWatch 3 Logo")
+![BOSWatch](img/bw3.png){ .center }
+
 
 **Es wird darauf hingewiesen, dass für die Teilnahme am BOS-Funk nur nach den Technischen Richtlinien der BOS zugelassene Funkanlagen verwendet werden dürfen.**
 **Der BOS-Funk ist ein nichtöffentlicher mobiler Landfunk. Privatpersonen gehören nicht zum Kreis der berechtigten Funkteilnehmer.** _(Quelle: TR-BOS)_
@@ -15,4 +16,4 @@
 Falls du uns unterstützen möchtest würden wir uns über eine Spende freuen.  
 Server, Hosting, Domain sowie Kaffee kosten leider Geld ;-)  
 
-[![DonateMe](https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_LG.gif)](https://www.paypal.me/BSchroll)
\ No newline at end of file
+[![DonateMe](https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_LG.gif)](https://www.paypal.me/BSchroll){ .center }
\ No newline at end of file
diff --git a/docu/docs/information/broadcast.md b/docu/docs/information/broadcast.md
index a3766f4..74f5f99 100644
--- a/docu/docs/information/broadcast.md
+++ b/docu/docs/information/broadcast.md
@@ -10,7 +10,7 @@ Durch den Broadcast Service haben Clients die Möglichkeit, automatisch den Serv
 Der Broadcast Service besteht aus 2 Teilen - einem Server und einem Clienten.  
 Nachfolgend soll der Ablauf einer Verbindung des Clienten zum Server mittels des Broadcast Services erklärt werden.
 
-![Broadcast](../img/broadcast.png)
+![Broadcast](../img/broadcast.png){ .center }
 
 ---
 ## Ablauf
diff --git a/docu/docs/information/router.md b/docu/docs/information/router.md
index a1356b5..b360d9e 100644
--- a/docu/docs/information/router.md
+++ b/docu/docs/information/router.md
@@ -8,7 +8,7 @@ BOSWatch 3 hat einen Routing Mechanismus integriert. Mit diesem ist es auf einfa
 
 Nachfolgender Ablauf soll am Beispiel eines Alarms mit einem Pocsag Paket erklärt werden.
 
-![Routing-Mechanismus](../img/router.png)
+![Routing-Mechanismus](../img/router.png){ .center }
 
 - BOSWatch startet alle Router, welche in der config als `alarmRouter` konfiguriert worden sind (in diesem Fall nur `Router1`)
 - Der Router `Router1` beginnt seine Ausführung und arbeitet die einzelnen Routenpunkte sequentiell ab
diff --git a/docu/docs/information/serverclient.md b/docu/docs/information/serverclient.md
index a2751d1..b89769e 100644
--- a/docu/docs/information/serverclient.md
+++ b/docu/docs/information/serverclient.md
@@ -17,7 +17,7 @@ nachträglich an den Server übermittelt werden.
 
 Dabei überwacht der Client selbstständig die benötigten Programme zum Empfang der Daten und startet diese bei einem Fehler ggf. neu.
 
-![Client-Prinzip](../img/client.png)
+![Client-Prinzip](../img/client.png){ .center }
 
 ---
 ## BOSWatch Server
@@ -30,4 +30,4 @@ dauernden Plugin Ausführung alle Pakete korrekt empfangen werden können und es
 Die Verarbeitung der Pakete geschieht anschließend in sogenannten Routern, welche aufgrund ihres Umfangs jedoch in einem eigenen Kapitel
 erklärt werden. Diese steuern die Verteilung der Daten an die einzelnen Plugins.
 
-![Server-Prinzip](../img/server.png)
\ No newline at end of file
+![Server-Prinzip](../img/server.png){ .center }
\ No newline at end of file
diff --git a/docu/docs/stylesheets/extra.css b/docu/docs/stylesheets/extra.css
new file mode 100644
index 0000000..6f10e16
--- /dev/null
+++ b/docu/docs/stylesheets/extra.css
@@ -0,0 +1,36 @@
+/* Zentriert Bilder mit dem Attribut align="center" */
+img[align="center"] {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Optional: zentriere auch Bilder mit einer CSS-Klasse .center */
+img.center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Optional: zentrierter Text via .center-text */
+.center-text {
+  text-align: center;
+}
+/* Optional: zentrierter Text via .text-center */
+.text-center {
+  text-align: center;
+}
+
+/* Zentriert Bilder in einem Link <a>-Tag */
+/* Diese Regel gilt für Bilder, die in einem Link-Tag eingebettet sind */ 
+a img[align="center"] {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Optional: zentriert Bilder in einem Link-Tag mit der Klasse .center */
+a.center img {
+  display: block;
+  margin: 0 auto;
+}
\ No newline at end of file
diff --git a/docu/mkdocs.yml b/docu/mkdocs.yml
index 28db6e0..ca3cd60 100644
--- a/docu/mkdocs.yml
+++ b/docu/mkdocs.yml
@@ -41,4 +41,8 @@ theme:
   highlightjs: true
   hljs_style: github
 
+extra_css:
+  - stylesheets/extra.css
 
+markdown_extensions:
+  - attr_list
\ No newline at end of file