Merge pull request 'Umstellung zu MDI' (#200) from cantortechnik/gcg-website:master into master

Reviewed-on: https://git.cantorgymnasium.de/gcg/gcg-website/pulls/200

.drone.dev.yml

@@ -2,6 +2,11 @@ kind: pipeline
 type: docker
 name: dev
 steps:
+    - name: submodules
+      image: alpine/git
+      commands:
+        - git submodule update --init --recursive
+
     - name: hugo build
       image: plugins/hugo
       settings:

.drone.yml

@@ -2,6 +2,11 @@ kind: pipeline
 type: docker
 name: prod
 steps:
+    - name: submodules
+      image: alpine/git
+      commands:
+        - git submodule update --init --recursive
+
     - name: hugo build
       image: plugins/hugo
       settings:

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "static/plugins/mdi"]
+	path = static/plugins/mdi
+	url = https://github.com/Templarian/MaterialDesign-Webfont.git

assets/js/script.js

@@ -60,8 +60,8 @@
     infinite: true,
     arrows: true,
     fade: true,
-    prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'fa-solid fa-angle-left\'></i></button>',
+    prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'mdi mdi-chevron-left\'></i></button>',
-    nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'fa-solid fa-angle-right\'></i></button>',
+    nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'mdi mdi-chevron-right\'></i></button>',
     dots: true
   });
   $('.hero-slider').slickAnimation();

assets/scss/_common.scss

@@ -228,6 +228,10 @@ a h4 {
   vertical-align: middle;
 }
 
+.icon-s {
+  font-size: 28px;
+}
+
 .icon-md {
   font-size: 36px;
 }
@@ -237,25 +241,7 @@ a h4 {
   padding: 200px 0 80px;
 }
 
-.custom-breadcrumb {
-  li {
-    &.nasted {
-      position: relative;
-      padding-left: 25px;
 
-      &::before {
-        position: absolute;
-        font-family: $icon-font;
-        content: "\e649";
-        font-size: 20px;
-        top: 50%;
-        left: -5px;
-        color: $white;
-        transform: translateY(-50%);
-      }
-    }
-  }
-}
 
 /* /page title */
 
