Erste 1:1 Migration

website/basics/icon/icon-de.md

@@ -2,9 +2,9 @@
 Icons dienen zur visuellen Unterstützung von Themen und Aktionen. Für die Verwendung in SBB-Anwendungen sind die Icons im SBB-Stil einzusetzen. Details dazu und ein Set an bereits verfügbaren Icons sind [hier](https://digital.sbb.ch/de/icons-und-piktogramme/sbb-icons) zu finden.
 
 ## 2. Regeln
-*   Innerhalb von Fliesstexten soll wenn immer möglich auf die Verwendung von Icons verzichtet werden.
-*   Icons ohne Text müssen selbsterklärend oder schnell lernbar sein. Je mehr Icons in einer Anwendung eingesetzt werden, desto schwieriger wird es die Bedeutung deren zu merken.
-*   Icons sollen anwendungsübergreifend immer die gleiche Bedeutung haben (Konsistenz)
+* Innerhalb von Fliesstexten soll wenn immer möglich auf die Verwendung von Icons verzichtet werden.
+* Icons ohne Text müssen selbsterklärend oder schnell lernbar sein. Je mehr Icons in einer Anwendung eingesetzt werden, desto schwieriger wird es die Bedeutung deren zu merken.
+* Icons sollen anwendungsübergreifend immer die gleiche Bedeutung haben (Konsistenz)
 
 ## 3. Barrierefreiheit
 * Icons ohne Text müssen mit einem Alternativtext hinterlegt werden.

website/components/button/button-de.md

@@ -28,10 +28,10 @@ Die Komponente hat folgende Zustände:
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/button/images/button_primary.png 'class: image') 
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326883321/inspect) 
-*   [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326883322/inspect) 
-*   [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326883323/inspect) 
-*   [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326883324/inspect) 
+* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326883321/inspect) 
+* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326883322/inspect) 
+* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326883323/inspect) 
+* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326883324/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button)
@@ -40,10 +40,10 @@ Die Komponente hat folgende Zustände:
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/button/images/button_secondary.png 'class: image') 
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896021/inspect) 
-*   [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896022/inspect) 
-*   [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896023/inspect) 
-*   [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326896024/inspect) 
+* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896021/inspect) 
+* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896022/inspect) 
+* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896023/inspect) 
+* [Disabled](https://sbb.invisionapp.com/d/main#/console/15744722/326896024/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button)
@@ -52,9 +52,9 @@ Die Komponente hat folgende Zustände:
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/button/images/button_ghost.png 'class: image') 
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896025/inspect) 
-*   [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896026/inspect) 
-*   [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896027/inspect) 
+* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896025/inspect) 
+* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896026/inspect) 
+* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896027/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button)
@@ -63,9 +63,9 @@ Die Komponente hat folgende Zustände:
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/button/images/button_frameless.png 'class: image') 
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896028/inspect) 
-*   [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896029/inspect) 
-*   [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896030/inspect) 
+* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326896028/inspect) 
+* [Hover](https://sbb.invisionapp.com/d/main#/console/15744722/326896029/inspect) 
+* [On-Click](https://sbb.invisionapp.com/d/main#/console/15744722/326896030/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/button)

website/components/captcha/captcha-de.md

@@ -17,8 +17,8 @@ Die Komponente hat folgende Zustände:
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/captcha/images/captcha_default.png 'class: image') 
 
 #### Design Spezifikation
-*   [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327768739/inspect) 
-*   [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327768740/inspect) 
+* [Checked](https://sbb.invisionapp.com/d/main#/console/15744722/327768739/inspect) 
+* [Unchecked](https://sbb.invisionapp.com/d/main#/console/15744722/327768740/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/content/captcha)

website/components/fieldset/fieldset-de.md

@@ -14,7 +14,7 @@
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/fieldset/images/fieldset_default.png 'class: image') 
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328082546/inspect) 
+* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328082546/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)
@@ -23,7 +23,7 @@
 ![](https://raw.githubusercontent.com/sbb-design-systems/sbb-design-system/master/website/components/fieldset/images/fieldset_nested.png 'class: image') 
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328082547/inspect) 
+* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/328082547/inspect) 
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

website/components/table/table-de.md

@@ -1,23 +1,21 @@
 ## 1. Was macht die Komponente?
