From 979436374e022b2f8d11c9196d692b3142a9584f Mon Sep 17 00:00:00 2001
From: aronmal <aron@mal-noh.de>
Date: Sun, 16 Apr 2023 17:55:27 +0200
Subject: [PATCH] Replace class with className

---
 src/pages/EUC Überblick DE.tsx  | 132 ++++++++++++++++----------------
 src/pages/EUC Überblick ENG.tsx | 132 ++++++++++++++++----------------
 src/pages/HerstellerDE.tsx      |  32 ++++----
 src/pages/HerstellerENG.tsx     |  32 ++++----
 src/pages/KSS22DE.tsx           |  14 ++--
 src/pages/KSS22ENG.tsx          |  14 ++--
 src/pages/StartDE.tsx           |  14 ++--
 src/pages/StartENG.tsx          |  14 ++--
 8 files changed, 192 insertions(+), 192 deletions(-)

diff --git a/src/pages/EUC Überblick DE.tsx b/src/pages/EUC Überblick DE.tsx
index ff5723e..c6402e7 100644
--- a/src/pages/EUC Überblick DE.tsx	
+++ b/src/pages/EUC Überblick DE.tsx	
@@ -147,7 +147,7 @@
         }
     </script>
 
-{/* <!--Intro--> */}<article><div class="row">
+{/* <!--Intro--> */}<article><div className="row">
     <h2>Bevor Sie lesen:</h2>
     <p>Hier sind ein paar Dinge, bevor Sie anfangen zu lesen.</p>
 
@@ -160,21 +160,21 @@
     <p>Zu guter Letzt, um Bilder auf dem PC zu vergrößern, bewegen Sie einfach Ihre Maus darüber. Halten Sie die Maus in der Mitte, um das Zoomen zu vermeiden.</p>
 </div>
 
-{/* <!--was sind eucs--> */}<div class="row">
+{/* <!--was sind eucs--> */}<div className="row">
     <h2>Was sind EUCs</h2>
 
-    <div class="righties"><img src="images/what is euc.jpg" /></div>
-    <img class="lefties" src="images/KidsKS16X.jpg"/>
+    <div className="righties"><img src="images/what is euc.jpg" /></div>
+    <img className="lefties" src="images/KidsKS16X.jpg"/>
     <p>EUC steht für <b>E</b>lectric<b>U</b>ni<b>C</b>ycle, zu Deutsch elektrisches Einrad. Im einfachsten Sinne ist es ein Akku betriebener Motor von einem Reifen ummantelt, der mit Neigungssensoren aufrecht gehalten wird. Das Prinzip ist ähnlich zu einem Segway oder Hoverboard, aber mehr dazu im Teil <a href="#funktion">Funktionsweise</a>. Man steht nach vorne gerichtet auf 2 Pedalen die seitlich am Gerät sind, mit dem Reifen zwischen den Beinen. Zum Beschleunigen nach vorne lehnen, zum Bremsen nach hinten. Lenken ist ähnlich zum normalen Einrad oder auch Fahrrad.</p>
 </div>
     
-{/* <!--warum?--> */}<div class="row">
+{/* <!--warum?--> */}<div className="row">
     <h2 id="why">Warum Einrad fahren?</h2>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/whyS22.mp4" type="video/mp4">      
     </video></div>
 
-    <div class="lefties"><video width=auto height=auto autoplay muted loop>
+    <div className="lefties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/SkippinTrafficDanceWW.mp4" type="video/mp4">      
     </video></div>
     
@@ -195,11 +195,11 @@
     <p>Aber nicht nur zum Reisen ist das sehr <b>praktisch</b>, sondern auch <b>im Alltag</b>. Beim Einkaufen kann man es einfach mit sich führen, statt es Draußen anketten zu müssen. Man braucht keinen Fahrradstellplatz oder muss sich sorgen machen, das es gestohlen wird. Aber vor allem die kleineren Geräte haben noch einen weiten Vorteil: sie passen in ein Auto, auch in Mengen. Wenn man nun einen Trip an einen schönen Ort machen will, um dort mit dem Einrad zu fahren, kann man sie einfach in den Kofferraum packen, oder gar zwischen die Füße. Mit E-bikes oder Scootern wäre das undenkbar. Auch kann man sich von überall abholen lassen, oder irgendwo hingebracht werden und selbst zurückkommen. Vor allem für Schüler oder Leute, die kein Auto wollen/haben, ist das ein Segen.</p>
 </div>
 
-{/* <!--funktion--> */}<div class="row">
+{/* <!--funktion--> */}<div className="row">
     <h2 id="funktion">Technische Funktionsweise</h2>
 
-    <div class="righties"><img src="images/Funktionsblld.webp" /></div>
-    <div class="lefties"><img src="images/realBattery.jpg" /></div>
+    <div className="righties"><img src="images/Funktionsblld.webp" /></div>
+    <div className="lefties"><img src="images/realBattery.jpg" /></div>
 
     <p>Wie oben beschrieben hat das Einrad Neigungssensoren, auch Gyroskopen genannt. Mehre davon, zum einen als Ausfall Sicherheit, zum anderen weil es alle 3 Neigungsrichtungen erkennen muss. Das Motherboard nimmt diese Neigungsdaten, und gibt dementsprechend viel Strom an den Motor. </p>
 
@@ -209,15 +209,15 @@
 
     <p>Alle Akkupacks haben ein <b><a href="#BMS">BMS</a></b> (Battery Managment System), welches je nach Ausstattung und Qualität für die Sicherheit der Zellen sorgt. Werden Akkuzellen zu stark belastet, zu stark entladen oder geladen, können sie im besten Fall an Kapazität verlieren, und im schlimmsten Fall in Flammen aufgehen. Ein gutes <a href="#BMS">BMS</a> ist also essenziell für die Sicherheit des Gerätes und des Fahrers. Mehr dazu im Teil <a href="#akkuss">Akkusicherheit</a>.</p>
 
-    <div class="righties"><img src="images/MoBo.jpg" /></div>
-    <div class="lefties"><img src="images/realMoBo1.PNG" /></div>
+    <div className="righties"><img src="images/MoBo.jpg" /></div>
+    <div className="lefties"><img src="images/realMoBo1.PNG" /></div>
     <p>Das <b>Motherboard</b> besteht unter anderem aus dem Stromeingang vom Akku und von der Ladebuchse, den drei Phasen die zum Motor laufen, <a href="https://de.wikipedia.org/wiki/Metall-Oxid-Halbleiter-Feldeffekttransistor" target="_blank" rel="noreferrer noopener" >MOSFETs</a> und Kondensatoren zur Strom Regelung und den Neigungssensoren, so wie manchmal über einen Bildschirm und ein Bluetooth Modul. Der Strom Eingang vom Akku läuft meist über XT90 Stecker, die für hohe Ströme gemacht sind. Dieser Strom wird von den MOSFETs, je nach Gerät zwischen 6 und 42 von denen, auf die 3 Phasen verteilt, die der Motor zum Laufen braucht. Kondensatoren (zwischen 4 und 18) liefern hier spitzen Leistungen, die zu schnell für den <a href="#akku">Akku</a> wären. So weit so normal für ein Motherboard. </p>
 
     <p>Einräder brauchen aber etwas speziellere Boards, da sie auch starke <b>Rekuperation</b> ermöglichen müssen. Das bedeutet, das bei Bremsvorgängen die Bremsenergie zurück in den <a href="#akku">Akku</a> geht, und dass, im Gegensatz zum Elektroauto, in vollem Ausmaß. Die Rekuperations Fähigkeit eines Motherboards ist maßgebend für die Bremsleistung eines Einrades. Es muss also genau so viel Strom wieder zurück genommen werden können wie ausgegeben werden kann, wenn nicht sogar mehr. </p>
 
     <p>Bildschirm und Bluetooth Modul sind unter anderem für Geschwindigkeitsanzeige, Musik Wiedergabe und Informationen über den Akkustand und aktuelle Leistungsabgabe. Manche Geräte mit Touchscreen können auch Fahrstil und Neigung ohne Handy Verbindung einstellen.</p>
-    <div class="righties"><img src="images/Motor.jpeg" /></div>
-    <div class="lefties"><img src="images/realMotor.png" /></div>
+    <div className="righties"><img src="images/Motor.jpeg" /></div>
+    <div className="lefties"><img src="images/realMotor.png" /></div>
     <p>Der <b id="motor">Motor</b> eines Einrades ist ein 3 Phasen Hub Motor (Nabenmotor), also ein Motor dessen außen Teil gleichzeitig der Reifen ist. Die genaue Funktion und Beschreibung wird <a href="https://www.electricunicycles.eu/motor_in_electric_unicycle_part_1-c__201" target="_blank" rel="noreferrer noopener" >hier</a> gut erklärt. Das spart laute Ketten, Getriebe und Platz, braucht aber auch genauere Motor Steuerung und feinere Spulen wie Magnete im inneren. Die Motoren sind mit hall Sensoren ausgestatten, manchmal auch 2 zur Sicherheit, welche die genaue Position des Motors an das Motherboard geben. Es wird bei Einrädern zwischen High Speed (HS) und High Torque (HT) Motoren unterschieden. </p>
 
     <p><b>High Speed</b> Motoren laufen schneller und effizienter auf Geschwindigkeit (bis 90kmh bei 100v), haben aber bei niedrigen Umdrehungen einen sehr hohen Verbrauch und wenig Leistung. Die Spulen und Magnete sind größer, man hört die einzelnen Schritte des Motors bei langsamer Geschwindigkeit. </p>
@@ -229,20 +229,20 @@
     <p>Das Zusammenspiel aus diesen Komponenten ergibt ein extrem leistungsstarkes kleines schnelles Gerät, welches von 0 auf 50kmh in 3 Sekunden beschleunigt und bis zu 90kmh erreichen kann, 50° steile Wände hochfährt und trotzdem untern Tisch passt. </p>
 </div>
     
-{/* <!--begriffe--> */}<div class="row">
+{/* <!--begriffe--> */}<div className="row">
     <h3 id="begriffe">Begriffs- und Spezifikations Erklärungen</h3>
