diff --git a/package.json b/package.json
index 6a467f23a8532ed4e0b6362c3af544fa379bfb90..1bb3cb4349c7798b7cc0720ec88913dae5c71f77 100755
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
"@vuepress/plugin-last-updated": "^1.8.2",
"@vuepress/plugin-medium-zoom": "^1.8.2",
"@vuepress/plugin-pwa": "^1.8.2",
+ "lottie-vuejs": "^0.4.0",
"vuepress-plugin-smooth-scroll": "^0.0.10"
},
"devDependencies": {
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index c3fa9157819865b21b83bcdcb4f68348e2a339e8..e7a38474969dabfc83dfec8e4e5c4c294fe53366 100755
--- a/src/.vuepress/config.js
+++ b/src/.vuepress/config.js
@@ -15,8 +15,8 @@ module.exports = {
* ref：https://v1.vuepress.vuejs.org/config/#head
*/
head: [
- ['link', { rel: 'icon', href: '/logo.png' }],
- ['link', { rel: 'manifest', href: '/manifest.json' }],
+ ['link', { rel: 'icon', href: '/img/logo.png' }],
+ ['link', { rel: 'manifest', href: '/manifest.json', crossOrigin: 'use-credentials' }],
['meta', { name: 'theme-color', content: '#3A78B8' }],
['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
@@ -138,9 +138,36 @@ module.exports = {
smoothScroll: true,
navbar: false,
displayAllHeaders: false,
- sidebar: {
- '/components/': ['', 'links', 'buttons', 'text-styles'],
- },
- sidebarDepth: 2,
+ sidebar: [
+ {
+ title: 'Komponenten',
+ collapsable: false,
+ children: [
+ {
+ title: 'Einstieg',
+ path: '/components/',
+ },
+ 'components/links',
+ 'components/buttons',
+ 'components/text-styles',
+ ],
+ },
+ {
+ title: 'Projekte',
+ collapsable: false,
+ children: [
+ {
+ title: 'ITVSH Komponenten',
+ collapsable: false,
+ children: ['projects/itvsh/'],
+ },
+ {
+ title: 'SH Hüttenerberge',
+ collapsable: false,
+ children: ['projects/itvsh/'],
+ },
+ ],
+ },
+ ],
},
};
diff --git a/src/.vuepress/enhanceApp.js b/src/.vuepress/enhanceApp.js
index d1d635b2080459347254b119ca8c21b88c84bfea..5390b02723dfa0c2caa4c6e3c037658406267ac3 100755
--- a/src/.vuepress/enhanceApp.js
+++ b/src/.vuepress/enhanceApp.js
@@ -4,11 +4,13 @@
* https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements
*/
import './theme/styles/sass/screen.scss';
+
export default ({
- Vue, // the version of Vue being used in the VuePress app
- options, // the options for the root Vue instance
- router, // the router instance for the app
- siteData // site metadata
+ Vue, // the version of Vue being used in the VuePress app
+ options, // the options for the root Vue instance
+ router, // the router instance for the app
+ siteData, // site metadata
}) => {
- Vue.use(require('vue-moment'));
-}
+ Vue.use(require('vue-moment'));
+ Vue.use('LottieAnimation');
+};
diff --git a/src/.vuepress/public/img/dev-icon.svg b/src/.vuepress/public/img/dev-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c1fcdef26a0429885cfd03ebb442a0b601b49d56
--- /dev/null
+++ b/src/.vuepress/public/img/dev-icon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="57" height="63" viewBox="0 0 57 63">
+ <g fill="none" fill-rule="evenodd">
+ <path fill="#008CCF" d="M34.0156 62.3633H2.8346c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h31.181c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#003064" d="M42.5195 51.0244h-19.842c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h19.842c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#1EAE9C" d="M14.1738 51.0244H2.8348c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h11.339c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#D62F87" d="M48.1895 39.6856h-5.67c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h5.67c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#008CCF" d="M34.0156 39.6856H2.8346c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h31.181c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#7A6FAC" d="M25.5117 28.3477H2.8347c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h22.677c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#3A78B8" d="M53.8584 17.0088h-14.173c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h14.173c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#1EAE9C" d="M31.1816 17.0088h-5.67c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h5.67c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#008CCF" d="M17.0078 17.0088H2.8348c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h14.173c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ <path fill="#1EAE9C" d="M34.0156 5.6699H2.8346c-1.565 0-2.835-1.27-2.835-2.835s1.27-2.835 2.835-2.835h31.181c1.565 0 2.835 1.27 2.835 2.835s-1.27 2.835-2.835 2.835"/>
+ </g>
+</svg>
diff --git a/src/.vuepress/public/img/development.json b/src/.vuepress/public/img/development.json
new file mode 100755
index 0000000000000000000000000000000000000000..cb018b370d5d30cfffaf1fb08566fdf688fb0115
--- /dev/null
+++ b/src/.vuepress/public/img/development.json
@@ -0,0 +1 @@
+{"v":"5.7.4","fr":30,"ip":0,"op":180,"w":1080,"h":1080,"nm":"Development-code","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[540,711,0],"to":[0,-3.173,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":1,"s":[540,539.951,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[540,539.951,0],"to":[0,0,0],"ti":[0,28.575,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":31,"s":[540,368.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[540,368.5,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":61,"s":[540,196.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":87,"s":[540,196.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[540,196.5,0],"to":[0,-28.583,0],"ti":[0,28.583,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":91,"s":[540,25,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[540,25,0],"to":[0,-28.5,0],"ti":[0,28.5,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":121,"s":[540,-146,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":150,"s":[540,-146,0],"to":[0,-28.167,0],"ti":[0,28.167,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":151,"s":[540,-315,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":180,"s":[540,-315,0],"to":[0,171,0],"ti":[0,-171,0]},{"t":181,"s":[540,711,0]}],"ix":2,"l":2},"a":{"a":0,"k":[50,221,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Zeile 1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,3.085],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Zeile 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.172,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[28.597,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[47.022,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- C","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Zeile 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[11.339,2.835],[-11.338,2.835],[-14.173,0],[-11.338,-2.835],[11.339,-2.835],[14.173,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.477999997606,0.435000011968,0.675,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[14.424,25.763],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Zeile 4","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.838999968884,0.184000007779,0.528999956916,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[45.605,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Zeile 5","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[5.67,2.835],[-5.67,2.835],[-8.504,0],[-5.67,-2.835],[5.67,-2.835],[8.504,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[8.755,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[9.921,2.835],[-9.921,2.835],[-12.756,0],[-9.921,-2.835],[9.921,-2.835],[12.756,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[32.849,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Zeile 6","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true},"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,59.778],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 6","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":3,"nm":"Null 2","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":0,"s":[540,1398,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[540,1398,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":31,"s":[540,1226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[540,1226,0],"to":[0,-28.5,0],"ti":[0,28.5,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":61,"s":[540,1055,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[540,1055,0],"to":[0,-28.5,0],"ti":[0,28.5,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":91,"s":[540,884,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[540,884,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":121,"s":[540,712,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":150,"s":[540,712,0],"to":[0,-28.667,0],"ti":[0,28.667,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":151,"s":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":180,"s":[540,540,0],"to":[0,0,0],"ti":[0,0,0]},{"t":181,"s":[540,540,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Zeile 12","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":5,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-15.554,2.843],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[-15.554,-2.827],[-12.719,0.008]],"c":true}]},{"t":25,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,3.085],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[6]},{"t":11,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Zeile 13","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":35,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-7.043,2.843],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[-7.043,-2.827],[-4.208,0.008]],"c":true}]},{"t":42,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.172,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100.045,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[0]},{"t":39,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- A ","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":42,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-2.647,2.843],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[-2.647,-2.827],[0.188,0.008]],"c":true}]},{"t":48,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[28.597,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":42,"s":[0]},{"t":44,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":48,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-7.049,2.843],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[-7.049,-2.827],[-4.214,0.008]],"c":true}]},{"t":56,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[7.087,2.835],[-7.086,2.835],[-9.922,0],[-7.086,-2.835],[7.087,-2.835],[9.922,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.226999993418,0.470999983245,0.722000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[47.022,14.424],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":48,"s":[0]},{"t":51,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 2- C","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":30,"op":180,"st":30,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"Zeile 14","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":66,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-11.351,2.843],[-11.338,2.835],[-14.173,0],[-11.338,-2.835],[-11.351,-2.827],[-8.516,0.008]],"c":true}]},{"t":86,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[11.339,2.835],[-11.338,2.835],[-14.173,0],[-11.338,-2.835],[11.339,-2.835],[14.173,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.477999997606,0.435000011968,0.675,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[14.424,25.763],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":61,"s":[0]},{"t":72,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":61,"op":180,"st":61,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"Zeile 15","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":96,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-15.554,2.843],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[-15.554,-2.827],[-12.719,0.008]],"c":true}]},{"t":110,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":91,"s":[0]},{"t":102,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":110,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-2.647,2.843],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[-2.647,-2.827],[0.188,0.008]],"c":true}]},{"t":116,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[2.835,2.835],[-2.835,2.835],[-5.67,0],[-2.835,-2.835],[2.835,-2.835],[5.67,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.838999968884,0.184000007779,0.528999956916,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[45.605,37.101],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":109,"s":[0]},{"t":112,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 4- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":91,"op":180,"st":91,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Zeile 16","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":126,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-5.725,2.843],[-5.67,2.835],[-8.504,0],[-5.67,-2.835],[-5.725,-2.827],[-2.89,0.008]],"c":true}]},{"t":133,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[5.67,2.835],[-5.67,2.835],[-8.504,0],[-5.67,-2.835],[5.67,-2.835],[8.504,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.681999954523,0.611999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[8.755,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"t":130,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- A","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":133,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-9.895,2.843],[-9.921,2.835],[-12.756,0],[-9.921,-2.835],[-9.895,-2.827],[-7.06,0.008]],"c":true}]},{"t":146,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[9.921,2.835],[-9.921,2.835],[-12.756,0],[-9.921,-2.835],[9.921,-2.835],[12.756,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[32.849,48.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":132,"s":[0]},{"t":135,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 5- B","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":121,"op":180,"st":121,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"Zeile 17","parent":8,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":152,"s":[0]},{"t":163,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0,0],"ix":2,"l":2},"a":{"a":0,"k":[29,31.5,0],"ix":1,"l":2},"s":{"a":0,"k":[1513.916,1513.916,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":157,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[-15.62,2.843],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[-15.62,-2.827],[-12.785,0.008]],"c":true}]},{"t":177,"s":[{"i":[[1.565,0],[0,0],[0,1.565],[-1.565,0],[0,0],[0,-1.565]],"o":[[0,0],[-1.565,0],[0,-1.565],[0,0],[1.565,0],[0,1.565]],"v":[[15.591,2.835],[-15.59,2.835],[-18.426,0],[-15.59,-2.835],[15.591,-2.835],[18.426,0]],"c":true}]}],"ix":2},"nm":"Pfad 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.54900004069,0.811999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fläche 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[18.675,59.778],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Zeile 6","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":152,"op":180,"st":152,"bm":0}],"markers":[{"tm":150,"cm":"1","dr":0}]}
\ No newline at end of file
diff --git a/src/.vuepress/public/manifest.json b/src/.vuepress/public/manifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..6d0c20d1be746ba07a574531a7a4f88132de6fc3
--- /dev/null
+++ b/src/.vuepress/public/manifest.json
@@ -0,0 +1,17 @@
+{
+ "name": "ITVSH - Design System",
+ "short_name": "DS",
+ "lang": "de-DE",
+ "start_url": "/",
+ "display": "standalone",
+ "theme_color": "#003064",
+ "icons": [
+ {
+ "src": "/icons/android-chrome-192x192.png"
+ },
+ {
+ "src": "/icons/android-chrome-512x512.png",
+ "sizes": "512x512"
+ }
+ ]
+}
diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue
index ab988a76eaebd0420077973992c7338a498da1ab..4b4366eaa01f440dcbb43c5583572e4990780afb 100644
--- a/src/.vuepress/theme/components/Home.vue
+++ b/src/.vuepress/theme/components/Home.vue
@@ -1,41 +1,63 @@
<template>
+
<section class="home" :aria-labelledby="data.heroText !== null ? 'main-title' : null">
- <header class="hero">
- <h1 v-if="data.heroText !== null" id="main-title" class="Base-h1">
- {{ data.heroText || $title || 'Hello' }}
- </h1>
-
- <p v-if="data.tagline !== null" class="Base-p description">
- {{ data.tagline || $description || 'Welcome to your VuePress site' }}
- </p>
-
- <p v-if="data.actionText && data.actionLink" class="Base-p action">
- <NavLink class="action-button Base-button" :item="actionLink"/>
- </p>
- </header>
-
- <div v-if="data.features && data.features.length" class="GridCol3Even-row u-row">
- <div v-for="(feature, index) in data.features" :key="index" class="GridCol3Even-col u-col">
- <h2>{{ feature.title }}</h2>
- <p>{{ feature.details }}</p>
+ <div class="u-background--gradient-itvsh-10 u-paddingTop--r4 u-paddingBottom--r4">
+ <div class="u-container">
+ <section class="u-limitWidth-12 u-align-center">
+ <div class="GridCol1Main-row u-row">
+ <div class="GridCol1Main-col u-col u-stack--2">
+ <lottie-animation class="u-align-center" :path="$withBase('./img/development.json')" :speed="0.8" :width="256"/>
+ </div>
+ </div>
+ </section>
</div>
</div>
+ <div class="u-background--white u-paddingTop--r4 u-paddingBottom--r4">
+ <div class="u-container">
+ <section class="u-limitWidth-6 u-align-center">
+ <div class="GridCol1Main-row u-row">
+ <div class="GridCol1Main-col u-col u-stack--2">
+ <h1 v-if="data.heroText !== null" id="main-title" class="Base-h1">
+ {{ data.heroText || $title }}
+ </h1>
- <Slot class="theme-content"/>
+ <p v-if="data.tagline !== null" class="Base-p description">
+ {{ data.tagline || $description }}
+ </p>
- <div v-if="data.footer" class="footer">
- {{ data.footer }}
+ <p v-if="data.actionText && data.actionLink" class="Base-p">
+ <a :href="data.actionLink" class="Base-button Base-button--large"><span class="Base-button-icon"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 512 512" preserveAspectRatio="xMidYMin slice" class="u-scalingInlineSVG" style="padding-bottom: 100%;"><path d="M290.132 34l-34.06 34.06 163.722 163.72H0v48.175h419.794L256.072 443.677l34.06 34.06L512 255.868z"/></svg></span>{{data.actionText}}</a>
+ </p>
+ </div>
+ </div>
+ </section>
+ </div>
</div>
+ <div class="u-background--gradient-itvsh-10 u-paddingTop--r2 u-paddingBottom--r2 u-marginBottom--r4">
+ <div class="u-container">
+ <section class="u-limitWidth-12 u-align-center">
+ <div v-if="data.features && data.features.length" class="GridCol3Even-row u-row">
+ <div v-for="(feature, index) in data.features" :key="index" class="GridCol3Even-col u-col">
+ <h2 class="Base-h2 u-marginBottom--r1">{{ feature.title }}</h2>
+ <p class="Base-p u-marginBottom--r1">{{ feature.details }}</p>
+ <a class="Base-iconLink-page" :href="feature.link">{{feature.linkText}}</a>
+ </div>
+ </div>
+ </section>
+ </div>
+ </div>
+ <Slot class="theme-content"/>
</section>
</template>
<script>
import NavLink from '@parent-theme/components/NavLink.vue'
+import LottieAnimation from 'lottie-vuejs/src/LottieAnimation.vue';
export default {
name: 'Home',
- components: {NavLink},
+ components: {NavLink, LottieAnimation},
computed: {
data() {
diff --git a/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue
index e743ead22644a2df3df99b6d6c90ec7e3cade240..d13160be4e026ee45984465c832e258097d1b962 100644
--- a/src/.vuepress/theme/layouts/Layout.vue
+++ b/src/.vuepress/theme/layouts/Layout.vue
@@ -1,9 +1,9 @@
<template>
<div class="theme-container" :class="pageClasses" @touchstart="onTouchStart" @touchend="onTouchEnd">
- <div class="u-container">
+ <div class="SectionMain-default u-container" v-if="!$page.frontmatter.home">
<div class="u-limitWidth-12 u-align-center">
- <div class="GridCol2MainAside-row u-row" v-if="!$page.frontmatter.home">
+ <div class="GridCol2MainAside-row u-row">
<div class="GridCol2MainAside-col-aside u-col u-stack--2">
<SearchBox/>
<Sidebar :items="sidebarItems" @toggle-sidebar="toggleSidebar">
@@ -27,9 +27,9 @@
</Page>
</div>
</div>
- <Home v-if="$page.frontmatter.home" />
</div>
</div>
+ <Home v-if="$page.frontmatter.home" />
</div>
</template>
<script>
diff --git a/src/.vuepress/theme/styles/sass/abstracts/_constants.scss b/src/.vuepress/theme/styles/sass/abstracts/_constants.scss
index b989a32e9f3d3356edef0264c20a3f8aa2281448..cf28fdf77bba1302f46f96c8e127ae74e5ce9cad 100755
--- a/src/.vuepress/theme/styles/sass/abstracts/_constants.scss
+++ b/src/.vuepress/theme/styles/sass/abstracts/_constants.scss
@@ -46,6 +46,6 @@ $rfs-breakpoint: 1670;
$mobile-break: md;
-$header-height-mobile: 72px;
+$header-height-mobile: 70px;
$header-height-desktop: 100px;
$header-height-scroll: 114px;
diff --git a/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss b/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss
index 68f837d660684a565232c42754173707242820cf..3a5cb7dde71bee2b93b4e40e6f32b603590c35ee 100755
--- a/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss
+++ b/src/.vuepress/theme/styles/sass/layout/_SectionMain.scss
@@ -6,9 +6,12 @@
position: relative;
z-index: functions.z(constants.$z-main, main);
padding-top: constants.$header-height-mobile;
- margin-top: constants.$gutter-width*2;
@include mixins.respond-to(constants.$mobile-break) {
padding-top: constants.$header-height-desktop;
}
}
+
+.SectionMain-default {
+ margin-top: constants.$gutter-width*2;
+}
diff --git a/src/README.md b/src/README.md
index 3f13543304adaa38b74e705fe1be8c933f3b5f4a..c267843c42e5ecb73380a30bc4d5099c60fe7a0f 100755
--- a/src/README.md
+++ b/src/README.md
@@ -1,15 +1,20 @@
---
home: true
-heroText: Dokumentation Design System SH
-tagline: Dokumentation zum Design System des ITVSH
+heroText: Dokumentation zum Design System SH
+tagline: Die Developer-Platform für digitalen Produkte von Kommunen, Behörden und Institutionen.
actionText: Zu den Komponenten
actionLink: /components/
features:
-- title: Feature 1 Title
- details: Feature 1 Description
-- title: Feature 2 Title
- details: Feature 2 Description
-- title: Feature 3 Title
- details: Feature 3 Description
-footer: Made by Christopher Krawietz with ❤️
+- title: Digital Design System SH
+ details: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+ link: https://www.design-system.sh/
+ linkText: Digital Design System SH
+- title: Komponenten & Code-Snippets
+ details: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+ link: /components/
+ linkText: Kommunale Kompnenten
+- title: Weiterentwickeln
+ details: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+ link: https://www.design-system.sh/mitmachen
+ linkText: Mitmachen und Weiterentwickeln
---
diff --git a/src/components/README.md b/src/components/README.md
index cbad2a88884f85c0901d7d77041385d98156d177..bd98c83398336888cf4bbd7fde364af050db38cd 100644
--- a/src/components/README.md
+++ b/src/components/README.md
@@ -1,4 +1,5 @@
---
+sidebarDepth: 0
title: Komponenten
tagline: Dokumentation zum Design System des ITVSH
---
diff --git a/src/projects/README.md b/src/projects/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..a3f200d0db7cf565fa8214eb4b6847856e05be35
--- /dev/null
+++ b/src/projects/README.md
@@ -0,0 +1,7 @@
+---
+sidebarDepth: 0
+title: ITVSH Komponenten
+---
+# Test Projekt
+
+## Et multa caeno