diff --git a/documentation/ci-documentation.svg b/documentation/ci-documentation.svg
new file mode 100644
index 0000000..070fb7e
--- /dev/null
+++ b/documentation/ci-documentation.svg
@@ -0,0 +1,251 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <rect
+       style="fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.294852"
+       id="rect1"
+       width="19.285164"
+       height="19.285164"
+       x="14.686879"
+       y="62.429424"
+       rx="10.629525"
+       ry="10.629525" />
+    <text
+       xml:space="preserve"
+       style="font-size:6.69773px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.379713"
+       x="38.516571"
+       y="70.720261"
+       id="text2"><tspan
+         id="tspan2"
+         style="fill:#1a1a1a;fill-opacity:1;stroke-width:0.379713"
+         x="38.516571"
+         y="70.720261">#22596c</tspan></text>
+    <rect
+       style="fill:#3c3c43;fill-opacity:1;stroke:#ececec;stroke-width:0.294852"
+       id="rect2"
+       width="19.285164"
+       height="19.285164"
+       x="14.686879"
+       y="35.225315"
+       rx="10.629525"
+       ry="10.629525" />
+    <text
+       xml:space="preserve"
+       style="font-size:6.69773px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.379713"
+       x="38.516571"
+       y="43.516155"
+       id="text3"><tspan
+         id="tspan3"
+         style="fill:#1a1a1a;fill-opacity:1;stroke-width:0.379713"
+         x="38.516571"
+         y="43.516155">#3c3c43</tspan></text>
+    <rect
+       style="fill:#3894b3;fill-opacity:1;stroke:#ececec;stroke-width:0.294852"
+       id="rect3"
+       width="19.285164"
+       height="19.285164"
+       x="14.686879"
+       y="88.559044"
+       rx="10.629525"
+       ry="10.629525" />
+    <text
+       xml:space="preserve"
+       style="font-size:6.69773px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.379713"
+       x="38.516571"
+       y="96.849861"
+       id="text4"><tspan
+         id="tspan4"
+         style="fill:#1a1a1a;fill-opacity:1;stroke-width:0.379713"
+         x="38.516571"
+         y="96.849861">#3894b3</tspan></text>
+    <rect
+       style="fill:#a5e3f7;fill-opacity:1;stroke:#ececec;stroke-width:0.294852"
+       id="rect4"
+       width="19.285164"
+       height="19.285164"
+       x="14.686879"
+       y="113.88779"
+       rx="10.629525"
+       ry="10.629525" />
+    <text
+       xml:space="preserve"
+       style="font-size:6.69773px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.379713"
+       x="38.516571"
+       y="122.17859"
+       id="text5"><tspan
+         id="tspan5"
+         style="fill:#1a1a1a;fill-opacity:1;stroke-width:0.379713"
+         x="38.516571"
+         y="122.17859">#a5e3f7</tspan></text>
+    <rect
+       style="fill:#d1d5dc;fill-opacity:1;stroke:#ececec;stroke-width:0.294852"
+       id="rect5"
+       width="19.285164"
+       height="19.285164"
+       x="14.686879"
+       y="139.21654"
+       rx="10.629525"
+       ry="10.629525" />
+    <text
+       xml:space="preserve"
+       style="font-size:6.69773px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.379713"
+       x="38.516571"
+       y="147.50735"
+       id="text6"><tspan
+         id="tspan6"
+         style="fill:#1a1a1a;fill-opacity:1;stroke-width:0.379713"
+         x="38.516571"
+         y="147.50735">#d1d5dc</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:10.1392px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.574823"
+       x="14.527371"
+       y="19.380665"
+       id="text7"><tspan
+         id="tspan7"
+         style="stroke-width:0.574823"
+         x="14.527371"
+         y="19.380665">IT4Change - Webseite</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:3.7447px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.212298"
+       x="40.189453"
+       y="75.134537"
+       id="text8"><tspan
+         id="tspan8"
+         style="stroke-width:0.212298"
+         x="40.189453"
+         y="75.134537">Verlauf in Hero-Section, Submit-Button</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:3.7447px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.212298"
+       x="40.189453"
+       y="154.36624"
+       id="text9"><tspan
+         id="tspan9"
+         style="stroke-width:0.212298"
+         x="40.189453"
+         y="154.36624">Border</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:3.7447px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.212298"
+       x="40.189453"
+       y="48.67738"
+       id="text10"><tspan
+         id="tspan10"
+         style="stroke-width:0.212298"
+         x="40.189453"
+         y="48.67738">Default Schriftfarbe</tspan></text>
+    <rect
+       style="fill:#fde047;fill-opacity:1;stroke:#ececec;stroke-width:0.294852"
+       id="rect10"
+       width="19.285164"
+       height="19.285164"
+       x="14.686879"
+       y="165.33192"
+       rx="10.629525"
+       ry="10.629525" />
+    <text
+       xml:space="preserve"
+       style="font-size:6.69773px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.379713"
+       x="38.516571"
+       y="173.62274"
+       id="text11"><tspan
+         id="tspan11"
+         style="fill:#1a1a1a;fill-opacity:1;stroke-width:0.379713"
+         x="38.516571"
+         y="173.62274">#fde047</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:3.7447px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.212298"
+       x="40.189453"
+       y="180.48163"
+       id="text12"><tspan
+         id="tspan12"
+         style="stroke-width:0.212298"
+         x="40.189453"
+         y="180.48163">Hover für Kontakt-Button</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:10.1392px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.574823"
+       x="14.527371"
+       y="212.09903"
+       id="text13"><tspan
+         id="tspan13"
+         style="stroke-width:0.574823"
+         x="14.527371"
+         y="212.09903">Fonts</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:3.7447px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.212298"
+       x="40.189453"
+       y="129.09515"
+       id="text14"><tspan
+         id="tspan14"
+         style="stroke-width:0.212298"
+         x="40.189453"
+         y="129.09515">Hover-Border für Team-Mitglieder, Background für Tags</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:3.7447px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#22596c;fill-opacity:1;stroke:#ececec;stroke-width:0.212298"
+       x="40.189453"
+       y="103.01631"
+       id="text15"><tspan
+         id="tspan15"
+         style="stroke-width:0.212298"
+         x="40.189453"
+         y="103.01631">Hover-Border für Team-Mitglieder, Schriftfarbe Tags</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:7.3105px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.414455"
+       x="14.724809"
+       y="228.81134"
+       id="text16"><tspan
+         id="tspan16"
+         style="stroke-width:0.414455"
+         x="14.724809"
+         y="228.81134">Überschriften:</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:7.3105px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.414455"
+       x="14.724809"
+       y="243.89503"
+       id="text17"><tspan
+         id="tspan17"
+         style="stroke-width:0.414455"
+         x="14.724809"
+         y="243.89503">Fließtexte:</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:7.3105px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.414455"
+       x="77.699272"
+       y="228.81134"
+       id="text18"><tspan
+         id="tspan18"
+         style="stroke-width:0.414455"
+         x="77.699272"
+         y="228.81134">Montserrat</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:7.3105px;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#1a1a1a;fill-opacity:1;stroke:#ececec;stroke-width:0.414455"
+       x="77.617172"
+       y="243.89503"
+       id="text19"><tspan
+         id="tspan19"
+         style="stroke-width:0.414455"
+         x="77.617172"
+         y="243.89503">Source Sans 3</tspan></text>
+  </g>
+</svg>