-    <div class="col-6"><style>p {text-align: left;}</style>
+    <div className="col-6"><style>p {text-align: left;}</style>
     <p><b id="tiltback">Tilt-back</b>: Die Pedale des Geräts neigen sich nach hinten, um den Fahrer abzubremsen. Wird bei niedrigem Akku stand oder zu hoher Beanspruchung benutzt, um die Elektronik zu schützen.</p>
 
     <p><b>Pedal Dip</b>: Die pedale geben nach, das Gerät kann die gefragte Leistung nicht aufrechterhalten und die Pedale neigen sich schlagartig nach vorne (Oder nach hinten beim starken Bremsen). In den meisten Fällen kommen die Pedale aber sofort wieder hoch, sodass die Fahrt ungestört weiter gehen kann. </p>
 
     <p><b>Pedal-angle</b>: Winkel in dem die Pedale zum Gerät stehen, von vorne gesehen. Ein steilerer Winkel sorgt für mehr Halt in Kurven, kann aber auch unangenehm werden für längere Fahrten.</p>
 
-    <p class="imghover"><b id="spiked-pedals">Spiked-pedals</b>: Spitzen auf den Pedalen, die Schuhen mehr Halt geben. Ähnlich zu Mountainbike Pedalen, sind es meist einschraubbare spitze Metallstifte, die sich etwas in den Schuh bohren, um versehentliches abrutschen zu vermeiden. Wird heute statt Schleifpapier genommen, da es auch bei Nässe und Schlamm guten halt bietet. <a href="https://youtu.be/aWU9lZAfKXM">Beispiel</a> 
-    <div class="hidden"><img src="images/SpikedPedals.jpeg"/></div></p>
+    <p className="imghover"><b id="spiked-pedals">Spiked-pedals</b>: Spitzen auf den Pedalen, die Schuhen mehr Halt geben. Ähnlich zu Mountainbike Pedalen, sind es meist einschraubbare spitze Metallstifte, die sich etwas in den Schuh bohren, um versehentliches abrutschen zu vermeiden. Wird heute statt Schleifpapier genommen, da es auch bei Nässe und Schlamm guten halt bietet. <a href="https://youtu.be/aWU9lZAfKXM">Beispiel</a> 
+    <div className="hidden"><img src="images/SpikedPedals.jpeg"/></div></p>
     
-    <p class="imghover"><b id="pads">Pads</b>: aus Plastik oder Schaumstoff bestehende Teile die seitlich am Gerät montiert werden, meist gedruckt aus TPU und PLA und befestigt mit großflächigem starkem Klettband. Sie sind zur besseren Kontrolle des Gerätes, vor allem für schwere und schnelle Einräder wichtig. Sie werden in 2 Typen aufgeteilt, wobei viele beides zusammen kombinieren. <a href="https://youtu.be/mI8IDQhXSi8">Beispiel</a>
-    <div class="hidden"><img src="images/Pads.jpg"/></div></p>
+    <p className="imghover"><b id="pads">Pads</b>: aus Plastik oder Schaumstoff bestehende Teile die seitlich am Gerät montiert werden, meist gedruckt aus TPU und PLA und befestigt mit großflächigem starkem Klettband. Sie sind zur besseren Kontrolle des Gerätes, vor allem für schwere und schnelle Einräder wichtig. Sie werden in 2 Typen aufgeteilt, wobei viele beides zusammen kombinieren. <a href="https://youtu.be/mI8IDQhXSi8">Beispiel</a>
+    <div className="hidden"><img src="images/Pads.jpg"/></div></p>
 
     <p><b>Power Pads</b>: haben Kontakt an den Waden und dem Schienenbein, dienen zum besseren beschleunigen und bremsen. Essenziell für schwere Geräte mit hohen pedalen.</p>
 
@@ -251,9 +251,9 @@
     <p><b>Wobbles</b>: beschreibt das unbeabsichtigte Wackeln des Geräts bei höherer Geschwindigkeit. Mehr dazu <a href="#wobbles">hier</a></p>
 </div>
 
-<div style="padding-left: 3%;" class="col-6">
-    <p class="imghover"><b id="trolley">Trolley Handle</b>: ein ausfahrbarer Griff zum Schieben des Gerätes, ähnlich wie bei einem Koffer.
-    <div class="hidden"><img src="images/KidsKS16X.jpg"/></div></p>
+<div style="padding-left: 3%;" className="col-6">
+    <p className="imghover"><b id="trolley">Trolley Handle</b>: ein ausfahrbarer Griff zum Schieben des Gerätes, ähnlich wie bei einem Koffer.
+    <div className="hidden"><img src="images/KidsKS16X.jpg"/></div></p>
 
     <p><b>Kill-Switch</b>: ein Knopf unterm Griff, der den Motor abschaltet. Sorgt beim Anheben dafür, das der Motor nicht hochdreht.</p>
 
@@ -281,15 +281,15 @@
     </div>   
 </div>
 
-{/* <!--sicherheit--> */}<div class="row">
+{/* <!--sicherheit--> */}<div className="row">
     <h2 id="sicherheit">Sicherheit</h2>
     <p>Die wohl zweit häufigste Frage ist meist, ob man darauf denn nicht einfach umfällt und ob das denn überhaupt sicher ist. Die Kurze Antwort: ja ist es. Es gibt zwar wie bei jedem Fortbewegungsmittel Risiken, aber sie sind sehr viel kleiner und unwichtiger als man zu Anfang annehmen würde. Trotzdem haben sich über die Jahren ein paar sicherheitstechnische Aspekte ergeben, die hier weiter erklärt werden:</p> 
 </div>
 
-{/* <!--ausrüstung--> */}<div class="row">
+{/* <!--ausrüstung--> */}<div className="row">
     <h3 id="ausrüstung">Schutzausrüstung</h3>
-    <div class="righties"><img src="images/Gear2.jpg" /></div>
-    <div class="lefties"><img src="images/Gear1.jpg" /></div>
+    <div className="righties"><img src="images/Gear2.jpg" /></div>
+    <div className="lefties"><img src="images/Gear1.jpg" /></div>
     <p>Jeder EUC YouTuber und erfahrene Fahrer wird dir sagen, das Schutzausrüstung essenziell ist. Zur Schutzausrüstung gehören je nach Geschwindigkeiten auf jeden Fall Hand und Knieschoner, beliebt sind die <a href="https://www.amazon.de/-/en/Leatt-Brace-Unisex-Double-5017010182/dp/B01M9DCEPO?th=1&psc=1" target="_blank" rel="noreferrer noopener">Leatt dual axis knee guards</a> . Bei <b>unter 30kmh</b>, also sehr kleinen Geräten, kann man wenn nötig auch ohne Ausrüstung fahren. Das wird zwar nicht gerne gesehen, aber wenn man etwas sportlich ist, kann man jeden crash einfach auslaufen. Etwas das bei Fahrrädern nicht möglich ist. </p>
 
     <p>Bei höheren Geschwindigkeiten (<b>über 30kmh</b>) sollte ein Helm getragen werden, vorzugweise ein Fullface Helm. Bis 60kmh reicht da auch ein MTB-Helm, oder aus dem Motorcross Bereich. Auch sollte an Ellenbogen und Schulter Schutz gedacht werden, beliebt sind hier die <a href="https://lazyrolling.com/">LazyRolling</a>  Jacken, welche alle Protektoren eingebaut haben und meist auch gute Sichtbarkeit bei Nacht bieten. Bei den Helmen sind der <a href="https://www.ridetsg.com/shop/pass-pro-solid-color----bonus-visor-/79025-30-173/">TSG Pass</a> und neuerdings der <a href="https://www.predatorhelmets.com/products/dh6-x">Predator DH6-X</a> sehr beliebt, wegen des hohen Sicht Feldes, kleinen Gewicht und stylischem Aussehen. Bei Geschwindigkeiten von <b>80 bis 100kmh</b> sollte man über Motorrad Ausrüstungen nachdenken, da die oben genannte Dinge nicht für diese Geschwindigkeiten gebaut wurden.</p>
@@ -300,9 +300,9 @@
     <div><img src="images/Gear3.webp" /></div>
 </div>
 
-{/* <!--cut-offs--> */}<div class="row">
+{/* <!--cut-offs--> */}<div className="row">
     <h3 id="cutout">Cut-off's</h3>
-    <div class="righties"><video autoplay muted loop>
+    <div className="righties"><video autoplay muted loop>
     <source src="videos/Cutout1.mp4" type="video/mp4">      
     </video></div>
     <p>Cut-off's sind die größte Quelle der nicht eigenverantwortlichen Unfälle. Ein Cut-off oder auch Cut-out bedeutet, dass das Gerät mitten in der Fahrt aus geht, und der Fahrer im besten Fall abspringt, und im schlimmsten fall direkt in den Asphalt knallt. Die Gründe dafür sind vielfältig, hier ein paar Beispiele:</p>
@@ -320,13 +320,13 @@
     <p>Trotz all dieser Gründe, sind Cut-outs sehr selten und bei richtiger Fahrweise so gut wie nie ein Problem. Und wenn man sich historisch sichere Geräte kauft, wie KS16X oder Veteran Sherman, kann man relativ sorglos sein. </p>
 </div>
 
-{/* <!--akkusicheit--> */}<div class="row">
+{/* <!--akkusicheit--> */}<div className="row">
     <h3 id="akkuss">Brände, Akkusicherheit</h3>
     <p>Vorweg: im Gegensatz zu z.B. Hoverboards sind Einräder recht sicher in Sachen Brände und Akkusicherheit. In der Vergangenheit war aber vor allem Gotway/Begode für Akkubrände und fehlende Akkusicherheit bekannt. Doch spätestens seitdem <a href="https://youtu.be/8h41p13e4TU?t=610" target="_blank" rel="noreferrer noopener">abrennen vom KS S20 Prototyp</a> ist die Sorge auch für andere Marken da. </p>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/shortS22Fire.MP4" type="video/mp4">      
     </video></div>
-    <img class="lefties" src="images/burned.png"/>
+    <img className="lefties" src="images/burned.png"/>
     <p><b>Brandursachen</b> können mehrere sein, hier ein paar Beispiele:</p>
 
     <p><b>Tiefenentladung</b>, also das Entladen unter die empfohlene Spannung der Zellen, schädigt den <a href="#akku">Akku</a> und erhöht das Risiko. Vor allem Begode hat da wenig Schutz, und lässt meist bei niedrigem Akkustand noch viel Leistung aus dem Akku ziehen, so wie das Gerät bis zur absoluten Entleerung fahren. Aber auch Ninebot hat damit ein Problem, da sich der <a href="#akku">Akku</a> wegen dem <a href="#BMS">BMS</a> auch entlädt, wenn das Gerät aus ist. Bei längeren Stand Zeiten ohne wieder Aufladung führt das zu Schäden. Ninebot hat kaum bekannte Brände, mehr dazu im Kapitel <a href="#hersteller">Hersteller</a>.</p>
