refactor(docs): extracted styles and added title

by feedback from html-validate

Author: mfranzke

source/_patterns/00-base/colors/intro.hbs

@@ -2,7 +2,8 @@
 	<p>All colors can be found in:
 		<a href="https://db-ui.github.io/base/review/dbux-3/?p=colors-colors" target="_blank" referrerpolicy="no-referrer">DB-UI-Base</a>
 	</p>
-	<iframe src="https://db-ui.github.io/base/review/dbux-3/patterns/colors-colors/colors-colors.rendered.html" style="width: 100%; height: 500px"></iframe>
+
+	<iframe src="https://db-ui.github.io/base/review/dbux-3/patterns/colors-colors/colors-colors.rendered.html" title="DB UI Base colors documentation"></iframe>
 
 
 

source/_patterns/00-base/type/intro.hbs

@@ -2,6 +2,6 @@
 	<p>All fonts can be found in:
 		<a href="https://db-ui.github.io/base/review/dbux-3/?p=typography-examples" target="_blank" referrerpolicy="no-referrer">DB-UI-Base</a>
 	</p>
-	<iframe src="https://db-ui.github.io/base/review/dbux-3/patterns/typography-examples/typography-examples.rendered.html" style="width: 100%; height: 500px"></iframe>
+	<iframe src="https://db-ui.github.io/base/review/dbux-3/patterns/typography-examples/typography-examples.rendered.html" title="DB UI Base typography documentation"></iframe>
 
 </main>

source/css/enterprise/db-ui-core.demonstration.scss

@@ -27,3 +27,9 @@
 :root {
 	@extend %db-ui-functional;
 }
+
+iframe[src^="https://db-ui.github.io/base/"]
+{
+	width: 100%;
+	height: 500px;
+}