@@ -336,6 +322,7 @@ textarea.form-control {
 
   ol {
     padding-left: 20px;
+    list-style-type: decimal;
   }
 
   ul {
@@ -349,8 +336,8 @@ textarea.form-control {
 
       &::before {
         position: absolute;
-        content: "\f138";
+        content: "\f0B2A";
-        font-family: "FontAwesome";
+        font-family: "Material Design Icons";
         font-size: 14px;
         left: 0;
         top: 1px;

assets/scss/_variables.scss

@@ -14,4 +14,4 @@ $gray: #f8f8f8;
 // Font Variables
 $primary-font: 'Fira Sans', sans-serif;
 $secondary-font: 'Fira Sans', sans-serif;
-$icon-font: 'FontAwesome';
+$icon-font: 'Material Design Icons';

config.yml

@@ -20,7 +20,7 @@ params:
   address: Georg-Cantor-Gymnasium <br> Torstraße 13 <br> 06110 Halle (Saale)
   top_header: true
   email: schulleitung@cantor-gymnasium.de
-  email_pretty: schulleitung<i class='fa-solid fa-at'></i>cantor-gymnasium.de
+  email_pretty: schulleitung<i class='mdi mdi-at'></i>cantor-gymnasium.de
   description: Das Georg-Cantor-Gymnasium - eine
     mathematisch-naturwissenschaftliche Spezialschule in Halle (Saale).
   twitter: cantor_news
@@ -32,7 +32,8 @@ params:
       - plugins/slick/slick.css
       - plugins/animate/animate.min.css
       - plugins/venobox/venobox.css
-      - plugins/fontawesome/css/all.min.css
+      - plugins/mdi/css/materialdesignicons.min.css
+      - plugins/simpleicons/font/simple-icons.min.css
       - plugins/fira/fira.css
     js:
       - plugins/jQuery/jquery.min.js
@@ -42,16 +43,16 @@ params:
       - plugins/filterizr/jquery.filterizr.min.js
   social:
     - title: YouTube
-      icon: fa-brands fa-youtube
+      icon: si si-youtube
       link: https://www.youtube.com/@cantornews
     - title: Twitter
-      icon: fa-brands fa-twitter
+      icon: si si-twitter
       link: https://twitter.com/cantor_news
     - title: Instagram
-      icon: fa-brands fa-instagram
+      icon: si si-instagram
       link: https://instagram.com/cantor.news
     - title: Facebook
-      icon: fa-brands fa-facebook
+      icon: si si-facebook
       link: https://facebook.com/cantor.news
   preloader:
     enable: true

content/german/anmeldeformular/_index.md

@@ -3,7 +3,7 @@ title: Anmeldeformular
 draft: false
 bg_image: media/backgrounds/page-title.webp
 email: aufnahme@cantor-gymnasium.de
-email_pretty: aufnahme<i class="fa-solid fa-at"></i>cantor-gymnasium.de
+email_pretty: aufnahme<i class="mdi mdi-at"></i>cantor-gymnasium.de
 description:
 ---
 ##### Speicherung personenbezogener Daten

content/german/author/cantortechnik-ag.md

@@ -6,13 +6,13 @@ email: technik@cantor-gymnasium.de
 image: /media/people/gcg.webp
 social:
   - title: YouTube
-    icon: fa-brands fa-youtube
+    icon: si si-youtube
     link: https://www.youtube.com/channel/UCFCJdxg2D9RXH0qjZ8MMw1g
   - title: Gitea
-    icon: fa-brands fa-git-alt
+    icon: si si-gitea
     link: https://git.cantorgymnasium.de/cantortechnik/
   - title: E-Mail
-    icon: fa-solid fa-at
+    icon: mdi mdi-at
     link: mailto:technik@cantor-gymnasium.de
 ---
 Wir sind eine AG am Georg-Cantor-Gymnasium, welche sich mit allen Themen rund um die digitale Welt am Georg-Cantor-Gymnasium beschäftigt. Des Weiteren betreiben wir die Schulwebsite des GCG.

content/german/author/denys-konovalov.md

@@ -5,7 +5,7 @@ description: ""
 email: kontakt@denyskon.de
 social:
   - title: E-Mail
-    icon: fa-solid fa-at
+    icon: mdi mdi-at
     link: mailto:kontakt@denyskon.de
 ---
 Ich bin ein Schüler der 9. Klasse am Georg-Cantor-Gymnasium in Halle (Saale) und Schülersprecher im Schuljahr 2022/2023.

content/german/author/frau-schapitz.md

@@ -5,7 +5,7 @@ description: ""
 image: /media/people/cschapitz.webp
 social:
   - title: E-Mail
-    icon: fa-solid fa-at
+    icon: mdi mdi-at
     link: schapitz@cantor-gymnasium.de
 ---
 Stellvertretende Schulleiterin

content/german/author/herr-berger.md

@@ -6,7 +6,7 @@ email: berger@cantor-gymnasium.de
 image: /media/people/websiteprofilbild.webp
 social:
   - link: mailto:berger@cantor-gymnasium.de
-    icon: fa-solid fa-at
+    icon: mdi mdi-at
     title: E-Mail
 ---
 Web-Admin, Lehrer Informatik & Deutsch

content/german/author/herr-dr-gorsler.md

@@ -5,7 +5,7 @@ description: ""
 image: /media/people/gcg.webp
 social:
   - title: E-Mail
-    icon: fa-solid fa-at
+    icon: mdi mdi-at
     link: mailto:gorsler@cantor-gymnasium.de
 ---
 Schulleiter

content/german/author/schulleitung.md

@@ -4,7 +4,7 @@ bg_image: /media/backgrounds/page-title.webp
 description: ""
 image: /media/people/gcg.webp
 social:
-  - icon: fa-solid fa-at
+  - icon: mdi mdi-at
     title: Mail
     link: mailto:schulleitung@cantor-gymnasium.de
 ---

content/german/forms/hausordnung.md

@@ -6,39 +6,23 @@ description: ""
 type: forms
 gallery: false
 ---
-**1.** Die Schülerinnen und Schüler verhalten sich so, dass eine andere Person durch sie weder gefährdet oder belästigt wird, noch zu Schaden kommt und sind zur Abwendung von Gefahren verpflichtet. Das Eigentum anderer wird geachtet.
+1. Die Schülerinnen und Schüler verhalten sich so, dass eine andere Person durch sie weder gefährdet oder belästigt wird, noch zu Schaden kommt und sind zur Abwendung von Gefahren verpflichtet. Das Eigentum anderer wird geachtet.
-
+2. Der Vormittagsunterricht beginnt 7:30 Uhr und endet 13:10 Uhr. Der Nachmittagsunterricht beginnt 13:40 Uhr. Das Betreten des Schulgebäudes ist ab 7:15 Uhr gestattet. Die Schule ist bis 16:30 Uhr geöffnet.
-**2.** Der Vormittagsunterricht beginnt 7:30 Uhr und endet 13:10 Uhr. Der Nachmittagsunterricht beginnt 13:40 Uhr. Das Betreten des Schulgebäudes ist ab 7:15 Uhr gestattet. Die Schule ist bis 16:30 Uhr geöffnet.
+3. Schüler, die aufgrund der Benutzung öffentlicher Verkehrsmittel bereits vor 7:00 Uhr  auf dem Schulgelände ankommen, können eine Einlasskarte erhalten. Ab 6:30 Uhr besteht dann die Möglichkeit des Aufenthaltes für Schüler der Klassen 5-9 im Raum 205 (Lernwerkstatt) und für Schüler der gymnasialen Oberstufe im Schulclub (Kellergeschoss)
-
+4. Nach Eintreffen in der Schule verlassen die Schülerinnen und Schüler (bis einschließlich Klasse 9) vor Unterrichtsende nicht eigenmächtig das Schulgelände.
-**3.** Schüler, die aufgrund der Benutzung öffentlicher Verkehrsmittel bereits vor 7:00 Uhr  auf dem Schulgelände ankommen, können eine Einlasskarte erhalten. Ab 6:30 Uhr besteht dann die Möglichkeit des Aufenthaltes für Schüler der Klassen 5-9 im Raum 205 (Lernwerkstatt) und für Schüler der gymnasialen Oberstufe im Schulclub (Kellergeschoss)
+5. Ist fünf Minuten nach Stundenbeginn kein Lehrer in der Klasse, meldet der Schülersprecher oder sein Vertreter dies im Sekretariat.
-
+6. In den kleinen Pausen sorgen die Lehrer dafür, dass die Unterrichtsräume rechtzeitig geöffnet werden. Die Schülerinnen und Schüler erscheinen pünktlich zum Unterricht.
-**4.** Nach Eintreffen in der Schule verlassen die Schülerinnen und Schüler (bis einschließlich Klasse 9) vor Unterrichtsende nicht eigenmächtig das Schulgelände.
+7. In den großen Pausen halten sich die Schülerinnen und Schüler der Schuljahrgänge 5-9  auf dem Schulhof des Georg-Cantor-Gymnasiums auf, die der gymnasialen Oberstufe können im Gebäude verbleiben. Sie halten sich vorrangig im Schulclub und mittleren Schulinnenhof (Kellergeschoss) sowie in den hinteren Flurbereichen auf.  Der Fahrradstellplatz hinter dem Schulgebäude ist kein Pausenhof. Aus Sicherheitsgründen werden Taschen nicht auf den Treppen und Fluren abgestellt. Bei starken Regenfällen bzw. Kälte verbleiben die Schülerinnen und Schüler nach dem Abklingeln im Unterrichtsraum.
-
+8. Nach Unterrichtsschluss verlassen die Schülerinnen und Schüler, die an keiner Nachmittagsveranstaltung teilnehmen, das Schulgelände.
-**5.** Ist fünf Minuten nach Stundenbeginn kein Lehrer in der Klasse, meldet der Schülersprecher oder sein Vertreter dies im Sekretariat.
+9. Alle persönlichen Gegenstände der Schülerinnen und Schüler sind nach Unterrichtsschluss mit nach Hause zu nehmen bzw. im Schließfach zu deponieren (keine Haftung).
-
+10. Unfälle und Verletzungen werden unverzüglich der Lehrkraft bzw. dem aufsichtsführenden Lehrer und der Schulsekretärin gemeldet.
-**6.** In den kleinen Pausen sorgen die Lehrer dafür, dass die Unterrichtsräume rechtzeitig geöffnet werden. Die Schülerinnen und Schüler erscheinen pünktlich zum Unterricht.
+11. Fundsachen sind beim Hausmeister abzugeben.
-
+12. Fahrräder sind an dem dafür vorgesehenen Platz abzustellen und entsprechend zu sichern (keine Haftung der Schule).
-**7.** In den großen Pausen halten sich die Schülerinnen und Schüler der Schuljahrgänge 5-9  auf dem Schulhof des Georg-Cantor-Gymnasiums auf, die der gymnasialen Oberstufe können im Gebäude verbleiben. Sie halten sich vorrangig im Schulclub und mittleren Schulinnenhof (Kellergeschoss) sowie in den hinteren Flurbereichen auf.  Der Fahrradstellplatz hinter dem Schulgebäude ist kein Pausenhof. Aus Sicherheitsgründen werden Taschen nicht auf den Treppen und Fluren abgestellt. Bei starken Regenfällen bzw. Kälte verbleiben die Schülerinnen und Schüler nach dem Abklingeln im Unterrichtsraum.
+13. Das Rauchen auf dem Schulgelände ist nicht gestattet.
-
+14. Waffen, Drogen, Alkohol, Messer und Feuerwerkskörper u.ä. sind in der Schule verboten.
-**8.** Nach Unterrichtsschluss verlassen die Schülerinnen und Schüler, die an keiner Nachmittagsveranstaltung teilnehmen, das Schulgelände.
+15. Mitgebrachte Handys sind während des Unterrichts auszuschalten.
-
+16. Für Ordnung und Sauberkeit im gesamten Gebäude sind Schüler und Lehrer gemeinsam verantwortlich. Die jeweils letzte Klasse in einem Raum stellt die Stühle hoch (nach Reinigungsplan) und schließt die Fenster. Der Ordnungsdienst säubert die Tafel und die Kreideablage.
-**9.** Alle persönlichen Gegenstände der Schülerinnen und Schüler sind nach Unterrichtsschluss mit nach Hause zu nehmen bzw. im Schließfach zu deponieren (keine Haftung).
+17. Auf der Spielfläche am Basketballkorb ist das Basketballspielen gestattet. Die Tischtennisplatten sind nur zum Tischtennisspiel zu nutzen. Alle anderen Ballspielarten sind auf dem Schulhof nicht erlaubt.
-
-**10.** Unfälle und Verletzungen werden unverzüglich der Lehrkraft bzw. dem aufsichtsführenden Lehrer und der Schulsekretärin gemeldet.
-
-**11.** Fundsachen sind beim Hausmeister abzugeben.
-
-**12.** Fahrräder sind an dem dafür vorgesehenen Platz abzustellen und entsprechend zu sichern (keine Haftung der Schule).
-
-**13.** Das Rauchen auf dem Schulgelände ist nicht gestattet.
-
-**14.** Waffen, Drogen, Alkohol, Messer und Feuerwerkskörper u.ä. sind in der Schule verboten.
-
-**15.** Mitgebrachte Handys sind während des Unterrichts auszuschalten.
-
-**16.** Für Ordnung und Sauberkeit im gesamten Gebäude sind Schüler und Lehrer gemeinsam verantwortlich. Die jeweils letzte Klasse in einem Raum stellt die Stühle hoch (nach Reinigungsplan) und schließt die Fenster. Der Ordnungsdienst säubert die Tafel und die Kreideablage.
-
-**17.** Auf der Spielfläche am Basketballkorb ist das Basketballspielen gestattet. Die Tischtennisplatten sind nur zum Tischtennisspiel zu nutzen. Alle anderen Ballspielarten sind auf dem Schulhof nicht erlaubt.
 
 Halle, den 06. August 2009
 

content/german/pages/datenschutz.md

@@ -19,19 +19,19 @@ Torstraße 13
 
 06110 Halle (Saale)
 
-Vertretungsberechtigte Personen:
+**Vertretungsberechtigte Personen:**
 
 Schulleiter Dr. Bernd Gorsler
 
-E-Mail-Adresse:
+**E-Mail-Adresse:**
 
 [schulleitung@cantor-gymnasium.de](mailto:schulleitung@cantor-gymnasium.de)
 
-Telefon:
+**Telefon:**
 
 +49 (0) 345 69 03 156
 
-Impressum:
+**Impressum:**
 
 [https://cantorgymnasium.de/pages/impressum/](https://cantorgymnasium.de/pages/impressum/)
 
@@ -154,7 +154,7 @@ Die Einbindung setzt immer voraus, dass die Drittanbieter dieser Inhalte die IP-
 **Weitere Hinweise zu Verarbeitungsprozessen, Verfahren und Diensten:**
 
 - **Einbindung von Drittsoftware, Skripten oder Frameworks (z. B. jQuery):** Wir binden in unser Onlineangebot Software ein, die wir von Servern anderer Anbieter abrufen (z.B. Funktions-Bibliotheken, die wir zwecks Darstellung oder Nutzerfreundlichkeit unseres Onlineangebotes verwenden). Hierbei erheben die jeweiligen Anbieter die IP-Adresse der Nutzer und können diese zu Zwecken der Übermittlung der Software an den Browser der Nutzer sowie zu Zwecken der Sicherheit, als auch zur Auswertung und Optimierung ihres Angebotes verarbeiten. - Wir binden in unser Onlineangebot Software ein, die wir von Servern anderer Anbieter abrufen (z.B. Funktions-Bibliotheken, die wir zwecks Darstellung oder Nutzerfreundlichkeit unseres Onlineangebotes verwenden). Hierbei erheben die jeweiligen Anbieter die IP-Adresse der Nutzer und können diese zu Zwecken der Übermittlung der Software an den Browser der Nutzer sowie zu Zwecken der Sicherheit, als auch zur Auswertung und Optimierung ihres Angebotes verarbeiten; **Rechtsgrundlagen:** Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f) DSGVO).
-- **Font Awesome (Bereitstellung auf eigenem Server):** Darstellung von Schriftarten und Symbolen; **Dienstanbieter:** Die Font Awesome Icons werden auf unserem Server gehostet, es werden keine Daten an den Anbieter von Font Awesome übermittelt; **Rechtsgrundlagen:** Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f) DSGVO).
+- **Material Design Icons (Bereitstellung auf eigenem Server):** Darstellung von Schriftarten und Symbolen; **Dienstanbieter:** Die Material Design Icons werden auf unserem Server gehostet, es werden keine Daten an den Anbieter von Material Design Icons übermittelt; **Rechtsgrundlagen:** Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f) DSGVO).
 - **OpenStreetMap:** Wir binden die Landkarten des Dienstes "OpenStreetMap" ein, die auf Grundlage der Open Data Commons Open Database Lizenz (ODbL) durch die OpenStreetMap Foundation (OSMF) angeboten werden. Die Daten der Nutzer werden durch OpenStreetMap ausschließlich zu Zwecken der Darstellung der Kartenfunktionen und zur Zwischenspeicherung der gewählten Einstellungen verwendet. Zu diesen Daten können insbesondere IP-Adressen und Standortdaten der Nutzer gehören, die jedoch nicht ohne deren Einwilligung (im Regelfall im Rahmen der Einstellungen ihrer Mobilgeräte vollzogen) erhoben werden; **Dienstanbieter:** OpenStreetMap Foundation (OSMF); **Rechtsgrundlagen:** Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f) DSGVO); **Website:** [https://www.openstreetmap.de](https://www.openstreetmap.de); **Datenschutzerklärung:** [https://wiki.osmfoundation.org/wiki/Privacy_Policy](https://wiki.osmfoundation.org/wiki/Privacy_Policy).
 - **YouTube-Videos:** Videoinhalte; **Dienstanbieter:** Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland; **Rechtsgrundlagen:** Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f) DSGVO); **Website:** [https://www.youtube.com](https://www.youtube.com); **Datenschutzerklärung:** [https://policies.google.com/privacy](https://policies.google.com/privacy); **Widerspruchsmöglichkeit (Opt-Out):** Opt-Out-Plugin: [https://tools.google.com/dlpage/gaoptout?hl=de](https://tools.google.com/dlpage/gaoptout?hl=de), Einstellungen für die Darstellung von Werbeeinblendungen: [https://adssettings.google.com/authenticated](https://adssettings.google.com/authenticated).
 

data/de/homepage.yml

@@ -3,7 +3,7 @@ top_banner:
   text: "Um zur Aufnahmeprüfung zugelassen werden zu können, müssen das Aufnahmeformular, eine Kopie des Halbjahreszeugnisses und die Schullaufbahnempfehlung bis spätestens Mittwoch, den 8. Februar 2023, eingereicht werden. <br><br>Wir laden zum literarisch-musikalischen Abend am Mittwoch, den 22.02.2023 ab 17 Uhr!"
   color: "#1b57b1"
   font_color: "#ffffff"
-  icon: fa-solid fa-circle-info
+  icon: mdi mdi-information
   temporarily:
     enable: true
     start_date: 2023-01-24T08:12:06.712+01:00
@@ -160,7 +160,7 @@ success_banner:
       image: media/home/cds.webp
       icon: ""
     - name: Und viel mehr ...
-      icon: fa-solid fa-medal
+      icon: mdi mdi-trophy-outline
       content: >
         Durch umfassende Begabtenförderungsangebote sind unsere Schüler bei
         vielen Wettbewerben erfolgreich. Diese umfassen erweiterte Stoffgebiete,

layouts/_default/begabte.html

@@ -6,7 +6,7 @@
   {{ end }}
   <div class="card-body">
     <ul class="list-inline">
-      <li class="list-inline-item"><p><i class="fa-solid fa-book-bookmark"></i> {{ .Params.Category }}</p></li>
+      <li class="list-inline-item"><p><i class="mdi mdi-bookmark-outline"></i> {{ .Params.Category }}</p></li>
     </ul>
     <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
     <a href="{{ .Permalink }}" class="btn btn-primary btn-sm text-uppercase">{{ i18n "read_more"}}</a>

layouts/_default/ganztagsangebote.html

@@ -2,9 +2,9 @@
   <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
   <div class="card-body">
     <ul class="list-inline">
-      <li class="list-inline-item"><p><i class="fa-solid fa-calendar-day"></i> {{ .Params.Weekly }}</p></li>
+      <li class="list-inline-item"><p><i class="mdi mdi-calendar-today"></i> {{ .Params.Weekly }}</p></li>
       <br>
-      <li class="list-inline-item"><p><i class="fa-solid fa-user-group"></i> {{ .Params.Class }}</p></li>
+      <li class="list-inline-item"><p><i class="mdi mdi-crowd"></i> {{ .Params.Class }}</p></li>
     </ul>
     <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title | truncate 20 }}</a></h4>
     <a href="{{ .Permalink }}" class="btn btn-primary btn-sm">{{ i18n "show_more"}}</a>