@@ -340,7 +340,7 @@
 
     <p><b>Wasserschäden</b> im Akkupack oder auf dem Motherboard können wie bei jedem elektronischen Gerät zu Überschlägen führen. Diese können auch noch Tage später zum Brand führen, vor allem wenn das Gerät nach einer vollen Durchnässung geladen wird. Erst kürzlich gab es dazu einen <a href="https://youtu.be/WFLHCIbDJAw?t=939" target="_blank" rel="noreferrer noopener">Fall</a>.</p>
 
-    <div class="righties"><img src="images/BMS.jpg" /></div>
+    <div className="righties"><img src="images/BMS.jpg" /></div>
     <p><b>Akkusicherheit</b>: Dafür ist ein <b id="BMS">BMS</b> zuständig. Ein <b>B</b>attery <b>M</b>anagement <b>S</b>ystem hat die Aufgabe,<br> 
     -den Akku vor zu hohen Strömen zu schützen,<br> 
     -ihn nicht unter die spezifizierte Spannung entladen zu lassen,<br> 
@@ -352,12 +352,12 @@
     <p>Bisher (2022) hat nur das Kingsong S22 ein Smart <a href="#BMS">BMS</a>, welches einem erlaubt die Spannung einer jeder Zelle in der App zu sehen und zu kontrollieren. Nicht smarte <a href="#BMS">BMS</a> haben sogenanntes passive Balance, also passives angleichen der Spannungen der Zellen. Dafür muss das Gerät regelmäßig auf 100% geladen werden, und danach länger am Stecker gelassen werden. </p>
 </div>
 
-{/* <!--fahrweise--> */}<div class="row">
+{/* <!--fahrweise--> */}<div className="row">
     <h3 id="fahrweise">Fahrweise</h3>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC.mp4" type="video/mp4">      
     </video></div>
-    <div class="lefties"><video width=auto height=auto autoplay muted loop>
+    <div className="lefties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC4bad.mp4" type="video/mp4">      
     </video></div>
     <p>Das wohl mit Abstand größte Sicherheitsrisiko bildet die Fahrweise des Fahrers. Ähnlich wie bei Motorädern, kann rücksichtloses fahren und zu hohe Geschwindigkeiten schnell zu Unfällen führen. Unähnlich zu Motorädern, stirbt kaum einer bei einem Unfall mit einem EUC. Die Geräte sind bis auf ein paar ausnahmen so klein und relativ langsam, dass es zwar Verletzungen, aber kaum Todesfälle gibt. </p>
@@ -367,10 +367,10 @@
     <p>Im Gegensatz zu Scootern, sorgt die <b>steile Lernkurve</b> für mehr Respekt vor dem Gerät und dem eigenen Können. Viele gehen erst in die nähe des Straßenverkehrs, wenn sie länger geübt haben und sich sicher fühlen, wohingegen vor allem bei ausleih-Scootern die erste Fahrt meist direkt zwischen Autos oder Fußgängern stattfindet. Das sorgt für erheblich weniger Vorfälle mit EUCs.</p>
 
     <p>EUC fahren ist ein sehr <b>Skill basiertes</b> Fortbewegungsmittel. Selbst die Notbremse muss lange geübt werden, in verschieden Szenarien und vor allem in Kurven. Häufig kommt es vor, dass Fahrer nach den ersten paar Kilometern fahren schon aufhören, sich aktiv zu pushen und zu verbessern. So kommt es öfter dazu, dass selbst Jahre lange Fahrer unsicher beim auf und absteigen sind, und sich in Notsituationen nicht zu helfen wissen. Viele haben einen falschen Stand oder fahren mit wackeligen Beinen, was <a href="#wobbles">Wobbles</a> verursacht und somit zum Fall führt. Das ist auch der Grund, weswegen im schnitt die NewYorker Fahrer weniger Unfälle haben als andere Gruppen und Städte, trotz, oder eben weil sie so aggressiv fahren und somit ein sehr hohes Skill Level haben. Diese Geräte können nur so viel wie ihr Fahrer, und sind mit dem richtigen Skill zu unglaublichem im Stande.  </p>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC2.mp4" type="video/mp4">      
     </video></div>
-    <div class="lefties"><video width=auto height=auto autoplay muted loop>
+    <div className="lefties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC3.mp4" type="video/mp4">      
     </video></div>
     <p><b>Unfälle</b> an sich sind hier auch noch mal zu erwähnen, denn es gibt einige entscheidende unterschiede, welche EUCs in gewisser Weise sicherer machen als andere Fahrzeuge. </p>
@@ -380,9 +380,9 @@
     <p>Zweitens steht man nach <b>vorne gerichtet</b>, und wird nicht wie beim OneWheel seitlich in den Boden <a href="https://dictionary.cambridge.org/de/worterbuch/englisch/yeet" target="_blank" rel="noreferrer noopener">geyeetet</a>. Die meisten können bei unter 25kmh einfach abspringen und auslaufen, ohne überhaupt zu fallen. Das ist sonst nur bei sehr wenig Geräten dieser Art Möglich. Natürlich ist man nicht so sicher wie auf einem dicken Motorrad, oder wie in einem Auto. Aber im Vergleich zum Motorrad, sind die Geschwindigkeiten meist lachhaft klein und somit viel ungefährlicher. Außerdem trägt man meist eh die empfohlene Ausrüstung, sodass 99% der Fälle einfach gar nichts passiert. </p>
 </div>
 
-{/* <!--wobbles--> */}<div class="row">
+{/* <!--wobbles--> */}<div className="row">
     <h3 id="wobbles">Wobbles</h3>
-    <div class="righties"><video id="vwobble" autoplay muted loop>
+    <div className="righties"><video id="vwobble" autoplay muted loop>
     <source src="videos/Whobble2.mp4" type="video/mp4">      
     </video></div>
     <p>Wobbles sind ein noch nicht ganz verstandenes Problem. Wobble beschreiben das hin und her <b>wackeln des Gerätes</b> während schneller fahrt. Wie im Thema <a href="#reifen">Reifen</a> erwähnt, haben Straßenreifen öfter die Neigung dazu zu wackeln. Das Gerät wackelt dann in seiner eigen Resonanz, bei Motorrädern bekannt als <b>Lenkerflattern</b>. </p>
@@ -393,21 +393,21 @@
         
 </div>
 
-{/* <!--leistng--> */}<div class="row">
+{/* <!--leistng--> */}<div className="row">
     <h3 id="leistung">Leistung als Sicherheitsfeature</h3>
 
     <p>Vor allem Politiker und Leute außerhalb dieses Sports denken, dass mehr Leistung gleichbedeutend mit höherem Risiko ist. Sie liegen bei Scootern und E-bikes damit auch fast richtig, weil diese nicht auf Leistung zur Stabilisierung angewiesen sind. EUCs, OneWheels und alle Arten von Hoverboards und Segways sind dies aber, und das sorgt für einen kleinen Widerspruch. Mehr Leistung gibt dem Fahrer sehr viel <b>brems Sicherheit</b>, und <b>vermindert das Risiko</b> eines durch Überlastung indizierten <a href="#cutout">Cut-offs</a>. Auch sorgt eine größere Batterie für mehr <b>Leistungsreserve</b> für schweres Terrain. Doch sorgt mehr Leistung ebenfalls für erheblich höhere Geschwindigkeiten, was überhaupt erst die Tür zu all den Unfällen öffnet.</p>
         
 </div>
 
-{/* <!--federung--> */}<div class="row">
+{/* <!--federung--> */}<div className="row">
     <h3 id="federung">Federung als Sicherheitsfeature</h3>
     <p>Fast alle neuen und angekündigten Geräte haben eine Art integrierte Federung. Zu Anfang als Gimmick und als „nur für Offroad“ eingeschätzt, entwickelt sich dieses Feature langsam zu einer Notwendigkeit. Denn bei einem selbst balancierenden Gerät sorgt jeder Buckel in der Straße für eine Leistungs-Spitze im Controller. Das ist bei 35kmh meist kein Problem, aber bei 70kmh kann das für viele Geräte schon zu viel sein. Federung nimmt die entstehende Leistungs-Spitze größtenteils weg, und sorgt gleichzeitig dafür, dass die Füße vom Fahrer nicht von Gerät geschossen werden. Ausnahme sind hier die Pogostick Designs im Inmotion V11, welches in Ausnahme Fällen den Fahrer einfach emporschießt, statt zu federn. Trotzdem, vor allem die progressiven Federungen sorgen nicht nur für erheblich mehr Komfort, sondern auch für Fahrer Sicherheit. Und erlauben Mountainbike ähnliche Performance auf den Trails. <a href="https://youtu.be/1O7gFB6ofFI">Viedeo dazu</a></p>
 </div>
 
-{/* <!--reifen--> */}<div class="row">
+{/* <!--reifen--> */}<div className="row">
     <h3 id="reifen">Reifen</h3>
-    <img class="righties" src="images/Tires.PNG"/>
+    <img className="righties" src="images/Tires.PNG"/>
     <p>Reifen werden unterteilt in 3 Kategorien:</p>
 
     <p><b>Offroad</b> Reifen, auch Nobbys genannt, haben äußerst viel und meist ein sehr grobes Profil. Sie sind meist lauter auf der Straße, haben einen größeren Wendekreis und fühlen sich auf der Straße bei weitem nicht so agil und wendig an wie Straßenreifen. Dafür haben sie meist hervorragenden Grip im Wald und können auch durch tiefen Matsch fahren. Außerdem wurde festgestellt, dass Nobbys weniger wobblen als Straßenreifen (<a href="https://youtu.be/qcRcUIF69LU" target="_blank" rel="noreferrer noopener">Vergleich</a>), wahrscheinlich wegen dem geringeren Reifendruck und dem weicheren Material. Nobbys haben noch den Vorteil, dass sie meist länger halten. So hält ein Standard Kenda K262 locker 10000km, wo ein CST Straßenreifen nur 3-4000km hält.</p>
