src/layouts/DashboardLayout.astro

@@ -99,7 +99,10 @@ let lightTheme = Astro.cookies.get("theme")?.value === "light";
 		<DashboardSidebar lightTheme={lightTheme} benutzer={user} client:load>
 		</DashboardSidebar>
 		<main class="overflow-auto h-screen bg-base-100 pt-24 px-6 w-full">
-			<slot />
+			<article class="box rounded-tl-none
+		xl:px-10 py-8">
+		<slot />
+		</article>
 		</main>
 	</body>
 </html>

src/style/global.css

@@ -45,19 +45,6 @@ body{
 
 main{
 	@apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px];
-	@apply w-full relative bg-white px-0 py-0 z-0;
-
-	hr {@apply mb-4 mt-4 border-primary;}
-
-	h1 {@apply pl-2 sm:pl-0 text-4xl font-normal mb-2;}
-	h2{@apply pl-2 sm:pl-0 text-2xl font-normal mb-2;}
-	h3 {@apply pl-2 sm:pl-0 text-xl font-normal ml-1;}
-	
-	a {@apply text-blue-700 font-medium inline;}
-
-	p {@apply text-lg font-normal pl-2 pr-2 mb-4;}
-	li {@apply text-lg font-normal }
-	ul {@apply list-disc list-inside mb-4}
 }
 
 .button {