From b141640a1566695895256695c5b62992721b68e8 Mon Sep 17 00:00:00 2001
From: Denys Konovalov <kontakt@denyskon.de>
Date: Fri, 4 Aug 2023 18:11:47 +0200
Subject: [PATCH] Merge feat/fachbereiche into dev (#238)

Co-authored-by: Lilli Berthold <lilli.berthold@outlook.de>
Reviewed-on: https://git.cantorgymnasium.de/gcg/gcg-website/pulls/238
---
 config.yml                                    | 22 ++++++++++++
 content/blog/weihnachten-2022.md              |  2 +-
 content/fb-gwf/_index.md                      |  7 ++++
 content/fb-gwf/ethik.md                       | 25 +++++++++++++
 content/fb-gwf/geografie.md                   | 25 +++++++++++++
 content/fb-gwf/geschichte.md                  | 25 +++++++++++++
 content/fb-gwf/psychologie.md                 | 25 +++++++++++++
 content/fb-gwf/religion.md                    | 25 +++++++++++++
 content/fb-gwf/sozialkunde.md                 | 25 +++++++++++++
 content/fb-gwf/sport.md                       | 25 +++++++++++++
 content/fb-mint/_index.md                     |  7 ++++
 content/fb-mint/astronomie.md                 | 25 +++++++++++++
 content/fb-mint/biologie.md                   | 25 +++++++++++++
 content/fb-mint/chemie.md                     | 25 +++++++++++++
 content/fb-mint/informatik.md                 | 25 +++++++++++++
 content/fb-mint/mathematik.md                 | 25 +++++++++++++
 content/fb-mint/physik.md                     | 25 +++++++++++++
 content/fb-slk/_index.md                      |  7 ++++
 content/fb-slk/deutsch.md                     | 25 +++++++++++++
 content/fb-slk/englisch.md                    | 25 +++++++++++++
 content/fb-slk/franzoesisch.md                | 25 +++++++++++++
 content/fb-slk/kunst.md                       | 25 +++++++++++++
 content/fb-slk/latein.md                      | 35 +++++++++++++++++++
 content/fb-slk/musik.md                       | 25 +++++++++++++
 content/fb-slk/spanisch.md                    | 25 +++++++++++++
 layouts/fachbereich/list.html                 | 13 +++++++
 layouts/fachbereich/single.html               | 23 ++++++++++++
 layouts/partials/termin.html                  |  4 +--
 layouts/partials/tile-modals.html             |  6 ++--
 layouts/schulchronik/single.html              | 16 +++++----
 static/admin/index.html                       |  4 +--
 .../previews/page-previews/event-preview.js   |  4 +--
 static/schulchronik/admin/index.html          |  4 +--
 33 files changed, 610 insertions(+), 19 deletions(-)
 create mode 100644 content/fb-gwf/_index.md
 create mode 100644 content/fb-gwf/ethik.md
 create mode 100644 content/fb-gwf/geografie.md
 create mode 100644 content/fb-gwf/geschichte.md
 create mode 100644 content/fb-gwf/psychologie.md
 create mode 100644 content/fb-gwf/religion.md
 create mode 100644 content/fb-gwf/sozialkunde.md
 create mode 100644 content/fb-gwf/sport.md
 create mode 100644 content/fb-mint/_index.md
 create mode 100644 content/fb-mint/astronomie.md
 create mode 100644 content/fb-mint/biologie.md
 create mode 100644 content/fb-mint/chemie.md
 create mode 100644 content/fb-mint/informatik.md
 create mode 100644 content/fb-mint/mathematik.md
 create mode 100644 content/fb-mint/physik.md
 create mode 100644 content/fb-slk/_index.md
 create mode 100644 content/fb-slk/deutsch.md
 create mode 100644 content/fb-slk/englisch.md
 create mode 100644 content/fb-slk/franzoesisch.md
 create mode 100644 content/fb-slk/kunst.md
 create mode 100644 content/fb-slk/latein.md
 create mode 100644 content/fb-slk/musik.md
 create mode 100644 content/fb-slk/spanisch.md
 create mode 100644 layouts/fachbereich/list.html
 create mode 100644 layouts/fachbereich/single.html

diff --git a/config.yml b/config.yml
index beb3e903..a3e51703 100644
--- a/config.yml
+++ b/config.yml
@@ -149,6 +149,28 @@ menu:
       params:
         external: false
         separator: false
+    - parent: Unterricht
+      name: Sprachlich-literarisch-künstlerisch
+      URL: fb-slk
+      weight: 1
+      hasChildren: false
+      params:
+        external: false
+    - parent: Unterricht
+      name: Gesellschaftswissenschaftlich
+      URL: fb-gwf
+      weight: 2
+      hasChildren: false
+      params:
+        external: false
+    - parent: Unterricht
+      name: MINT
+      URL: fb-mint
+      weight: 3
+      hasChildren: false
+      params:
+        external: false
+        separator: true
     - parent: Unterricht
       name: Wettbewerbe
       URL: wettbewerbe
diff --git a/content/blog/weihnachten-2022.md b/content/blog/weihnachten-2022.md
index c0d2f688..72e29060 100644
--- a/content/blog/weihnachten-2022.md
+++ b/content/blog/weihnachten-2022.md
@@ -32,7 +32,7 @@ Ein großer Dank geht an den Schülerrat für die Organisation. Insbesondere an
 
 #### Weihnachtsbasar
 
-Unter Anleitung des Schülerrats wurde wieder ein öffentlicher Weihnachtsbasar in unserer Schule organisiert. Am Montagabend verkauften die Klassen in der Aula kleine Basteleien und Leckereien. Auch für eine musikalische Umrahmung sorgten unsere Schülerinnen und Schüler. Die Einnahmen werden an das Kinderhospiz Halle gespendet. Unsere 10., 11. und 12. Klassen sorgten für das leibliche Wohl mit Buffetverkauf und Grillen auf dem Hof. Am letzten Schultag vor den Ferien konnten die Schülerinnen und Schüler selbst erneut über den Basar stöbern.
+Unter Anleitung des Schülerrats wurde wieder ein öffentlicher Weihnachtsbasar in unserer Schule organisiert. Am Montagabend verkauften die Klassen in der Aula kleine Basteleien und Leckereien. Auch für eine musikalische Umrahmung sorgten unsere Schülerinnen und Schüler. Die Einnahmen werden an das Kinderhospiz Halle gespendet. Unsere 10., 11. und 12. Klassen sorgten für das leibliche Wohl mit Buffetverkauf und Grillen auf dem Hof. Am letzten Schultag vor den Ferien konnten die Schülerinnen und Schüler selbst erneut über den Basar stöbern.
 
 Ein großer Dank geht an den Schülerrat für die Organisation. Aber auch alle Bastler, Bäcker und Musiker sollen hervorgehoben werden.
 
diff --git a/content/fb-gwf/_index.md b/content/fb-gwf/_index.md
new file mode 100644
index 00000000..2c588f13
--- /dev/null
+++ b/content/fb-gwf/_index.md
@@ -0,0 +1,7 @@
+---
+title: Gesellschaftswissenschaftliche Fächer
+draft: false
+bg_image: media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
+type: "fachbereich"
+---
\ No newline at end of file
diff --git a/content/fb-gwf/ethik.md b/content/fb-gwf/ethik.md
new file mode 100644
index 00000000..fd49c944
--- /dev/null
+++ b/content/fb-gwf/ethik.md
@@ -0,0 +1,25 @@
+---
+title: Ethik
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-gwf/geografie.md b/content/fb-gwf/geografie.md
new file mode 100644
index 00000000..96c3f9e4
--- /dev/null
+++ b/content/fb-gwf/geografie.md
@@ -0,0 +1,25 @@
+---
+title: Geografie
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-gwf/geschichte.md b/content/fb-gwf/geschichte.md
new file mode 100644
index 00000000..18bccfde
--- /dev/null
+++ b/content/fb-gwf/geschichte.md
@@ -0,0 +1,25 @@
+---
+title: Geschichte
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-gwf/psychologie.md b/content/fb-gwf/psychologie.md
new file mode 100644
index 00000000..47889f31
--- /dev/null
+++ b/content/fb-gwf/psychologie.md
@@ -0,0 +1,25 @@
+---
+title: Psychologie
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-gwf/religion.md b/content/fb-gwf/religion.md
new file mode 100644
index 00000000..42d38520
--- /dev/null
+++ b/content/fb-gwf/religion.md
@@ -0,0 +1,25 @@
+---
+title: Religion
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-gwf/sozialkunde.md b/content/fb-gwf/sozialkunde.md
new file mode 100644
index 00000000..ee6df273
--- /dev/null
+++ b/content/fb-gwf/sozialkunde.md
@@ -0,0 +1,25 @@
+---
+title: Sozialkunde
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-gwf/sport.md b/content/fb-gwf/sport.md
new file mode 100644
index 00000000..9200eae1
--- /dev/null
+++ b/content/fb-gwf/sport.md
@@ -0,0 +1,25 @@
+---
+title: Sport
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-mint/_index.md b/content/fb-mint/_index.md
new file mode 100644
index 00000000..3d1791b6
--- /dev/null
+++ b/content/fb-mint/_index.md
@@ -0,0 +1,7 @@
+---
+title: MINT-Fächer
+draft: false
+bg_image: media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
+type: "fachbereich"
+---
\ No newline at end of file
diff --git a/content/fb-mint/astronomie.md b/content/fb-mint/astronomie.md
new file mode 100644
index 00000000..86562362
--- /dev/null
+++ b/content/fb-mint/astronomie.md
@@ -0,0 +1,25 @@
+---
+title: Astronomie
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-mint/biologie.md b/content/fb-mint/biologie.md
new file mode 100644
index 00000000..1ec00b89
--- /dev/null
+++ b/content/fb-mint/biologie.md
@@ -0,0 +1,25 @@
+---
+title: Biologie
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-mint/chemie.md b/content/fb-mint/chemie.md
new file mode 100644
index 00000000..d4b1b6d8
--- /dev/null
+++ b/content/fb-mint/chemie.md
@@ -0,0 +1,25 @@
+---
+title: Chemie
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-mint/informatik.md b/content/fb-mint/informatik.md
new file mode 100644
index 00000000..571b0dcf
--- /dev/null
+++ b/content/fb-mint/informatik.md
@@ -0,0 +1,25 @@
+---
+title: Informatik
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-mint/mathematik.md b/content/fb-mint/mathematik.md
new file mode 100644
index 00000000..99dce322
--- /dev/null
+++ b/content/fb-mint/mathematik.md
@@ -0,0 +1,25 @@
+---
+title: Mathematik
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-mint/physik.md b/content/fb-mint/physik.md
new file mode 100644
index 00000000..9693627c
--- /dev/null
+++ b/content/fb-mint/physik.md
@@ -0,0 +1,25 @@
+---
+title: Physik
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/_index.md b/content/fb-slk/_index.md
new file mode 100644
index 00000000..2a5a0dc2
--- /dev/null
+++ b/content/fb-slk/_index.md
@@ -0,0 +1,7 @@
+---
+title: Sprachlich-literarisch-künstlerische Fächer
+draft: false
+bg_image: media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
+type: "fachbereich"
+---
\ No newline at end of file
diff --git a/content/fb-slk/deutsch.md b/content/fb-slk/deutsch.md
new file mode 100644
index 00000000..eea51e81
--- /dev/null
+++ b/content/fb-slk/deutsch.md
@@ -0,0 +1,25 @@
+---
+title: Deutsch
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/englisch.md b/content/fb-slk/englisch.md
new file mode 100644
index 00000000..9046f578
--- /dev/null
+++ b/content/fb-slk/englisch.md
@@ -0,0 +1,25 @@
+---
+title: Englisch
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/franzoesisch.md b/content/fb-slk/franzoesisch.md
new file mode 100644
index 00000000..67824d8c
--- /dev/null
+++ b/content/fb-slk/franzoesisch.md
@@ -0,0 +1,25 @@
+---
+title: Französisch
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/kunst.md b/content/fb-slk/kunst.md
new file mode 100644
index 00000000..d3879dae
--- /dev/null
+++ b/content/fb-slk/kunst.md
@@ -0,0 +1,25 @@
+---
+title: Kunst
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/latein.md b/content/fb-slk/latein.md
new file mode 100644
index 00000000..698835ce
--- /dev/null
+++ b/content/fb-slk/latein.md
@@ -0,0 +1,35 @@
+---
+title: Latein
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   
+
+        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.   
+
+        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.   
+
+        Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.   
+
+        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.   
+
+        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/musik.md b/content/fb-slk/musik.md
new file mode 100644
index 00000000..0f27437b
--- /dev/null
+++ b/content/fb-slk/musik.md
@@ -0,0 +1,25 @@
+---
+title: Musik
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/content/fb-slk/spanisch.md b/content/fb-slk/spanisch.md
new file mode 100644
index 00000000..9f8e88b8
--- /dev/null
+++ b/content/fb-slk/spanisch.md
@@ -0,0 +1,25 @@
+---
+title: Spanisch
+draft: "false"
+bg_image: /media/backgrounds/page-title.webp
+description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+image: /media/image.webp
+type: fachbereich
+gallery: false
+tiles:
+    - title: Fachliche Schwerpunkte
+      image: /media/image.webp
+      bg_color: \#990000
+      icon: mdi mdi-script-text-outline
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
+      image: /media/image.webp
+      bg_color: \#6666ff
+      icon: mdi mdi-crowd
+      font_color: white
+      content: |
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
\ No newline at end of file
diff --git a/layouts/fachbereich/list.html b/layouts/fachbereich/list.html
new file mode 100644
index 00000000..20fecc84
--- /dev/null
+++ b/layouts/fachbereich/list.html
@@ -0,0 +1,13 @@
+{{ define "main" }}
+
+<section class="section pb-0">
+	<div class="container">
+		<div class="row">
+			{{ range .Data.Pages }}
+				{{ partial "card-btn" . }}
+			{{ end }}
+		</div>
+	</div>
+</section>
+
+{{ end }}
diff --git a/layouts/fachbereich/single.html b/layouts/fachbereich/single.html
new file mode 100644
index 00000000..ae2777e6
--- /dev/null
+++ b/layouts/fachbereich/single.html
@@ -0,0 +1,23 @@
+{{ define "main" }}
+
+{{ partial "tile-modals" . }}
+
+<section class="section pt-0">
+  <div class="container">
+    <h2 class="section-title mb-4">Aktuelles aus dem Fach {{ .Title }}</h3>
+    <div class="row">
+      {{ $news := (where .Site.RegularPages "Type" "post") | intersect (where .Site.RegularPages ".Params.subjects"
+      "intersect" (slice .Title) ) }}
+      {{ range first 3 $news }}
+      <div class="col-lg-4 col-sm-6 mb-2">
+        {{ partial "card-article" .}}
+      </div>
+      {{ end }}
+      {{ if eq (len $news) 0 }}
+        <p>Leider wurden noch keine Artikel zu diesem Fach veröffentlicht. Folgen Sie dem Georg-Cantor-Gymnasium über eines der Informationskanäle, um stets auf dem neusten Stand zu bleiben!</p>
+      {{ end }}
+    </div>
+  </div>
+</section>
+
+{{ end }}
diff --git a/layouts/partials/termin.html b/layouts/partials/termin.html
index 9bb6751b..d0fcf207 100644
--- a/layouts/partials/termin.html
+++ b/layouts/partials/termin.html
@@ -1,8 +1,8 @@
 <div class="card hover-shadow border-primary mb-4 p-0">
   <div class="row g-0">
     <div class="col-md-3 text-center p-4 bg-primary text-white rounded">
-      <span class="h2">{{ time.Format "2" .date}}</span>
-      <span>{{ time.Format "Jan 2006" .date}}</span>
+      <div class="h2">{{ time.Format "2" .date}}</div>
+      <div>{{ time.Format "Jan 2006" .date}}</div>
       {{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }}
     </div>
     <div class="col-md-9">
diff --git a/layouts/partials/tile-modals.html b/layouts/partials/tile-modals.html
index 83e7caf5..70f563d2 100644
--- a/layouts/partials/tile-modals.html
+++ b/layouts/partials/tile-modals.html
@@ -9,13 +9,13 @@
       {{ range .Params.tiles }}
         {{ partial "modal" . }}
         <div class="col-lg-4 col-sm-6">
-          <div class="card border-primary rounded-0 hover-shadow mb-4">
+          <div class="card border-primary rounded-0 hover-shadow mb-2">
             <div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
               <i class="{{ .icon }} fb-tile-icon" style="color: {{ .font_color }}"></i>
             </div>
-            <div class="card-body">
+            <div class="card-body d-flex flex-column">
               <h4 class="card-title text-truncate">{{ .title }}</h4>
-              <button type="button" class="btn btn-primary btn-sm" onclick="$('#{{ md5 .title }}').modal('show');" data-pagefind-ignore>Mehr anzeigen</button>
+              <button type="button" class="btn btn-primary btn-sm mt-auto align-self-start" onclick="$('#{{ md5 .title }}').modal('show');" data-pagefind-ignore>Mehr anzeigen</button>
             </div>
           </div>
         </div>
diff --git a/layouts/schulchronik/single.html b/layouts/schulchronik/single.html
index 59bc9930..630a1272 100644
--- a/layouts/schulchronik/single.html
+++ b/layouts/schulchronik/single.html
@@ -42,15 +42,15 @@
     <div id="wc-canvas"></div>
     {{ $topics := slice }}
     {{ if .Params.pretext }}
-      {{ $topics = $topics | append (slice (slice .Params.Title 200 (md5 .Title))) }}
+      {{ $topics = $topics | append (dict "Title" .Params.Title "Size" (int 200) "ID" (md5 .Title)) }}
     {{ else }}
-      {{ $topics = $topics | append (slice (slice .Params.Title 200)) }}
+      {{ $topics = $topics | append (dict "Title" .Params.Title "Size" (int 200)) }}
     {{ end }}
     {{ range .Params.topics }}
       {{ if .superhaufen.enable }}
-        {{ $topics  = $topics | append (slice (slice .title 30 (.superhaufen.link | urlize)  "superhaufen" )) }}
+        {{ $topics  = $topics | append (dict "Title" .title "Size" 30 "ID" (.superhaufen.link | urlize)  "Superhaufen" true ) }}
       {{ else }}
-        {{ $topics  = $topics | append (slice (slice .title 30 (md5 .title) )) }}
+        {{ $topics  = $topics | append (dict "Title" .title "Size" 30 "ID" (md5 .title)) }}
       {{ end }}
     {{ end }}
     <script>
@@ -58,8 +58,8 @@
         document.getElementById('wc-canvas'),
         {
           click: function (item) {
-            if (item[1] != 200 || (item[1] == 200 && item[2] == '{{ md5 .Title }}')) {
-              if( item[3] == "superhaufen" ) {
+            if (item[2] != null) {
+              if (item[3])  {
                 window.location.href = "{{ `/superhaufen/` | relURL }}" + item[2];
               } else {
                 $('#' + item[2]).modal('show');
@@ -74,7 +74,9 @@
           },*/
           fontFamily: 'Ubuntu, sans-serif',
           fontWeight: 700,
-          list: JSON.parse("{{ $topics | jsonify }}"),
+          list: JSON.parse("{{ $topics | jsonify }}").map(obj => {
+            return [obj.Title, obj.Size, obj.ID ? obj.ID : null, obj.Superhaufen ? true : false]
+          }),
           shrinkToFit: true,
           gridSize: 50,
           rotateRatio: 0,
diff --git a/static/admin/index.html b/static/admin/index.html
index 6ff2d13a..d35cab1e 100644
--- a/static/admin/index.html
+++ b/static/admin/index.html
@@ -9,12 +9,12 @@
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0-beta.2/dist/main.css"
+      href="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0/dist/main.css"
     />
     <title>Static CMS</title>
   </head>
   <body>
-    <script src="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0-beta.2/dist/static-cms-app.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0/dist/static-cms-app.js"></script>
     <script type="module">
       import config from "./config/index.js";
       // imports
diff --git a/static/admin/previews/page-previews/event-preview.js b/static/admin/previews/page-previews/event-preview.js
index a18ff97d..12f98dd6 100644
--- a/static/admin/previews/page-previews/event-preview.js
+++ b/static/admin/previews/page-previews/event-preview.js
@@ -51,7 +51,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
                         "col-md-3 text-center p-4 bg-primary text-white rounded",
                     },
                     h(
-                      "span",
+                      "div",
                       { className: "h2" },
                       event.data.date != null && event.data.date != ""
                         ? DateFormat({
@@ -61,7 +61,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
                         : null
                     ),
                     h(
-                      "span",
+                      "div",
                       {},
                       event.data.date != null && event.data.date != ""
                         ? DateFormat({
diff --git a/static/schulchronik/admin/index.html b/static/schulchronik/admin/index.html
index e7e0d26e..a6b53991 100644
--- a/static/schulchronik/admin/index.html
+++ b/static/schulchronik/admin/index.html
@@ -9,12 +9,12 @@
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0-beta.2/dist/main.css"
+      href="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0/dist/main.css"
     />
     <title>Chronikverwaltung</title>
   </head>
   <body>
-    <script src="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0-beta.2/dist/static-cms-app.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@staticcms/app@^3.0.0/dist/static-cms-app.js"></script>
     <script type="module">
       import config from "../../admin/config/schulchronik.js";
       // imports