@@ -418,19 +418,19 @@
        
 </div>
 
-{/* <!--historie--> */}<div class="row">
+{/* <!--historie--> */}<div className="row">
     <h2 id="historie">Historie der EUCs</h2>
 
-    <div class="righties"><img src="images/solowheel-1.jpg" /></div>
-    <img class="lefties" style="clear: none;" src="images/historieEUC.webp"/>
+    <div className="righties"><img src="images/solowheel-1.jpg" /></div>
+    <img className="lefties" style="clear: none;" src="images/historieEUC.webp"/>
     <p>Die Grundlegende Technik kam mit dem <a href="https://de.wikipedia.org/wiki/Segway_Personal_Transporter" target="_blank" rel="noreferrer noopener"><b>Segway</b></a> auf den Markt. Doch mangelnde Leistung, Akkugröße und die Bauweise, zusammen mit dem Design und dem Preis sorgten für einen spektakulären Flop dieser Technik. Es gab schon 1930 erste Prototypen und Einzelversuche, aber erst das <b>SoloWheel</b> im Jahr 2010 hat die typischen Eigenschaften eines heutigen EUCs. Auch wenn dass das erste nennenswerte EUC ist, ist es aus heutiger Sicht kaum benutzbar. Unergonomisch, schwach, viel zu kleiner Akku und somit kaum Brems- oder Beschleunigungs Möglichkeiten (siehe <a href="#leistung">Leistung als Sicherheitesfeature</a>). Trotzdem markierte dieses Gerät den Start des Sports, und definierte ihn somit.</p> 
 
     <p>Es dauerte weitere 4 Jahre, bis <a href="#kinsong"><b>KingSong</b></a> gegründet wurde, und als Wettbewerber Innovation antrieb. <a href="#inmotion"><b>Inmotion</b></a> folgte daraufhin, und setzte den Standard für Qualität und Features. Erst Danach kam <a href="#begode"><b>Gotway</b></a> auf dem Markt. Gotway änderte das Wesen der EUCs auf andere Art und vielleicht sogar mehr als Inmotion: sie brachten von vorneherein Leistungsstärkere Geräte raus. Es fehlte ihnen an gutem Design und an Qualität, sie sahen im inneren aus wie Hobby Projekte. Auch hat Gotway bis vor kurzem noch immer das gleiche schlechte Design für alle Geräte benutzt, wo hingegen Kingsong und Inmotion sichtlich mehr Gedanken in Design und Qualität steckten. </p>
 
-    <div class="righties"><img src="images/z10.jpeg"/></div>
+    <div className="righties"><img src="images/z10.jpeg"/></div>
     <p><a href="#ninebot"><b>Ninebot</b></a> kaufte Segway, und kam <b>2015</b> mit dem Ninebot One raus. Ein 250wh Gerät mit schicken LEDs und weißem Design. Danach kam ein Gerät nach dem anderen raus. Gotway produzierte immer größere und schnellere Geräte, Inmotion, Kingsong und Ninebot boten immer mehr Features und versuchten mit Gotway in Sachen Leistung mitzuhalten. <b>2019</b> kam das zuerst unbeliebte, später ikonische Ninebot Z10 heraus. 45kmh, 1100wh und ein absolut einmaliges Design trennt es auch heute noch von allen anderen Geräten. Aber es hatte viele Probleme, und leider war es das letzte EUC das Ninebot produzierte. Zu dem Zeitpunkt war Gotway schon bei <b>50kmh+</b> mit dem Monster und Nicola, auch die Akkus waren doppelt so groß. Gotway, heute genannt Begode, hat sich das Image der hohen Leistung und Geschwindigkeit aufgebaut. Viele nahmen die schlechte Verarbeitungsqualität und selten auch <a href="#akkuss">Akkubrände</a> in Kauf, weil es einfach keine Alternative gab. Erst <b>2020</b> änderte sich das langsam, als Inmotion und Kingsong beide 50kmh Geräte mit gutem Design veröffentlichten. Und beide Geräte änderten den Markt nachhaltig.</p>
     
-    <div class="righties"><img src="images/S22shutterkode1.jpg"/></div>
+    <div className="righties"><img src="images/S22shutterkode1.jpg"/></div>
     <p>Inmotion und Kingsong haben beide relativ zeitnah die ersten Geräte mit <b>Federung</b> heraus gebracht. Kingsong entwarf das heute beliebte Schwingarm-Design, Inmotion entwickelte eine Luftkolben basierte Pedal Federung. Begode hat später beide Varianten kopiert, natürlich in erheblich schlechterer Form, und blieb letztlich beim Schwingarm-Design. Auch in diesem Jahr trat <a href="#veteran"><b>Veteran</b></a> (Lieperkim) auf den Markt, mit dem absoluten Bestseller Veteran Sherman. Allein dieses Gerät und die <a href="https://youtu.be/i2OwOEHQ4vA" target="_blank" rel="noreferrer noopener">Videos</a> darüber brachten eine ganze Welle an neuen Einradfahren auf den Markt, einfach weil es das erste gut gebaute und gleichzeitig super schnelle Gerät war. Endlich war man nicht mehr auf die mindere Qualität von Begode angewiesen, sondern konnte stabil auf <b>70kmh</b> cruisen und musste sich keine sorgen machen, das bei einem Crash die Batterien aus dem Gehäuse flogen.</p> 
         
     <p><b>2022</b> ist das Jahr der meisten Neuzugänge, alleine Begode hat mindestens 7 Geräte veröffentlicht oder angekündigt, 6 davon mit Federung. Inmotion hat das V13 angekündigt und Kingsong hat mit dem S22 einen Verkaufsschlager unter die Leute gebracht. Veteran hat mit dem Sherman S nun ebenfalls ein Suspension Einrad vorgestellt, welches vorraussichtlich neue Standards in Robustheit und Qualität setzen wird.</p>
@@ -439,76 +439,76 @@
 
 </div>
 
-{/* <!--auflistung--> */}<div class="row">
+{/* <!--auflistung--> */}<div className="row">
     <h2 id="geräte">Liste der Geräte</h2>
     <p>Hier werden nur die relevantesten und bekanntesten Geräte aufgelistet, eine vollständige sortierbare Übersicht ist <a href="https://www.electricunicycles.eu/product_catalog" target="_blank" rel="noreferrer noopener">hier</a>.</p>
 
 
-    <a href="KSS22DE.html" ><div class="raster">
+    <a href="KSS22DE.html" ><div className="raster">
         <h3>Kingsong S22</h3><video width=auto height=auto autoplay muted loop>
         <source src="videos/S20Werbevideo.mp4" type="video/mp4"></video>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Kingsong 16X</h3><img src="images/KS16X.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V8</h3><img src="images/inmotionV8.jfif"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V10</h3><video width=auto height=auto autoplay muted loop><source src="videos/V10.mp4" type="video/mp4"></video>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V11</h3><img src="images/V11 2.jpg"/>
     </div></a>
 
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V12</h3><img src="images/V12 2.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V13</h3><img src="images/V13 2.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Kingsong S18</h3><img src="images/S18.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode Master</h3><img src="images/Master.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode T4</h3><img src="images/T4.jpg"/>
     </div></a>
 
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode Mten4</h3><img src="images/Mten4.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode Master Pro</h3><img src="images/Master Pro.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode EX30</h3><img src="images/EX30.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Gotway Monster Pro</h3><img src="images/MonsterPro.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Veteran Sherman</h3><img src="images/moddedSherman1.jpg"/>
     </div></a>
     
     
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Veteran Sherman S</h3><img src="images/ShermanSepic.jpg"/>
     </div></a>
 </div>
diff --git a/src/pages/EUC Überblick ENG.tsx b/src/pages/EUC Überblick ENG.tsx
index bc75d03..05fa7e7 100644
--- a/src/pages/EUC Überblick ENG.tsx	
+++ b/src/pages/EUC Überblick ENG.tsx	
@@ -147,7 +147,7 @@
         }
     </script>
 
-{/* <!--Intro--> */}<article><div class="row">
+{/* <!--Intro--> */}<article><div className="row">
     <h2>Before you read:</h2>
     <p>Here are a few things before you start to read.</p>
     <p>First, this side looks best opened on PC at fullscreen, because then some extra photos and videos will appear which are hidden otherwise. Mouse hover effects also only appear on PC.</p>
@@ -159,21 +159,21 @@
     <p>Lastly, to zoom into pictures on pc, just hover your mouse over them, keep mouse in the middle to avoid zooming.</p>
 </div>
 
-{/* <!--was sind eucs--> */}<div class="row">
+{/* <!--was sind eucs--> */}<div className="row">
     <h2>What are EUCs</h2>
 
-    <div class="righties"><img src="images/what is euc.jpg" /></div>
-    <img class="lefties" src="images/KidsKS16X.jpg"/>
+    <div className="righties"><img src="images/what is euc.jpg" /></div>
+    <img className="lefties" src="images/KidsKS16X.jpg"/>
     <p>EUC stands for <b>E</b>lectric<b>U</b>ni<b>C</b>ycle. In simplest terms its a battery powered motor surrounded by a motorcycle tire, kept upright with gyroskopes. The principle is similar to a segway, but more on that in chapter <a href="#funktion">technical functionality</a>. You stand on two sidemounted pedals, facing forward with the wheel inbetween your legs. To accelerate you lean forward, to break you lean back. Steering is similar to a normal unicycle or bike.</p>
 </div>
 
-{/* <!--warum?--> */}<div class="row">
+{/* <!--warum?--> */}<div className="row">
     <h2 id="why">Why ride a unicycle?</h2>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/whyS22.mp4" type="video/mp4">      
     </video></div>
 
-    <div class="lefties"><video width=auto height=auto autoplay muted loop>
+    <div className="lefties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/SkippinTrafficDanceWW.mp4" type="video/mp4">      
     </video></div>
     
@@ -194,11 +194,11 @@
     <p>But this is not only very <b>practical</b> for travelling, but also <b>in everyday life</b>. You can carry it with you when you go shopping instead of having to chain it outside. No need to park your bike or worry about it being stolen. But the smaller devices in particular have another major advantage: they fit in a car, even in larger quantities. Now, if you want to take a trip to a nice place to ride a unicycle, you can just put them in the trunk, or even between your feet. That would be impossible with e-bikes or scooters. You can also be picked up from anywhere, or be dropped off anywhere and come back yourself. This is a blessing, especially for students or people who don't have or want a car.</p>
 </div>
 
