diff --git a/.gitignore b/.gitignore
index 1157b4c7276eb7c7f84f82208dca5ba2fe66fc49..483e944d91f2d510abb8f6def52862b2a7d914b5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,7 @@ Homestead.yaml
 langfiles.zip
 # The Files created by Webpack in the build process
 /public/**/*.css
+!/public/fonts/arimo/stylesheet.css
 /public/**/*.js
 /public/mix-manifest.json
 
diff --git a/public/fonts/arimo/stylesheet.css b/public/fonts/arimo/stylesheet.css
new file mode 100644
index 0000000000000000000000000000000000000000..501e19c324e4dd9a12895f2120a776c991776d3d
--- /dev/null
+++ b/public/fonts/arimo/stylesheet.css
@@ -0,0 +1,52 @@
+@font-face {
+    font-family: 'Arimo';
+    src: url('Arimo-Italic.eot');
+    src: local('Arimo Italic'), local('Arimo-Italic'),
+        url('Arimo-Italic.eot?#iefix') format('embedded-opentype'),
+        url('Arimo-Italic.woff2') format('woff2'),
+        url('Arimo-Italic.woff') format('woff'),
+        url('Arimo-Italic.ttf') format('truetype'),
+        url('Arimo-Italic.svg#Arimo-Italic') format('svg');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Arimo';
+    src: url('Arimo-Bold.eot');
+    src: local('Arimo Bold'), local('Arimo-Bold'),
+        url('Arimo-Bold.eot?#iefix') format('embedded-opentype'),
+        url('Arimo-Bold.woff2') format('woff2'),
+        url('Arimo-Bold.woff') format('woff'),
+        url('Arimo-Bold.ttf') format('truetype'),
+        url('Arimo-Bold.svg#Arimo-Bold') format('svg');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Arimo';
+    src: url('Arimo-BoldItalic.eot');
+    src: local('Arimo Bold Italic'), local('Arimo-BoldItalic'),
+        url('Arimo-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('Arimo-BoldItalic.woff2') format('woff2'),
+        url('Arimo-BoldItalic.woff') format('woff'),
+        url('Arimo-BoldItalic.ttf') format('truetype'),
+        url('Arimo-BoldItalic.svg#Arimo-BoldItalic') format('svg');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Arimo';
+    src: url('Arimo.eot');
+    src: local('Arimo'),
+        url('Arimo.eot?#iefix') format('embedded-opentype'),
+        url('Arimo.woff2') format('woff2'),
+        url('Arimo.woff') format('woff'),
+        url('Arimo.ttf') format('truetype'),
+        url('Arimo.svg#Arimo') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
diff --git a/public/fonts/resultPageStyle.css b/public/fonts/resultPageStyle.css
index d0963b0d14c90b15f3ee8566d03bee8feec82d04..c83bde13e182d21fed7fd1a680846eaf2c5e61a1 100644
--- a/public/fonts/resultPageStyle.css
+++ b/public/fonts/resultPageStyle.css
@@ -1,107 +1,109 @@
 .alerter {
-	display:none;
-	text-align:center;
+	display: none;
+	text-align: center;
 }
 
-.alerter hr{
-	margin:8px 0;
+.alerter hr {
+	margin: 8px 0;
 }
 
-#sortMore p p{
-	margin-bottom:0px;
-	margin-top:0px;
+#sortMore p p {
+	margin-bottom: 0px;
+	margin-top: 0px;
 }
 
 body {
 	line-height: 1.2!important;
 }
 
-#alerter p{
-	margin-bottom:10px;
+#alerter p {
+	margin-bottom: 10px;
 }
 
-#filterNewSearch{
-	color:#777;
+#filterNewSearch {
+	color: #777;
 }
 
-#filterNewSearch:hover{
-	color:#333;
+#filterNewSearch:hover {
+	color: #333;
 }
 
 .progress {
 	margin: 0 auto;
-	width:60%;
+	width: 60%;
 }
 
 #sortSelect {
-	height: 29px;width: 190px;line-height: 29px;padding-top: 3px;
+	height: 29px;
+	width: 190px;
+	line-height: 29px;
+	padding-top: 3px;
 }
 
 #filterInput {
-	height:29px;
-	font-size:0.87em;
+	height: 29px;
+	font-size: 0.87em;
 }
 
 #sidebar {
