diff --git a/static/img/Mastodon.svg b/static/img/Mastodon.svg
new file mode 100644
index 0000000..f686138
Binary files /dev/null and b/static/img/Mastodon.svg differ
diff --git a/static/img/Matrix_icon.svg b/static/img/Matrix_icon.svg
new file mode 100644
index 0000000..02d1096
Binary files /dev/null and b/static/img/Matrix_icon.svg differ
diff --git a/static/img/github-mark.png b/static/img/github-mark.png
new file mode 100644
index 0000000..6cb3b70
Binary files /dev/null and b/static/img/github-mark.png differ
diff --git a/static/img/github.png b/static/img/github.png
new file mode 100644
index 0000000..aae2abf
Binary files /dev/null and b/static/img/github.png differ
diff --git a/static/img/mastodon.png b/static/img/mastodon.png
new file mode 100644
index 0000000..2ca24d2
Binary files /dev/null and b/static/img/mastodon.png differ
diff --git a/static/img/matrix.png b/static/img/matrix.png
new file mode 100644
index 0000000..d4fc50a
Binary files /dev/null and b/static/img/matrix.png differ
diff --git a/themes/hugo-theme-flat/layouts/partials/.side-contact.html.swp b/themes/hugo-theme-flat/layouts/partials/.side-contact.html.swp
new file mode 100644
index 0000000..98c3e53
Binary files /dev/null and b/themes/hugo-theme-flat/layouts/partials/.side-contact.html.swp differ
diff --git a/themes/hugo-theme-flat/layouts/partials/side-contact.html b/themes/hugo-theme-flat/layouts/partials/side-contact.html
index d0579b4..bd587a8 100644
--- a/themes/hugo-theme-flat/layouts/partials/side-contact.html
+++ b/themes/hugo-theme-flat/layouts/partials/side-contact.html
@@ -1,19 +1,17 @@
 <div class="side-contact">
     <h2>Kontakt</h2>
-
-
+    <br />
     <ul>
             <li>
                 kontakt@c3re.de
             </li>
+            <li>
+                02361/8488096
+            </li>
         <li>
-                <a href="https://matrix.to/#/#hackerhuette:matrix.c3re.de">Matrix Chat</a>
-        </li>
-        <li>
-            <a href="https://chaos.social/@c3re">Mastodon</a>
-        </li>
-        <li>
-            <a href="https://github.com/orgs/c3re">Github</a>
+                <a class="icon" href="https://matrix.to/#/#hackerhuette:matrix.c3re.de"><img alt="Matrix Chat" src="/img/matrix.png" /></a>
+            <a class="icon" href="https://chaos.social/@c3re"><img alt="Mastodon" src="/img/mastodon.png" /></a>
+            <a class="icon" href="https://github.com/orgs/c3re"><img alt="Github" src="/img/github.png" /></a>
         </li>
 
     </ul>
diff --git a/themes/hugo-theme-flat/static/css/style.css b/themes/hugo-theme-flat/static/css/style.css
index 616b4fe..de94746 100644
--- a/themes/hugo-theme-flat/static/css/style.css
+++ b/themes/hugo-theme-flat/static/css/style.css
@@ -199,6 +199,9 @@ a.external:after {
 .side-contact {
   background-color: var(--color-bg-content);
 }
+.side-contact .icon {
+  margin-right: 1em;
+}
 
 /* place header in the center of header-wrapper */
 .header-wrapper {