--   Strukturierte Darstellung von Daten.
+* Strukturierte Darstellung von Daten.
 
 ## 2. Wann soll die Komponente eingesetzt werden? 
--   Einsatz bei der Darstellung von Daten, nicht zur Strukturierung von
-    Content.
--   Tabellen sollen so aufgebaut werden, dass diese beim Hinzufügen von
-    Datensätzen in der Vertikalen (Zeilen) wächst.
+* Einsatz bei der Darstellung von Daten, nicht zur Strukturierung von Content.
+* Tabellen sollen so aufgebaut werden, dass diese beim Hinzufügen von Datensätzen in der Vertikalen (Zeilen) wächst.
 
 ## 3. Regeln 
--   Headertext kann mehrzeilig sein.
--   Inhaltszeilen werden alternierend mit weissem und grauem Hintergrund ausgezeichnet; die erste Inhaltszeile startet immer mit weissem Hintergrund.
--   Header- und Inhaltstexte können innerhalb der Tabellenzelle links-, rechtsbündig oder zentriert sein.
--   Legenden und Tabellenunterschriften werden direkt unter der Tabelle linksbündig aufgelistet.
--   In Tabellen sind keine Bilder zugelassen.
--   Leere Tabellenzellen werden mit einem Divis ausgefüllt.
--   Im Headertext sind keine Auszeichnungen oder Links erlaubt.
--   Jede Spalte hat zwingend einen Headertext (Barrierefreiheit).
--   Für Tablet und Mobile Ansichten gilt: Wenn die Tabelle breiter als der Viewport und die erste Spalte als Headerspalte definiert ist, wird die erste Spalte fixiert. Die restlichen Spalten können dann nach links geswiped werden.
--   Masseinheiten von Inhalten werden im Spalten- oder im Zeilenheader angezeigt.
+* Headertext kann mehrzeilig sein.
+* Inhaltszeilen werden alternierend mit weissem und grauem Hintergrund ausgezeichnet; die erste Inhaltszeile startet immer mit weissem Hintergrund.
+* Header- und Inhaltstexte können innerhalb der Tabellenzelle links-, rechtsbündig oder zentriert sein.
+* Legenden und Tabellenunterschriften werden direkt unter der Tabelle linksbündig aufgelistet.
+* In Tabellen sind keine Bilder zugelassen.
+* Leere Tabellenzellen werden mit einem Divis ausgefüllt.
+* Im Headertext sind keine Auszeichnungen oder Links erlaubt.
+* Jede Spalte hat zwingend einen Headertext (Barrierefreiheit).
+* Für Tablet und Mobile Ansichten gilt: Wenn die Tabelle breiter als der Viewport und die erste Spalte als Headerspalte definiert ist, wird die erste Spalte fixiert. Die restlichen Spalten können dann nach links geswiped werden.
+* Masseinheiten von Inhalten werden im Spalten- oder im Zeilenheader angezeigt.
 
 ## 4. Ausprägungen 
 ### 4.1 Einfach

website/index-de.md

@@ -5,10 +5,10 @@ Dies sorgt für eine kohärente und konsistente Ordnung des User Interfaces inne
 
 ## Ziele
 ### Vereinheitlichung von User Interfaces
-- Hält die Lernkurve für User Interfaces flach
-- Gibt dem User Sicherheit und Vertrauen bei der Bedienung von bekannten Patterns.
-- Gemeinsames Verständnis der SBB Design-Sprache
+* Hält die Lernkurve für User Interfaces flach
+* Gibt dem User Sicherheit und Vertrauen bei der Bedienung von bekannten Patterns.
+* Gemeinsames Verständnis der SBB Design-Sprache
 ### Geschwindigkeit und Kostenersparnis
-- Effizienteres Prototyping durch Dokumentation und Sketch Library
-- Verminderung von Redundanzen in der Entwicklung
-- Einfachere Qualitätssicherung durch abgenommene Elemente, Module, Seitentypen
+* Effizienteres Prototyping durch Dokumentation und Sketch Library
+* Verminderung von Redundanzen in der Entwicklung
+* Einfachere Qualitätssicherung durch abgenommene Elemente, Module, Seitentypen

website/layout/form/form-de.md

