diff --git a/Client/Components/ReportComponent.razor b/Client/Components/ReportComponent.razor
new file mode 100644
index 0000000..830e84e
--- /dev/null
+++ b/Client/Components/ReportComponent.razor
@@ -0,0 +1,139 @@
+@inherits ComponentBase
+@using Interfaces
+@implements Interfaces.IReportUI
+@inject IReportingHandler ReportingHandler
+
+<button class="btn btn-warning btn-lg px-4" @onclick="ShowReportModal">
+    <i class="oi oi-warning me-2"></i> Melden
+</button>
+
+@if (_showReportModal)
+{
+    <div class="modal fade show" style="display: block; background: rgba(0,0,0,0.5); z-index: 1050;" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Eintrag melden</h5>
+                    <button type="button" class="btn-close" @onclick="CloseReportModal"></button>
+                </div>
+                <div class="modal-body">
+                    <p>Warum möchtest du diesen Eintrag melden?</p>
+                    <textarea class="form-control" @bind="_reportReason" rows="3" placeholder="Grund für die Meldung..."></textarea>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" @onclick="CloseReportModal">Abbrechen</button>
+                    <button type="button" class="btn btn-danger" @onclick="ReportEntry">Melden</button>
+                </div>
+            </div>
+        </div>
+    </div>
+}
+
+<style>
+    .hall-of-fame-details .card {
+        background: #ffffff;
+    }
+    .hall-of-fame-details .breadcrumb-item a {
+        text-decoration: none;
+        color: var(--primary);
+    }
+
+    @@media print {
+        .no-print, header, footer, nav, .app-sidebar, .breadcrumb, .btn-link, .app-navbar { 
+            display: none !important; 
+        }
+        
+        /* Reset containers for printing */
+        html, body, .app-viewport, .app-main, .app-container, main, .hall-of-fame-details, .container {
+            height: auto !important;
+            min-height: auto !important;
+            overflow: visible !important;
+            position: static !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 100% !important;
+        }
+
+        body {
+            background-color: white !important;
+        }
+
+        .card {
+            box-shadow: none !important;
+            border: none !important;
+            position: relative !important;
+            display: block !important; /* Force block instead of flex for better printing */
+        }
+
+        .row {
+            display: block !important; /* Stack columns vertically for print if needed, or keeping it but ensuring it doesn't clip */
+        }
+        
+        .col-lg-5, .col-lg-7 {
+            width: 100% !important;
+            display: block !important;
+            float: none !important;
+        }
+
+        .hall-of-fame-details {
+            margin-top: 0 !important;
+        }
+
+        img {
+            max-width: 100% !important;
+            page-break-inside: avoid;
+        }
+    }
+</style>
+
+@code {
+    public Type ReportType => typeof(ReportComponent);
+    
+    [Parameter]
+    public IReportable ReportableEntity { get; set; }
+    
+    private bool _showReportModal = false;
+    private string _reportReason = "";
+
+    private class ReportEntityTest : IReportable
+    {
+        public int EntityID { get; set; }
+        public string ModuleName { get; set; }
+        public int ModuleID { get; set; }
+    }
+    
+    protected override Task OnInitializedAsync()
+    {
+        ReportableEntity = new ReportEntityTest { EntityID = 1, ModuleID = 2, ModuleName = "TestModule" }; 
+        return base.OnInitializedAsync();
+    }
+
+    private void ShowReportModal()
+    {
+        _reportReason = "";
+        _showReportModal = true;
+    }
+
+    private void CloseReportModal()
+    {
+        _showReportModal = false;
+    }
+    
+    private void ReportEntry()
+    {
+        ReportingHandler.Report(ReportableEntity, _reportReason);
+        Console.WriteLine($"Eintrag gemeldet mit Grund: {_reportReason}");
+        CloseReportModal();
+    }
+
+    public override Task SetParametersAsync(ParameterView parameters)
+    {
+        Console.WriteLine("ParameterView received in ReportComponent:");
+        foreach (var parameter in parameters)
+        {
+            Console.WriteLine(parameter.Name + "name - value" + parameter.Value);
+        }
+        return base.SetParametersAsync(parameters);
+    }
+
+}
\ No newline at end of file
diff --git a/Client/Startup/ClientStartup.cs b/Client/Startup/ClientStartup.cs
index 0b0e928..fcc6d06 100644
--- a/Client/Startup/ClientStartup.cs
+++ b/Client/Startup/ClientStartup.cs
@@ -1,7 +1,9 @@
+using System;
 using Microsoft.Extensions.DependencyInjection;
 using System.Linq;
 using Interfaces;
 using Oqtane.Services;
+using SZUAbsolventenverein.Module.AdminModules.Client.Components;
 using SZUAbsolventenverein.Module.AdminModules.Services;
 using SZUAbsolventenverein.Module.ReportSystem.Services;
 
@@ -20,10 +22,16 @@ namespace SZUAbsolventenverein.Module.AdminModules.Startup
             {
                 services.AddScoped<IReportingHandler, ReportSystemReportingService>();
             }
+            
             if (!services.Any(s => s.ServiceType == typeof(IReportSystemReportingService)))
             {
                 services.AddScoped<IReportSystemReportingService, ReportSystemReportingService>();
             }
+
+            if (!services.Any(s => s.ServiceType == typeof(IReportUI)))
+            {
+                services.AddScoped<IReportUI, ReportComponent>();
+            }
         }
     }
 }