diff --git a/metager/lang/de/about.php b/metager/lang/de/about.php
index dc04c1705edc15480f961c3b2330bbba5f9e8171..1e185c8a3fd4b8c9a3db841bded1c4c0ec42e820 100644
--- a/metager/lang/de/about.php
+++ b/metager/lang/de/about.php
@@ -59,6 +59,9 @@ return [
     'timeline.17' => '26.10.2020: Aktuelle Startseite und Dark Mode',
     'timeline.17.1' => 'Im Rahmen einer umfangreichen Überarbeitung der Startseite werden die vier Alleinstellungsmerkmale von MetaGer wieder aufgegriffen und in einer erweiterten Darstellung präsentiert. Um die zentrale Funktion der Websuche nicht zu überladen, sind die Beschreibungen durch Scrollen zu erreichen. <br> Ein weiteres Feature der neuen Überarbeitung ist der seitenweite Dark Mode. Dadurch kann MetaGer auf allen Seiten in einem dunklen Design genutzt werden.',
 
-    'timeline.18' => 'Heute',
-    'timeline.18.1' => 'Auch heute entwickelt sich MetaGer stetig weiter.'
+    'timeline.18' => '14.02.2022: Erneuerung der Hilfe',
+    'timeline.18.1' => 'Die Hilfe von MetaGer erhält eine neue Übersichtsseite. Diese strukturiert und visualisiert die Hilfeseiten durch einfach zu erkennende Symbole.',
+
+    'timeline.19' => 'Heute',
+    'timeline.19.1' => 'Auch heute entwickelt sich MetaGer stetig weiter.'
 ]; 
diff --git a/metager/public/img/help-page_2022.png b/metager/public/img/help-page_2022.png
new file mode 100644
index 0000000000000000000000000000000000000000..12099ad819d6d7815eed3f9efbbf18c6495329f3
Binary files /dev/null and b/metager/public/img/help-page_2022.png differ
diff --git a/metager/resources/views/about.blade.php b/metager/resources/views/about.blade.php
index 1f48e3a67441d7d350bffcf2205eab5f68600048..bcd72fdb32f257e979ec24c058d0d867614e7a8c 100644
--- a/metager/resources/views/about.blade.php
+++ b/metager/resources/views/about.blade.php
@@ -108,9 +108,17 @@
 				<img src="/img/startpage_2020.png" alt="MetaGer 2020">
 			</picture>
 		</div>
-		<div>
+		<div class="timeline-item-alternate" >
 			<h2>{{ trans('about.timeline.18') }}</h2>
 			<p>{{ trans('about.timeline.18.1') }}</p>
+			<picture>
+				<source media="(max-width:465px)" srcset="/img/help-page_2022.avif" type="image/avif">
+				<img src="/img/help-page_2022.png" alt="MetaGer Hilfe Seite">
+			</picture>
+		</div>
+		<div>
+			<h2>{{ trans('about.timeline.19') }}</h2>
+			<p>{{ trans('about.timeline.19.1') }}</p>
 		</div>
 	</div>
 </div>