supported by innoq svg

_layouts/default.html

@@ -89,13 +89,15 @@ <h1 class="clearfix">
 
 <footer class="site-footer">
     <div class="inner">
-        <span>Maintained by <a href="http://gernotstarke.de">Gernot Starke</a>,
-          supported by <a href="https://innoQ.com"><b>INNOQ</b></a> and <a href="https://perstarke-webdev.de"><b>Per Starke Web Development</b></a><br>
-            <a href="https://status.arc42.org">
+        <p class="footer-icons"><a href="https://www.innoq.com" target="_blank" rel="noopener noreferrer nofollow"><img class="supported-by-innoq" src="/images/supported-by-innoq--petrol-apricot.svg"></a><br>
+        <a href="https://status.arc42.org">
             <i class="fa fa-chart-bar fa-fw" style="color:#50C878;" ></i>Status</a><i>&nbsp;&nbsp;</i>
-            <i class="fa fa-user-secret" aria-hidden="true"></i>
-            <a href="{{ site.baseurl }}/imprint">
-                Imprint + Privacy Statement</a>
+        <i class="fa fa-user-secret" aria-hidden="true"></i>
+        <a href="{{ site.baseurl }}/imprint">
+            Imprint + Privacy</a></p>
+        <span>Maintained by <a href="http://gernotstarke.de">Gernot Starke</a>,
+          supported by <a href="https://perstarke-webdev.de"><b>Per Starke Web Development</b></a>
+
 
 
         </span>

assets/css/arc42-doc.css

@@ -70,3 +70,31 @@ p {
 .subtle-ad a {
   color: ff796a;
 }
+
+
+
+.supported-by-innoq {
+    margin-bottom: 13px;
+    width: 110px;
+}
+
+.supported-by-innoq:hover {
+    opacity: 0.8;
+}
+
+
+@media (max-width: 900px) {
+    .supported-by-innoq {
+        width: 100px;
+    }
+}
+
+@media (max-width: 600px) {
+    .supported-by-innoq {
+        width: 90px;
+    }
+}
+
+p.footer-icons {
+    margin-bottom: 8px;
+}