diff --git a/Francesco.Recipes.World/Views/Home/_SearchResultsPartial.cshtml b/Francesco.Recipes.World/Views/Home/_SearchResultsPartial.cshtml
index 4edbb64..c03a7fb 100644
--- a/Francesco.Recipes.World/Views/Home/_SearchResultsPartial.cshtml
+++ b/Francesco.Recipes.World/Views/Home/_SearchResultsPartial.cshtml
@@ -1,58 +1,75 @@
-@model IEnumerable<Francesco.Recipes.World.Models.BackendModels.Recipe.Recipe>
+@model IEnumerable<Francesco.Recipes.World.Models.SearchViewModel>
 
 @{
 	if (!Model.Any())
-{
-	<p class="text-muted">Keine Ergebnisse gefunden.</p>
-}
-else
-{
-	<div class="row">
-		@foreach (var recipe in Model)
-		{
-			<div class="col-md-4 mb-3">
-				<div class="card h-100 shadow-sm">
-					<div class="recipe-image">
-					@{
-						var mediaFile = recipe.MediaFiles.FirstOrDefault();
-						
-						if (mediaFile?.Data != null)
-						{
-							<img src="data:@mediaFile.MimeType;base64,@Convert.ToBase64String(mediaFile.Data)"
-								 alt="@recipe.Name"
-								 class="card-img-top" />
-						}
-						else
-						{
-							<img src="~/images/placeholder.png"
-								 alt="Platzhalter"
-								 class="card-img-top" />
-						}
-					}
-					</div>
-
-					<div class="card-body d-flex flex-column justify-content-between">
-						<div>
-							<h5 class="card-title">@recipe.Name</h5>
-							<p class="card-text text-muted mb-2">
-								<i class="bi bi-clock"></i>
-								@recipe.PreparationTime.Hours h @recipe.PreparationTime.Minutes min
-							</p>
+	{
+		<p class="text-muted">Keine Ergebnisse gefunden.</p>
+	}
+	else
+	{
+		<div class="row">
+			@foreach (var recipe in Model)
+			{
+				<div class="col-md-4 mb-3">
+					<div class="card h-100 shadow-sm">
+						<div class="recipe-image">
+							@if (recipe.ImageData != null && recipe.MimeType != null)
+							{
+								<img src="data:@recipe.MimeType;base64,@Convert.ToBase64String(recipe.ImageData)"
+									 alt="@recipe.Name"
+									 class="card-img-top" />
+							}
+							else
+							{
+								<img src="~/images/placeholder.png"
+									 alt="Platzhalter"
+									 class="card-img-top" />
+							}
 						</div>
 
-						<div>
-							<button class="btn btn-outline-secondary"
-									hx-post="/Recipe/ToggleFavorite"
-									hx-vals='{"id": "@recipe.Id"}'
-									hx-swap="outerHTML">
-								<i class="bi @((recipe.IsFavorite) ? "bi-star-fill" : "bi-star")"></i>
-							</button>
+						<div class="card-body d-flex flex-column justify-content-between">
+							<div>
+								<h5 class="card-title">@recipe.Name</h5>
+								<p class="card-text text-muted mb-2">
+									<i class="bi bi-clock"></i>
+									@recipe.TotalTime.Hours h @recipe.TotalTime.Minutes min
+								</p>
+							</div>
+
+							<div class="d-flex justify-content-between align-items-center mt-3">
+								<div class="favorite-button-container">
+									<form hx-post="@Url.Action(recipe.IsFavorite ? "RemoveFavorite" : "AddFavorite", "Recipe")"
+										  hx-target="this"
+										  hx-swap="outerHTML">
+										@Html.AntiForgeryToken()
+										<input type="hidden" name="recipeId" value="@recipe.Id" />
+										<button type="submit" class="btn btn-link p-0" style="width: 40px; height: 40px;">
+											@if (recipe.IsFavorite)
+											{
+												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFD700">
+													<path d="M12 17.27L18.18 21 16.54 13.97
+						 	22 9.24l-7.19-.62L12 2 9.19 8.62
+						 	2 9.24l5.46 4.73L5.82 21z" />
+												</svg>
+											}
+											else
+											{
+												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+													<path d="M12 17.27L18.18 21 16.54 13.97
+						 	22 9.24l-7.19-.62L12 2 9.19 8.62
+						 	2 9.24l5.46 4.73L5.82 21z" />
+												</svg>
+											}
+										</button>
+									</form>
+								</div>
+
+								<a href="/Recipe/Details/@recipe.Id" class="btn btn-primary btn-sm">Details</a>
+							</div>
 						</div>
 					</div>
 				</div>
-			</div>
-		}
-	</div>
+			}
+		</div>
+	}
 }
-}
-