diff --git a/docs/hardware/accessoires/display.mdx b/docs/hardware/accessoires/display.mdx
index 9e192d2f..d5e4e286 100644
--- a/docs/hardware/accessoires/display.mdx
+++ b/docs/hardware/accessoires/display.mdx
@@ -9,6 +9,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import display from '@site/static/img/hardware-bilder/oled/display.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # OLED Display
 
@@ -103,7 +104,7 @@ Der `Schreibe Text/Zahl`-Block verfügt über fünf Einstellungsmöglichkeiten:
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun das Display programmieren und Inhalte anzeigen lassen. Dieser Code zeigt "Hello senseBox!" auf dem Display an:</p>
 
-<pre><code className="language-python">{`
+<CodeBlock language="python">{`
 import board
 import displayio
 import digitalio
@@ -166,7 +167,7 @@ text_area = label.Label(
 splash.append(text_area)
 
 while True:
-    pass`}</code></pre>
+    pass`}</CodeBlock>
 </>
 ))}
 
diff --git a/docs/hardware/sensors/co2.mdx b/docs/hardware/sensors/co2.mdx
index 6fca7822..47bbab83 100644
--- a/docs/hardware/sensors/co2.mdx
+++ b/docs/hardware/sensors/co2.mdx
@@ -8,6 +8,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import CO2Sensor from '@site/static/img/hardware-bilder/co2/scd30.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # CO2 Sensor
 
@@ -95,7 +96,8 @@ Den CO<sub>2</sub> Sensor kannst du mit folgendem Block auslesen.
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den Sensor programmieren und seine Werte auslesen. Dieser Code gibt die CO<sub>2</sub>-Konzentration, Temperatur und Luftfeuchtigkeit in der Konsole aus:</p>
 
-<pre><code className="language-python">{`import time
+<CodeBlock language="python">
+{`import time
 import board
 import busio
 import digitalio
@@ -109,7 +111,7 @@ time.sleep(0.5)
 
 i2c = busio.I2C(board.SCL, board.SDA, frequency=50000)
 scd = adafruit_scd30.SCD30(i2c)
-
+          
 while True:
     if scd.data_available:
         print("Data Available!")
@@ -120,7 +122,8 @@ while True:
         print("Waiting for new data...")
         print("")
 
-    time.sleep(0.5)`}</code></pre>
+    time.sleep(0.5)`}
+</CodeBlock>
 </>
 ))}
 
diff --git a/docs/hardware/sensors/feinstaub-sps30.mdx b/docs/hardware/sensors/feinstaub-sps30.mdx
index e21a945d..a1342fab 100644
--- a/docs/hardware/sensors/feinstaub-sps30.mdx
+++ b/docs/hardware/sensors/feinstaub-sps30.mdx
@@ -8,6 +8,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import feinstaubSps from '@site/static/img/hardware-bilder/sps30/sps30.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Feinstaubsensor SPS30
 
@@ -97,7 +98,7 @@ Den Sensor kannst du mit folgenden Block auslesen.
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den Sensor programmieren und seine Werte auslesen. Dieser Code gibt die PM2.5 Werte in der Konsole aus:</p>
 
-<pre><code className="language-python">{`import time
+<CodeBlock language="python">{`import time
 import board
 from adafruit_sps30.i2c import SPS30_I2C
 
@@ -108,6 +109,6 @@ sps = SPS30_I2C(i2c)
 while True:
     aqdata = sps.read()
     print("PM2.5: {:.1f}".format(aqdata["pm25 standard"]))
-    time.sleep(1)`}</code></pre>
+    time.sleep(1)`}</CodeBlock>
 </>
 ))}
\ No newline at end of file
diff --git a/docs/hardware/sensors/helligkeit-uv.mdx b/docs/hardware/sensors/helligkeit-uv.mdx
index abf9d211..7b93e0ad 100644
--- a/docs/hardware/sensors/helligkeit-uv.mdx
+++ b/docs/hardware/sensors/helligkeit-uv.mdx
@@ -9,6 +9,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import lightSensor from '@site/static/img/hardware-bilder/helligkeit-uv/sensor_helligkeit_uv.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Helligkeits- und UV-Sensor
 
@@ -188,7 +189,7 @@ Im Block kannst du zwischen den verschiedenen Parametern des Helligkeits-/UV-Sen
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den UV-Sensor programmieren und seine Werte auslesen. Dieser Code gibt die UV-Intensität und das Risikolevel in der Konsole aus:</p>
 
-<pre><code className="language-python">{`import time
+<CodeBlock language="python">{`import time
 import board
 from adafruit_veml6070 import VEML6070
 
@@ -203,7 +204,7 @@ with board.I2C() as i2c:
         uv_raw = uv.uv_raw
         risk_level = uv.get_index(uv_raw)
         print('Reading: {0} | Risk Level: {1}'.format(uv_raw, risk_level))
-        time.sleep(1)`}</code></pre>
+        time.sleep(1)`}</CodeBlock>
 </>
 ))}
 
