diff --git a/src/pages/slides/css-basic-styles.astro b/src/pages/slides/css-basic-styles.astro
deleted file mode 100644
index 6d03c8f..0000000
--- a/src/pages/slides/css-basic-styles.astro
+++ /dev/null
@@ -1,8 +0,0 @@
----
-import Reveal from "../../layouts/Reveal.astro";
-import Slides from '../../components/slides/css-basics/index.astro'
----
-
-<Reveal title="Erste Schritte mit CSS Styles">
-  <Slides />
-</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css-introduction.astro b/src/pages/slides/css-introduction.astro
deleted file mode 100644
index 9a266a1..0000000
--- a/src/pages/slides/css-introduction.astro
+++ /dev/null
@@ -1,8 +0,0 @@
----
-import Reveal from "../../layouts/Reveal.astro";
-import Slides from '../../components/slides/css-introduction/index.astro';
----
-
-<Reveal title="Einführung in CSS">
-  <Slides />
-</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css-layout-and-box-model.astro b/src/pages/slides/css-layout-and-box-model.astro
deleted file mode 100644
index 8466f90..0000000
--- a/src/pages/slides/css-layout-and-box-model.astro
+++ /dev/null
@@ -1,8 +0,0 @@
----
-import Reveal from '../../layouts/Reveal.astro';
-import Slides from '../../components/slides/css-layout/index.astro';
----
-
-<Reveal title="CSS Layouts und Box-Model">
-  <Slides />
-</Reveal>
diff --git a/src/pages/slides/css-more-of-styles.astro b/src/pages/slides/css-more-of-styles.astro
deleted file mode 100644
index 7c2995f..0000000
--- a/src/pages/slides/css-more-of-styles.astro
+++ /dev/null
@@ -1,8 +0,0 @@
----
-import Reveal from "../../layouts/Reveal.astro";
-import Slides from '../../components/slides/css-additional-styles/index.astro';
----
-
-<Reveal title="CSS - Mehr zu den Stylings">
-  <Slides />
-</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css-selectors-advanced.astro b/src/pages/slides/css-selectors-advanced.astro
deleted file mode 100644
index 2b81dc5..0000000
--- a/src/pages/slides/css-selectors-advanced.astro
+++ /dev/null
@@ -1,8 +0,0 @@
----
-import Reveal from "../../layouts/Reveal.astro";
-import Slides from '../../components/slides/css-selectors-advanced/index.astro';
----
-
-<Reveal title="CSS Selectors, Teil 2">
-  <Slides />
-</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css/00-intro.astro b/src/pages/slides/css/00-intro.astro
new file mode 100644
index 0000000..9cd88df
--- /dev/null
+++ b/src/pages/slides/css/00-intro.astro
@@ -0,0 +1,8 @@
+---
+import Reveal from "../../../layouts/Reveal.astro";
+import Slides from '../../../components/slides/css-introduction/index.astro';
+---
+
+<Reveal title="Einführung in CSS">
+  <Slides />
+</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css/01-basic-styles.astro b/src/pages/slides/css/01-basic-styles.astro
new file mode 100644
index 0000000..250aa5c
--- /dev/null
+++ b/src/pages/slides/css/01-basic-styles.astro
@@ -0,0 +1,8 @@
+---
+import Reveal from "../../../layouts/Reveal.astro";
+import Slides from '../../../components/slides/css-basics/index.astro'
+---
+
+<Reveal title="Erste Schritte mit CSS Styles">
+  <Slides />
+</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css/02-selectors-advanced.astro b/src/pages/slides/css/02-selectors-advanced.astro
new file mode 100644
index 0000000..f65f955
--- /dev/null
+++ b/src/pages/slides/css/02-selectors-advanced.astro
@@ -0,0 +1,8 @@
+---
+import Reveal from "../../../layouts/Reveal.astro";
+import Slides from '../../../components/slides/css-selectors-advanced/index.astro';
+---
+
+<Reveal title="CSS Selectors, Teil 2">
+  <Slides />
+</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/css/03-layout-and-box-model.astro b/src/pages/slides/css/03-layout-and-box-model.astro
new file mode 100644
index 0000000..3229bdb
--- /dev/null
+++ b/src/pages/slides/css/03-layout-and-box-model.astro
@@ -0,0 +1,8 @@
+---
+import Reveal from '../../../layouts/Reveal.astro';
+import Slides from '../../../components/slides/css-layout/index.astro';
+---
+
+<Reveal title="CSS Layouts und Box-Model">
+  <Slides />
+</Reveal>
diff --git a/src/pages/slides/css/04-advaned-styles.astro b/src/pages/slides/css/04-advaned-styles.astro
new file mode 100644
index 0000000..5915e00
--- /dev/null
+++ b/src/pages/slides/css/04-advaned-styles.astro
@@ -0,0 +1,8 @@
+---
+import Reveal from "../../../layouts/Reveal.astro";
+import Slides from '../../../components/slides/css-additional-styles/index.astro';
+---
+
+<Reveal title="CSS - Mehr zu den Stylings">
+  <Slides />
+</Reveal>
\ No newline at end of file