layouts/_default/list.html

@@ -13,9 +13,9 @@
               <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
               <div class="card-body">
                 <ul class="list-inline mb-3">
-                  <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i>
+                  <li class="list-inline-item mr-3 ml-0"><i class="mdi mdi-calendar-today"></i>
                     {{ time.Format "02 Jan 2006" .PublishDate }}</li>
-                  <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-user"></i> <a
+                  <li class="list-inline-item mr-3 ml-0"><i class="mdi mdi-fountain-pen-tip"></i> <a
                       href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a>
                   </li>
                 </ul>

layouts/_default/post.html

@@ -2,8 +2,8 @@
   <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
   <div class="card-body">
     <ul class="list-inline mb-3">
-      <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i> {{ time.Format "02 Jan 2006" .PublishDate }}</li>
+      <li class="list-inline-item mr-3 ml-0"><i class="mdi mdi-calendar-today"></i> {{ time.Format "02 Jan 2006" .PublishDate }}</li>
-      <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-user"></i> <a
+      <li class="list-inline-item mr-3 ml-0"><i class="mdi mdi-fountain-pen-tip"></i> <a
         href="{{ `author` | relLangURL }}/{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a></li>
     </ul>
       <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title | truncate 20 }}</a></h4>

layouts/_default/wettbewerbe.html

