From 5fced283d80806e7f2b18cc4cfb976594131fabd Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Thu, 12 Jan 2023 08:55:52 +0100
Subject: [PATCH 1/3] feat: added correct legal info

Added imprint and data protection principles to sidebar
---
 .storybook/preview.js                             | 15 ++++++++-------
 .../src/legal/datenschutzerklaerung.stories.tsx   | 14 ++++++++++++++
 .../src/legal/imprint.stories.tsx                 | 14 ++++++++++++++
 3 files changed, 36 insertions(+), 7 deletions(-)
 create mode 100644 packages/db-ui-elements-stencil/src/legal/datenschutzerklaerung.stories.tsx
 create mode 100644 packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx

diff --git a/.storybook/preview.js b/.storybook/preview.js
index 79969998e..ecfbe0f50 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -19,13 +19,14 @@ export const parameters = {
       order: [
         '00-Intro',
         ['Welcome', 'Getting Started', 'Frameworks', 'Showcases'],
-        '01-Layout',
-        '02-Navigation',
-        '03-Action',
-        '04-Data-Display',
-        '05-Data-Input',
-        '06-Feedback',
-        '07-Utility',
+        '02-Layout',
+        '03-Navigation',
+        '04-Action',
+        '05-Data-Display',
+        '06-Data-Input',
+        '07-Feedback',
+        '08-Utility',
+        '20-Legal',
         '99-Development'
       ]
     }
diff --git a/packages/db-ui-elements-stencil/src/legal/datenschutzerklaerung.stories.tsx b/packages/db-ui-elements-stencil/src/legal/datenschutzerklaerung.stories.tsx
new file mode 100644
index 000000000..ff5c34b3d
--- /dev/null
+++ b/packages/db-ui-elements-stencil/src/legal/datenschutzerklaerung.stories.tsx
@@ -0,0 +1,14 @@
+import '../stories/showcase/showcase.css';
+
+export default {
+  title: '20-Legal/Datenschutzerklaerung',
+  parameters: {
+    layout: 'fullscreen'
+  }
+};
+
+export const datenschutzerklaerung = () => {
+  return `<div class="iframe-container">
+      <iframe src="https://db-ui.github.io/datenschutzerklaerung.html" height="100%" width="100%" />
+    </div>`;
+};
diff --git a/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx b/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx
new file mode 100644
index 000000000..f0d96f578
--- /dev/null
+++ b/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx
@@ -0,0 +1,14 @@
+import '../stories/showcase/showcase.css';
+
+export default {
+  title: '20-Legal/Imprint',
+  parameters: {
+    layout: 'fullscreen'
+  }
+};
+
+export const imprint = () => {
+  return `<script type="text/javascript">
+    top.location.href = 'https://www.dbsystel.de/dbsystel-en/legal-3715942';
+</script>`;
+};

From 8f043869b3365409d6ee7ee2882cd6da6faf2339 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com>
Date: Thu, 12 Jan 2023 12:09:05 +0100
Subject: [PATCH 2/3] Update README.md

---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 3f2574992..2e2b58ca3 100644
--- a/README.md
+++ b/README.md
@@ -77,6 +77,10 @@ This especially relates to (but doesn't exclude further Deutsche Bahn brand asse
 
 Contributions are very welcome, please refer to the [contribution guide](CONTRIBUTING.md).
 
+## Third party acknowledgments – many kudos for that !!!
+
+- [open privacy by opr.vc](https://opr.vc)
+
 ## Code of conduct
 
 We as members, contributors, and leaders pledge to make participation in our

From 963c6f72568ea6a8c450c6599a3dfb14b21cbb85 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com>
Date: Mon, 16 Jan 2023 08:26:12 +0100
Subject: [PATCH 3/3] Update imprint.stories.tsx

---
 packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx b/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx
index f0d96f578..70f1d2e77 100644
--- a/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx
+++ b/packages/db-ui-elements-stencil/src/legal/imprint.stories.tsx
@@ -8,7 +8,7 @@ export default {
 };
 
 export const imprint = () => {
-  return `<script type="text/javascript">
+  return `<a href="https://www.dbsystel.de/dbsystel-en/legal-3715942" target="_blank" rel="noopener noreferrer">Imprint</a><script type="text/javascript">
     top.location.href = 'https://www.dbsystel.de/dbsystel-en/legal-3715942';
 </script>`;
 };