fix(index): seperate icons from heading text

assets/scss/custom/structure/_general.scss

@@ -39,6 +39,10 @@ p {
     text-decoration: none !important;
 }
 
+i {
+    user-select: none;
+  }
+
 div.bg-soft-primary {
     background: rgba($primary, 0.05) !important;
 }

content/_index.de.md

@@ -1,22 +1,24 @@
-## {{< icon icon="wifi" >}} Was ist Freifunk?
+---
+---
+{{< icon-heading icon="wifi" level=2 text="Was ist Freifunk?" >}}
 
 Die Vision von Freifunk ist die Verbreitung freier Netzwerke, die Demokratisierung der Kommunikationsmedien und die Förderung lokaler Sozialstrukturen. Durch die Vernetzung ganzer Stadtteile wollen wir der digitalen Spaltung entgegenwirken und freie unabhängige Netzwerkstrukturen aufbauen. Konkret hat sich Freifunk zum Ziel gesetzt, offene WLAN-Netze einzurichten und diese miteinander zu verbinden. Dies ermöglicht einen freien Datenverkehr "durch die Luft" in der ganzen Stadt innerhalb des Freifunk-Netzes. Freifunk ist somit eine offene nicht-kommerzielle hierarchielose Initiative für freie Funknetzwerke.
 
 {{< video src="freifunk-verbindet" default-format="webm" preload="metadata" >}}
 
-## {{< icon icon="vital_signs" >}} Aktivitäten
+{{< icon-heading icon="vital_signs" level=2 text="Aktivitäten" >}}
 
 {{< activities-matrix >}}
 
 {{< activities-github >}}
 
 {{< activities-mailinglist >}}
 
-## {{< icon icon="help" >}} FAQ
+{{< icon-heading icon="help" level=2 text="FAQ" >}}
 
 Für häufig aufkommende Fragen gibt es ein [FAQ im Freifunk Wiki](https://wiki.freifunk.net/Berlin:FAQ).
 
-## {{< icon icon="savings" >}} Spenden
+{{< icon-heading icon="savings" level=2 text="Spenden" >}}
 
 Für den Aufbau und Erhalt unseres freien Funknetzwerks sind wird auf regelmäßige Spenden angewiesen. Wir bevorzugen Spenden über [betterplace.org](https://www.betterplace.org/de/projects/83703). Das ist sowohl für uns, als auch für euch einfacher. Spendenbescheinigungen werden von [betterplace.org](https://www.betterplace.org/de/projects/83703) ausgestellt und im Februar des Folgejahres verschickt.
 

layouts/shortcodes/icon-heading.html

@@ -0,0 +1,6 @@
+<i class="material-icons me-2 fs-2" style="font-size: inherit;vertical-align: sub;">
+	{{ .Get "icon" }}
+</i>
+<h{{ .Get "level" }} class="d-inline">
+	{{ .Get "text" }}
+</h{{ .Get "level" }}>