@@ -2,7 +2,7 @@
   <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
   <div class="card-body">
     <ul class="list-inline">
-      <li class="list-inline-item"><p><i class="fa-solid fa-book-bookmark"></i> {{ .Params.Category }}</p></li>
+      <li class="list-inline-item"><p><i class="mdi mdi-bookmark-outline"></i> {{ .Params.Category }}</p></li>
     </ul>
     <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title | truncate 20 }}</a></h4>
     <a href="{{ .Permalink }}" class="btn btn-primary btn-sm text-uppercase">{{ i18n "read_more"}}</a>

layouts/begabte/single.html

@@ -15,7 +15,7 @@
         <ul class="list-inline">
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="fa-solid fa-user-group text-primary icon-md mr-2"></i>
+              <i class="mdi mdi-crowd text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "class" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Class }}</p>

layouts/forms/single.html

@@ -14,7 +14,7 @@
           <div class="card border-primary rounded-0 hover-shadow mb-5">
             <div class="card-body mb-0">
               <h4 class="card-title"><a class="text-decoration-none" href='{{ .link }}'>{{ .title }}</a></h4>
-              <a href='{{ .link }}' class="text-decoration-none btn btn-primary btn-sm mb-0"><i class="fa-solid fa-file-arrow-down mb-0"></i> Download</a>
+              <a href='{{ .link }}' class="text-decoration-none btn btn-primary btn-sm mb-0"><i class="mdi mdi-tray-arrow-down mb-0"></i> Download</a>
             </div>
           </div>
         </div>        