-{/* <!--funktion--> */}<div class="row">
+{/* <!--funktion--> */}<div className="row">
     <h2 id="funktion">Technical functionality</h2>
 
-    <div class="righties"><img src="images/Funktionsblld.webp" /></div>
-    <div class="lefties"><img src="images/realBattery.jpg" /></div>
+    <div className="righties"><img src="images/Funktionsblld.webp" /></div>
+    <div className="lefties"><img src="images/realBattery.jpg" /></div>
 
     <p>As described above, the unicycle has multiple tilt sensors, also called gyroscopes. Several of them are needed, for one as redundancy, and because it has to recognize all 3 directions of tilt. The motherboard takes this data, and outputs a corresponding amount of power to the motor. </p>
 
@@ -208,16 +208,16 @@
 
     <p>All battery packs have a <b><a href="#BMS">BMS</a></b> (Battery Management System), which ,dependant on the variant and quality, ensures the safety of the cells. If battery cells get overloaded, discharged or charged too much, they can in the best case lose capacity and in the worst case burst into flames. A good <a href="#BMS">BMS</a> is therefore essential for the safety and longevity of the device and the rider. More on this in the <a href="#akkuss">Battery Safety</a> section.</p>
 
-    <div class="righties"><img src="images/MoBo.jpg" /></div>
-    <div class="lefties"><img src="images/realMoBo1.PNG" /></div>
+    <div className="righties"><img src="images/MoBo.jpg" /></div>
+    <div className="lefties"><img src="images/realMoBo1.PNG" /></div>
     <p>The <b>motherboard</b> consists of, among other things, the power input from the battery and charging socket, the three phasewires that connect the motor, <a href="https://de.wikipedia.org/wiki/Metall-Oxid-Halbleiter-Feldeffekttransistor" target="_blank" rel="noreferrer noopener" >MOSFETs</a> and capacitors for current regulation and the tilt sensors, as well as sometimes a screen and a Bluetooth module. The power input from the battery usually runs via XT90 connectors, which are made for high currents. This current is distributed via the MOSFETs, between 6 and 42 of them depending on the device, to the 3 phases that the motor needs to run. Capacitors (between 4 and 18) deliver peak power, which would be too fast for the <a href="#akku">battery</a>. So far the usual buildup for a motherboard. </p>
 
     <p>However, unicycles need more specialized boards, as they also have to enable strong <b>recuperation</b>. This means that while braking, the braking energy goes back into the <a href="#akku">battery</a> and, in contrast to an electric car, to the full extent. The recuperation ability of a motherboard is decisive for the braking performance of an unicycle. It must therefore be possible to take back just as much current as can be put out, if not more.</p>
 
     <p>The screen and Bluetooth module are used, among other things, for displaying speed, music playback and information about the battery level and current power output. Some devices with a touchscreen can also adjust driving style and incline without a mobile phone app connection.</p>
 
-    <div class="righties"><img src="images/Motor.jpeg" /></div>
-    <div class="lefties"><img src="images/realMotor.png" /></div>
+    <div className="righties"><img src="images/Motor.jpeg" /></div>
+    <div className="lefties"><img src="images/realMotor.png" /></div>
     <p>The <b id="motor">motor</b> of a unicycle is a 3-phase hub motor, i.e. a motor whose outer part is also the <a href="#reifen">tire</a>. The exact functionality and explonation you can find <a href="https://www.electricunicycles.eu/motor_in_electric_unicycle_part_1-c__201" target="_blank" rel="noreferrer noopener" >here</a>. This saves noisy chains, gears and space, but also requires more precise motor control and finer coils as well as magnets inside. The motors are equipped with hall sensors, sometimes 2 for safety, which communicate the exact position of the motor to the motherboard. There is a distinction between high speed (HS) and high torque (HT) motors. </p>
 
     <p><b>High Speed</b> motors run faster and more efficiently at speed (up to 90kmh at 100v), but have very high energy consumption and less power at low speeds. The coils and magnets are larger, therefore you can hear the motors steps grumbling at slow speed. </p>
@@ -229,20 +229,20 @@
     <p>The interaction of all these components results in an extremely powerful, small and fast device, which accelerates from 0 to 50kmh in 3 seconds and can reach up to 90kmh, climbs 50° steep walls and still fits under the table. </p>
 </div>
     
-{/* <!--begriffe--> */}<div class="row">
+{/* <!--begriffe--> */}<div className="row">
     <h3 id="begriffe">Glossary and specification explonation</h3>
-    <div class="col-6"><style>p {text-align: left;}</style>
+    <div className="col-6"><style>p {text-align: left;}</style>
     <p><b id="tiltback">Tilt-back</b>: The device's pedals tilt backwards to slow the rider down. Used when the battery is low or when the power demand is too high, to protect the electronics.</p>
 
     <p><b id="pedaldip">Pedal Dip</b>: The pedals dip forwards, the device cannot maintain the requested power and the pedals suddenly tilt forward (or backward under heavy braking). In most cases, however, the pedals come up again immediately, so that the ride can continue undisturbed (implies necessary skill). </p>
 
     <p><b>Pedal-angle</b>: Angle in which the pedals are mounted to the device, seen from the frontview. A steeper angle provides more grip when cornering, but can also become uncomfortable for longer rides.</p>
 
-    <p class="imghover"><b id="spiked-pedals">Spiked-pedals</b>: Spikes on the pedals that give shoes more grip. Similar to mountain bike pedals, there are usually screw-in pointed metal pins that grip into the shoe to prevent accidental slipping. Is used today instead of sandpaper, as it offers an excellent grip even in wet and muddy conditions. <a href="https://youtu.be/aWU9lZAfKXM">Example</a> 
-    <div class="hidden" ><img src="images/SpikedPedals.jpeg"/></div></p>
+    <p className="imghover"><b id="spiked-pedals">Spiked-pedals</b>: Spikes on the pedals that give shoes more grip. Similar to mountain bike pedals, there are usually screw-in pointed metal pins that grip into the shoe to prevent accidental slipping. Is used today instead of sandpaper, as it offers an excellent grip even in wet and muddy conditions. <a href="https://youtu.be/aWU9lZAfKXM">Example</a> 
+    <div className="hidden" ><img src="images/SpikedPedals.jpeg"/></div></p>
     
-    <p class="imghover"><b id="pads">Pads</b>: parts made of plastic or foam that are mounted on the side of the device, usually printed from TPU and PLA and fastened with large, strong Velcro. They are necessary for better control and handling, especially for heavy and fast unicycles. They are divided into 2 types, many are combined together in one set. 
-    <div class="hidden" ><img src="images/Pads.jpg"/></div></p>
+    <p className="imghover"><b id="pads">Pads</b>: parts made of plastic or foam that are mounted on the side of the device, usually printed from TPU and PLA and fastened with large, strong Velcro. They are necessary for better control and handling, especially for heavy and fast unicycles. They are divided into 2 types, many are combined together in one set. 
+    <div className="hidden" ><img src="images/Pads.jpg"/></div></p>
 
     <p><b>Power Pads</b>: have contact with the shin and the calves, are used for better acceleration and braking. Essential for heavy EUCs with high pedals.</p>
 
@@ -251,9 +251,9 @@
     <p><b>Wobbles</b>: describes the unintentional wobbling of the device at higher speeds. More on this <a href="#wobbles">here</a></p>
 </div>
 
-<div style="padding-left: 3%;" class="col-6">
-    <p class="imghover"><b id="trolley">Trolley Handle</b>: an extendable handle for pushing the device, similar to a suitcase.
-    <div class="hidden" ><img src="images/KidsKS16X.jpg"/></div></p>
+<div style="padding-left: 3%;" className="col-6">
+    <p className="imghover"><b id="trolley">Trolley Handle</b>: an extendable handle for pushing the device, similar to a suitcase.
+    <div className="hidden" ><img src="images/KidsKS16X.jpg"/></div></p>
 
     <p><b>Kill-Switch</b>: a button under the handle that shuts off the motor. Ensures that the motor doesnt rev up when lifting.</p>
 
@@ -281,15 +281,15 @@
     </div>   
 </div>
 
-{/* <!--sicherheit--> */}<div class="row">
+{/* <!--sicherheit--> */}<div className="row">
     <h2 id="sicherheit">Safety</h2>
     <p>The second most common question is usually whether you don't just fall off and whether it's safe at all. The short answer: yes it is. While there are risks, as with any mode of transportation, they are much smaller and less important than one might initially assume. Nevertheless, a few safety-related aspects have arisen over the years, which are further explained here:</p> 
 </div>
 
-{/* <!--ausrüstung--> */}<div class="row">
+{/* <!--ausrüstung--> */}<div className="row">
     <h3 id="ausrüstung">Safety gear</h3>
-    <div class="righties"><img src="images/Gear2.jpg" /></div>
-    <div class="lefties"><img src="images/Gear1.jpg" /></div>
+    <div className="righties"><img src="images/Gear2.jpg" /></div>
+    <div className="lefties"><img src="images/Gear1.jpg" /></div>
     <p>Any EUC YouTuber and experienced rider will tell you that protective gear is essential. Depending on the speed, protective equipment definitely includes hand and kneeguards like the famous <a href="https://www.amazon.de/-/en/Leatt-Brace-Unisex-Double-5017010182/dp/B01M9DCEPO?th are popular =1&psc=1" target="_blank" rel="noreferrer noopener">Leatt dual axis knee guards</a>. At <b>below 30kmh</b>, i.e. very small devices, you can also ride without equipment if necessary. It's not something people like to see, but if you're a bit sporty, you can just outrun every crash. Something that is not possible with bicycles. </p>
 
     <p>At higher speeds (<b>above 30kmh</b>) a helmet should be worn, preferably a full-face helmet. An MTB helmet is sufficient for speeds up to 60 km/h, or one from the motocross sector. Elbow and shoulder protection should also be considered. The <a href="https://lazyrolling.com/">LazyRolling</a> jackets are popular here, as they all have built-in protectors and usually also offer good visibility at night. For the helmets, the <a href="https://www.ridetsg.com/shop/pass-pro-solid-color----bonus-visor-/79025-30-173/">TSG Pass</a> and recently the <a href="https://www.predatorhelmets.com/products/dh6-x">Predator DH6-X</a> are very popular because of the high field of view, small weight and stylish look. At speeds of <b>80 to 100kmh</b> you should think about motorcycle gear as the items mentioned above are not built for these speeds.</p>
