diff --git a/static/search.js b/static/search.js
index 34d8229..1480d34 100644
--- a/static/search.js
+++ b/static/search.js
@@ -8,16 +8,18 @@ document.addEventListener('DOMContentLoaded', function() {
         if (data.results && data.results.length > 0) {
             data.results.forEach(file => {
                 const card = document.createElement('div');
+                const filenameWithoutExtension = file.filename.split('.').slice(0, -1).join('.');
+                const parentFolder = file.relative_path.split('/').slice(0, -1).join('/');
                 card.className = 'card';
                 card.innerHTML = `
                     <div class="card-body">
-                        <p><button class="btn btn-light" onclick="startPlaying('${file.relative_path}')" style="width:100%;">🔊 ${file.filename}</button></p>
-                        <p><button onclick="window.open('/path/${file.relative_path}', '_self');" class="btn btn-light btn-sm" style="width:100%;">📁 ${file.relative_path}</button></p>
+                        <p><button class="btn btn-light" onclick="startPlaying('${file.relative_path}')" style="width:100%;">🔊 ${filenameWithoutExtension}</button></p>
+                        <p><button onclick="window.open('/path/${file.relative_path}', '_self');" class="btn btn-light btn-sm" style="width:100%;">📁 ${parentFolder}</button></p>
+                        <p class="card-text">Datum: ${file.performance_date}</p>
                         ${ file.transcript_hits !== undefined 
                             ? `<p class="card-text">Treffer im Transkript: ${file.transcript_hits}</p>` 
                             : `<p class="card-text">Downloads: ${file.hitcount}</p>`
                         }
-                        <p class="card-text">Datum: ${file.performance_date}</p>
                     </div>
                 `;
                 resultsDiv.appendChild(card);