layouts/ganztagsangebote/single.html

@@ -16,7 +16,7 @@
         <ul class="list-inline">
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="fa-solid fa-calendar-day text-primary icon-md mr-2"></i>
+              <i class="mdi mdi-calendar-today-outline text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "weekly" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Weekly }}</p>
@@ -25,7 +25,7 @@
           </li>
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="fa-solid fa-clock text-primary icon-md mr-2"></i>
+              <i class="mdi mdi-timer-sand text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "duration" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Duration }}</p>
@@ -34,7 +34,7 @@
           </li>
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="fa-solid fa-user-group text-primary icon-md mr-2"></i>
+              <i class="mdi mdi-crowd text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "class" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Class }}</p>
@@ -43,7 +43,7 @@
           </li>
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="fa-solid fa-location-dot text-primary icon-md mr-2"></i>
+              <i class="mdi mdi-map-marker-radius-outline text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "room" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Room }}</p>

layouts/index.html

@@ -229,7 +229,7 @@
           <p href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .title }}</p>
           <p class="mb-0">{{ .summary | truncate 100 }}</p>
         </div>
-        <div class="d-md-table-cell text-right pr-0 pr-md-4 p-2"><p><i class="fa-solid fa-location-dot text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
+        <div class="d-md-table-cell text-right pr-0 pr-md-4 p-2"><p><i class="mdi mdi-map-marker-radius text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
       </li>
       {{ end }}
 

layouts/partials/footer.html

@@ -35,10 +35,10 @@
           </ul>
         </div>
         <div class="col-lg-2 col-sm-4 col-6 mb-5 mb-md-0">
-          <h4 class="text-white mb-5 text-uppercase">{{ i18n "latest_article" }}</h4>
+          <h4 class="text-white mb-5 text-uppercase">Aktuelles</h4>
           <ul class="list-unstyled">
-            {{ range first 3 (where .Site.RegularPages "Type" "post")}}
+            {{ range first 5 (where .Site.RegularPages "Type" "post")}}
-            <li class="mb-3"><a class="text-color" href="{{ .Permalink }}">{{ .Title }}</a></li>
+            <li class="mb-3"><a class="text-color" href="{{ .Permalink }}">{{ .Title | truncate 35 }}</a></li>
             {{ end }}
           </ul>
         </div>

layouts/partials/info.html

@@ -6,7 +6,7 @@
     <div class="row">
       <div class="col-lg-6 col-sm-4 position-relative success-video">
         <a class="play-btn venobox" href="{{ .video_link | safeURL }}" data-vbtype="video">
-          <i class="fa-solid fa-play"></i>
+          <i class="mdi mdi-play icon-md"></i>
         </a>
       </div>
       <div class="col-lg-6 col-sm-8">

layouts/partials/page-header.html

@@ -2,9 +2,9 @@
   <div class="container">
     <div class="row">
       <div class="col-md-8">
-        <ul class="list-inline custom-breadcrumb">
+        <ul class="list-inline">
           <li class="list-inline-item h2"><a class="text-primary font-secondary" href="{{ if .Parent.Page }}{{ .Parent.Page.Permalink }}{{ else }}{{ .Site.BaseURL | absLangURL }}{{end}}">{{ with .Parent.Params.title }}{{.}}{{ else }}{{ .Site.Params.home }}{{end}}</a></li>
