docs: change links to design-specification (#44)

* docs: change links to design specification

Change links to design specification for all patterns

Co-authored-by: Franco Ehrat <[email protected]>
Co-authored-by: Eljesa Rexhepi <[email protected]>

Author: Frenggi

documentation/backlog/badge/badge-de.md

@@ -19,4 +19,4 @@ Die Komponente hat folgende Zustände:
 ![Darstellung der Komponente Mengenindikators](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/components/badge/images/Badge_Default.png 'class: image')
 
 #### Design Spezifikation
-* [Visible](https://sbb.invisionapp.com/d/main#/console/17140415/365541438/inspect)
+* [Visible](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/nKQDxd#Inspector)

documentation/backlog/badge/badge-en.md

@@ -18,4 +18,4 @@ The component has the following statuses:
 ![Image of the quantity indicator component](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/components/quantity-indicator/images/quantity_indicator_default.png 'class: image')
 
 #### Design specification
-* [Visible](https://sbb.invisionapp.com/d/main#/console/17140415/365541438/inspect)
+* [Visible](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/nKQDxd#Inspector)

documentation/basics/brand/brand-de.md

@@ -14,4 +14,4 @@
 ![Darstellung des SBB Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/brand/images/logo_default.png 'class: image')
 
 #### Design Spezifikation
-[Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318787/inspect)
+[Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/9dlWKn#Inspector)

documentation/basics/brand/brand-en.md

@@ -14,4 +14,4 @@
 ![Image of the SBB logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/brand/images/logo_default.png 'class: image')
 
 #### Design specification
-[Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318787/inspect)
+[Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/9dlWKn#Inspector)

documentation/basics/divider/divider-de.md

@@ -15,22 +15,22 @@
 ![Darstellung des Dividers Thin](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_thin.png 'class: image')
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318783/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/qLbV7k#Inspector)
 
 ### 4.2 Small 
 ![Darstellung des Dividers Small](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_small.png 'class: image')
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318784/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/Lp4nMd#Inspector)
 
 ### 4.3 Medium
 ![Darstellung des Dividers Medium](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_medium.png 'class: image')
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318785/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/7P1aE8#Inspector)
 
 ### 4.4 Big
 ![Darstellung des Dividers Big](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_big.png 'class: image')
 
 #### Design Spezifikation
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318786/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/yZ9Q0A#Inspector)

documentation/basics/divider/divider-en.md

@@ -15,22 +15,22 @@
 ![Image of the thin divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_thin.png 'class: image')
 
 #### Design specification
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318783/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/qLbV7k#Inspector)
 
 ### 4.2 Small 
 ![Image of the small divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_small.png 'class: image')
 
 #### Design specification
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318784/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/Lp4nMd#Inspector)
 
 ### 4.3 Medium
 ![Image of the medium divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_medium.png 'class: image')
 
 #### Design specification
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318785/inspect)
+*   [Default]https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/7P1aE8#Inspector)
 
 ### 4.4 Big
 ![Image of the big divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/divider/images/divider_big.png 'class: image')
 
 #### Design specification
-*   [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355318786/inspect)
+*   [Default](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/yZ9Q0A#Inspector)

documentation/basics/typography/typography-de.md

@@ -17,35 +17,35 @@ Die hier definierten Schriftstile bilden die Basis von Webapplikationen und dere
 ![Darstellung des H1-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h1.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264566/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/lVLdvo#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.2 Überschrift H2
 ![Darstellung des H2-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h2.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264567/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/kpqxJO#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.3 Überschrift H3
 ![Darstellung des H3-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h3.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264568/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/ow9eGn#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.4 Überschrift H4
 ![Darstellung des H4-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_H4.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264569/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/RLj50Q#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.5 Fliesstext (Copy)
 ![Darstellung des Fliesstext-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264570/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/1wdaka#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.6 Link
@@ -54,7 +54,7 @@ Die hier definierten Schriftstile bilden die Basis von Webapplikationen und dere
 * Zusätzliche Ausführungen von Links sind unter [Link](https://digital.sbb.ch/de/webapps/components/link) zu finden. 
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264571/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/pqPOkr#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.7 Tabellenheader
@@ -66,9 +66,9 @@ Dieser Stil hat die folgende Zustände:
 ![Darstellung des Stils einer Tabellenüberschrift](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_header.png 'class: image')
 
 #### Design Spezifikation
-* [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355320826/inspect)
-* [Hover](https://sbb.invisionapp.com/d/main#/console/17140415/411452247/inspect)
-* [Sorted](https://sbb.invisionapp.com/d/main#/console/17140415/411452248/inspect)
+* [Default](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/VPJjLr#Inspector)
+* [Hover](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/Yze49Z#Inspector)
+* [Sorted](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/K17VlA#Inspector)
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
@@ -77,19 +77,19 @@ Dieser Stil hat die folgende Zustände:
 ![Darstellung des Stils eines Tabellenuntertitel](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Subtitle.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264572/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/wdZKEA#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.9 Zeilentitel
 ![Darstellung des Stils einer Tabellenüberschrift](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Rowtitle.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264573/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/qLgDoV#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.10 Tabellendaten
 ![Darstellung des Stils von Tabelleninhalten](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')
 
 #### Spezifikation
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/355320827/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/LpyKkl#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

documentation/basics/typography/typography-en.md

@@ -17,35 +17,35 @@ The font styles defined here form the basis of web applications and their compon
 ![Image of the heading H1 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h1.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264566/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/lVLdvo#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.2 Heading H2
 ![Image of the heading H2 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h2.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264567/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/kpqxJO#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.3 Heading H3
 ![Image of the heading H3 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h3.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264568/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/ow9eGn#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.4 Heading H4
 ![Image of the heading H4 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_H4.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264569/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/RLj50Q#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.5 Body copy
 ![Image of the body copy font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264570/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/1wdaka#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.6 Link
@@ -54,7 +54,7 @@ The font styles defined here form the basis of web applications and their compon
 * Further information about links can be found at [Link](https://digital.sbb.ch/en/webapps/components/link). 
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264571/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/pqPOkr#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.7 Table header
@@ -66,9 +66,9 @@ This style has the following statuses:
 ![Image of the table header font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_header.png 'class: image')
 
 #### design specification
-* [Default](https://sbb.invisionapp.com/d/main#/console/17140415/355320826/inspect)
-* [Hover](https://sbb.invisionapp.com/d/main#/console/17140415/411452247/inspect)
-* [Sorted](https://sbb.invisionapp.com/d/main#/console/17140415/411452248/inspect)
+* [Default](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/VPJjLr#Inspector)
+* [Hover](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/Yze49Z#Inspector)
+* [Sorted](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/K17VlA#Inspector)
 
 #### code specification
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
@@ -77,19 +77,19 @@ This style has the following statuses:
 ![Image of the table header font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Subtitle.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264572/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/wdZKEA#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.9 Table rowtitle
 ![Image of the table header font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Rowtitle.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264573/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/qLgDoV#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
 
 ### 2.10 Table data
 ![Image of the table data font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')
 
 #### specification
-* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/355320827/inspect)
+* [Design](https://www.sketch.com/s/271524a1-2f86-4c84-9491-671e5ccd927f/a/LpyKkl#Inspector)
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

documentation/components/accordion/accordion-de.md

@@ -28,8 +28,8 @@ Die Komponente hat die folgende Zustände:
 ![Darstellung der Komponente Accordion](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/components/accordion/images/accordion_default.png 'class: image')
 
 #### Design Spezifikation
-*   [Collapsed](https://sbb.invisionapp.com/d/main#/console/17140415/355318374/inspect)
-*   [Expanded](https://sbb.invisionapp.com/d/main#/console/17140415/355318375/inspect)
+*   [Collapsed](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/Pw1oAQ#Inspector)
+*   [Expanded](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/gk1ZJz#Inspector)
 
 #### Code Spezifikation
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/components/accordion)

documentation/components/accordion/accordion-en.md

@@ -28,8 +28,8 @@ The component has the following statuses:
 ![Image of the accordion component](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/components/accordion/images/accordion_default.png 'class: image')
 
 #### Design specification
-*   [Collapsed](https://sbb.invisionapp.com/d/main#/console/17140415/355318374/inspect)
-*   [Expanded](https://sbb.invisionapp.com/d/main#/console/17140415/355318375/inspect)
+*   [Collapsed](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/Pw1oAQ#Inspector)
+*   [Expanded](https://www.sketch.com/s/58b25e4c-bf9c-4f74-973f-503538fcbea2/a/gk1ZJz#Inspector)
 
 #### Code specification
 * [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/components/accordion)