update rules

src/routes/register/Register.svelte

@@ -3,7 +3,7 @@
 	import Input from '$lib/components/Input/Input.svelte';
 	import { createEventDispatcher, onMount } from 'svelte';
 	import { env } from '$env/dynamic/public';
-	import { rules } from '$lib/rules';
+	import { rulesShort } from '$lib/rules';
 
 	const dispatch = createEventDispatcher();
 
@@ -230,12 +230,12 @@
 						<p>0. Vorwort</p>
 					</div>
 					<div class="collapse-content">
-						<p>{rules.header}</p>
-						<p class="mt-1 text-[.75rem]">{rules.footer}</p>
+						<p>{rulesShort.header}</p>
+						<p class="mt-1 text-[.75rem]">{rulesShort.footer}</p>
 					</div>
 					<span class="block w-full h-[1px] mx-auto mb-1 bg-gray-600" />
 				</div>
-				{#each rules.sections as section, i}
+				{#each rulesShort.sections as section, i}
 					<div class="collapse collapse-arrow">
 						<input type="checkbox" autocomplete="off" />
 						<div class="collapse-title">

src/routes/rules/+layout.svelte

@@ -1,3 +1,3 @@
-<div class="mx-4 sm:mx-48">
+<div class="mx-4 my-6 sm:mx-48 sm:my-12">
 	<slot />
 </div>

src/routes/rules/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { rules } from '$lib/rules';
+	import { rulesLong } from '$lib/rules';
 </script>
 
 <svelte:head>
@@ -7,14 +7,14 @@
 </svelte:head>
 
 <h1 class="text-3xl lg:text-5xl mb-4">CraftAttack 6 Regelwerk</h1>
-<p>{rules.header}</p>
+<p>{rulesLong.header}</p>
 <ol class="p-[revert] list-decimal my-6">
-	{#each rules.sections as section}
+	{#each rulesLong.sections as section}
 		<li class="mb-2">
 			{section.content}
 		</li>
 	{/each}
 </ol>
 <p>
-	{rules.footer}
+	{rulesLong.footer}
 </p>