add self hosted google icons

homepage/participo/css/material-icons.css

@@ -0,0 +1,33 @@
+@font-face {
+   font-family: 'Material Icons';
+   font-style: normal;
+   font-weight: 400;
+   src: local('Material Icons'),
+        local('MaterialIcons-Regular'),
+        url(fonts/MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}

homepage/participo/index.php

@@ -152,13 +152,13 @@ function getHtmlEventTable($eventList){
 					<a class="waves-effect waves-teal right-align" href="#mitmachApps">Mitmachen<i class="material-icons">accessibility</i></a>
 				</li>
 				<li class="bold">
-					<a class="waves-effect waves-teal right-align" href="#infoApps">Informationen<i class="material-icons">info</i></a>
+					<a class="waves-effect waves-teal right-align" href="#infoApps">Informieren<i class="material-icons">info</i></a>
 				</li>
 				<li class="bold">
 					<a class="waves-effect waves-teal right-align" href="#lexiApps">Nachschlagen<i class="material-icons">book</i></a>
 				</li>
 				<li class="bold">
-					<a class="waves-effect waves-teal right-align" href="#configApps">Einstellen<i class="material-icons">manage_accounts</i></a>
+					<a class="waves-effect waves-teal right-align" href="#configApps">Einstellen<i class="material-icons">settings</i></a>
 				</li>
 <?php if( isUserAdmin($dbConnection, $userData['id']) ){?>
 				<li class="bold">

homepage/participo/shared/imports.php

@@ -4,7 +4,7 @@
 <!-- Compiled and minified JavaScript -->
 <script src="/ressourcen/materializeCss/js/materialize.min.js"></script>
 <!--Import Google Icon Font-->
-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+<link rel="stylesheet" href="css/material-icons.css">
 
 <!-- participo specific style adjustments -->
 <link rel="stylesheet" href="css/participo.css">