docs(launchpad): update images to latest design

docs/components/layout-navigation/launchpad.md

@@ -1,6 +1,6 @@
 # Launchpad
 
-The launchpad provides a way for the user to easily navigate between applications.
+The **launchpad** provides a way for the user to easily navigate between applications.
 
 ## Usage ---
 
@@ -21,25 +21,23 @@ The launchpad provides a way for the user to easily navigate between application
 
 ### Elements
 
-A launchpad consists of the following elements:
-
 ![Launchpad](images/launchpad-usage-construction.png)
 
-> (1) Title, (2) Sub-title [optional], (3) App with icon, (4) App with logo, (5) Close, (6) App name, (7) System name [optional]
+> 1. Title, 2. App with icon, 3. App with logo, 4. App name, 5. System name (optional), 6. Close
 
 The app is represented by the app logo or alternatively by an icon.
 
 ### States
 
 ![Launchpad](images/launchpad-usage-states.png)
 
-> (1) Current app, (2) Hover state, (3) Focused, (4) Disabled
+> 1. Current app, 2. Hover state, 3. Focused
 
 ### Categories (optional)
 
 ![Launchpad categories](images/launchpad-usage-categories.png)
 
-> (1) Category title
+> 1. Category title
 
 If there is a large number of applications it is possible to organize and group them for a better overview.
 Apps should be grouped in a logical and meaningful way.
@@ -52,7 +50,7 @@ For a better overview, the concept of **favorites** allows the user to only show
 
 ![Launchpad favorites expanded](images/launchpad-usage-favorites-expanded.png)
 
-> (1) Title, (2) Expand/Collapse-toggle, (3) Favorite app, (4) Standard app
+> 1. Title, 2. Expand/Collapse-toggle, 3. Favorite app, 4. Standard app
 
 In the expanded view, the user can click on the **star**-icon to mark the app as a favorite one.
 The app will then be part of the favorite apps category.
@@ -62,16 +60,19 @@ Both concepts of **Categories** and **Favorites** can be mixed if necessary.
 
 ### Launch of external app (optional)
 
-![Launchpad External App](images/launchpad-usage-external-app.png)
+![Launchpad external app](images/launchpad-usage-external-app.png)
 
-> (1) Launch of external app
+> 1. Launch of external app
 
 External apps must be indicated with an additional `element-export` icon and opened in a new browser-tab.
 The origin tab remains open to allow a fast and easy return to the previous app.
 
 ### Responsive behavior
 
 By decreasing the viewport size the apps within the launchpad will be stacked.
+For screen sizes <768px (sm and xs), the layout switches to a vertical list.
+
+![Launchpad responsive](images/launchpad-responsive.png)
 
 ## Code ---