@@ -300,9 +300,9 @@
     <div><img src="images/Gear3.webp" /></div>
 </div>
 
-{/* <!--cut-offs--> */}<div class="row">
+{/* <!--cut-offs--> */}<div className="row">
     <h3 id="cutout">Cut-off's</h3>
-    <div class="righties"><video autoplay muted loop>
+    <div className="righties"><video autoplay muted loop>
     <source src="videos/Cutout1.mp4" type="video/mp4">      
     </video></div>
     <p>Cut-off's are the largest source of accidents the rider is mostly not responsible for. A cut-off or cut-out means that the device switches off in the middle of the ride and the driver jumps off in the best case, and in the worst case slams directly into the asphalt. There are many reasons for this, here are a few examples:</p>
@@ -320,13 +320,13 @@
     <p>Despite all these reasons, cut-outs are very rare and, if you ride correctly, almost never a problem. And if you buy historically safe devices like the KS16X or Veteran Sherman, you can be relatively unmindful.</p>
 </div>
 
-{/* <!--akkusicheit--> */}<div class="row">
+{/* <!--akkusicheit--> */}<div className="row">
     <h3 id="akkuss">Battery safety and fires</h3>
     <p>First of all: in contrast to for example hoverboards, unicycles are quite safe in terms of fire and battery safety. In the past, however, <a href="#begode">Gotway/Begode</a> in particular was known for battery fires and a lack of battery safety. But since recently the <a href="https://youtu.be/8h41p13e4TU?t=610" target="_blank" rel="noreferrer noopener"> KS S22 prototype burned spectacularly</a>, the worry is now also there for other brands. </p>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/shortS22Fire.MP4" type="video/mp4">      
     </video></div>
-    <img class="lefties" src="images/burned.png"/>
+    <img className="lefties" src="images/burned.png"/>
     <p>There are several <b>causes</b>, here are a few examples:</p>
 
     <p><b>Deep discharge</b>, i.e. discharging below the recommended cell voltage, damages the <a href="#akku">battery</a> and increases the risk. Begode in particular has little protection, and usually allows a lot of power to be drawn when the battery level is low, by letting the device run until it's completely drained. But Ninebot also has a problem with this, because the <a href="#akku">battery</a> also discharges when the device is off due to the <a href="#BMS">BMS</a>. Long standing times without recharging will lead to damage. Ninebot has little-known brands, more on that in the <a href="#manufacturer">manufacturer chapter</a>.</p>
@@ -340,7 +340,7 @@
     
     <p><b>Water damage</b> in the battery pack or on the motherboard can lead to flashovers, as with any electronic device. These can still lead to a fire days later, especially if the device is charged after it has been completely soaked. There was one <a href="https://youtu.be/WFLHCIbDJAw?t=939" target="_blank" rel="noreferrer noopener">case</a> just recently.</p>
 
-    <div class="righties"><img src="images/BMS.jpg" /></div>
+    <div className="righties"><img src="images/BMS.jpg" /></div>
     <p><b>Battery safety</b>: A <b id="BMS">BMS</b> is responsible for this. A <b>B</b>attery <b>M</b>anagement <b>S</b>system has the task<br>
     -to protect the battery from excessive currents,<br>
     -not to let it discharge below the specified voltage,<br>
@@ -352,12 +352,12 @@
     <p>So far (2022) only the Kingsong S22 has a smart <a href="#BMS">BMS</a> which allows you to see and control the voltage of each cell in the app. Non-smart <a href="#BMS">BMS</a> have so-called passive balance, i.e. passive adjustment of the voltages of the cells. To do this, the device must be charged regularly to 100% and then left plugged in for a longer period of time. </p>
 </div>
 
-{/* <!--fahrweise--> */}<div class="row">
+{/* <!--fahrweise--> */}<div className="row">
     <h3 id="fahrweise">Fahrweise</h3>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC.mp4" type="video/mp4">      
     </video></div>
-    <div class="lefties"><video width=auto height=auto autoplay muted loop>
+    <div className="lefties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC4bad.mp4" type="video/mp4">      
     </video></div>
     <p>By far the greatest safety risk is the rider's riding style. Similar to motorcycles, reckless driving and excessive speeds can quickly lead to accidents. Unlike motorcycles, hardly anyone dies in an accident involving an EUC. With a few exceptions, the devices are so small and relatively slow that there are injuries, but hardly any fatalities. </p>
@@ -367,10 +367,10 @@
     <p>In contrast to scooters, the <b>steep learning curve</b> ensures more respect for the device and one's own skills. Many only go near the traffic when they have practiced longer and feel safe, whereas, especially with rental scooters, the first ride usually takes place directly between cars or pedestrians. This results in significantly fewer incidents involving EUCs.</p>
 
     <p>Riding the EUC is a very <b>skill based</b> means of transport. Even the emergency brake has to be practiced for a long time, in different scenarios and especially in curves. It often happens that drivers stop actively pushing and improving themselves after the first few kilometers. Therefore some with years of riding experience are unsafe when getting on and off, and do not know how to help themselves in emergency situations. Many have an incorrect stance or ride on wobbly legs, which causes <a href="#wobbles">wobbles</a> and leads to falls. That's also the reason why the New Yorker riders have fewer accidents than other groups and cities, despite or because they drive so aggressively and therefore have a very higher skill level. These machines can only do as much as their driver, and with the right skill they are capable of incredible things.  </p>
-    <div class="righties"><video width=auto height=auto autoplay muted loop>
+    <div className="righties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC2.mp4" type="video/mp4">      
     </video></div>
-    <div class="lefties"><video width=auto height=auto autoplay muted loop>
+    <div className="lefties"><video width=auto height=auto autoplay muted loop>
         <source src="videos/FahrweiseNYC3.mp4" type="video/mp4">      
     </video></div>
     <p><b>Accidents</b> themselves are also worth mentioning here, because there are some crucial differences that make EUCs safer than other vehicles in a certain way. </p>
@@ -380,9 +380,9 @@
     <p>Secondly, you stand facing <b>forwards</b>, and therefore dont get <a href="https://dictionary.cambridge.org/de/worterbuch/englisch/yeet" target="_blank" rel="noreferrer noopener">yeeted</a> sideways into the ground like on OneWheels. Most can just jump off and run out under 26kmh without even falling. This is otherwise only possible with very few devices of this type. Of course you are not as safe as on a big motorbike, or as in a car. But compared to a motorcycle, the speeds are usually way lower and therefore much less dangerous. In addition, you usually wear the recommended equipment anyway, so that 99% of the time nothing happens at all. </p>
 </div>
 
-{/* <!--wobbles--> */}<div class="row">
+{/* <!--wobbles--> */}<div className="row">
     <h3 id="wobbles">Wobbles</h3>
-    <div class="righties"><video id="vwobble" autoplay muted loop>
+    <div className="righties"><video id="vwobble" autoplay muted loop>
     <source src="videos/Whobble2.mp4" type="video/mp4">      
     </video></div>
     <p>Wobbles are a problem not fully understood yet. Wobble describes the <b>shaking</b> of the device side to side while riding fast. As mentioned in the <a href="#tires">tires</a> topic, road tires tend to wobble more often. The device then wobbles in its own resonance, also known in the motorcycles world. </p>
@@ -393,21 +393,21 @@
         
 </div>
 
-{/* <!--leistng--> */}<div class="row">
+{/* <!--leistng--> */}<div className="row">
     <h3 id="leistung">Performance as a safety feature</h3>
 
     <p>Especially politicians and people outside of this sport think that more performance equals more risk. They are almost right with scooters and e-bikes because they do not depend on power for stabilization. EUCs, OneWheels, and all manner of hoverboards and Segways are, though, and that creates a bit of a contradiction. More power gives the rider a lot of <b>braking safety</b>, and <b>reduces the risk</b> of overload-induced <a href="#cutout">cut-offs</a>. A larger battery also provides more <b>power reserves</b> for difficult terrain. But more power also means significantly higher speeds, which opens the door to all the bad accidents in the first place.</p>
         
 </div>
 
-{/* <!--federung--> */}<div class="row">
+{/* <!--federung--> */}<div className="row">
     <h3 id="federung">Suspension as a safety feature</h3>
     <p>Almost all new and announced devices have some form of built-in suspension. Initially seen as a gimmick and "off-road only", this feature is slowly becoming a necessity. Because with a self-balancing device, every bump in the road causes a power spike in the controller. This is usually not a problem at 35kmh, but at 70kmh it can be too much for many devices. Suspension takes away most of the power spike that occurs, while also making sure that rider's feet don't get shot off the pedals. The exception here are the pogostick designs in the Inmotion V11, which in exceptional cases simply shoot up the rider instead of dampening him. Nevertheless, the progressive suspensions in particular not only ensure significantly more comfort, but also rider safety. And allow mountain bike-like performance on the trails.</p>
 </div>
 
-{/* <!--reifen--> */}<div class="row">
+{/* <!--reifen--> */}<div className="row">
     <h3 id="reifen">Tires</h3>
-    <img class="righties" src="images/Tires.PNG"/>
+    <img className="righties" src="images/Tires.PNG"/>
     <p>Tires can be divided into 3 categories:</p>
 
     <p><b>Offroad</b> tyres, also known as nobbys, have a large and usually a very rough profile. They tend to be noisier on the road, have a larger turning circle, and don't feel nearly as agile and nimble on the road as street tires. On the other hand, they usually have excellent grip in the forest and can also drive through deep mud. It was also found that nobbys wobble less than street tires (<a href="https://youtu.be/qcRcUIF69LU" target="_blank" rel="noreferrer noopener">comparison</a>), probably because of the lower tire pressure and the softer material. Nobbys also have the advantage that they usually last longer. A standard Kenda K262 easily lasts 10000km, where a CST road tire only lasts 3-4000km.</p>
@@ -420,19 +420,19 @@
        
 </div>
 
-{/* <!--historie--> */}<div class="row">
+{/* <!--historie--> */}<div className="row">
     <h2 id="historie">Historie der EUCs</h2>
 
