diff --git a/content/contents/default.blade.php b/content/contents/default.blade.php
index 993c537..5af1611 100644
--- a/content/contents/default.blade.php
+++ b/content/contents/default.blade.php
@@ -3,17 +3,35 @@
     <title>{{$content->title}} | {{config('settings.name')}}</title>
     <style>
         #map {
-            height: 400px;
+            height: 500px;
             width: 100%;
         }
     </style>
 @stop
 @section('content')
-    <a href="{{url('/')}}"> ← Back</a>
-    <h1>{{$content->title}}</h1>
-    <p>{{$content->description}}</p>
-    <img src="{{$content->image}}" alt="">
-    <div id="map"></div>
+
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <a href="{{url('/')}}"> ← Back</a>
+                <h1>{{$content->title}}</h1>
+                <p>{{$content->description}}</p>
+                <img src="{{$content->image}}" alt="">
+            </div>
+
+
+        </div>
+
+        <div class="row">
+
+            <div class="col-8 g-0">
+                <div id="map"></div>
+
+            </div>
+        </div>
+
+    </div>
+
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKGJCCKvmWZl-L5bBF0uS5BWf0gN4ZkpI&callback=initMap&v=weekly" defer></script>
     <script>
         function initMap() {
diff --git a/content/index.blade.php b/content/index.blade.php
index ec42e8a..2e3e9bf 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -3,15 +3,49 @@
     <title>Home | {{config('settings.name')}}</title>
     <style>
         #map {
-            height: 400px;
+            height: 80vh;
             width: 100%;
         }
     </style>
 @stop
 @section('content')
-  <h1>{{config('settings.name')}}</h1>
-  <p>{{config('settings.description')}}</p>
-  <div id="map"></div>
+
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h1>{{config('settings.name')}}</h1>
+                <p>{{config('settings.description')}}</p>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-4">
+
+                @foreach($contents as $content)
+
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="row">
+                                <div class="col-5">
+                                    <img src="{{$content->image}}" alt="">
+                                </div>
+                                <div class="col-7">
+                                    <h3 class="h5">{{$content->title}}</h3>
+                                    <a href="{{$content->path}}"> Ansehen </a>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+            <div class="col-8 g-0">
+                <div id="map"></div>
+
+            </div>
+        </div>
+    </div>
+
   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKGJCCKvmWZl-L5bBF0uS5BWf0gN4ZkpI&callback=initMap&v=weekly" defer></script>
   <script>
         function initMap() {
diff --git a/content/master.blade.php b/content/master.blade.php
index bc59397..752be42 100644
--- a/content/master.blade.php
+++ b/content/master.blade.php
@@ -6,6 +6,10 @@
         <meta name="description" content="{{config('settings.description')}}" />
         <meta name="author" content=""/>
         @yield('head')
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+
+
+
     </head>
 
     <body>