-          <li class="list-inline-item h2"><i class="fa-solid fa-angle-right text-white"></i></li>
+          <li class="list-inline-item h2"><i class="mdi mdi-chevron-double-right text-white"></i></li>
           <li class="list-inline-item text-white h2 font-secondary">{{ .Title }}</li>
         </ul>
         <p class="text-lighten">{{ .Params.Description | markdownify }}</p>

layouts/shortcodes/download.html

@@ -2,7 +2,7 @@
   <div class="card border-primary rounded-0 hover-shadow mb-5">
     <div class="card-body mb-0">
       <h4 class="card-title"><a class="text-decoration-none" href='{{ .Get "link" }}'>{{ .Get "title" }}</a></h4>
-      <a href='{{ .Get "link" }}' class="text-decoration-none btn btn-primary btn-sm mb-0"><i class="fa-solid fa-file-arrow-down mb-0"></i> Download</a>
+      <a href='{{ .Get "link" }}' class="text-decoration-none btn btn-primary btn-sm mb-0"><i class="mdi mdi-tray-arrow-down mb-0"></i> Download</a>
     </div>
   </div>
 </div>

layouts/termine/list.html

@@ -12,7 +12,7 @@
               <p href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .title }}</p>
               <p class="mb-0">{{ .summary | truncate 100 }}</p>
             </div>
-            <div class="d-md-table-cell text-right pr-0 pr-md-4 p-2"><p><i class="fa-solid fa-location-dot text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
+            <div class="d-md-table-cell text-right pr-0 pr-md-4 p-2"><p><i class="mdi mdi-map-marker-radius-outline icon-s text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
           </li>
           {{ end }}
         </ul>

layouts/wettbewerbe/single.html

@@ -16,7 +16,7 @@
         <ul class="list-inline">
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="fa-solid fa-user-group text-primary icon-md mr-2"></i>
+              <i class="mdi mdi-crowd text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "class" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Class }}</p>

static/admin/config.yml

@@ -52,7 +52,7 @@ collections:
               - {label: "Text", name: "text", widget: "string", required: false}
               - {label: "Farbe", name: "color", widget: "color", required: false}
               - {label: "Schriftfarbe", name: "font_color", widget: "color", required: false}
-              - {label: "Symbol", name: "icon", widget: "string", required: false, hint: "Liste unter https://fontawesome.com/search"}
+              - {label: "Symbol", name: "icon", widget: "string", required: false, hint: "Liste unter https://pictogrammers.com/library/mdi/"}
               - label: "Zeitschaltung"
                 name: temporarily
                 widget: "object"
@@ -140,7 +140,7 @@ collections:
                 widget: "list"
                 fields:
                   - {label: "Bezeichnung", name: "name", widget: "string", required: false}
-                  - {label: "Symbol", name: "icon", widget: "string", required: false, hint: "Liste unter https://fontawesome.com/search"}
+                  - {label: "Symbol", name: "icon", widget: "string", required: false, hint: "Liste unter https://pictogrammers.com/library/mdi/"}
                   - {label: "Bild", name: "image", widget: "image", required: false, media_library: { config: { max_file_size: 2048000 } } }
                   - {label: "Inhalt", name: "content", widget: "markdown", required: false}
           - label: "Ganztagsangebote"
@@ -282,7 +282,7 @@ collections:
                 widget: "list"
                 fields:
                   - {label: "Bezeichnung", name: "title", widget: "string"}
-                  - {label: "Symbol", name: "icon", widget: "string", hint: "Liste unter https://fontawesome.com/search"}
+                  - {label: "Symbol", name: "icon", widget: "string", hint: "Liste unter https://pictogrammers.com/library/mdi/"}
                   - {label: "Link", name: "link", widget: "string"}
           - label: "Menü"
             name: "menu"
@@ -529,7 +529,7 @@ collections:
           - {label: "Gallerie-Komponente", name: "gallery", widget: "boolean", default: false, required: false, hint: "Benötigt für Gallerie bzw. Bildeinbettung"}
           - {label: "Text", name: "body", widget: "markdown", required: false}
   - name: "pages"
-    icon: "page"
+    icon: "page-add"
     label: "Zusatzseiten"
     label_singular: "Zusatzseite"
     folder: "content/german/pages"
@@ -582,18 +582,19 @@ collections:
             name: "icon"
             widget: "select"
             options:
-              - { label: "YouTube", value: "fa-brands fa-youtube" }
+              - { label: "YouTube", value: "si si-youtube" }
-              - { label: "Twitter", value: "fa-brands fs-twitter" }
+              - { label: "Twitter", value: "si si-twitter" }
-              - { label: "Pinterest", value: "fa-brands fa-pinterest" }
+              - { label: "Pinterest", value: "si si-pinterest" }
-              - { label: "GitHub", value: "fa-brands fa-github" }
+              - { label: "GitHub", value: "si si-github" }
-              - { label: "Git", value: "fa-brands fa-git-alt" }
+              - { label: "Gitea", value: "si si-gitea" }
-              - { label: "Vimeo", value: "fa-brands fa-vimeo" }
+              - { label: "Git", value: "si si-git" }
-              - { label: "Instagram", value: "fa-brands fa-instagram" }
+              - { label: "Vimeo", value: "si si-vimeo" }
-              - { label: "Facebook", value: "fa-brands fa-facebook" }
+              - { label: "Instagram", value: "si si-instagram" }
-              - { label: "Linkedin", value: "fa-brands fa-linkedin" }
+              - { label: "Facebook", value: "si si-facebook" }
-              - { label: "E-Mail", value: "fa-solid fa-at" }
+              - { label: "Linkedin", value: "si si-linkedin" }
-              - { label: "TikTok", value: "fa-brands fa-tiktok" }
+              - { label: "E-Mail", value: "mdi mdi-at" }
-              - { label: "Sonstige", value: "fa-solid fa-share-nodes" }
+              - { label: "TikTok", value: "si si-tiktok" }
+              - { label: "Sonstige", value: "mdi mdi-share-variant-outline" }
           - {label: "Link", name: "link", widget: "string"}
       - {label: "Beschreibung", name: "body", widget: "markdown"}
   - name: "blog"