-    <div class="righties"><img src="images/solowheel-1.jpg" /></div>
-    <img class="lefties" style="clear: none;" src="images/historieEUC.webp"/>
+    <div className="righties"><img src="images/solowheel-1.jpg" /></div>
+    <img className="lefties" style="clear: none;" src="images/historieEUC.webp"/>
     <p>The underlying technique came with the <a href="https://de.wikipedia.org/wiki/Segway_Personal_Transporter" target="_blank" rel="noreferrer noopener"><b>Segway</b></a> on the market. But lacking performance, battery size and construction, together with bad design and a 10k price made for a spectacular flop of this technology. There were first prototypes and individual tests of an EUC as early as 1930, but it was not until the <b>SoloWheel</b> in 2010 that it had the typical properties of today's EUC. Even if this is the first considerable EUC, it is hardly usable from today's perspective. Unergonomic, weak, far too small of a battery and therefore hardly any braking or acceleration power (see <a href="#performance">Performance as a safety feature</a>). Nonetheless, this device marked the start of the sport, and thus defined it.</p>
 
     <p>It took another 4 years for <a href="#kinsong"><b>KingSong</b></a> to be foundet and driving innovation as a competitor. <a href="#inmotion"><b>Inmotion</b></a> followed suit and set the standard for quality and features. Only then did <a href="#begode"><b>Gotway</b></a> come onto the market. Gotway changed the nature of EUCs in a different way, and maybe even more so than Inmotion: from the start, they brought out more powerful devices then the others. They lacked good design and quality and they looked like hobby projects from the inside. Also, until recently, Gotway still used the same bad design for all devices, whereas Kingsong and Inmotion put a lot more thought into design and quality. </p>
 
-    <div class="righties"><img src="images/z10.jpeg"/></div>
+    <div className="righties"><img src="images/z10.jpeg"/></div>
     <p><a href="#ninebot"><b>Ninebot</b></a> bought Segway, and came out with the Ninebot One in <b>2015</b>. A 250Wh device with stylish LEDs and a white design. Then one device after the other came out. Gotway produces bigger and faster devices, Inmotion, Kingsong and Ninebot offered more and more features and tried to keep up with Gotway in terms of performance. In <b>2019</b> we saw the release of the initially unpopular, later iconic Ninebot Z10. 45kmh, 1100wh and an absolutely unique design still separates it from all other devices today. But it had many problems, and unfortunately it was the last EUC that Ninebot produced. At that point, Gotway was already at <b>50kmh+</b> with the Monster and Nicola, and the batteries were twice as big. Gotway, now called Begode, has built itself an image of high performance and speed. Many accepted the poor build quality and rare <a href="#akkuss">battery fires</a> because there were simply no alternative. This was slowly changing in <b>2020</b>, when Inmotion and Kingsong both released 50kmh devices with a good design. And both devices are changing the market forever.</p>
     
-    <div class="righties"><img src="images/S22shutterkode1.jpg"/></div>
+    <div className="righties"><img src="images/S22shutterkode1.jpg"/></div>
     <p>Inmotion and Kingsong both released the first devices with <b>suspension</b> relatively simultaneously. Kingsong created today's popular swing arm design, Inmotion developed an air piston based pedal suspension. Begode later copied both variants, of course in a much worse form, and ultimately stuck with the swing arm design.<br> 
     <a href="#veteran"><b>Veteran</b></a> (Lieperkim) entered the market this year with the absolute bestseller Veteran Sherman. Just this device and the <a href="https://youtu.be/i2OwOEHQ4vA" target="_blank" rel="noreferrer noopener">videos</a> about it launched a whole wave of new unicyclers, just plain because it was the first well built and at the same time super fast device. Finally, you were no longer dependent on the inferior quality of Begode, but could cruise stably at <b>70kmh</b> and didn't have to worry about the batteries flying out of the housing in the event of a crash.</p>
         
@@ -442,78 +442,78 @@
 
 </div>
         
-{/* <!--auflistung--> */}<div class="row">
+{/* <!--auflistung--> */}<div className="row">
     <h2 id="geräte">List of devices</h2>
     <p>Only the most relevant and well-known devices are listed here, a complete, sortable overview is available <a href="https://www.electricunicycles.eu/product_catalog" target="_blank" rel="noreferrer noopener">here</a>.</p>
 
-    <a href="KSS22ENG.html" ><div class="raster">
+    <a href="KSS22ENG.html" ><div className="raster">
         <h3>Kingsong S22</h3><video width=auto height=auto autoplay muted loop>
         <source src="videos/S20Werbevideo.mp4" type="video/mp4"></video>
     </div></a>
 
     <a href="soon.HTML" >
-        <div class="raster">
+        <div className="raster">
             <h3>Kingsong 16X</h3>
             <img src="images/KS16X.jpg"/>
         </div>
     </a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V8</h3><img src="images/inmotionV8.jfif"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V10</h3><video width=auto height=auto autoplay muted loop><source src="videos/V10.mp4" type="video/mp4"></video>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V11</h3><img src="images/V11 2.jpg"/>
     </div></a>
 
     
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V12</h3><img src="images/V12 2.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Inmotion V13</h3><img src="images/V13 2.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Kingsong S18</h3><img src="images/S18.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode Master</h3><img src="images/Master.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode T4</h3><img src="images/T4.jpg"/>
     </div></a>
 
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode Mten4</h3><img src="images/Mten4.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode Master Pro</h3><img src="images/Master Pro.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Begode EX30</h3><img src="images/EX30.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Gotway Monster Pro</h3><img src="images/MonsterPro.jpg"/>
     </div></a>
 
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Veteran Sherman</h3><img src="images/moddedSherman1.jpg"/>
     </div></a>
     
     
-    <a href="soon.HTML" ><div class="raster">
+    <a href="soon.HTML" ><div className="raster">
         <h3>Veteran Sherman S</h3><img src="images/ShermanSepic.jpg"/>
     </div></a>
 
diff --git a/src/pages/HerstellerDE.tsx b/src/pages/HerstellerDE.tsx
index 6a40ef9..f70ba87 100644
--- a/src/pages/HerstellerDE.tsx
+++ b/src/pages/HerstellerDE.tsx
@@ -151,7 +151,7 @@
 
     <article>
       {/* <!--hersteller--> */}
-      <div class="row">
+      <div className="row">
         <h3 id="hersteller">Erklärung und Geschichte der Produzenten</h3>
         <p>
           Es gibt/gab viele Hersteller von elektrischen Einrädern, hier werden
@@ -163,10 +163,10 @@
         </p>
 
         <h3 id="ninebot">
-          Ninebot <img class="logos" src="images/ninebotLogo.jpg" />
+          Ninebot <img className="logos" src="images/ninebotLogo.jpg" />
         </h3>
-        <img class="righties" src="images/NineBot.webp" />
-        <img class="lefties" src="images/NinebotZ10goood.webp" />
+        <img className="righties" src="images/NineBot.webp" />
+        <img className="lefties" src="images/NinebotZ10goood.webp" />
         <p>
           Ninebot ist für die Meisten bekannt als Sooter Hersteller, manche
           kenne auch vielleicht deren elektrische Schuhe oder die Segway
@@ -181,10 +181,10 @@
         </p>
 
         <h3 id="inmotion">
-          Inmotion <img class="logos" src="images/inmotionLogo.png" />
+          Inmotion <img className="logos" src="images/inmotionLogo.png" />
         </h3>
-        <img class="righties" src="images/InmotionLineup.jpg" />
-        <img class="lefties" src="images/V11 3.webp" />
+        <img className="righties" src="images/InmotionLineup.jpg" />
+        <img className="lefties" src="images/V11 3.webp" />
         <p>
           Inmotion ist der zweitgrößte Hersteller der hier gelisteten.
           Ebenfallsgroß im standard-Scooter Segment, hat Inmotion aber auch
@@ -203,10 +203,10 @@
         </p>
 
         <h3 id="kingsong">
-          Kingsong <img class="logos" src="images/kingsongLogo.png" />
+          Kingsong <img className="logos" src="images/kingsongLogo.png" />
         </h3>
-        <img class="righties" src="images/KidsKS16X.jpg" />
-        <img class="lefties" src="images/kingsong2.jpg" />
+        <img className="righties" src="images/KidsKS16X.jpg" />
+        <img className="lefties" src="images/kingsong2.jpg" />
         <p>
           Kingsong ist sehr ähnlich zu Inmotion, nur kleiner und ohne den großen
           Scooter und E-bike Markt dahinter. Qualität und Design waren die
@@ -222,10 +222,10 @@
         </p>
 
         <h3 id="begode">
-          Gotway/Begode <img class="logos" src="images/BEGODElogo.jpg" />
+          Gotway/Begode <img className="logos" src="images/BEGODElogo.jpg" />
         </h3>
-        <img class="righties" src="images/BegodeLineup.jpg" />
-        <img class="lefties" src="images/BegodeMemeBurn.jpg" />
+        <img className="righties" src="images/BegodeLineup.jpg" />
+        <img className="lefties" src="images/BegodeMemeBurn.jpg" />
         <p>
           Gotway, oder wie sie sich heute nennen Begode, ist schwer zu
           beschreiben und einzuordnen. Viele Meinungen und Kontroversen. Die
@@ -272,10 +272,10 @@
         </p>
 
         <h3 id="veteran">
-          Leaperkim/Veteran <img class="logos" src="images/veteranLogo.png" />
+          Leaperkim/Veteran <img className="logos" src="images/veteranLogo.png" />
         </h3>
-        <img class="righties" src="images/Shermangrey.jpg" />
-        <img class="lefties" src="images/abrahams.jpg" />
+        <img className="righties" src="images/Shermangrey.jpg" />
+        <img className="lefties" src="images/abrahams.jpg" />
         <p>
           Veteran ist für viele der Lieling. Bestehend aus Ex Gotway Ingenieuren
           und Mitarbeitern, die mit den Entscheidungen von Gotway nicht
diff --git a/src/pages/HerstellerENG.tsx b/src/pages/HerstellerENG.tsx
index 8a46b31..d37fc30 100644
--- a/src/pages/HerstellerENG.tsx
+++ b/src/pages/HerstellerENG.tsx
@@ -153,7 +153,7 @@
 
     <article>
       {/* <!--hersteller--> */}
-      <div class="row">
+      <div className="row">
         <h3 id="hersteller">History and explonation of manufacturers</h3>
         <p>
           There are/were many manufacturers of electric unicycles, only the
