diff --git a/ff-webpage.pdf b/ff-webpage.pdf
index 19f42e2..05a4e60 100644
Binary files a/ff-webpage.pdf and b/ff-webpage.pdf differ
diff --git a/ff-webpage.typ b/ff-webpage.typ
index 69448b8..9cf6cf0 100644
--- a/ff-webpage.typ
+++ b/ff-webpage.typ
@@ -4,8 +4,8 @@
 #show: template.with(
   logo: "../webpage/logo.png",
   title: "Anleitung",
-  alttitle: "Anleitung zu FF Webpage bis v1.1.x",
-  subtitle: "bis v1.1.x",
+  alttitle: "Anleitung zu FF Webpage bis v1.2.x",
+  subtitle: "bis v1.2.x",
   details: (
     "Open Source Software",
     "entwickelt durch JK Effects",
diff --git a/webpage/content/3-strapi/3-usage.typ b/webpage/content/3-strapi/3-usage.typ
index 4794629..1b801ed 100644
--- a/webpage/content/3-strapi/3-usage.typ
+++ b/webpage/content/3-strapi/3-usage.typ
@@ -1,9 +1,35 @@
+#import "@preview/wrap-it:0.1.1": *
+
+#pagebreak()
 
 == Verwendung <usage>
+
+Es gibt 2 Arten an Komponenten, welche zur Darstellung von Inhalten verwendet werden können.
+\
+\
+Komponenten der `Dynamic-Zone` werden verwendet, um Inhalte direkt hinzuzufügen.
 #figure(
   image("../../images/dynamic_components.png", width: 100%),
 )
-
+Komponenten aus `shared` werden verwendet, um Inhalte aus anderen Listen verwenden zu können.
 #figure(
   image("../../images/shared_component.png", width: 100%),
-)
\ No newline at end of file
+)
+
+=== Dynamic Zone
+
+*Galerie*
+
+*Voll-Text*
+
+*Voll-Bild*
+
+*Text-Text-Spalte*
+
+*Text-Bild-Spalte*
+
+=== Shared
+
+*Artikel hervorheben*
+
+*Inhaltsauswahl*
\ No newline at end of file