@@ -717,18 +718,19 @@ collections:
             name: "icon"
             widget: "select"
             options:
-              - { label: "YouTube", value: "fa-brands fa-youtube" }
+              - { label: "YouTube", value: "si si-youtube" }
-              - { label: "Twitter", value: "fa-brands fs-twitter" }
+              - { label: "Twitter", value: "si si-twitter" }
-              - { label: "Pinterest", value: "fa-brands fa-pinterest" }
+              - { label: "Pinterest", value: "si si-pinterest" }
-              - { label: "GitHub", value: "fa-brands fa-github" }
+              - { label: "GitHub", value: "si si-github" }
-              - { label: "Git", value: "fa-brands fa-git-alt" }
+              - { label: "Gitea", value: "si si-gitea" }
-              - { label: "Vimeo", value: "fa-brands fa-vimeo" }
+              - { label: "Git", value: "si si-git" }
-              - { label: "Instagram", value: "fa-brands fa-instagram" }
+              - { label: "Vimeo", value: "si si-vimeo" }
-              - { label: "Facebook", value: "fa-brands fa-facebook" }
+              - { label: "Instagram", value: "si si-instagram" }
-              - { label: "Linkedin", value: "fa-brands fa-linkedin" }
+              - { label: "Facebook", value: "si si-facebook" }
-              - { label: "E-Mail", value: "fa-solid fa-at" }
+              - { label: "Linkedin", value: "si si-linkedin" }
-              - { label: "TikTok", value: "fa-brands fa-tiktok" }
+              - { label: "E-Mail", value: "mdi mdi-at" }
-              - { label: "Sonstige", value: "fa-solid fa-share-nodes" }
+              - { label: "TikTok", value: "si si-tiktok" }
+              - { label: "Sonstige", value: "mdi mdi-share-variant-outline" }
           - {label: "Link", name: "link", widget: "string"}
       - {label: "Type", name: "type", widget: "hidden", default: "cantorpreis"}
       - {label: "Gallerie-Komponente", name: "gallery", widget: "boolean", default: false, required: false, hint: "Benötigt für Gallerie bzw. Bildeinbettung"}
@@ -801,7 +803,7 @@ collections:
       - {label: "Gallerie-Komponente", name: "gallery", widget: "boolean", default: false, required: false, hint: "Benötigt für Gallerie bzw. Bildeinbettung"}
       - {label: "Text", name: "body", widget: "markdown"}
   - name: "begabte"
-    icon: "book"
+    icon: "pi"
     label: "Begabtenförderung"
     label_singular: "Begabtenförderung"
     folder: "content/german/begabte"
@@ -833,7 +835,7 @@ collections:
       - {label: "Gallerie-Komponente", name: "gallery", widget: "boolean", default: false, required: false, hint: "Benötigt für Gallerie bzw. Bildeinbettung"}
       - {label: "Text", name: "body", widget: "markdown"}
   - name: "schulchronik"
-    icon: "timeline"
+    icon: "pillar"
     label: "Schulchronik"
     label_singular: "Chronikjahr"
     folder: "content/german/schulchronik"

static/admin/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="https://cantorgymnasium.de/plugins/fontawesome/css/all.min.css">
+    <link rel="stylesheet" href="/plugins/mdi/css/materialdesignicons.min.css">
     <title>Static CMS</title>
   </head>
   <body>
@@ -11,13 +11,16 @@
       body {
         font-family: sans-serif;
       }
+      .icon-md {
+        font-size: 25px;
+      }
     </style>
     <script src="https://cdn.jsdelivr.net/npm/@staticcms/app@^1.2.7/dist/static-cms-app.js"></script>
     <script>
       CMS.init();
