diff --git a/src/content/config.ts b/src/content/config.ts
index e71229a..f442a3a 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -14,6 +14,7 @@ const dhbwCollection = defineCollection({
     tags: z.array(z.string()),
     staticPath: z.string(),
     show: z.optional(z.boolean()),
+    order: z.number(),
   }),
 });
 
diff --git a/src/content/dhbw/de/web-engineering-i-s2.mdx b/src/content/dhbw/de/web-engineering-i-s2.mdx
new file mode 100644
index 0000000..ff3e1ca
--- /dev/null
+++ b/src/content/dhbw/de/web-engineering-i-s2.mdx
@@ -0,0 +1,30 @@
+---
+title: "Web Engineering I (Semester 2)"
+tags: 
+- "dhbw"
+- "web"
+- "engineering"
+- "html"
+- "css"
+- "javascript"
+slug: "web-engineering-i-s2"
+staticPath: "knowledge-base/dhbw/"
+show: true
+order: 2
+---
+import Card from '../../../components/mdx/Card.astro';
+import Spacer from '../../../components/mdx/Spacer.astro';
+
+# Modul: Web Engineering I (2. Semester)
+
+In diesem Abschnitt werden Inhalte aus dem Modul Web Engineering II im 2. Semester dargestellt.
+
+---
+
+## TypeScript
+
+Mithilfe von TypeScript können wir zur Entwicklungszeit JavaScript-Variablen mit einem Typ versehen um so die Entwicklung fehlerfreier zu gestallten.
+Diese Slides bieten eine Einführung in die Sprache.
+
+<Card to="/slides/flexi-pool/01-typescript" color="blue">Zu den Slides</Card>
+<Spacer />
\ No newline at end of file
diff --git a/src/content/dhbw/de/web-engineering-i.mdx b/src/content/dhbw/de/web-engineering-i.mdx
index 5e99000..64a7ac7 100644
--- a/src/content/dhbw/de/web-engineering-i.mdx
+++ b/src/content/dhbw/de/web-engineering-i.mdx
@@ -10,6 +10,7 @@ tags:
 slug: "web-engineering-i"
 staticPath: "knowledge-base/dhbw/"
 show: true
+order: 1
 ---
 import Card from '../../../components/mdx/Card.astro';
 import Spacer from '../../../components/mdx/Spacer.astro';
diff --git a/src/content/dhbw/de/web-engineering-ii.md b/src/content/dhbw/de/web-engineering-ii.md
index 683b2bf..f17cb26 100644
--- a/src/content/dhbw/de/web-engineering-ii.md
+++ b/src/content/dhbw/de/web-engineering-ii.md
@@ -10,5 +10,6 @@ tags:
 slug: "web-engineering-ii"
 staticPath: "knowledge-base/dhbw/"
 show: false
+order: 3
 ---
 # Hallo Welt!
\ No newline at end of file
diff --git a/src/pages/knowledge-base/dhbw/[...slug].astro b/src/pages/knowledge-base/dhbw/[...slug].astro
index 04a52bf..7d450d8 100644
--- a/src/pages/knowledge-base/dhbw/[...slug].astro
+++ b/src/pages/knowledge-base/dhbw/[...slug].astro
@@ -8,7 +8,7 @@ export async function getStaticPaths() {
   const blogEntries = await getCollection('dhbw');
   return blogEntries.map(entry => ({
     params: { slug: entry.slug }, props: { entry },
-  }));
+  }))
 }
 // 2. For your template, you can get the entry directly from the prop
 const { entry } = Astro.props;
diff --git a/src/pages/knowledge-base/index.astro b/src/pages/knowledge-base/index.astro
index a77170b..ced4366 100644
--- a/src/pages/knowledge-base/index.astro
+++ b/src/pages/knowledge-base/index.astro
@@ -25,7 +25,9 @@ const dhbwModules = await getCollection('dhbw', (module) => module.data.show);
       Hier findet Ihr alles rund um die Module die ich als Dozent für die DHBW verfasst habe.
     </p>
     <HorizontalSlider>
-      {dhbwModules.map((module) => (
+      {dhbwModules
+        .sort((e1, e2) => (e1.data.order - e2.data.order))
+        .map((module) => (
         <Card to={`/${module.data.staticPath}${module.slug}`} class="module-card">
           <span class="card-title">{module.data.title}</span>
           <Icon name="arrow" class="arrow" />