@@ -165,10 +165,10 @@
         </p>
 
         <h3 id="ninebot">
-          Ninebot <img class="logos" src="images/ninebotLogo.jpg" />
+          Ninebot <img className="logos" src="images/ninebotLogo.jpg" />
         </h3>
-        <img class="righties" src="images/NineBot.webp" />
-        <img class="lefties" src="images/NinebotZ10goood.webp" />
+        <img className="righties" src="images/NineBot.webp" />
+        <img className="lefties" src="images/NinebotZ10goood.webp" />
         <p>
           Ninebot is known to most as a sooter manufacturer, some may also know
           their electric shoes or Segway-like devices with short handlebars.
@@ -182,10 +182,10 @@
         </p>
 
         <h3 id="inmotion">
-          Inmotion <img class="logos" src="images/inmotionLogo.png" />
+          Inmotion <img className="logos" src="images/inmotionLogo.png" />
         </h3>
-        <img class="righties" src="images/InmotionLineup.jpg" />
-        <img class="lefties" src="images/V11 3.webp" />
+        <img className="righties" src="images/InmotionLineup.jpg" />
+        <img className="lefties" src="images/V11 3.webp" />
         <p>
           Inmotion is the second largest manufacturer of those listed here. Also
           big in the standard scooter segment, Inmotion also has a large if not
@@ -203,10 +203,10 @@
         </p>
 
         <h3 id="kingsong">
-          Kingsong <img class="logos" src="images/kingsongLogo.png" />
+          Kingsong <img className="logos" src="images/kingsongLogo.png" />
         </h3>
-        <img class="righties" src="images/KidsKS16X.jpg" />
-        <img class="lefties" src="images/kingsong2.jpg" />
+        <img className="righties" src="images/KidsKS16X.jpg" />
+        <img className="lefties" src="images/kingsong2.jpg" />
         <p>
           Kingsong is very similar to Inmotion, only smaller and without the big
           scooter and e-bike market behind it. Quality and design were the
@@ -222,10 +222,10 @@
         </p>
 
         <h3 id="begode">
-          Gotway/Begode <img class="logos" src="images/BEGODElogo.jpg" />
+          Gotway/Begode <img className="logos" src="images/BEGODElogo.jpg" />
         </h3>
-        <img class="righties" src="images/BegodeLineup.jpg" />
-        <img class="lefties" src="images/BegodeMemeBurn.jpg" />
+        <img className="righties" src="images/BegodeLineup.jpg" />
+        <img className="lefties" src="images/BegodeMemeBurn.jpg" />
         <p>
           Gotway, or Begode as they call themselves today, is difficult to
           describe and classify. Many opinions and controversies. The company
@@ -271,10 +271,10 @@
         </p>
 
         <h3 id="veteran">
-          Leaperkim/Veteran <img class="logos" src="images/veteranLogo.png" />
+          Leaperkim/Veteran <img className="logos" src="images/veteranLogo.png" />
         </h3>
-        <img class="righties" src="images/Shermangrey.jpg" />
-        <img class="lefties" src="images/abrahams.jpg" />
+        <img className="righties" src="images/Shermangrey.jpg" />
+        <img className="lefties" src="images/abrahams.jpg" />
         <p>
           Veteran is the favorite for many. Comprised of ex-Gotway engineers and
           employees who disagreed with Gotway's decisions, Veteran released the
diff --git a/src/pages/KSS22DE.tsx b/src/pages/KSS22DE.tsx
index 33c4d88..a6c71eb 100644
--- a/src/pages/KSS22DE.tsx
+++ b/src/pages/KSS22DE.tsx
@@ -90,12 +90,12 @@
       <a href="EUC Überblick DE.html">Start</a>
     </div>
 
-    <div class="row">
-      <div class="col-4">
+    <div className="row">
+      <div className="col-4">
         <img src="KS S22/S22shutterkode2.jpg" />
       </div>
 
-      <div class="col-8">
+      <div className="col-8">
         <article>
           <h2>Kingsong S22</h2>
 
@@ -139,10 +139,10 @@
       </div>
     </div>
 
-    <div class="row">
-      <div class="col-4"><img src="KS S22/S22shutterkode5.jpg" /></div>
-      <div class="col-4"><img src="KS S22/BusJump.jpg" /></div>
-      <div class="col-4"><img src="KS S22/S22shutterkode4.jpg" /></div>
+    <div className="row">
+      <div className="col-4"><img src="KS S22/S22shutterkode5.jpg" /></div>
+      <div className="col-4"><img src="KS S22/BusJump.jpg" /></div>
+      <div className="col-4"><img src="KS S22/S22shutterkode4.jpg" /></div>
     </div>
 
     <table>
diff --git a/src/pages/KSS22ENG.tsx b/src/pages/KSS22ENG.tsx
index ecccdf1..3d7a625 100644
--- a/src/pages/KSS22ENG.tsx
+++ b/src/pages/KSS22ENG.tsx
@@ -89,12 +89,12 @@
       <a href="EUC Überblick DE.html">Start</a>
     </div>
 
-    <div class="row">
-      <div class="col-4">
+    <div className="row">
+      <div className="col-4">
         <img src="KS S22/S22shutterkode2.jpg" />
       </div>
 
-      <div class="col-8">
+      <div className="col-8">
         <article>
           <h2>Kingsong S22</h2>
 
@@ -137,10 +137,10 @@
       </div>
     </div>
 
-    <div class="row">
-      <div class="col-4"><img src="KS S22/S22shutterkode5.jpg" /></div>
-      <div class="col-4"><img src="KS S22/BusJump.jpg" /></div>
-      <div class="col-4"><img src="KS S22/S22shutterkode4.jpg" /></div>
+    <div className="row">
+      <div className="col-4"><img src="KS S22/S22shutterkode5.jpg" /></div>
+      <div className="col-4"><img src="KS S22/BusJump.jpg" /></div>
+      <div className="col-4"><img src="KS S22/S22shutterkode4.jpg" /></div>
     </div>
 
     <table>
diff --git a/src/pages/StartDE.tsx b/src/pages/StartDE.tsx
index 6d7f0ac..86e28d8 100644
--- a/src/pages/StartDE.tsx
+++ b/src/pages/StartDE.tsx
@@ -90,9 +90,9 @@
     <link rel="stylesheet" href="Start.css" />
   </head>
   <body>
-    <div class="container">
+    <div className="container">
       <img id="cover" src="images/Gear3.webp" />
-      <div class="centered"><h1>Bock auf was Neues?</h1></div>
+      <div className="centered"><h1>Bock auf was Neues?</h1></div>
     </div>
 
     <h1 id="gone">Bock auf was Neues?</h1>
@@ -101,33 +101,33 @@
       Flexible - Modern - schneller als die Polizei erlaubt. Das sind moderne
       eletrische Einräder.
     </p>
-    <div class="righties"><img src="images/ShermanStanding.jpg" /></div>
+    <div className="righties"><img src="images/ShermanStanding.jpg" /></div>
 
     <p>
       Von 0 auf 50kmh in 3s, 100kmh top Geschwindigkeit und 230km Reichweite
       machen aus diesen Geräten den ultimativen Sport.
     </p>
-    <div class="righties"><img src="images/UltimativeSport.jpg" /></div>
+    <div className="righties"><img src="images/UltimativeSport.jpg" /></div>
 
     <p>
       Gleichzeitig 50° steile Wände hochfahren und MTB Trails mit leichtigkeit
       nehmen.
     </p>
-    <div class="righties">
+    <div className="righties">
       <video width="auto" height="auto" autoplay muted loop>
         <source src="videos/MTBtrailsEase.mp4" type="video/mp4" />
       </video>
     </div>
 
     <p>Jeden Weg nutzen und nie wieder im Verkehr stecken.</p>
-    <div class="righties">
+    <div className="righties">
       <video width="auto" height="auto" autoplay muted loop>
         <source src="videos/traffic.mp4" type="video/mp4" />
       </video>
     </div>
 
     <p>Und trotzdem leicht zu transportiren und untern Tisch zu packen.</p>
-    <div class="righties"><img src="images/KidsKS16X.jpg" /></div>
+    <div className="righties"><img src="images/KidsKS16X.jpg" /></div>
 
     <p>Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:</p>
 
diff --git a/src/pages/StartENG.tsx b/src/pages/StartENG.tsx
index ca5ca57..28876b0 100644
--- a/src/pages/StartENG.tsx
+++ b/src/pages/StartENG.tsx
@@ -91,9 +91,9 @@
   </head>
 
   <body>
-    <div class="container">
+    <div className="container">
       <img id="cover" src="images/Gear3.webp" />
-      <div class="centered"><h1>Wanna try something new?</h1></div>
+      <div className="centered"><h1>Wanna try something new?</h1></div>
     </div>
 
     <h1 id="gone">Wanna try something new?</h1>
@@ -103,18 +103,18 @@
       unicycles:
     </p>
 
-    <div class="righties"><img src="images/ShermanStanding.jpg" /></div>
+    <div className="righties"><img src="images/ShermanStanding.jpg" /></div>
 
     <p>
       From 0 auf 50kmh in 3s, 100kmh top speed and 230km range make these
       devices the ultimate sport.
     </p>
 
-    <div class="righties"><img src="images/UltimativeSport.jpg" /></div>
+    <div className="righties"><img src="images/UltimativeSport.jpg" /></div>
 
     <p>Meanwhile climbing 50° steep walls and taking MTB trails with ease.</p>
 
-    <div class="righties">
+    <div className="righties">
       <video width="auto" height="auto" autoplay muted loop>
         <source src="videos/MTBtrailsEase.mp4" type="video/mp4" />
       </video>
@@ -122,7 +122,7 @@
 
     <p>Taking every path and never get stuck in traffic again.</p>
 
-    <div class="righties">
+    <div className="righties">
       <video width="auto" height="auto" autoplay muted loop>
         <source src="videos/traffic.mp4" type="video/mp4" />
       </video>
@@ -130,7 +130,7 @@
 
     <p>But still being easy to carry and store just under your desk.</p>
 
-    <div class="righties"><img src="images/KidsKS16X.jpg" /></div>
+    <div className="righties"><img src="images/KidsKS16X.jpg" /></div>
 
     <p>Interested? Then take a deep dive into PEV's and EUC's:</p>