.

content/contents/leistungen.blade.php

@@ -81,6 +81,34 @@
                 </div>
             </div>
         </div>
+
+        @php($otherContents = filterByContentType("Leistungen")->filter(function ($item) use ($content) { return $item->id != $content->id; }))
+
+        @if($otherContents->isNotEmpty())
+            <div class="row mb-5">
+                <div class="col-12">
+                    <hr class="pb-5 mt-5">
+                    <h2 class="mb-4 mt-5 h3">Weitere Leistungen</h2>
+                </div>
+
+                @foreach($otherContents->take(3) as $otherContent)
+
+                    <div class="col-12 col-md-4 mb-3">
+                        <a href="{{$otherContent->path}}" class="text-decoration-none">
+                            <div class="card shadow-sm h-100">
+                                <x-img src="{{$otherContent->image()}}" class="img-fluid card-img-top"/>
+                                <div class="card-body">
+                                    <h3 class="h5 mb-3">{{$otherContent->title}}</h3>
+                                    {{$otherContent->kurzbeschreibung}}
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+
+                @endforeach
+
+            </div>
+        @endif
     </div>
 
 @stop

content/index.blade.php

@@ -21,6 +21,69 @@
         </div>
     </div>
 
+
+    @if($type->get("Leistungen")->status)
+        @php($leistungen = filterByContentType("Leistungen"))
+        @if($leistungen->isNotEmpty())
+    <section>
+        <div class="container">
+            <diw class="row">
+
+                <div class="col-12">
+                    <h2 id="leistungen" class="mb-4">Leistungen</h2>
+                </div>
+
+                @foreach($leistungen->take(3) as $content)
+
+                    <a href="{{ $content->path }}" class="text-decoration-none">
+                        <div class="card mb-5" >
+                            <div class="row g-0">
+                                <div class="col-md-4">
+                                    <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top rounded"/>
+                                </div>
+                                <div class="col-md-7 ps-4">
+                                    <div class="card-body py-lg-4 px-lg-3">
+                                        <h3 class="card-title h4">{{$content->title}}</h3>
+                                        <p class="card-text">{{$content->kurzbeschreibung}}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                    </a>
+
+                @endforeach
+
+
+
+
+                @if($leistungen->count() > 3)
+
+                <div class="col-12 text-center mt-3">
+                    <a href="{{url('/leistungen')}}" class="text-muted text-decoration-none">
+                        Alle Leistungen
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+                            <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
+                        </svg>
+
+                    </a>
+                </div>
+
+                @endif
+
+
+            </diw>
+        </div>
+    </section>
+
+        @endif
+    @endif
+
+
+
+
+
+
     @if($type->get("News")->status)
         @php($news = filterByContentType("News"))
         @if($news->isNotEmpty())