@@ -1,33 +1,33 @@
 ## 1. Was macht das Modul?
--   Eingaben des Benutzers sammeln, validieren und absenden.
+* Eingaben des Benutzers sammeln, validieren und absenden.
 
 ## 2. Wann soll das Modul eingesetzt werden?
--   Wenn man Daten des Benutzers braucht, dann ist es ein Formular.
+* Wenn man Daten des Benutzers braucht, dann ist es ein Formular.
 
 ## 3. Regeln 
--   Formularlayout
-    -   Hat das Formular eine eigene Seite hat es immer einen [Titel](WE07---Titel_30823681.html) und optional einen [Leadtext](WE06---Text_30823614.html).
-    -   Einzelne Formularelemente können zu Abschnitten zusammengefügt werden. Diese Abschnitte sind mit einer horizontalen Linie voneinander getrennt.
-    -   Ein Abschnitt hat immer einen [Titel](WE07---Titel_30823681.html).
--   Absenden des Formulars
-    -   Nach dem Versand erscheint eine Bestätigung der Übermittlung.
--   Feldvalidierung
-    -   Die Feldvalidierung passiert beim Verlassen eines einzelnen Feldes.
-    -   Fehlerhafte Felder werden direkt rot markiert (roter Rahmen und Fehlerhinweis).
--   Formvalidierung
-    -   Wird durchgeführt, wenn das Formular über den «Submit» Button versendet wird.
-    -   Fehler in der Formvalidierung werden mit einer [Notification](WM09---Notification_30827564.html) angezeigt (bei Fehlern aus der Feldvalidierung wird die [Notification](WM09---Notification_30827564.html) mit Sprungmarke eingesetzt).
--   Inaktive Felder
-    -   Formularfelder sind als disabled darzustellen, wenn sie noch abhängig von einer anderen Auswahl sind. Können Felder nie enabled werden (z.B. aufgrund der Berechtigung eines Benutzers), so soll das Feld als Label angezeigt werden.
-    -   Der «Submit» Button ist immer aktiv.
--   Optionale Eingaben im Formular werden bei der Feldbezeichnung mit «(optional)» ergänzt.
+* Formularlayout
+    * Hat das Formular eine eigene Seite hat es immer einen [Titel](WE07---Titel_30823681.html) und optional einen [Leadtext](WE06---Text_30823614.html).
+    * Einzelne Formularelemente können zu Abschnitten zusammengefügt werden. Diese Abschnitte sind mit einer horizontalen Linie voneinander getrennt.
+    * Ein Abschnitt hat immer einen [Titel](WE07---Titel_30823681.html).
+* Absenden des Formulars
+    * Nach dem Versand erscheint eine Bestätigung der Übermittlung.
+* Feldvalidierung
+    * Die Feldvalidierung passiert beim Verlassen eines einzelnen Feldes.
+    * Fehlerhafte Felder werden direkt rot markiert (roter Rahmen und Fehlerhinweis).
+* Formvalidierung
+    * Wird durchgeführt, wenn das Formular über den «Submit» Button versendet wird.
+    * Fehler in der Formvalidierung werden mit einer [Notification](WM09---Notification_30827564.html) angezeigt (bei Fehlern aus der Feldvalidierung wird die [Notification](WM09---Notification_30827564.html) mit Sprungmarke eingesetzt).
+* Inaktive Felder
+    * Formularfelder sind als disabled darzustellen, wenn sie noch abhängig von einer anderen Auswahl sind. Können Felder nie enabled werden (z.B. aufgrund der Berechtigung eines Benutzers), so soll das Feld als Label angezeigt werden.
+    * Der «Submit» Button ist immer aktiv.
+* Optionale Eingaben im Formular werden bei der Feldbezeichnung mit «(optional)» ergänzt.
 
 ## 4. Ausprägungen und Zustände
 Das Modul hat folgende Zustände:
--   Valid
--   Invalid
+* Valid
+* Invalid
 
 ### 4.1 Floating Layout (ein Feld nach dem anderen mit Umbruch)
--   Die Formularfelder werden aneinander gereiht, mit allfälligem Zeilenumbruch.
+* Die Formularfelder werden aneinander gereiht, mit allfälligem Zeilenumbruch.
 
 ### 4.2 Zweispaltiges Layout