Feat/robert

assets/sass/_variables.scss

@@ -16,4 +16,5 @@ body {
   --border-radius-m: .8rem;
   --border-radius-l: 1.2rem;
   --pagefind-ui-border-radius: var(--border-radius-l);
+  --pagefind-ui-border: #000;
 }

assets/sass/expander.scss

@@ -34,8 +34,7 @@ details > summary::-webkit-details-marker {
 }
 
 summary::before {
-  content: '\e145' / '';
-  font-family: "material icons round";
+  content: url($icon-add);
   font-weight: normal;
   width: 2.4rem;
   height: 2.4rem;
@@ -46,7 +45,7 @@ summary::before {
 }
 
 details[open] > summary::before {
-  content: '\e15b' / '';
+  content: url($icon-remove);
 }
 
 details[open] > summary {

assets/sass/footer.scss

@@ -8,7 +8,7 @@
     justify-content: normal;
     flex-flow: column;
 
-    @include media-breakpoint-up(md) {
+    @include media-breakpoint-up(lg) {
         justify-content: flex-end;
         flex-flow: row;
     }
@@ -26,7 +26,7 @@
         color: var(--link-hovered);
     }
 
-    @include media-breakpoint-up(md) {
+    @include media-breakpoint-up(lg) {
         margin-left: 1.6rem;
         margin-right: 0;
     }

assets/sass/headings.scss

@@ -32,4 +32,8 @@ h4 {
   font-weight: 700;
   text-wrap: balance;
   scroll-margin-top: 7rem;
+}
+
+sup {
+  scroll-margin-top: 7rem;
 }

assets/sass/main.scss

@@ -1,6 +1,8 @@
+$icon-add: '{{(resources.Get "svg/default/add.svg" | fingerprint "md5").RelPermalink}}';
+$icon-remove: '{{(resources.Get "svg/default/remove.svg" | fingerprint "md5").RelPermalink}}';
+
 @import "_variables.scss";
 @import "node_modules/bootstrap/scss/bootstrap.scss";
-@import 'node_modules/@material-design-icons/font/round.scss';
 @import "styles.scss";
 @import "fonts.scss";
 @import "navigation.scss";

assets/sass/navigation.scss

@@ -137,18 +137,14 @@
   }
 }
 
-.o-nav__menu-button-text {
-
-}
-
-.o-header__expand-button i,
-.o-nav__menu-button i,
-.o-nav__close-button i {
+.o-header__expand-button svg,
+.o-nav__menu-button svg,
+.o-nav__close-button svg {
   margin-left: .8rem;
   align-self: center;
 }
 
-.o-header__expand-button:has(~ .o-header__item-countries--open) i {
+.o-header__expand-button:has(~ .o-header__item-countries--open) svg {
   transform: rotate(180deg);
 }
 
@@ -196,7 +192,7 @@
     position: fixed;
     top: 0;
     right: 0;
-    width: 60%;
+    width: 70%;
     height: 100%;
     z-index: 4;
     background-color: white;
@@ -211,6 +207,7 @@
     menu {
       flex-direction: column;
       align-items: flex-end;
+      padding-left: 0;
     }
 
     menu li:first-child {

assets/sass/sidemenu.scss

@@ -19,17 +19,8 @@
         display: none;
     }
 
-    .o-single__relatedLink {
-        display: flex;
-        align-items: center;
-
-        i {
-            margin-right: .4rem;
-        }
-
-        span {
-            align-self: center;
-        }
+    .o-single__container {
+        margin-bottom: 1.6rem;
     }
 
     //TODO: Bessere Benamung

assets/sass/stage.scss

@@ -40,6 +40,11 @@
             outline: .2rem solid orange;
             outline-offset: .1rem;
         }
+
+        &::placeholder {
+            color: var(--color-onLight);
+            opacity: .5;
+        }
     }
 
     .pagefind-ui__search-clear {

assets/sass/styles.scss

@@ -23,6 +23,15 @@ a:not(.m-teaser) {
   }
 }
 
+a:has(i) {
+  display: inline-flex;
+  align-items: center;
+
+  > :first-child {
+    margin-right: .4rem;
+  }
+}
+
 a.m-teaser {
   .m-teaser__headline {
     color: var(--link-default);
@@ -71,16 +80,29 @@ img {
   border-radius: var(--border-radius-m);
 }
 
+.o-list__picture {
+  width: 15rem;
+  margin-right: 1.2rem;
+}
+
+.o-list__link {
+  display: flex;
+  align-items: center;
+  margin-bottom: 2.4rem;
+}
+
 p {
   margin-bottom: 3.2rem;
   text-align: justify;
 }
 
-p:has( + ul) {
+p:has( + ul),
+p:has( + ol) {
   margin-bottom: 1rem;
 }
 
-article p:last-child {
+article p:last-child,
+section p:last-child {
   margin-bottom: 0;
 }
 
@@ -118,5 +140,6 @@ article p:last-child {
   background-color: var(--bg-default);
   padding: 2rem;
   border-radius: var(--border-radius-l);
+  margin-bottom: 2.4rem;
 }
 

assets/sass/teaser.scss

@@ -11,6 +11,15 @@
 
 .m-teaser--listview {
     margin-bottom: 2.4rem;
+    display: flex;
+
+    @include media-breakpoint-down(md) {
+        flex-flow: wrap;
+    }
+}
+
+.m-teaser__image {
+    margin-right: 1.6rem;
 }
 
 .m-teaser img {

assets/sass/textHighlight.scss

@@ -3,7 +3,7 @@
   padding: 1.2rem;
   margin-bottom: 1.2rem;
   border-radius: var(--border-radius-m);
-  border-left: var() solid 1rem;
+  border-left: var(--bg-neutral) solid 1rem;
 }
 
 .m-text-highlight--tip {

content/_index.de.md

@@ -1,12 +1,10 @@
 ## Willkommen beim FIP Guide!
 
-Die Community-Website für alle Informationen zu FIP (Groupement pour les facilités de circulation internationales du personnel des chemins de fer) - Die Vereinigung für die internationalen Fahrvergünstigungen des Eisenbahnpersonals.
-Mit dieser internationalen Ermäßigungskarte für Eisenbahnpersonal können Mitarbeiterinnen und Mitarbeiter zu vergünstigten Konditionen in Europa beispielsweise Züge, Schiffe und Busse nutzen.
-In diesem Projekt sind Informationen und Nutzungshinweise zu FIP sowie Besonderheiten zu den jeweiligen beteiligten Bahngesellschaften aufgeführt.
+Die Community-Website für alle Informationen zu FIP (internationale Fahrvergünstigungen für Eisenbahnpersonal).
+In diesem Projekt sind Informationen und Nutzungshinweise zu FIP sowie Besonderheiten zu den jeweiligen beteiligten Bahngesellschaften aufgeführt. 
 
-Momentan gibt es die Infos für die Länder **Belgien** und **Slowakei**.
-
-Der aktuellen Bearbeitungsstand der Informationen für Betreiber ist hier zu finden: [Content Status](https://github.com/orgs/fipguide/projects/3)
+* [Grundlegende Informationen zu FIP]({{< ref "generalinformation" >}})
+* [Übersicht der Länder]({{< ref "country" >}})
 
 ### Unterstütze uns
 Du möchtest dein Wissen rund um FIP-Regelungen teilen? Schau auf unserem [GitHub Repository](https://github.com/fipguide/fipguide.github.io) vorbei, um Inhalte beizutragen.

content/_index.en.md

@@ -1,12 +1,10 @@
 ## Welcome to the FIP Guide!
 
-The community website for all information about FIP (Groupement pour les facilités de circulation internationales du personnel des chemins de fer) - The association for international travel benefits for railway staff.
-With this international discount card for railway staff, employees can use trains, ships, and buses in Europe at reduced rates.
-This project includes information and usage instructions for FIP as well as special features of the respective participating railway companies.
+The community website for all information about FIP.
+This project includes information and usage instructions for FIP as well as special features of the respective participating railway companies. 
 
-Currently, information for the countries **Belgium** and **Slovakia** are available.
-
-You can see the current information status for operators here: [Content Status](https://github.com/orgs/fipguide/projects/3) 
+* [Basic information about FIP]({{< ref "generalinformation" >}})
+* [Overview of countries]({{< ref "country" >}})
 
 ### Support Us
 Would you like to share your knowledge about FIP regulations? Visit our [GitHub Repository](https://github.com/fipguide/fipguide.github.io) to contribute content.

content/generalInformation.de.md

@@ -1,10 +1,31 @@
 ---
-date: "2024-10-17"
+date: "2025-03-25"
 title: "Übergreifende Infos"
 ---
 
-Willkommen auf unserer Webseite! Hier finden Sie alle wichtigen Informationen rund um unser Projekt.
+Hier findest du übergreifende Informationen zum FIP Guide.
 
-## Über uns
+## Was ist FIP?
 
-Wir sind ein engagiertes Team, das sich zum Ziel gesetzt hat, hochwertige Inhalte und Ressourcen bereitzustellen. Unser Fokus liegt auf der Bereitstellung von nützlichen Informationen für unsere Nutzer.
+FIP steht für _Groupement pour les facilités de circulation internationales du personnel des chemins de fer_. Es ist die Vereinigung für die internationalen Fahrvergünstigungen des Eisenbahnpersonals. 
+Mit dieser internationalen Ermäßigungskarte für Eisenbahnpersonal können Mitarbeiterinnen und Mitarbeiter zu vergünstigten Konditionen in Europa beispielsweise Züge, Schiffe und Busse nutzen. 
+In diesem Projekt sind Informationen und Nutzungshinweise zu FIP sowie Besonderheiten zu den jeweiligen beteiligten Bahngesellschaften aufgeführt.
+
+## Welche Vergünstigungen erhalte ich durch FIP?
+
+Es gibt zwei Möglichkeiten zur Nutzung: 
+1. **FIP-Card:** die FIP-Card ist drei Jahre gültig und berechtigt zum unlimitierten Kauf von vergünstigten Bahntickets im Ausland.
+2. **FIP-Coupons:** pro Jahr und FIP-Mitglied kannst du FIP-Coupons erhalten, welche für bis zu acht Tage ermöglichen.
+
+Die genauen Regelungen findest du auf den Unterseiten der [Betreiber]({{< ref "operator" >}}).
+
+## Wie kann ich FIP in Anspruch nehmen?
+
+Mitarbeiterinnen und Mitarbeiter eines FIP-Mitglieds sind nach 12 Monaten Betriebszugehörigkeit berechtigt, FIP-Einrichtungen zu nutzen.
+Bitte wende dich für die Beantragung und Inanspruchnahme an deine Personalabteilung.
+
+## Wer steckt hinter dem FIP Guide?
+
+Wir sind ein engagiertes Team von Bahn-Mitarbeitenden, welche selbst regelmäßig FIP nutzen.
+Unser Ziel ist, eine schnell und einfach nutzbare Übersicht zur Nutzung von FIP bereitzustellen.
+Unser Fokus liegt auf der Bereitstellung von nützlichen Informationen für die Nutzerinnen und Nutzer.

content/generalInformation.en.md

@@ -1,11 +1,31 @@
 ---
-date: "2024-10-17"
+date: "2025-03-25"
 title: "General Information"
 ---
 
-Welcome to our website! Here you will find all the important information about our project.
+Here you will find comprehensive information about the FIP Guide.
 
-## About Us
+## What is FIP?
 
-We are a dedicated team committed to providing high-quality content and resources. Our focus is on delivering useful information to our users.
+FIP stands for _Groupement pour les facilités de circulation internationales du personnel des chemins de fer_. It is the association for international travel concessions for railway personnel.
+With this international discount card for railway personnel, employees can use trains, ships, and buses in Europe at reduced rates.
+This project provides information and usage instructions for FIP as well as specifics about the participating railway companies.
 
+## What discounts do I get through FIP?
+
+There are two ways to use it:
+1. **FIP Card:** The FIP Card is valid for three years and entitles the holder to unlimited purchase of discounted train tickets abroad.
+2. **FIP Coupons:** Each year, FIP members can receive FIP Coupons, which allow for up to eight days of travel.
+
+You can find the exact regulations on the subpages of the [operators]({{< ref "operator" >}}).
+
+## How can I take advantage of FIP?
+
+Employees of a FIP member are eligible to use FIP facilities after 12 months of employment.
+Please contact your HR department for application and usage.
+
+## Who is behind the FIP Guide?
+
+We are a dedicated team of railway employees who regularly use FIP ourselves.
+Our goal is to provide a quick and easy-to-use overview for using FIP.
+Our focus is on providing useful information for users.

hugo.yaml

@@ -19,8 +19,6 @@ module:
   mounts:
     - source: "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
       target: "assets/js/bootstrap.bundle.min.js"
-    - source: "node_modules/@material-design-icons/font/material-icons-round.woff2"
-      target: "static/css/material-icons-round.woff2"
     - source: "assets"
       target: "assets"
     - source: "static"

i18n/de.yaml

@@ -24,4 +24,6 @@ related: Verwandte Seiten
 toc_name: Inhalt
 _operator__nearby: Angrenzende Betreiber
 toc-backlink: Zurück zu
-editPage: Seite bearbeiten
+editPage: Seite bearbeiten
+list-disclaimer: Momemtan sind noch nicht für alle Länder und Betreiber Informationen verfügbar. Den aktuellen Bearbeitungsstand findest du auf
+list-disclaimer-link: GitHub