diff --git a/src/pages/buchdetailseite.vue b/src/pages/buchdetailseite.vue
index 86f7002..5338bcc 100644
--- a/src/pages/buchdetailseite.vue
+++ b/src/pages/buchdetailseite.vue
@@ -1,9 +1,22 @@
 <script setup>
-
+import harryPotter from "@images/harry_potter_stein_weisen_rowling.jpg";
 </script>
 
 <template>
-  $END$
+  <VRow class="match-height">
+    <VCol
+      cols="12"
+      md="12"
+    >
+      <VCard title="Detailseite">
+        <VImg
+          width="200px"
+          height="300px"
+          :src="harryPotter"
+        />
+      </VCard>
+    </VCol>
+  </VRow>
 </template>
 
 <style scoped lang="scss">