-      var icons = [['home', 'fa fa-house'], ['settings', 'fa fa-gear'], ['user', 'fa fa-user'], ['page', 'fa fa-file'], ['document', 'fa fa-file-lines'], ['news', 'fa fa-newspaper'], ['award', 'fa fa-award'], ['group', 'fa fa-people-group'], ['trophy', 'fa fa-trophy'], ['book', 'fa fa-book'], ['timeline', 'fa fa-timeline'], ['graduation-cap', 'fa fa-graduation-cap'], ['info', 'fa fa-circle-info'], ['desktop', 'fa-solid fa-desktop'], ['bookmark', 'fa-solid fa-bookmark'], ['presentation', 'fa-solid fa-person-chalkboard']];
+      var icons = [['settings', 'mdi mdi-cog-outline'], ['user', 'mdi mdi-fountain-pen-tip'], ['page', 'mdi mdi-file-document-outline'], ['page-add', 'mdi mdi-file-document-plus-outline'], ['document', 'mdi mdi-file-document-multiple-outline'], ['news', 'mdi mdi-newspaper'], ['award', 'mdi mdi-seal-variant'], ['group', 'mdi mdi-crowd'], ['trophy', 'mdi mdi-trophy-outline'], ['pi', 'mdi mdi-pi-box'], ['pillar', 'mdi mdi-pillar'], ['graduation-cap', 'mdi mdi-school-outline'], ['help', 'mdi mdi-lifebuoy'], ['dash', 'mdi mdi-monitor-dashboard'], ['presentation', 'mdi mdi-presentation']];
       icons.forEach(icon => {
-        CMS.registerIcon(icon[0], ({}) => { return(h('i', {"className": icon[1]})); });
+        CMS.registerIcon(icon[0], ({}) => { return(h('i', {"className": icon[1] + " icon-md"})); });
       });
       const StatusPage = () => {
         return h('div', {className: "row"},
@@ -49,7 +52,7 @@
         title: 'Status',
         data: StatusPage,
         options: {
-          icon: 'desktop',
+          icon: 'dash',
         },
       }); 
       CMS.registerAdditionalLink({
@@ -57,7 +60,7 @@
         title: 'GCG.Wiki',
         data: 'https://wiki.cantorgymnasium.de',
         options: {
-          icon: 'bookmark',
+          icon: 'help',
         },
       });      
       CMS.registerShortcode('gallery', {
@@ -335,8 +338,8 @@
     </script>
     <script>
       CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/bootstrap/bootstrap.min.css");
-      CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/fontawesome/css/all.css");
       CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/fira/fira.css");
+      CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/mdi/css/materialdesignicons.min.css");
       CMS.registerPreviewStyle("https://cantorgymnasium.de/scss/style.css");
     </script>
     <script>
@@ -348,11 +351,11 @@
                     h('section', {"className": "page-title-section overlay", "style": divStyle},
                       h('div', {"className": "container"},
                         h('div', {"className": "col-md-8"},
-                          h('ul', {"className": "list-inline custom-breadcrumb"},
+                          h('ul', {"className": "list-inline"},
                             h('li', {"className": "list-inline-item h2"},
                               h('a', {"className": "text-primary font-secondary", href: ""}, "Schulchronik")),
                             h('li', {"className": "list-inline-item h2"},
-                              h("i", {"className": "fa-solid fa-angle-right text-white"})),
+                              h("i", {"className": "mdi mdi-chevron-double-right text-white"})),
                             h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title)
                           )
                         )
@@ -444,11 +447,11 @@
                   h('section', {"className": "page-title-section overlay", "style": divStyle},
                     h('div', {"className": "container"},
                       h('div', {"className": "col-md-8"},
-                        h('ul', {"className": "list-inline custom-breadcrumb"},
+                        h('ul', {"className": "list-inline"},
                           h('li', {"className": "list-inline-item h2"},
                             h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")),
                           h('li', {"className": "list-inline-item h2"},
-                            h("i", {"className": "fa-solid fa-angle-right text-white"})),
+                            h("i", {"className": "mdi mdi-chevron-double-right text-white"})),
                           h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title)
                         ),
                         h('p', {"className": "text-lighten"}, entry.data.description
@@ -483,11 +486,11 @@
                   h('section', {"className": "page-title-section overlay", "style": divStyle},
                     h('div', {"className": "container"},
                       h('div', {"className": "col-md-8"},
-                        h('ul', {"className": "list-inline custom-breadcrumb"},
+                        h('ul', {"className": "list-inline"},
                           h('li', {"className": "list-inline-item h2"},
                             h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")),
                           h('li', {"className": "list-inline-item h2"},
-                            h("i", {"className": "fa-solid fa-angle-right text-white"})),
+                            h("i", {"className": "mdi mdi-chevron-double-right text-white"})),
                           h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title)
                         ),
                         h('p', {"className": "text-lighten"}, entry.data.description
@@ -534,12 +537,12 @@
                     h('div', {"className": "row"},
                       h('div', {"className": "container"},
                         h('div', {"className": "col-md-8"},
-                          h('ul', {"className": "list-inline custom-breadcrumb"},
+                          h('ul', {"className": "list-inline"},
                             h('li', {"className": "list-inline-item h2"},
                               h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                             ),
                             h('li', {"className": "list-inline-item h2"},
-                              h("i", {"className": "fa-solid fa-angle-right text-white"})
+                              h("i", {"className": "mdi mdi-chevron-double-right text-white"})
                             ),
                             h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title
                             )
@@ -566,7 +569,7 @@
                                 ),
                                 h('div', {"className": "d-md-table-cell text-right pr-0 pr-md-4"},
                                   h('p', {},
-                                    h('i', {"className": "fa-solid fa-location-dot text-primary mr-2"}),
+                                    h('i', {"className": "mdi mdi-map-marker-radius-outline icon-s text-primary mr-2"}),
                                     event.data.location
                                   )
                                 )
@@ -591,12 +594,12 @@
                     h('div', {"className": "row"},
                       h('div', {"className": "container"},
                         h('div', {"className": "col-md-8"},
-                          h('ul', {"className": "list-inline custom-breadcrumb"},
+                          h('ul', {"className": "list-inline"},
                             h('li', {"className": "list-inline-item h2"},
                               h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                             ),
                             h('li', {"className": "list-inline-item h2"},
-                              h("i", {"className": "fa-solid fa-angle-right text-white"})
+                              h("i", {"className": "mdi mdi-chevron-double-right text-white"})
                             ),
                             h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title
                             )
@@ -645,12 +648,12 @@
                     h('div', {"className": "row"},
                       h('div', {"className": "container"},
                         h('div', {"className": "col-md-8"},
-                          h('ul', {"className": "list-inline custom-breadcrumb"},
+                          h('ul', {"className": "list-inline"},
                             h('li', {"className": "list-inline-item h2"},
                               h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                             ),
                             h('li', {"className": "list-inline-item h2"},
-                              h("i", {"className": "fa-solid fa-angle-right text-white"})
+                              h("i", {"className": "mdi mdi-chevron-double-right text-white"})
                             ),
                             h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title
                             )
@@ -705,12 +708,12 @@
                     h('div', {"className": "row"},
                       h('div', {"className": "container"},
                         h('div', {"className": "col-md-8"},
-                          h('ul', {"className": "list-inline custom-breadcrumb"},
+                          h('ul', {"className": "list-inline"},
                             h('li', {"className": "list-inline-item h2"},
                               h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                             ),
                             h('li', {"className": "list-inline-item h2"},
-                              h("i", {"className": "fa-solid fa-angle-right text-white"})
+                              h("i", {"className": "mdi mdi-chevron-double-right text-white"})
                             ),
                             h('li', {"className": "list-inline-item text-white h2 font-secondary"}, entry.data.title
                             )