diff --git a/public/css/material-inverse.css b/public/css/material-inverse.css
index fa4c61246d85258d7fc66f784f28d68428c04dd6..ff982a3c8cae855e6c0a3560c2ca178bad70faeb 100644
--- a/public/css/material-inverse.css
+++ b/public/css/material-inverse.css
@@ -7,19 +7,19 @@ body {
 	margin: 0px;
 	padding: 0px;
 	color: #fff;
-	background-color: #050505;
+	background-color:  #000;
   font-family: Roboto,"Noto Sans",sans-serif;
 }
 
 .card {
-	background-color: hsl(0, 0%, 20%);;
+	background-color: hsl(0, 0%, 20%);
 	margin: 8px;
 	padding: 8px;
 	border-radius: 2px;
 	display: block;
 }
 .card-inline {
-	background-color: #000;
+	background-color: hsl(0, 0%, 20%);
 	margin: 8px;
 	padding: 8px;
 	border-radius: 2px;
@@ -27,10 +27,10 @@ body {
 
 .elevation-1 {
 
-	box-shadow: 0px 1px 1.5px 0px rgba(255,255,255,0.12), 1px 0px 1px 0px rgba(255,255,255,0.24);
+	box-shadow: 0px 1px 1.5px 0px rgba(0,0,0,0.12), 1px 0px 1px 0px rgba(0,0,0,0.24);
 }
 .elevation-2 {
-	box-shadow: 0px 3px 3px 0px rgba(255,255,255,0.16), 3px 0px 3px 0px rgba(255,255,255,0.23);
+	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16), 3px 0px 3px 0px rgba(0,0,0,0.23);
 }
 
 .search-card {
diff --git a/resources/views/metager3rich.blade.php b/resources/views/metager3rich.blade.php
index 11a6f1a7ed3c02cb8aadc9ec8f8de01a1c016ec4..0493c0940e661574f67b13b9f5cb519a511c18e5 100644
--- a/resources/views/metager3rich.blade.php
+++ b/resources/views/metager3rich.blade.php
@@ -4,8 +4,8 @@
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<title>{{ $eingabe }} - MetaGer</title>
-		<link rel="stylesheet" title="Material" href="/css/material-default.css" />
-		<link rel="stylesheet" title="Material-Invers" href="/css/material-inverse.css" />
+		<link @if(app('request')->input('theme', 'default')!=='default'&&app('request')->input('theme', 'default')!=='material')rel="alternate stylesheet" @else rel="stylesheet" @endif title="Material" href="/css/material-default.css" />
+		<link @if(app('request')->input('theme', 'default')!=='material-inverse')rel="alternate stylesheet" @else rel="stylesheet" @endif  title="Material-Invers" href="/css/material-inverse.css" />
 		<link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
 		<link href="/favicon.ico" rel="icon" type="image/x-icon" />
 		<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />