diff --git a/Components/App.razor b/Components/App.razor
index 0390ee7..de47482 100644
--- a/Components/App.razor
+++ b/Components/App.razor
@@ -5,6 +5,12 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="/" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+
     <ResourcePreloader />
     <link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
     <link rel="stylesheet" href="@Assets["app.css"]" />
diff --git a/Components/Layout/MainLayout.razor b/Components/Layout/MainLayout.razor
index 9e253ba..57d4973 100644
--- a/Components/Layout/MainLayout.razor
+++ b/Components/Layout/MainLayout.razor
@@ -1,20 +1,30 @@
 @inherits LayoutComponentBase
+@using MudBlazor
 
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
+<MudThemeProvider Theme="@_myCustomTheme" IsDarkMode="true" />
+<MudDialogProvider />
+<MudSnackbarProvider />
 
-    <main>
-        <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
-        </div>
+<MudLayout>
+    <MudMainContent>
+        @Body
+    </MudMainContent>
+</MudLayout>
 
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>
+@code {
+    private MudTheme _myCustomTheme = new MudTheme()
+    {
+        Typography = new Typography()
+        {
+            // Hier liegt der Fix: DefaultTypography statt Default
+            Default = new DefaultTypography() { FontFamily = new[] { "Urbanist", "sans-serif" } }
+        },
+        LayoutProperties = new LayoutProperties()
+        {
+            DefaultBorderRadius = "0px" 
+        }
+    };
+}
 
 <div id="blazor-error-ui" data-nosnippet>
     An unhandled error has occurred.
diff --git a/Program.cs b/Program.cs
index 98b1fcc..b383c02 100644
--- a/Program.cs
+++ b/Program.cs
@@ -1,10 +1,22 @@
 using ZahlenAnalyse.Web.Components;
+using MudBlazor.Services;
+using Raven.Client.Documents;
 
 var builder = WebApplication.CreateBuilder(args);
 
 // Add services to the container.
 builder.Services.AddRazorComponents()
     .AddInteractiveServerComponents();
+builder.Services.AddMudServices();
+
+var store = new DocumentStore
+{
+    Urls = new[] { "http://localhost:8080" },
+    Database = "ZahlenAnalyse"
+};
+store.Initialize();
+builder.Services.AddSingleton<IDocumentStore>(store);
+
 
 var app = builder.Build();