diff --git a/docs/hardware/sensors/luftdruck-temperatur.mdx b/docs/hardware/sensors/luftdruck-temperatur.mdx
index 14f7cd1c..6764c473 100644
--- a/docs/hardware/sensors/luftdruck-temperatur.mdx
+++ b/docs/hardware/sensors/luftdruck-temperatur.mdx
@@ -10,6 +10,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import pressureSensor from '@site/static/img/hardware-bilder/luftdruck/bmp_top.png'
 import { useBoardStore } from '@site/src/lib/stores/store'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
+import CodeBlock from '@theme/CodeBlock'
 
 # Luftdruck- und Temperatursensor
 
@@ -94,7 +95,7 @@ Im Block kannst du zwischen den verschiedenen Parametern des Luftdruck-/Temperat
 <p>Lade dir die <a href="https://github.com/adafruit/Adafruit_CircuitPython_DPS310/releases/download/2.1.19/adafruit-circuitpython-dps310-10.x-mpy-2.1.19.zip">DPS310 CircuitPython Bibliothek</a> herunter. Entpacke die .zip Datei und kopiere die <code>adafruit_dps310</code> Ordner aus dem <code>lib</code> Ordner in den <code>lib</code> Ordner deiner senseBox (<code>CIRCUITPY</code> Laufwerk).</p>
 <h3>Code</h3>
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den Sensor programmieren und seine Werte auslesen. Dieser Code gibt den Luftdruck und die Temperatur in der Konsole aus:</p>
-<pre><code className="language-python">{`import time
+<CodeBlock language="python">{`import time
 import board
 import digitalio
 from adafruit_dps310.basic import DPS310
@@ -108,7 +109,7 @@ while True:
     print("Temperature = %.2f *C" % dps310.temperature)
     print("Pressure = %.2f hPa" % dps310.pressure)
     print("")
-    time.sleep(1.0)`}</code></pre>
+    time.sleep(1.0)`}</CodeBlock>
 </>
 ))}
 
diff --git a/docs/hardware/sensors/mpu6050.mdx b/docs/hardware/sensors/mpu6050.mdx
index d786e449..1af30b8b 100644
--- a/docs/hardware/sensors/mpu6050.mdx
+++ b/docs/hardware/sensors/mpu6050.mdx
@@ -5,6 +5,7 @@ title: Beschleunigungssensor
 import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import mpu6050 from '@site/static/img/hardware-bilder/mpu6050/mcu-top-mpu.png'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Beschleunigungssensor (MPU6050)
 
@@ -80,7 +81,7 @@ In Blockly kannst du den Sensor über folgenden Block auslesen:
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den integrierten Beschleunigungssensor programmieren und seine Werte auslesen. Dieser Code gibt die Beschleunigungswerte, Gyroskop-Daten und Temperatur in der Konsole aus:</p>
 
-<pre><code className="language-python">{`import time
+<CodeBlock language="python">{`import time
 import busio
 import microcontroller
 import adafruit_mpu6050
@@ -96,6 +97,6 @@ while True:
     print("Gyro X:%.2f, Y: %.2f, Z: %.2f degrees/s"%(mpu.gyro))
     print("Temperature: %.2f C"%mpu.temperature)
     print("")
-    time.sleep(1)`}</code></pre>
+    time.sleep(1)`}</CodeBlock>
 </>
 ))}
\ No newline at end of file
diff --git a/docs/hardware/sensors/niederschlag-rg15.mdx b/docs/hardware/sensors/niederschlag-rg15.mdx
index ec9abaea..94b427a3 100644
--- a/docs/hardware/sensors/niederschlag-rg15.mdx
+++ b/docs/hardware/sensors/niederschlag-rg15.mdx
@@ -10,6 +10,7 @@ import precipationSensor from '@site/static/img/hardware-bilder/niederschlag/sen
 import adapter from '@site/static/img/hardware-bilder/niederschlag/adapterplatine_rg15.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Niederschlagssensor
 
@@ -58,7 +59,7 @@ Dieser Code gibt die Niederschlagsintensität im Seriellen Monitor aus. Über di
 {useBoardStore((state) => (state.board === 'MCU-S2' || state.board === ':edu S2') ? (
   <>
     <p>Der Sensor wird im Beispiel über Serial0 initialisiert, was der Standardport auf der senseBox MCU S2, bzw. senseBox:edu S2 ist.</p>
-    <pre><code className="language-cpp">{`#include <RG15.h> // https://github.com/sensebox/rg15-arduino-lib
+    <CodeBlock language="cpp">{`#include <RG15.h> // https://github.com/sensebox/rg15-arduino-lib
 
 // Initialise the RG15 through the serial port
 RG15 rg15_Serial0(Serial0); 
@@ -77,7 +78,7 @@ void loop(){
     Serial.print(intensity);
     Serial.println(" mm/h");
     delay(1000);
-}`}</code></pre>
+}`}</CodeBlock>
   </>
 ) : (
   <>
diff --git a/docs/hardware/sensors/temperatur-luftfeuchte.mdx b/docs/hardware/sensors/temperatur-luftfeuchte.mdx
index 388f1a27..7b5b10ec 100644
--- a/docs/hardware/sensors/temperatur-luftfeuchte.mdx
+++ b/docs/hardware/sensors/temperatur-luftfeuchte.mdx
@@ -9,6 +9,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import tempSensor from '@site/static/img/hardware-bilder/temperatur-luftfeuchte/sensor_temperatur_luftfeuchte.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Temperatur- und Luftfeuchtesensor
 
@@ -88,7 +89,7 @@ Im Block kannst du zwischen den verschiedenen Parametern des Temperatur und Luft
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den Sensor programmieren und seine Werte auslesen. Dieser Code gibt die Temperatur und die relative Luftfeuchte in der Konsole aus:</p>
 
-<pre><code className="language-python">{`import time
+<CodeBlock language="python">{`import time
 import board
 import digitalio
 from hdc1080 import HDC1080
@@ -107,11 +108,12 @@ sensor = HDC1080(i2c)
 while True:
     temperature = sensor.temperature
     humidity = sensor.humidity
-
+    
     print("Temperature: {:.2f} °C".format(temperature))
     print("Humidity: {:.2f} %".format(humidity))
 
-    time.sleep(2)  # Wait for 2 seconds before next reading`}</code></pre>
+    time.sleep(2)  # Wait for 2 seconds before next reading`}
+</CodeBlock>
 </>
 ))}
 
diff --git a/docs/hardware/sensors/tof.mdx b/docs/hardware/sensors/tof.mdx
index e8cec40a..33f93a03 100644
--- a/docs/hardware/sensors/tof.mdx
+++ b/docs/hardware/sensors/tof.mdx
@@ -8,6 +8,7 @@ import tofSensor from '@site/static/img/hardware-bilder/tof/tofsensor.png'
 import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Time-of-Flight (ToF) Sensor
 
@@ -106,7 +107,7 @@ In Blockly kann der Sensor über folgenden Block ausgelesen werden:
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den ToF-Sensor programmieren und Entfernungen messen. Dieser Code initialisiert den Sensor und liest kontinuierlich Entfernungsdaten aus:</p>
 
-<pre><code className="language-python">{`from vl53lxcx import (
+<CodeBlock language="python">{`from vl53lxcx import (
     DATA_DISTANCE_MM,
     DATA_TARGET_STATUS,
     RESOLUTION_8X8,
@@ -143,7 +144,7 @@ def main():
             status = results.target_status
             # enumerate(distance) ...
 
-main()`}</code></pre>
+main()`}</CodeBlock>
 </>
 ))}
 
diff --git a/docs/hardware/sensors/umweltsensor.mdx b/docs/hardware/sensors/umweltsensor.mdx
index 367f481d..0f37c2ea 100644
--- a/docs/hardware/sensors/umweltsensor.mdx
+++ b/docs/hardware/sensors/umweltsensor.mdx
@@ -9,6 +9,7 @@ import ImageWithText from '@site/src/components/ImageWithText/ImageWithText'
 import umweltsensor from '@site/static/img/hardware-bilder/umweltsensor/bme.png'
 import TutorialPorts from '@site/src/components/TutorialPorts/TutorialPorts'
 import { useBoardStore } from '@site/src/lib/stores/store'
+import CodeBlock from '@theme/CodeBlock'
 
 # Umweltsensor
 
@@ -161,7 +162,7 @@ Im Block kannst du zwischen den verschiedenen Parametern des Umweltsensors ausw
 
 <p>Mit dem CircuitPython Editor deiner Wahl kannst du nun den Sensor programmieren und seine Werte auslesen. Dieser Code gibt die Temperatur, Gasresistenz, relative Luftfeuchte, Luftdruck und Höhe in der Konsole aus:</p>
 
-<pre><code className="language-python">{`import adafruit_bme680
+<CodeBlock language="python">{`import adafruit_bme680
 import time
 import board
 
@@ -179,7 +180,7 @@ while True:
     print("Pressure: %0.3f hPa" % bme680.pressure)
     print("Altitude = %0.2f meters" % bme680.altitude)
     
-    time.sleep(2)`}</code></pre>
+    time.sleep(2)`}</CodeBlock>
 </>
 ))}