-	border-left-width:3px;
-	border-left-color: rgb(255,187,0);
+	border-left-width: 3px;
+	border-left-color: rgb(255, 187, 0);
 	border-left-style: solid;
 }
 
 #suchoptionenContainer {
-	border-bottom-width:3px;
-	border-bottom-color: rgb(255,187,0);
+	border-bottom-width: 3px;
+	border-bottom-color: rgb(255, 187, 0);
 	border-bottom-style: solid;
 	padding-bottom: 9px;
-	margin-bottom:10px;
-	padding:5px;
-	padding-bottom:0;
+	margin-bottom: 10px;
+	padding: 5px;
+	padding-bottom: 0;
 }
 
 #resultHeader {
-	font-size:15px;
-	margin:0;
-	padding:0;
+	font-size: 15px;
+	margin: 0;
+	padding: 0;
 }
 
 .quicktip {
 	margin-bottom: 20px;
-	padding:5px;
+	padding: 5px;
 }
 
 #sidebar {
 	margin-right: 0.8%;
-	width:30%;
+	width: 30%;
 	float: right;
 }
 
-#results{
-	padding-top:70px;
+#results {
+	padding-top: 70px;
 }
 
 #sortBox {
-	margin-top:10px;
-
+	margin-top: 10px;
 }
 
 .wikiqtextract {
-	font-family: Georgia, "Times New Roman",Palatino, Times, serif;
+	font-family: Georgia, "Times New Roman", Palatino, Times, serif;
 	font-size: 15px;
 }
 
 .serverInfoButtonLink:hover {
-	color:#555!important;
+	color: #555!important;
 }
 
 .serverInfoButtonLink {
-	font-size:12px;color:#BBB!important;
+	font-size: 12px;
+	color: #BBB!important;
 }
 
-#sortDropdown{
-	clear:none!important;
-	width:200px;
-	float:right;
-	
+#sortDropdown {
+	clear: none!important;
+	width: 200px;
+	float: right;
 }
 
 .werbebox {
@@ -109,77 +111,70 @@ body {
 	padding-bottom: 10px!important;
 }
 
-
-@media (max-height: 849px){
-	.ergebnisbox{
-		padding-bottom:10px;
+@media (max-height: 849px) {
+	.ergebnisbox {
+		padding-bottom: 10px;
 	}
 }
 
-@media (min-height: 850px){
-	.ergebnisbox{
-		padding-bottom:20px;
+@media (min-height: 850px) {
+	.ergebnisbox {
+		padding-bottom: 20px;
 	}
 }
 
-@media (min-width: 1350px) { 
+@media (min-width: 1350px) {
 	#filterForm {
 		width: 200px;
-		margin-bottom:10px;
+		margin-bottom: 10px;
 	}
 	#sortSelect {
-		float:right;
-		}
+		float: right;
+	}
 	.ergebnisbox {
 		width: 67%!important;
 	}
-
-	
-	#sortDropdown{
-		clear:none!important;
+	#sortDropdown {
+		clear: none!important;
 	}
 }
 
-@media (max-width: 1349px) { 
+@media (max-width: 1349px) {
 	#filterForm {
 		width: 100%;
 		margin-bottom: 2px;
 	}
 	#sortDropdown {
 		width: 100%;
-		float:none;
-		}
+		float: none;
+	}
 	#sidebar {
-		float:right;
+		float: right;
 		width: 25%;
 	}
-	#filterForm{
-		margin:3px;
-	    margin-top: 3px;
-		
+	#filterForm {
+		margin: 3px;
+		margin-top: 3px;
 	}
-	#sortDropdown li{
+	#sortDropdown li {
 		width: 100%;
 	}
-
-	#sortDropdown{
-		clear:none!important;
+	#sortDropdown {
+		clear: none!important;
 	}
 }
 
-.optionsbody{
-	padding:15px;
+.optionsbody {
+	padding: 15px;
 }
 
-#mehrTrefferLink{
-	margin-left:40%;
-	width:20%;
+#mehrTrefferLink {
+	margin-left: 40%;
+	width: 20%;
 }
 
 .alert-warning {
-    #background-color: #FFEDBA;
-    background-color: #FFF;
-    #border-color: #FFBB00;
-    border-color: #FFF;
-    color: #BA9227;
-}
+	background-color: #FFF;
+	border-color: #FFF;
+	color: #BA9227;
+}
\ No newline at end of file